/* ============================================================
   SmartDogProtect – Theme-Stile (1:1 zum Design-Handoff)
   General Sans self-hosted, keine externen Requests.
   Tiefe über Flächen und feine Linien – keine Schatten, keine Rahmen.
   ============================================================ */

/* ---------- Schriften: Bricolage Grotesque + Caveat (self-hosted, keine externen Requests) ---------- */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:300 800;font-display:swap;src:url('../fonts/bricolage-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:300 800;font-display:swap;src:url('../fonts/bricolage-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Caveat';font-style:normal;font-weight:600 700;font-display:swap;src:url('../fonts/caveat-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* ---------- Tokens ---------- */
:root{
  --ink:oklch(25% 0.04 260);
  --navy:oklch(25% 0.04 260);
  --accent:#0632aa;
  --accent-soft:oklch(60% 0.13 258);
  --cream:oklch(98% 0.008 60);
  --cream2:oklch(96% 0.015 60);
  --panel:oklch(93% 0.015 60);
  --panel-dk:oklch(90% 0.015 60);
  --white:oklch(100% 0 0);
  --white2:oklch(99% 0.005 60);
  --muted:oklch(35% 0.03 260);
  --muted2:oklch(45% 0.02 260);
  --grad-btn:#0632aa;
  --grad-text:linear-gradient(90deg, #000A71, #0F21D7 25%, #031E8E 50%, #000A71);
  --squircle:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20240'%3E%3Cpath%20d='M24,0%20H176%20Q200,0%20200,24%20V120%20Q200,200%20100,240%20Q0,200%200,120%20V24%20Q0,0%2024,0%20Z'/%3E%3C/svg%3E");
  --wrap:1200px;
  /* Innenabstand, der die Inhaltsspalte (max 1200) trifft – für Full-Bleed-Sektionen */
  --gutter:max(56px, calc((100vw - 1200px) / 2 + 56px));
  /* Einheitliches Boxen-Muster: hellblau mit weicher Form, Hover verstärkt die Form */
  --boxform:radial-gradient(125% 90% at 8% 118%, oklch(99% 0.012 258) 0%, transparent 52%), linear-gradient(158deg, oklch(97.5% 0.013 258) 0%, oklch(93.5% 0.03 258) 100%);
  --boxform-hover:radial-gradient(85% 95% at 102% -5%, oklch(84% 0.09 258 / 0.6) 0%, transparent 52%), radial-gradient(125% 90% at 8% 118%, oklch(99% 0.014 258) 0%, transparent 52%), linear-gradient(158deg, oklch(97% 0.016 258) 0%, oklch(92% 0.038 258) 100%);
}

*{box-sizing:border-box;}
/* Nur body clippt horizontal (nicht html) – verhindert Querscrollen, ohne Seiten-Scroll
   oder position:sticky zu brechen. */
html{margin:0;overflow-x:clip;}
html{background:var(--white);}
body{margin:0;overflow-x:clip;min-height:100vh;}
body{font-family:'Bricolage Grotesque',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--white);font-weight:400;-webkit-font-smoothing:antialiased;}
body.blog{background:linear-gradient(180deg, #ffffff 0%, oklch(98.2% 0.011 258) 38%, oklch(95.2% 0.024 258) 72%, oklch(92.5% 0.036 258) 100%);}
img{max-width:100%;display:block;}
a{color:oklch(40% 0.09 250);text-decoration:none;}
a:hover{color:#0632aa;}
::selection{background:oklch(70% 0.15 258 / 0.3);}
h1,h2,h3{margin:0;letter-spacing:-0.01em;}
button{font-family:inherit;}

/* ---------- Bausteine ---------- */
.sdp-center{text-align:center;}
.sdp-h1{font-size:52px;line-height:1.08;font-weight:700;letter-spacing:-0.02em;}
.sdp-h2{font-size:39px;font-weight:700;line-height:1.2;letter-spacing:-0.015em;}
.sdp-h2--sm{font-size:33px;}
.sdp-h3{font-size:26px;font-weight:700;}
.sdp-lead{font-size:17px;line-height:1.6;color:var(--muted);}

/* Gradient-Wort + welliger Unterstrich */
.sdp-grad{position:relative;display:inline-block;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.sdp-grad__line{position:absolute;left:0;bottom:-0.14em;width:100%;height:clamp(5px,0.3em,10px);overflow:visible;}
.sdp-grad--plain{}

/* Buttons – nur Füllung, keine Rahmen, keine Schatten */
.sdp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;font-weight:600;border-radius:100px;padding:13px 24px;font-size:14.5px;line-height:1;transition:filter .15s ease,background .2s ease;white-space:nowrap;text-align:center;}
.sdp-btn--grad{background:var(--grad-btn);color:var(--cream);}
.sdp-btn--grad:hover{filter:brightness(1.06);color:var(--cream);}
.sdp-btn--dark{background:var(--navy);color:var(--cream);padding:15px 28px;font-size:15px;}
.sdp-btn--dark:hover{filter:brightness(1.15);color:var(--cream);}
.sdp-btn--light{background:var(--cream);color:oklch(35% 0.16 262);}
.sdp-btn--light:hover{filter:brightness(0.97);}
.sdp-btn--sm{padding:11px 18px;font-size:13.5px;}
.sdp-btn--lg{padding:15px 30px;font-size:16px;}
.sdp-btn--xl{padding:18px 40px;font-size:17px;}
.sdp-btn--block{display:flex;width:100%;}

/* Squircle-Bildmaske */
.sdp-squircle{display:block;background-size:cover;background-position:center;-webkit-mask-image:var(--squircle);mask-image:var(--squircle);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.sdp-card-bg{position:absolute;inset:0;border-radius:28px;z-index:0;}
.sdp-card-bg--accent{background:var(--accent);}
.sdp-card-bg--panel{background:var(--panel-dk);border-radius:24px;}

/* Feature-Icons: 3D-Icon ohne Hintergrund, groß */
.sdp-fic{display:flex;align-items:center;justify-content:flex-start;flex:none;}
.sdp-fic img,.sdp-ic{display:block;}
.sdp-fic--why{margin-bottom:16px;}
.sdp-fic--why img{width:72px;height:72px;}
.sdp-fic--cov img{width:60px;height:60px;}

/* Checklisten */
.sdp-checklist{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-direction:column;gap:10px;}
.sdp-checklist li{display:flex;gap:10px;font-size:15px;align-items:flex-start;}
.sdp-checklist li svg{flex:none;margin-top:3px;}
.sdp-checklist--lg li{font-size:16px;align-items:center;}
.sdp-checklist--lg li svg{margin-top:0;}

/* ---------- Topbar ---------- */
.sdp-topbar{background:none;color:oklch(96% 0.015 60);font-size:14px;font-weight:500;padding:12px 20px 4px;}
.sdp-topbar__scroll{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:11px 50px;max-width:1120px;margin:0 auto;background:var(--navy);border-radius:20rem;}
.sdp-topbar__item{display:inline-flex;align-items:center;gap:7px;}
.sdp-topbar__ic{width:16px;height:16px;display:block;flex:none;}

/* ---------- Header ---------- */
.sdp-header{display:flex;align-items:center;justify-content:space-between;padding:18px var(--gutter);background:var(--white);position:sticky;top:0;z-index:50;transition:background .25s ease,backdrop-filter .25s ease,box-shadow .25s ease,padding .25s ease;}
.sdp-header.is-scrolled{background:oklch(100% 0 0 / 0.66);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);padding-top:12px;padding-bottom:12px;}
.sdp-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:22px;letter-spacing:-0.02em;color:var(--ink);}
.sdp-brand__logo{width:40px;height:40px;display:block;object-fit:contain;flex:none;}
.sdp-brand:hover{color:var(--ink);}
.sdp-nav{display:flex;gap:6px;align-items:center;font-size:15px;font-weight:500;}
.sdp-nav__item{position:relative;}
.sdp-nav__link{cursor:pointer;padding:12px 16px;border-radius:100px;display:inline-flex;align-items:center;gap:6px;color:var(--ink);}
.sdp-nav__link--plain:hover{color:var(--ink);opacity:.7;}
.sdp-chev{transition:transform .2s ease;color:oklch(35% 0.03 260);}
.sdp-has-mega:hover .sdp-chev{transform:rotate(180deg);}

/* Mega-Menü */
/* Mega-Menü: smootht per clip-path nach unten auf (kein Opacity-Fade), Schatten bleibt erhalten */
.sdp-mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:12px;background:var(--white);border-radius:24px;padding:20px;z-index:60;opacity:0;visibility:hidden;pointer-events:none;clip-path:inset(-30px -90px 100% -90px);transition:clip-path .4s cubic-bezier(.16,.84,.3,1),opacity .001s linear .4s,visibility 0s linear .4s;box-shadow:0 20px 46px -22px rgba(18,28,58,0.16),0 8px 20px -14px rgba(18,28,58,0.10);}
/* Offen, solange der Nav-Punkt ODER das Menü selbst gehovert wird (verhindert Flackern beim ersten Aufklappen). */
.sdp-nav__item.sdp-has-mega:hover > .sdp-mega,
.sdp-mega:hover{opacity:1;visibility:visible;pointer-events:auto;clip-path:inset(-30px -90px -90px -90px);transition:clip-path .44s cubic-bezier(.16,.84,.3,1),opacity 0s,visibility 0s;}
/* unsichtbare Brücke: Menü bleibt offen, wenn die Maus vom Header zum Inhalt wandert */
.sdp-mega::before{content:"";position:absolute;left:-90px;right:-90px;top:-26px;height:26px;}
.sdp-mega--vers{display:grid;grid-template-columns:repeat(4,232px) 244px;gap:14px;}
.sdp-vcard{position:relative;display:flex;align-items:flex-end;min-height:236px;border-radius:18px;overflow:hidden;background-size:cover;background-position:center;text-decoration:none;}
.sdp-vcard__scrim{position:absolute;inset:0;background:rgba(8,18,50,0.40);transition:background .18s;}
.sdp-vcard:hover .sdp-vcard__scrim{background:rgba(8,18,50,0.54);}
.sdp-vcard__body{position:relative;z-index:1;padding:16px 14px 18px;color:#fff;}
.sdp-vcard__title{display:block;font-weight:700;font-size:14.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,0.4);}
.sdp-vcard__sub{display:block;font-size:12px;margin-top:4px;color:rgba(255,255,255,0.92);text-shadow:0 1px 3px rgba(0,0,0,0.35);}
.sdp-vcard__arrow{position:absolute;top:12px;right:12px;z-index:1;width:30px;height:30px;border-radius:50%;background:#fff;color:#0632aa;display:flex;align-items:center;justify-content:center;}
.sdp-mega__card{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:20px;color:var(--ink);background:oklch(97% 0.012 258);transition:background .15s;}
.sdp-mega__card:hover{background:oklch(94% 0.025 258);color:var(--ink);}
.sdp-mega__ic{display:flex;align-items:center;justify-content:flex-start;flex:none;}
.sdp-mega__ic img{width:54px;height:54px;display:block;}
.sdp-mega__title{display:block;font-weight:700;font-size:16px;margin-bottom:6px;}
.sdp-mega__lead{display:block;font-size:13.5px;line-height:1.55;color:var(--muted2);}
.sdp-mega__more{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:13px;color:oklch(35% 0.1 250);margin-top:auto;}
.sdp-mega__promo{position:relative;overflow:hidden;background:var(--grad-btn);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:14px;}
.sdp-mega__promo > *{position:relative;z-index:1;}
.sdp-mega__promo::before{content:"";position:absolute;inset:0;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='%23ffffff'%3E%3Cellipse cx='50' cy='66' rx='27' ry='23'/%3E%3Cellipse cx='19' cy='34' rx='12' ry='15' transform='rotate(-25 19 34)'/%3E%3Cellipse cx='41' cy='15' rx='12' ry='15'/%3E%3Cellipse cx='67' cy='15' rx='12' ry='15'/%3E%3Cellipse cx='89' cy='34' rx='12' ry='15' transform='rotate(25 89 34)'/%3E%3C/g%3E%3C/svg%3E") 92% 10%/76px no-repeat;opacity:.08;pointer-events:none;}
.sdp-mega__promo-ic{display:flex;align-items:center;justify-content:flex-start;}
.sdp-mega__promo-ic img{width:60px;height:60px;display:block;}
.sdp-promoav{position:relative;width:58px;height:58px;}
.sdp-promoav__face{position:absolute;inset:0;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 0 2px rgba(255,255,255,0.55);}
.sdp-promoav__badge{position:absolute;right:-8px;bottom:-8px;width:32px;height:32px;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;}
.sdp-promoav__badge img{width:24px;height:24px;display:block;}
.sdp-mega__promo-title{font-weight:700;font-size:16px;color:var(--cream);line-height:1.3;}
.sdp-mega__promo-text{font-size:13px;line-height:1.55;color:oklch(93% 0.02 258);}
/* Ratgeber-Mega, umfangreich – rechtsbündig, damit es nie über den Rand läuft */
.sdp-mega--rat{display:block;width:940px;max-width:min(940px,94vw);left:auto;right:0;transform:translateY(6px);}
.sdp-has-mega:hover .sdp-mega--rat{transform:translateY(0);}
.sdp-mega__ratgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.sdp-mega__grouphead{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.sdp-mega__gic{display:flex;align-items:center;justify-content:center;flex:none;}
.sdp-mega__gic img{width:38px;height:38px;display:block;}
.sdp-mega__gtitle{font-weight:700;font-size:12.5px;color:var(--muted2);letter-spacing:0.04em;}
.sdp-mega__gtitle--plain{margin-bottom:16px;}
.sdp-mega__links{display:flex;flex-direction:column;gap:8px;}
.sdp-mega__link{display:flex;flex-direction:column;gap:2px;color:var(--ink);background:oklch(97% 0.012 258);border-radius:12px;padding:11px 14px;transition:background .15s;}
.sdp-mega__link:hover{color:var(--ink);background:oklch(94% 0.025 258);}
.sdp-mega__link-t{font-size:13.5px;font-weight:600;}
.sdp-mega__link-s{font-size:11.5px;color:var(--muted2);}
.sdp-mega__ratfeatured{margin-top:22px;padding-top:22px;border-top:1px solid oklch(91% 0.012 258);}
.sdp-mega__posts--row{display:grid;grid-template-columns:repeat(3,1fr) 210px;gap:16px;align-items:stretch;}
.sdp-mega__post{display:flex;gap:14px;align-items:center;color:inherit;}
.sdp-mega__post:hover{color:inherit;}
.sdp-mega__post--card{flex-direction:column;align-items:flex-start;gap:8px;background:oklch(97% 0.012 258);padding:12px;border-radius:16px;transition:background .15s;}
.sdp-mega__post--card:hover{background:oklch(94% 0.025 258);}
.sdp-mega__post-cat{font-size:11px;font-weight:700;color:var(--accent);letter-spacing:0.03em;}
.sdp-mega__post-title{font-size:13.5px;line-height:1.4;font-weight:600;}
.sdp-squircle--postimg{width:100%;height:104px;}
.sdp-mega__ratcta{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;background:var(--grad-btn);color:var(--cream);border-radius:16px;padding:18px;font-weight:700;font-size:14.5px;line-height:1.3;}
.sdp-mega__ratcta:hover{color:var(--cream);filter:brightness(1.05);}

/* Einfaches Dropdown (Ratgeber) */
.sdp-has-dropdown{position:relative;}
.sdp-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);margin-top:12px;background:var(--white);border-radius:18px;padding:8px;min-width:244px;z-index:60;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease;box-shadow:0 16px 38px -20px rgba(18,28,58,0.15);display:flex;flex-direction:column;gap:2px;}
.sdp-dropdown::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px;}
.sdp-has-dropdown:hover .sdp-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.sdp-has-dropdown:hover .sdp-chev{transform:rotate(180deg);}
.sdp-dropdown__link{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:15px;font-weight:600;padding:9px 16px 9px 9px;border-radius:14px;transition:background .15s;}
.sdp-dropdown__link:hover{color:var(--ink);background:var(--boxform);}
.sdp-dropdown--rich{min-width:300px;padding:10px;}
.sdp-dropdown--rich .sdp-dropdown__link{align-items:center;padding:11px 16px 11px 10px;}
.sdp-dropdown__txt{display:flex;flex-direction:column;}
.sdp-dropdown__t{font-weight:700;font-size:14.5px;line-height:1.2;}
.sdp-dropdown__s{font-size:12.5px;color:var(--muted2);font-weight:400;margin-top:2px;}
.sdp-dropdown__ic{width:40px;height:40px;border-radius:50%;background:var(--boxform);display:flex;align-items:center;justify-content:center;flex:none;color:var(--accent);}
.sdp-dropdown__ic img{width:30px;height:30px;display:block;}

/* Burger (mobil) */
.sdp-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:70;}
.sdp-burger span{width:24px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s;}
.sdp-nav-open .sdp-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.sdp-nav-open .sdp-burger span:nth-child(2){opacity:0;}
.sdp-nav-open .sdp-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ---------- Layout-Wraps ---------- */
.sdp-hero,.sdp-split,.sdp-why,.sdp-coverage,.sdp-faq,.sdp-receipt,.sdp-steps{max-width:var(--wrap);margin:0 auto;}
.sdp-hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding:80px 56px 64px;max-width:1280px;}
.sdp-hero::before{content:"";position:absolute;inset:0;z-index:0;--sdp-paw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='%23dde8fb'%3E%3Cellipse cx='50' cy='66' rx='27' ry='23'/%3E%3Cellipse cx='19' cy='34' rx='12' ry='15' transform='rotate(-25 19 34)'/%3E%3Cellipse cx='41' cy='15' rx='12' ry='15'/%3E%3Cellipse cx='67' cy='15' rx='12' ry='15'/%3E%3Cellipse cx='89' cy='34' rx='12' ry='15' transform='rotate(25 89 34)'/%3E%3C/g%3E%3C/svg%3E");background:var(--sdp-paw) 0% 2%/96px no-repeat,var(--sdp-paw) 52% 4%/66px no-repeat,var(--sdp-paw) 1% 72%/82px no-repeat,var(--sdp-paw) 42% 90%/58px no-repeat;opacity:.85;-webkit-mask-image:radial-gradient(ellipse 56% 56% at 29% 44%,transparent 42%,#000 92%),linear-gradient(180deg,#000 52%,transparent 100%);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 56% 56% at 29% 44%,transparent 42%,#000 92%),linear-gradient(180deg,#000 52%,transparent 100%);mask-composite:intersect;pointer-events:none;}
.sdp-hero > *{position:relative;z-index:1;}
.sdp-hero__sub{font-size:19px;line-height:1.6;color:var(--muted);margin:0 0 32px;max-width:520px;}
.sdp-h1{margin:0 0 24px;}
.sdp-hero__form{display:inline-flex;align-items:center;background:var(--cream);border-radius:100px;padding:6px;margin:8px 0 20px;max-width:460px;width:100%;}
.sdp-hero__form input{border:none;outline:none;background:transparent;padding:12px 18px;font-family:inherit;font-size:15px;color:var(--ink);flex:1;min-width:0;}
.sdp-hero__trust{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.sdp-hero__trust-label{font-size:11px;font-weight:600;color:var(--muted2);letter-spacing:0.02em;}
.sdp-hero__logos{display:flex;align-items:center;}
.sdp-hero__logo{position:relative;width:44px;height:44px;border-radius:50%;background-color:var(--white);background-repeat:no-repeat;background-position:center;background-size:66% auto;outline:2.5px solid oklch(99% 0.004 258);flex:none;}
.sdp-hero__logo + .sdp-hero__logo{margin-left:-13px;}
.sdp-hero__logos > *:nth-child(1){z-index:5;}
.sdp-hero__logos > *:nth-child(2){z-index:4;}
.sdp-hero__logos > *:nth-child(3){z-index:3;}
.sdp-hero__logos > *:nth-child(4){z-index:2;}
.sdp-hero__logos > *:nth-child(5){z-index:1;}
.sdp-hero__logo--more{background:var(--panel) !important;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11.5px;color:var(--muted2);background-image:none !important;}
.sdp-hero__text{position:relative;z-index:1;}
.sdp-hero__media{position:relative;}
.sdp-squircle--hero{width:100%;height:420px;position:relative;z-index:1;}

/* USPs */
.sdp-usps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto;padding:56px 56px 100px;}
.sdp-usp{text-align:center;}
.sdp-usp__title{font-weight:700;font-size:18px;margin-bottom:8px;}
.sdp-usp__text{color:oklch(40% 0.02 260);font-size:15px;line-height:1.5;}

/* Produkte */
/* Produkte – Full-Bleed-Band: weiß → hellblau → weiß */
.sdp-products{max-width:none;margin:0;padding:64px 0 128px;background:linear-gradient(180deg, oklch(100% 0 0) 0%, oklch(96.5% 0.03 258) 46%, oklch(100% 0 0) 100%);}
.sdp-products__inner{max-width:1200px;margin:0 auto;padding:0 56px;}
.sdp-products .sdp-lead{max-width:640px;margin:0 auto 48px;}

/* Markenbotschafter */
.sdp-amb{max-width:1200px;margin:0 auto;padding:40px 56px 128px;display:grid;grid-template-columns:0.92fr 1.08fr;gap:64px;align-items:center;}
.sdp-amb__img{width:100%;border-radius:28px;display:block;object-fit:cover;aspect-ratio:4/5;}
.sdp-amb__text .sdp-h2{margin:0 0 20px;}
.sdp-amb__quote{font-size:21px;line-height:1.55;color:var(--ink);font-weight:500;margin:0 0 18px;}
.sdp-amb__role{font-size:14.5px;font-weight:600;color:var(--accent);}
/* Gründer-Story */
.sdp-founder{max-width:1200px;margin:0 auto;padding:20px 56px 100px;}
.sdp-founder .sdp-h2{margin:0 0 42px;}
.sdp-founder__card{display:grid;grid-template-columns:0.92fr 1.08fr;gap:48px;align-items:center;background:var(--boxform);border-radius:30px;padding:48px;}
.sdp-founder__media{position:relative;padding:8px 0;}
.sdp-founder__polaroid{background:#fff;padding:12px 12px 46px;border-radius:5px;transform:rotate(-4deg);max-width:330px;margin:16px auto 0;}
.sdp-founder__polaroid img{display:block;width:100%;border-radius:3px;aspect-ratio:1/1;object-fit:cover;}
.sdp-founder__note{position:absolute;top:-8px;left:6%;z-index:3;font-family:'Caveat',cursive;font-weight:700;font-size:46px;line-height:1;color:#e0439a;transform:rotate(-8deg);}
.sdp-founder__arrow{position:absolute;top:22px;left:19%;width:90px;height:90px;z-index:3;pointer-events:none;}
.sdp-founder__story{position:relative;background:#fff;border-radius:22px;padding:32px 34px;}
.sdp-founder__story p{font-size:14.5px;line-height:1.68;color:var(--muted);margin:0 0 13px;}
.sdp-founder__story p:last-of-type{margin-bottom:0;}
.sdp-founder__story strong{color:var(--ink);font-weight:700;}
.sdp-founder__by{display:flex;align-items:center;gap:12px;margin-top:20px;}
.sdp-founder__byav{width:46px;height:46px;border-radius:50%;background-size:cover;background-position:center;flex:none;}
.sdp-founder__bytxt{display:flex;flex-direction:column;line-height:1.3;}
.sdp-founder__byname{font-weight:700;font-size:14.5px;}
.sdp-founder__byrole{font-size:11px;color:var(--muted2);text-transform:uppercase;letter-spacing:0.04em;}
.sdp-founder__badge{position:absolute;right:-14px;bottom:-14px;width:106px;height:auto;display:block;}
@media (max-width:860px){.sdp-founder__card{grid-template-columns:1fr;gap:32px;padding:32px 22px;}.sdp-founder__badge{width:84px;height:84px;right:6px;bottom:-26px;}}
.sdp-products__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.sdp-products__left{min-height:420px;display:flex;flex-direction:column;}
.sdp-tabs{display:inline-flex;gap:2px;background:var(--panel);border-radius:100px;padding:5px;margin-bottom:28px;align-self:flex-start;}
.sdp-tab{position:relative;overflow:hidden;background:transparent;color:oklch(50% 0.03 260);padding:10px 18px;border-radius:100px;font-weight:600;cursor:pointer;border:none;font-size:14px;}
.sdp-tab.is-active{background:oklch(97% 0.015 258);color:var(--navy);font-weight:700;}
.sdp-tab__label{position:relative;z-index:1;}
.sdp-tab__bar{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:100px;background:oklch(100% 0 0);z-index:0;}
.sdp-tab.is-active .sdp-tab__bar{animation:sdpTabProgress 4s linear forwards;}
@keyframes sdpTabProgress{from{width:0;}to{width:100%;}}
.sdp-tabpanel{display:none;}
.sdp-tabpanel.is-active{display:block;}
.sdp-tabpanel .sdp-h3{margin:0 0 14px;}
/* feste Höhen gegen Layout-Shift beim Tab-Wechsel */
.sdp-tabpanel__lead{font-size:16px;line-height:1.65;color:var(--muted);margin:0 0 22px;min-height:56px;}
.sdp-tabpanel .sdp-checklist{min-height:114px;}
.sdp-products__media{position:relative;}
.sdp-squircle--tab{width:100%;height:420px;position:relative;z-index:1;display:none;}
.sdp-squircle--tab.is-active{display:block;}

/* Split-Sektionen */
.sdp-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:44px 56px 120px;}
.sdp-split--flush{padding:0;}
.sdp-split__media{position:relative;}
.sdp-squircle--md{width:100%;height:420px;position:relative;z-index:1;}
.sdp-squircle--sm{width:100%;height:400px;position:relative;z-index:1;}
.sdp-split__text .sdp-lead{margin:0 0 24px;}
#warum{gap:64px;}
.sdp-service{max-width:1100px;margin:0 auto;padding:44px 56px 120px;display:flex;flex-direction:column;gap:96px;}
.sdp-badge247{position:absolute;left:-16px;bottom:-16px;background:var(--cream);border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:12px;z-index:2;}
.sdp-badge247__ic{width:38px;height:38px;border-radius:50%;background:oklch(60% 0.14 145);display:flex;align-items:center;justify-content:center;flex:none;}
.sdp-badge247__t{display:block;font-weight:700;font-size:14px;}
.sdp-badge247__s{display:block;font-size:12.5px;color:var(--muted2);}

/* Pfote drauf */
.sdp-why{padding:44px 56px 120px;text-align:center;max-width:1020px;}
.sdp-why .sdp-h2{margin:0 0 48px;}
.sdp-why__grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;text-align:left;}
.sdp-why__card{background:var(--panel);border-radius:20px;padding:28px 30px;}
.sdp-why__title{font-size:18px;font-weight:700;margin:0 0 8px;}
.sdp-why__text{font-size:15px;line-height:1.6;color:var(--muted);margin:0;}

/* Rechnung */
.sdp-receipt{padding:88px 56px;background:var(--panel);text-align:center;max-width:none;position:relative;overflow:hidden;}
.sdp-receipt .sdp-lead{max-width:520px;margin:0 auto;}
.sdp-receipt__row{position:relative;max-width:980px;margin:48px auto 0;display:flex;align-items:center;justify-content:center;}
.sdp-receipt__dog{width:220px;height:260px;flex:none;z-index:0;opacity:.9;}
.sdp-receipt__dog--l{margin-right:-56px;transform:rotate(-4deg);}
.sdp-receipt__dog--r{margin-left:-56px;transform:rotate(4deg);}
.sdp-receipt__card{background:var(--white2);padding:36px 32px 30px;width:360px;flex:none;position:relative;z-index:1;text-align:left;clip-path:polygon(10px 0, 350px 0, 100% 10px, 100% calc(100% - 10px), 360px calc(100% - 10px), 342px 100%, 324px calc(100% - 10px), 306px 100%, 288px calc(100% - 10px), 270px 100%, 252px calc(100% - 10px), 234px 100%, 216px calc(100% - 10px), 198px 100%, 180px calc(100% - 10px), 162px 100%, 144px calc(100% - 10px), 126px 100%, 108px calc(100% - 10px), 90px 100%, 72px calc(100% - 10px), 54px 100%, 36px calc(100% - 10px), 18px 100%, 0px calc(100% - 10px), 0 10px);}
.sdp-receipt__title{font-size:20px;font-weight:700;margin:0 0 20px;text-align:center;}
.sdp-receipt__lines{display:flex;flex-direction:column;gap:10px;}
.sdp-receipt__line{display:flex;justify-content:space-between;border-radius:100px;padding:12px 18px;font-weight:700;font-size:13px;letter-spacing:0.02em;}
.sdp-receipt__line--row{background:var(--panel);}
.sdp-receipt__line--dark{background:var(--navy);color:var(--cream);}
.sdp-receipt__line--accent{background:oklch(70% 0.15 258 / 0.35);}

/* Leistungen Grid */
.sdp-coverage{padding:44px 56px 120px;text-align:center;max-width:1100px;}
.sdp-coverage .sdp-lead{max-width:600px;margin:0 auto 44px;}
.sdp-coverage__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left;}
.sdp-cov{background:var(--panel);border-radius:18px;padding:22px 24px;display:flex;gap:18px;align-items:center;}
.sdp-cov__title{font-size:15.5px;font-weight:700;margin:0 0 4px;}
.sdp-cov__text{font-size:13.5px;line-height:1.5;color:oklch(40% 0.02 260);margin:0;}

/* Reveal-Utility (Scroll-Animation) */
.sdp-reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}
.sdp-reveal.is-in{opacity:1;transform:none;}

