/* Case-Study-Unterseiten. Baut auf site.css und teile.css auf. */
body.cs{background:var(--bg)}
.cs-kopf{position:sticky;top:0;z-index:50;padding:12px 0;background:rgba(3,35,45,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(148,224,203,.14)}
.cs-kopf .sek-in{display:flex;align-items:center;gap:16px}
.cs-kopf img{height:32px;width:auto}
.cs-kopf .zur{margin-left:auto;font:600 14px var(--display);color:#D8F6EE;text-decoration:none}
.cs-kopf .btn{height:46px}

/* Hero */
.cs-hero{background:radial-gradient(70% 70% at 90% 0%,rgba(47,209,188,.16),transparent 60%),linear-gradient(170deg,#06303B,#03232D 60%);color:var(--nt);padding:72px 0 0;overflow:hidden}
.cs-hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.cs-hero .dach{color:var(--mint)}
.cs-hero h1{font:700 clamp(36px,4.2vw,60px)/1.05 var(--display);letter-spacing:-.03em;color:#fff;margin:14px 0 18px}
.cs-hero h1 em{font-family:var(--akzent);font-style:italic;font-weight:400;font-size:1.12em;color:var(--mint)}
.cs-hero p.lead{font-size:18px;line-height:1.6;color:rgba(238,248,246,.82);max-width:560px}
.cs-kunde{display:flex;align-items:center;gap:14px;margin-top:26px}
.cs-kunde img.av{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px rgba(148,224,203,.3)}
.cs-kunde img.logo{height:44px;width:auto;max-width:140px;object-fit:contain;background:#fff;border-radius:12px;padding:6px 10px}
.cs-kunde b{display:block;font:700 17px var(--display);color:#fff}
.cs-kunde span{font-size:14px;color:rgba(238,248,246,.7)}
.cs-foto{position:relative;border-radius:28px 28px 0 0;overflow:hidden;aspect-ratio:4/3.4;align-self:end;box-shadow:0 40px 90px -40px rgba(0,0,0,.7)}
.cs-foto img{width:100%;height:100%;object-fit:cover}

/* Kennzahlen-Leiste */
.cs-zahlen{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-1px;padding:28px 0 56px}
.cs-zahlen div{padding:22px 20px;border-radius:18px;border:1px solid rgba(148,224,203,.18);background:rgba(255,255,255,.04)}
.cs-zahlen b{display:block;font:800 clamp(26px,2.6vw,38px)/1 var(--display);letter-spacing:-.02em;color:var(--mint)}
.cs-zahlen span{display:block;margin-top:8px;font-size:14px;line-height:1.45;color:rgba(238,248,246,.75)}
.cs-hero-wrap{background:linear-gradient(170deg,#06303B,#03232D 60%)}

/* Inhalt */
.cs-sek{padding:88px 0}
.cs-sek.hell2{background:var(--hell2,#EEF6F4)}
.cs-zwei{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.cs-zwei h2{font:700 clamp(28px,3vw,42px)/1.1 var(--display);letter-spacing:-.02em;color:var(--ink)}
.cs-zwei h2 em{font-family:var(--akzent);font-style:italic;font-weight:400;font-size:1.1em;color:var(--petrol)}
.cs-text p{font-size:17px;line-height:1.7;color:var(--text);margin:0 0 16px}
.cs-text p b{color:var(--ink)}
.cs-probleme{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.cs-probleme li{position:relative;padding:16px 18px 16px 52px;border-radius:16px;background:#fff;border:1px solid var(--linie);font-size:16px;line-height:1.5;color:var(--ink)}
.cs-probleme li::before{content:"";position:absolute;left:16px;top:16px;width:22px;height:22px;border-radius:50%;background:#F1E6E3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7 7l6 6M13 7l-6 6' fill='none' stroke='%23A0584B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/80% no-repeat}

/* Vorgehen als Zeitstrahl */
.cs-weg{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:w}
.cs-weg li{position:relative;display:grid;grid-template-columns:64px 1fr;gap:18px;padding:24px;border-radius:20px;background:#fff;border:1px solid var(--linie)}
.cs-weg li::before{counter-increment:w;content:"0" counter(w);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--nacht);color:var(--mint);font:800 17px var(--display)}
.cs-weg h3{font:700 19px/1.3 var(--display);color:var(--ink);margin:4px 0 6px}
.cs-weg p{font-size:15.5px;line-height:1.6;color:var(--text);margin:0}
.cs-weg small{display:inline-block;margin-top:10px;padding:4px 10px;border-radius:99px;background:#E3F4F0;color:var(--petrol-tief);font:600 12px var(--display)}

/* Ergebnis-Block dunkel */
.cs-erg{background:var(--nacht);color:var(--nt);padding:88px 0}
.cs-erg .dach{color:var(--mint)}
.cs-erg h2{font:700 clamp(28px,3vw,42px)/1.1 var(--display);color:#fff;margin:10px 0 36px;max-width:760px}
.cs-erg h2 em{font-family:var(--akzent);font-style:italic;font-weight:400;font-size:1.1em;color:var(--mint)}
.cs-vn{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cs-vn>div{padding:26px;border-radius:20px;border:1px solid rgba(148,224,203,.16);background:rgba(255,255,255,.04)}
.cs-vn span{font:700 11px var(--display);letter-spacing:.16em;text-transform:uppercase;color:rgba(238,248,246,.6)}
.cs-vn .vorher{display:block;margin-top:14px;font:600 20px var(--display);color:rgba(238,248,246,.5);text-decoration:line-through;text-decoration-color:rgba(238,248,246,.35)}
.cs-vn .nachher{display:block;margin-top:6px;font:800 clamp(30px,3vw,42px)/1 var(--display);color:var(--mint)}
.cs-vn p{margin:12px 0 0;font-size:14.5px;line-height:1.55;color:rgba(238,248,246,.72)}
.cs-balken{margin-top:44px;padding:28px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(148,224,203,.16)}
.cs-balken h3{font:700 17px var(--display);color:#fff;margin:0 0 18px}
.cs-balken .reihe{display:grid;grid-template-columns:110px 1fr 70px;gap:14px;align-items:center;margin-top:12px;font-size:14px}
.cs-balken .reihe>i{display:block;height:12px;border-radius:99px;background:rgba(148,224,203,.12);overflow:hidden}
.cs-balken .reihe>i s{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--petrol),var(--mint));transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.cs-balken.an .reihe>i s{width:var(--w)}
.cs-balken .reihe b{color:#fff;text-align:right}

/* Bilder */
.cs-bilder{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}
.cs-bilder figure{margin:0;border-radius:22px;overflow:hidden;position:relative;aspect-ratio:4/3}
.cs-bilder figure:first-child{grid-row:span 2;aspect-ratio:auto}
.cs-bilder img{width:100%;height:100%;object-fit:cover}

/* Zitat */
.cs-zitat{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start;padding:40px;border-radius:28px;background:#fff;border:1px solid var(--linie)}
.cs-zitat img{width:96px;height:96px;border-radius:50%;object-fit:cover}
.cs-zitat blockquote{margin:0;font:500 clamp(20px,2vw,26px)/1.45 var(--display);color:var(--ink)}
.cs-zitat cite{display:block;margin-top:16px;font:600 15px var(--body);font-style:normal;color:var(--leise)}

/* Abschluss */
.cs-cta{padding:88px 0;background:radial-gradient(70% 70% at 10% 100%,rgba(47,209,188,.16),transparent 60%),linear-gradient(170deg,#06303B,#03232D 60%);color:var(--nt);text-align:center}
.cs-cta h2{font:700 clamp(30px,3.4vw,48px)/1.08 var(--display);color:#fff;max-width:780px;margin:12px auto 16px}
.cs-cta h2 em{font-family:var(--akzent);font-style:italic;font-weight:400;font-size:1.1em;color:var(--mint)}
.cs-cta p{max-width:600px;margin:0 auto 28px;font-size:17px;line-height:1.6;color:rgba(238,248,246,.8)}
.cs-cta .knoepfe{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.cs-cta .btn{height:62px}
.cs-cta .wa{display:inline-flex;align-items:center;gap:10px;height:62px;padding:0 26px;border-radius:999px;border:1px solid rgba(37,211,102,.55);color:#fff;font:600 16px var(--display);text-decoration:none}
.cs-cta .wa svg{width:22px;height:22px;color:#25D366}
.cs-weitere{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:56px;text-align:left}
.cs-weitere a{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:18px;border:1px solid rgba(148,224,203,.18);color:#fff;text-decoration:none;background:rgba(255,255,255,.04)}
.cs-weitere img{width:64px;height:64px;border-radius:12px;object-fit:cover}
.cs-weitere span{font-size:13px;color:var(--mint)}
.cs-weitere b{display:block;font:700 16px var(--display)}
.cs-fuss{padding:28px 0 calc(28px + env(safe-area-inset-bottom,0px));background:#021a22;color:rgba(238,248,246,.6);font-size:13px}
.cs-fuss .sek-in{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between}
.cs-fuss a{color:inherit}

/* Einblenden beim Scrollen */
.rein{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rein.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rein{opacity:1;transform:none}.cs-balken .reihe>i s{transition:none}}

/* Tablet und Handy */
@media (max-width:1080px){
  .cs-hero-in,.cs-zwei{grid-template-columns:1fr;gap:36px}
  .cs-zahlen{grid-template-columns:1fr 1fr}
  .cs-vn{grid-template-columns:1fr}
}
@media (max-width:760px){
  .cs-kopf .zur{display:none}
  .cs-kopf .btn{margin-left:auto;height:42px;font-size:13px;padding:0 16px}
  .cs-hero{padding-top:44px}
  .cs-hero p.lead{font-size:16px}
  .cs-foto{border-radius:22px 22px 0 0;aspect-ratio:4/3;margin:0 -20px}
  .cs-zahlen{gap:10px;padding:20px 0 44px}
  .cs-zahlen div{padding:16px 14px}
  .cs-sek,.cs-erg,.cs-cta{padding:60px 0}
  .cs-weg li{grid-template-columns:44px 1fr;gap:14px;padding:18px}
  .cs-weg li::before{width:40px;height:40px;font-size:14px}
  .cs-bilder{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:0 20px 6px;scrollbar-width:none}
  .cs-bilder::-webkit-scrollbar{display:none}
  .cs-bilder figure,.cs-bilder figure:first-child{flex:0 0 84%;aspect-ratio:4/3;scroll-snap-align:start}
  .cs-zitat{grid-template-columns:1fr;padding:26px;gap:18px}
  .cs-zitat img{width:72px;height:72px}
  .cs-balken .reihe{grid-template-columns:84px 1fr 56px;font-size:13px}
  .cs-cta .btn,.cs-cta .wa{width:100%;justify-content:center}
  .cs-weitere{grid-template-columns:1fr}
}
i.sch{font:inherit;color:inherit;font-style:inherit;display:inline;letter-spacing:inherit}
/* Video mit Kundenstimmen */
.cs-video{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;margin-top:28px;padding:28px;border-radius:28px;background:var(--nacht)}
.cs-video video{width:100%;border-radius:18px;background:#000;aspect-ratio:16/9;display:block}
.cs-video .dach{color:var(--mint)}
.cs-stimmen{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:14px}
.cs-stimmen li{padding-left:16px;border-left:2px solid var(--mint);font:500 16px/1.5 var(--display);color:#EEF8F6}
@media (max-width:1080px){.cs-video{grid-template-columns:1fr;padding:18px;gap:20px}}

/* Navigation auf Unterseiten */
.cs-nav{display:flex;gap:26px;margin-left:auto}
.cs-nav a{font:600 14px var(--display);color:#D8F6EE;text-decoration:none;opacity:.8}
.cs-nav a:hover,.cs-nav a.an{opacity:1;color:var(--mint)}
.cs-nav+.btn{margin-left:20px}
@media (max-width:760px){.cs-nav{display:none}.cs-nav+.btn{margin-left:auto}}
body.cs .fuss-schrift{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}

/* Über uns */
.ue-h2{font:700 clamp(28px,3vw,42px)/1.1 var(--display);letter-spacing:-.02em;color:var(--ink);margin:10px 0 0}
.ue-h2 em{font-family:var(--akzent);font-style:italic;font-weight:400;font-size:1.1em;color:var(--petrol)}
.cs-erg .ue-h2,.cs-hero .ue-h2{color:#fff}
.ue-gruender{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.ue-gruender article{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;padding:20px;border-radius:24px;background:#fff;border:1px solid var(--linie)}
.ue-gruender img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 8%;border-radius:18px}
.ue-gruender span{font:700 11px var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--petrol-tief)}
.ue-gruender h3{font:700 24px var(--display);color:var(--ink);margin:6px 0 10px}
.ue-gruender p{font-size:15.5px;line-height:1.6;color:var(--text);margin:0}
.ue-team{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.ue-team figure{margin:0;position:relative;border-radius:20px;overflow:hidden;aspect-ratio:3/4;background:var(--nacht)}
.ue-team img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.ue-team figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:10px 12px;border-radius:14px;background:rgba(3,35,45,.72);backdrop-filter:blur(8px);color:#fff}
.ue-team figcaption b{display:block;font:700 15px var(--display)}
.ue-team figcaption span{font-size:12px;color:rgba(238,248,246,.75)}
.ue-team .mehr{display:grid;place-items:center;text-align:center;padding:20px;background:linear-gradient(160deg,#0B3947,#03232D)}
.ue-team .mehr b{display:block;font:800 48px var(--display);color:var(--mint)}
.ue-team .mehr span{font-size:13.5px;line-height:1.5;color:rgba(238,248,246,.8)}
.ue-werte{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ue-werte div{padding:26px;border-radius:20px;border:1px solid rgba(148,224,203,.16);background:rgba(255,255,255,.04)}
.ue-werte b{display:block;font:700 18px var(--display);color:#fff;margin-bottom:10px}
.ue-werte p{margin:0;font-size:14.5px;line-height:1.6;color:rgba(238,248,246,.75)}

/* Kontakt */
.kt-knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.kt-knoepfe .btn{height:60px}
.kt-wa{display:inline-flex;align-items:center;gap:10px;height:60px;padding:0 24px;border-radius:999px;border:1px solid rgba(37,211,102,.55);color:#fff;font:600 16px var(--display);text-decoration:none}
.kt-wa svg{width:22px;height:22px;color:#25D366}
.kt-trust{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:18px;font-size:13.5px;color:rgba(238,248,246,.72)}
.kt-trust svg,.kt-trust img{width:16px;height:16px}.kt-trust img{margin-left:10px}
.kt-person{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:4/4.4;max-width:440px;justify-self:end;width:100%}
.kt-person img{width:100%;height:100%;object-fit:cover;object-position:50% 10%}
.kt-person div{position:absolute;left:16px;right:16px;bottom:16px;padding:16px 18px;border-radius:18px;background:rgba(3,35,45,.75);backdrop-filter:blur(10px)}
.kt-person span{display:block;font:700 11px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
.kt-person b{display:block;font:700 20px var(--display);color:#fff;margin-top:4px}
.kt-person small{font-size:13px;color:rgba(238,248,246,.75)}
.kt-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kt-karte{display:grid;gap:8px;align-content:start;padding:28px;border-radius:22px;background:#fff;border:1px solid var(--linie);text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s}
.kt-karte:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(11,42,51,.4)}
.kt-i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--nacht);color:var(--mint);margin-bottom:6px}
.kt-i svg{width:22px;height:22px}
.kt-karte b{font:700 20px var(--display);color:var(--ink)}
.kt-karte p{margin:0;font-size:15.5px;line-height:1.55;color:var(--text)}
.kt-karte em{font:600 14px var(--display);font-style:normal;color:var(--petrol);margin-top:6px}
.kt-ort{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;margin-top:64px}
.kt-ort img{width:100%;border-radius:24px;aspect-ratio:16/10;object-fit:cover}
.kt-maps{display:inline-block;margin-top:6px;font:600 15px var(--display);color:var(--petrol-tief);text-decoration:none;border-bottom:1.5px solid rgba(30,157,146,.35)}

@media (max-width:1080px){
  .ue-gruender{grid-template-columns:1fr}
  .ue-team{grid-template-columns:repeat(2,1fr)}
  .ue-werte{grid-template-columns:1fr 1fr}
  .kt-ort{grid-template-columns:1fr;gap:28px}
  .kt-person{justify-self:start}
}
@media (max-width:760px){
  .ue-gruender article{grid-template-columns:110px 1fr;gap:16px;padding:14px}
  .ue-gruender h3{font-size:20px}
  .ue-team{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:36px -20px 0;padding:0 20px 6px;scrollbar-width:none}
  .ue-team::-webkit-scrollbar{display:none}
  .ue-team figure{flex:0 0 62%;scroll-snap-align:start}
  .ue-werte{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:0 20px 6px;scrollbar-width:none}
  .ue-werte div{flex:0 0 80%;scroll-snap-align:start}
  .kt-raster{grid-template-columns:1fr}
  .kt-knoepfe .btn,.kt-wa{width:100%;justify-content:center}
  .kt-person{aspect-ratio:4/3.6}
}
@media (min-width:1081px){.cs-zwei>div:first-child{position:sticky;top:110px;align-self:start}}
/* Leistungsumfang */
.cs-umfang{margin-top:28px;padding:36px;border-radius:28px;background:var(--nacht)}
.cs-umfang .dach{color:var(--mint);margin-bottom:20px}
.cs-umfang>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cs-umfang article{padding:20px;border-radius:18px;border:1px solid rgba(148,224,203,.16);background:rgba(255,255,255,.04)}
.cs-umfang b{display:block;font:700 17px var(--display);color:#fff;margin-bottom:6px}
.cs-umfang p{margin:0;font-size:14.5px;line-height:1.55;color:rgba(238,248,246,.75)}
@media (max-width:1080px){.cs-umfang>div:last-child{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.cs-umfang{padding:22px 18px}.cs-umfang>div:last-child{grid-template-columns:1fr}}
/* Kopfleiste Unterseiten: Menüknopf nur am Handy */
.cs-kopf .kopf-menue{display:none}
@media (max-width:1080px){
  .cs-nav{display:none}
  .cs-kopf .btn{margin-left:auto}
  .cs-kopf .kopf-menue{display:flex;margin-left:10px;background:rgba(255,255,255,.12)}
  .cs-kopf .kopf-menue span{background:#fff}
}
@media (max-width:420px){.cs-kopf .btn{display:none}.cs-kopf .kopf-menue{margin-left:auto}}

/* Systemseiten clientscale und talentscale */
.sy-name{margin-top:14px;font:800 clamp(44px,5.4vw,80px)/1 var(--display);letter-spacing:-.045em;background:linear-gradient(100deg,#fff 30%,var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}
.sy .cs-hero h1{font-size:clamp(28px,2.8vw,42px);margin-top:12px}
.sy-knoepfe{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.sy-knoepfe .btn{height:58px}
.sy-knoepfe .wa{display:inline-flex;align-items:center;height:58px;padding:0 24px;border-radius:999px;border:1px solid rgba(148,224,203,.4);color:#fff;font:600 15px var(--display);text-decoration:none}
.sy-knoepfe .wa:hover{border-color:var(--mint)}
#ablauf{scroll-margin-top:110px}
.sy-kopf{max-width:760px;margin-bottom:28px}
.sy-kopf h2{font:700 clamp(28px,3vw,42px)/1.1 var(--display);color:var(--ink);margin-top:10px}
.sy-kopf h2 em{font-family:var(--akzent);font-style:italic;font-weight:400;font-size:1.1em;color:var(--petrol)}
.sy-anders{margin-top:0;padding:0;background:none}
.sy-anders article{background:#fff;border:1px solid var(--linie)}
.sy-anders b{color:var(--ink)}
.sy-anders p{color:var(--text)}
.sy-vergleich{margin-top:28px;border-radius:24px;overflow:hidden;border:1px solid var(--linie)}
.sy-zeile{display:grid;grid-template-columns:1fr 1fr}
.sy-zeile>*{padding:16px 22px;font-size:15.5px;line-height:1.45}
.sy-zeile span{color:var(--leise);background:#fff;text-decoration:line-through;text-decoration-color:rgba(0,0,0,.18)}
.sy-zeile b{font-weight:600;color:#fff;background:var(--nacht)}
.sy-zeile+.sy-zeile>*{border-top:1px solid var(--linie)}
.sy-zeile+.sy-zeile b{border-top-color:rgba(148,224,203,.14)}
.sy-titel>*{font:700 12px var(--display);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.sy-titel b{color:var(--mint)}
.sy-belege{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sy-beleg{display:flex;flex-direction:column;padding:26px;border-radius:22px;border:1px solid rgba(148,224,203,.16);background:rgba(255,255,255,.04);text-decoration:none;transition:border-color .2s,transform .2s}
.sy-beleg:hover{border-color:var(--mint);transform:translateY(-3px)}
.sy-beleg span{font:600 12px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--mint)}
.sy-beleg b{font:700 clamp(34px,3.4vw,48px)/1 var(--display);color:#fff;margin:16px 0 10px;letter-spacing:-.03em}
.sy-beleg p{margin:0 0 18px;font-size:15px;line-height:1.55;color:rgba(238,248,246,.75)}
.sy-beleg i{margin-top:auto;font:600 14px var(--display);font-style:normal;color:#D8F6EE}
.sy .faq-liste details{background:#fff}
.cs-nav .kopf-drop>a{display:inline-flex;align-items:center;gap:6px}
.cs-nav .kopf-drop svg{width:12px;height:12px}
.cs-nav .drop a{opacity:1;color:inherit}
.cs-nav .drop a:hover{color:inherit}
@media (max-width:1080px){.sy-belege{grid-template-columns:1fr}}
@media (max-width:760px){
  .sy-knoepfe .btn,.sy-knoepfe .wa{width:100%;justify-content:center}
  .sy-zeile{grid-template-columns:1fr}
  .sy-zeile>*{padding:12px 16px}
  .sy-titel{display:none}
  .sy-zeile+.sy-zeile>*{border-top:0}
  .sy-zeile+.sy-zeile{border-top:1px solid var(--linie)}
}

/* Platz unter der schwebenden Kopfleiste der Startseite */
.cs .cs-hero{padding-top:164px}
@media (max-width:760px){.cs .cs-hero{padding-top:118px}}

/* Über uns: Bewertungen */
.ue-bew-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.ue-bew-schnitt{display:flex;gap:12px;flex-wrap:wrap}
.ue-bew-quelle{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:18px;background:#fff;border:1px solid var(--linie);text-decoration:none;color:var(--ink)}
.ue-bew-quelle:hover{border-color:var(--petrol)}
.ue-bew-logo{width:30px;height:30px;flex:none}
.ue-bew-quelle b{display:block;font:700 20px/1.2 var(--display);color:var(--ink)}
.ue-bew-quelle b i{font-style:normal;color:#F5B301;font-size:14px;letter-spacing:1px;margin-left:4px}
.ue-bew-quelle span{display:block;font-size:13px;color:var(--leise)}
.ue-bew-raster{columns:3 300px;column-gap:18px;margin-top:36px}
.ue-bew-karte{break-inside:avoid;display:flex;flex-direction:column;gap:12px;margin:0 0 18px;padding:22px 22px 18px;border-radius:20px;background:#fff;border:1px solid var(--linie)}
.ue-bew-sterne{color:#F5B301;letter-spacing:2px;font-size:16px}
.ue-bew-karte blockquote{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink)}
.ue-bew-karte figcaption{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--leise);line-height:1.3}
.ue-bew-karte figcaption>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;font:700 14px var(--display);font-style:normal;color:#fff;background:linear-gradient(140deg,var(--petrol),#3DBFB0)}
.ue-bew-karte figcaption b{display:block;color:var(--ink);font-size:13.5px}
.ue-bew-karte figcaption div{flex:1;min-width:0}
.ue-bew-g{width:18px;height:18px;flex:none}
.ue-bew-fuss{margin:10px 0 0;font-size:14px;color:var(--leise)}
.ue-bew-fuss a{display:inline-block;color:var(--petrol-tief);font-weight:600}
@media (max-width:760px){.ue-bew-kopf{align-items:flex-start}.ue-bew-schnitt{width:100%}.ue-bew-quelle{flex:1 1 220px}}
@media (max-width:760px){.ue-bew-karte:nth-child(n+5){display:none}}

/* Kennzahlen Über uns: groß, ohne Kästchen */
.ue-wand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:-1px;padding:clamp(36px,5vw,64px) 0 clamp(48px,6vw,80px)}
.ue-wand>div{padding:4px clamp(14px,2vw,28px);border-left:1px solid rgba(148,224,203,.25)}
.ue-wand>div:first-child{border-left:0;padding-left:0}
.ue-wand b{display:block;font:800 clamp(40px,4.5vw,66px)/1 var(--display);letter-spacing:-.04em;white-space:nowrap;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff 10%,var(--mint) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ue-wand b i{font-style:normal;font-size:.72em}
.ue-wand span{display:block;margin-top:14px;font-size:clamp(15px,1.15vw,16.5px);line-height:1.45;color:rgba(238,248,246,.82)}
@media (max-width:900px){.ue-wand{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 0}.ue-wand>div:nth-child(odd){border-left:0;padding-left:0}}

/* Weiterlesen im Ratgeber */
.sy-weiterlesen{margin:24px 0 0;font-size:15.5px;line-height:1.7;color:var(--text)}
.sy-weiterlesen a{color:var(--petrol-tief);font-weight:600;text-underline-offset:3px}
.sy-d .sy-weiterlesen{color:rgba(238,248,246,.75)}
.sy-d .sy-weiterlesen a{color:var(--mint)}