/* ==========================================================================
   01. CSS-VARIABLEN & GLOBALE BASICS
   ==========================================================================
   Zentrale Farb- und Design-Variablen sowie allgemeine Formatierungen für
   Schriften, Formularfelder, Code-Blöcke und den Lesefortschrittsbalken.
   ========================================================================== */

:root {
    --card-bg: #f8fafc;
    --card-bg-hover: #f1f5f9;
    --card-border: #e2e8f0;
    --card-border-hover: #cbd5e1;
    --text-color: #0f172a;
    --text-muted: #64748b;
    --link-hover-color: #0073aa;
}

@media (prefers-color-scheme: dark) {
    :root {
        --card-bg: #1e293b;
        --card-bg-hover: #334155;
        --card-border: #334155;
        --card-border-hover: #475569;
        --text-color: #f8fafc;
        --text-muted: #94a3b8;
        --link-hover-color: #38bdf8;
    }
}

.site-description {
    line-height: 48px;
}

body, 
.commentlist .reply, 
.commentlist .comment-body, 
.commentlist .comment-body li,
.ping-content, 
.child-menu > li ul ul a, 
.wp-pagenavi span.pages {
    font-weight: 400;
}

/* Verhindert automatisches Zooming auf Mobilgeräten bei Eingabefeldern */
input, 
textarea, 
select {
    font-size: 16px !important;
    font-size: 1rem !important;
    touch-action: manipulation;
}

/* Inline-Code im Fließtext & Kommentaren (Bricht lange Strings & URLs sauber um) */
code,
p code,
.entry-content code,
.commentlist code {
    font-size: 0.95em !important;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace !important;
    padding: 3px 6px !important;
    border-radius: 4px !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Mehrzeilige Code-Blöcke (<pre><code>) */
pre,
pre code,
.entry-content pre,
.commentlist pre {
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
}

/* Oranger Lesefortschrittsbalken am oberen Bildschirmrand */
#cb-scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background-color: #ff6b00;
    z-index: 99999;
    transition: width 0.1s ease-out;
}

/* ==========================================================
   FLIESSTEXT & TEASER TYPOGRAFIE (Groß & Lesefreundlich)
   ========================================================== */

/* 1. Globale Basis */
body,
p,
.entry p,
.entry li,
.commentlist .comment-body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 1.1rem !important;        /* ca. 17.6px (vorher 16px) */
    line-height: 1.7 !important;
    color: #334155 !important;
    letter-spacing: -0.01em !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* 2. Teaser-Texte auf Startseite & Übersichten */
.post-list .entry p,
.entry.excerpt p {
    font-size: 1.05rem !important;      /* ca. 16.8px */
    line-height: 1.6 !important;
    color: #475569 !important;
}

/* 3. Artikel-Fließtext (Optimale Lesegröße für längere Texte) */
.single .entry p,
.single .entry li {
    font-size: 1.15rem !important;      /* ca. 18.5px – sehr angenehm auf Desktop */
    line-height: 1.75 !important;
    color: #1e293b !important;
    margin-bottom: 1.5em !important;
}

/* Fette Textstellen im Fließtext */
.entry strong,
.entry b,
p strong {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* --- Dark Mode Anpassungen --- */
@media (prefers-color-scheme: dark) {
    body,
    p,
    .entry p,
    .entry li,
    .commentlist .comment-body {
        color: #cbd5e1 !important;
    }

    .post-list .entry p,
    .entry.excerpt p {
        color: #94a3b8 !important;
    }

    .single .entry p,
    .single .entry li {
        color: #e2e8f0 !important;
    }

    .entry strong,
    .entry b,
    p strong {
        color: #f8fafc !important;
    }
}

/* Theme-Klassen (body.dark) */
body.dark,
body.dark p,
body.dark .entry p,
body.dark .entry li,
body.dark-mode .entry p,
[data-theme="dark"] .entry p {
    color: #cbd5e1 !important;
}

body.dark .post-list .entry p,
body.dark .entry.excerpt p {
    color: #94a3b8 !important;
}

body.dark .entry strong,
body.dark-mode .entry strong,
[data-theme="dark"] .entry strong {
    color: #f8fafc !important;
}

/* Mobil-Optimierung (Smartphones) */
@media screen and (max-width: 767px) {
    .single .entry p,
    .single .entry li {
        font-size: 1.05rem !important;  /* ca. 17px */
        line-height: 1.65 !important;
    }
    
    .post-list .entry p,
    .entry.excerpt p {
        font-size: 1rem !important;     /* 16px */
    }
}

/* ==========================================================
   FIX: HEADER CLAIM & FOOTER ÜBERSCHRIFTEN
   ========================================================== */

/* 1. Header Slogan ("Technik. Klar. Seit 2005.") */
.site-description,
#header .site-description,
#header-wrap .site-description {
    color: rgba(255, 255, 255, 0.88) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.95rem !important;
    font-style: italic !important;
    line-height: 48px !important;
    margin: 0 0 0 16px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* 2. Footer Überschriften & Widget-Titel (dauerhaft weiß & lesbar) */
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6,
#footer-widgets h1, #footer-widgets h2, #footer-widgets h3, #footer-widgets h4,
#footer .widget-title,
#footer-widgets .widget-title,
.site-footer h3,
.site-footer .widget-title,
.site-footer .footer-title {
    color: #ffffff !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    letter-spacing: 0.02em !important;
}

/* ==========================================================
   HOVER-EFFEKT: VERLINKTE ÜBERSCHRIFTEN IN BEITRÄGEN
   ========================================================== */

/* 1. Grundzustand: Erbt die Headline-Farbe, zeigt aber einen dezenten Akzentpfeil */
.entry h2 a,
.entry h3 a,
.entry h4 a,
.single-post .entry-content h2 a,
.single-post .entry-content h3 a,
.single-post .entry-content h4 a {
    color: inherit !important;
    text-decoration: none !important;
    transition: color 0.15s ease-in-out !important;
}

/* Der Link-Indikator (Pfeil) */
.entry h2 a::after,
.entry h3 a::after,
.entry h4 a::after,
.single-post .entry-content h2 a::after,
.single-post .entry-content h3 a::after,
.single-post .entry-content h4 a::after {
    content: " →" !important;
    color: #0284c7 !important;
    font-weight: normal !important;
    display: inline-block !important;
    margin-left: 4px !important;
    transition: transform 0.15s ease !important;
}

/* 2. Hover-Zustand (Light Mode) */
.entry h2 a:hover,
.entry h3 a:hover,
.entry h4 a:hover,
.single-post .entry-content h2 a:hover,
.single-post .entry-content h3 a:hover,
.single-post .entry-content h4 a:hover {
    color: #0284c7 !important;
    text-decoration: none !important;
}

.entry h2 a:hover::after,
.entry h3 a:hover::after,
.entry h4 a:hover::after,
.single-post .entry-content h2 a:hover::after,
.single-post .entry-content h3 a:hover::after,
.single-post .entry-content h4 a:hover::after {
    transform: translateX(3px) !important;
}

/* 3. Dark Mode */
@media (prefers-color-scheme: dark) {
    .entry h2 a::after,
    .entry h3 a::after,
    .entry h4 a::after,
    .single-post .entry-content h2 a::after,
    .single-post .entry-content h3 a::after,
    .single-post .entry-content h4 a::after {
        color: #38bdf8 !important;
    }
    .entry h2 a:hover,
    .entry h3 a:hover,
    .entry h4 a:hover,
    .single-post .entry-content h2 a:hover,
    .single-post .entry-content h3 a:hover,
    .single-post .entry-content h4 a:hover {
        color: #38bdf8 !important;
    }
}

body.dark .entry h2 a::after,
[data-theme="dark"] .entry h2 a::after {
    color: #38bdf8 !important;
}

body.dark .entry h2 a:hover,
[data-theme="dark"] .entry h2 a:hover {
    color: #38bdf8 !important;
}


/* ==========================================================================
   02. HEADER, TOPBAR & NAVIGATION
   ==========================================================================
   Styling für Haupt-Header, die obere Utility-Topbar, Suchfunktion,
   Header-Social-Icons und Logo-Verhalten.
   ========================================================================== */

#header-sticky {
    contain-intrinsic-size: 50px;
    content-visibility: auto;
}

.toggle-search { 
    padding: 22px 16px; 
}

.search-expand { 
    top: 58px; 
}

#header-top .social-links { 
    top: 18px; 
}

.site-title a img {
    max-height: none !important;
}

/* Header & Topbar vollkommen vereinen (gleicher Farbton #3A8EC2) */
#header, 
#nav-topbar,
#nav-topbar .container {
    background-color: #3A8EC2 !important;
    box-shadow: none !important;
}

/* Kasten-Optik der Topbar-Menüpunkte auflösen */
#nav-topbar .nav li a,
#nav-topbar .nav li {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Schwebeeffekt für Topbar-Links dezent halten */
#nav-topbar .nav li a:hover {
    background: rgba(255, 255, 255, 0.15) !important;
}

/* Sanfte Trennlinie zwischen Utility-Leiste und Haupt-Header */
#nav-topbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Grundsätzliche Textfarbe für alle Topbar-Menü-Links auf Weiß erzwingen */
#nav-topbar a,
#nav-topbar .nav li a,
#nav-topbar .nav li.current-menu-item a,
#nav-topbar .nav li.current-menu-ancestor a {
    color: #ffffff !important;
    text-shadow: none !important;
    opacity: 0.95 !important;
}

/* Topbar Hover-Zustand: Strahlendes Weiß + dezent heller Hintergrund */
#nav-topbar .nav li a:hover,
#nav-topbar .nav li a:focus {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    opacity: 1 !important;
}

/* Aktiver Topbar-Menüpunkt */
#nav-topbar .nav li.current-menu-item a,
#nav-topbar .nav li.current_page_item a {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.25) !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}


/* ==========================================================================
   03. STARTSEITE, HIGHLIGHTS & BEITRAGS-LISTEN (ARCHIV / SUCHE)
   ==========================================================================
   Layout der Beitragsübersichten, Trennlinien zwischen Artikeln,
   Featured-Overlay im Subheader, Kommentar-Badges und Teaser-Kürzungen.
   ========================================================================== */

/* Subheader / Featured Posts Reset */
#subheader,
#subheader .featured-posts,
#subheader .featured-wrap,
#subheader .date-divider {
    border-bottom: none !important;
    border-top: none !important;
}

/* Feine punktierte Linie unter den Highlight-Beiträgen */
#subheader {
    border-bottom: 2px dotted #cbd5e1 !important;
    padding-bottom: 20px !important;
    margin-bottom: 25px !important;
}

.home #subheader,
.home .featured-posts {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Featured Posts Gradient-Overlay für bessere Lesbarkeit weißer Bilder */
.featured-large {
    position: relative !important;
}

.featured-large::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0) 85%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

.featured-large .featured-o {
    position: absolute !important;
    z-index: 3 !important;
}