/* Schritte – alternierende Timeline mit UI-Mockups */
.sdp-steps{padding:64px 56px 120px;max-width:1080px;margin:0 auto;}
.sdp-steps .sdp-h2{margin:0 0 64px;}
.sdp-tll{position:relative;}
.sdp-tll::before{content:"";position:absolute;left:50%;top:30px;bottom:30px;transform:translateX(-50%);border-left:2px dashed rgba(74,120,229,0.32);z-index:0;}
.sdp-tll__progress{position:absolute;left:50%;top:30px;transform:translateX(-50%);width:2px;height:0;background:var(--accent);border-radius:2px;z-index:1;}
.sdp-tll__row{display:flex;align-items:center;margin-bottom:56px;position:relative;}
.sdp-tll__row:last-child{margin-bottom:0;}
.sdp-tll__node{flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:var(--accent);color:#fff;font-weight:700;font-size:19px;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 0 9px var(--white);}
.sdp-tll__media{flex:1 1 0;min-width:0;display:flex;}
.sdp-tll__text{flex:1 1 0;min-width:0;display:flex;}
.sdp-tll__text-in{max-width:400px;}
.sdp-tll__row--a .sdp-tll__media{justify-content:flex-end;padding-right:42px;}
.sdp-tll__row--a .sdp-tll__text{justify-content:flex-start;padding-left:42px;}
.sdp-tll__row--b .sdp-tll__text{order:-1;justify-content:flex-end;padding-right:42px;}
.sdp-tll__row--b .sdp-tll__media{order:1;justify-content:flex-start;padding-left:42px;}
.sdp-tll__badge{display:inline-block;background:var(--boxform);color:var(--accent);font-size:11.5px;font-weight:700;letter-spacing:0.03em;padding:6px 13px;border-radius:100px;margin-bottom:14px;}
.sdp-tll__title{font-size:22px;font-weight:700;margin:0 0 10px;}
.sdp-tll__desc{font-size:15px;line-height:1.6;color:var(--muted);margin:0;}
/* Mockup-Karten */
.sdp-mk{width:330px;max-width:100%;aspect-ratio:4/3;background:var(--navy);border-radius:22px;padding:24px;position:relative;overflow:hidden;color:#fff;box-sizing:border-box;box-shadow:0 26px 54px -26px rgba(18,28,58,0.5);}
.sdp-mk__kicker{font-size:11px;font-weight:700;letter-spacing:0.08em;color:oklch(80% 0.02 258);text-align:center;margin-bottom:8px;}
.sdp-mk__q{font-size:15px;font-weight:700;text-align:center;line-height:1.3;margin-bottom:18px;}
.sdp-mk__opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.sdp-mk__opt{height:52px;border-radius:12px;background:oklch(35% 0.03 260);display:flex;align-items:center;justify-content:center;position:relative;}
.sdp-mk__opt > span{width:22px;height:22px;border-radius:6px;background:oklch(52% 0.03 260);}
.sdp-mk__opt.is-sel{background:var(--grad-btn);}
.sdp-mk__opt.is-sel > span{background:rgba(255,255,255,0.9);}
.sdp-mk__cursor{position:absolute;right:-4px;bottom:-4px;}
.sdp-mk--call .sdp-mk__callbg{position:absolute;inset:0;background:oklch(38% 0.055 260);}
.sdp-mk__callcard{position:absolute;left:20px;right:20px;bottom:22px;background:var(--white);border-radius:16px;padding:11px 13px;display:flex;align-items:center;gap:12px;z-index:1;}
.sdp-mk__avatar{width:44px;height:44px;border-radius:50%;background-size:cover;background-position:center;flex:none;}
.sdp-mk__avatar--sm{width:28px;height:28px;}
.sdp-mk__callinfo{display:flex;flex-direction:column;flex:1;min-width:0;}
.sdp-mk__calllabel{font-size:11px;color:var(--muted2);}
.sdp-mk__callname{font-size:15px;font-weight:700;color:var(--ink);}
.sdp-mk__callbtn{width:40px;height:40px;border-radius:50%;background:var(--grad-btn);display:flex;align-items:center;justify-content:center;flex:none;}
.sdp-mk--doc{display:flex;align-items:center;justify-content:center;}
.sdp-mk__paper{width:148px;background:var(--white);border-radius:8px;padding:14px 14px 18px;position:relative;z-index:1;box-sizing:border-box;}
.sdp-mk__paper--b{position:absolute;transform:rotate(-8deg) translate(-20px,8px);background:oklch(90% 0.01 258);z-index:0;width:148px;height:166px;border-radius:8px;padding:0;}
.sdp-mk__papertitle{font-size:12px;font-weight:700;color:var(--ink);margin-bottom:11px;}
.sdp-mk__line{display:block;height:6px;border-radius:4px;background:oklch(88% 0.01 258);margin-bottom:8px;}
.sdp-mk__line--s{width:58%;}
.sdp-mk__mag{position:absolute;right:52px;bottom:38px;z-index:2;width:54px;height:54px;border-radius:50%;background:var(--grad-btn);display:flex;align-items:center;justify-content:center;}
.sdp-mk--chat{display:flex;flex-direction:column;justify-content:center;gap:10px;}
.sdp-mk__msg{display:flex;align-items:flex-end;gap:8px;}
.sdp-mk__msg--out{justify-content:flex-end;}
.sdp-mk__bubble{background:oklch(36% 0.03 260);color:#fff;font-size:12.5px;line-height:1.35;padding:9px 12px;border-radius:14px 14px 14px 4px;max-width:78%;}
.sdp-mk__bubble--out{background:var(--grad-btn);border-radius:14px 14px 4px 14px;}

/* Karussell – Full-Bleed nach rechts, zentrierte Karten */
.sdp-carousel-sec{max-width:none;margin:0;padding:24px 0 96px;overflow:hidden;background:linear-gradient(180deg, #ffffff 0%, oklch(97.6% 0.015 258) 100%);}
.sdp-carousel-sec__h{margin:0 0 12px;padding-left:var(--gutter);padding-right:56px;}
.sdp-carousel-sec__sub{margin:0 0 34px;padding-left:var(--gutter);padding-right:56px;}
.sdp-carousel{display:flex;gap:22px;overflow-x:auto;padding:0 0 8px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;}
.sdp-carousel::-webkit-scrollbar{display:none;}
.sdp-cc{background:#fff;border-radius:24px;padding:34px 26px;min-width:320px;width:320px;height:340px;flex:none;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;overflow:hidden;transition:background .2s;}
.sdp-cc:hover{background:oklch(98.5% 0.014 258);}
.sdp-cc:first-child{margin-left:var(--gutter);}
.sdp-cc:last-child{margin-right:56px;}
.sdp-cc__ic{display:flex;align-items:center;justify-content:center;}
.sdp-cc__ic img{width:96px;height:96px;display:block;}
.sdp-cc__title{font-size:20px;font-weight:700;margin:0;}
.sdp-cc__text{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0;}
.sdp-carousel__nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:26px var(--gutter) 0;}
.sdp-carousel__dots{display:flex;align-items:center;gap:7px;}
.sdp-carousel__dot{width:8px;height:8px;border-radius:100px;background:oklch(84% 0.03 258);border:none;cursor:pointer;padding:0;transition:width .3s ease,background .3s ease;}
.sdp-carousel__dot.is-active{width:26px;background:var(--navy);}
.sdp-carousel__arrows{display:flex;gap:12px;}
.sdp-carousel__btn{width:52px;height:52px;border-radius:50%;background:var(--boxform);color:var(--navy);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.sdp-carousel__btn:hover{background:var(--boxform-hover);}

/* Kundenstimmen / Google-Rezensionen (Auto-Marquee) */
.sdp-reviews-sec{max-width:none;padding:90px 0 96px;overflow:hidden;}
.sdp-reviews-sec__head{max-width:1200px;margin:0 auto 40px;padding:0 56px;}
.sdp-reviews-sec__head .sdp-lead{margin-top:10px;}
.sdp-reviews{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);}
.sdp-reviews__track{display:flex;gap:22px;width:max-content;padding:6px 22px;animation:sdpMarquee 70s linear infinite;}
.sdp-reviews:hover .sdp-reviews__track{animation-play-state:paused;}
@keyframes sdpMarquee{from{transform:translateX(0);}to{transform:translateX(calc(-50% - 11px));}}
.sdp-rev{flex:none;width:380px;min-height:290px;box-sizing:border-box;background:var(--boxform);border-radius:22px;padding:32px 32px;display:flex;flex-direction:column;gap:16px;color:var(--ink);position:relative;transition:opacity .35s ease,filter .35s ease;}
.sdp-rev__text{margin-bottom:auto;}
.sdp-reviews:hover .sdp-rev:not(:hover){opacity:.4;filter:blur(2.5px);}
.sdp-rev:hover{color:var(--ink);}
.sdp-rev__top{display:flex;align-items:center;justify-content:space-between;}
.sdp-rev__g{display:flex;}
.sdp-rev__arrow{color:var(--muted2);display:flex;}
.sdp-rev__stars{display:flex;gap:2px;}
.sdp-rev__text{font-size:15px;line-height:1.6;color:var(--muted);margin:0;flex:1;}
.sdp-rev__name{font-weight:700;font-size:14.5px;}

/* FAQ – schlichte Zeilen mit „Mehr Fragen" */
.sdp-faq{padding:80px 56px 96px;max-width:900px;margin:0 auto;}
.sdp-faq .sdp-lead{margin:10px auto 0;}
.sdp-faq .sdp-h2{margin:0;}
.sdp-faq2{max-width:820px;margin:40px auto 0;position:relative;}
.sdp-faq2::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(180deg, transparent 0%, var(--white) 88%);pointer-events:none;opacity:1;transition:opacity .35s ease;}
.sdp-faq2.is-open::after{opacity:0;}
.sdp-faq2__item{border-bottom:1px solid oklch(95% 0.008 258);}
.sdp-faq2__item[hidden]{display:none;}
.sdp-faq2__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:none;border:none;cursor:pointer;padding:26px 4px;text-align:left;font-family:inherit;font-weight:600;font-size:19px;color:var(--ink);}
.sdp-faq2__chev{flex:none;transition:transform .25s;color:var(--muted2);}
.sdp-faq2__item.is-open .sdp-faq2__chev{transform:rotate(180deg);}
.sdp-faq2__a{display:none;padding:0 4px 24px;font-size:15px;line-height:1.65;color:var(--muted);}
.sdp-faq2__a p{margin:0;}
.sdp-faq2__item.is-open .sdp-faq2__a{display:block;}
.sdp-faq2__morewrap{text-align:center;margin-top:34px;}
.sdp-faq2__more{display:inline-flex;align-items:center;gap:8px;background:var(--boxform);border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:14.5px;color:var(--ink);padding:14px 28px;border-radius:100px;transition:background .2s;}
.sdp-faq2__more:hover{background:var(--boxform-hover);}
.sdp-faq2__more svg{transition:transform .25s;}
.sdp-faq2__more.is-open svg{transform:rotate(180deg);}

/* CTA */
.sdp-cta{padding:24px 56px 0;position:relative;z-index:2;margin-bottom:-160px;}
.sdp-cta__box{position:relative;overflow:hidden;max-width:1200px;margin:0 auto;background:#0632aa;border-radius:32px;padding:110px 56px;text-align:center;}
.sdp-cta__box > *{position:relative;z-index:1;}
.sdp-cta__box::before{content:"";position:absolute;inset:0;z-index:0;--wpaw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='%23ffffff'%3E%3Cellipse cx='50' cy='66' rx='27' ry='23'/%3E%3Cellipse cx='19' cy='34' rx='12' ry='15' transform='rotate(-25 19 34)'/%3E%3Cellipse cx='41' cy='15' rx='12' ry='15'/%3E%3Cellipse cx='67' cy='15' rx='12' ry='15'/%3E%3Cellipse cx='89' cy='34' rx='12' ry='15' transform='rotate(25 89 34)'/%3E%3C/g%3E%3C/svg%3E");background:var(--wpaw) 4% 16%/128px no-repeat,var(--wpaw) 94% 24%/96px no-repeat,var(--wpaw) 11% 86%/108px no-repeat,var(--wpaw) 90% 84%/84px no-repeat;opacity:.06;pointer-events:none;}
.sdp-cta__h{font-size:36px;font-weight:700;color:var(--cream);margin:0 auto 18px;max-width:820px;line-height:1.2;}
.sdp-cta__sub{font-size:18px;color:oklch(88% 0.02 258);margin:0 auto 34px;max-width:560px;}

/* Footer */
.sdp-footer{background:oklch(95% 0.025 258);color:var(--ink);padding:220px 56px 0;position:relative;z-index:1;}
body.blog .sdp-footer{background:transparent;}
.sdp-footer__inner{max-width:1200px;margin:0 auto;}
.sdp-footer__brand{display:flex;align-items:center;gap:10px;padding-bottom:32px;flex-wrap:wrap;}
.sdp-footer__logo{width:34px;height:34px;display:block;object-fit:contain;flex:none;}
.sdp-footer__name{font-weight:700;font-size:19px;}
.sdp-footer__claim{font-weight:600;font-size:19px;color:var(--muted2);}
.sdp-footer__rule{height:1px;background:oklch(25% 0.04 260 / 0.1);margin-bottom:36px;}
.sdp-footer__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding-bottom:44px;}
.sdp-footer__head{font-weight:700;font-size:14px;margin-bottom:16px;color:var(--ink);}
.sdp-footer__links{display:flex;flex-direction:column;gap:12px;}
.sdp-footer__links a{color:var(--ink);font-size:15.5px;font-weight:300;}
.sdp-footer__links a:hover{color:var(--accent);}
.sdp-footer__social{display:flex;justify-content:flex-end;gap:12px;padding-bottom:40px;}
.sdp-footer__social a{background:transparent;}
.sdp-footer__social .sdp-social{width:42px;height:42px;}
.sdp-footer__legal{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px;flex-wrap:wrap;gap:12px;}
.sdp-footer__legal-links{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;}
.sdp-footer__legal-links a,.sdp-footer__copy{color:var(--muted2);font-size:13px;}

/* Generische Seiten (Impressum etc.) */
.sdp-page{max-width:820px;margin:0 auto;padding:64px 56px 120px;}
.sdp-h1--page{font-size:38px;margin:0 0 24px;}
.sdp-prose{font-size:16px;line-height:1.7;color:var(--muted);}
.sdp-prose h2{font-size:24px;font-weight:700;margin:32px 0 12px;color:var(--ink);}
.sdp-prose h3{font-size:19px;font-weight:700;margin:24px 0 10px;color:var(--ink);}
.sdp-prose p{margin:0 0 16px;}
.sdp-prose a{color:var(--accent);}

/* Blog-Übersicht */
.sdp-blog{max-width:1200px;margin:0 auto;padding:72px 56px 110px;}
.sdp-blog__hero{text-align:center;border-radius:30px;background:radial-gradient(130% 150% at 50% 0%, var(--boxform) 0%, #eaf1ff 38%, #fff 80%);padding:70px 32px 60px;margin-bottom:44px;}
.sdp-blog__eyebrow{display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--accent);font-weight:700;font-size:12px;letter-spacing:0.05em;text-transform:uppercase;padding:8px 16px;border-radius:100px;margin-bottom:20px;}
.sdp-blog__h1{font-size:54px;line-height:1.14;letter-spacing:-0.01em;margin:0 auto 18px;max-width:820px;}
.sdp-blog__h1 .sdp-grad{padding-bottom:0.14em;}
.sdp-blog__hero .sdp-lead{max-width:600px;margin:0 auto;}
.sdp-blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.sdp-blog__card{display:flex;flex-direction:column;background:#fff;border-radius:18px;padding:14px 14px 18px;color:var(--ink);transition:background .2s;}
.sdp-blog__card:hover{background:oklch(98.5% 0.014 258);color:var(--ink);}
.sdp-blog__img{display:block;height:180px;border-radius:12px;background-size:cover;background-position:center;margin-bottom:16px;}
.sdp-blog__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 10px;}
.sdp-blog__cat{display:inline-block;background:var(--boxform);color:var(--accent);font-size:10px;font-weight:400;letter-spacing:0.02em;padding:4px 9px;border-radius:100px;}
.sdp-blog__min{font-size:12.5px;color:var(--muted2);font-weight:400;flex:0 0 auto;}
.sdp-blog__title{font-size:17px;font-weight:700;line-height:1.32;margin:2px 2px 8px;color:var(--ink);}
.sdp-blog__excerpt{font-size:13.5px;line-height:1.6;color:var(--muted);padding:0 2px;flex:1;font-weight:400;}
.sdp-blog__pagination{margin-top:48px;text-align:center;}
.sdp-blog__pagination a,.sdp-blog__pagination .current,.sdp-blog__pagination .dots{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:100px;margin:0 3px;font-weight:600;background:var(--boxform);color:var(--ink);}
.sdp-blog__pagination .current{background:var(--grad-btn);color:#fff;}

/* Magazin */
.sdp-mag{max-width:1200px;margin:0 auto;padding:18px 56px 120px;}
.sdp-mag__hero{position:relative;width:100vw;margin:0 calc(50% - 50vw) 12px;min-height:520px;display:flex;align-items:center;justify-content:center;}
.sdp-mag__center{position:relative;z-index:2;text-align:center;max-width:460px;padding:40px 0;}
.sdp-mag__title{font-size:80px;font-weight:700;line-height:1.06;letter-spacing:-0.02em;margin:0 0 18px;}
.sdp-mag__title .sdp-grad{padding-bottom:0.14em;}
.sdp-mag__sub{font-size:17px;line-height:1.6;color:var(--muted);margin:0 auto 26px;max-width:440px;}
.sdp-mag__social{display:flex;gap:16px;justify-content:center;}
.sdp-social{width:44px;height:44px;border-radius:12px;border:none;color:var(--accent);display:flex;align-items:center;justify-content:center;transition:color .18s,transform .18s;}
.sdp-social svg{width:32px;height:32px;}
.sdp-social:hover{color:var(--navy);}
.sdp-mag__bubble{position:absolute;border-radius:50%;background-size:cover;background-position:center;z-index:1;}
.sdp-mag__bubble--1{width:92px;height:92px;left:6%;top:150px;}
.sdp-mag__bubble--2{width:112px;height:112px;left:16%;top:60px;}
.sdp-mag__bubble--3{width:82px;height:82px;left:3%;top:288px;}
.sdp-mag__bubble--4{width:100px;height:100px;left:13%;top:300px;}
.sdp-mag__bubble--5{width:104px;height:104px;left:9%;top:412px;}
.sdp-mag__bubble--6{width:104px;height:104px;right:15%;top:56px;}
.sdp-mag__bubble--7{width:118px;height:118px;right:4%;top:132px;}
.sdp-mag__bubble--8{width:82px;height:82px;right:18%;top:262px;}
.sdp-mag__bubble--9{width:106px;height:106px;right:4%;top:300px;}
.sdp-mag__bubble--10{width:94px;height:94px;right:12%;top:414px;}

/* Zwei Top-Posts */
.sdp-mag__feat{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:50px;}
.sdp-fcard{display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;color:var(--ink);transition:background .2s;}
.sdp-fcard:hover{background:oklch(98.5% 0.014 258);color:var(--ink);}
.sdp-fcard__img{height:236px;background-size:cover;background-position:center;}
.sdp-fcard__body{padding:22px 26px 26px;display:flex;flex-direction:column;flex:1;}
.sdp-fcard__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;}
.sdp-fcard__title{font-size:23px;font-weight:700;line-height:1.22;margin:0 0 10px;}
.sdp-fcard__excerpt{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0 0 18px;flex:1;}

/* Pagination */
.sdp-blog__pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:54px;}
.sdp-pagebtn{min-width:42px;height:42px;margin:0;padding:0 14px;border:none;border-radius:100px;background:#fff;color:var(--ink);font-family:inherit;font-weight:600;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .18s,color .18s;}
.sdp-pagebtn:hover{background:var(--boxform);}
.sdp-pagebtn.is-active{background:var(--grad-btn);color:#fff;}
.sdp-pagebtn:disabled{opacity:.38;cursor:default;}
.sdp-pagebtn--nav svg{display:block;}

@media (max-width:900px){
  .sdp-mag__bubble{display:none;}
  .sdp-mag__hero{min-height:0;margin-bottom:6px;}
  .sdp-mag__title{font-size:52px;}
  .sdp-mag__feat{grid-template-columns:1fr;gap:22px;}
}

/* Artikel */
.sdp-article{max-width:760px;margin:0 auto;padding:56px 24px 100px;}
.sdp-article__back{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--muted2);margin-bottom:20px;}
.sdp-article__back:hover{color:var(--accent);}
.sdp-article__cat{display:inline-block;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:0.03em;margin-bottom:10px;}
.sdp-article__title{font-size:38px;line-height:1.15;font-weight:700;letter-spacing:-0.01em;margin:0 0 14px;}
.sdp-article__meta{font-size:14px;color:var(--muted2);margin-bottom:28px;}
.sdp-article__hero{height:360px;border-radius:24px;background-size:cover;background-position:center;margin-bottom:36px;}
.sdp-article__body{font-size:17px;}
.sdp-article__cta{margin-top:48px;background:var(--boxform);border-radius:24px;padding:36px;text-align:center;}
.sdp-article__cta-title{font-size:22px;font-weight:700;margin:0 0 8px;}
.sdp-article__cta-text{font-size:15px;color:var(--muted);margin:0 0 22px;}

/* Hundelexikon */
.sdp-lex{max-width:1200px;margin:0 auto;padding:72px 56px 110px;}
.sdp-lex__head{position:relative;text-align:center;max-width:640px;margin:0 auto 40px;padding-top:14px;}
.sdp-lex__head > *{position:relative;z-index:1;}
.sdp-lex__head::before{content:"";position:absolute;left:50%;top:-16px;transform:translateX(-50%);width:1120px;max-width:94vw;height:calc(100% + 30px);z-index:0;--sdp-paw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='%23dde8fb'%3E%3Cellipse cx='50' cy='66' rx='27' ry='23'/%3E%3Cellipse cx='19' cy='34' rx='12' ry='15' transform='rotate(-25 19 34)'/%3E%3Cellipse cx='41' cy='15' rx='12' ry='15'/%3E%3Cellipse cx='67' cy='15' rx='12' ry='15'/%3E%3Cellipse cx='89' cy='34' rx='12' ry='15' transform='rotate(25 89 34)'/%3E%3C/g%3E%3C/svg%3E");background:var(--sdp-paw) 2% 18%/84px no-repeat,var(--sdp-paw) 95% 26%/100px no-repeat,var(--sdp-paw) 12% 82%/60px no-repeat,var(--sdp-paw) 88% 84%/72px no-repeat;opacity:.9;-webkit-mask-image:radial-gradient(circle at 50% 44%,transparent 22%,#000 60%);mask-image:radial-gradient(circle at 50% 44%,transparent 22%,#000 60%);pointer-events:none;}
.sdp-lex .sdp-h1--page{font-size:58px;}
.sdp-lex__head .sdp-lead{margin:12px 0 24px;}
.sdp-lex__searchwrap{display:flex;align-items:center;gap:10px;background:var(--boxform);border-radius:100px;padding:4px 20px;max-width:420px;margin:0 auto;color:var(--muted2);}
.sdp-lex__search{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:15px;color:var(--ink);padding:12px 0;}
.sdp-lex__az{display:flex;flex-wrap:nowrap;justify-content:center;gap:6px;margin:0 auto 38px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;}
.sdp-lex__az::-webkit-scrollbar{display:none;}
.sdp-lex__azbtn{flex:0 0 auto;min-width:38px;height:38px;padding:0 11px;border:none;border-radius:100px;background:#fff;color:var(--navy);font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .18s,color .18s;}
.sdp-lex__azbtn:hover{background:var(--boxform);}
.sdp-lex__azbtn.is-active{background:var(--grad-btn);color:#fff;}
.sdp-lex__bar{max-width:1120px;margin:0 auto 22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 20px;}
.sdp-lex__drops{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;}
.sdp-fdrop{position:relative;}
.sdp-fdrop__btn{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:14px;color:var(--navy);background:#fff;padding:11px 16px;border-radius:100px;transition:background .15s,color .15s;}
.sdp-fdrop__btn:hover{background:var(--boxform);}
.sdp-fdrop.is-set .sdp-fdrop__btn{background:var(--grad-btn);color:#fff;}
.sdp-fdrop__chev{transition:transform .2s;}
.sdp-fdrop.is-open .sdp-fdrop__chev{transform:rotate(180deg);}
.sdp-fdrop__menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-6px) scale(0.98);transform-origin:top center;min-width:210px;background:#fff;border-radius:16px;padding:8px;box-shadow:0 14px 34px -18px rgba(18,28,58,0.15),0 4px 12px -8px rgba(18,28,58,0.09);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;z-index:40;display:flex;flex-direction:column;gap:2px;max-height:340px;overflow-y:auto;}
.sdp-fdrop.is-open .sdp-fdrop__menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1);transition:opacity .16s ease,transform .16s ease;}
.sdp-fdrop__opt{text-align:left;border:none;cursor:pointer;background:transparent;font-family:inherit;font-size:14px;font-weight:500;color:var(--ink);padding:10px 14px;border-radius:10px;white-space:nowrap;transition:background .12s;}
.sdp-fdrop__opt:hover{background:var(--boxform);}
.sdp-fdrop__opt.is-active{background:var(--boxform);color:var(--accent);font-weight:700;}
.sdp-lex__reset{display:inline-flex;align-items:center;gap:7px;border:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:13.5px;color:var(--muted2);background:transparent;padding:10px 6px;transition:color .15s;}
.sdp-lex__reset:hover{color:var(--accent);}
.sdp-lex__count{font-size:13.5px;font-weight:600;color:var(--muted2);white-space:nowrap;}
.sdp-lex__size{display:inline-block;background:oklch(95.5% 0.012 258);color:var(--muted);font-size:10px;font-weight:600;padding:4px 9px;border-radius:100px;flex:0 0 auto;}
.sdp-lex__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.sdp-lex__card{display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;transition:background .2s;}
.sdp-lex__card:hover{background:oklch(98.5% 0.014 258);}
.sdp-lex__img{height:168px;background-size:cover;background-position:center;}
.sdp-lex__body{padding:18px 20px 22px;}
.sdp-lex__card[hidden]{display:none;}
.sdp-lex__top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;}
.sdp-lex__letter{width:28px;height:28px;border-radius:8px;background:var(--grad-btn);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:13px;flex:0 0 auto;}
.sdp-lex__tag{display:inline-block;background:var(--boxform);color:var(--accent);font-size:10px;font-weight:400;letter-spacing:0.02em;padding:4px 9px;border-radius:100px;}
.sdp-lex__name{font-size:18px;font-weight:700;margin:0 0 8px;}
.sdp-lex__desc{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0;}
/* Lexikon Filter-Sidebar */
.sdp-lex__cols{display:grid;grid-template-columns:1fr 288px;gap:34px;align-items:start;}
.sdp-lex__cols .sdp-lex__grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));}
.sdp-lex__side{position:sticky;top:90px;background:var(--boxform);border-radius:20px;padding:20px 20px 24px;display:flex;flex-direction:column;gap:18px;}
.sdp-lex__sidetop{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.sdp-lex__sidetitle{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--ink);}
.sdp-lex__reset{display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:12.5px;color:var(--muted2);background:#fff;padding:7px 12px;border-radius:100px;transition:color .15s;}
.sdp-lex__reset:hover{color:var(--accent);}
.sdp-lex__count{font-size:13px;font-weight:600;color:var(--muted2);margin-top:-8px;}
.sdp-lexf{display:flex;flex-direction:column;gap:9px;}
.sdp-lexf__label{font-size:12px;font-weight:700;letter-spacing:0.02em;color:var(--ink);}
.sdp-lexf__opts{display:flex;flex-wrap:wrap;gap:6px;}
.sdp-lexf__opt{border:none;cursor:pointer;font-family:inherit;font-weight:500;font-size:12.5px;color:var(--navy);background:#fff;padding:7px 12px;border-radius:100px;transition:background .15s,color .15s;}
.sdp-lexf__opt:hover{background:oklch(96% 0.02 258);}
.sdp-lexf__opt.is-active{background:var(--grad-btn);color:#fff;}
@media (max-width:900px){.sdp-lex__cols{grid-template-columns:1fr;}.sdp-lex__side{position:static;order:-1;}}
.sdp-lex__empty{text-align:center;color:var(--muted2);padding:40px 0;font-size:16px;}
@media (max-width:1024px){.sdp-blog__grid,.sdp-lex__grid{grid-template-columns:1fr 1fr;}.sdp-blog,.sdp-lex{padding-left:32px;padding-right:32px;}}
@media (max-width:768px){.sdp-blog__grid,.sdp-lex__grid{grid-template-columns:1fr;}.sdp-blog,.sdp-lex{padding-left:20px;padding-right:20px;}.sdp-article__title{font-size:29px;}
  .sdp-blog__hero{padding:48px 22px 40px;}
  .sdp-blog__h1{font-size:34px;}
  .sdp-nl{grid-template-columns:1fr;padding:34px 26px;}
  .sdp-nl__media{min-height:0;height:280px;order:-1;}
  .sdp-nl__dog{right:50%;bottom:0;height:280px;transform:translateX(50%);}
  .sdp-nl__form{max-width:none;}}

/* Rechtsseiten etwas ruhiger */
.sdp-page > .sdp-h1--page{text-align:center;margin-bottom:36px;}

/* Featured-Beitrag */
.sdp-feat{display:grid;grid-template-columns:1.2fr 1fr;background:#fff;border-radius:26px;overflow:hidden;color:var(--ink);margin-bottom:36px;transition:background .25s;}
.sdp-feat:hover{background:oklch(98.5% 0.014 258);color:var(--ink);}
.sdp-feat__img{background-size:cover;background-position:center;min-height:330px;}
.sdp-feat__body{padding:40px 44px;display:flex;flex-direction:column;justify-content:center;}
.sdp-feat__badge{align-self:flex-start;background:var(--grad-btn);color:#fff;font-size:11.5px;font-weight:700;padding:5px 13px;border-radius:100px;margin-bottom:16px;}
.sdp-feat__cat{align-self:flex-start;display:inline-block;background:var(--boxform);color:var(--accent);font-size:10px;font-weight:400;letter-spacing:0.02em;padding:4px 9px;border-radius:100px;margin-bottom:12px;}
.sdp-feat__title{font-size:28px;font-weight:700;line-height:1.2;margin-bottom:12px;}
.sdp-feat__excerpt{font-size:15px;line-height:1.6;color:var(--muted);margin-bottom:18px;}
.sdp-feat__more{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--accent);}

/* Newsletter-Banner */
.sdp-nl{display:grid;grid-template-columns:1.15fr 0.85fr;align-items:center;gap:24px;background:radial-gradient(120% 170% at 10% 10%, oklch(62% 0.19 258) 0%, oklch(34% 0.16 262) 84%);border-radius:30px;padding:54px 52px;margin:56px 0 84px;position:relative;overflow:visible;}
.sdp-nl__eyebrow{display:inline-block;background:rgba(255,255,255,0.16);color:#fff;font-weight:700;font-size:11px;letter-spacing:0.06em;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:16px;}
.sdp-nl__title{font-size:31px;line-height:1.15;color:#fff;margin:0 0 10px;}
.sdp-nl__sub{font-size:15.5px;line-height:1.6;color:oklch(90% 0.02 258);margin:0 0 22px;max-width:440px;}
.sdp-nl__form{display:flex;gap:10px;max-width:440px;}
.sdp-nl__form input{flex:1;border:none;outline:none;border-radius:100px;padding:15px 20px;font-family:inherit;font-size:15px;color:var(--ink);}
.sdp-nl__media{position:relative;align-self:stretch;min-height:268px;}
.sdp-nl__dog{position:absolute;right:30px;bottom:-56px;height:392px;width:auto;object-fit:contain;object-position:bottom;filter:drop-shadow(0 12px 20px rgba(0,10,60,0.30));pointer-events:none;}

/* Blog-Filter */
.sdp-blog__filter{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:32px;}
.sdp-blog__tabs{display:flex;gap:8px;flex-wrap:wrap;}
.sdp-blog__tab{background:#fff;color:var(--navy);border:none;cursor:pointer;font-family:inherit;font-weight:400;font-size:14px;padding:10px 18px;border-radius:100px;transition:background .18s,color .18s;}
.sdp-blog__tab.is-active{background:var(--grad-btn);color:#fff;font-weight:400;}
.sdp-blog__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:5px;border-radius:100px;background:rgba(10,40,120,0.10);color:inherit;font-size:12px;font-weight:700;line-height:1;}
.sdp-blog__tab.is-active .sdp-blog__count{background:rgba(255,255,255,0.22);color:#fff;}
.sdp-blog__meta{display:flex;align-items:center;gap:8px;padding:14px 2px 0;font-size:12.5px;color:var(--muted2);font-weight:400;}
.sdp-blog__avatar{width:24px;height:24px;border-radius:50%;background-size:cover;background-position:center;flex:0 0 auto;}
.sdp-blog__author{font-weight:600;color:var(--ink);}
.sdp-blog__metadot{width:3px;height:3px;border-radius:50%;background:var(--muted2);flex:0 0 auto;}
.sdp-feat__body .sdp-blog__meta{padding-left:0;padding-bottom:18px;}
.sdp-blog__searchwrap{display:flex;align-items:center;gap:8px;background:#fff;border-radius:100px;padding:2px 18px;color:var(--muted2);min-width:240px;}
.sdp-blog__searchwrap input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:14.5px;color:var(--ink);padding:11px 0;}
.sdp-blog__card[hidden]{display:none;}
.sdp-blog__empty{text-align:center;color:var(--muted2);padding:40px 0;font-size:16px;}

/* Artikel-Layout (Breadcrumbs, TOC, Autorenbox …) */
.sdp-article{max-width:1080px;margin:0 auto;padding:44px 24px 100px;}
.sdp-crumbs{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted2);font-weight:500;padding-bottom:24px;}
.sdp-crumbs a{color:var(--muted2);}
.sdp-crumbs a:hover{color:var(--accent);}
.sdp-crumbs__sep{opacity:.5;}
.sdp-crumbs__cat{color:var(--ink);font-weight:600;}
.sdp-article__head{max-width:720px;margin:0 auto;text-align:center;}
.sdp-article__cat{display:inline-block;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:0.03em;margin-bottom:12px;}
.sdp-article__title{font-size:40px;line-height:1.14;font-weight:700;letter-spacing:-0.015em;margin:0 0 14px;}
.sdp-article__meta{font-size:14px;color:var(--muted2);margin-bottom:0;}
.sdp-article__hero{max-width:900px;height:400px;margin:32px auto 0;border-radius:26px;background-size:cover;background-position:center;}
.sdp-article__layout{display:grid;grid-template-columns:230px 1fr;gap:52px;max-width:980px;margin:44px auto 0;align-items:start;}
.sdp-article__main{min-width:0;max-width:700px;}
.sdp-article__body{font-size:17px;}
.sdp-toc{position:sticky;top:100px;align-self:start;}
.sdp-toc__label{font-size:12px;font-weight:700;letter-spacing:0.05em;color:var(--muted2);text-transform:uppercase;margin-bottom:14px;}
.sdp-toc__nav{position:relative;padding-left:18px;display:flex;flex-direction:column;gap:1px;}
.sdp-toc__nav::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:oklch(90% 0.02 258);border-radius:2px;}
.sdp-toc__bar{position:absolute;left:0;top:4px;width:2px;height:0;background:var(--accent);border-radius:2px;transition:height .15s ease;}
.sdp-toc__link{display:block;font-size:13.5px;line-height:1.4;color:var(--muted2);padding:7px 0;transition:color .18s;cursor:pointer;}
.sdp-toc__link:hover{color:var(--ink);}
.sdp-toc__link.is-active{color:var(--accent);font-weight:700;}
.sdp-toc__cta{margin-top:26px;background:var(--boxform);border-radius:18px;padding:22px;}
.sdp-toc__cta-title{font-weight:700;font-size:15px;margin-bottom:6px;}
.sdp-toc__cta-text{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 16px;}
/* Zitat- & Infoboxen im Beitrag */
.sdp-prose blockquote{margin:38px 0;padding:34px 32px 28px;background:var(--boxform);border-radius:20px;text-align:center;}
.sdp-prose blockquote::before{content:"";display:block;width:58px;height:58px;border-radius:50%;margin:0 auto 18px;background:url("../img/founder.webp") center/cover;}
.sdp-prose blockquote p{margin:0;font-family:Georgia,'Iowan Old Style','Times New Roman',serif;font-size:23px;line-height:1.5;font-weight:500;font-style:normal;color:var(--ink);}
.sdp-prose blockquote::after{content:"Lasse Falke";display:block;margin-top:16px;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:0.02em;color:var(--accent);}
.sdp-info{margin:30px 0;padding:22px 26px;background:oklch(96.5% 0.05 85);border-radius:16px;}
.sdp-info strong{display:none;}
.sdp-info p{margin:0;font-size:15px;line-height:1.6;color:var(--muted);}
/* Artikel-FAQ */
.sdp-article__faq{margin-top:52px;}
.sdp-article__faq h2{font-size:24px;font-weight:700;margin:0 0 18px;}
.sdp-faq2--article{margin-top:0;}
.sdp-faq2--article::after{display:none;}
.sdp-faq2--article .sdp-faq2__q{font-size:16.5px;padding:20px 4px;}
/* Autorenbox */
.sdp-author{display:flex;gap:24px;margin-top:52px;background:var(--boxform);border-radius:24px;padding:32px 34px;}
.sdp-author__avatar{width:88px;height:88px;border-radius:50%;background-size:cover;background-position:center;flex:none;}
.sdp-author__kicker{font-size:11.5px;font-weight:700;letter-spacing:0.06em;color:var(--muted2);text-transform:uppercase;margin-bottom:8px;}
.sdp-author__name{font-size:25px;font-weight:700;margin-bottom:12px;}
.sdp-author__role{font-size:14px;color:var(--muted2);margin-bottom:12px;}
.sdp-author__bio{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0 0 18px;}
.sdp-author__links{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.sdp-author__link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--muted2);}
.sdp-author__link:hover{color:var(--accent);}
.sdp-author__cta{display:inline-flex;align-items:center;background:var(--grad-btn);color:#fff;font-size:13.5px;font-weight:700;padding:10px 18px;border-radius:100px;margin-left:auto;}
.sdp-author__cta:hover{color:#fff;filter:brightness(1.06);}

/* Artikel v2 — clean, finanzwissen-orientiert */
.sdp-article{max-width:1240px;margin:0 auto;padding:30px 24px 100px;}
.sdp-crumbs{max-width:1120px;margin:0 auto;padding-bottom:18px;justify-content:flex-start;}
.sdp-article__herowrap{position:relative;max-width:1240px;margin:0 auto;}
.sdp-article__hero{position:relative;max-width:none;width:100%;height:480px;margin:0;border-radius:26px;background-size:cover;background-position:center;}
.sdp-article__heropill{position:absolute;top:18px;left:18px;background:rgba(255,255,255,0.92);color:var(--accent);font-size:11px;font-weight:500;letter-spacing:0.02em;padding:6px 13px;border-radius:100px;}
.sdp-article__card{position:relative;max-width:1120px;margin:-120px auto 0;background:rgba(255,255,255,0.68);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);border-radius:24px;padding:32px 42px;}
.sdp-article__rule{display:block;height:1px;background:rgba(20,40,90,0.12);margin:0 0 20px;}
.sdp-article__title{font-size:34px;line-height:1.16;font-weight:700;letter-spacing:-0.01em;margin:0 0 16px;text-align:left;}
.sdp-article__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;font-size:13.5px;color:var(--muted2);margin:0 0 22px;}
.sdp-article__metasep{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.45;}
.sdp-article__byrow{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.sdp-article__by{display:flex;align-items:center;gap:11px;}
.sdp-article__byav{width:40px;height:40px;border-radius:50%;background-size:cover;background-position:center;flex:none;}
.sdp-article__bytxt{display:flex;flex-direction:column;line-height:1.25;}
.sdp-article__byname{font-weight:700;font-size:14px;}
.sdp-article__byrole{font-size:12.5px;color:var(--muted2);}
.sdp-article__share{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:14px;color:var(--navy);background:var(--boxform);padding:11px 20px;border-radius:100px;transition:none;}
.sdp-article__share[aria-expanded="true"]{background:var(--grad-btn);color:#fff;}
.sdp-share{position:relative;}
.sdp-share__pop{position:absolute;bottom:calc(100% + 12px);top:auto;right:0;min-width:232px;background:#fff;border-radius:18px;padding:8px;box-shadow:0 14px 34px -16px rgba(18,28,58,0.15),0 4px 12px -8px rgba(18,28,58,0.09);z-index:60;display:flex;flex-direction:column;gap:1px;animation:sdp-sharein .18s ease;}
@keyframes sdp-sharein{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.sdp-share__pop[hidden]{display:none;}
.sdp-share__opt{position:relative;z-index:1;display:flex;align-items:center;gap:13px;text-align:left;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:14.5px;font-weight:600;color:var(--ink);padding:9px 14px 9px 9px;border-radius:12px;transition:background .12s;width:100%;}
.sdp-share__opt:hover{background:var(--boxform);color:var(--ink);}
.sdp-share__ic{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--accent);flex:none;}
/* Wichtig-Box (inline, warme Farbe) */
.sdp-info{position:static;margin:32px 0;padding:20px 24px;}
.sdp-info::before{content:none;}
.sdp-info p:first-of-type::before{content:"\1F4A1  Wichtig: ";font-weight:700;color:#b45309;}
/* Autorenbox: Social-Icons enger + linksbündig */
.sdp-author__links{gap:6px;margin-left:-4px;}
.sdp-author__links .sdp-social{width:auto;height:auto;padding:5px;border-radius:9px;}
.sdp-author__links .sdp-social svg{width:26px;height:26px;}
/* Sidebar-Promo: Button nicht über volle Breite */
.sdp-side-promo .sdp-btn{align-self:flex-start;}
/* Zusammenfassung */
.sdp-summary{background:var(--boxform);border-radius:20px;padding:26px 30px;margin:0 0 34px;}
.sdp-summary__title{font-size:21px;font-weight:700;margin:0 0 14px;color:var(--ink);}
.sdp-summary__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.sdp-summary__list li{position:relative;padding-left:34px;font-size:15px;line-height:1.55;color:var(--muted);}
.sdp-summary__list li svg{position:absolute;left:0;top:1px;width:20px;height:20px;color:var(--accent);}
.sdp-article__layout{display:grid;grid-template-columns:1fr 330px;gap:56px;max-width:1120px;margin:46px auto 0;align-items:start;}
.sdp-article__main{min-width:0;max-width:none;}
.sdp-article__side{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;gap:20px;}
.sdp-toc{position:static;top:auto;background:var(--boxform);border-radius:16px;padding:20px 22px;}
.sdp-toc__label{font-size:15px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ink);margin-bottom:12px;}
.sdp-toc__nav{counter-reset:toc;position:relative;padding-left:0;display:flex;flex-direction:column;gap:2px;}
.sdp-toc__nav::before{display:none;}
.sdp-toc__slider{position:absolute;left:0;right:0;top:0;height:0;border-radius:10px;background:linear-gradient(90deg,#fff 0%,#fff 42%,rgba(255,255,255,0) 100%);transition:transform .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none;}
.sdp-toc__link{position:relative;z-index:1;display:block;font-size:14px;line-height:1.35;color:var(--muted2);padding:9px 12px;border-radius:10px;transition:color .25s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sdp-toc__link::before{counter-increment:toc;content:counter(toc) ". ";font-weight:600;}
.sdp-toc__link:hover{color:var(--ink);}
.sdp-toc__link.is-active{color:var(--accent);font-weight:700;}
.sdp-sidecta{position:relative;overflow:hidden;border-radius:18px;padding:26px 24px;background:#1a2438 url("../img/beitrag2.webp") center/cover;color:#fff;}
.sdp-sidecta::before{content:"";position:absolute;inset:0;background:rgba(14,20,36,0.44);}
.sdp-sidecta > *{position:relative;z-index:1;}
.sdp-sidecta__eyebrow{font-size:11.5px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;color:rgba(255,255,255,0.72);margin-bottom:8px;}
.sdp-sidecta__title{font-size:18px;font-weight:700;line-height:1.25;margin:0 0 16px;color:#fff;}
.sdp-sidecta__list{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:12px;}
.sdp-sidecta__list li{position:relative;padding-left:30px;font-size:13.5px;line-height:1.4;color:rgba(255,255,255,0.9);}
.sdp-sidecta__list li::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,0.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l4 4 10-10' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;}
.sdp-article__body{counter-reset:sec;font-size:17px;}
.sdp-article__body h2{counter-increment:sec;font-size:26px;margin:44px 0 16px;}
.sdp-article__body h2::before{content:counter(sec) ". ";color:var(--accent);font-weight:700;}
.sdp-prose ul{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:14px;}
.sdp-prose ul li{position:relative;padding-left:36px;line-height:1.6;}
.sdp-prose ul li::before{content:"";position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;background:oklch(94% 0.05 152) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l4 4 10-10' fill='none' stroke='%2316a34a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;}
@media (max-width:900px){
  .sdp-article__layout{grid-template-columns:1fr;gap:0;}
  .sdp-article__side{position:static;display:none;}
  .sdp-article__card{margin:-70px 16px 0;padding:24px 22px;}
  .sdp-article__title{font-size:26px;}
  .sdp-article__hero{height:280px;}
}
@media (max-width:960px){
  .sdp-article__layout{grid-template-columns:1fr;gap:0;max-width:720px;}
  .sdp-toc{display:none;}
  .sdp-article__main{max-width:none;}
  .sdp-feat{grid-template-columns:1fr;}
  .sdp-feat__img{min-height:220px;}
}
@media (max-width:768px){
  .sdp-article__title{font-size:30px;}
  .sdp-article__hero{height:230px;}
  .sdp-nl{padding:26px 24px;}
  .sdp-author{flex-direction:column;gap:16px;}
  .sdp-author__cta{margin-left:0;}
}

/* ============================================================
   VERGLEICHS-QUIZ (Funnel-Modal)
   ============================================================ */
.sdp-quiz{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(18,24,44,0.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.sdp-quiz[hidden]{display:none;}
.sdp-quiz__card{position:relative;width:100%;max-width:560px;background:var(--white);border-radius:30px;padding:22px 34px 30px;max-height:94vh;overflow-y:auto;}
.sdp-quiz__head{display:flex;justify-content:flex-end;margin-bottom:14px;}
.sdp-quiz__close{width:38px;height:38px;border-radius:50%;background:var(--boxform);border:none;cursor:pointer;color:var(--navy);display:flex;align-items:center;justify-content:center;}
.sdp-quiz__close:hover{background:var(--boxform-hover);}
.sdp-quiz__bar{height:7px;border-radius:100px;background:oklch(93% 0.018 258);overflow:hidden;margin:0 0 30px;}
.sdp-quiz__barfill{display:block;height:100%;width:0;border-radius:100px;background:var(--grad-btn);transition:width .4s cubic-bezier(.2,.7,.2,1);}
.sdp-quiz__count{font-size:12.5px;font-weight:700;letter-spacing:0.03em;color:var(--accent);text-transform:uppercase;margin-bottom:12px;}
.sdp-quiz__q{font-size:25px;font-weight:700;line-height:1.24;margin:0 0 24px;letter-spacing:-0.01em;}
.sdp-quiz__options{display:flex;flex-direction:column;gap:11px;}
.sdp-quiz__opt{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--boxform);border:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:16px;color:var(--ink);padding:18px 22px;border-radius:16px;text-align:left;transition:none;}
.sdp-quiz__opt svg{flex:none;color:var(--muted2);transition:none;}
.sdp-quiz__opt:hover,.sdp-quiz__opt.is-selected{background:var(--grad-btn);color:var(--cream);}
.sdp-quiz__opt:hover svg,.sdp-quiz__opt.is-selected svg{color:var(--cream);}
.sdp-quiz__input{width:100%;box-sizing:border-box;background:var(--boxform);border:none;outline:none;font-family:inherit;font-size:16px;color:var(--ink);padding:18px 20px;border-radius:16px;margin-bottom:14px;}
.sdp-quiz__input:focus{background:var(--boxform-hover);}
.sdp-ac{position:relative;margin-bottom:14px;}
.sdp-ac .sdp-quiz__input{margin-bottom:0;}
.sdp-ac__list{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--white);border-radius:14px;box-shadow:0 22px 46px -18px rgba(18,28,58,0.30);padding:6px;z-index:4;max-height:236px;overflow-y:auto;}
.sdp-ac__list[hidden]{display:none;}
.sdp-ac__item{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;color:var(--ink);padding:12px 14px;border-radius:10px;}
.sdp-ac__item:hover{background:var(--boxform);}
.sdp-quiz__next{width:100%;}
.sdp-quiz__nav{margin-top:18px;min-height:22px;}
.sdp-quiz__back{background:none;border:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:14px;color:var(--muted2);padding:6px 2px;}
.sdp-quiz__back:hover{color:var(--ink);}
.sdp-quiz__done{text-align:center;}
.sdp-quiz__donic{width:64px;height:64px;border-radius:50%;background:oklch(60% 0.14 145);display:flex;align-items:center;justify-content:center;margin:6px auto 18px;}
.sdp-quiz__lead{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 22px;}
.sdp-quiz__slotpill{display:inline-block;background:var(--grad-btn);color:var(--cream);font-weight:700;font-size:15px;padding:12px 22px;border-radius:100px;margin:0 0 20px;}
.sdp-quiz__closebtn{margin-top:4px;}
/* Gründer-Chatbubble */
.sdp-quiz__founder{display:flex;align-items:flex-start;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid oklch(92% 0.015 258);}
.sdp-quiz__favatar{width:46px;height:46px;border-radius:50%;flex:none;background:var(--boxform) center/cover no-repeat;}
.sdp-quiz__bubble{background:var(--boxform);border-radius:6px 16px 16px 16px;padding:12px 16px;flex:1;}
.sdp-quiz__fname{font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:3px;}
.sdp-quiz__fname span{font-weight:500;color:var(--muted2);}
.sdp-quiz__ftext{font-size:13.5px;line-height:1.5;color:var(--muted);margin:0;}
/* Kalender */
.sdp-cal__days{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;}
.sdp-cal__days::-webkit-scrollbar{display:none;}
.sdp-cal__day{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--boxform);border:none;cursor:pointer;border-radius:14px;padding:12px 14px;min-width:62px;transition:background .18s,color .18s;}
.sdp-cal__day.is-active{background:var(--grad-btn);color:var(--cream);}
.sdp-cal__wd{font-size:12px;font-weight:600;opacity:.85;}
.sdp-cal__dm{font-size:14px;font-weight:700;}
.sdp-cal__slotshead{font-size:13px;font-weight:600;color:var(--muted2);margin:20px 0 12px;}
.sdp-cal__slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.sdp-cal__slot{background:var(--boxform);border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:15px;color:var(--ink);padding:14px 8px;border-radius:14px;transition:background .18s,color .18s;}
.sdp-cal__slot:hover:not([disabled]){background:var(--grad-btn);color:var(--cream);}
.sdp-cal__slot[disabled]{opacity:.5;cursor:not-allowed;font-weight:500;color:var(--muted2);}
.sdp-cal__slot span{display:block;font-size:10px;font-weight:600;}
@media(max-width:520px){.sdp-quiz__card{padding:18px 20px 24px;}.sdp-quiz__q{font-size:21px;}.sdp-cal__slots{grid-template-columns:repeat(2,1fr);}}

/* Floating-CTA (slidet beim Scrollen von rechts rein) */
.sdp-floatcta{position:fixed;right:24px;bottom:24px;z-index:150;display:flex;flex-direction:column;align-items:flex-end;gap:12px;transform:translateX(calc(100% + 60px));transition:transform .55s cubic-bezier(.16,.84,.3,1);}
.sdp-floatcta.is-visible{transform:translateX(0);}
.sdp-floatcta__siegel{width:78px;height:auto;filter:drop-shadow(0 10px 22px rgba(18,28,58,0.20));}
.sdp-floatcta__pill{display:flex;align-items:center;gap:16px;background:var(--white);border-radius:100px;padding:10px 12px 10px 22px;box-shadow:0 22px 50px -18px rgba(18,28,58,0.32);}
.sdp-floatcta__badge{display:flex;align-items:center;gap:10px;}
.sdp-floatcta__g{display:flex;}
.sdp-floatcta__rate{display:flex;flex-direction:column;gap:2px;}
.sdp-floatcta__stars{display:flex;gap:1px;}
.sdp-floatcta__stars svg{width:13px;height:13px;}
.sdp-floatcta__label{font-size:11.5px;font-weight:600;color:var(--muted2);}
.sdp-floatcta__btn{padding:12px 22px;gap:8px;}
@media(max-width:600px){.sdp-floatcta{right:12px;bottom:12px;gap:8px;}.sdp-floatcta__siegel{width:56px;}.sdp-floatcta__pill{padding:8px 10px;gap:10px;}.sdp-floatcta__badge{display:none;}}

/* ============================================================
   EINHEITLICHES BOXEN-MUSTER (hellblau + weiche Form, Hover verstärkt)
   ============================================================ */
.sdp-why__card,
.sdp-cov,
.sdp-mega__card,
.sdp-mega__link,
.sdp-mega__post--card{background:var(--boxform);transition:background-image .3s ease,background .3s ease,filter .2s ease;}
.sdp-why__card:hover,
.sdp-cov:hover,
.sdp-mega__card:hover,
.sdp-mega__link:hover,
.sdp-mega__post--card:hover{background:var(--boxform-hover);color:var(--ink);}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1024px){
  .sdp-hero{grid-template-columns:1fr;gap:40px;padding:56px 32px 48px;}
  .sdp-hero__media{order:-1;}
  .sdp-h1{font-size:42px;}
  .sdp-products__grid,.sdp-split,#warum,.sdp-amb{grid-template-columns:1fr;gap:40px;}
  .sdp-split--rev .sdp-split__text{order:2;}
  .sdp-amb__media{max-width:520px;}
  .sdp-usps,.sdp-products__inner,.sdp-coverage,.sdp-faq,.sdp-service,.sdp-amb,.sdp-reviews-sec__head{padding-left:32px;padding-right:32px;}
  .sdp-footer__cols{grid-template-columns:1fr 1fr;}
  .sdp-carousel-sec__h,.sdp-carousel-sec__sub,.sdp-carousel__nav{padding-left:32px;padding-right:32px;}
  .sdp-cc:first-child{margin-left:32px;}
  .sdp-cc:last-child{margin-right:32px;}
}
@media (max-width:980px){
  .sdp-nav{display:none;}
  .sdp-burger{display:flex;}
  body.sdp-nav-open{overflow:hidden;}
  .sdp-nav-backdrop{position:fixed;inset:0;background:rgba(16,22,40,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:70;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s;}
  .sdp-nav-open .sdp-nav-backdrop{opacity:1;visibility:visible;transition:opacity .28s ease;}
  /* Modernes Mobile-Menü */
  .sdp-mmenu{position:fixed;top:0;right:0;bottom:0;width:min(400px,88vw);background:var(--white);z-index:75;display:flex;flex-direction:column;transform:translateX(101%);transition:transform .32s cubic-bezier(.4,0,.2,1);}
  .sdp-nav-open .sdp-mmenu{transform:translateX(0);}
  .sdp-mmenu__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;flex:none;}
  .sdp-mmenu__brand{font-size:18px;gap:8px;}
  .sdp-mmenu__brand .sdp-brand__logo{width:32px;height:32px;}
  .sdp-mmenu__close{width:44px;height:44px;border:none;border-radius:50%;background:var(--boxform);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;}
  .sdp-mmenu__scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 14px 18px;}
  .sdp-mmenu__group{padding:12px 0;}
  .sdp-mmenu__group + .sdp-mmenu__group{margin-top:2px;}
  .sdp-mmenu__label{display:block;font-size:11px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:var(--muted2);padding:2px 14px 8px;}
  .sdp-mmenu__link{display:flex;align-items:center;gap:13px;min-height:50px;padding:8px 12px;border-radius:14px;font-size:16px;font-weight:600;color:var(--ink);}
  .sdp-mmenu__link:hover,.sdp-mmenu__link:active{background:var(--boxform);color:var(--ink);}
  .sdp-mmenu__ic{width:42px;height:42px;flex:none;border-radius:13px;background:var(--boxform);display:flex;align-items:center;justify-content:center;}
  .sdp-mmenu__ic img{width:28px;height:28px;display:block;}
  .sdp-mmenu__foot{flex:none;display:flex;flex-direction:column;gap:12px;padding:16px 16px calc(18px + env(safe-area-inset-bottom));background:oklch(97.5% 0.012 258);}
  .sdp-mmenu__cta{width:100%;justify-content:center;padding:16px;font-size:16px;}
  .sdp-mmenu__phone{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;color:var(--muted);}
  .sdp-mmenu__phone svg{color:var(--accent);}
}
.sdp-mmenu{display:none;}
@media (max-width:980px){ .sdp-mmenu{display:flex;} }
@media (max-width:768px){
  .sdp-header{padding:16px 20px;}
  .sdp-topbar__scroll{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:20px;padding:9px 20px;font-size:12.5px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 30px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 30px),transparent 100%);}
  .sdp-topbar__scroll::-webkit-scrollbar{display:none;}
  .sdp-topbar__item{flex:none;}
  .sdp-usps{grid-template-columns:1fr;gap:24px;}
  .sdp-why__grid{grid-template-columns:1fr;}
  .sdp-why__card{transform:none !important;}
  .sdp-coverage__grid{grid-template-columns:1fr 1fr;}
  .sdp-h1{font-size:34px;}
  .sdp-h2{font-size:29px;}
  .sdp-h3{font-size:22px;}
  .sdp-hero,.sdp-usps,.sdp-products__inner,.sdp-coverage,.sdp-faq,.sdp-service,.sdp-steps,.sdp-amb,.sdp-reviews-sec__head{padding-left:20px;padding-right:20px;}
  .sdp-split{padding-left:20px;padding-right:20px;}
  .sdp-rev{width:300px;}
  .sdp-carousel-sec__h,.sdp-carousel-sec__sub,.sdp-carousel__nav{padding-left:20px;padding-right:20px;}
  .sdp-cc:first-child{margin-left:20px;}
  .sdp-cc:last-child{margin-right:20px;}
  .sdp-pawtrail{display:none;}
  .sdp-receipt{padding:64px 20px;}
  .sdp-receipt__dog{display:none;}
  .sdp-receipt__card{width:100%;max-width:400px;}
  .sdp-cta{padding:24px 20px 0;}
  .sdp-cta__box{padding:48px 28px;}
  .sdp-footer{padding:200px 20px 0;}
  .sdp-footer__cols{grid-template-columns:1fr;gap:28px;}
  .sdp-faq__grid{grid-template-columns:1fr;gap:24px;}
  .sdp-faq__aside{position:static;}
  .sdp-steps{padding:56px 20px 80px;}
  .sdp-steps .sdp-h2{margin:0 0 40px;}
  .sdp-tll::before{left:23px;}
  .sdp-tll__progress{left:23px;}
  .sdp-tll__row{flex-direction:column;align-items:stretch;gap:16px;padding-left:64px;margin-bottom:36px;}
  .sdp-tll__node{position:absolute;left:0;top:2px;width:44px;height:44px;box-shadow:0 0 0 6px var(--white);}
  .sdp-tll__media,.sdp-tll__text{padding:0!important;justify-content:flex-start!important;}
  .sdp-tll__text-in{max-width:none;}
  .sdp-tll__row--a .sdp-tll__text,.sdp-tll__row--b .sdp-tll__text{order:1;}
  .sdp-tll__row--a .sdp-tll__media,.sdp-tll__row--b .sdp-tll__media{order:2;}
  .sdp-mk{width:100%;max-width:340px;}
  .sdp-page{padding:48px 20px 80px;}
}
@media (max-width:520px){
  .sdp-coverage__grid{grid-template-columns:1fr;}
  .sdp-h1{font-size:30px;}
  .sdp-hero__form{flex-direction:column;background:transparent;padding:0;gap:10px;}
  .sdp-hero__form input{background:var(--cream);border-radius:100px;width:100%;}
  .sdp-hero__form .sdp-btn{width:100%;}
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;transition-duration:.001ms !important;}
  .sdp-reveal{opacity:1 !important;transform:none !important;}
}

/* ===== Cookie-Consent (DSGVO) ===== */
.sdp-footer__cclink{background:none;border:none;padding:0;margin:0;font:inherit;font-size:13px;color:var(--muted2);cursor:pointer;text-decoration:underline;text-underline-offset:2px;}
.sdp-footer__cclink:hover{color:var(--accent);}

.sdp-ccbar{position:fixed;left:0;right:0;bottom:0;z-index:9998;padding:16px clamp(14px,4vw,30px);background:none;pointer-events:none;}
.sdp-cc__inner{pointer-events:auto;max-width:400px;margin:0 0 0 auto;padding:26px 28px 24px;display:flex;flex-direction:column;align-items:stretch;gap:18px;border-radius:24px;
  background:transparent;
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
  border:1px solid rgba(255,255,255,.6);outline:1px solid rgba(6,50,170,.1);outline-offset:-1px;}
.sdp-cc__text{min-width:0;}
.sdp-cc__h{font-size:18px;font-weight:700;color:var(--ink);margin:0 0 8px;}
.sdp-cc__emoji{font-size:1.2em;}
.sdp-cc__text p{font-size:13.5px;line-height:1.6;color:var(--muted);margin:0;}
.sdp-cc__text a{color:var(--accent);font-weight:600;}
.sdp-cc__actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;}
.sdp-cc__btn{width:100%;justify-content:center;text-align:center;}
.sdp-cc__link{align-self:center;}
.sdp-cc__link{background:none;border:none;padding:6px 4px;font:inherit;font-weight:600;font-size:14px;color:var(--muted2);cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
.sdp-cc__link:hover{color:var(--accent);}

.sdp-ccbar[hidden],.sdp-cc-modal[hidden]{display:none !important;}
.sdp-cc-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;}
.sdp-cc-modal__backdrop{position:absolute;inset:0;background:rgba(10,20,55,.34);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.sdp-cc-modal__box{position:relative;max-width:540px;width:100%;max-height:88vh;overflow-y:auto;padding:40px 38px 32px;border-radius:26px;
  background:linear-gradient(160deg, rgba(255,255,255,.9) 0%, rgba(238,244,255,.82) 100%);
  -webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);
  border:1px solid rgba(255,255,255,.75);outline:1px solid rgba(6,50,170,.08);outline-offset:-1px;}
.sdp-cc-modal__x{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;border:none;background:rgba(255,255,255,.6);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.sdp-cc-modal__x:hover{background:#fff;}
.sdp-cc-modal__h{font-size:24px;font-weight:700;color:var(--ink);margin:0 0 8px;}
.sdp-cc-modal__lead{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 22px;}
.sdp-cc-cats{display:flex;flex-direction:column;gap:12px;margin:0 0 26px;}
.sdp-cc-cat{background:rgba(255,255,255,.55);border:1px solid rgba(6,50,170,.08);border-radius:16px;padding:18px 20px;}
.sdp-cc-cat__head{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.sdp-cc-cat__title{font-size:15.5px;font-weight:700;color:var(--ink);}
.sdp-cc-cat__always{font-size:12px;font-weight:600;color:var(--accent);white-space:nowrap;}
.sdp-cc-cat__desc{font-size:13px;line-height:1.55;color:var(--muted);margin:8px 0 0;}
.sdp-cc-switch{position:relative;display:inline-block;width:46px;height:26px;flex:none;cursor:pointer;}
.sdp-cc-switch input{position:absolute;opacity:0;width:0;height:0;}
.sdp-cc-switch__track{position:absolute;inset:0;background:oklch(85% 0.02 258);border-radius:100px;transition:background .2s;}
.sdp-cc-switch__dot{position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--white);border-radius:50%;transition:transform .2s;}
.sdp-cc-switch input:checked + .sdp-cc-switch__track{background:var(--accent);}
.sdp-cc-switch input:checked + .sdp-cc-switch__track .sdp-cc-switch__dot{transform:translateX(20px);}
.sdp-cc-switch input:focus-visible + .sdp-cc-switch__track{outline:2px solid var(--accent);outline-offset:2px;}
.sdp-cc-modal__actions{display:flex;gap:12px;flex-wrap:wrap;}
.sdp-cc-modal__actions .sdp-cc__btn{flex:1 1 200px;}
.sdp-cc-modal__foot{margin:20px 0 0;font-size:12.5px;display:flex;gap:18px;}
.sdp-cc-modal__foot a{color:var(--muted2);text-decoration:underline;text-underline-offset:2px;}
.sdp-cc-modal__foot a:hover{color:var(--accent);}
body.sdp-cc-locked{overflow:hidden;}

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .sdp-cc__inner{background:var(--white);}
  .sdp-cc-modal__box{background:var(--white);}
}

@media (max-width:720px){
  .sdp-ccbar{padding:12px;}
  .sdp-cc__inner{gap:16px;padding:20px;}
  .sdp-cc__actions{width:100%;}
  .sdp-cc__btn{flex:1 1 auto;min-width:0;}
  .sdp-cc__link{width:100%;text-align:center;}
  .sdp-cc-modal__box{padding:32px 22px 26px;border-radius:22px;}
}

/* ===== Versicherungs-Landingpages (nutzt sonst die Startseiten-Bausteine) ===== */
/* Hero-CTA (einzelner Button statt Suchfeld) */
.sdp-vhero__cta{margin:8px 0 22px;}

/* Leistungen-Carousel: zentrierte Überschrift */
.sdp-carousel-sec__head{max-width:1200px;margin:0 auto 34px;padding:0 56px;}

/* Wofür: sdp-why-Karten in 3 Spalten statt 2 */
.sdp-why--3{max-width:1200px;}
.sdp-why--3 .sdp-why__grid{grid-template-columns:repeat(3,1fr);}
.sdp-why--3 .sdp-lead{max-width:680px;margin:-6px auto 40px;}

/* Mit & ohne: Vergleich, modern. Links ausgegraut, rechts größer + gebrandet. */
.sdp-cmp-sec{max-width:1140px;margin:0 auto;padding:44px 56px 96px;text-align:center;}
.sdp-cmp-sec .sdp-lead{max-width:640px;margin:0 auto 46px;}
.sdp-cmp{display:grid;grid-template-columns:1fr 1.16fr;gap:26px;align-items:start;text-align:left;}
.sdp-cmp__card{border-radius:28px;padding:34px 32px;position:relative;}
.sdp-cmp__card--no{background:oklch(96.5% 0.003 60);}
.sdp-cmp__card--no .sdp-cmp__title{color:var(--muted2);}
.sdp-cmp__card--no .sdp-cmp__list li{color:var(--muted2);}
/* Rechts: heller Innenverlauf (padding-box) + dickerer Marken-Gradient-Border (border-box) */
.sdp-cmp__card--yes{
  padding:42px 40px;
  border:3px solid transparent;border-radius:28px;
  background:linear-gradient(160deg, oklch(98.6% 0.012 258) 0%, oklch(94% 0.032 258) 100%) padding-box,
             linear-gradient(180deg, #0632aa 0%, #9ab8f5 50%, #0632aa 100%) border-box;
}
.sdp-cmp__head{display:flex;align-items:center;gap:14px;margin:0 0 24px;}
.sdp-cmp__hic{display:inline-flex;align-items:center;justify-content:center;flex:none;}
.sdp-cmp__hic img{width:40px;height:40px;}
.sdp-cmp__hic--no img{filter:grayscale(1) opacity(.55);}
.sdp-cmp__hlogo{width:44px;height:44px;flex:none;}
.sdp-cmp__card--yes .sdp-cmp__title{font-size:24px;}
.sdp-cmp__title{font-size:22px;font-weight:700;color:var(--ink);margin:0;}
.sdp-cmp__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}
.sdp-cmp__list li{display:flex;align-items:center;gap:14px;font-size:15.5px;line-height:1.45;color:var(--ink);padding:13px 0;border-bottom:1px solid oklch(50% 0.02 260 / .08);}
.sdp-cmp__list li:last-child{border-bottom:none;}
.sdp-cmp__mk{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;}
.sdp-cmp__mk svg{display:block;}
.sdp-cmp__mk--no{background:oklch(91% 0.006 260);}
.sdp-cmp__mk--ok{background:var(--accent);}
.sdp-cmp__cta{margin-top:28px;width:auto;align-self:flex-start;}

@media (max-width:900px){
  .sdp-carousel-sec__head{padding:0 24px;}
  .sdp-why--3 .sdp-why__grid{grid-template-columns:1fr;}
  .sdp-cmp-sec{padding:40px 24px 72px;}
  .sdp-cmp{grid-template-columns:1fr;}
  .sdp-cmp__card--yes{padding:34px 28px;}
}

/* Landingpage: einheitliche vertikale Abstände + Social Proof */
.sdp-lp > section:not(.sdp-hero){padding-top:80px;padding-bottom:80px;}
.sdp-lp .sdp-hero{padding-bottom:72px;}
.sdp-cmp__proof{display:flex;align-items:center;justify-content:flex-start;gap:14px;margin:22px 0 0;flex-wrap:wrap;}
.sdp-cmp__avatars{display:flex;align-items:center;}
.sdp-cmp__av{width:36px;height:36px;border-radius:50%;background-size:cover;background-position:center;background-color:var(--panel);outline:2.5px solid oklch(99% 0.004 258);flex:none;}
.sdp-cmp__av + .sdp-cmp__av{margin-left:-11px;}
.sdp-cmp__avatars > *:nth-child(1){z-index:5;}
.sdp-cmp__avatars > *:nth-child(2){z-index:4;}
.sdp-cmp__avatars > *:nth-child(3){z-index:3;}
.sdp-cmp__avatars > *:nth-child(4){z-index:2;}
.sdp-cmp__avatars > *:nth-child(5){z-index:1;}
.sdp-cmp__prooftxt{margin:0;font-size:14px;color:var(--muted);}
.sdp-cmp__prooftxt strong{color:var(--ink);font-weight:700;}
@media (max-width:900px){
  .sdp-lp > section:not(.sdp-hero){padding-top:60px;padding-bottom:60px;}
}

/* ============ Mobile: Overflow-Schutz + Feinschliff ============ */
@media (max-width:900px){
  .sdp-hero,.sdp-hero__text,.sdp-hero__media,.sdp-split__text,.sdp-split__media,
  .sdp-founder__card,.sdp-founder__story,.sdp-cmp__card,.sdp-vhero__cta{min-width:0;}
  .sdp-vhero__cta{width:100%;}
  .sdp-vhero__cta .sdp-btn{width:100%;white-space:normal;text-align:center;line-height:1.3;}
  .sdp-cmp__cta{width:100%;white-space:normal;text-align:center;line-height:1.3;}
}
@media (max-width:768px){
  .sdp-hero__logos{flex-wrap:wrap;row-gap:8px;}
  .sdp-vhero__cta .sdp-btn,.sdp-cmp__cta{padding-left:22px;padding-right:22px;}
  /* Tap-Targets */
  .sdp-footer__links a,.sdp-footer__legal-links a{min-height:40px;display:inline-flex;align-items:center;}
}
@media (max-width:480px){
  .sdp-h1{font-size:29px;line-height:1.12;}
  .sdp-h2{font-size:25px;}
  .sdp-hero__h1,.sdp-vhero__h1{font-size:29px;}
  .sdp-lead{font-size:15.5px;}
  .sdp-btn--xl{padding:15px 26px;font-size:15.5px;}
  .sdp-cmp__card--yes{padding:28px 20px;}
  .sdp-cmp__card{padding:26px 20px;}
}

/* Chevrons/Pfeile in Buttons global entfernt (User-Wunsch) */
.sdp-btn svg{display:none;}
.sdp-footer__person{color:var(--ink);font-size:15.5px;font-weight:300;}

/* ===== Über-uns-Seite ===== */
.sdp-ueber__eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--boxform);color:var(--accent);font-size:13px;font-weight:600;padding:8px 16px;border-radius:100px;margin-bottom:22px;}
.sdp-ueber__eyebrow svg{fill:var(--accent);}
.sdp-ueber__cta{margin-top:30px;}
.sdp-gallery-sec{max-width:1120px;margin:0 auto;padding:80px 56px;text-align:center;}
.sdp-gallery-sec .sdp-lead{max-width:620px;margin:0 auto 44px;}
.sdp-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.sdp-gallery__img{height:300px;border-radius:24px;background-size:cover;background-position:center;background-color:var(--panel);}
.sdp-gallery__img--wide{grid-column:1 / -1;height:400px;}
@media (max-width:768px){
  .sdp-gallery-sec{padding:60px 20px;}
  .sdp-gallery{grid-template-columns:1fr;gap:14px;}
  .sdp-gallery__img{height:240px;}
  .sdp-gallery__img--wide{height:280px;}
}

/* ===== Gradient-Zitatbox (Gründer/Über) ===== */
.sdp-quotebox{margin:24px 0;padding:28px 32px;border-radius:22px;background:linear-gradient(150deg,#0d34b8 0%,#0632aa 52%,#04206f 100%);position:relative;overflow:hidden;}
.sdp-quotebox p{margin:0;position:relative;font-family:Georgia,'Iowan Old Style','Times New Roman',serif;font-size:17.5px;line-height:1.62;color:#eaf0ff;font-style:normal;}
.sdp-quotebox p strong{color:#fff;}

/* ===== Mehr Abstand zwischen Überschrift und Text ===== */
.sdp-split__text .sdp-h2{margin:0 0 20px;}
.sdp-founder__story .sdp-lead{margin-bottom:18px;}
.sdp-lp .sdp-vp-need .sdp-h2,.sdp-lp .sdp-vp-cov .sdp-h2{margin-bottom:16px;}
.sdp-vp .sdp-h2,.sdp-cmp-sec .sdp-h2,.sdp-gallery-sec .sdp-h2,.sdp-carousel-sec .sdp-h2{margin-bottom:18px;}

/* ===== Kontaktseite (page-kontakt.php): Intro + Inline-Funnel, Kundenstimmen, FAQ ===== */
.sdp-contact__hero{background:linear-gradient(180deg,#ffffff 0%, oklch(98.4% 0.011 258) 42%, oklch(96% 0.022 258) 100%);padding:60px 0 84px;}
.sdp-contact__grid{max-width:var(--wrap);margin:0 auto;padding:0 56px;display:grid;grid-template-columns:1fr 1.02fr;gap:52px;align-items:start;}
.sdp-contact__intro .sdp-h1{margin:0 0 20px;}
.sdp-contact__intro .sdp-hero__sub{margin:0 0 26px;max-width:none;}
.sdp-contact__usps{list-style:none;margin:0 0 30px;padding:0;display:flex;flex-direction:column;gap:13px;}
.sdp-contact__usps li{display:flex;align-items:flex-start;gap:11px;font-size:16px;font-weight:500;color:var(--ink);line-height:1.4;}
.sdp-contact__usps li svg{flex:none;margin-top:2px;}
.sdp-contact__direct{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px;}
.sdp-contact__direct-item{display:flex;align-items:center;gap:12px;background:var(--white);border-radius:16px;padding:13px 18px;color:var(--ink);flex:1 1 210px;min-width:0;}
.sdp-contact__direct-item:hover{color:var(--ink);}
.sdp-contact__direct-ic{width:40px;height:40px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--boxform);color:var(--accent);}
.sdp-contact__direct-txt{display:flex;flex-direction:column;min-width:0;}
.sdp-contact__direct-l{font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted2);margin-bottom:1px;}
.sdp-contact__direct-v{font-size:15.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sdp-contact__founder{display:flex;align-items:center;gap:14px;background:var(--white);border-radius:18px;padding:14px 18px;}
.sdp-contact__favatar{width:52px;height:52px;border-radius:50%;flex:none;background:var(--boxform) center/cover no-repeat;}
.sdp-contact__ftxt{flex:1;min-width:0;}
.sdp-contact__fname{font-size:15px;font-weight:700;color:var(--ink);}
.sdp-contact__frole{font-size:12.5px;color:var(--muted2);line-height:1.35;}
.sdp-contact__siegel{width:50px;height:50px;flex:none;background:center/contain no-repeat;}
.sdp-contact__noscript{font-size:15px;line-height:1.6;color:var(--muted);}
.sdp-contact__noscript a{font-weight:700;}
/* Inline-Variante des Funnels: aus dem fixierten Overlay eine normale Karte im Seitenfluss machen */
.sdp-quiz--inline{position:static;inset:auto;z-index:auto;display:block;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;}
.sdp-quiz--inline .sdp-quiz__card{max-width:none;max-height:none;overflow:visible;padding:28px 32px 32px;}
@media(max-width:980px){
  .sdp-contact__hero{padding:44px 0 60px;}
  .sdp-contact__grid{grid-template-columns:1fr;gap:32px;padding:0 32px;}
}
@media(max-width:600px){
  .sdp-contact__grid{padding:0 20px;}
  .sdp-contact__direct-item{flex:1 1 100%;}
  .sdp-quiz--inline .sdp-quiz__card{padding:20px 18px 24px;}
}