/* Company-Check buchen – Wappen-Stil (Ivo 07.10.2026, Entwurf 3 „dunkler“): großes Wappen über der
   Überschrift, zehn Fragen über die volle Breite, Ergebnis darunter, Kupferrahmen wie im ganzen Portal. */
:root{--bg:#060d16;--panel:rgba(10,18,28,.78);--gold:#e8b890;--gold2:#f7d2b0;--tief:#c6753d;--text:#e9e3d5;--text2:#9fb0c2;--dunkel:#3a2415;
--verlauf:linear-gradient(180deg,#f7d2b0,#e3ab85 55%,#c6753d);
--kupfer-rand:linear-gradient(160deg,rgba(247,210,176,.95),rgba(214,140,88,.55) 38%,rgba(198,117,61,.45) 62%,rgba(247,210,176,.80));
--kupfer-innen:rgba(232,184,144,.42)}
*{box-sizing:border-box}html,body{margin:0}
body{color:var(--text);font:18px/1.55 'EB Garamond',Georgia,serif;min-height:100vh;background:var(--bg)}
/* Hintergrund in einem festen Element (iOS kennt background-attachment:fixed nicht) */
#grund{position:fixed;inset:0;z-index:0;pointer-events:none;background:
 radial-gradient(120% 78% at 22% -6%,rgba(255,255,255,.06),rgba(255,255,255,0) 56%),
 linear-gradient(to bottom,rgba(6,13,22,.72),rgba(6,13,22,0) 22%),
 radial-gradient(70% 95% at 100% 100%,rgba(6,13,22,.62),rgba(6,13,22,0) 70%),
 radial-gradient(120% 100% at 50% 35%,rgba(6,13,22,.60),rgba(6,13,22,.88) 88%),
 url('/partner/assets/portal-hintergrund-netzwerk.webp') center/cover no-repeat}
/* eine Spur dunkler, vor allem hinter dem Wappen (Ivo: „damit man das Logo besser erkennt“) */
#grund::after{content:"";position:absolute;inset:0;background:radial-gradient(40% 32% at 50% 17%,rgba(6,13,22,.62),rgba(6,13,22,0) 100%),rgba(6,13,22,.28)}
.seite{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 24px 60px}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:600;margin:0;color:var(--gold2)}
a{color:var(--gold2)}
.goldtext{background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent}
.muted{color:var(--text2)}
header.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;flex-wrap:wrap;margin-bottom:22px;
 border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(198,117,61,0),rgba(247,210,176,.55),rgba(198,117,61,0)) 1}
header.top .wm{font-family:'Cormorant Garamond',serif;letter-spacing:5px;font-size:17px;color:var(--gold)}
header.top .rolle{font-size:13px;letter-spacing:1.6px;text-transform:uppercase;color:var(--text2)}
header.top .rechts{display:flex;gap:10px;align-items:center}
select{font:16px 'EB Garamond',serif;color:var(--text);background:rgba(6,13,22,.75);border:1px solid var(--kupfer-innen);border-radius:8px;padding:9px 12px}
.btn{font-family:'EB Garamond',serif;font-size:15px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--dunkel);background:var(--verlauf);border:none;border-radius:9px;padding:14px 24px;cursor:pointer;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(90,45,15,.35),0 6px 16px rgba(198,117,61,.28);transition:transform .15s,box-shadow .15s,filter .15s;text-decoration:none;display:inline-block}
.btn:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(90,45,15,.35),0 10px 22px rgba(198,117,61,.38)}
.btn:disabled{opacity:.7;cursor:wait;transform:none}
.btn.ghost{color:var(--gold2);background:linear-gradient(rgba(10,18,28,.78),rgba(10,18,28,.78)) padding-box,var(--kupfer-rand) border-box;border:1px solid transparent;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.btn.ghost:hover{background:linear-gradient(rgba(198,117,61,.22),rgba(198,117,61,.12)) padding-box,var(--kupfer-rand) border-box}
.btn.ghost.an{color:var(--dunkel);background:var(--verlauf);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(255,214,170,.5),0 6px 18px rgba(232,152,90,.45),0 0 22px rgba(247,190,140,.35)}
/* Kopf: großes Wappen, darunter die Überschrift */
.held{text-align:center;padding:4px 0 30px}
.held .logo{width:190px;height:190px;display:block;margin:0 auto 6px;filter:drop-shadow(0 0 26px rgba(6,13,22,.9)) drop-shadow(0 6px 22px rgba(198,117,61,.45))}
.held h1{font-size:64px;line-height:1.02}
.held p{font-size:22px;color:var(--text2);margin:12px auto 0;max-width:760px}
.kpis{display:flex;gap:16px;justify-content:center;margin-top:24px}
.kpi{min-width:170px;text-align:center;border:1px solid transparent;border-radius:12px;padding:16px 18px;background:linear-gradient(180deg,rgba(20,30,44,.78),rgba(6,13,22,.72)) padding-box,linear-gradient(160deg,rgba(247,210,176,.70),rgba(198,117,61,.40)) border-box}
.lbl{font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text2)}
.kpi .val{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:700;line-height:1.1;margin-top:4px;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Felder mit Kupferrahmen und Zierlinie */
.panel{border:2px solid transparent;border-radius:14px;padding:26px 28px;margin-bottom:22px;backdrop-filter:blur(3px);
 background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--kupfer-rand) border-box;box-shadow:0 14px 38px rgba(0,0,0,.45),inset 0 1px 0 rgba(247,210,176,.07)}