.featured-large .featured-o a,
.featured-large .featured-o h2,
.featured-large .featured-o .post-title,
.featured-large .featured-o .post-date {
    color: #ffffff !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9), 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

.featured-o-thumb {
    position: relative !important;
}

/* Startseiten- & Listen-Artikel: Symmetrische Abstände & Trennlinien */
.home article,
.archive article,
.search article {
    border-bottom: 2px dotted #cbd5e1 !important;
    padding-top: 10px !important;
    padding-bottom: 22px !important;
    margin-bottom: 12px !important;
}

.home article:first-of-type,
.archive article:first-of-type,
.search article:first-of-type,
.home .group article:first-of-type {
    border-top: 0;
    padding-top: 0 !important;
}

.home article .post-inner,
.archive article .post-inner,
.search article .post-inner,
.home article .entry,
.archive article .entry,
.search article .entry,
.home .group article:first-of-type .post-inner {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.home article:last-of-type,
.archive article:last-of-type,
.search article:last-of-type {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Date-Divider in Beitragslisten von Blau auf Grau */
#page .date-divider,
.post-list .date-divider,
.post-thumbnail .date-divider {
    background-color: #cbd5e1 !important;
    background: #cbd5e1 !important;
    height: 3px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* Beitrags-Titel & Weicher Hover-Effekt */
.post-list .post-title,
.post-list h2.post-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.post-title a,
.entry-title a {
    transition: color 0.15s ease-in-out !important;
}

.post-title a:hover,
.entry-title a:hover {
    color: #2d7fbc !important;
}

/* Teaser-Text auf exakt 3 Zeilen begrenzen */
.post-list .entry p,
.entry.excerpt p {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
}

/* Datum & Uhren-Icon in Listen */
.post-date,
.post-date a,
.post-list .post-date {
    color: #334155 !important;
    font-weight: 600 !important;
}

.post-date i,
.post-date .fa-clock,
.post-date .fa-regular {
    vertical-align: -1px !important;
    margin-right: 4px !important;
    opacity: 1 !important;
    color: #475569 !important;
}

/* Kommentar-Sprechblasen-Badges auf Bildern */
.post-comments,
a.post-comments,
.post-thumbnail .post-comments {
    background-color: rgba(255, 255, 255, 0.92) !important;
    color: #0f172a !important;
    backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 12px !important;
    padding: 2px 8px !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18) !important;
}

.post-comments:hover,
a.post-comments:hover {
    background-color: #2563eb !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}


/* ==========================================================================
   04. EINZELARTIKEL (SINGLE POST), META-DATEN, LINKS & QUELLEN
   ==========================================================================
   Typografie im Fließtext, interne/externe Linkauszeichnung, Kategorie-Pillen,
   Autoren-Byline, Beitragsbilder, Vor/Zurück-Navigation und Quellenangaben.
   ========================================================================== */

/* Grund-Look für Fließtext-Links */
.single .entry p a {
    border-bottom: 1px solid #3A8EC2 !important;
    text-decoration: none !important;
    transition: all 0.15s ease-in-out !important;
}

.single .entry p a.photolink {
    border: none !important;
}

.single .entry p a:hover,
.author-bio a:not([rel="author"]):hover,
.comment-abo a:hover {
    border-bottom-color: #000000 !important;
    color: #000000 !important;
}

/* INTERNE LINKS (Gepunktete Unterstreichung) */
.single .entry p a[href*="stadt-bremerhaven.de"] {
    border-bottom: 1px dotted #3A8EC2 !important;
    background-color: transparent !important;
    padding: 0 !important;
}

.single .entry p a[href*="stadt-bremerhaven.de"]:hover {
    border-bottom-color: #000000 !important;
    color: #000000 !important;
    background-color: transparent !important;
}

/* EXTERNE LINKS (Pfeil-Icon am Ende) */
.single .entry p a:not([href*="stadt-bremerhaven.de"]):not([href^="#"]):not([class*="photolink"])::after {
    content: " ↗" !important;
    font-size: 0.75em !important;
    font-weight: bold !important;
    opacity: 0.65 !important;
    display: inline-block !important;
    margin-left: 2px !important;
}

.single .entry p a:visited, 
.author-bio a:not([rel="author"]):visited, 
.comment-abo a:visited {
    color: #6A6A6A;
}

.single .post .entry .post-tags a { 
    color: #175b86; 
}

.single .post .entry .post-tags a:hover { 
    background: #DDD; 
}

/* Kategorie-Pillen über der Headline */
.post-category {
    font-size: 0 !important;
    margin-bottom: 14px !important;
    display: block !important;
}

.post-category a[rel="category tag"], 
.post-category a {
    display: inline-block !important;
    background-color: #f1f5f9 !important;
    color: #334155 !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    padding: 5px 12px !important;
    border-radius: 6px !important;
    margin-right: 6px !important;
    margin-bottom: 6px !important;
    text-decoration: none !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.2s ease-in-out !important;
}

.post-category a[rel="category tag"]:hover, 
.post-category a:hover {
    background-color: #ff6b00 !important;
    color: #ffffff !important;
    border-color: #ff6b00 !important;
    transform: translateY(-1px) !important;
}

/* Beitrags-Meta-Zeile (Autor, Datum, Kommentare) */
.post-byline {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    font-size: 0.88rem !important;
    color: #64748b !important;
    margin-top: 10px !important;
    margin-bottom: 8px !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

.post-byline + .clear { 
    display: none !important; 
}

.post-byline img.avatar {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    margin-right: 2px !important;
    float: none !important;
}

.post-byline a[rel="author"], 
.post-byline a:first-of-type {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    text-decoration: none !important;
}

.post-byline .datetime, 
.post-byline .comments-link {
    color: #64748b !important;
    font-size: 0.85rem !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.post-byline a:hover { 
    color: #2563eb !important; 
}

/* Ausrichten des Beitragsbildes */
.entry-inner > p:first-child img, 
.entry-inner > figure:first-child, 
.entry-inner img:first-of-type { 
    margin-top: 10px !important; 
}

.entry-inner > p:first-child, 
.entry.themeform, 
.entry, 
.entry-inner p:first-of-type { 
    margin-top: 0 !important; 
    padding-top: 0 !important; 
}

.entry-inner img, 
.entry-inner > p:first-child img { 
    margin-top: 0 !important; 
    padding-top: 0 !important; 
    display: block !important; 
}

.related-posts .post-title a::before { 
    content: ''; 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
}

/* WP Embed Boxen */
iframe.wp-embedded-content {
    max-width: 100% !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    margin: 25px 0 !important;
    transition: all 0.2s ease-in-out;
}

iframe.wp-embedded-content:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-1px);
}

/* Quellenangaben am Beitragsende */
.entry-inner .quelle {
    font-size: 12px;
    color: #595959;
    text-transform: uppercase;
    z-index: 10;
    display: block;
    text-align: right;
}

.entry-inner .quelle ul { 
    list-style-type: none; 
    display: flex; 
    justify-content: flex-end; 
}

.entry-inner .quelle li { 
    list-style-type: none; 
}

.entry-inner .quelle li:not(:last-child) { 
    margin-right: 2px; 
}

.entry-inner .quelle li:not(:last-child)::after { 
    content: ', '; 
}

.entry-inner .quelle a { 
    line-height: 1; 
    color: #3A8EC2; 
    text-decoration: none; 
}

.entry-inner .quelle a:hover { 
    border-bottom: 1px solid #000; 
    color: #000; 
}

/* Beitrags-Navigation (Vorheriger / Nächster Artikel) */
.content .post-nav,
.post-nav,
.post-nav ul,
.post-nav li,
.post-nav li a {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.post-nav {
    border-bottom: 1px solid #334155 !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
}

.post-nav li a:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-radius: 6px !important;
}

.post-nav li a:hover strong,
.post-nav li a:hover .post-nav-title {
    color: #38bdf8 !important;
    transition: color 0.2s ease !important;
}

/* Spezielles Styling für das Schlagwort / Kategorie "Anzeige" */
.post-category a[href*="/anzeige/"],
.post-category a[href*="/anzeige"] {
    background-color: #ff6b00 !important;
    color: #ffffff !important;
    border-color: #e05e00 !important;
}

.post-category a[href*="/anzeige/"]:hover,
.post-category a[href*="/anzeige"]:hover {
    background-color: #e05e00 !important;
    border-color: #c45200 !important;
    color: #ffffff !important;
}

.tag-anzeige .post-thumbnail,
.category-anzeige .post-thumbnail {
    position: relative !important;
}

.tag-anzeige .post-thumbnail::before,
.category-anzeige .post-thumbnail::before {
    content: "ANZEIGE" !important;
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    background-color: #ff6b00 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 3px !important;
    z-index: 99 !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    pointer-events: none !important;
}

.featured-o-thumb .badge-anzeige,
.featured-posts .badge-anzeige,
#subheader .badge-anzeige {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    background-color: #f97316 !important;
    color: #ffffff !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 3px 8px !important;
    border-radius: 3px !important;
    z-index: 9 !important;
    line-height: 1 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}

/* ==========================================================
   GLOBALE ÜBERSCHRIFTEN-HIERARCHIE (h1 bis h6 – Systemweit)
   ========================================================== */

/* 1. Universelle Basis für alle Überschriften & enthaltene Links */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.post-title,
.post-title a,
.widget-title,
.widget h3,
.comments-title,
#comments .heading {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #0f172a !important;
    letter-spacing: 0.01em !important;
}

/* 2. Desktop-Schriftgrößen & Abstände */
h1, .single .post-title {
    font-size: 1.875rem !important; /* 30px */
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
    margin-bottom: 14px !important;
}

h2, .entry h2, .post-inner h2 {
    font-size: 1.45rem !important;  /* ~23px */
    line-height: 1.35 !important;
    margin-top: 28px !important;
    margin-bottom: 12px !important;
}

h3, 
.entry h3,
.post-inner h3,
.widget-title, 
.widget h3, 
#comments .heading {
    font-size: 1.2rem !important;   /* ~19px */
    line-height: 1.4 !important;
    margin-top: 22px !important;
    margin-bottom: 10px !important;
}

h4 {
    font-size: 1.05rem !important;  /* ~17px */
    line-height: 1.4 !important;
    margin-top: 18px !important;
    margin-bottom: 8px !important;
}

h5, h6 {
    font-size: 0.95rem !important;  /* ~15px */
    line-height: 1.4 !important;
    margin-top: 14px !important;
    margin-bottom: 6px !important;
}

/* 2. Single-Post Haupttitel (H1 / Title) */
h1, 
.single .post-title,
.single .entry-title,
.post-title-single,
h1.post-title {
    font-size: 1.875rem !important; /* 30px */
    font-weight: 600 !important;   /* Auf 600 geändert für den luftigen Look */
    line-height: 1.3 !important;
    letter-spacing: 0.005em !important;
    margin-bottom: 14px !important;
}

/* 3. Mobile Größen (unter 768px) */
@media screen and (max-width: 767px) {
    h1, .single .post-title { font-size: 1.5rem !important; }   /* 24px */
    h2, .entry h2, .post-inner h2 { font-size: 1.25rem !important; }  /* 20px */
    h3, .entry h3, .post-inner h3, .widget-title, .widget h3 { font-size: 1.1rem !important; } /* ~18px */
    h4 { font-size: 0.95rem !important; }
    h5, h6 { font-size: 0.85rem !important; }
}

/* 4. Dark Mode Support (System & Theme-Klassen) */
@media (prefers-color-scheme: dark) {
    h1, h2, h3, h4, h5, h6,
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
    .post-title,
    .post-title a,
    .widget-title,
    .widget h3,
    .comments-title,
    #comments .heading {
        color: #f8fafc !important;
    }
}

body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6,
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4,
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4,
html.dark h1, html.dark h2, html.dark h3, html.dark h4,
body.dark .widget-title, body.dark-mode .widget-title, [data-theme="dark"] .widget-title {
    color: #f8fafc !important;
}


/* ==========================================================================
   05. CUSTOM CONTENT BOXEN, INTERNE LINKS & RELATED POSTS
   ==========================================================================
   Styling für Akzentboxen im Artikel (Gradient, Orange, Dashed) sowie
   interne Artikel-Vorschaukarten und weiterführende Beitrags-Listen.
   ========================================================================== */

/* Zweifarbige Akzent-Box */
.box-gradient-accent {
    background-color: #f8fafc;
    border-left: 6px solid #2563eb;
    border-right: 6px solid #3b82f6;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    padding: 20px 24px;
    margin: 24px 0;
    border-radius: 8px;
    font-size: 16px;
    line-height: 1.6;
    color: #1e293b;
}

.box-gradient-accent strong { 
    color: #0f172a; 
    font-size: 17px; 
    display: block; 
    margin-bottom: 6px; 
}

/* Orange Box */
.box-orange {
    background-color: #fff7ed;
    border-left: 5px solid #f97316;
    border-right: 5px solid #f97316;
    border-top: 1px solid #ffedd5;
    border-bottom: 1px solid #ffedd5;
    padding: 20px 24px;
    margin: 24px 0;
    border-radius: 6px;
    font-size: 16px;
    line-height: 1.6;
    color: #431407;
}

.box-orange strong { 
    color: #c2410c; 
    font-size: 17px; 
    display: block; 
    margin-bottom: 6px; 
}

/* Gestrichelte Box */
.box-dashed {
    background-color: #fafafa;
    border: 2px dashed #cbd5e1;
    padding: 20px 24px;
    margin: 24px 0;
    border-radius: 8px;
    font-size: 16px;
    line-height: 1.6;
    color: #334155;
}

.box-dashed strong { 
    color: #475569; 
    font-size: 17px; 
    display: block; 
    margin-bottom: 6px; 
}

/* Interne Link-Box (Kompakte Card mit Bild links und Text rechts) */
.cb-internal-link-card {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none !important;
    margin: 24px 0;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.cb-internal-link-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
    border-color: #3A8EC2;
}

/* Bildbereich Desktop: Feste, harmonische Breite (16:9 Look) */
.cb-internal-link-img {
    flex: 0 0 220px;
    min-height: 135px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f1f5f9;
}

/* Textbereich */
.cb-internal-link-content {
    flex: 1;
    padding: 14px 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0; /* Verhindert Flexbox-Overflow bei langen Titeln */
}

.cb-internal-link-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 6px;
    line-height: 1.3;
    transition: color 0.2s ease;
}

.cb-internal-link-card:hover .cb-internal-link-title {
    color: #3A8EC2;
}

.cb-internal-link-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.88rem;
    color: #475569;
    line-height: 1.4;
    margin-bottom: 8px;
}

.cb-internal-link-meta {
    display: inline-block;
    font-size: 0.8rem;
    color: #3A8EC2;
    font-weight: 600;
}

/* --------------------------------------------------
   Mobile Ansicht: Kompakt & sauber untereinander
   -------------------------------------------------- */
@media screen and (max-width: 600px) {
    .cb-internal-link-card {
        flex-direction: column;
        margin: 18px 0;
    }

    .cb-internal-link-img {
        flex: none;
        width: 100%;
        height: 140px;
        min-height: auto;
    }

    .cb-internal-link-content {
        padding: 12px 14px;
    }

    .cb-internal-link-title {
        font-size: 0.98rem;
        margin-bottom: 4px;
    }

    .cb-internal-link-excerpt {
        font-size: 0.82rem;
        margin-bottom: 6px;
    }
}

/* Related Posts / Vorgeschlagene Artikel Grid */
.cb-related-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
    width: 100% !important;
}

.cb-related-grid li .cb-related-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 12px 18px !important;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px !important;
    text-decoration: none !important;
    transition: background-color 0.15s ease;
    box-sizing: border-box !important;
    width: 100% !important;
}

.cb-related-grid li .cb-related-card:hover {
    background-color: #f1f5f9;
}

.cb-related-grid .cb-related-thumb {
    width: 58px !important;
    height: 58px !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.cb-related-grid .cb-related-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    max-width: none !important;
}

.cb-related-grid .cb-related-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    flex-grow: 1 !important;
}


/* ==========================================================================
   06. AUTOREN-BOXEN & TEAM-GRID
   ==========================================================================
   Design für Autorenprofile unter Artikeln und Team-Übersichtskarten.
   ========================================================================== */

.author-bio .bio-desc, 
.post-list .entry { 
    color: inherit; 
}

.team-grid { 
    display: flex !important; 
    flex-direction: column !important; 
    gap: 12px !important; 
    margin: 16px 0 !important; 
}

.team-grid .team-card { 
    background: #ffffff !important; 
    border-radius: 12px !important; 
    overflow: hidden !important; 
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important; 
    transition: transform 0.25s ease, box-shadow 0.25s ease !important; 
    display: flex !important; 
    flex-direction: row !important; 
    align-items: center !important; 
    border: 1px solid #f0f0f0 !important; 
    padding: 24px !important; 
}

.team-grid .team-card:hover { 
    transform: translateY(-2px) !important; 
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08) !important; 
}

.team-grid .team-avatar-wrapper { 
    background: transparent !important; 
    padding: 0 24px 0 0 !important; 
    flex-shrink: 0 !important; 
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important; 
}

.team-grid img.team-avatar { 
    width: 120px !important; 
    height: 120px !important; 
    max-width: 120px !important; 
    max-height: 120px !important; 
    border-radius: 50% !important; 
    object-fit: cover !important; 
    border: 3px solid #ffffff !important; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) !important; 
    margin: 0 !important; 
}

.team-grid .team-info { 
    padding: 0 !important; 
    text-align: left !important; 
    display: flex !important; 
    flex-direction: column !important; 
    flex-grow: 1 !important; 
}

.team-grid .team-info h3 { 
    margin: 0 0 4px 0 !important; 
    font-size: 1.3rem !important; 
    color: #111111 !important; 
    font-weight: 700 !important; 
}

.team-grid .team-role { 
    display: block !important; 
    font-size: 0.85rem !important; 
    text-transform: uppercase !important; 
    letter-spacing: 0.05em !important; 
    color: #ff6b00 !important; 
    margin: 0 0 6px 0 !important; 
    padding: 0 !important; 
    font-weight: 600 !important; 
}

.team-grid .team-bio { 
    display: block !important; 
    font-size: 0.95rem !important; 
    line-height: 1.5 !important; 
    color: #555555 !important; 
    margin: 0 !important; 
    padding: 0 !important; 
    text-align: left !important; 
}


/* ==========================================================================
   07. SIDEBAR, WIDGETS & "HEISS DISKUTIERT"
   ==========================================================================
   Styling der Seitenleiste, Testberichte-Widget, Tab-Widgets sowie
   des "Heiß diskutiert"-Blocks inkl. Amazon-Sidebar-Fix.
   ========================================================================== */

.mywidget__ttl, 
.mywidget__header { 
    font-weight: 600 !important; 
    padding: 0 8px; 
    color: #333 !important; 
    transition: color 300ms; 
}

.mywidget__header { 
    font-size: 20px !important; 
    padding: 0; 
}

.mywidget__pic { 
    transition: opacity 300ms; 
}

a.mywidget__link.mywidget__link_document:hover .mywidget__pic { 
    opacity: .8; 
}

a.mywidget__link.mywidget__link_document:hover .mywidget__ttl { 
    color: #3a8ec3 !important; 
}

.pptwj-tabs-wrap .tab-links, 
.tab-filter-list { 
    display: none; 
}

.sidebar .pptwj-tabs-wrap .boxes, 
.sidebar .pptwj-tabs-wrap .boxes ul li { 
    border: none; 
}

.sidebar .pptwj-tabs-wrap .boxes ul li { 
    padding: 8px 0; 
    border-bottom: 1px solid #f2f2f2; 
    display: flex; 
}

.sidebar .pptwj-tabs-wrap .boxes ul li.even { 
    background: #FFF; 
}

.sidebar .pptwj-tabs-wrap .boxes ul li .post-thumb { 
    flex: 0 0 70px; 
    padding-top: 3px; 
}

.sidebar .pptwj-tabs-wrap .boxes ul li .post-thumb img { 
    padding: 0; 
    border: 0; 
    margin-right: 0; 
}

.sidebar .pptwj-tabs-wrap .boxes ul li a.item-title { 
    font-size: 14px; 
    line-height: 1.4em; 
    margin: 0 0 0 12px; 
    word-wrap: break-word; 
}

.sidebar .pptwj-tabs-wrap .boxes ul li:hover a { 
    color: #3A8EC3; 
}

.sidebar .pptwj-tabs-wrap .boxes ul { 
    margin-top: -8px; 
    padding: 0; 
}

/* Aktuelle Testberichte Sidebar-Liste */
.sidebar-tests-list {
    list-style: none !important;
    margin: 15px 0 0 0 !important;
    padding: 0 0 0 20px !important;
}

