/*
 Theme Name:   Kadence Child
 Template:     kadence
 Version:      3.0.0
*/
:root{--blau:#0079c2;--blau-hell:#e8f4fb;--blau-dunkel:#005a8e;--orange:#e8480c;--gruen:#2e9e5b;--text:#1a1a1a;--text-grau:#666;--hell:#f5f7fa;--weiss:#ffffff;--border:#e0e0e0;--radius:6px;--radius-lg:10px;--schatten:0 1px 4px rgba(0,0,0,0.1);--schatten-lg:0 4px 16px rgba(0,0,0,0.13)}
*,*::before,*::after{box-sizing:border-box}
body{font-family:-apple-system,"Segoe UI",system-ui,sans-serif;background:var(--hell);color:var(--text);margin:0}
.entry-content{padding:0 !important}
.site-header,.kadence-sticky-header,header.site-header,.site-branding-wrap{background:#0F3D6B !important;border-bottom:none;box-shadow:0 2px 6px rgba(0,0,0,0.08)}
.site-title a,.site-branding .site-title a{color:#fff !important;font-weight:800;font-size:1.3rem}
.main-navigation a,.kadence-navigation a{color:rgba(255,255,255,0.88) !important;font-weight:500;font-size:0.93rem}
.main-navigation a:hover{color:#fff !important}
.hero-bereich{background:linear-gradient(135deg,#e8f4fb 0%,#f0f8ff 50%,#fff 100%);border-bottom:1px solid var(--border);padding:36px 24px 32px}
.hero-inner{display:flex;align-items:center;justify-content:center;gap:36px;max-width:960px;margin:0 auto;flex-wrap:wrap}
.hero-maskottchen{flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.15));animation:maskottchen-float 3s ease-in-out infinite}
@keyframes maskottchen-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.hero-text{text-align:left;max-width:700px}
.hero-bereich h1{font-size:1.55rem;font-weight:800;color:var(--text);margin:0 0 6px;line-height:1.25;white-space:nowrap}
.hero-bereich h1 span{color:var(--blau)}
.hero-bereich p{color:var(--text-grau);font-size:1rem;margin:0 0 22px;line-height:1.6}
.hero-cta{display:inline-flex;gap:10px;flex-wrap:wrap}
.hero-cta a{padding:12px 26px;border-radius:var(--radius);font-size:0.97rem;font-weight:700;text-decoration:none !important;transition:all 0.2s}
.btn-hero-primary{background:var(--orange);color:var(--weiss) !important}
.btn-hero-primary:hover{background:#c93c08;transform:translateY(-2px)}
.btn-hero-secondary{background:var(--weiss);color:var(--blau) !important;border:2px solid var(--blau)}
.btn-hero-secondary:hover{background:var(--blau-hell);transform:translateY(-2px)}
.vertrauen-leiste{background:var(--weiss);border-bottom:1px solid var(--border);padding:10px 24px;display:flex;justify-content:center;gap:36px;flex-wrap:wrap}
.vertrauen-punkt{display:flex;align-items:center;gap:6px;font-size:0.85rem;font-weight:600;color:var(--text-grau)}
.vertrauen-punkt .check{color:var(--gruen);font-size:0.95rem}
.abschnitt-titel{text-align:center;padding:28px 24px 4px}
.abschnitt-titel h2{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 4px}
.abschnitt-titel p{color:var(--text-grau);font-size:0.94rem;max-width:460px;margin:0 auto}
.kategorie-scroll-wrap{max-width:1060px;margin:8px auto 0;padding:0 20px 16px;overflow:hidden}
.kategorie-scroll{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px}
.kategorie-scroll::-webkit-scrollbar{display:none}
.kat-tile{flex-shrink:0;width:148px;background:var(--weiss);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none !important;text-align:center;padding:10px 8px 12px;transition:box-shadow 0.2s,transform 0.2s,border-color 0.2s;display:flex;flex-direction:column;align-items:center}
.kat-tile:hover{box-shadow:var(--schatten-lg);transform:translateY(-3px);border-color:var(--blau)}
.kat-tile-img{width:100%;height:86px;border-radius:7px;overflow:hidden;margin-bottom:9px;background:var(--hell)}
.kat-tile-img img{width:100%;height:100%;object-fit:cover;display:block}
.kat-tile-label{font-size:0.78rem;font-weight:600;color:var(--text);line-height:1.3;display:block}
.beliebt-wrap{max-width:1060px;margin:0 auto;padding:0 20px 40px;overflow:hidden}
.beliebt-scroll{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px}
.beliebt-scroll::-webkit-scrollbar{display:none}
.beliebt-karte{flex-shrink:0;width:215px;background:var(--weiss);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none !important;display:flex;flex-direction:column;transition:box-shadow 0.2s,transform 0.2s}
.beliebt-karte:hover{box-shadow:var(--schatten-lg);transform:translateY(-3px)}
.beliebt-karte-img{width:100%;height:132px;background:var(--hell);overflow:hidden;flex-shrink:0}
.beliebt-karte-img img{width:100%;height:100%;object-fit:cover;display:block}
.beliebt-karte-body{padding:12px;flex:1;display:flex;flex-direction:column}
.beliebt-kategorie{font-size:0.67rem;font-weight:700;color:var(--blau);text-transform:uppercase;letter-spacing:0.4px;margin-bottom:5px;display:block}
.beliebt-karte h3{font-size:0.82rem;font-weight:600;color:var(--text);margin:0 0 4px;line-height:1.4;flex:1}
.beliebt-preis{font-size:1.05rem;font-weight:800;color:var(--orange);margin:7px 0 9px;line-height:1.2}
.beliebt-preis small{font-size:0.65rem;font-weight:400;color:var(--text-grau)}
.btn-beliebt{display:block;background:var(--orange);color:var(--weiss) !important;text-align:center;padding:8px 10px;border-radius:var(--radius);font-weight:700;font-size:0.78rem;text-decoration:none !important;transition:background 0.2s}
.btn-beliebt:hover{background:#c93c08}
.back-link{display:block;color:var(--blau);font-size:0.88rem;font-weight:600;text-decoration:none;max-width:1060px;margin:14px auto 0;padding-left:24px}
.back-link:hover{text-decoration:underline}
.vergleich-liste{max-width:1060px;margin:14px auto 40px;padding:0 24px}
.vergleich-eintrag{display:flex;background:var(--weiss);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;overflow:hidden;transition:box-shadow 0.2s;position:relative}
.vergleich-eintrag:hover{box-shadow:var(--schatten-lg)}
.vergleich-eintrag.top-pick{border:2px solid var(--orange)}
.vergleich-rang{width:46px;min-width:46px;background:var(--blau);color:var(--weiss);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800}
.vergleich-eintrag.top-pick .vergleich-rang{background:var(--orange)}
.vergleich-icon{width:84px;min-width:84px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:var(--hell);border-right:1px solid var(--border)}
.vergleich-inhalt{flex:1;padding:13px 16px;min-width:0}
.vergleich-inhalt h3{font-size:0.99rem;font-weight:700;margin:0 0 4px;color:var(--text)}
.bewertung{display:flex;align-items:center;gap:4px;margin-bottom:6px}
.sterne{color:#f59e0b;font-size:0.88rem}
.bewertung-zahl{font-weight:700;font-size:0.85rem}
.bewertung-anzahl{font-size:0.76rem;color:var(--text-grau)}
.vergleich-inhalt p{font-size:0.85rem;color:var(--text-grau);margin:0 0 8px;line-height:1.5}
.vergleich-tags{display:flex;gap:5px;flex-wrap:wrap}
.vergleich-tag{background:var(--blau-hell);color:var(--blau);font-size:0.72rem;font-weight:600;padding:2px 8px;border-radius:20px}
.vergleich-aktion{width:150px;min-width:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;border-left:1px solid var(--border);gap:7px;text-align:center}
.vergleich-preis{font-size:1.1rem;font-weight:800;color:var(--text);line-height:1.2}
.vergleich-preis small{display:block;font-size:0.69rem;font-weight:400;color:var(--text-grau)}
.btn-vergleich{display:block;width:100%;background:var(--orange);color:var(--weiss) !important;text-align:center;padding:9px 10px;border-radius:var(--radius);font-weight:700;font-size:0.82rem;text-decoration:none !important;transition:background 0.2s;line-height:1.3}
.btn-vergleich:hover{background:#c93c08}
.top-pick-badge{position:absolute;top:7px;right:156px;background:var(--orange);color:var(--weiss);font-size:0.65rem;font-weight:700;padding:2px 7px;border-radius:20px;text-transform:uppercase;letter-spacing:0.4px}
.affiliate-hinweis{background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius);padding:9px 14px;font-size:0.82rem;color:#78350f;max-width:1060px;margin:10px auto 0}
.site-footer,.footer-widget-area,.kadence-footer-wrap{background:#1e2d3d !important;color:rgba(255,255,255,0.75) !important}
.site-footer a{color:rgba(255,255,255,0.65) !important}
.site-footer a:hover{color:var(--weiss) !important}
.home .entry-title,.page-id-7 .entry-title{display:none !important}
@media(max-width:900px){.vergleich-aktion{width:128px;min-width:128px}.top-pick-badge{right:134px}.kategorie-scroll-wrap{padding:0 16px 14px}.beliebt-wrap{padding:0 16px 32px}}
@media(max-width:640px){.hero-bereich{padding:24px 16px}.hero-inner{flex-direction:column;gap:12px;text-align:center}.hero-maskottchen{width:100px;height:auto}.hero-text{text-align:center;max-width:100%}.hero-bereich h1{font-size:1.3rem;white-space:normal}.hero-bereich p{font-size:0.9rem;margin-bottom:16px}.hero-cta{flex-direction:column;align-items:center;gap:8px}.hero-cta a{width:100%;max-width:280px;text-align:center}.vertrauen-leiste{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:10px 16px}.vertrauen-punkt{font-size:0.8rem}.abschnitt-titel{padding:20px 16px 4px}.abschnitt-titel h2{font-size:1.25rem}.kategorie-scroll-wrap{padding:0 12px 12px}.kat-tile{width:118px}.kat-tile-img{height:70px}.beliebt-wrap{padding:0 12px 28px}.beliebt-karte{width:170px}.beliebt-karte-img{height:108px}.vergleich-liste{padding:0 12px}.vergleich-eintrag{flex-direction:column}.vergleich-rang{width:100%;height:34px;font-size:0.95rem}.vergleich-icon{width:100%;height:58px;border-right:none;border-bottom:1px solid var(--border)}.vergleich-inhalt{padding:10px 12px}.vergleich-inhalt h3{font-size:0.93rem}.vergleich-aktion{width:100%;min-width:100%;flex-direction:row;justify-content:space-between;border-left:none;border-top:1px solid var(--border);padding:10px 12px}.top-pick-badge{right:8px;top:6px}.back-link{padding-left:14px}.affiliate-hinweis{margin:8px 12px 0}}

/* Header-Farbe Override #0F3D6B – pe2026 */
#masthead,#masthead .site-header-inner,.site-header,.kadence-sticky-header,
header.site-header,.site-branding-wrap,.header-wrap,
.wp-block-kadence-header,.kadence-top-bar-wrap{
  background:#0F3D6B !important;
  border-bottom:none !important;
  box-shadow:0 2px 8px rgba(0,0,0,0.22) !important;
}
.site-title a,.site-branding .site-title a,.site-title,.site-description{
  color:#fff !important;
}
.main-navigation a,.kadence-navigation a,
.nav--toggle-sub button,.kadence-menu-toggle,
#site-navigation a{
  color:rgba(255,255,255,0.88) !important;
}
.main-navigation a:hover,.kadence-navigation a:hover,
#site-navigation a:hover{color:#fff !important;}
.kadence-menu-toggle svg,.kadence-menu-toggle span{
  color:#fff !important;fill:#fff !important;stroke:#fff !important;
}

/* Content-Gap-Fix pe2026 – leeren Bereich über dem Hero entfernen */
.home .entry-header,
.page-id-7 .entry-header,
.home .kadence-breadcrumbs,
.page-id-7 .kadence-breadcrumbs,
.home .page-hero-section,
.page-id-7 .page-hero-section{
  display:none !important;
  padding:0 !important;
  margin:0 !important;
  height:0 !important;
}
.home .site-main,
.page-id-7 .site-main,
.home #main,
.page-id-7 #main{
  padding-top:0 !important;
  margin-top:0 !important;
}
.home article.page,
.page-id-7 article.page{
  padding-top:0 !important;
  margin-top:0 !important;
}
.home .entry-content,
.page-id-7 .entry-content{
  padding-top:0 !important;
  margin-top:0 !important;
}
.home #primary,
.page-id-7 #primary,
.home .content-area,
.page-id-7 .content-area{
  padding-top:0 !important;
  margin-top:0 !important;
}