/* Originalschriften der bisherigen Website (TeX Gyre Heros = Helvetica-Nachbau, GUST-Lizenz; Titelschrift aus dem Canva-Auftritt) */
@font-face{font-family:"Heros";src:url(../fonts/alt-normal.woff2) format("woff2"),url(../fonts/alt-normal.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Heros";src:url(../fonts/alt-fett.woff2) format("woff2"),url(../fonts/alt-fett.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Heros";src:url(../fonts/alt-kursiv.woff2) format("woff2"),url(../fonts/alt-kursiv.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Titel";src:url(../fonts/alt-titel-700.woff2) format("woff2"),url(../fonts/alt-titel-700.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Titel";src:url(../fonts/alt-titel-400.woff2) format("woff2"),url(../fonts/alt-titel-400.woff) format("woff");font-weight:400;font-display:swap}

/* Maßstab wie im Original: alles ist auf 1440 px gezeichnet und skaliert mit der Fensterbreite */
:root{
  --s:calc(100vw / 1440 * .8);
  --gold:#C49C4D; --anthrazit:#373737; --grau:#A5A5A5; --hell:#F6F6F6;
  --text:#95949E; --text-hell:#A6A6A6; --weiss:#F6F6F6;
  --ease:cubic-bezier(.22,1,.36,1);
  --links:calc((100vw - 1440 * var(--s)) / 2 + 193 * var(--s));
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--hell);color:var(--text);font:400 max(16px,calc(21.3 * var(--s)))/1.2 "Heros",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0 0 .6em}
.skip{position:absolute;left:-999px;top:8px;background:#000;color:#fff;padding:10px 16px;z-index:99}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

section,footer{padding:calc(80 * var(--s)) var(--links)}
.hell{background:var(--hell)}
.gold-band{background:var(--gold);color:#fff}
.dunkel{background:var(--anthrazit);color:var(--text-hell)}
.grau{background:var(--grau);color:var(--weiss)}

.titel{font-family:"Titel","Heros",sans-serif;font-weight:700;text-transform:uppercase;line-height:1;font-size:max(30px,calc(61.3 * var(--s)));margin:0 0 .5em}
.gold{color:var(--gold)} .anthrazit{color:var(--anthrazit)} .weiss{color:var(--weiss)} .hellgrau{color:var(--text-hell)}
.klein-gold{color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:max(13px,calc(16 * var(--s)))}
.fussnote{font-size:max(12px,calc(18.2 * var(--s)));color:var(--text)}

/* Knöpfe wie im Original: 333 × 60, Pillenform */
.knopf{display:inline-flex;align-items:center;justify-content:center;width:max(200px,calc(333 * var(--s)));height:max(44px,calc(60 * var(--s)));border-radius:999px;font-weight:700;font-size:max(16px,calc(24 * var(--s)));text-decoration:none;transition:transform .25s var(--ease),filter .25s}
.knopf:hover{transform:translateY(-2px);filter:brightness(1.07)}
.knopf--weiss{background:var(--weiss);color:var(--gold);font-size:max(16px,calc(26.7 * var(--s)))}
.knopf--gold{background:var(--gold);color:#fff}
.knopf--dunkel{background:var(--anthrazit);color:#fff}
.knopf--rand{border:2px solid var(--gold);color:var(--gold)}

/* Original-Icons */
.ikons{display:flex;justify-content:center;gap:calc(21 * var(--s))}
.ikons a{display:block;width:max(40px,calc(50 * var(--s)));transition:transform .25s var(--ease),filter .25s}
.ikons a:hover{transform:translateY(-2px);filter:brightness(1.12)}
.ikons img{width:100%;height:auto}
.ikons--hero{gap:calc(44 * var(--s));margin:calc(26 * var(--s)) 0 calc(14 * var(--s))}
.ikons--hero a{width:max(44px,calc(55 * var(--s)))}
.ikons--links{justify-content:flex-start}
.ikons--gross{gap:calc(26 * var(--s))}
.ikons--gross a{width:max(44px,calc(58 * var(--s)))}

/* 1 Hero – Maße aus dem Original (1440 px) */
.hero{position:relative;width:calc(1440 * var(--s));margin:0 auto;height:calc(864 * var(--s));padding:0;overflow:hidden;text-align:center}
.hero__logo{position:absolute;left:0;right:0;top:calc(40 * var(--s));display:grid;grid-template-columns:calc(432 * var(--s)) calc(420 * var(--s)) calc(432 * var(--s));justify-content:center;align-items:start;gap:calc(42 * var(--s))}
.hero__logo img{width:100%}
.balken{display:block;height:calc(88 * var(--s));background:var(--gold);margin-top:calc(97 * var(--s))}
.hero__claim{position:absolute;left:calc(510 * var(--s));top:calc(254 * var(--s));width:calc(420 * var(--s))}
.hero__buehne{position:absolute;inset:0}
.hero__portrait{position:absolute;left:calc(-20 * var(--s));bottom:0;width:calc(460 * var(--s));height:auto}
.hero__text{position:absolute;left:0;right:0;top:calc(340 * var(--s))}
.hero h1{font-family:"Heros",sans-serif;font-weight:700;font-size:calc(85.2 * var(--s));line-height:1;margin:0 0 calc(44 * var(--s));text-transform:uppercase;color:var(--gold)}
.hero__sub{font-size:calc(34.2 * var(--s));line-height:calc(42 * var(--s));color:var(--text);margin:0}
.hero__sub b{text-transform:uppercase}
.hero__tel{display:inline-flex;align-items:center;gap:calc(12 * var(--s));font-size:calc(44.9 * var(--s));color:var(--text);text-decoration:none;margin-top:calc(42 * var(--s))}
.hero__tel img{width:calc(40 * var(--s))}
.hero__tel:hover{color:var(--gold)}
.hero .fussnote{margin:0}
.hero__urkunde{position:absolute;left:calc(1062 * var(--s));top:calc(436 * var(--s));width:calc(383 * var(--s))}

/* 2 Angebote */
.angebote{text-align:center;padding-top:calc(50 * var(--s));padding-bottom:calc(64 * var(--s))}
.angebote__vor{font-size:max(20px,calc(44.9 * var(--s)));color:var(--weiss);margin:0 0 calc(50 * var(--s))}
.angebote__box{display:inline-block;border:calc(3 * var(--s)) solid var(--weiss);padding:calc(10 * var(--s)) calc(30 * var(--s));font-weight:700;text-transform:uppercase;font-size:max(34px,calc(85.2 * var(--s)));line-height:1;color:var(--weiss);margin:0 0 calc(70 * var(--s))}
.angebote__text{font-size:max(17px,calc(29.3 * var(--s)));line-height:1.23;margin:0 auto;width:max-content;max-width:100%;border-bottom:1px solid rgba(255,255,255,.8);padding:0 calc(30 * var(--s)) calc(20 * var(--s))}
.angebote__klein{font-size:max(14px,calc(21.3 * var(--s)));margin:calc(20 * var(--s)) 0 calc(46 * var(--s))}

/* 3 Verkauft-Band */
.verkauft{text-align:center;padding-top:calc(40 * var(--s));padding-bottom:calc(40 * var(--s))}
.verkauft__reihe{display:grid;grid-template-columns:repeat(5,calc(197 * var(--s)));justify-content:center;gap:calc(31 * var(--s));margin-bottom:calc(40 * var(--s))}
.kachel{margin:0;position:relative;aspect-ratio:1;overflow:hidden;background:#fff;contain:paint}
.kachel video{width:100%;height:100%;object-fit:cover}
.stempel{position:absolute;left:2%;top:30%;width:95%;transform:scale(1.5);opacity:0;transition:transform .5s var(--ease),opacity .4s}
.kachel.sichtbar .stempel{transform:none;opacity:1;transition-delay:.35s}
.zaehler{border:calc(3 * var(--s)) solid var(--weiss);display:flex;flex-direction:column;justify-content:center;color:var(--weiss);line-height:1.05;font-size:calc(44.9 * var(--s) * .62);aspect-ratio:1}
.zaehler span{font-size:max(14px,calc(28 * var(--s)))}
.zaehler b{font-size:max(40px,calc(104 * var(--s)));color:var(--gold);line-height:.95}
.verkauft__cta{font-size:max(18px,calc(40.9 * var(--s)));color:var(--weiss);margin:0 0 calc(24 * var(--s))}

/* 4 Interview */
.interview{display:grid;grid-template-columns:calc(780 * var(--s)) 1fr;gap:calc(60 * var(--s));align-items:start}
.interview .titel{margin-bottom:calc(60 * var(--s))}
.interview blockquote{margin:0 0 calc(20 * var(--s));font-size:max(17px,calc(29.3 * var(--s)));line-height:1.2;font-style:italic;color:var(--anthrazit);border-bottom:2px solid var(--anthrazit);padding-bottom:calc(20 * var(--s))}
.interview p{color:var(--anthrazit);font-size:max(17px,calc(29.3 * var(--s)));line-height:1.2;margin-bottom:calc(30 * var(--s))}
.interview__bilder{position:relative;min-height:calc(560 * var(--s))}
.interview__mag{position:absolute;left:calc(40 * var(--s));top:calc(120 * var(--s));width:calc(335 * var(--s))}
.interview__handy{position:absolute;left:calc(270 * var(--s));top:calc(250 * var(--s));width:calc(165 * var(--s))}
.stoerer{position:absolute;left:calc(320 * var(--s));top:calc(100 * var(--s));width:calc(110 * var(--s));height:calc(110 * var(--s));border-radius:50%;background:#E6007E;color:var(--weiss);font-family:"Heros";font-weight:700;font-size:calc(24.7 * var(--s));text-transform:uppercase;display:grid;place-items:center;text-align:center;line-height:1.2;transform:rotate(12deg);animation:wippen 3s ease-in-out infinite alternate}
@keyframes wippen{to{transform:rotate(4deg) scale(1.06)}}

/* 5 Leistungen */
.leistungen{display:grid;grid-template-columns:1fr 1fr;padding-top:calc(60 * var(--s));padding-bottom:calc(60 * var(--s))}
.leistungen__links{text-align:center;padding-right:calc(40 * var(--s));border-right:2px solid var(--gold)}
.leistungen__links img{width:calc(300 * var(--s));margin:0 auto calc(40 * var(--s))}
.leistungen__links ul{list-style:none;padding:0;margin:0;font-weight:700;font-size:max(15px,calc(22.7 * var(--s)));line-height:calc(47 * var(--s))}
.leistungen__rechts{padding-left:calc(40 * var(--s));font-size:max(15px,calc(18.7 * var(--s)));line-height:calc(25 * var(--s))}
.leistungen__rechts .titel{font-size:max(22px,calc(36 * var(--s)));margin-bottom:calc(30 * var(--s))}
.leistungen__rechts p{margin-bottom:calc(25 * var(--s))}

/* 6 Service */
.service{display:grid;grid-template-columns:calc(330 * var(--s)) 1fr 1fr;gap:0;padding-top:calc(50 * var(--s));padding-bottom:calc(60 * var(--s))}
.service__titel{font-size:max(30px,calc(61.3 * var(--s)));color:var(--anthrazit,var(--anthrazit))}
.service__titel small{color:var(--weiss)}
.service__titel small{font-size:calc(40 / 61.3 * 1em)}
.service__titel{line-height:1;margin:0}
.service__titel small{display:block;line-height:1.15}
.service__titel br{display:none}
@media (max-width:900px){.service__titel{margin-bottom:22px}}
.service__punkt h3{margin-top:0}
.service__punkt p{margin:0}
.service__punkt{border-left:2px solid var(--weiss);padding:0 calc(27 * var(--s))}
.service__punkt h3{font-family:"Heros";text-transform:uppercase;font-size:max(16px,calc(24 * var(--s)));line-height:1.15;color:var(--anthrazit,var(--anthrazit));margin:0 0 calc(24 * var(--s))}
.service__punkt p{font-size:max(15px,calc(21.3 * var(--s)));line-height:calc(25 * var(--s))}

/* 7 Chefsache */
.chef .titel{margin-bottom:calc(60 * var(--s))}
.chef__inhalt{display:grid;grid-template-columns:calc(333 * var(--s)) 1fr;gap:0;align-items:start}
.chef__bild{width:calc(200 * var(--s));height:calc(200 * var(--s));border-radius:50%;object-fit:cover;object-position:50% 18%;margin-left:0}
.chef__text{font-size:max(15px,calc(18.7 * var(--s)));line-height:calc(22 * var(--s))}
.chef__text p{margin-bottom:calc(22 * var(--s))}
.chef__name{color:var(--text-hell);font-size:max(16px,calc(21.3 * var(--s)));line-height:1.4}
.chef__name b{font-weight:400;color:var(--gold);text-transform:uppercase}

/* 8 Bewertungen */
.bewertungen{display:grid;grid-template-columns:calc(330 * var(--s)) minmax(0,1fr);gap:calc(30 * var(--s));align-items:start}
.bewertungen__handy{width:calc(377 * var(--s));max-width:none;margin-left:calc(-150 * var(--s));margin-top:calc(150 * var(--s))}
.bewertungen__kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:calc(30 * var(--s))}
.sterne{color:var(--gold);letter-spacing:.08em;font-size:max(18px,calc(26 * var(--s)))}
.sterne.gross{font-size:max(28px,calc(51 * var(--s)))}
.pfeile{display:flex;gap:10px}
.pfeil{width:max(40px,calc(50 * var(--s)));height:max(40px,calc(50 * var(--s)));border-radius:50%;border:0;background:var(--gold);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;transition:filter .2s}
.pfeil:hover{filter:brightness(1.1)}
.spur{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 120 * var(--s))/3);gap:calc(60 * var(--s));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-bottom:calc(40 * var(--s))}
.spur::-webkit-scrollbar{display:none}
.bew{scroll-snap-align:start;font-family:"Titel","Heros";font-style:italic;font-size:max(14px,calc(18.7 * var(--s)));line-height:1.18;color:#545454}
.bew footer{font-family:"Heros",sans-serif;font-style:normal;font-weight:700;font-size:max(13px,calc(15 * var(--s)));line-height:1.3;color:var(--anthrazit);border-top:1px solid #ccc;padding:calc(12 * var(--s)) 0 0;margin-top:calc(14 * var(--s));background:none;width:auto}
.bew footer a{font-weight:400;text-decoration:none;color:var(--gold)}
.bew footer a:hover{text-decoration:underline}
.bew footer span{color:var(--gold)}
.bew time{display:block;font-family:"Heros";font-style:normal;font-size:.8em;color:#888;margin-bottom:6px}
.bew--leer p{color:#aaa}

/* Handy mit wischbaren Bewertungen */
.handy{position:relative;width:calc(377 * var(--s) * 1.25);margin-left:calc(-150 * var(--s));margin-top:calc(120 * var(--s))}
.handy__bild{width:100%}
.handy__screen{position:absolute;left:47.8%;top:9%;width:39.8%;height:60%;background:#fff;border-radius:calc(22 * var(--s));overflow:hidden;display:flex;flex-direction:column;padding:calc(14 * var(--s)) 0 calc(8 * var(--s))}
.handy__kopf{display:flex;align-items:center;gap:6px;padding:0 calc(12 * var(--s)) calc(8 * var(--s));margin-bottom:calc(8 * var(--s));border-bottom:1px solid #eee;font-size:max(9px,calc(12 * var(--s)));line-height:1.25;color:#202124}
.g-logo{width:max(18px,calc(26 * var(--s)));flex:none}
.hk__zahl{color:#70757a}
.handy__spur{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.handy__spur::-webkit-scrollbar{display:none}
.hk{flex:0 0 100%;scroll-snap-align:center;padding:0 calc(14 * var(--s));display:flex;flex-direction:column;font-size:max(9px,calc(13 * var(--s)));line-height:1.3;color:#3c3c3c}
.hk__kopf{display:flex;align-items:center;gap:6px;margin-bottom:4px}
.hk__ava{width:calc(26 * var(--s));height:calc(26 * var(--s));min-width:18px;min-height:18px;border-radius:50%;background:#C2185B;color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85em}
.hk__name{font-weight:700;color:#202124}
.hk__sterne{color:#FBBC04;letter-spacing:1px}
.hk__text{overflow:auto;scrollbar-width:none;flex:1}
.handy__punkte{display:flex;justify-content:center;gap:5px;padding:6px 0}
.handy__punkte i{width:6px;height:6px;border-radius:50%;background:#ddd;transition:background .3s,transform .3s}
.handy__punkte i.an{background:var(--gold);transform:scale(1.3)}
.handy__google{display:block;text-decoration:none;color:#1a73e8!important;margin:0;text-align:center;font-size:max(8px,calc(11 * var(--s)));color:#777}

/* 9 Instagram */
.insta{display:grid;grid-template-columns:calc(420 * var(--s)) 1fr;gap:calc(40 * var(--s));align-items:start}
.insta__links p{font-size:max(17px,calc(29.3 * var(--s)));line-height:1.2;color:var(--text-hell)}
.folge{font-size:max(26px,calc(49.3 * var(--s)));margin-top:calc(120 * var(--s))}
.insta__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:calc(24 * var(--s))}
.insta__grid li{aspect-ratio:1;overflow:hidden;background:#fff}
.insta__grid a{display:block;height:100%}
.insta__grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.insta__grid a:hover img{transform:scale(1.05)}
.insta__grid .leer{background:#444;border:1.5px dashed #666;display:grid;place-items:center;color:#888;font-size:14px}

/* 10 VOX */
.vox{display:grid;grid-template-columns:1fr 1fr;gap:calc(40 * var(--s));align-items:center;text-align:center}
.vox__links img{width:calc(489 * var(--s));margin:0 auto calc(30 * var(--s))}
.vox__links p{font-size:max(17px,calc(34.2 * var(--s)));line-height:1}
.vox__rechts img{width:calc(560 * var(--s));margin:0 auto calc(30 * var(--s))}
.vox__rechts p{font-size:max(16px,calc(29.3 * var(--s)));line-height:1.2;margin-bottom:calc(40 * var(--s))}

/* 11 Film */
.film{display:grid;grid-template-columns:calc(450 * var(--s)) 1fr;gap:calc(80 * var(--s));align-items:center}
.film__links p{font-size:max(17px,calc(29.3 * var(--s)));line-height:1.2}
.film__popcorn{display:flex;align-items:center;margin-top:calc(30 * var(--s))}
.film__popcorn img{width:calc(150 * var(--s));position:relative;z-index:1;animation:wippen2 4s ease-in-out infinite alternate}
.film__popcorn .knopf{margin-left:calc(-60 * var(--s))}
@keyframes wippen2{to{transform:translateY(-8px) rotate(-3deg)}}
.film__artikel{width:calc(626 * var(--s));box-shadow:0 30px 50px -25px rgba(0,0,0,.6)}

/* 12 Bildung */
.bildung{display:grid;grid-template-columns:calc(420 * var(--s)) 1fr;gap:calc(60 * var(--s));align-items:center}
.bildung__text p{font-size:max(15px,calc(21.3 * var(--s)));line-height:calc(25 * var(--s))}
.bildung__text p:nth-of-type(1){font-size:max(17px,calc(25.7 * var(--s)));line-height:calc(32 * var(--s));margin-bottom:calc(36 * var(--s))}
.bildung > img{width:calc(650 * var(--s))}

/* 13 Sozial */
.sozial__kopf{display:grid;grid-template-columns:calc(475 * var(--s)) 1fr;gap:0}
.sozial__text{font-size:max(15px,calc(21.3 * var(--s)));line-height:calc(25 * var(--s))}
.sozial__text h3{font-family:"Heros";font-weight:700;text-transform:uppercase;font-size:inherit;margin:0 0 calc(25 * var(--s));color:var(--weiss)}
.sozial__bilder{display:grid;grid-template-columns:calc(250 * var(--s)) calc(450 * var(--s)) 1fr;gap:calc(24 * var(--s));align-items:center;margin:calc(40 * var(--s)) 0}
.sozial__logo{background:#fff;border-radius:50%;padding:calc(18 * var(--s));aspect-ratio:1;object-fit:contain}
.sozial .knopf{display:flex;margin:0 auto}

/* 14b Team */
.team{display:grid;grid-template-columns:calc(430 * var(--s)) 1fr;gap:calc(30 * var(--s));align-items:start}
.team__text p{font-size:max(16px,calc(25.7 * var(--s)));line-height:calc(30 * var(--s));margin-bottom:calc(30 * var(--s))}
.team__text ul{list-style:none;padding:0;margin:0;font-size:max(13px,calc(17.3 * var(--s)));line-height:calc(23 * var(--s))}
.team__text li::before{content:"• "}
.team > img{width:calc(800 * var(--s))}

/* 14c Tipp */
.tipp{display:grid;grid-template-columns:calc(420 * var(--s)) 1fr;gap:calc(30 * var(--s));align-items:center;padding-top:0}
.tipp__badge{width:calc(400 * var(--s));animation:drehen 30s linear infinite}
@keyframes drehen{to{transform:rotate(360deg)}}
.tipp__logos{display:flex;align-items:center;gap:calc(40 * var(--s));margin-bottom:calc(30 * var(--s))}
.tipp__logos img:last-child{width:calc(130 * var(--s))}
.tipp__logos img:first-child{width:calc(230 * var(--s))}
.tipp__text p{font-size:max(16px,calc(25.7 * var(--s)));line-height:calc(30 * var(--s))}
.tipp__fn{grid-column:1/-1;font-size:max(12px,calc(17.3 * var(--s)));line-height:calc(23 * var(--s))}

/* 15 Finanzierung */
.finanz{text-align:center}
.finanz .titel{margin-bottom:calc(40 * var(--s))}
.finanz p{color:var(--weiss);font-size:max(17px,calc(29.3 * var(--s)))}
.finanz img{width:min(560px,calc(560 * var(--s)));margin:calc(30 * var(--s)) auto 0}
.pdf{display:inline-flex;align-items:center;gap:12px;color:var(--gold);text-decoration:none;font-size:max(13px,calc(17.3 * var(--s)));line-height:1.1;text-align:left;margin-top:12px}
.pdf span{background:var(--gold);color:var(--anthrazit);font-weight:700;padding:10px 6px;border-radius:3px}

/* 16 Awards */
.awards{text-align:center}
.awards p{font-size:max(17px,calc(29.3 * var(--s)));color:var(--weiss);margin-bottom:calc(40 * var(--s))}
.awards__reihe{display:flex;justify-content:center;gap:calc(28 * var(--s));margin:0 0 calc(30 * var(--s))}
.rahmen{margin:0;width:calc(240 * var(--s))}
.rahmen img{border:calc(10 * var(--s)) solid #111;box-shadow:0 24px 40px -20px rgba(0,0,0,.6);background:#fff}
.rahmen figcaption{font-size:max(13px,calc(17 * var(--s)));margin-top:10px;font-weight:700}
.awards__alt{width:calc(620 * var(--s));margin:0 auto calc(30 * var(--s))}
.awards__bester{width:calc(380 * var(--s));margin:0 auto}

/* 17 Footer */
.fuss .titel{margin-bottom:calc(80 * var(--s))}
.fuss__raster{display:grid;grid-template-columns:calc(364 * var(--s)) calc(384 * var(--s)) 1fr;gap:calc(40 * var(--s)) 0;font-size:max(15px,calc(21.3 * var(--s)));line-height:calc(31 * var(--s));position:relative}
.fuss a{color:inherit;text-decoration:none}
.fuss a:hover{color:var(--gold)}
.fuss__karten{position:absolute;right:calc(-40 * var(--s));top:calc(60 * var(--s));width:calc(380 * var(--s));opacity:.9}
.fuss__recht{display:flex;flex-wrap:wrap;gap:12px calc(70 * var(--s));border-top:1px solid #666;margin-top:calc(60 * var(--s));padding-top:calc(30 * var(--s));font-size:max(12px,calc(14.7 * var(--s)))}
/* 14a Normannia – volle Breite */
.norm{background:var(--anthrazit);color:#D8D8D8;position:relative;overflow:clip;padding-left:clamp(16px,3vw,56px);padding-right:clamp(16px,3vw,56px)}
.norm::before{content:none}
.norm__kopf{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(20px,2.5vw,36px);max-width:900px;margin:clamp(40px,5vw,72px) auto clamp(48px,6vw,96px)}
.norm__kopf .norm__logos,.norm__kopf .norm__knoepfe{justify-content:center}
.norm__einleitung p{max-width:60ch;margin:0 auto}
.norm__kopf .titel{font-size:clamp(2.2rem,4.4vw,4.6rem);margin:0}
.norm__logos{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.norm__logos img:first-child{width:72px}
.norm__logos img:last-child{width:150px}
.norm__logos span{color:var(--gold);font-size:1.6rem}
.norm__einleitung p{font-size:clamp(1.05rem,1.3vw,1.25rem)}
.norm__knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
/* Bild-in-Bild: Mannschaftsfoto steht, zwei Fotos fahren hinein */
.norm__buehne{height:230vh;margin:0 calc(-1*clamp(16px,3vw,56px))}
.norm__sticky{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden}
.norm__team{margin:0;width:min(78vw,calc(80vh*16/9));transform:scale(calc(.82 + .18*min(1,var(--p,0)*2.5)));transform-origin:50% 45%;will-change:transform}
.norm__team img{width:100%;border-radius:14px;box-shadow:0 50px 90px -40px rgba(0,0,0,.85)}
.norm__team figcaption{margin-top:14px;font-size:.95rem;color:#AFAFAF;text-align:center;opacity:calc(var(--p,0)*3 - .6)}
.norm__pip{position:absolute;margin:0;border-radius:12px;overflow:hidden;border:5px solid var(--anthrazit);box-shadow:0 30px 60px -20px rgba(0,0,0,.85);will-change:transform}
.norm__pip img{width:100%;aspect-ratio:3/4;object-fit:cover}
.norm__pip--trikot{left:max(2vw,calc(50% - min(39vw,40vh*16/9) - 6vw));bottom:12vh;width:clamp(150px,14vw,280px);transform:translateY(calc((1 - min(1,max(0,(var(--p,0) - .2)*3.3)))*80vh)) rotate(-4deg)}
.norm__pip--vertrag{right:max(2vw,calc(50% - min(39vw,40vh*16/9) - 6vw));top:10vh;width:clamp(140px,12vw,240px);transform:translateY(calc((1 - min(1,max(0,(var(--p,0) - .45)*3.3)))*90vh)) rotate(3deg)}

/* Bild-Reveal */
.clip{clip-path:inset(100% 0 0 0 round 6px);transition:clip-path 1.1s var(--ease),scale 1.4s var(--ease);scale:1.06}
.clip.offen{clip-path:inset(0 0 0 0 round 0);scale:1}
.hero__buehne{transform-origin:50% 0;will-change:transform}


/* Einblenden */
.r{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*80ms)}
.r.sichtbar{opacity:1;transform:none}
.kachel.r.sichtbar{transform:none}

/* Handy */
@media (max-width:900px){
  :root{--s:calc(100vw / 900);--links:16px}
  .hero{width:auto}
  section,footer{padding:48px 16px}
  .hero{height:auto;padding:16px 16px 0}
  .hero__logo,.hero__claim,.hero__buehne,.hero__portrait,.hero__text,.hero__urkunde{position:static}
  .hero__logo{grid-template-columns:1fr 2.2fr 1fr;gap:10px;margin:0 -16px}
  .balken{height:28px;margin-top:31%}
  .hero__claim{width:62%;margin:6px auto 0}
  .hero__buehne{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8px}
  .hero__text{grid-column:1/-1;grid-row:1;padding-top:20px}
  .hero h1{font-size:40px;margin-bottom:16px}
  .hero__sub{font-size:20px;line-height:1.25}
  .hero__tel{font-size:26px;margin-top:20px}
  .hero__tel img{width:26px}
  .hero__portrait{width:100%;height:auto;aspect-ratio:1303/1176}
  .hero__urkunde{width:100%;align-self:end;margin-bottom:8px}
  .verkauft__reihe{grid-template-columns:repeat(2,1fr);max-width:420px;margin-inline:auto;gap:12px}
  .zaehler{grid-column:1/-1;aspect-ratio:auto;padding:14px;flex-direction:row;gap:12px;align-items:center;justify-content:center;border-width:2px}
  .angebote__box{border-width:2px}
  .interview,.leistungen,.service,.bewertungen,.insta,.vox,.film,.bildung,.sozial__kopf,.team,.tipp,.chef__inhalt{grid-template-columns:minmax(0,1fr)}
  .interview__bilder{min-height:0;height:110vw}
  .interview__mag{left:0;top:4vw;width:62%}
  .interview__handy{left:50%;top:34vw;width:30%}
  .stoerer{left:50%;top:0;width:80px;height:80px;font-size:16px}
  .leistungen__links{border-right:0;border-bottom:2px solid var(--gold);padding:0 0 28px}
  .leistungen__links img{width:220px}
  .leistungen__rechts{padding:28px 0 0;line-height:1.4}
  .leistungen__links ul{line-height:2}
  .service__punkt{border-left:0;border-top:2px solid var(--weiss);padding:18px 0}
  .service__punkt p,.chef__text,.bildung__text p,.sozial__text,.team__text p,.tipp__text p,.fuss__raster{line-height:1.4}
  .chef__bild{width:160px;height:160px;margin-bottom:20px}
  .handy{width:260px;margin:0 auto}
  .handy__screen{border-radius:16px}
  /* Handy-Ansicht: Bewertungen im virtuellen Smartphone kleiner, damit mehr Text sichtbar ist */
  .handy__kopf{font-size:3.5px;padding:0 6px 3px;margin-bottom:3px;gap:2px}
  .g-logo{width:7px}
  .hk{font-size:3.5px;line-height:1.25;padding:0 6px}
  .hk__kopf{gap:2px;margin-bottom:1px}
  .hk__ava{min-width:7px;min-height:7px;width:7px;height:7px}
  .hk__sterne{letter-spacing:0}
  .handy__punkte{padding:2px 0;gap:3px}
  .handy__punkte i{width:3px;height:3px}
  .handy__google{font-size:3.5px}
  .hk{font-size:11px}
  .spur{grid-auto-columns:88%;gap:20px}
  .insta__grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .folge{margin-top:28px}
  .vox__links img,.vox__rechts img,.film__artikel,.bildung > img,.team > img,.finanz img,.awards__alt{width:100%}
  .film__popcorn img{width:110px}
  .film__popcorn .knopf{margin-left:-36px}
  .sozial__bilder{grid-template-columns:1fr 1fr}
  .sozial__logo{max-width:150px}
  .sozial__bilder img:last-child{grid-column:1/-1}
  .tipp{justify-items:center;text-align:center}
  .tipp__badge{width:220px}
  .tipp__logos{justify-content:center}
  .tipp__logos img:last-child{width:84px}
  .tipp__logos img:first-child{width:160px}
  .rahmen{width:42vw}
  .awards__bester{width:70%}
  .fuss__raster{grid-template-columns:1fr}
  .fuss__karten{position:static;width:200px}
  .ikons--hero{gap:18px;margin:16px 0 10px}
  .norm__buehne{height:auto;margin:0}
  .norm__sticky{position:relative;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;overflow:visible}
  .norm__team{grid-column:1/-1;width:100%;transform:none}
  .norm__team figcaption{opacity:1}
  .norm__pip{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important}
  .norm__pip--trikot{transform:rotate(-2deg);margin-left:4vw}
  .norm__pip--vertrag{transform:rotate(2deg);margin-top:10vw;margin-left:-8vw;margin-right:4vw;z-index:1}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .r{opacity:1;transform:none}
  .stempel{opacity:1;transform:none}
}

/* Ladebildschirm: Logo baut sich auf, Claim schreibt sich, „Der Kultmakler“ als Signatur */
.lader{position:fixed;inset:0;z-index:9999;background:var(--hell);display:grid;place-content:center;justify-items:center;gap:clamp(14px,2.2vw,30px);transition:opacity calc(.7s * var(--lt,1)) ease,visibility calc(.7s * var(--lt,1))}
.lader.weg{opacity:0;visibility:hidden}
.lader__logo{display:grid;grid-template-columns:minmax(40px,22vw) clamp(220px,30vw,440px) minmax(40px,22vw);gap:clamp(12px,2.5vw,40px);align-items:center;width:100vw;justify-content:center}
.lader__logo img{width:100%;clip-path:inset(100% 0 0 0);animation:lAuf calc(1.4s * var(--lt,1)) cubic-bezier(.65,0,.35,1) calc(.2s * var(--lt,1)) forwards}
.lader__balken{height:clamp(22px,3.2vw,60px);background:var(--gold);transform:scaleX(0);animation:lBalken calc(1s * var(--lt,1)) cubic-bezier(.22,1,.36,1) calc(1.2s * var(--lt,1)) forwards;margin-top:12%}
.lader__balken:first-child{transform-origin:right}.lader__balken:last-child{transform-origin:left}
.lader__claim{display:block;width:clamp(220px,30vw,440px);-webkit-mask-image:linear-gradient(90deg,#000 calc(var(--x,0) * 100% - 4px),transparent calc(var(--x,0) * 100% + 2px));mask-image:linear-gradient(90deg,#000 calc(var(--x,0) * 100% - 4px),transparent calc(var(--x,0) * 100% + 2px))}
.lader__sig{position:relative}
.lader__titel{display:flex;font-family:"Titel","Heros",sans-serif;font-weight:700;text-transform:uppercase;color:var(--gold);font-size:clamp(32px,5.5vw,84px);line-height:1;white-space:nowrap;margin-top:clamp(6px,1vw,16px)}
.lader__titel i{font-style:normal;opacity:0;transform:translateY(.35em);filter:blur(6px);animation:lBuchstabe calc(.7s * var(--lt,1)) cubic-bezier(.22,1,.36,1) calc(calc(4s * var(--lt,1)) + var(--n) * 90ms) forwards}
@keyframes lBuchstabe{to{opacity:1;transform:none;filter:none}}
.lader__stift{position:absolute;left:0;top:0;width:clamp(26px,2.6vw,44px);transform-origin:50% 100%;opacity:0;transition:opacity calc(.3s * var(--lt,1));filter:drop-shadow(8px 12px 6px rgba(0,0,0,.22));pointer-events:none;will-change:transform}
.lader__stift.an{opacity:1}
@keyframes lAuf{to{clip-path:inset(0 0 0 0)}}
@keyframes lBalken{to{transform:scaleX(1)}}
@keyframes lSchreib{to{clip-path:inset(0 0 0 0)}}

/* Normannia-Galerie: 4–5 Bilder nebeneinander, wischbar */
.norm__galerie{max-width:1600px;margin:0 auto;padding-bottom:clamp(48px,6vw,96px)}
.norm__galkopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.norm__galkopf h3{margin:0}
.norm__galkopf div{display:flex;gap:10px}
.npfeil{width:44px;height:44px;border-radius:50%;border:1px solid var(--gold);background:none;color:var(--gold);font-size:1.6rem;line-height:1;cursor:pointer}
.npfeil:hover{background:var(--gold);color:#fff}
.norm__spur{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4 * 16px) / 5);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.norm__spur::-webkit-scrollbar{display:none}
.norm__spur figure{margin:0;scroll-snap-align:start;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:#2b2b2b}
.norm__spur img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.norm__spur figure:hover img{transform:scale(1.04)}
.norm__spur .leer{display:grid;place-items:center;color:#777;font-size:.9rem;border:1px dashed #555;background:none}
@media (max-width:1200px){.norm__spur{grid-auto-columns:calc((100% - 3 * 16px) / 4)}}
@media (max-width:900px){.norm__spur{grid-auto-columns:70%}}

/* Anfahrt mit Zwei-Klick-Karte */
.anfahrt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(56px,7vw,110px) clamp(16px,6vw,120px)}
.anfahrt__text p{font-size:1.15rem;line-height:1.5;color:#666;margin:0 0 24px}
.karte{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#e9e6df;box-shadow:0 20px 50px -25px rgba(0,0,0,.35)}
.karte iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.karte__sperre{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;background:repeating-linear-gradient(45deg,#ece8e0 0 14px,#e6e1d8 14px 28px)}
.karte__sperre p{max-width:46ch;margin:0;color:#555;font-size:.95rem;line-height:1.45}
.karte__sperre a{color:#8a6a2c}
.karte__immer{font-size:.9rem;color:#555;display:flex;gap:8px;align-items:center;cursor:pointer;min-height:44px}
@media (max-width:900px){.anfahrt{grid-template-columns:minmax(0,1fr)}.karte{aspect-ratio:4/5}}

/* Datenschutz-Banner: gleichwertige Knöpfe, nichts vorab angehakt */
.ck{position:fixed;left:50%;bottom:clamp(12px,2vw,24px);transform:translateX(-50%);z-index:9000;width:min(680px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:#fff;color:var(--anthrazit);border-radius:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.45);padding:clamp(18px,2.4vw,28px);font-size:.95rem;line-height:1.45}
.ck[hidden]{display:none}
.ck h2{margin:0 0 8px;font-size:1.25rem;color:var(--anthrazit)}
.ck p{margin:0 0 12px}
.ck a{color:#8a6a2c}
.ck__details summary{cursor:pointer;font-weight:700;color:#8a6a2c;min-height:44px;display:flex;align-items:center}
.ck__gruppe{border-top:1px solid #e5e5e5;padding:12px 0 2px}
.ck__gruppe label{display:flex;gap:10px;align-items:center;min-height:44px;cursor:pointer}
.ck__gruppe p{font-size:.85rem;color:#666}
.ck__hinweis{font-size:.85rem;color:#666;border-top:1px solid #e5e5e5;padding-top:12px}
.ck__knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.ck__knoepfe .knopf{flex:1 1 160px;min-height:48px;font-size:1rem;padding:0 16px;margin:0;width:auto}
.knopf--rand-dunkel{background:#fff;color:var(--anthrazit);border:2px solid var(--anthrazit)}
.knopf--rand-dunkel:hover{background:var(--anthrazit);color:#fff}
.fuss__cookie{background:none;border:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;padding:0;min-height:44px}

/* Großansicht für Galeriebilder */
.norm__spur figure:not(.leer){cursor:zoom-in}
.lb{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;overflow:hidden}
.lb::backdrop{background:rgba(20,20,20,.92)}
.lb[open]{display:grid;place-items:center}
.lb img{max-width:92vw;max-height:86vh;object-fit:contain;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lb button{position:absolute;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.35);color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}
.lb button:hover{background:var(--gold);border-color:var(--gold)}
.lb__zu{top:16px;right:16px}.lb__zurueck{left:16px;top:50%;transform:translateY(-50%)}.lb__weiter{right:16px;top:50%;transform:translateY(-50%)}
.lb__zahl{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#ccc;font-size:.9rem}

/* „Alles verkauft!“ als Stempel hervorheben, ImmoScout24 in Markenfarbe */
.angebote__box{background:var(--anthrazit,var(--anthrazit));color:#fff;border-color:var(--anthrazit,var(--anthrazit));box-shadow:0 18px 40px -18px rgba(0,0,0,.55);transform:rotate(-2deg)}
.angebote__box.r.sichtbar{animation:stempel .5s cubic-bezier(.16,1,.3,1) both}
@keyframes stempel{0%{transform:rotate(-2deg) scale(1.6);opacity:0}100%{transform:rotate(-2deg) scale(1);opacity:1}}
.knopf--immo{background:#00D9B1;color:#333;font-size:max(16px,calc(26.7 * var(--s)))}
.knopf--immo:hover{background:#00c4a0}
@media (prefers-reduced-motion:reduce){.angebote__box.r.sichtbar{animation:none}}

/* Auszeichnungen ruhig angeordnet: oben zwei FOCUS-Urkunden gleich groß, darunter eine Reihe gleich hoch */
.awards__reihe{display:grid;grid-template-columns:repeat(2,minmax(0,340px));justify-content:center;gap:clamp(20px,3vw,48px);margin:0 auto clamp(36px,4vw,64px)}
.awards__reihe figure{margin:0}
.awards__reihe img{width:100%;height:auto;display:block;box-shadow:0 24px 50px -24px rgba(0,0,0,.5)}
.awards__reihe figcaption{margin-top:12px;color:var(--weiss);font-size:.95rem;letter-spacing:.02em}
.awards__weitere{display:flex;justify-content:center;align-items:flex-end;gap:clamp(20px,3vw,48px);flex-wrap:wrap}
.awards__weitere img{height:clamp(150px,16vw,240px);width:auto;max-width:100%}
@media (max-width:900px){.awards__reihe{grid-template-columns:repeat(2,minmax(0,1fr))}.awards__weitere img{height:auto;width:100%}}
.awards__reihe .rahmen{width:auto}
.awards__reihe .rahmen img{border:0}
.awards__weitere{flex-wrap:nowrap;align-items:center}
.awards__weitere img{height:clamp(140px,15vw,230px)}
@media (max-width:900px){.awards__weitere{flex-direction:column}.awards__reihe .rahmen{width:auto}}

/* Finanzierung wie im Original: zwei Flyer nebeneinander, darunter PDF-Download */
.finanz .finanz__flyer{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,48px);align-items:center;max-width:1100px;margin:clamp(24px,3vw,48px) auto}
.finanz .finanz__flyer img{width:100%;height:auto;margin:0}
.pdf2{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--gold);text-align:left;margin-top:clamp(12px,2vw,24px)}
.pdf2 svg{width:44px;height:auto;flex:none}
.pdf2 span{line-height:1.3;font-size:max(15px,calc(20 * var(--s)))}
.pdf2:hover span{text-decoration:underline}
@media (max-width:900px){.finanz .finanz__flyer{grid-template-columns:1fr}}
.awards__reihe .rahmen img{border:calc(10 * var(--s)) solid #111;border-width:max(6px,calc(10 * var(--s)));background:#fff}
.awards__reihe{align-items:end}
.awards__reihe .rahmen img{aspect-ratio:3/4;object-fit:contain}


/* Aktionen aus dem Adminbereich */
.akt-banner{position:relative;z-index:50;background:var(--af);color:#fff;text-align:center;padding:10px 16px;font-size:max(14px,calc(18 * var(--s)))}
.akt-banner a{color:#fff;font-weight:700;margin-left:8px}
.akt-popup{border:0;border-radius:16px;padding:clamp(20px,3vw,36px);max-width:min(520px,calc(100vw - 32px));text-align:center;box-shadow:0 30px 80px -20px rgba(0,0,0,.5)}
.akt-popup::backdrop{background:rgba(0,0,0,.55)}
.akt-popup img{width:100%;border-radius:10px;margin-bottom:16px}
.akt-popup h2{color:var(--af);font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 10px;text-transform:uppercase}
.akt-popup__zu{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:1px solid #ddd;background:#fff;font-size:22px;cursor:pointer}
.akt-stoerer{position:fixed;bottom:clamp(16px,3vw,32px);z-index:60;width:clamp(110px,10vw,150px);aspect-ratio:1;display:grid;place-items:center;text-decoration:none;color:#fff}
.akt-stoerer--rechts{right:clamp(12px,2vw,28px)}.akt-stoerer--links{left:clamp(12px,2vw,28px)}
.akt-stoerer__ring{position:absolute;inset:0;background:var(--af);clip-path:polygon(50% 0,59% 9%,71% 4%,76% 16%,89% 16%,88% 29%,99% 36%,93% 47%,100% 59%,89% 65%,91% 78%,78% 80%,74% 93%,62% 90%,50% 100%,41% 91%,29% 96%,24% 84%,11% 84%,12% 71%,1% 64%,7% 53%,0 41%,11% 35%,9% 22%,22% 20%,26% 7%,38% 10%);animation:stoererDreh 14s linear infinite;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.akt-stoerer__text{position:relative;text-align:center;line-height:1.1;padding:18%;display:flex;flex-direction:column;gap:4px}
.akt-stoerer__text b{font-size:clamp(13px,1.2vw,17px);text-transform:uppercase}
.akt-stoerer__text small{font-size:clamp(10px,.85vw,12px)}
.akt-stoerer:hover .akt-stoerer__ring{animation-duration:5s}
@keyframes stoererDreh{to{rotate:360deg}}
@media (prefers-reduced-motion:reduce){.akt-stoerer__ring{animation:none}}

/* Normannia-Kopf: Sperle oben, Normannia-Logo neben der Vereinszeile */
.norm__sperle{width:clamp(170px,16vw,240px);height:auto;margin:0 auto}
.norm__zeile{display:flex;align-items:center;justify-content:center;gap:14px}
.norm__zeile img{width:clamp(44px,3.6vw,58px);height:auto;flex:none}
.norm__zeile p{margin:0}
.norm__sperle{margin-bottom:8px}
/* Instagram-Kacheln größer: Raster nutzt mehr Breite */
@media (min-width:901px){
  .insta{grid-template-columns:calc(330 * var(--s)) minmax(0,1fr);margin-right:calc(-220 * var(--s))}
  .insta__grid{gap:calc(18 * var(--s))}
}

.insta__zoom{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.insta__zoom:hover img{transform:scale(1.05)}
.insta__zoom:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.ck,.ck *{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important}
.ck .knopf--gold{background:#8A6A2C;color:#fff}
.ck .ck__kurz{margin:0 0 6px}
.ck,.ck p,.ck summary,.ck label{font-size:15px!important;line-height:1.45!important}.ck h2{font-size:19px!important;line-height:1.25!important}.ck .knopf{font-size:15px!important;line-height:1.2!important;height:48px;min-height:48px;padding:0 14px!important;transition:none!important}
.lader{overflow:hidden;contain:paint}.lader__titel{max-width:calc(100vw - 24px)}
html,body{overflow-x:clip}.angebote{overflow:clip}

/* Barrierefreiheit: Schriftkontrast mind. 4,5:1 (Markenflächen bleiben) */
:root{--text:#6E6D76;--text-hell:#BDBDC4;--gold-schrift:#8A6A2C}
.hero .gold,.hell .gold,.hero .titel.gold,.bew footer a,.bew footer span,.fussnote{color:var(--gold-schrift)}
.fussnote{color:var(--text)}
.hero__sub,.hero__sub b,.hero__tel,.hell .fussnote{color:var(--text)}
.gold-band,.gold-band p,.gold-band .titel.weiss,.angebote__vor,.angebote__text,.angebote__klein{color:#262626}
.knopf--gold{color:#1E1E1E}
.ck .knopf--gold{background:#8A6A2C;color:#fff}
.bew time{color:#6A6A6A}
.stoerer{background:#C8006E}
.gold-band .angebote__box{color:#fff}

/* 12.11.2026 Kundenwünsche */
:root{--gold-schrift:#C49C4D}
/* One-Property: Spalten auseinander, breitere Textzeilen (nur Desktop) */
@media (min-width:901px){
  .leistungen{padding-left:calc(90 * var(--s));padding-right:calc(90 * var(--s));grid-template-columns:1fr 1.25fr}
  .leistungen__links{padding-right:calc(70 * var(--s))}
  .leistungen__rechts{padding-left:calc(70 * var(--s))}
}
@media (max-width:900px){
  .hero__urkunde{height:auto;object-fit:contain}
}
@media (max-width:900px){.team__text ul{line-height:1.5;font-size:15px}}
/* breitere Textfelder, sauberer Zeilenfall */
.norm__kopf{max-width:1200px}.norm__einleitung p{max-width:82ch}
p,li{text-wrap:pretty}
/* Desktop: Inhalte näher an den Rand, Textspalten breiter */
@media (min-width:901px){
  :root{--links:calc((100vw - 1440 * var(--s)) / 2 + 30 * var(--s))}
  .bildung{grid-template-columns:calc(560 * var(--s)) 1fr}
  .bildung > img{width:calc(640 * var(--s))}
  .team{grid-template-columns:calc(540 * var(--s)) 1fr}
  .tipp{grid-template-columns:calc(540 * var(--s)) 1fr}
  .film{grid-template-columns:calc(560 * var(--s)) 1fr}
}
@media (min-width:901px){.insta{margin-right:0;padding-right:calc((100vw - 1440 * var(--s)) / 2 + 60 * var(--s))}}
@media (min-width:901px){.bildung{grid-template-columns:calc(660 * var(--s)) 1fr;gap:calc(50 * var(--s))}.bildung > img{width:calc(560 * var(--s))}}

/* Abstands-Korrekturen 13.11.2026 */
.tipp{padding-top:calc(40 * var(--s))}
.bew{display:flex;flex-direction:column}
.bew footer{margin-top:auto}
.insta{gap:calc(60 * var(--s))}
.awards__reihe{align-items:flex-start}
@media (max-width:900px){
  .bildung__text p:nth-of-type(1){line-height:1.3;margin-bottom:16px}
  .tipp__fn{line-height:1.45}
  .interview__bilder{height:86vw}
  .leistungen br,.sozial__text br{display:none}
  .vox{row-gap:24px}
  .vox__rechts img{margin-top:-50px}
  .vox__links p{font-size:22px;line-height:1.3}
  .finanz img + img{margin-top:-24px}
  .anfahrt{padding:48px 16px}
}

/* 16a Verkäufer-Anfrage */
.verkauf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(24px,4vw,72px);align-items:start;padding:clamp(56px,7vw,110px) clamp(16px,6vw,120px);background:var(--hell)}
.verkauf__text p{font-size:1.15rem;line-height:1.55;color:#666;margin:0;max-width:34ch}
.verkauf__form{background:#fff;border-radius:18px;padding:clamp(20px,3vw,40px);box-shadow:0 10px 40px rgba(0,0,0,.06);display:grid;gap:20px}
.verkauf__form label,.vf__art legend{display:grid;gap:6px;font-weight:700;font-size:.95rem;color:var(--anthrazit)}
.verkauf__form label span[aria-hidden],.vf__art legend span{color:var(--gold-schrift,#8A6A2C)}
.vf__art{border:0;padding:0;margin:0;display:grid;gap:6px}
.vf__raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.vf__breit{grid-column:1/-1}
.verkauf__form input:not([type=checkbox]):not([type=file]),.verkauf__form select,.verkauf__form textarea{font:inherit;font-weight:400;font-size:1rem;color:var(--anthrazit);background:#FAFAFA;border:1.5px solid #D8D8D8;border-radius:10px;padding:12px 14px;min-height:48px;width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}
.verkauf__form textarea{resize:vertical;min-height:110px}
.verkauf__form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px;max-width:360px}
.verkauf__form :is(input,select,textarea):focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(196,156,77,.25)}
.verkauf__form.geprueft :is(input,select,textarea):invalid{border-color:#C0392B}
#vf-dateien{position:absolute;width:1px;height:1px;opacity:0}
#vf-dateien:focus-visible + .vf__zone{box-shadow:0 0 0 3px rgba(196,156,77,.35)}
.vf__zone{display:grid!important;place-items:center;text-align:center;gap:6px;padding:28px 16px;border:2px dashed var(--gold);border-radius:14px;background:#FBF8F1;cursor:pointer;transition:background .2s}
.vf__zone b{font-size:1.05rem}
.vf__zone span{font-weight:400;font-size:.9rem;color:#6E6D76}
.vf__zone.aktiv,.vf__zone:hover{background:#F5EEDD}
.vf__liste{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.vf__liste li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.9rem;background:#F6F6F6;border-radius:8px;padding:8px 12px;overflow-wrap:anywhere}
.vf__liste button{font:inherit;font-size:.85rem;border:0;background:none;color:#C0392B;cursor:pointer;padding:6px;min-height:36px;flex:none}
.vf__falle{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.vf__check{display:flex!important;grid-template-columns:none;align-items:flex-start;gap:12px!important;font-weight:400!important;font-size:.9rem!important;line-height:1.45;color:#555!important}
.vf__check input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:var(--gold)}
.vf__check a{color:var(--gold-schrift,#8A6A2C)}
.vf__fuss{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.vf__fuss .knopf{border:0;cursor:pointer;font-family:inherit}
.vf__fuss .knopf:disabled{opacity:.6;cursor:wait}
.vf__fuss progress{flex:1;min-width:160px;height:10px;accent-color:var(--gold)}
.vf__meldung{margin:0;font-weight:700;min-height:1em}
.vf__meldung:empty{display:none}
.vf__meldung.ok{color:#2E7D32}
.vf__meldung.fehler{color:#C0392B}
@media (max-width:900px){
  .verkauf{grid-template-columns:minmax(0,1fr);padding:48px 16px}
  .vf__raster{grid-template-columns:minmax(0,1fr)}
  .verkauf__form select{max-width:none}
  .vf__fuss .knopf{width:100%}
}
.verkauf__form label:not(.vf__check){display:flex;flex-wrap:wrap;column-gap:4px;row-gap:6px}
.verkauf__form label:not(.vf__check) > :is(input,textarea){flex:1 0 100%}
.vf__art legend{display:block;margin-bottom:6px}
.vf__check{flex-wrap:nowrap}
/* Vereinslogos im Wechsel (Tippgeber) */
.tipp__wechsel{display:grid;flex:none;width:calc(130 * var(--s));aspect-ratio:1}
.tipp__wechsel img{grid-area:1/1;width:100%!important;height:100%;object-fit:contain;opacity:0;transition:opacity .25s}
.tipp__wechsel img.an{opacity:1}
@media (max-width:900px){.tipp__wechsel{width:84px}}
@media (prefers-reduced-motion:reduce){.tipp__wechsel img{transition:none}}
/* Drei Einzel-Urkunden (je einzeln im Editor austauschbar) */
.awards__drei{display:flex;align-items:center;gap:clamp(14px,2vw,32px)}
.awards__weitere .awards__urkunde{height:clamp(140px,15vw,230px);width:auto;aspect-ratio:209/295;object-fit:contain}
@media (max-width:900px){.awards__drei{justify-content:center;width:100%}.awards__weitere .awards__urkunde{height:auto;width:calc((100% - 28px) / 3)}}
/* Footer: Cookie-Einstellungen auf einer Linie mit Impressum/Datenschutz */
.fuss__recht{align-items:center}
.fuss__recht > *{display:inline-flex;align-items:center;min-height:44px;line-height:1.2;margin:0;vertical-align:middle}
.fuss__cookie{font-size:inherit;letter-spacing:inherit;text-transform:inherit}
.fuss__recht .fuss__cookie{text-decoration:none}.fuss__recht .fuss__cookie:hover{text-decoration:underline}
/* Schwarzer Rahmen kommt aus dem CSS, nicht aus dem Bild – bleibt beim Austausch erhalten */
.awards__weitere .awards__urkunde{border:max(6px,calc(9 * var(--s))) solid #111;background:#fff;object-fit:cover;box-sizing:border-box;box-shadow:0 18px 40px -20px rgba(0,0,0,.5)}
/* Anfahrt auf Gold: dunkle Schrift (weiß auf Gold ist zu kontrastarm), Knopf dunkel */
.anfahrt{background:var(--gold)!important}
.anfahrt .anfahrt__text .titel{color:var(--anthrazit)!important}
.anfahrt .anfahrt__text p{color:#262626}
.anfahrt .anfahrt__text .knopf{background:var(--anthrazit);color:#fff}
.anfahrt .karte{box-shadow:0 24px 50px -24px rgba(0,0,0,.5)}
/* Urkunden: 3 oben, 3 unten, gleich groß, zentriert; Rahmen aus CSS (bleibt beim Austausch) */
.awards__raster{display:grid;grid-template-columns:repeat(3,minmax(0,300px));justify-content:center;gap:clamp(28px,3.5vw,56px) clamp(20px,3vw,48px);margin:0 auto}
.awards__raster figure{margin:0;width:auto;display:flex;flex-direction:column;align-items:center}
.awards__raster img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;display:block;background:#fff;box-sizing:border-box;border:max(6px,calc(10 * var(--s))) solid #111;box-shadow:0 24px 50px -24px rgba(0,0,0,.5)}
.awards__raster figcaption{margin-top:12px;color:var(--weiss);font-size:.95rem;letter-spacing:.02em;text-align:center}
.awards__raster figcaption:empty{display:none}
@media (max-width:900px){.awards__raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.awards__raster figcaption{font-size:.85rem}}
/* Alle 5 Urkunden nebeneinander */
.awards__raster{display:flex;flex-wrap:wrap;justify-content:center;max-width:1500px}
.awards__raster figure{flex:0 1 calc((100% - 4 * clamp(16px,2vw,32px)) / 5);max-width:270px}
.awards__raster{gap:clamp(24px,3vw,40px) clamp(16px,2vw,32px)}
.awards__raster figcaption{font-size:clamp(.8rem,.9vw,.95rem)}
@media (max-width:900px){.awards__raster figure{flex-basis:calc((100% - 14px) / 2);max-width:none}}
@media (max-width:900px){.awards__raster{gap:24px 14px}.awards__raster figure{flex-basis:calc((100% - 15px) / 2)}}
/* Rahmen sitzt direkt am Bild: kein festes Seitenverhältnis, kein weißer Füllgrund */
.awards__raster img{aspect-ratio:auto;height:auto;object-fit:fill;background:none}
.awards__raster{align-items:flex-start}
/* 13.11. Urkunden: gleiche Höhe, Unterschriften auf einer Linie, dunkle Schrift auf Gold */
.awards__raster{align-items:flex-start;flex-wrap:wrap}
.awards__raster figure{flex:0 0 auto;max-width:none}
.awards__raster img{height:clamp(220px,17vw,330px);width:auto;max-width:100%;object-fit:contain}
.awards__raster figcaption{color:var(--tinte,#1d1d1b);font-weight:600;max-width:clamp(160px,13vw,250px);line-height:1.35}
@media (max-width:900px){.awards__raster figure{flex:0 0 calc((100% - 15px) / 2)}.awards__raster img{height:auto;width:100%;aspect-ratio:3/4;object-fit:contain;background:#fff}.awards__raster figcaption{max-width:none}}
.awards__raster{flex-wrap:nowrap}
.awards__raster figure{flex:0 1 240px;min-width:0}
.awards__raster img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#fff}
.awards__raster figcaption{max-width:none}
@media (max-width:900px){.awards__raster{flex-wrap:wrap}.awards__raster figure{flex:0 0 calc((100% - 15px) / 2)}}
/* 13.11. Bewertungs-Handy: jede Karte exakt eine Bildschirmbreite */
.handy__spur{min-width:0;width:100%}
.hk{flex:0 0 100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;overflow-wrap:anywhere;scroll-snap-align:start}
.hk__kopf{min-width:0}.hk__kopf > span:last-child{min-width:0}
/* 13.11. Handy-Bildschirm exakt auf die Glasfläche (gemessen: x 183–338 von 377) */
.handy__screen{left:49%;width:40.3%}