.sidebar-tests-list li {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 18px !important;
    gap: 12px !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

.sidebar-tests-list .test-thumb {
    flex-shrink: 0 !important;
    width: 55px !important;
    height: 55px !important;
}

.sidebar-tests-list .test-thumb a {
    display: block !important;
    border: none !important;
}

.sidebar-tests-list .test-thumb img {
    border-radius: 6px !important;
    object-fit: cover !important;
    display: block !important;
    width: 55px !important;
    height: 55px !important;
}

.sidebar-tests-list .test-title-text {
    line-height: 1.3 !important;
}

.sidebar-tests-list .test-title-text a {
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    color: var(--text-color, #1e293b) !important;
    border: none !important;
    transition: color 0.2s ease-in-out;
}

.sidebar-tests-list .test-title-text a:hover {
    color: var(--link-hover-color, #0088cc) !important;
    text-decoration: underline !important;
}

.sidebar-tests-list .test-thumb a:hover img {
    opacity: 0.85;
    transform: scale(1.02);
    transition: all 0.2s ease-in-out;
}

/* Sidebar: Heiß diskutiert Widget */
.sidebar .widget.cb-hot-widget,
.cb-hot-widget {
    width: 300px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.cb-hot-widget .cb-hot-list {
    list-style: none !important;
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.cb-hot-item {
    margin: 0 0 12px 0 !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid #f2f2f2 !important;
    background: none !important;
    width: 100% !important;
}

.cb-hot-item:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.cb-hot-item::before {
    content: none !important;
}

.cb-hot-widget a.cb-hot-link,
.cb-hot-widget a.cb-hot-link:link,
.cb-hot-widget a.cb-hot-link:visited,
.cb-hot-widget a.cb-hot-link:active,
.cb-hot-widget a[href*="amazon"].cb-hot-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    width: 100% !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    color-scheme: normal !important;
}

.cb-hot-widget a.cb-hot-link .cb-hot-title,
.cb-hot-widget a.cb-hot-link:visited .cb-hot-title,
.cb-hot-widget a[href*="amazon"].cb-hot-link .cb-hot-title {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.92rem;
    font-weight: 500;
    line-height: 1.4;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    transition: color 0.15s ease;
}

.cb-hot-widget a.cb-hot-link:hover,
.cb-hot-widget a.cb-hot-link:hover .cb-hot-title,
.cb-hot-widget a[href*="amazon"].cb-hot-link:hover .cb-hot-title {
    color: #0073aa !important;
    -webkit-text-fill-color: #0073aa !important;
    text-decoration: underline !important;
}

.cb-hot-count {
    flex: 0 0 auto;
    min-width: 28px;
    padding: 2px 7px;
    background-color: #ff6b00;
    border-radius: 10px;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}


/* ==========================================================================
   08. KOMMENTARE, FORMULAR, THREADS & ABO-BOX
   ==========================================================================
   Komplettes Redesign des Kommentarbereichs, Thread-Linien, Moderations-
   Hinweise, Mitarbeiter-Badges und Formular-Styling.
   ========================================================================== */

.commentlist li, 
.pinglist li, 
.commentlist .comment-body, 
.commentlist .reply, 
.commentlist .fn, 
.pinglist .ping-link { 
    font-size: 18px; 
    line-height: 1.5; 
}

.commentlist .comment-meta::before, 
.pinglist .ping-meta::before, 
.widget > ul li::before, 
.widget > ul li a::before, 
.widget > div > ul li a::before, 
.widget_calendar caption::before { 
    font-size: 14px; 
}

.entry p:not(:last-child), 
.entry dd:not(:last-child), 
.commentlist .comment-body dd:not(:last-child), 
.video-container:not(:last-child), 
.entry ol:not(:last-child), 
.entry ul:not(:last-child) { 
    margin-bottom: 1.6em; 
}

.commentlist .comment-body p:last-child, 
.commentlist .comment-body dd:last-child { 
    margin-bottom: 0; 
}

.commentlist .comment-meta, 
.commentlist li, 
.pinglist li { 
    margin-bottom: 24px; 
}

.commentlist .comment-meta { 
    display: block; 
    margin-bottom: 0; 
}

.edit-comment-admin-links a, 
.ajax-edit-time-left, 
.aec-dropdown-container a { 
    margin-left: 0; 
    padding-left: 0; 
    margin-right: 8px; 
}

.edit-comment-admin-links { 
    margin-bottom: 8px; 
}

/* Kommentar-Listen Container (Volle Inhaltsbreite) */
#commentlist-container,
.commentlist,
.commentlist li,
.commentlist .comment-body,
.commentlist .comment-author,
.commentlist .comment-inner,
.commentlist article {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.commentlist .avatar,
.commentlist .comment-avatar {
    float: none !important;
    margin-left: 0 !important;
}

/* Kommentar-Header: Titel & Sortier-Link */
#comments .heading,
#comments h3.heading,
.comments-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin-top: 30px !important;
    margin-bottom: 16px !important;
    padding-bottom: 0 !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
}

#comments .heading a,
.comment-sort-link,
a.comment-sorting-toggle {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #ff6b00 !important;
    text-decoration: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#comments .heading a:hover {
    text-decoration: underline !important;
}

#comments .commentlist {
    margin-top: 10px !important;
    padding-top: 0 !important;
}

/* Einzelkommentar-Box (Gepunktete Linie) */
.commentlist li.comment > div[id^="comment-"] {
    border: 2px dotted #94a3b8;
    border-radius: 8px;
    padding: 14px 18px;
    margin-bottom: 20px;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Mitarbeiter-Kommentare */
.commentlist li.bypostauthor > div[id^="comment-"],
.commentlist li.comment-author-admin > div[id^="comment-"],
.commentlist li.comment-author-caschy > div[id^="comment-"] {
    border: 1px solid #bae6fd;
    background-color: #f0f9ff;
}

.commentlist li.bypostauthor .comment-content,
.commentlist li.bypostauthor .comment-body,
.commentlist li.comment-author-admin .comment-content,
.commentlist li.comment-author-admin .comment-body,
.commentlist li.comment-author-caschy .comment-content,
.commentlist li.comment-author-caschy .comment-body {
    border-left: none !important;
}

.staff-comment-box {
    border-left: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.badge-staff { 
    display: inline-block; 
    background-color: #0066cc; 
    color: #ffffff; 
    font-size: 11px; 
    font-weight: 600; 
    padding: 2px 7px; 
    border-radius: 4px; 
    margin-left: 6px; 
    text-transform: uppercase; 
    vertical-align: middle; 
    line-height: 1.2; 
}

/* Verschachtelte Antworten & Thread-Linien */
.commentlist .children {
    margin-left: 20px !important;
    padding-left: 20px !important;
    border-left: 3px solid #cbd5e1;
    list-style: none;
    width: auto !important;
}

.commentlist .children:hover {
    border-left-color: #64748b;
}

.commentlist .children li.comment > div[id^="comment-"] {
    margin-top: 12px;
    margin-bottom: 12px;
    border-color: #cbd5e1;
}

/* Antworten-Buttons unter Kommentaren */
.commentlist .reply a,
.comment-reply-link {
    background-color: #f1f5f9 !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 4px 12px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: none !important;
}

.commentlist .reply a:hover,
.comment-reply-link:hover {
    background-color: #3a8ec2 !important;
    color: #ffffff !important;
    border-color: #3a8ec2 !important;
}

/* Kommentarformular (#respond) */
#respond,
.comment-respond {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 18px 24px !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}

#respond::before,
.comment-respond::before,
#reply-title::before,
.comment-respond h3::before,
#reply-title {
    display: none !important;
}

.comment-form,
#commentform {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 16px 0 !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
}

.comment-form p,
#commentform p {
    margin-bottom: 0 !important;
}

.comment-form label,
#commentform label {
    display: block !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #64748b !important;
    margin-bottom: 6px !important;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea,
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea {
    width: 100% !important;
    background-color: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    font-size: 0.95rem !important;
    color: #1e293b !important;
    transition: all 0.2s ease-in-out !important;
    box-sizing: border-box !important;
}

.comment-form input:focus,
.comment-form textarea:focus,
#commentform input:focus,
#commentform textarea:focus {
    background-color: #ffffff !important;
    border-color: #3a8ec2 !important;
    box-shadow: 0 0 0 3px rgba(58, 142, 194, 0.15) !important;
    outline: none !important;
}

.comment-form-comment { flex: 0 0 100% !important; width: 100% !important; order: 1 !important; }
.comment-form-author { flex: 0 0 48% !important; width: 48% !important; order: 2 !important; }
.comment-form-email  { flex: 0 0 48% !important; width: 48% !important; order: 3 !important; }
.comment-form-url    { flex: 0 0 100% !important; width: 100% !important; order: 4 !important; }
.comment-form-cookies-consent { flex: 0 0 100% !important; width: 100% !important; order: 5 !important; margin-top: 8px !important; }

.form-submit {
    flex: 0 0 100% !important;
    width: 100% !important;
    order: 6 !important;
    margin-top: 10px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

.form-submit::after {
    content: "Erscheint nach kurzer Prüfung." !important;
    font-size: 0.85rem !important;
    color: #64748b !important;
    font-weight: 400 !important;
}

.comment-form input[type="submit"],
#commentform input[type="submit"] {
    background-color: #3a8ec2 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 10px 24px !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: inline-block !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.comment-form input[type="submit"]:hover,
#commentform input[type="submit"]:hover {
    background-color: #2b72a0 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Diskussions- & Abo-Box */
.comment-abo {
    background-color: #f0f7ff !important;
    border: none !important;
    border-left: 4px solid #3a8ec2 !important;
    border-radius: 8px !important;
    padding: 16px 20px !important;
    margin-top: 20px !important;
    margin-bottom: 25px !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
    color: #334155 !important;
}

.comment-abo strong {
    display: block !important;
    color: #1e3a8a !important;
    font-size: 1.05rem !important;
    margin-bottom: 8px !important;
    font-weight: 700 !important;
}

.comment-abo p { 
    margin: 0 !important; 
    font-size: 1rem !important;
}

.comment-abo a { 
    color: #3a8ec2 !important; 
    font-weight: 600 !important; 
    text-decoration: underline !important; 
}

.comment-feed-section { 
    margin-top: 15px !important; 
    padding-top: 15px !important; 
    border-top: 1px dashed rgba(128, 128, 128, 0.3) !important; 
}

.comment-feed-section, 
.comment-feed-section p { 
    color: inherit !important; 
}

.comment-feed-section p { 
    margin-bottom: 0 !important; 
}


/* ==========================================================================
   09. PAGINATION (SEITENNAVIGATION)
   ==========================================================================
   Sowohl die neue moderne Pagination-Bar (mit Seitenstatus & gleichwertigen
   Buttons) als auch Fallback-Styles für ältere WP-PageNavi-Elemente.
   ========================================================================== */

/* NEUE PAGINATION BAR */
.cb-pagination-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 18px;
    margin: 30px 0 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.cb-page-status {
    font-size: 0.9rem;
    color: #475569;
    font-weight: 500;
}

.cb-page-status strong {
    color: #0f172a;
    font-weight: 700;
}

.cb-page-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 18px;
    font-size: 0.88rem;
    font-weight: 600;
    border-radius: 6px;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out;
}

/* Beide aktiven Buttons (Light Mode: Dunkles Anthrazit) */
a.cb-page-btn,
a.cb-page-prev,
a.cb-page-next {
    background-color: #0f172a;
    color: #ffffff !important;
    border: 1px solid #0f172a;
}

a.cb-page-btn:hover,
a.cb-page-prev:hover,
a.cb-page-next:hover {
    background-color: #1e293b;
    border-color: #1e293b;
    transform: translateY(-1px);
}

/* Deaktivierter Button (Seite 1 oder letzte Seite) */
.cb-page-btn.is-disabled {
    background-color: #f8fafc;
    color: #94a3b8;
    border: 1px solid #e2e8f0;
    cursor: default;
    user-select: none;
    pointer-events: none;
}

/* LEGACY / THEME PAGINATION FALLBACKS */
.wp-pagenavi a, 
.wp-pagenavi span {
    padding: 8px 16px;
    margin-bottom: 8px;
}

#page .pagination, 
#page .wp-pagenavi, 
#page .nav-links,
#page .post-nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin: 40px 0 40px 0 !important;
    clear: both !important;
}

#page .nav-previous, 
#page .nav-next {
    float: none !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

#page .pagination a, 
#page .nav-links a, 
#page .pagination a.next, 
#page .pagination a.prev, 
#page .nav-links a.next, 
#page .nav-links a.prev,
#page .nav-previous a,
#page .nav-next a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    width: 155px !important;
    height: 42px !important;
    margin: 6px 10px !important;
    background-color: #0073aa !important;
    border: 1px solid #006699 !important;
    border-radius: 50px !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.2s ease-in-out !important;
    color: #ffffff !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-transform: none !important;
}


/* ==========================================================================
   10. AAWP PRODUKT-BOXEN ("CASCHY-STYLE" SLIM ROW - CONTAINER QUERY FIX)
   ========================================================================== */

