/* Leistungs-Funnel: Projekt-Check (funnel-check.js) und alle Seitenbausteine der Vorlage (funnel-vorlage.js).
   Baut auf neu.css, neu-mobil.css, ergaenzung.css auf. Praefix .fc = Check, .c = Seitenbausteine. */

/* Projekt-Check-Karte (funnel-check.js) */
.fcK{position:relative;min-height:470px;display:flex;flex-direction:column;background:linear-gradient(180deg,#17181C,#121316);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 40px 80px rgba(0,0,0,.45)}
.fcKopf{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.08)}
.fcWer{display:flex;align-items:center;gap:12px}
.fcWer img{width:36px;height:36px;border-radius:50%;flex:none}
.fcWer>span{display:flex;flex-direction:column;font-size:13px;line-height:1.35;color:rgba(255,255,255,.6)}
.fcWer b{font-size:15px;font-weight:600;color:#fff}
.fcZ{font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.62);white-space:nowrap}
.fcBar{height:2px;background:rgba(255,255,255,.08)}
.fcBar i{display:block;height:100%;background:var(--accent);box-shadow:0 0 12px rgba(var(--glow),.8);transition:width .35s ease}
.fcBody{flex:1;padding:28px 24px 8px}
.fcQ{font-size:24px;line-height:1.2;letter-spacing:-.025em;text-wrap:balance;outline:none}
.fcH{margin-top:8px;font-size:15px;line-height:1.55;color:var(--mute);text-wrap:pretty}
.fcOs{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fcOs[data-n="3"]{grid-template-columns:minmax(0,1fr)}
.fcO{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:78px;padding:16px 18px;text-align:left;font:inherit;color:#fff;background:rgba(255,255,255,.03);border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);cursor:pointer;transition:box-shadow .2s,background .2s}
.fcOs[data-n="3"] .fcO{min-height:60px}
.fcO span{font-size:15.5px;font-weight:600;line-height:1.3}
.fcO small{font-size:13.5px;line-height:1.4;color:rgba(255,255,255,.6)}
.fcO:hover{box-shadow:inset 0 0 0 1px rgba(var(--glow),.6);background:rgba(var(--glow),.05)}
.fcO[aria-pressed="true"]{background:rgba(var(--glow),.14);box-shadow:inset 0 0 0 1px rgba(var(--glow),.8),0 0 24px rgba(var(--glow),.18)}
.fcO:focus-visible,.fcBack:focus-visible,.fcF input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fcEmpf{display:flex;flex-direction:column;gap:2px;margin-bottom:22px;padding:12px 16px;font-size:13px;color:rgba(255,255,255,.66);background:rgba(var(--glow),.08);box-shadow:inset 0 0 0 1px rgba(var(--glow),.4)}
.fcEmpf b{font-size:15.5px;font-weight:600;color:#fff}
.fcForm{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fcVoll{grid-column:1/-1}
.fcF label{display:block;margin-bottom:7px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.82)}
.fcF label i{font-style:normal;font-weight:400;color:rgba(255,255,255,.5)}
.fcF input{width:100%;height:50px;padding:0 14px;font:inherit;font-size:16px;color:#fff;background:#0F1012;border:0;border-radius:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.fcF input::placeholder{color:rgba(255,255,255,.35)}
.fcF input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--accent)}
.fcF input[aria-invalid="true"]{box-shadow:inset 0 0 0 1.5px #FF8A8A}
.fcSend{width:100%;justify-content:center;min-height:56px;margin-top:4px;font-size:15.5px;border:0;cursor:pointer;font-family:inherit}
.fcSend[disabled]{opacity:.7;cursor:progress}
.fcLegal{font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.5)}
.fcLegal a{color:rgba(255,255,255,.8);text-decoration:underline;text-underline-offset:3px}
.fcFehler{font-size:14px;font-weight:600;color:#FF9D9D}
.fcEy{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.fcEy+.fcQ{margin-top:12px}
.fcSum{margin:22px 0 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.fcSum div{padding:12px 14px;background:#141518}
.fcSum dt{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.fcSum dd{margin-top:3px;font-size:14.5px;color:#fff}
.fcNeben{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:14.5px;color:rgba(255,255,255,.7);text-decoration:underline;text-decoration-color:rgba(var(--glow),.6);text-underline-offset:4px}
.fcNeben:hover{color:#fff}
.fcFuss{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:6px 24px 10px;font-size:13.5px;color:rgba(255,255,255,.5)}
.fcBack{min-height:44px;padding:0;font:inherit;font-size:14px;color:rgba(255,255,255,.75);background:none;border:0;cursor:pointer}
.fcBack:hover{color:#fff}
.honig{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Fokus-Fenster und Terminwahl im Ergebnis */
.fcR{display:flex;align-items:center;gap:4px}
.fcZu{width:40px;height:40px;display:grid;place-items:center;margin:-8px -12px -8px 2px;font:inherit;font-size:26px;line-height:1;color:rgba(255,255,255,.7);background:none;border:0;cursor:pointer}
.fcZu:hover{color:#fff}.fcZu:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.fcDlg{padding:0;border:0;background:transparent;color:#fff;width:min(580px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 40px);overflow:auto;margin:auto}
.fcDlg::backdrop{background:rgba(8,9,10,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.fcDlg .fcK{min-height:560px;box-shadow:inset 0 0 0 1px rgba(var(--glow),.35),0 40px 100px rgba(0,0,0,.7)}
html.fcOffen{overflow:hidden}
.fcAbst{margin:20px 0 16px}
.fcLaedt{font-size:14px;color:rgba(255,255,255,.55)}
.fcTage{margin-top:22px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.fcTag{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:58px;padding:8px 4px;font:inherit;color:#fff;background:rgba(255,255,255,.03);border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);cursor:pointer;transition:box-shadow .2s,background .2s}
.fcTag small{font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.fcTag b{font-size:15.5px;font-weight:600}
.fcZeiten{margin:12px 0 18px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:48px}
.fcZeit{min-width:86px;min-height:46px;padding:0 14px;font:inherit;font-size:15px;font-weight:600;color:#fff;background:rgba(255,255,255,.03);border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);cursor:pointer;transition:box-shadow .2s,background .2s}
.fcTag:hover,.fcZeit:hover{box-shadow:inset 0 0 0 1px rgba(var(--glow),.6)}
.fcTag[aria-pressed="true"],.fcZeit[aria-pressed="true"]{background:rgba(var(--glow),.14);box-shadow:inset 0 0 0 1px rgba(var(--glow),.8)}
.fcTag:focus-visible,.fcZeit:focus-visible,.fcSend:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Leiste unten: erscheint, wenn keine Karte im Bild ist */
.fcLeiste{position:fixed;left:50%;bottom:20px;z-index:20;width:min(680px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 8px 8px 16px;background:rgba(15,16,18,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 20px 50px rgba(0,0,0,.55);transform:translate(-50%,150%);visibility:hidden;transition:transform .35s ease,visibility .35s}
.fcLeiste.an{transform:translate(-50%,0);visibility:visible}
.fcLeisteT{display:flex;align-items:center;gap:12px;min-width:0;font-size:14.5px;line-height:1.35;color:rgba(255,255,255,.86)}
.fcLeisteT img{width:32px;height:32px;border-radius:50%;flex:none}
.fcLeiste .btn{flex:none;min-height:46px}

@media(max-width:760px){
  .fcK{min-height:0}
  .fcKopf{padding:14px 18px}
  .fcBody{padding:22px 18px 4px}
  .fcQ{font-size:21px}
  .fcOs{grid-template-columns:minmax(0,1fr);gap:8px}
  .fcO,.fcOs[data-n="3"] .fcO{min-height:58px;padding:13px 16px}
  .fcForm{grid-template-columns:minmax(0,1fr)}
  .fcSum{grid-template-columns:minmax(0,1fr)}
  .fcFuss{padding:4px 18px 8px}
  .fcDlg{width:100%;height:100dvh;max-height:none;margin:0}
  .fcDlg .fcK{min-height:100dvh}
  .fcTage{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .fcTag b{font-size:14px}
  .fcLeiste{bottom:0;width:100%;padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 -10px 40px rgba(0,0,0,.5)}
  .fcLeisteT{font-size:13.5px}
  .fcLeisteT img{display:none}
}

/* Seitenbausteine */
.cTop{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:10px var(--pad);font-size:14px;line-height:1.4;color:#fff;text-align:center;background:linear-gradient(90deg,rgba(var(--glow),.2),rgba(var(--glow),.34),rgba(var(--glow),.2));border-bottom:1px solid rgba(var(--glow),.45)}
.cTop b{font-weight:700}
.cTop:hover{color:#fff}
.cTopK{display:none}
.cTopB{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;font-size:13px;font-weight:700;color:#0F1012;background:#fff;transition:background .2s}
.cTop:hover .cTopB{background:#F4F1EC}
.cNk .nkL{display:none}
.cTel{font-size:14.5px;font-weight:600;color:rgba(255,255,255,.8)}
.cTel:hover{color:#fff}

.cHero{padding:72px var(--pad) 88px;background:radial-gradient(820px 460px at 50% 0%,rgba(var(--glow),.16),transparent 70%),radial-gradient(620px 420px at 88% 72%,rgba(var(--glow),.1),transparent 70%)}
.cHeroIn{max-width:1312px;margin:0 auto}
.cKopf{display:flex;flex-direction:column;align-items:center;text-align:center}
.cPill{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.82);background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.cPill i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(var(--glow),.9)}
.cHero h1{margin-top:28px;font-size:clamp(40px,5.6vw,78px);line-height:1.03;letter-spacing:-.046em;text-wrap:balance}
.cSub{margin-top:24px;max-width:780px;font-size:19px;line-height:1.55;color:rgba(255,255,255,.74);text-wrap:pretty}
.cSub b{font-weight:600;color:#fff}
.cGrid{margin-top:64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.cLinks{min-width:0}
.cPunkte{list-style:none;display:grid;gap:22px}
.cPunkte li{display:flex;gap:16px;font-size:17.5px;line-height:1.5;color:rgba(255,255,255,.78);text-wrap:pretty}
.cPunkte li::before{content:"";flex:none;margin-top:1px;width:24px;height:24px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3L9.5 3.8' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;box-shadow:0 0 16px rgba(var(--glow),.5)}
.cPunkte b{font-weight:600;color:#fff}
.cCta{margin-top:40px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.cBtn{min-height:64px;padding:0 34px;font-size:17px;border:0;cursor:pointer;font-family:inherit;box-shadow:0 18px 50px -12px rgba(var(--glow),.8),inset 0 1px 0 rgba(255,255,255,.28)}
.cMikro{display:flex;align-items:center;gap:9px;font-size:13.5px;color:rgba(255,255,255,.6)}
.cMikro[hidden]{display:none}
.cMikro i{flex:none;width:7px;height:7px;border-radius:50%;background:#3F8F5B;box-shadow:0 0 8px #3F8F5B}
.cMikro.s i{background:rgba(255,255,255,.35);box-shadow:none}

.cMedia{min-width:0}
.cMBox{position:relative;aspect-ratio:16/11;overflow:hidden;background:radial-gradient(520px 380px at 76% 44%,rgba(var(--glow),.34),transparent 70%),linear-gradient(160deg,#1B1C21,#0F1012);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 40px 90px rgba(0,0,0,.55)}
.cAlex{position:absolute;right:0;bottom:0;width:58%;height:100%;object-fit:cover;object-position:top center;-webkit-mask-image:linear-gradient(to right,transparent,#000 24%);mask-image:linear-gradient(to right,transparent,#000 24%)}
.cMText{position:absolute;left:32px;top:32px;bottom:28px;width:50%;display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.cMText .ey{color:var(--accent)}
.cMText strong{display:block;margin-top:14px;font-size:34px;line-height:1.04;letter-spacing:-.035em}
.cMText p{margin-top:10px;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.72)}
.cMText .gRat{margin-top:14px;color:#d2d3d6}
.cMProj{display:flex;align-items:center;gap:12px;width:fit-content;max-width:100%;padding:8px 14px 8px 8px;background:rgba(15,16,18,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:box-shadow .25s}
.cMProj:hover{box-shadow:inset 0 0 0 1px rgba(var(--glow),.6)}
.cMProj img{flex:none;width:84px;height:52px;object-fit:cover;object-position:top}
.cMProj span{display:flex;flex-direction:column;font-size:12.5px;line-height:1.35;color:rgba(255,255,255,.6)}
.cMProj b{font-size:14px;font-weight:600;color:#fff}
.cVert{margin-top:18px;display:flex;align-items:center;flex-wrap:wrap;gap:12px 14px;font-size:14px;color:rgba(255,255,255,.62)}
.cVert b{font-weight:600;color:#fff}
.cAvs{display:flex}
.cAvs span{width:38px;height:38px;margin-left:-8px;display:grid;place-items:center;border-radius:50%;background:#1C1D22;box-shadow:0 0 0 2px #0F1012,inset 0 0 0 1px rgba(255,255,255,.18)}
.cAvs span:first-child{margin-left:0}
.cAvs img{max-width:22px;max-height:17px;filter:brightness(0) invert(1)}
.cZahlen{margin-top:80px;padding-top:44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;text-align:center;border-top:1px solid rgba(255,255,255,.08)}
.cZahlen b{display:block;font-size:clamp(36px,3.8vw,52px);line-height:1;letter-spacing:-.045em}
.cZahlen b em{font-style:normal;color:var(--accent)}
.cZahlen span{display:block;margin-top:12px;font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.6)}

.cFall{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:64px;align-items:center}
.cVis{position:relative;padding:0 7% 9% 0}
.cDesk{background:#141518;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 40px 90px rgba(0,0,0,.55)}
.cBar{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:13px;color:rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.08)}
.cBar i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.18)}
.cBar span{margin-left:8px}
.cDesk img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.cPhone{position:absolute;right:0;bottom:0;width:27%;aspect-ratio:1170/2532;overflow:hidden;border-radius:22px;background:#111;box-shadow:0 0 0 5px #0B0C0E,0 0 0 6px rgba(255,255,255,.16),0 30px 60px rgba(0,0,0,.6)}
.cPhone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.cZitat{margin:32px 0 0;padding:24px;display:flex;gap:16px;background:linear-gradient(180deg,#17181C,#121316);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.cZitat img{flex:none;width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:top}
.cZitat blockquote{font-size:17px;font-weight:600;line-height:1.45;text-wrap:pretty}
.cZitat figcaption{margin-top:8px;font-size:13.5px;color:rgba(255,255,255,.55)}
.cZitat figcaption b{font-weight:600;color:#fff}
.cWeiter{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px}
.cWeiter .more{margin-top:0}
.cLive{font-size:15px;color:rgba(255,255,255,.75);text-decoration:underline;text-decoration-color:rgba(var(--glow),.7);text-underline-offset:4px}
.cLive:hover{color:#fff}

.cBox{margin-top:44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:radial-gradient(620px 360px at 100% 0%,rgba(var(--glow),.18),transparent 70%),linear-gradient(180deg,#17181C,#121316);box-shadow:inset 0 0 0 1px rgba(var(--glow),.38)}
.cBox>div{padding:40px}
.cBox>div+div{border-left:1px solid rgba(255,255,255,.08)}
.cBox>.cBoxFuss{grid-column:1/-1;padding:28px 40px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;border-left:0;border-top:1px solid rgba(255,255,255,.08)}
.cBox .checks{margin-top:6px;font-size:16px}
.cInhalt{display:flex;flex-direction:column}
.cPreis{margin-top:auto;padding-top:32px;display:flex;flex-direction:column;gap:2px}
.cPreis small{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.cPreis b{margin-top:4px;font-size:32px;line-height:1.1;letter-spacing:-.035em}
.cPreis span{font-size:14.5px;color:rgba(255,255,255,.62)}
.cInhalt .cCta{margin-top:24px}
.cSicher .vjT{color:var(--accent)}
.cSicher ol{list-style:none;margin-top:10px;display:grid;gap:20px}
.cSicher li{display:flex;gap:16px}
.cSicher li>b{flex:none;width:26px;padding-top:4px;font-size:11.5px;letter-spacing:.12em;color:var(--accent)}
.cSicher h3{font-size:18px;line-height:1.3;letter-spacing:-.015em}
.cSicher p{margin-top:4px;font-size:15px;line-height:1.5;color:var(--mute)}

.cKarten{margin-top:44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cKarte{margin:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#17181C,#121316);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:box-shadow .3s}
a.cKarte:hover{box-shadow:inset 0 0 0 1px rgba(var(--glow),.55)}
.cKb{height:250px;overflow:hidden;display:flex;justify-content:center;padding-top:30px;background:radial-gradient(320px 220px at 50% 100%,rgba(var(--glow),.2),transparent 70%)}
.cKb img{align-self:flex-start;width:44%;height:auto;border-radius:18px 18px 0 0;box-shadow:0 0 0 4px #0B0C0E,0 0 0 5px rgba(255,255,255,.14)}
.cKt{padding:22px 24px 26px}
.cKt b{display:block;font-size:18px;letter-spacing:-.015em}
.cKt i{display:block;margin-top:2px;font-style:normal;font-size:13.5px;color:rgba(255,255,255,.5)}
.cKt p{margin-top:10px;font-size:15px;line-height:1.5;color:var(--mute)}
.cKz{padding:30px;justify-content:space-between;gap:28px}
.cKz blockquote{font-size:20px;font-weight:600;line-height:1.42;letter-spacing:-.015em;text-wrap:pretty}
.cKz figcaption{display:flex;align-items:center;gap:14px}
.cKz figcaption>span:last-child{display:flex;flex-direction:column;font-size:13.5px;color:rgba(255,255,255,.55)}
.cKz figcaption b{font-size:15.5px;font-weight:600;color:#fff}

.cEnde{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;align-items:center;padding:48px;background:radial-gradient(620px 360px at 100% 0%,rgba(var(--glow),.22),transparent 70%),linear-gradient(135deg,#1A1B1F,#121316);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.cEnde>img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;object-position:center bottom;background:radial-gradient(closest-side at 50% 58%,rgba(var(--glow),.3),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 74%,transparent);mask-image:linear-gradient(to bottom,#000 74%,transparent)}
.cEnde .cSub{margin-top:18px;font-size:17px}
.cChipsL{margin-top:28px;font-size:14px;color:rgba(255,255,255,.62)}
.cChipsL b{color:#fff}
.cChips{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px}
.cChip{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:0 18px;font-size:15px;font-weight:600;color:#fff;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);transition:box-shadow .2s,background .2s}
.cChip::after{content:"→";color:var(--accent)}
.cChip:hover{color:#fff;background:rgba(var(--glow),.08);box-shadow:inset 0 0 0 1px rgba(var(--glow),.7)}
.cEnde .cCta{margin-top:24px}

@media(max-width:960px){
  .cGrid,.cFall{grid-template-columns:minmax(0,1fr);gap:44px}
  .cEnde{grid-template-columns:220px minmax(0,1fr);gap:32px;padding:32px}
  .cKarten{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cKz{grid-column:1/-1}
}
@media(max-width:760px){
  .cTop{padding:8px 16px;font-size:13px}
  .cTopB{min-height:28px;padding:0 10px;font-size:12px}
  .cTel{display:none}
  .cHero{padding:36px var(--pad) 56px}
  .cPill{padding:8px 12px;font-size:10.5px;letter-spacing:.1em}
  .cHero h1{margin-top:20px;font-size:clamp(34px,10.4vw,46px)}
  .cSub{margin-top:16px;font-size:16px}
  .cGrid{margin-top:28px;gap:36px}
  .cLinks{display:flex;flex-direction:column}
  .cLinks .cCta{order:-1;margin:0 0 32px}
  .cCta{align-items:stretch}
  .cBtn{width:100%;justify-content:center;min-height:58px;padding:0 20px;font-size:16px}
  .cMikro{justify-content:center}
  .cPunkte{gap:16px}
  .cPunkte li{font-size:15.5px}
  .cMBox{aspect-ratio:1/1}
  .cAlex{width:66%}
  .cMText{left:20px;top:20px;bottom:18px;width:58%}
  .cMText strong{font-size:24px;margin-top:10px}
  .cMText p{display:none}
  .cMProj img{width:60px;height:38px}
  .cZahlen{margin-top:48px;padding-top:28px;gap:10px}
  .cZahlen b{font-size:28px}
  .cZahlen span{font-size:12.5px}
  .cVis{padding:0 9% 14% 0}
  .cPhone{width:32%;border-radius:16px}
  .cZitat{padding:18px}
  .cZitat blockquote{font-size:15.5px}
  .cBox{margin-top:28px;grid-template-columns:minmax(0,1fr)}
  .cBox>div{padding:24px}
  .cBox>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.08)}
  .cBox>.cBoxFuss{padding:22px 24px}
  .cBox .btn{width:100%;justify-content:center}
  .cInhalt .cCta{align-items:stretch}
  .cPreis{padding-top:24px}
  .cPreis b{font-size:26px}
  .cKarten{margin-top:28px;grid-template-columns:minmax(0,1fr)}
  .cKb{height:210px}
  .cKz blockquote{font-size:17px}
  .cEnde{grid-template-columns:minmax(0,1fr);padding:24px;gap:24px}
  .cEnde>img{max-width:260px}
  .cChip{width:100%}
}

/* Fall: Vorher/Jetzt, Kennzahlen statt Screenshots (SEO, Ads), Quellenzeile */
.cVj{margin-top:28px}
@media(min-width:761px){.cVj ul{font-size:13.5px}}
.cKpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(var(--glow),.35),0 40px 90px rgba(0,0,0,.5)}
.cKpis div{padding:36px 32px;background:linear-gradient(180deg,#17181C,#121316)}
.cKpis b{display:block;font-size:clamp(40px,4.4vw,60px);line-height:1;letter-spacing:-.045em}
.cKpis b em{font-style:normal;color:var(--accent)}
.cKpis span{display:block;margin-top:12px;font-size:15px;line-height:1.45;color:var(--mute)}
.cQuelle{margin-top:12px;font-size:12.5px;color:rgba(255,255,255,.45)}
.cDirekt{margin-top:14px;font-size:14.5px;color:rgba(255,255,255,.6)}
.cDirekt a{color:#fff;text-decoration:underline;text-decoration-color:rgba(var(--glow),.7);text-underline-offset:3px}
.cFaqA a{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(min-width:961px){.cSchritte{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}}
@media(max-width:760px){
  .cVj{grid-template-columns:minmax(0,1fr)}
  .cVj .jz{box-shadow:inset 0 1px 0 rgba(var(--glow),.4)}
  .cKpis div{padding:24px 20px}
  .cKpis b{font-size:34px}
  .cKpis span{font-size:13.5px}
}

/* Handy: Werbung kommt mobil. Erstes Bild = Überschrift, Angebot, Knopf; Gesicht direkt danach; Knopf unten immer greifbar. */
@media(max-width:760px){
  .cTop{flex-wrap:nowrap;justify-content:space-between;gap:12px;padding:9px 16px;text-align:left;font-size:12.5px}
  .cTopL{display:none}
  .cTopK{display:inline}
  .cTopB{flex:none}
  .cKopf{align-items:flex-start;text-align:left}
  .cPill{padding:7px 10px;font-size:10.5px;letter-spacing:.08em}
  .cHero h1{line-height:1.04}
  .cGrid{gap:28px}
  .cLinks{display:contents}
  .cLinks .cCta{order:1;margin:0}
  .cMedia{order:2}
  .cPunkte{order:3}
  .cBtn{gap:.45em;padding:0 14px;font-size:15.5px;white-space:nowrap}
  .cMBox{aspect-ratio:5/4}
  .cZahlen b{font-size:26px}
  .cZahlen b em{white-space:nowrap}
  .cFall .cVis{order:-1}
  .cVis{padding:0 0 16% 0}
  .cDesk{width:86%}
  .cPhone{width:38%}
  .cEnde{padding:20px}
  .fcLeisteT{display:none}
  .fcLeiste{padding:8px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .fcLeiste .btn{flex:1;justify-content:center;min-height:52px;font-size:15.5px}
}
@media(max-width:400px){
  .cBtn{white-space:normal;justify-content:space-between;text-align:left;line-height:1.25;min-height:56px;padding:12px 16px}
  .cBox>div{padding:20px}
  .cEnde{padding:16px}
}
.cBtn{min-width:0;max-width:100%}

/* Live-Korrektur 22.10.2026: Schliessen mit Touch ab 44 px (pruefe-mobil.mjs, Projekt-Check). */
@media(pointer:coarse){.fcZu{width:44px;height:44px;margin:-10px -14px -10px 0}}
/* Live-Korrektur 22.10.2026: niedrige Handys (iPhone SE mit Browserleisten), Hero-Knopf der Anzeigen-Landing im ersten Bildschirm. */
@media(max-width:760px) and (max-height:600px){.cHero{padding-top:24px}.cHero h1{margin-top:14px}.cSub{margin-top:12px}.cGrid{margin-top:20px}}