.panel h2{font-size:30px;position:relative;padding-bottom:12px;margin-bottom:18px}
.panel h2::after{content:"";position:absolute;left:0;bottom:0;width:72px;height:2px;border-radius:2px;background:linear-gradient(90deg,#f7d2b0,#c6753d 70%,rgba(198,117,61,0))}
.fortschritt{height:8px;border-radius:4px;background:#1d2c3a;overflow:hidden;margin:8px 0 4px}
.fortschritt i{display:block;height:100%;width:0;background:var(--verlauf);box-shadow:0 0 12px rgba(247,190,140,.7);transition:width .35s}
/* die zehn Fragen */
.fz{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:18px;padding:19px 4px;border-bottom:1px solid rgba(232,184,144,.14)}
.fz:last-child{border-bottom:0}
.fz .nr{font:700 32px 'Cormorant Garamond',serif;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}
.fz .t{font-size:21px;line-height:1.35}
.jn{display:flex;gap:10px;flex:0 0 auto}.jn .btn{min-width:96px;padding:12px 0;text-align:center}
/* Ergebnis */
.erg{display:grid;grid-template-columns:240px 1fr;gap:34px;align-items:center}
.ring{width:220px;height:220px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f7d2b0 calc(var(--p,0)*1%),#1d2c3a 0);box-shadow:0 0 26px rgba(247,190,140,.35)}
.ring>div{width:180px;height:180px;border-radius:50%;background:#0b1520;display:grid;place-items:center;text-align:center;line-height:1}
.ring b{font-family:'Cormorant Garamond',serif;color:var(--gold2);font-size:68px}
.ring small{display:block;color:var(--text2);font-size:13px;margin-top:4px}
.erg-text{font-size:20px;margin:0 0 14px}.erg-hinweis{font-size:16px;margin:16px 0 0}
.felder{display:flex;flex-wrap:wrap;gap:8px}
.felder span{padding:7px 14px;border-radius:999px;font-size:15px;font-weight:600;background:var(--verlauf);color:var(--dunkel);box-shadow:0 0 0 1px rgba(255,214,170,.5) inset,0 4px 12px rgba(198,117,61,.35)}
/* Termine */
.unterzeile{margin:-6px 0 14px}
.slots{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.slot{font-family:'EB Garamond',serif;font-size:15px;color:var(--gold2);border-radius:10px;padding:12px 6px;text-align:center;cursor:pointer;border:1px solid transparent;line-height:1.3;
 background:linear-gradient(rgba(10,18,28,.78),rgba(10,18,28,.78)) padding-box,var(--kupfer-rand) border-box;transition:all .15s;display:flex;flex-direction:column;align-items:center}
.slot b{display:block;font-size:20px;color:var(--text)}
.slot:hover{background:linear-gradient(rgba(198,117,61,.22),rgba(198,117,61,.12)) padding-box,var(--kupfer-rand) border-box}
.slot.an{background:var(--verlauf);color:var(--dunkel);box-shadow:0 6px 18px rgba(232,152,90,.45),0 0 22px rgba(247,190,140,.35)}.slot.an b{color:var(--dunkel)}
.mehr{background:none;border:0;color:var(--gold);font:16px 'EB Garamond',serif;text-decoration:underline;margin-top:12px;cursor:pointer;padding:0}
/* Angaben */
.formular{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.feld label{display:block;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text2);margin:0 0 7px}
.feld input{width:100%;font:18px 'EB Garamond',serif;color:var(--text);background:rgba(6,13,22,.75);border:1px solid var(--kupfer-innen);border-radius:9px;padding:14px 15px;outline:none}
.feld input:focus{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(232,184,144,.14)}
.zustimmung{display:flex;gap:12px;align-items:flex-start;margin-top:18px;font-size:16px}
.zustimmung input{margin-top:5px;accent-color:#d98d52;width:20px;height:20px;flex:0 0 20px}
.falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.senden{width:100%;margin-top:22px;padding:18px;font-size:17px;letter-spacing:2.4px;position:relative;overflow:hidden}
.senden:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:glanz 3.2s infinite}
@keyframes glanz{0%{left:-60%}55%,100%{left:130%}}
.meldung{margin-top:14px;padding:12px 14px;border-radius:10px;background:rgba(179,38,30,.18);border:1px solid rgba(255,120,110,.5);color:#ffd9d4;font-size:16px}
.fertig{text-align:center;padding:34px 22px}.fertig h2{font-size:34px;display:inline-block}.fertig h2::after{left:50%;transform:translateX(-50%)}.fertig p{font-size:19px}
footer{position:relative;z-index:1;text-align:center;font-size:14px;color:var(--text2);padding:0 20px 34px;line-height:1.7}
/* Handy */
@media(max-width:760px){
 .seite{padding:0 14px 50px}
 header.top .rechts .btn{padding:10px 12px;font-size:12px}
 .held .logo{width:130px;height:130px}.held h1{font-size:40px}.held p{font-size:18px}
 .kpis{gap:10px}.kpi{min-width:0;flex:1;padding:12px 6px}.kpi .val{font-size:26px}.lbl{font-size:10.5px;letter-spacing:1px}
 .panel{padding:20px 16px}.panel h2{font-size:26px}
 .fz{grid-template-columns:34px 1fr;gap:10px}.fz .nr{font-size:26px}.fz .t{font-size:19px}.fz .jn{grid-column:1/-1}.jn .btn{flex:1}
 .erg{grid-template-columns:1fr;justify-items:center;text-align:center;gap:16px}.felder{justify-content:center}
 .ring{width:180px;height:180px}.ring>div{width:146px;height:146px}.ring b{font-size:54px}
 .slots{grid-template-columns:repeat(3,1fr)}
 .formular{grid-template-columns:1fr}
}