/* 1. AAWP Listen-Wrapper neutralisieren */
.aawp,
.aawp .aawp-products,
.aawp .aawp-product-list,
.aawp-products,
.aawp-product-list {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 16px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.aawp ul, .aawp ol,
.aawp-products ul, .aawp-products ol,
.aawp li, .aawp-products li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.aawp li::before, .aawp li::after,
.aawp-products li::before, .aawp-products li::after {
    content: none !important;
    display: none !important;
}

/* 2. Haupt-Card: Basis ist Mobile/Kompakt + Container-Messung */
.aawp-product,
.aawp .aawp-product,
.aawp .aawp-product--horizontal,
div.aawp-product {
    container-type: inline-size !important; /* Misst die tatsächliche Boxbreite */
    display: grid !important;
    grid-template-columns: 75px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
    row-gap: 8px !important;
    background-color: #f1f5f9 !important;
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    margin: 14px 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
    position: relative !important;
    max-width: 100% !important;
    min-height: auto !important;
    height: auto !important;
}

.aawp-product:hover,
.aawp .aawp-product:hover {
    background-color: #e2e8f0 !important;
    border-color: #94a3b8 !important;
}

/* 3. Spalte 1: Produktbild */
.aawp-product__thumb,
.aawp .aawp-product__thumb {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 75px !important;
    height: 60px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    align-self: center !important;
}

.aawp-product__thumb img,
.aawp-product__image,
.aawp .aawp-product__thumb img {
    max-height: 52px !important;
    max-width: 72px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
}

/* 4. Spalte 2: Titel auf 2 Zeilen deckeln */
.aawp-product__content,
.aawp .aawp-product__content {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    align-self: center !important;
}

.aawp-product__title,
.aawp .aawp-product__title {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    max-height: 2.6em !important;
    overflow: hidden !important;
}

.aawp-product__title,
.aawp-product__title a,
.aawp-product__title span,
.aawp-product__title h2,
.aawp-product__title h3,
.aawp .aawp-product__title,
.aawp .aawp-product__title a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #0f172a !important;
    text-decoration: none !important;
    word-break: break-word !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.aawp-product__title a:hover,
.aawp .aawp-product__title a:hover {
    color: #3A8EC2 !important;
}

/* Unnötige Metadaten ausblenden */
.aawp-product__description,
.aawp-product__description *,
.aawp-product__meta,
.aawp-product__reviews,
.aawp-product__info,
.aawp-product__last-update,
.aawp-product__ribbon,
.aawp .aawp-product__description,
.aawp .aawp-product__description * {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
}

/* 5. Spalte 3 / Zeile 2: Preis & Button-Container */
.aawp-product__footer,
.aawp .aawp-product__footer {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    width: 100% !important;
    align-self: center !important;
}

/* Rabatt-Badge */
.aawp-product__price--saved,
.aawp [class*="price--saved"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #e11d48 !important;
    color: #ffffff !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    padding: 3px 6px !important;
    border-radius: 4px !important;
    line-height: 1 !important;
    margin: 0 !important;
    height: auto !important;
    align-self: center !important;
}

/* Preisbereich */
.aawp-product__pricing,
.aawp .aawp-product__pricing {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
}

.aawp-product__pricing::before {
    content: "Preis: " !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    color: #64748b !important;
}

.aawp-product__price--current,
.aawp .aawp-product__price--current {
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.aawp-product__price--old {
    display: none !important;
}

/* Prime-Logo */
.aawp-product__prime,
.aawp [class*="prime"],
.aawp .aawp-check-prime,
.aawp-product__footer a[class*="prime"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 2px 0 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    align-self: center !important;
}

.aawp-product__prime::after,
.aawp [class*="prime"]::after,
.aawp .aawp-check-prime::after,
.aawp-product__footer a[class*="prime"]::after {
    content: none !important;
    display: none !important;
}

.aawp [class*="prime"] img,
.aawp .aawp-check-prime img {
    height: 14px !important;
    width: auto !important;
    display: inline-block !important;
    vertical-align: middle !important;
    background: transparent !important;
    border: none !important;
}

/* Amazon Kaufen-Button */
.aawp-button,
.aawp-button--buy,
.aawp .aawp-button,
.aawp a[class*="aawp-button"],
.aawp-product__footer > a:not([class*="prime"]):not([class*="pricing"]):last-child {
    background-color: #2b7bb9 !important;
    color: #ffffff !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    padding: 0 14px !important;
    height: 34px !important;
    line-height: 34px !important;
    border-radius: 17px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    transition: background-color 0.15s ease !important;
    border: none !important;
    box-shadow: none !important;
}

.aawp-button::after,
.aawp-button--buy::after,
.aawp .aawp-button::after,
.aawp a[class*="aawp-button"]::after,
.aawp-product__footer > a:not([class*="prime"]):not([class*="pricing"]):last-child::after {
    content: " →" !important;
    font-size: 0.9em !important;
    margin-left: 4px !important;
    line-height: 1 !important;
}

.aawp-button:hover,
.aawp .aawp-button:hover,
.aawp-product__footer > a:not([class*="prime"]):not([class*="pricing"]):last-child:hover {
    background-color: #1e5f92 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Auto-Ads Schutz */
.aawp .adsbygoogle,
.aawp-product .adsbygoogle,
.aawp .google-auto-placed,
.aawp-product .google-auto-placed {
    display: none !important;
}

/* 6. CONTAINER QUERY: Schaltet exakt ab 580px Elementbreite auf 1 Zeile um */
@container (min-width: 580px) {
    .aawp-product,
    .aawp .aawp-product,
    .aawp .aawp-product--horizontal,
    div.aawp-product {
        grid-template-columns: 80px minmax(180px, 1fr) auto !important;
        grid-template-rows: 1fr !important;
        column-gap: 16px !important;
        row-gap: 0 !important;
        padding: 10px 14px !important;
        min-height: 76px !important;
    }

    .aawp-product__thumb,
    .aawp .aawp-product__thumb {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 80px !important;
        height: 60px !important;
    }

    .aawp-product__content,
    .aawp .aawp-product__content {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
    }

    .aawp-product__footer,
    .aawp .aawp-product__footer {
        grid-column: 3 !important;
        grid-row: 1 !important;
        justify-content: flex-end !important;
        white-space: nowrap !important;
        width: auto !important;
        gap: 8px !important;
    }
}
/* ==========================================================================
   11. ADSENSE, GPT SLOTS & WHITESPACE-PROTECTION
   ==========================================================================
   Banner-Container-Zentrierung, AdSlots in der Sidebar, Schutz vor leeren
   Werbefeldern und Unterdrückung automatischer Google-Ads in sensiblen Layouts.
   ========================================================================== */

.cb-adsense-in-article,
.cb-adsense-post-end,
.cb-sidebar-adsense-wrap {
    margin: 25px 0 !important;
    text-align: center !important;
    clear: both !important;
}

ins.adsbygoogle {
    background: transparent !important;
    background-color: transparent !important;
}

/* Nur leere Banner nach Auktionsabschluss einklappen */
ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Auto-Ads in Beitrags-Kacheln der Übersichten blockieren */
.home article .google-auto-placed,
.home article ins.adsbygoogle,
.blog article .google-auto-placed,
.blog article ins.adsbygoogle {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
}

/* Header-Banner (Slot 1): Zentrierung & Abstand */
#div-gpt-ad-468478718952317814-1 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 10px !important;
    margin-bottom: 35px !important;
    text-align: center !important;
    clear: both !important;
}

#div-gpt-ad-468478718952317814-1 div,
#div-gpt-ad-468478718952317814-1 iframe {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

#div-gpt-ad-468478718952317814-1:empty,
.home #div-gpt-ad-468478718952317814-1:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Sidebar Ad-Slots */
.sidebar .widget#ad-adsensesidebarjuli2017 { 
    padding-bottom: 0; 
}

.sidebar div[id^="div-gpt-ad"] {
    max-width: 300px !important;
    width: 100% !important;
    margin: 20px auto !important;
    display: block !important;
    box-sizing: border-box !important;
}

#div-gpt-ad-468478718952317814-2 {
    display: block !important;
    max-width: 300px !important;
    width: 100% !important;
    min-height: 250px !important;
    margin: 20px auto !important;
    overflow: hidden !important;
}

#div-gpt-ad-468478718952317814-2:empty {
    display: none !important;
}

.sidebar ins.adsbygoogle,
.sidebar .google-auto-placed,
.sidebar div[id^="div-gpt-ad-"] {
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Auto-Ads Platzhalter auf Kategorieseiten, Archiven & Seiten entfernen */
.archive div.google-auto-placed,
.category div.google-auto-placed,
.page div.google-auto-placed,
.page-template div.google-auto-placed {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.archive .adsbygoogle-noablate,
.category .adsbygoogle-noablate,
.page .adsbygoogle-noablate,
.page-template .adsbygoogle-noablate {
    display: none !important;
    height: 0 !important;
}


/* ==========================================================================
   12. FOOTER REDESIGN, COPYRIGHT & WIDGETS
   ==========================================================================
   Dunkles Footer-Layout, Spalten-Widgets, Back-to-Top Button,
   Logo-Skalierung und Copyright-Angaben.
   ========================================================================== */

#footer, 
.site-footer, 
footer { 
    background-color: #1a1d20 !important; 
}

#footer a, 
.site-footer a { 
    color: #e0e0e0 !important; 
    transition: color 0.2s ease-in-out; 
}

#footer a:hover, 
.site-footer a:hover { 
    color: #ffffff !important; 
    text-decoration: underline !important; 
}

#footer ul li a, 
.site-footer nav a, 
#footer a { 
    display: inline-block; 
    padding: 8px 12px; 
    margin: 2px 0; 
}

#footer .widget-title, 
.site-footer h3, 
.site-footer .footer-title { 
    font-size: 1.1rem !important; 
    font-weight: 700 !important; 
    text-transform: uppercase; 
    letter-spacing: 0.05em; 
    color: #ffffff !important; 
    margin-bottom: 15px !important; 
}

.site-info, 
.copyright, 
#footer .copy { 
    font-size: 0.85rem !important; 
    color: #888888 !important; 
    margin-top: 20px; 
}

#footer-widgets {
    background-color: transparent !important;
    border-bottom: 1px solid #282c31;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#footer-widgets .pad {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#footer-widgets .grid,
#footer-widgets .widget {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#footer-widgets .widget-title {
    font-size: 15px !important;
    color: #ffffff !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#footer-widgets ul,
#footer-widgets ol {
    margin: 0 !important;
    padding: 0 !important;
}

#footer-widgets ul li {
    margin-bottom: 2px !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}

#footer-widgets a,
#footer-widgets p {
    color: #c5cbd3;
    font-size: 13px !important;
}

#footer-widgets a:hover {
    color: #0088cc;
}

.footer-widget-3 .textwidget p,
.footer-widget-3 p:empty {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.footer-widget-3 a {
    display: inline-block !important;
    margin-top: 0 !important;
}

#footer-bottom {
    background-color: #0d0e10 !important;
    width: 100%;
    padding-top: 25px !important;
    padding-bottom: 15px !important;
}

#footer-bottom .container {
    position: relative !important;
}

#footer-bottom .pad {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#copyright, 
#copyright p {
    color: #8b949e !important;
    font-size: 12px !important;
    margin-bottom: 0 !important;
}

#back-to-top {
    position: absolute !important;
    top: -43px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 9999 !important;
    display: inline-block !important;
    width: 36px !important;
    height: 36px !important;
    line-height: 34px !important;
    text-align: center !important;
    padding: 0 !important;
    background-color: #1a1d20 !important;
    color: #e1e4e8 !important;
    border: 1px solid #282c31 !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    transition: background-color 0.2s ease, color 0.2s ease;
}

#back-to-top:hover {
    background-color: #282c31 !important;
    color: #ffffff !important;
}

#footer-logo {
    width: auto !important;
    height: auto !important;
    max-width: 300px !important;
    max-height: 60px !important;
    object-fit: contain !important;
}

.psw-container {
    text-align: center;
    margin-top: 15px !important;
    padding-bottom: 16px;
    opacity: 0.85;
    transition: opacity 0.2s ease;
}

.psw-container:hover {
    opacity: 1;
}


/* ==========================================================================
   13. DARK MODE OVERRIDES (SYSTEM- & THEME-KLASSEN)
   ==========================================================================
   Umfassende Farbanpassungen für @media (prefers-color-scheme: dark) sowie
   Theme-Toggle-Klassen wie body.dark, body.dark-mode und [data-theme="dark"].
   ========================================================================== */

