.elementor-169 .elementor-element.elementor-element-3ec41df{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-169 .elementor-element.elementor-element-e4de818{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-169 .elementor-element.elementor-element-68c1ffb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;color:var( --e-global-color-937b5b9 );}.elementor-169 .elementor-element.elementor-element-e5a31e5{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;}.elementor-169 .elementor-element.elementor-element-0884d3f.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-169 .elementor-element.elementor-element-0884d3f .elementor-button-content-wrapper{flex-direction:row;}.elementor-169 .elementor-element.elementor-element-42528b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-169 .elementor-element.elementor-element-272fa40{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-169 .elementor-element.elementor-element-8f2084a{--display:flex;}.elementor-169 .elementor-element.elementor-element-fef99ed .e-search-input{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;border-radius:8px 8px 8px 8px;}.elementor-169 .elementor-element.elementor-element-fef99ed{--e-search-placeholder-color:#D1D5DB;--e-search-icon-label-color:#D1D5DB;--e-search-input-padding-block-start:12px;--e-search-input-padding-inline-start:12px;--e-search-input-padding-block-end:12px;--e-search-input-padding-inline-end:12px;--e-search-icon-label-size:14px;--e-search-icon-clear-size:14px;--e-search-icon-clear-color:#D1D5DB;}.elementor-169 .elementor-element.elementor-element-07d2064{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-169 .elementor-element.elementor-element-84db310{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-169 .elementor-element.elementor-element-03f71a1{--display:flex;}.elementor-169 .elementor-element.elementor-element-b3a0b8d{--grid-columns:1;--load-more-button-align:center;}.elementor-169 .elementor-element.elementor-element-07130ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-169 .elementor-element.elementor-element-a9957f1{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E5E7EB;--border-color:#E5E7EB;--border-radius:20px 20px 20px 20px;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-169 .elementor-element.elementor-element-a9957f1:not(.elementor-motion-effects-element-type-background), .elementor-169 .elementor-element.elementor-element-a9957f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-169 .elementor-element.elementor-element-28c16e0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;color:var( --e-global-color-primary );}.elementor-169 .elementor-element.elementor-element-e9f6341{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E5E7EB;--border-color:#E5E7EB;--border-radius:20px 20px 20px 20px;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-169 .elementor-element.elementor-element-e9f6341:not(.elementor-motion-effects-element-type-background), .elementor-169 .elementor-element.elementor-element-e9f6341 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-169 .elementor-element.elementor-element-83d3a42 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;color:var( --e-global-color-primary );}.elementor-169 .elementor-element.elementor-element-9a5d94d{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E5E7EB;--border-color:#E5E7EB;--border-radius:20px 20px 20px 20px;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-169 .elementor-element.elementor-element-9a5d94d:not(.elementor-motion-effects-element-type-background), .elementor-169 .elementor-element.elementor-element-9a5d94d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-169 .elementor-element.elementor-element-fb1c8de .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-169 .elementor-element.elementor-element-84db310{--width:66.6666%;}.elementor-169 .elementor-element.elementor-element-07130ed{--width:33.3333%;}}@media(max-width:1024px){.elementor-169 .elementor-element.elementor-element-b3a0b8d{--grid-columns:2;}}@media(max-width:767px){.elementor-169 .elementor-element.elementor-element-b3a0b8d{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-a0ff4bf */.filters a {
  display:inline-block;
  padding:6px 14px;
  margin:4px;
  border-radius:9999px;
  border:1px solid #E5E7EB;
  font-size:14px;
  color:#374151;
  text-decoration:none;
}
.filters a.active,
.filters a:hover {
  background:#2FA567;
  color:#fff;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-03b0d53 *//* --- DASHBOARD STATISTIKEN --- */

/* Die Karte */
.dashboard-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px; /* Sehr runde Ecken wie im Bild */
    padding: 24px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    max-width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Einzelne Zeile */
.dash-row {
    display: flex;
    align-items: center;
    padding: 16px 0;
    /* Optional: Trennlinie zwischen den Zeilen entfernen, 
       falls es exakt wie im Bild sein soll (dort ist keine) */
}

/* Das Icon links (Grüner Hintergrund) */
.dash-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px; /* Eckig aber abgerundet */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
}

.dash-icon svg {
    width: 24px;
    height: 24px;
}

/* Farbvarianten für Icons */
.bg-green {
    background-color: #dcfce7; /* Hellgrün */
    color: #166534;            /* Dunkelgrünes Icon */
}

.bg-light {
    background-color: #f3f4f6; /* Hellgrau/Grünlich */
    color: #4b5563;            /* Graues Icon */
}

/* Mittlerer Bereich (Titel & Sub) */
.dash-info {
    flex-grow: 1;
}

.dash-title {
    font-size: 15px;
    font-weight: 500;
    color: #374151; /* Dunkelgrau */
    line-height: 1.2;
}

.dash-sub {
    font-size: 13px;
    color: #9ca3af; /* Helles Grau */
    margin-top: 4px;
}

/* Extra Farbe für grünen Text */
.text-green {
    color: #16a34a; 
    font-weight: 500;
}

/* Die Zahl rechts */
.dash-number {
    font-size: 18px;
    font-weight: 800;
    color: #111827; /* Fast Schwarz */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d01f0db *//* --- START: Design für User Leaderboard --- */

/* 1. Die Haupt-Box */
.user-leaderboard {
    background: #ffffff;
    border: 1px solid #e2e8f0;    /* Heller grauer Rand */
    border-radius: 12px;          /* Abgerundete Ecken */
    padding: 20px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); /* Leichter Schatten */
    max-width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* 2. Jede Zeile (Ein User) */
.user-item {
    display: flex;                /* WICHTIG: Macht, dass alles nebeneinander steht */
    align-items: center;          /* Vertikal mittig ausrichten */
    padding: 12px 0;              /* Abstand oben/unten */
    border-bottom: 1px solid #f1f5f9; /* Trennlinie */
}

/* Letzte Zeile ohne Trennlinie */
.user-item:last-child {
    border-bottom: none;
}

/* 3. Das Bild (Avatar) */
.user-avatar {
    margin-right: 15px;           /* Abstand zum Text */
    line-height: 0;               /* Verhindert komische Abstände */
}

.user-avatar img {
    border-radius: 50%;           /* Macht das Bild KREISRUND */
    width: 48px;                  /* Feste Breite */
    height: 48px;                 /* Feste Höhe */
    object-fit: cover;            /* Bild wird nicht verzerrt */
    border: 2px solid #fff;       /* Weißer Ring um das Bild */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* 4. Der Text-Bereich (Name & Beiträge) */
.user-info {
    display: flex;
    flex-direction: column;       /* Name oben, Beiträge darunter */
    flex-grow: 1;                 /* Nimmt den restlichen Platz ein */
}

.user-name {
    font-weight: 700;             /* Fett gedruckt */
    color: #1e293b;               /* Dunkles Grau/Blau */
    font-size: 15px;
    margin-bottom: 2px;
}

.user-count {
    font-size: 13px;
    color: #64748b;               /* Helleres Grau */
}

/* 5. Die Platzierung (#1) oder der Strich (-) */
.user-rank {
    font-weight: 800;
    font-size: 16px;
    color: #4a7c59;               /* Das Jäger-Grün */
    min-width: 30px;              /* Damit die Zahlen sauber untereinander stehen */
    text-align: right;
}

/* --- ENDE --- *//* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c35f3f0 *//* --- TRENDING TOPICS DESIGN --- */

.trending-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    max-width: 100%;
}

.trending-item {
    display: flex;              /* Ganz wichtig: Schiebt Dinge nebeneinander */
    justify-content: space-between; /* Eines links, eines ganz rechts */
    align-items: center;
    padding: 12px 0;
    font-size: 15px;
}

/* Der Hashtag (Links) */
.trending-tag {
    color: #16a34a;            /* Jäger-Grün */
    font-weight: 600;          /* Fett */
}

/* Die Prozentzahl (Rechts) */
.trending-percent {
    color: #16a34a;            /* Jäger-Grün */
    font-weight: 700;          /* Noch etwas fetter */
    font-size: 14px;
    background-color: #f0fdf4; /* Optional: ganz leichter grüner Hintergrund */
    padding: 4px 8px;
    border-radius: 6px;
}

/* Optional: Hover-Effekt */
.trending-item:hover {
    background-color: #f9fafb;
    border-radius: 6px;
    cursor: pointer;
    padding-left: 5px; /* Kleiner Ruck nach rechts beim Drüberfahren */
    padding-right: 5px;
    transition: all 0.2s;
}/* End custom CSS */