/* --- 13.1 SYSTEM DARK MODE (@media prefers-color-scheme: dark) --- */
@media (prefers-color-scheme: dark) {
    body, 
    #subheader, 
    .post-date { 
        background-color: black; 
    }

    .entry code { 
        font-size: 1rem; 
        background-color: #393939; 
    }

    .recent-posts a, 
    .author-bio, 
    .themeform label, 
    thead, 
    .post-nav group, 
    .content .post-nav, 
    .su-note, 
    .su-note-inner, 
    .entry table tr.alt, 
    .entry table tr.alt h1, 
    .entry table tr.alt h2, 
    .entry table tr.alt h3, 
    .entry table tr.alt h4, 
    .entry table tr.alt h5 {
        background-color: #333333 !important;
        color: #E0E0E0 !important;
    }

    body, 
    .commentlist .comment-body, 
    .post-comments, 
    .post-date, 
    .post-list .entry, 
    .widget, 
    .widget a, 
    .tab-item-title { 
        color: rgba(255, 255, 255, 0.90) !important; 
    }

    h1, h2, h3, h4, h5, h6, 
    div.post-content .post-title a, 
    .single .post-title, 
    .alx-tab .tab-item-date, 
    .alx-tab .tab-item-name, 
    .alx-posts .post-item-date, 
    .widget > h3 a, 
    .widget > h3 a:hover, 
    .fn, 
    .post-nav li a span { 
        color: #E2E2E2 !important; 
    }

    a:hover { 
        color: #A3A3A3 !important; 
    }

    .entry blockquote { 
        color: #B0B0B0 !important; 
    }

    .single .entry p a:visited, 
    .author-bio a:not([rel="author"]):visited, 
    .comment-abo a:visited { 
        color: #B2B2B2 !important; 
    }

    .single .post .entry .post-tags a { 
        color: #0075BF !important; 
    }

    .post-list .entry,
    .post-list .entry p,
    .entry.excerpt,
    .entry.excerpt p,
    .content .entry,
    .content .entry p,
    .content .entry li {
        color: #eef2f6 !important;
    }

    /* Fließtext-Links Hover im Dark Mode */
    .single .entry p a:hover,
    .single .entry p a[href*="stadt-bremerhaven.de"]:hover,
    .author-bio a:not([rel="author"]):hover,
    .comment-abo a:hover {
        border-bottom-color: #ffffff !important;
        color: #ffffff !important;
        background-color: transparent !important;
    }

    /* Header & Topbar Dark Mode */
    #nav-topbar,
    #nav-topbar .container,
    #header,
    #header-wrap,
    .site-header {
        background-color: #0f172a !important;
        background: #0f172a !important;
        border-color: #1e293b !important;
    }

    #nav-topbar a,
    #nav-topbar .nav li a,
    #nav-topbar ul.nav > li > a {
        color: #ffffff !important;
        font-weight: 500 !important;
        opacity: 0.95 !important;
    }

    #nav-topbar .nav li a:hover {
        color: #38bdf8 !important;
        background-color: rgba(56, 189, 248, 0.1) !important;
        opacity: 1 !important;
    }

    #header .social-links a,
    #nav-topbar .social-links a,
    #nav-topbar .search-expand {
        color: #cbd5e1 !important;
    }

    /* Beitrags-Listen & Trennlinien Dark Mode */
    #subheader {
        border-bottom-color: #475569 !important;
    }

    .home article,
    .archive article,
    .search article {
        border-bottom-color: #475569 !important;
    }

    #page .date-divider,
    .post-list .date-divider,
    .post-thumbnail .date-divider {
        background-color: #475569 !important;
        background: #475569 !important;
    }

    .post-date,
    .post-date a,
    .post-list .post-date,
    .post-date i {
        color: #94a3b8 !important;
    }

    .post-comments,
    a.post-comments,
    .post-thumbnail .post-comments {
        background-color: rgba(18, 24, 38, 0.88) !important;
        color: #e2e8f0 !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important;
    }

    /* Bild-Abdunkelung im Dark Mode */
    .post-thumbnail,
    .featured-media,
    .entry-media,
    .single-post-media,
    .cb-related-thumb,
    .entry-inner img {
        background-color: #0f172a !important;
        border-radius: 6px !important;
    }

    .post-thumbnail img,
    .featured-media img,
    .entry-media img,
    .single-post-media img,
    .attachment-post-thumbnail,
    .wp-post-image,
    .cb-related-thumb img,
    .entry-inner img {
        filter: brightness(0.68) contrast(1.1) !important;
        transition: filter 0.2s ease !important;
    }

    .entry-inner a img:hover,
    .post-thumbnail:hover img {
        filter: brightness(0.9) contrast(1.05) !important;
    }

    /* Meta & Kategorien Dark Mode */
    .post-category a[rel="category tag"], 
    .post-category a { 
        background-color: #1e293b !important; 
        color: #cbd5e1 !important; 
        border-color: #334155 !important; 
    }

    .post-category a[rel="category tag"]:hover, 
    .post-category a:hover { 
        background-color: #2563eb !important; 
        color: #ffffff !important; 
        border-color: #2563eb !important; 
    }

    .post-category a[href*="/anzeige/"],
    .post-category a[href*="/anzeige"] {
        background-color: #d95300 !important;
        color: #ffffff !important;
        border-color: #ff6b00 !important;
    }

    .post-category a[href*="/anzeige/"]:hover,
    .post-category a[href*="/anzeige"]:hover {
        background-color: #ff6b00 !important;
        color: #ffffff !important;
    }

    .post-byline, 
    .post-byline .datetime, 
    .post-byline .comments-link { 
        color: #94a3b8 !important; 
    }

    .post-byline a[rel="author"], 
    .post-byline a:first-of-type { 
        color: #f8fafc !important; 
    }

    .post-byline a:hover { 
        color: #38bdf8 !important; 
    }

    /* Custom Boxen Dark Mode */
    .box-gradient-accent { 
        background-color: #0f172a; 
        border-top-color: #1e293b; 
        border-bottom-color: #1e293b; 
        color: #e2e8f0; 
    }
    .box-gradient-accent strong { color: #38bdf8; }

    .box-orange { 
        background-color: #2a1205; 
        border-top-color: #431407; 
        border-bottom-color: #431407; 
        color: #ffedd5; 
    }
    .box-orange strong { color: #fb923c; }

    .box-dashed { 
        background-color: #1e293b; 
        border-color: #475569; 
        color: #cbd5e1; 
    }
    .box-dashed strong { color: #94a3b8; }

    /* Interne Link-Karten Dark Mode */
    .cb-internal-link-card {
        background-color: #1e293b;
        border-color: #334155;
    }
    .cb-internal-link-img {
        background-color: #334155;
    }
    .cb-internal-link-title {
        color: #f8fafc;
    }
    .cb-internal-link-excerpt {
        color: #94a3b8;
    }
    .cb-internal-link-meta {
        color: #38bdf8;
    }
    .cb-internal-link-card:hover {
        border-color: #38bdf8;
    }
    .cb-internal-link-card:hover .cb-internal-link-title {
        color: #38bdf8;
    }

    /* Related Posts Grid & Kacheln Dark Mode */
    .cb-related-grid li .cb-related-card {
        background-color: #1e293b !important;
        border-color: #334155 !important;
    }
    .cb-related-grid li .cb-related-card:hover {
        background-color: #334155 !important;
    }
    .cb-related-grid .cb-related-title {
        color: #f8fafc !important;
    }

    div.recent-posts-container ul.recent-posts li,
    div#cb-related-box ul.recent-posts li {
        background-color: #001A2B !important;
        border: 1px solid #374B66 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }
    div.recent-posts-container ul.recent-posts li a,
    div#cb-related-box ul.recent-posts li a {
        color: #E2E9EE !important;
        border: none !important;
        border-radius: 0 !important;
    }
    div.recent-posts-container ul.recent-posts li:hover,
    div#cb-related-box ul.recent-posts li:hover {
        background-color: #000000 !important;
        border-color: #3A8EC2 !important;
    }
    div.recent-posts-container ul.recent-posts li:hover a,
    div#cb-related-box ul.recent-posts li:hover a {
        color: #8BD2F4 !important;
    }

    /* Team Grid & Autoren Dark Mode */
    .team-grid .team-card { 
        background: #1e1e1e !important; 
        border-color: #2d2d2d !important; 
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important; 
    }
    .team-grid img.team-avatar { 
        border-color: #1e1e1e !important; 
    }
    .team-grid .team-info h3 { 
        color: #ffffff !important; 
    }
    .team-grid .team-bio { 
        color: #cccccc !important; 
    }

    /* Sidebar "Heiß diskutiert" Dark Mode */
    .cb-hot-item {
        border-bottom-color: #2a2f36 !important;
    }
    .cb-hot-widget a.cb-hot-link,
    .cb-hot-widget a.cb-hot-link:link,
    .cb-hot-widget a.cb-hot-link:visited,
    .cb-hot-widget a.cb-hot-link:active,
    .cb-hot-widget a[href*="amazon"].cb-hot-link,
    .cb-hot-widget a.cb-hot-link .cb-hot-title,
    .cb-hot-widget a.cb-hot-link:visited .cb-hot-title,
    .cb-hot-widget a[href*="amazon"].cb-hot-link .cb-hot-title {
        color: #e2e8f0 !important;
        -webkit-text-fill-color: #e2e8f0 !important;
    }
    .cb-hot-widget a.cb-hot-link:hover,
    .cb-hot-widget a.cb-hot-link:hover .cb-hot-title,
    .cb-hot-widget a[href*="amazon"].cb-hot-link:hover .cb-hot-title {
        color: #38bdf8 !important;
        -webkit-text-fill-color: #38bdf8 !important;
    }
    .cb-hot-count {
        background-color: #d95300;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    /* Kommentare & Formular Dark Mode */
    .staff-comment-box { 
        background-color: #0f172a !important; 
        border-left-color: #38bdf8 !important; 
    }
    .badge-staff { 
        background-color: #38bdf8; 
        color: #0f172a; 
    }

    .commentlist li.comment > div[id^="comment-"] {
        border-color: #64748b;
    }
    .commentlist li.bypostauthor > div[id^="comment-"],
    .commentlist li.comment-author-admin > div[id^="comment-"],
    .commentlist li.comment-author-caschy > div[id^="comment-"] {
        background-color: #0f172a;
        border-color: #1e293b;
    }
    .commentlist .children {
        border-left-color: #334155;
    }
    .commentlist .children:hover {
        border-left-color: #94a3b8;
    }

    #respond, 
    .comment-respond {
        background-color: #1e293b !important;
        border-color: #334155 !important;
    }
    
    .comment-form, 
    #commentform {
        background-color: transparent !important;
        border: none !important;
    }
    
    .comment-form label, 
    #commentform label {
        color: #94a3b8 !important;
        background-color: transparent !important;
    }
    
    .comment-form input[type="text"],
    .comment-form input[type="email"],
    .comment-form input[type="url"],
    .comment-form textarea,
    #commentform input[type="text"],
    #commentform input[type="email"],
    #commentform input[type="url"],
    #commentform textarea {
        background-color: #0f172a !important;
        border: 1px solid #334155 !important;
        color: #f1f5f9 !important;
    }

    .comment-form input::placeholder,
    .comment-form textarea::placeholder,
    #commentform input::placeholder,
    #commentform textarea::placeholder {
        color: #94a3b8 !important;
        opacity: 1 !important;
    }
    
    .comment-form input[type="text"]:focus,
    .comment-form input[type="email"]:focus,
    .comment-form textarea:focus,
    #commentform input:focus,
    #commentform textarea:focus {
        background-color: #020617 !important;
        border-color: #38bdf8 !important;
        box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.15) !important;
    }

    .form-submit::after { 
        color: #94a3b8 !important; 
    }

    .commentlist .reply a,
    .comment-reply-link {
        background-color: #0f172a !important;
        color: #94a3b8 !important;
        border-color: #334155 !important;
    }
    .commentlist .reply a:hover,
    .comment-reply-link:hover {
        background-color: #38bdf8 !important;
        color: #0f172a !important;
        border-color: #38bdf8 !important;
    }

    .comment-abo {
        background-color: #0f172a !important;
        border-left-color: #38bdf8 !important;
        color: #cbd5e1 !important;
    }
    .comment-abo strong { 
        color: #38bdf8 !important; 
    }

    #cancel-comment-reply-link { 
        color: #3a8ec2; 
        background: #000; 
        border: 1px solid #1D5578; 
    }
    #cancel-comment-reply-link:hover { 
        background: #00446E; 
    }

    /* Pagination Bar Dark Mode */
    .cb-pagination-bar {
        background-color: #16191d;
        border-color: #2a2f36;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    }

    .cb-page-status {
        color: #94a3b8;
    }

    .cb-page-status strong {
        color: #f8fafc;
    }

    a.cb-page-btn,
    a.cb-page-prev,
    a.cb-page-next {
        background-color: #2563eb;
        border-color: #2563eb;
        color: #ffffff !important;
    }

    a.cb-page-btn:hover,
    a.cb-page-prev:hover,
    a.cb-page-next:hover {
        background-color: #1d4ed8;
        border-color: #1d4ed8;
    }

    .cb-page-btn.is-disabled {
        background-color: #0f172a;
        color: #475569;
        border-color: #1e293b;
    }

    /* Legacy Pagination Dark Mode */
    #page .pagination a, 
    #page .nav-links a, 
    #page .pagination a.next, 
    #page .pagination a.prev, 
    #page .nav-links a.next, 
    #page .nav-links a.prev,
    #page .nav-previous a,
    #page .nav-next a {
        background-color: #0284c7 !important;
        border-color: #38bdf8 !important;
        color: #ffffff !important;
    }

    #page .pagination a:hover, 
    #page .nav-links a:hover, 
    #page .pagination a.next:hover, 
    #page .pagination a.prev:hover, 
    #page .nav-previous a:hover, 
    #page .nav-next a:hover {
        background-color: #0369a1 !important;
        border-color: #0284c7 !important;
        box-shadow: 0 6px 16px rgba(56, 189, 248, 0.25) !important;
    }

    /* AAWP Produkt-Boxen Dark Mode */
    .aawp .caschy-style .aawp-product,
    .aawp .caschy-style-bestseller .aawp-product,
    .aawp .aawp-product.caschy-style,
    .aawp .aawp-product.caschy-style-bestseller,
    .aawp .caschy-style-card,
    .aawp .caschy-style-card > .aawp-product,
    .aawp .aawp-product,
    body .aawp-product,
    body .aawp .aawp-product,
    body .aawp-product.caschy-style,
    .caschy-style .aawp-product {
      background: #16191d !important;
      background-color: #16191d !important;
      border-color: #2a2f36 !important;
      box-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 5px 16px rgba(0, 0, 0, .30) !important;
    }

    .aawp .caschy-style .aawp-product__thumb,
    .aawp .caschy-style-bestseller .aawp-product__thumb,
    .aawp .aawp-product__thumb,
    body .aawp-product.caschy-style .aawp-product__thumb,
    .caschy-style .aawp-product .aawp-product__thumb {
      background: #f4f5f7 !important;
      background-color: #f4f5f7 !important;
      border-color: #2f353d !important;
    }

    .aawp .caschy-style .aawp-product__title,
    .aawp .caschy-style .aawp-product__title a,
    .aawp .caschy-style-bestseller .aawp-product__title,
    .aawp .caschy-style-bestseller .aawp-product__title a,
    .aawp a.aawp-product__title,
    .aawp .aawp-product__title,
    body .aawp-product.caschy-style .aawp-product__title,
    .caschy-style .aawp-product .aawp-product__title {
      color: #f0f2f5 !important;
    }

    .aawp .caschy-style .aawp-product__description,
    .aawp .caschy-style-bestseller .aawp-product__description,
    .aawp .aawp-product__description,
    body .aawp-product.caschy-style .aawp-product__description,
    .caschy-style .aawp-product .aawp-product__description {
      color: #949ca8 !important;
    }

    .aawp .caschy-style .aawp-product__price--current,
    .aawp .caschy-style-bestseller .aawp-product__price--current,
    .aawp .aawp-product__price--current,
    body .aawp-product.caschy-style .aawp-product__price--current,
    .caschy-style .aawp-product .aawp-product__price--current {
      color: #4aa8e0 !important;
    }

    body .aawp-product.caschy-style .aawp-product__price--current::before,
    .caschy-style .aawp-product .aawp-product__price--current::before {
      color: #949ca8 !important;
    }

    .aawp .aawp-product__price--old,
    .aawp .caschy-style .aawp-product__price--old,
    .aawp .caschy-style-bestseller .aawp-product__price--old {
      color: #6f7883 !important;
    }

    .aawp .aawp-product__price--saved,
    .aawp .caschy-style .aawp-product__price--saved,
    .aawp .caschy-style-bestseller .aawp-product__price--saved,
    body .aawp-product.caschy-style .aawp-product__price--saved,
    .caschy-style .aawp-product .aawp-product__price--saved {
      background: #e5484d !important;
    }

    .aawp [class*="prime"] img,
    .aawp .aawp-check-prime img {
      filter: brightness(1.9) saturate(1.15) !important;
    }

    .aawp .aawp-button,
    .aawp .caschy-style .aawp-button,
    .aawp .caschy-style-bestseller .aawp-button,
    .aawp .aawp-product__footer > a:not([class*="prime"]):last-child,
    body .aawp-product.caschy-style .aawp-button,
    .caschy-style .aawp-product .aawp-button {
      background: #1a7fbf !important;
      border-color: #1a7fbf !important;
      color: #ffffff !important;
    }
}

/* --- 13.2 THEME TOGGLE KLASSEN (body.dark / body.dark-mode / [data-theme="dark"]) --- */
.dark .widget { 
    color: #BBB; 
}

.dark .widget_search input.search { 
    border-color: #555; 
}

body.dark #nav-topbar, 
body.dark-mode #nav-topbar,
[data-theme="dark"] #nav-topbar,
body.dark #nav-topbar .container,
body.dark #header,
[data-theme="dark"] #header {
    background-color: #0f172a !important;
    background: #0f172a !important;
}

body.dark #nav-topbar a,
body.dark-mode #nav-topbar a,
[data-theme="dark"] #nav-topbar a,
body.dark #nav-topbar .nav li a,
[data-theme="dark"] #nav-topbar .nav li a {
    color: #ffffff !important;
}

body.dark #subheader,
body.dark-mode #subheader,
[data-theme="dark"] #subheader {
    border-bottom-color: #475569 !important;
}

body.dark #page .date-divider,
body.dark-mode #page .date-divider,
[data-theme="dark"] #page .date-divider {
    background-color: #475569 !important;
    background: #475569 !important;
}

body.dark .post-date,
body.dark .post-date a,
body.dark-theme .post-date,
body[data-theme="dark"] .post-date,
html[data-theme="dark"] .post-date,
html.dark .post-date {
    color: #94a3b8 !important;
}

body.dark .post-comments,
body.dark a.post-comments,
body.dark .post-thumbnail .post-comments,
body.dark-theme .post-comments,
body.dark-theme a.post-comments,
body.dark-theme .post-thumbnail .post-comments,
body[data-theme="dark"] .post-comments,
body[data-theme="dark"] a.post-comments,
body[data-theme="dark"] .post-thumbnail .post-comments,
html[data-theme="dark"] .post-comments,
html[data-theme="dark"] a.post-comments,
html[data-theme="dark"] .post-thumbnail .post-comments,
html.dark .post-comments,
html.dark a.post-comments,
html.dark .post-thumbnail .post-comments {
    background-color: rgba(18, 24, 38, 0.88) !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important;
}

body.dark .single-post-media img,
body.dark .wp-post-image,
body.dark .entry-inner img,
[data-theme="dark"] .wp-post-image,
[data-theme="dark"] .entry-inner img {
    filter: brightness(0.68) contrast(1.1) !important;
}

body.dark .post-category a, 
body.dark-mode .post-category a { 
    background-color: #1e293b !important; 
    color: #cbd5e1 !important; 
    border-color: #334155 !important; 
}

body.dark .post-category a:hover, 
body.dark-mode .post-category a:hover { 
    background-color: #2563eb !important; 
    color: #ffffff !important; 
    border-color: #2563eb !important; 
}

body.dark .post-byline a[rel="author"], 
body.dark-mode .post-byline a[rel="author"] { 
    color: #f8fafc !important; 
}

body.dark .post-byline, 
body.dark-mode .post-byline, 
body.dark .post-byline .datetime, 
body.dark-mode .post-byline .datetime, 
body.dark .post-byline .comments-link, 
body.dark-mode .post-byline .comments-link { 
    color: #94a3b8 !important; 
}

body.dark .cb-related-grid li .cb-related-card,
body.dark-mode .cb-related-grid li .cb-related-card,
[data-theme="dark"] .cb-related-grid li .cb-related-card {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

body.dark .cb-related-grid li .cb-related-card:hover,
body.dark-mode .cb-related-grid li .cb-related-card:hover,
[data-theme="dark"] .cb-related-grid li .cb-related-card:hover {
    background-color: #334155 !important;
}

body.dark .cb-related-grid .cb-related-title,
body.dark-mode .cb-related-grid .cb-related-title,
[data-theme="dark"] .cb-related-grid .cb-related-title {
    color: #f8fafc !important;
}

body.dark .cb-hot-item,
body.dark-mode .cb-hot-item,
[data-theme="dark"] .cb-hot-item {
    border-bottom-color: #2a2f36 !important;
}

body.dark .cb-hot-widget a.cb-hot-link,
body.dark .cb-hot-widget a[href*="amazon"].cb-hot-link,
body.dark .cb-hot-widget a.cb-hot-link .cb-hot-title,
body.dark-mode .cb-hot-widget a.cb-hot-link,
body.dark-mode .cb-hot-widget a[href*="amazon"].cb-hot-link,
body.dark-mode .cb-hot-widget a.cb-hot-link .cb-hot-title,
[data-theme="dark"] .cb-hot-widget a.cb-hot-link,
[data-theme="dark"] .cb-hot-widget a[href*="amazon"].cb-hot-link,
[data-theme="dark"] .cb-hot-widget a.cb-hot-link .cb-hot-title {
    color: #e2e8f0 !important;
    -webkit-text-fill-color: #e2e8f0 !important;
}

body.dark .cb-hot-widget a.cb-hot-link:hover,
body.dark .cb-hot-widget a.cb-hot-link:hover .cb-hot-title,
body.dark-mode .cb-hot-widget a.cb-hot-link:hover,
body.dark-mode .cb-hot-widget a.cb-hot-link:hover .cb-hot-title,
[data-theme="dark"] .cb-hot-widget a.cb-hot-link:hover,
[data-theme="dark"] .cb-hot-widget a.cb-hot-link:hover .cb-hot-title {
    color: #38bdf8 !important;
    -webkit-text-fill-color: #38bdf8 !important;
}

body.dark .cb-pagination-bar {
    background-color: #16191d;
    border-color: #2a2f36;
}

body.dark .cb-page-status {
    color: #94a3b8;
}

body.dark .cb-page-status strong {
    color: #f8fafc;
}

body.dark a.cb-page-btn,
body.dark a.cb-page-prev,
body.dark a.cb-page-next {
    background-color: #2563eb;
    border-color: #2563eb;
    color: #ffffff !important;
}

body.dark .cb-page-btn.is-disabled {
    background-color: #0f172a;
    color: #475569;
    border-color: #1e293b;
}

body.dark .aawp .aawp-product,
body.dark-mode .aawp .aawp-product,
body.dark-theme .aawp .aawp-product,
body.is-dark .aawp .aawp-product,
[data-theme="dark"] .aawp .aawp-product,
html.dark .aawp .aawp-product,
body.dark .caschy-style-card,
body.dark .caschy-style-bestseller .aawp-product,
body.dark .aawp-product.caschy-style,
body.dark .caschy-style .aawp-product {
  background: #16191d !important;
  background-color: #16191d !important;
  border-color: #2a2f36 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 5px 16px rgba(0, 0, 0, .30) !important;
}

body.dark .aawp .aawp-product__thumb,
body.dark-mode .aawp .aawp-product__thumb,
[data-theme="dark"] .aawp .aawp-product__thumb,
html.dark .aawp .aawp-product__thumb {
  background: #f4f5f7 !important;
}

body.dark .aawp .aawp-product__title,
body.dark-mode .aawp .aawp-product__title,
body.dark-mode .aawp .aawp-product__title a,
[data-theme="dark"] .aawp .aawp-product__title,
html.dark .aawp .aawp-product__title {
  color: #f0f2f5 !important;
}

body.dark .aawp .aawp-button,
body.dark-mode .aawp .aawp-button,
[data-theme="dark"] .aawp .aawp-button,
html.dark .aawp .aawp-button {
  background: #1a7fbf !important;
  border-color: #1a7fbf !important;
  color: #fff !important;
}


/* ==========================================================================
   14. RESPONSIVE DESIGN & MEDIA QUERIES
   ==========================================================================
   Spezifische Breakpoints für Desktop (Sticky Layouts), Tablets
   und Smartphones (Mobil-optimierte AAWP-Boxen, Menüs & Formulare).
   ========================================================================== */

/* --- 14.1 DESKTOP AB 1024PX (STICKY SIDEBAR & SPALTEN-LAYOUT) --- */
@media (min-width: 1024px) {
  .main-inner {
    display: flex !important;
    align-items: flex-start !important;
  }

  .main-inner .content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .sidebar-content { 
    display: flex; 
    flex-direction: column; 
    height: 100%; 
  }

  #secondary,
  .sidebar,
  .widget-area,
  .s1 {
    position: sticky !important;
    bottom: 20px !important;
    top: auto !important;
    align-self: flex-end !important;
  }

  #div-gpt-ad-468478718952317814-2 { 
    position: -webkit-sticky; 
    position: sticky; 
    top: 20px; 
  }

  html {
    overflow-x: clip;
  }

  /* Sticky Sidebar auf Artikelseiten */
  .single .main-inner {
    display: flex !important;
    align-items: flex-start !important;
  }

  .single .sidebar,
  .single .sidebar.s1 {
    position: relative !important;
    align-self: flex-start !important;
    margin-top: 0 !important;
  }

  .single .sidebar-content {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* Layout-Reset für statische Seiten & Archive */
.archive .main-inner,
.category .main-inner,
.page .main-inner,
.page-template .main-inner,
.home .main-inner {
    display: block !important;
    height: auto !important;
}

.archive #main,
.category #main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* --- 14.2 DESKTOP / TABLET AB 768PX --- */
@media screen and (min-width: 768px) {
    #div-gpt-ad-468478718952317814-4, 
    #div-gpt-ad-468478718952317814-5, 
    #div-gpt-ad-468478718952317814-6 { 
        display: none; 
    }
    
    .commentlist li, 
    .pinglist li { 
        margin-bottom: 40px; 
    }

    .author-bio {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 20px !important;
    }

    .author-bio .bio-avatar {
        flex: 0 0 auto !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .author-bio .bio-content {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    #page .pagination a, 
    #page .nav-links a, 
    #page .pagination a.next, 
    #page .pagination a.prev, 
    #page .nav-links a.next, 
    #page .nav-links a.prev,
    #page .nav-previous a,
    #page .nav-next a {
        width: 210px !important;
        height: 50px !important;
        font-size: 16px !important;
        margin: 10px 15px !important;
    }

    #page .pagination a:hover, 
    #page .nav-links a:hover, 
    #page .pagination a.next:hover, 
    #page .pagination a.prev:hover, 
    #page .nav-previous a:hover, 
    #page .nav-next a:hover {
        background-color: #005580 !important;
        border-color: #004466 !important;
        box-shadow: 0 6px 16px rgba(0, 115, 170, 0.3) !important;
        transform: translateY(-2px) !important;
        color: #ffffff !important;
    }
}

/* --- 14.3 TABLET & SMARTPHONE UNTER 768PX --- */
@media screen and (max-width: 767px) {
    .author-bio { 
        display: flex !important; 
        flex-direction: row !important; 
        align-items: flex-start !important; 
        gap: 16px !important; 
        padding: 16px !important; 
    }
    
    .author-bio .bio-avatar { 
        flex: 0 0 65px !important; 
        width: 65px !important; 
        height: 65px !important; 
        margin: 0 !important; 
    }
    
    .author-bio .bio-avatar img { 
        width: 65px !important; 
        height: 65px !important; 
        min-width: 65px !important;
        max-width: 65px !important;
        min-height: 65px !important;
        max-height: 65px !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important; 
        border-radius: 50% !important; 
    }
    
    .author-bio .bio-content { 
        flex: 1 !important; 
        text-align: left !important; 
    }
    
    .author-bio .bio-name { 
        margin-top: 0 !important; 
        margin-bottom: 6px !important; 
        font-size: 18px !important; 
    }
    
    .author-bio .bio-content p { 
        font-size: 14px !important; 
        line-height: 1.45 !important; 
        margin: 0 !important; 
    }

    .commentlist li.comment > div[id^="comment-"] {
        padding: 10px 14px;
    }
    
    .commentlist .children {
        margin-left: 5px;
        padding-left: 10px;
        border-left-width: 2px;
    }
}

@media only screen and (max-width: 719px) {
    .nav ul li { 
        font-weight: 400; 
    }
    
    .toggle-search { 
        padding-top: 13px; 
        padding-bottom: 13px; 
    }
    
    #header-top .social-links { 
        padding-bottom: 10px; 
    }
    
    #header-top .social-links .social-tooltip, 
    #footer-bottom .social-links .social-tooltip { 
        font-size: 23px; 
        padding: 10px 6px; 
    }
    
    .entry.excerpt { 
        font-size: 16px; 
    }
    
    .commentlist .comment-body { 
        font-size: 17px; 
    }

    #footer-bottom {
        padding-top: 35px !important;
    }
    
    #footer-logo {
        margin-top: 10px !important;
    }
}

/* --- 14.4 MOBILE SMARTPHONES UNTER 600PX --- */
@media screen and (max-width: 600px) {
    /* Beitrags-Meta-Zeile */
    .post-byline {
        gap: 8px !important;
        font-size: 0.80rem !important;
    }
    .post-byline img.avatar {
        width: 20px !important;
        height: 20px !important;
    }
    .post-byline .datetime,
    .post-byline .comments-link {
        font-size: 0.80rem !important;
    }

    /* Team Grid */
    .team-grid .team-card { 
        flex-direction: column !important; 
        text-align: center !important; 
        padding: 20px !important; 
    }
    .team-grid .team-avatar-wrapper { 
        padding: 0 0 16px 0 !important; 
    }
    .team-grid img.team-avatar { 
        margin: 0 auto !important; 
    }
    .team-grid .team-info, 
    .team-grid .team-bio { 
        text-align: center !important; 
    }

    /* Formular: Felder untereinander */
    #respond, 
    .comment-respond {
        padding: 16px !important;
        border-radius: 12px !important;
    }
    .comment-form-author,
    .comment-form-email {
        flex: 0 0 100% !important;
        width: 100% !important;
    }

    /* Related Posts Grid */
    .cb-related-grid li .cb-related-card {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        padding: 10px 14px !important;
        gap: 12px !important;
    }

    .cb-related-grid .cb-related-thumb {
        width: 50px !important;
        height: 50px !important;
    }

    .cb-related-grid .cb-related-title {
        font-size: 14px !important;
    }

    /* Kommentar-Header */
    #comments .heading,
    #comments h3.heading {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
    }

    /* Pagination Bar */
    .cb-pagination-bar {
        padding: 10px 12px;
        gap: 8px;
    }

    .cb-page-btn {
        padding: 6px 10px;
        font-size: 0.8rem;
    }

    .cb-page-status {
        font-size: 0.8rem;
        text-align: center;
    }

    /* Mobiles AAWP-Layout */
    .aawp .aawp-product,
    .aawp .aawp-product--horizontal {
        display: grid !important;
        grid-template-columns: 80px minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        column-gap: 12px !important;
        row-gap: 8px !important;
        padding: 10px 12px !important;
        margin: 14px 0 !important;
    }

    .aawp .aawp-product__content,
    .aawp .aawp-product--horizontal .aawp-product__content {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        padding-right: 48px !important;
    }

    .aawp .aawp-product__title,
    .aawp .aawp-product__title a,
    .aawp a.aawp-product__title {
        font-size: 13.5px !important;
        line-height: 1.3 !important;
        color: #101418 !important;
        font-weight: 700 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        margin: 0 !important;
    }

    .aawp .aawp-product__description {
        display: none !important;
    }

    .aawp .aawp-product__thumb,
    .aawp .aawp-product--horizontal .aawp-product__thumb {
        position: static !important;
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: 80px !important;
        max-width: 80px !important;
        height: 80px !important;
        align-self: center !important;
        justify-self: center !important;
        padding: 4px !important;
        border: 1px solid #eef0f3 !important;
        border-radius: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .aawp .aawp-product__image,
    .aawp .aawp-product__thumb img {
        max-height: 70px !important;
        width: auto !important;
    }

    .aawp .aawp-product__footer,
    .aawp .aawp-product--horizontal .aawp-product__footer {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
        gap: 6px !important;
        padding: 0 !important;
    }

    .aawp .aawp-product__pricing {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    .aawp .aawp-product__price--current {
        font-size: 16px !important;
        font-weight: 700 !important;
    }

    .aawp [class*="prime"] img,
    .aawp .aawp-check-prime img {
        height: 12px !important;
    }

    .aawp .aawp-button,
    .aawp .aawp-product__footer > a:not([class*="prime"]):last-child {
        width: 100% !important;
        display: block !important;
        padding: 7px 10px !important;
        font-size: 12.5px !important;
        border-radius: 6px !important;
        text-align: center !important;
        min-height: 0 !important;
        line-height: 1.2 !important;
    }

    .aawp .aawp-product__price--saved,
    .aawp [class*="price--saved"] {
        top: 8px !important;
        right: 10px !important;
        padding: 2px 5px !important;
        font-size: 10.5px !important;
        border-radius: 4px !important;
    }
}

/* ==========================================================
   DEMOCRACY POLL: KOMPLETTES STYLING
   ========================================================== */

/* 1. Container & Whitespace */
.widget_democracy_poll,
.widget:has(.democracy),
div[id^="democracy"],
.democracy {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.democracy .dem-clear,
.democracy br:last-child {
    display: none !important;
}

/* 2. Frage / Umfragetitel */
div[id^="democracy"] .dem-question,
div[id^="democracy"] .dem-question *,
.widget_democracy_poll .dem-question,
.dem-question {
    color: #0f172a !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    margin: 10px 0 14px 0 !important;
}

/* 3. Antwort-Optionen & Prozentzahlen (Light Mode) */
div[id^="democracy"] .dem-answers label,
div[id^="democracy"] .dem-ans-label,
div[id^="democracy"] .dem-answers li {
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    line-height: 1.5 !important;
    cursor: pointer !important;
}

div[id^="democracy"] .dem-answer-title,
div[id^="democracy"] .dem-ans-title,
div[id^="democracy"] .dem-percent-text {
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    opacity: 1 !important;
}

div[id^="democracy"] .dem-votes-text,
div[id^="democracy"] .dem-votes,
div[id^="democracy"] .dem-percent,
div[id^="democracy"] .dem-answers small,
div[id^="democracy"] .dem-ans-title small {
    color: #475569 !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

/* 4. Prozentbalken */
div[id^="democracy"] .dem-percent-bar-wrapper {
    background-color: #e2e8f0 !important;
    border-radius: 6px !important;
    height: 9px !important;
    margin: 5px 0 10px 0 !important;
    overflow: hidden !important;
}

div[id^="democracy"] .dem-percent-bar {
    background-color: #0284c7 !important;
    border-radius: 6px !important;
    height: 9px !important;
}

/* 5. Footer-Infos */
div[id^="democracy"] .dem-bottom,
div[id^="democracy"] .dem-bottom *,
div[id^="democracy"] .dem-info,
div[id^="democracy"] .dem-info *,
div[id^="democracy"] .dem-total-votes,
div[id^="democracy"] .dem-date {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
    font-size: 0.85rem !important;
    text-align: right !important;
    opacity: 1 !important;
    margin-bottom: 4px !important;
}

/* 6. Buttons & Aktionsleiste */
div[id^="democracy"] .dem-buttons,
.widget_democracy_poll .dem-buttons {
    display: block !important;
    margin-top: 14px !important;
    margin-bottom: 6px !important;
    text-align: center !important;
}

div[id^="democracy"] .dem-button,
div[id^="democracy"] .dem-button *,
div[id^="democracy"] a[class*="dem-button"],
div[id^="democracy"] a[class*="dem-button"] *,
div[id^="democracy"] input[type="button"].dem-button,
div[id^="democracy"] input[type="submit"].dem-button {
    display: block !important;
    width: 100% !important;
    background-color: #0284c7 !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    padding: 9px 0 !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    margin: 0 0 8px 0 !important;
}

div[id^="democracy"] .dem-button:hover,
div[id^="democracy"] a[class*="dem-button"]:hover {
    background-color: #0369a1 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

div[id^="democracy"] .dem-link,
div[id^="democracy"] a.dem-link {
    display: block !important;
    text-align: center !important;
    margin: 6px auto 0 auto !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #64748b !important;
    text-decoration: none !important;
}

div[id^="democracy"] a.dem-link:hover,
div[id^="democracy"] .dem-link:hover {
    color: #0284c7 !important;
    text-decoration: underline !important;
}

/* Democracy Dark Mode */
@media (prefers-color-scheme: dark) {
    div[id^="democracy"] .dem-question,
    div[id^="democracy"] .dem-question * {
        color: #f8fafc !important;
    }

    div[id^="democracy"] .dem-answers label,
    div[id^="democracy"] .dem-ans-title,
    div[id^="democracy"] .dem-percent-text {
        color: #f8fafc !important;
    }

    div[id^="democracy"] .dem-votes-text,
    div[id^="democracy"] .dem-votes,
    div[id^="democracy"] .dem-percent,
    div[id^="democracy"] .dem-answers small,
    div[id^="democracy"] .dem-ans-title small {
        color: #94a3b8 !important;
    }

    div[id^="democracy"] .dem-percent-bar-wrapper {
        background-color: #27272a !important;
    }

    div[id^="democracy"] .dem-percent-bar {
        background-color: #38bdf8 !important;
    }

    div[id^="democracy"] .dem-bottom,
    div[id^="democracy"] .dem-bottom *,
    div[id^="democracy"] .dem-info,
    div[id^="democracy"] .dem-info *,
    div[id^="democracy"] .dem-total-votes,
    div[id^="democracy"] .dem-date {
        color: #cbd5e1 !important;
        -webkit-text-fill-color: #cbd5e1 !important;
    }

    div[id^="democracy"] a.dem-link,
    div[id^="democracy"] .dem-link {
        color: #94a3b8 !important;
    }

    div[id^="democracy"] a.dem-link:hover,
    div[id^="democracy"] .dem-link:hover {
        color: #38bdf8 !important;
    }
}

body.dark div[id^="democracy"] .dem-question,
[data-theme="dark"] div[id^="democracy"] .dem-question,
body.dark div[id^="democracy"] .dem-question * {
    color: #f8fafc !important;
}

body.dark div[id^="democracy"] .dem-answers label,
body.dark div[id^="democracy"] .dem-ans-title,
[data-theme="dark"] div[id^="democracy"] .dem-answers label {
    color: #f8fafc !important;
}

body.dark div[id^="democracy"] .dem-votes-text,
body.dark div[id^="democracy"] .dem-votes,
body.dark div[id^="democracy"] .dem-percent,
body.dark div[id^="democracy"] .dem-ans-title small {
    color: #94a3b8 !important;
}

body.dark div[id^="democracy"] .dem-percent-bar-wrapper,
[data-theme="dark"] div[id^="democracy"] .dem-percent-bar-wrapper {
    background-color: #27272a !important;
}

body.dark div[id^="democracy"] .dem-percent-bar,
[data-theme="dark"] div[id^="democracy"] .dem-percent-bar {
    background-color: #38bdf8 !important;
}

body.dark div[id^="democracy"] .dem-bottom *,
body.dark div[id^="democracy"] .dem-info *,
[data-theme="dark"] div[id^="democracy"] .dem-bottom * {
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
}

body.dark div[id^="democracy"] a.dem-link,
[data-theme="dark"] div[id^="democracy"] a.dem-link {
    color: #94a3b8 !important;
}

body.dark div[id^="democracy"] a.dem-link:hover,
[data-theme="dark"] div[id^="democracy"] a.dem-link:hover {
    color: #38bdf8 !important;
}

/* ==========================================================
   MODERN HEADER SEARCH DROPDOWN (Light & Dark Mode)
   ========================================================== */

.search-expand,
#search-expand {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 12px 24px -4px rgba(15, 23, 42, 0.12), 
                0 4px 6px -2px rgba(15, 23, 42, 0.04) !important;
    padding: 12px 16px !important;
    top: 100% !important;
    right: 0 !important;
}

.search-expand input[type="search"],
.search-expand input[type="text"],
#search-expand input[type="search"],
#search-expand input[type="text"] {
    background-color: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    color: #0f172a !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    padding: 10px 14px 10px 38px !important;
    width: 100% !important;
    outline: none !important;
    transition: all 0.15s ease-in-out !important;
}

.search-expand input[type="search"]:focus,
.search-expand input[type="text"]:focus,
#search-expand input[type="search"]:focus,
#search-expand input[type="text"]:focus {
    background-color: #ffffff !important;
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
}

.search-expand input::placeholder,
#search-expand input::placeholder {
    color: #94a3b8 !important;
    font-weight: 400 !important;
}

.search-toggle.active,
.search-expand .search-toggle {
    color: #ffffff !important;
    transition: opacity 0.15s ease !important;
}

@media (prefers-color-scheme: dark) {
    .search-expand,
    #search-expand {
        background-color: #1e293b !important;
        border-color: #334155 !important;
        box-shadow: 0 16px 32px -4px rgba(0, 0, 0, 0.45) !important;
    }

    .search-expand input[type="search"],
    .search-expand input[type="text"],
    #search-expand input[type="search"],
    #search-expand input[type="text"] {
        background-color: #0f172a !important;
        border-color: #334155 !important;
        color: #f8fafc !important;
    }

    .search-expand input[type="search"]:focus,
    .search-expand input[type="text"]:focus,
    #search-expand input[type="search"]:focus,
    #search-expand input[type="text"]:focus {
        background-color: #0f172a !important;
        border-color: #38bdf8 !important;
        box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2) !important;
    }

    .search-expand input::placeholder,
    #search-expand input::placeholder {
        color: #64748b !important;
    }
}

body.dark .search-expand,
body.dark #search-expand,
[data-theme="dark"] .search-expand,
[data-theme="dark"] #search-expand {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 16px 32px -4px rgba(0, 0, 0, 0.45) !important;
}

body.dark .search-expand input,
body.dark #search-expand input,
[data-theme="dark"] .search-expand input,
[data-theme="dark"] #search-expand input {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}

body.dark .search-expand input:focus,
body.dark #search-expand input:focus,
[data-theme="dark"] .search-expand input:focus,
[data-theme="dark"] #search-expand input:focus {
    border-color: #38bdf8 !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2) !important;
}

@media (max-width: 768px) {
    .search-expand,
    #search-expand {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
        border-radius: 0 0 12px 12px !important;
        border-left: none !important;
        border-right: none !important;
        padding: 12px 16px !important;
        z-index: 9999 !important;
    }

    .search-expand form,
    #search-expand form {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .search-expand input[type="search"],
    .search-expand input[type="text"],
    #search-expand input[type="search"],
    #search-expand input[type="text"] {
        width: 100% !important;
        box-sizing: border-box !important;
        font-size: 16px !important;
    }
}

/* ==========================================================
   SEARCH RESULTS NOTEBOX - DARK MODE FIX
   ========================================================= */

@media (prefers-color-scheme: dark) {
    .notebox {
        background-color: #1e293b !important;
        border: 1px solid #334155 !important;
        border-radius: 12px !important;
        color: #94a3b8 !important;
    }

    .notebox,
    .notebox p,
    .notebox span {
        color: #94a3b8 !important;
    }

    .notebox span,
    .notebox strong {
        color: #f8fafc !important;
        font-weight: 600 !important;
    }

    .notebox input[type="search"],
    .notebox input[type="text"] {
        background-color: #0f172a !important;
        border: 1px solid #334155 !important;
        border-radius: 8px !important;
        color: #f8fafc !important;
    }

    .notebox input[type="search"]:focus,
    .notebox input[type="text"]:focus {
        background-color: #0f172a !important;
        border-color: #38bdf8 !important;
        box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2) !important;
    }

    .notebox input::placeholder {
        color: #64748b !important;
    }
}

body.dark .notebox,
[data-theme="dark"] .notebox,
html.dark .notebox {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    border-radius: 12px !important;
    color: #94a3b8 !important;
}

body.dark .notebox span,
[data-theme="dark"] .notebox span,
html.dark .notebox span,
body.dark .notebox strong,
[data-theme="dark"] .notebox strong,
html.dark .notebox strong {
    color: #f8fafc !important;
}

body.dark .notebox input[type="search"],
body.dark .notebox input[type="text"],
[data-theme="dark"] .notebox input[type="search"],
[data-theme="dark"] .notebox input[type="text"],
html.dark .notebox input[type="search"],
html.dark .notebox input[type="text"] {
    background-color: #0f172a !important;
    border: 1px solid #334155 !important;
    border-radius: 8px !important;
    color: #f8fafc !important;
}

body.dark .notebox input:focus,
[data-theme="dark"] .notebox input:focus,
html.dark .notebox input:focus {
    background-color: #0f172a !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2) !important;
}

body.dark .notebox input::placeholder,
[data-theme="dark"] .notebox input::placeholder,
html.dark .notebox input::placeholder {
    color: #64748b !important;
}

/* ==========================================================
   DESKTOP & MOBILE HEADER OVERRIDES
   ========================================================== */

#header-top h1.site-title,
#header h1.site-title,
.site-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: inherit !important;
}

@media only screen and (max-width: 719px) {
    #header-sticky {
        display: none !important;
    }

    .site-description,
    #header .site-description,
    #header-top .site-description,
    #header-wrap .site-description {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #header-top {
        padding: 6px 0 !important;
    }

    #header-top .pad {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    #header-top .site-title,
    #header-top h1.site-title {
        float: none !important;
        text-align: center !important;
        margin: 0 auto !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

    #header-top .site-title a {
        display: inline-block !important;
        line-height: 1 !important;
    }
}

/* ==========================================================================
   MODERNES SUCHERGEBNIS- & 404-STYLING (MIT GOOGLE-LINK & NO-RESULTS CARD)
   ========================================================================== */

.cb-search-no-results {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 32px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.cb-search-no-results-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.cb-search-icon-box {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cb-search-title {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 4px 0 !important;
}

.cb-search-desc {
    font-size: 0.95rem;
    color: #475569;
    margin: 0 !important;
    line-height: 1.4;
}

.cb-search-box-wrap {
    margin-top: 12px;
}

.cb-search-section-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #0f172a;
    margin: 32px 0 16px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #f1f5f9;
}

/* Google Volltext-Link Leiste */
.search-google-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 14px !important;
    padding-top: 10px !important;
    padding-bottom: 4px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
    font-size: 0.85rem;
    color: #64748b;
}

.search-google-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #3A8EC2 !important;
    font-weight: 600;
    text-decoration: none !important;
}

.search-google-link:hover {
    text-decoration: underline !important;
}

@media (max-width: 600px) {
    .cb-search-no-results-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

/* Suchfeld im No-Results Kasten: Volle Breite & sauberer Abstand zur Lupe */
.cb-search-box-wrap form {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: block !important;
    position: relative !important;
}

.cb-search-box-wrap input[type="search"],
.cb-search-box-wrap input[type="text"],
.cb-search-box-wrap .search-field {
    width: 100% !important;
    box-sizing: border-box !important;
    height: 46px !important;
    padding: 10px 16px 10px 42px !important; /* 42px links schafft Platz für die Lupe */
    font-size: 0.95rem !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03) !important;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.cb-search-box-wrap input[type="search"]:focus,
.cb-search-box-wrap input[type="text"]:focus,
.cb-search-box-wrap .search-field:focus {
    border-color: #3A8EC2 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(58, 142, 194, 0.15) !important;
}

/* Trennlinien bei den neuesten Beiträgen auf der Suchseite entfernen */
.cb-search-fallback-posts .post-row,
.cb-search-fallback-posts .post-grid,
.cb-search-fallback-posts article,
.cb-search-fallback-posts .post {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 24px !important;
}

.cb-search-fallback-posts .post-row::after,
.cb-search-fallback-posts article::after,
.cb-search-fallback-posts .post::after {
    display: none !important;
    content: none !important;
}

/* Dark Mode für Suchfeld & Google Suchleiste */
@media (prefers-color-scheme: dark) {
    /* Eingabefeld im Dark Mode lesbar machen */
    .cb-search-box-wrap input[type="search"],
    .cb-search-box-wrap input[type="text"],
    .cb-search-box-wrap .search-field {
        background-color: #0f172a !important;
        border-color: #334155 !important;
        color: #f8fafc !important;
        caret-color: #38bdf8 !important;
    }

    .cb-search-box-wrap input[type="search"]::placeholder,
    .cb-search-box-wrap input[type="text"]::placeholder {
        color: #94a3b8 !important;
        opacity: 1 !important;
    }

    .search-google-bar {
        border-top-color: #334155 !important;
    }
    .search-google-label {
        color: #94a3b8 !important;
    }
    .search-google-link {
        color: #38bdf8 !important;
    }
    .search-google-link:hover {
        color: #7dd3fc !important;
    }
}

/* Fallback für Dark Mode CSS-Klassen */
body.dark .cb-search-box-wrap input[type="search"],
body.dark .cb-search-box-wrap input[type="text"],
body.dark .cb-search-box-wrap .search-field,
[data-theme="dark"] .cb-search-box-wrap input[type="search"],
[data-theme="dark"] .cb-search-box-wrap input[type="text"],
[data-theme="dark"] .cb-search-box-wrap .search-field,
html.dark .cb-search-box-wrap input[type="search"],
html.dark .cb-search-box-wrap input[type="text"],
html.dark .cb-search-box-wrap .search-field {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
    caret-color: #38bdf8 !important;
}

body.dark .search-google-bar,
[data-theme="dark"] .search-google-bar,
html.dark .search-google-bar {
    border-top-color: #334155 !important;
}

body.dark .search-google-label,
[data-theme="dark"] .search-google-label,
html.dark .search-google-label {
    color: #94a3b8 !important;
}

body.dark .search-google-link,
[data-theme="dark"] .search-google-link,
html.dark .search-google-link {
    color: #38bdf8 !important;
}

/* Blendet den Claim bis 840px zwingend aus */
@media screen and (max-width: 840px) {
    header .site-description,
    #header .site-description,
    .header-wrap .site-description,
    p.site-description {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
}

/* ==========================================================================
   1. GRAUEN THEMEN-BALKEN (date-divider) VOLLSTÄNDIG ENTFERNEN
   ========================================================================== */
.date-divider,
.post-date .date-divider,
.post-thumbnail .date-divider,
#page .date-divider {
	display: none !important;
	background: none !important;
	border: none !important;
	height: 0 !important;
	width: 0 !important;
}

/* ==========================================================================
   2. DATUM IN DER ARTIKELLISTE UNTEN (Pill-Badge unten links am Bild)
   ========================================================================== */
.post-thumbnail .post-date,
.post-list .post-thumbnail .post-date,
.entry-media .post-date,
article .post-thumbnail .post-date {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	margin: 0 !important;
	z-index: 5 !important;
	padding: 4px 10px 4px 8px !important;
	
	/* Bündig unten links, oben rechts abgerundet */
	border-radius: 0 6px 0 0 !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	
	/* Light Mode: Halbtransparente dunkle Box mit feinem Rahmen */
	background-color: rgba(15, 23, 42, 0.75) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
	color: #ffffff !important;
	border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-bottom: none !important;
	border-left: none !important;
	box-shadow: none !important;
}

/* Text, Links und Icons im Artikellisten-Badge */
.post-thumbnail .post-date a,
.post-thumbnail .post-date span,
.post-thumbnail .post-date i,
.post-thumbnail .post-date svg {
	color: #ffffff !important;
	fill: #ffffff !important;
	opacity: 1 !important;
}

/* ==========================================================================
   3. DATUM IM HIGHLIGHT-BEREICH OBEN (.featured-o-date)
   ========================================================================== */
.featured-o-date,
#subheader .featured-o-date {
	display: inline-block !important;
	padding: 3px 8px !important;
	border-radius: 4px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	
	/* Gute Lesbarkeit über dem abgedunkelten Kachel-Verlauf */
	background-color: rgba(15, 23, 42, 0.6) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
	color: #ffffff !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
}

/* ==========================================================================
   4. DARK MODE ANPASSUNGEN (System-Preference & Theme-Klassen)
   ========================================================================== */
@media (prefers-color-scheme: dark) {
	/* Artikellisten-Badge im Dark Mode */
	.post-thumbnail .post-date,
	.post-list .post-thumbnail .post-date,
	.entry-media .post-date,
	article .post-thumbnail .post-date {
		background-color: rgba(30, 41, 59, 0.85) !important;
		color: #cbd5e1 !important;
		border-color: rgba(255, 255, 255, 0.1) !important;
	}

	.post-thumbnail .post-date a,
	.post-thumbnail .post-date span,
	.post-thumbnail .post-date i,
	.post-thumbnail .post-date svg {
		color: #cbd5e1 !important;
		fill: #cbd5e1 !important;
	}

	/* Highlight-Datum im Dark Mode */
	.featured-o-date,
	#subheader .featured-o-date {
		background-color: rgba(30, 41, 59, 0.8) !important;
		color: #cbd5e1 !important;
	}
}

/* Dark Mode Fallback-Klassen für WordPress-Themes */
body.dark .post-thumbnail .post-date,
body.dark-mode .post-thumbnail .post-date,
body.dark-theme .post-thumbnail .post-date,
body[data-theme="dark"] .post-thumbnail .post-date,
html[data-theme="dark"] .post-thumbnail .post-date,
html.dark .post-thumbnail .post-date {
	background-color: rgba(30, 41, 59, 0.85) !important;
	color: #cbd5e1 !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark .post-thumbnail .post-date a,
body.dark-mode .post-thumbnail .post-date a,
body.dark-theme .post-thumbnail .post-date a,
body[data-theme="dark"] .post-thumbnail .post-date a,
html[data-theme="dark"] .post-thumbnail .post-date a,
html.dark .post-thumbnail .post-date a,
body.dark .post-thumbnail .post-date i,
body.dark-mode .post-thumbnail .post-date i,
body.dark-theme .post-thumbnail .post-date i,
body[data-theme="dark"] .post-thumbnail .post-date i,
html[data-theme="dark"] .post-thumbnail .post-date i,
html.dark .post-thumbnail .post-date i {
	color: #cbd5e1 !important;
	fill: #cbd5e1 !important;
}

body.dark .featured-o-date,
body.dark-mode .featured-o-date,
body.dark-theme .featured-o-date,
body[data-theme="dark"] .featured-o-date,
html[data-theme="dark"] .featured-o-date,
html.dark .featured-o-date {
	background-color: rgba(30, 41, 59, 0.8) !important;
	color: #cbd5e1 !important;
}

/* ==========================================================================
   KOMMENTAR-THREADS: CLEANES DESKTOP- UND MOBILE-LAYOUT
   ==========================================================================
   Dieser Block steuert die Einrückung verschachtelter Kommentare.
   Ziel:
   - Desktop: dezente Einrückung mit einer linken Führungslinie
   - Mobil: flacher Aufbau, damit Kommentare nicht zu schmal werden
   - Dark Mode: dunklere, dezente Linie
   ========================================================================== */

/* Grundlayout für alle Antwort-Listen */
.comment-list .children,
.commentlist .children,
ul.children,
ol.children {
    border-left: 2px solid rgba(203, 213, 225, 0.6) !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

/* Verschachtelte Antworten bekommen keine zusätzlichen Linien nebeneinander */
.comment-list .children .children,
.commentlist .children .children,
ul.children ul.children,
ol.children ol.children,
.children .children {
    border-left: none !important;
}

/* Desktop: sanfte Stufen, aber kein Linien-Wirrwarr */
@media (min-width: 769px) {
    .comment-list .children,
    .commentlist .children,
    ul.children,
    ol.children {
        margin-left: 18px !important;
        padding-left: 0 !important;
    }

    .children li,
    .children .comment-body,
    .children .comment-inner {
        padding-left: 10px !important;
        margin-left: 0 !important;
        box-sizing: border-box !important;
    }

    .comment-list .children li.comment,
    .commentlist .children li.comment {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
}

/* Mobil: Kommentare flach halten, damit die Textbreite erhalten bleibt */
@media (max-width: 768px) {
    .comment-list .children,
    .commentlist .children,
    ul.children,
    ol.children {
        margin-left: 10px !important;
        padding-left: 0 !important;
    }

    .comment-list .children .children,
    .commentlist .children .children,
    ul.children ul.children,
    ol.children ol.children,
    .children .children {
        margin-left: 0 !important;
        padding-left: 0 !important;
        border-left: none !important;
    }

    .children li,
    .children .comment-body,
    .children .comment-inner,
    .children article {
        padding-left: 6px !important;
        padding-right: 6px !important;
        margin-left: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .comment-body,
    .comment-inner,
    li.comment {
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
}

/* System-Dark-Mode: dezente dunkle Führungslinie */
@media (prefers-color-scheme: dark) {
    .comment-list .children,
    .commentlist .children,
    ul.children,
    ol.children {
        border-left-color: rgba(71, 85, 105, 0.5) !important;
    }
}

/* Theme-Dark-Mode-Klassen: Fallback für manuell geschalteten Dark Mode */
body.dark .comment-list .children,
body.dark-mode .comment-list .children,
body[data-theme="dark"] .comment-list .children,
html[data-theme="dark"] .comment-list .children,
html.dark .comment-list .children {
    border-left-color: rgba(71, 85, 105, 0.5) !important;
}


/* ==========================================================================
   AAWP TABLE TEMPLATE: TABELLENANSICHT WIEDERHERSTELLEN
   ==========================================================================
   Dieser Block schützt AAWP-Tabellen vor den normalen AAWP-Produktbox-Regeln.
   Hintergrund:
   Die normalen Produktboxen nutzen Grid/Flex.
   Tabellen brauchen aber echtes Tabellenverhalten.
   ========================================================================== */

/* Tabelle und innere Tabelle auf natives Tabellenverhalten setzen */
.aawp-table,
.aawp-table table {
    width: 100% !important;
    border-collapse: collapse !important;
    display: table !important;
    margin: 1.5em 0 !important;
}

/* Tabellenkopf korrekt darstellen */
.aawp-table thead {
    display: table-header-group !important;
}

/* Tabellenkörper korrekt darstellen */
.aawp-table tbody {
    display: table-row-group !important;
}

/* Tabellenzeilen wieder als echte Tabellenzeilen behandeln */
.aawp-table tr {
    display: table-row !important;
    background: transparent !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: none !important;
}

/* Tabellenzellen wieder als echte Tabellenzellen behandeln */
.aawp-table th,
.aawp-table td {
    display: table-cell !important;
    vertical-align: middle !important;
    padding: 12px 14px !important;
    text-align: left !important;
    border: none !important;
    float: none !important;
    box-sizing: border-box !important;
}

/* Kopfzeile der Tabelle */
.aawp-table th {
    font-weight: 600 !important;
    color: #4b5563 !important;
    border-bottom: 2px solid #d1d5db !important;
}

/* AAWP-Produktbox-Regeln innerhalb der Tabelle neutralisieren */
.aawp-table .aawp-product,
.aawp-table .aawp-product__thumb,
.aawp-table .aawp-product__content,
.aawp-table .aawp-product__footer {
    display: block !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    position: static !important;
}

/* Nummern-Spalte */
.aawp-table .aawp-table__col--number {
    width: 40px !important;
    text-align: center !important;
    font-weight: bold !important;
    color: #6b7280 !important;
}

/* Bild-Spalte */
.aawp-table .aawp-table__col--thumb {
    width: 70px !important;
    text-align: center !important;
}

/* Produktbild in der Tabellenansicht */
.aawp-table .aawp-table__col--thumb img {
    max-width: 60px !important;
    max-height: 60px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
}

/* Titel-Spalte */
.aawp-table .aawp-table__col--title {
    vertical-align: middle !important;
}

/* Produkttitel in der Tabelle */
.aawp-table .aawp-table__col--title a {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
}

/* Preis-Spalte */
.aawp-table .aawp-table__col--price {
    width: 140px !important;
    text-align: right !important;
    white-space: nowrap !important;
}

/* Preis in der Tabelle */
.aawp-table .aawp-table__col--price .aawp-product__price {
    font-weight: 700 !important;
    font-size: 14px !important;
    display: block !important;
    margin-bottom: 4px !important;
}

/* Button in der Preis-Spalte */
.aawp-table .aawp-table__col--price .aawp-product__button {
    display: inline-block !important;
    font-size: 12px !important;
    padding: 6px 10px !important;
    border-radius: 4px !important;
}


/* ==========================================================================
   HEADER CLAIM: BIS 840 PX AUSBLENDEN
   ==========================================================================
   Dieser Block blendet den Claim / die Site Description auf kleineren
   Viewports aus, damit im Header nichts überlappt.
   ========================================================================== */

@media screen and (max-width: 840px) {
    header .site-description,
    #header .site-description,
    #header-top .site-description,
    #header-wrap .site-description,
    .header-wrap .site-description,
    p.site-description,
    .site-description {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}


/* Kommentarabstand allgemein reduzieren */
.commentlist li.comment {
    margin-bottom: 0 !important;
}

/* Rahmen um Pagination entfernen - Trennlinie oben behalten */
.cb-pagination-bar {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 !important; /* Zusammengefasst aus allen 4 Ecken */
    box-shadow: none !important;
    outline: none !important;
}

/* =========================================================================
   POST-FOOTER & AUTORBOX WHITESPACE-REDUZIERUNG
   ========================================================================= */

/* 1. Affiliate-Hinweis straffen & gezielt formatieren */
.entry p.affiliate-hinweis,
.entry p.affiliate-note,
.entry .affiliate-disclaimer,
.entry p.aawp-disclaimer,
.single .entry p:has(+ .cb-error-report-wrap),
.single .entry > p:last-of-type em,
.single .entry > p:last-child {
    font-size: 0.85rem !important;
    line-height: 1.4 !important;
    color: #475569 !important;
    font-style: italic !important;
    margin-top: 10px !important;
    margin-bottom: 4px !important;
}

/* 2. "Fehler melden"-Link: Nach unten hin nullen */
.report-error,
.error-report,
.report-article-error,
.entry-inner .report-link,
.single .entry a[href*="mailto"],
.single .entry a[href*="fehler"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    color: #334155 !important;
    text-decoration: none !important;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.report-error:hover,
.error-report:hover,
.single .entry a[href*="mailto"]:hover,
.single .entry a[href*="fehler"]:hover {
    color: #3A8EC2 !important;
    text-decoration: underline !important;
}

.report-error svg,
.report-error i,
.error-report svg,
.error-report i {
    color: #64748b !important;
    fill: #64748b !important;
}

/* 3. Whitespace am Artikelende & Übergang zur Autorbox komprimieren */
.single .entry,
.single .entry-inner,
.single article {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.single .author-bio,
.author-bio {
    margin-top: 12px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e2e8f0 !important;
}

/* 4. Dark Mode */
@media (prefers-color-scheme: dark) {
    .entry p.affiliate-hinweis,
    .entry p.affiliate-note,
    .entry .affiliate-disclaimer {
        color: #94a3b8 !important;
    }

    .report-error,
    .error-report,
    .report-article-error,
    .entry-inner .report-link,
    .single .entry a[href*="mailto"],
    .single .entry a[href*="fehler"] {
        color: #cbd5e1 !important;
    }

    .report-error:hover,
    .error-report:hover,
    .single .entry a[href*="mailto"]:hover,
    .single .entry a[href*="fehler"]:hover {
        color: #38bdf8 !important;
    }

    .single .author-bio,
    .author-bio {
        border-top-color: #334155 !important;
    }
}

body.dark .author-bio,
[data-theme="dark"] .author-bio {
    border-top-color: #334155 !important;
}

/* =========================================================================
   DARK MODE FIX: TEAM-KOMMENTARE & "NEU"-STATUS ENTSTÖREN
   ========================================================================= */

/* 1. Inneren Textblock immer transparent schalten (kein doppelter Kasten) */
.commentlist .comment-content,
.commentlist .comment-body,
.commentlist .comment-entry,
.commentlist p {
    background: transparent !important;
    background-color: transparent !important;
}

/* 2. Normale Team-Kommentare im Dark Mode (dezentes Dunkelblau) */
@media (prefers-color-scheme: dark) {
    .commentlist li.bypostauthor > div[id^="comment-"],
    .commentlist li.comment-author-admin > div[id^="comment-"],
    .commentlist li.comment-author-caschy > div[id^="comment-"] {
        background-color: #0f172a !important;
        border-color: #1e3a5f !important;
    }

    /* 3. NEUE Team-Kommentare: Einheitlicher Orange-Ton (überschreibt Blau) */
    .commentlist li.bypostauthor.is-new-comment > div[id^="comment-"],
    .commentlist li.bypostauthor.comment-new > div[id^="comment-"],
    .commentlist li[class*="new"].bypostauthor > div[id^="comment-"],
    .commentlist li.bypostauthor > div[id^="comment-"].is-new,
    .commentlist li.bypostauthor > div[id^="comment-"][class*="new"] {
        background-color: #2a1508 !important;   /* Sehr dunkles Orange/Braun für den Hintergrund */
        border-color: #ff6b00 !important;       /* Klarer oranger Akzentrand */
    }
}

/* Fallback für WordPress Dark-Mode-Klassen */
body.dark .commentlist .comment-content,
body.dark-mode .commentlist .comment-content,
[data-theme="dark"] .commentlist .comment-content,
body.dark .commentlist .comment-body,
[data-theme="dark"] .commentlist .comment-body {
    background: transparent !important;
    background-color: transparent !important;
}
/* =========================================================================
   BACK-TO-TOP PFEIL EXAKT ZENTRIEREN
   ========================================================================= */

#back-to-top,
a#back-to-top {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

#back-to-top i,
#back-to-top .fa,
#back-to-top .fa-angle-up {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important; /* Verhindert geerbte Verschiebungen */
}

/* Optional: Optische Feinkorrektur (FontAwesome-Pfeile haben teils asymmetrischen Weißraum) */
#back-to-top i::before {
    display: block !important;
    line-height: 1 !important;
    margin-top: -1px !important; /* Zieht das Icon bei Bedarf um 1px optisch hoch */
}
/* Google Button vor Autorenbox perfekt zentrieren */
.cb-google-source-clean {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 24px auto 16px auto !important;
    text-align: center !important;
    clear: both !important; /* Bricht nach dem 'Fehler melden'-Link sauber um */
}

.cb-google-source-clean > div,
.cb-google-source-clean iframe {
    margin: 0 auto !important;
    display: inline-block !important;
}

/* =========================================================================
   FEATURED POSTS: GROSSES HERO-ELEMENT LINKS VS. 3 KLEINE RECHTS
   ========================================================================= */

/* 1. Standard für alle 3 kleineren Featured-Kacheln rechts */
.featured-posts .featured-large .featured-o h2.featured-o-title,
.featured-o h2.featured-o-title {
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
}

/* 2. Exklusiv für das 1. große Hero-Element (links) */
.featured-posts .featured-wrap > .featured-large:first-child .featured-o h2.featured-o-title,
.featured-posts .featured-large:first-of-type .featured-o h2.featured-o-title {
    font-size: 24px !important;       /* Oder 26px / 1.6rem nach Geschmack */
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

/* Responsiv: Auf Smartphones auch das Hero passend skalieren */
@media screen and (max-width: 720px) {
    .featured-posts .featured-wrap > .featured-large:first-child .featured-o h2.featured-o-title {
        font-size: 18px !important;
    }
}

/* Widget-Titel: sauber via CSS statt per JS nach dem Laden */
.widget-title,
.widgettitle,
.widget h3,
.sidebar h3,
.heading-title {
    border-image: none !important;
    background-image: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid var(--card-border, #334155) !important;
    padding-bottom: 8px !important;
    margin-bottom: 14px !important;
}

.widget-title span,
.widgettitle span,
.widget h3 span,
.sidebar h3 span,
.heading-title span {
    border-bottom: none !important;
    background-image: none !important;
    background: none !important;
    box-shadow: none !important;
    padding-bottom: 0 !important;
}

.widget-title::before, .widget-title::after,
.widgettitle::before, .widgettitle::after,
.widget h3::before, .widget h3::after,
.sidebar h3::before, .sidebar h3::after,
.heading-title::before, .heading-title::after {
    display: none !important;
    content: none !important;
    background: none !important;
    border: none !important;
}

/* Sidebar-Testberichte-Liste */
.widget.cb-sidebar-tests {
    margin-top: 30px;
    margin-bottom: 30px;
}

.widget.cb-sidebar-tests .widget-title {
    padding-left: 20px;
}

.sidebar-tests-list {
    list-style: none !important;
    margin: 15px 0 0 0 !important;
    padding: 0 0 0 20px !important;
}

.sidebar-tests-list li {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 18px !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

.sidebar-tests-list .test-thumb {
    flex-shrink: 0;
    width: 55px;
    height: 55px;
}

.sidebar-tests-list .test-thumb a {
    display: block;
    border: none;
}

.sidebar-tests-list .test-thumb img {
    width: 55px;
    height: 55px;
    border-radius: 6px;
    object-fit: cover;
    display: block;
}

.sidebar-tests-list .test-title-text {
    line-height: 1.3;
}

.sidebar-tests-list .test-title-text a {
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    color: #1e293b;
    border: none;
}

/* =========================================================================
   NATIVES LAZY RENDERING FÜR DEN KOMMENTARBEREICH
   ========================================================================= */
#comments {
    content-visibility: auto;
    contain-intrinsic-size: auto 600px; /* Verhindert Scrollbar-Jumping vor dem Rendern */
}