/* Fussball Legenden Talk – Das Original · Gestaltung Esther Schenk Panic · Umsetzung Smith & Victory */
@font-face{font-family:"Noto Cond";src:url(/assets/fonts/noto-cond-bold.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:Aboreto;src:url(/assets/fonts/aboreto.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Arimo;src:url(/assets/fonts/arimo.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--blau:#00359F;--hell:#C6DFF5;--grau:#F7F7F7;--txt-grau:#706F6D;--punkt:#E4E4E4;--schwarz:#000;
--noto:"Noto Cond","Noto Sans Condensed","Arial Narrow",sans-serif;--helv:"Helvetica Neue",Helvetica,Arimo,Arial,sans-serif;--abo:Aboreto,"Times New Roman",serif;
--w:1220px;--rand:max(20px,calc((100vw - var(--w))/2))}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font:400 16px/1.5 var(--helv);color:var(--schwarz);background:#fff;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{width:min(var(--w),100% - 40px);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:99;background:#fff;color:var(--blau);padding:8px 14px}.skip:focus{left:12px}
:focus-visible{outline:3px solid #ffbf00;outline-offset:2px}
main.grau{background:var(--grau)}

/* Buttons: eckig, blau; Hover kehrt um */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 26px;background:var(--blau);border:1px solid var(--blau);color:#fff;font:400 15px/1.2 var(--helv);text-align:center;transition:background-color .4s,color .4s,border-color .4s}
.btn:hover{background:#fff;color:var(--blau)}
.btn-line{background:transparent;border-color:#fff}.btn-line:hover{background:#fff;color:var(--blau);border-color:#fff}

/* ---------- Kopf ---------- */
.hd{position:relative;z-index:20;height:162px;background:var(--grau)}
.hd.auf-bild{position:absolute;left:0;right:0;top:0;background:none}
.hd-logo{position:absolute;left:0;top:12px;width:100px}
.hd-logo img{width:100px;height:100px}
.nav{position:absolute;right:0;top:61px;display:flex;align-items:stretch;background:var(--blau);height:39px;padding-left:0}
.nav a{display:flex;align-items:center;padding:0 23px;color:#fff;font:400 16px/1 var(--helv);text-transform:uppercase;letter-spacing:.01em;transition:background-color .3s,color .3s}
.nav a:hover,.nav a.on{background:var(--grau);color:#000}
.nav a.nav-cta{font-weight:700;padding:0 18px 0 22px;margin-left:12px}
.nav a.nav-cta:hover{background:#fff;color:var(--blau)}.nav a.nav-cta.on{background:var(--blau);color:#fff}
.burger,.mnav{display:none}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;color:#fff}
.hero-start{height:clamp(560px,71.2vw,1025px)}
.hero-ueber{height:clamp(460px,50.8vw,732px)}
.hero-bg,.hero .hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-bg.parallax{inset:-12% 0;height:124%}
.hero-ueber{background:#000;border-top:4px solid #fff;box-sizing:content-box}.hero-ueber .hero-bg{opacity:.53}.hero-ueber .hero-bg img,.hero-ueber img.hero-bg{object-position:50% 100%}
.hero-in{position:relative;z-index:2;padding-left:56px}
.hero-start .hero-in{padding-top:clamp(200px,20.2vw,291px)}
.hero-ueber .hero-in{padding-top:clamp(170px,19.4vw,280px)}
.hbox{display:inline-block;background:var(--blau);color:#fff;font:700 80px/1 var(--noto);text-transform:uppercase;padding:14px 26px 14px 14px;}
.hbox-l{font-size:60px;line-height:1.02;text-transform:none;padding:10px 18px 12px 10px}
.hsub{font:700 31px/43px var(--noto);margin-top:18px;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.hsub-s{font-size:23px;line-height:32px}
.hbtns{display:flex;gap:20px;margin-top:38px;flex-wrap:wrap}
.hbtns .btn{min-height:60px;padding:0 28px;font-size:18px}

/* ---------- Hellblaues Band ---------- */
.band{background:var(--hell)}
.band-in{display:grid;grid-template-columns:minmax(0,600px) 1fr minmax(0,330px);align-items:center;min-height:214px;padding:28px 0}
.kicker{font:700 16px/1.3 var(--helv);text-transform:uppercase;letter-spacing:.01em;color:#000}
.tbox{display:inline-block;margin-top:10px;background:var(--blau);color:#fff;font:700 45px/54px var(--noto);padding:6px 18px 8px 8px}
.band-logo{justify-self:center}.band-logo img{width:100px;height:100px}
.band-r{justify-self:end;display:flex;justify-content:flex-end}
.band-r .btn{min-height:41px;padding:0 18px;font-weight:700;text-transform:uppercase;font-size:14px}
.band-r img{width:301px;height:auto}
.band-claim-l .band-in{grid-template-columns:minmax(0,600px) 1fr}.band-claim-l .band-r{justify-self:start;padding-left:60px}
.band-claim{font:700 38px/46px var(--noto);color:var(--blau);white-space:nowrap}

/* ---------- Zwei Spalten ---------- */
.zwei{display:grid;grid-template-columns:minmax(0,372px) minmax(0,744px);justify-content:space-between;gap:50px;align-items:start;padding:50px 0 60px}
.zwei-rev{grid-template-columns:minmax(0,659px) minmax(0,430px)}
.zwei-t p{font:400 16px/24px var(--helv)}.zwei-t p+p{margin-top:24px}
.zwei-t .h3+p,.zwei-t .punkte+p{margin-top:0}
.zwei-t.breit{max-width:none}
.h3{font:700 30px/1.25 var(--noto);color:var(--blau);margin:16px 0 22px}
.h4{font:700 16px/1.3 var(--helv);color:var(--blau);margin:22px 0 12px}
.zitat p{font:700 17px/22px var(--helv);color:var(--blau)}.zitat p+p{margin-top:22px}
.punkte{display:flex;gap:6px;margin:30px 0 18px}.punkte i{width:10px;height:10px;border-radius:50%;background:var(--punkt)}
.lead{font:700 18px/27px var(--helv)!important;color:var(--txt-grau);margin-bottom:22px}
.zwei-b img{width:100%;height:auto}
.tagline{display:block;font:400 22px/31px var(--abo);color:var(--txt-grau);text-align:center;margin-top:14px;letter-spacing:.01em}
.tl-l{text-align:left}
.bu{display:block;font:italic 400 13px/1.45 var(--helv);color:var(--txt-grau);text-align:center;margin-top:10px}
.passe{background:#fff;padding-bottom:22px}.passe .tagline{margin-top:24px}.passe .bu{padding:0 40px}
.talk .zwei-b img{aspect-ratio:744/685;object-fit:cover}.abpfiff .zwei-b img{aspect-ratio:659/538;object-fit:cover}
.ueber-1{grid-template-columns:minmax(0,455px) minmax(0,646px)}
.nigbur{grid-template-columns:minmax(0,652px) minmax(0,500px)}
.heimat{grid-template-columns:minmax(0,455px) minmax(0,646px)}
.ueber-1 .zwei-b img{aspect-ratio:646/563;object-fit:cover;object-position:50% 20%}
.nissan-intro{grid-template-columns:minmax(0,700px) minmax(0,560px);padding-bottom:30px}
.form-zwei .zwei-b img{aspect-ratio:610/596;object-fit:cover}
.pw .form-zwei .zwei-b img{aspect-ratio:610/830}
.talk{padding-top:32px}.talk .zwei-t{padding-top:20px}
.abpfiff{padding-top:20px}.abpfiff .h3{margin-top:0}

/* Neueste Folge */
.slider{position:relative;max-width:430px}

/* ---------- Video-Raster ---------- */
.vk-bild{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#0c1c4e;overflow:hidden}
.vk-bild img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.vk-bild:hover img{transform:scale(1.03)}
.play{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:rgba(0,0,0,.45);border:2px solid #fff;transition:background-color .3s}
.play::after{content:"";position:absolute;left:24px;top:18px;border-style:solid;border-width:12px 0 12px 19px;border-color:transparent transparent transparent #fff}
.vk-bild:hover .play{background:var(--blau)}
.dauer{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.7);color:#fff;font:400 12px/1 var(--helv);padding:4px 6px;border-radius:2px}
.vgrid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 27px;margin-top:40px}
.vk-t{font:700 18px/22px var(--noto);margin-top:22px;padding:0 12px}
.vk-x{font:400 13px/16px var(--helv);margin-top:10px;padding:0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mehr-l{text-align:center;margin-top:40px}
.mehr-btn{font:400 14px/1 var(--helv);padding:6px 2px;border-bottom:1px solid #000}
.mehr-btn:hover{color:var(--blau);border-color:var(--blau)}
.folgen{padding:40px 0 80px}
.folgen-t{max-width:842px}.folgen-t p{font:400 16px/27px var(--helv)}.folgen-t p+p{margin-top:27px}
.folgen .tagline{margin-top:24px}
.weiss{background:#fff}

/* Video-Overlay */
.vplayer{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.88);display:grid;place-items:center;padding:20px}
.vplayer iframe{width:min(1100px,100%);aspect-ratio:16/9;height:auto;border:0;background:#000}
.vplayer button{position:absolute;top:14px;right:18px;width:44px;height:44px;color:#fff;font:400 36px/1 var(--helv)}

/* ---------- Partner ---------- */
.partner{text-align:center;padding:30px 0 60px}
.partner .kicker{font-weight:400;font-size:14px}.partner .h3{margin:8px 0 46px}
.plogos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;justify-items:center;row-gap:56px;column-gap:24px;max-width:1060px;margin:0 auto}
.plogos a,.plogos span{display:block;transition:transform .3s,opacity .3s}.plogos a:hover{transform:scale(1.05)}
.plogos img{max-width:200px;max-height:92px;width:auto;height:auto;object-fit:contain}
.plogos>:last-child{grid-column:3}

/* ---------- Über uns ---------- */
.nigbur .zwei-t{padding-top:10px}.nigbur .zwei-t .h3{margin-top:0}
.heimat{align-items:center}
.gross-zitat{text-align:center;color:var(--txt-grau);font-family:var(--abo);padding:0 30px}
.gross-zitat span{display:block;font-size:60px;line-height:.6;margin-bottom:10px}
.gross-zitat p{font:400 26px/31px var(--abo)!important;text-transform:uppercase}
.schalker{position:relative;background:#000;color:#fff;overflow:hidden}
.schalker-bg{position:absolute;inset:0 0 auto 0;height:270px}.schalker-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 92%}
.schalker-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.1) 40%,#000 100%)}
.schalker-in{position:relative;padding:60px 0 70px}
.schalker h2{font:700 46px/1.2 var(--noto);color:#DBDBDB}
.schalker p{font:400 18px/34px var(--helv);max-width:600px;margin-top:10px}
.schalker p+p{margin-top:24px}
.z-name{color:var(--hell)!important;font-size:16px!important;margin-top:40px!important}
.zahlen{list-style:none;display:flex;gap:70px;margin-top:6px}
.zahlen li{min-width:90px}
.zahlen b{display:block;font:700 60px/1.1 var(--noto)}
.zahlen span{display:block;font:400 16px/1.4 var(--helv);margin-top:14px;padding-bottom:12px;border-bottom:1px solid #fff;width:fit-content;min-width:48px;border-image:linear-gradient(to right,#fff 48px,transparent 48px) 1}
.schalker-fuss{font-size:16px!important;line-height:1.3!important;margin-top:40px!important}

/* ---------- Formular ---------- */
.form-zwei{grid-template-columns:minmax(0,440px) minmax(0,610px);padding-top:30px}
.form-zwei .zwei-t p{margin-bottom:24px}
.kform{margin-top:16px}
.kf-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}
.kform label{display:block}
.kform label span{display:block;font:400 17px/1.4 var(--helv)}
.kform input,.kform select{width:100%;height:36px;border:0;border-bottom:1px solid #000;background:transparent;font:400 16px var(--helv);outline:0;border-radius:0}
.kform input:focus,.kform select:focus{border-bottom-color:var(--blau);border-bottom-width:2px}
.kf-msg span{font-size:14px!important;margin-bottom:12px}
.kform textarea{width:100%;min-height:110px;border:1px solid #000;background:transparent;font:400 16px/1.5 var(--helv);padding:10px;resize:vertical;border-radius:0}
.kform textarea:focus{outline:2px solid var(--blau)}
.kf-hinweis{font:400 12px/1.5 var(--helv)!important;color:#555;margin:14px 0!important}.kf-hinweis a{text-decoration:underline}
.kform .btn{min-width:214px;min-height:42px;font-size:16px;margin-top:6px}
.kf-status{margin-top:12px!important;font-weight:700}.kf-status.ok{color:var(--blau)}.kf-status.err{color:#b3261e}
.kform.tried input:invalid{border-bottom-color:#b3261e}
.hp{position:absolute;left:-9999px}

/* ---------- Partner werden: Archiv ---------- */
.linie{border:0;border-top:1px solid #000;margin-block:20px 30px}
.archiv{padding-bottom:70px}.archiv .h3{margin-top:10px}
.archiv>p{max-width:560px;font:400 16px/27px var(--helv)}
.hefte{list-style:none;display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.hefte li{width:252px}
.hefte img{width:252px;height:auto;transition:opacity .3s}.hefte a:hover img{opacity:.85}
.hefte h3{font:700 15px/18px var(--noto);margin-top:12px}
.hefte p{font:400 12px/15px var(--helv);margin-top:4px}
.hefte .dl{display:inline-block;margin-top:6px;font:700 10px/1 var(--helv);text-transform:uppercase;color:var(--blau);border-bottom:1px solid var(--blau)}

/* ---------- Rechtstexte ---------- */
.legal{padding:40px 0 80px;max-width:min(980px,100% - 40px)}
.legal h1{font:700 46px/64px var(--noto);color:var(--blau)}
.legal h2{font:700 22px/1.3 var(--noto);color:var(--blau);margin:30px 0 10px}
.legal p,.legal li{font:400 18px/34px var(--helv)}.legal ul{margin:6px 0 6px 22px}
.legal a{color:var(--blau);text-decoration:underline;overflow-wrap:anywhere}
.nf p{margin-top:16px}

/* ---------- Fuß ---------- */
.ft{background:var(--grau)}.weiss-seite+.ft{background:#fff}
.ft .wrap{border-top:1px solid #000}
.ft-grid{display:grid;grid-template-columns:150px 1fr 1fr 1fr 170px;gap:24px 40px;padding:92px 0 0 22px;align-items:start}
.ft-logo img{width:117px;height:117px}
.ft h2{font:700 22px/1.2 var(--noto);color:var(--blau);margin-bottom:18px}
.ft p,.ft li{font:400 14px/30px var(--helv)}
.ft ul{list-style:none}.ft li a:hover,.ft .plain:hover{color:var(--blau)}
.ft-cta{padding-top:58px}.ft-cta .btn{width:170px}
.ft-bottom{display:flex;align-items:center;gap:24px;padding:150px 6px 46px;font:400 14px/19.6px var(--helv);letter-spacing:.03em}
.ft-bottom p{margin-right:auto;font-size:12px}
.ft-bottom nav{display:flex;gap:28px;font-size:12px}
.ft-bottom a:hover{color:var(--blau)}
.top{text-decoration:underline;margin-left:40px}

/* ---------- Tablet ---------- */
@media (max-width:1100px){
  .hbox{font-size:clamp(46px,7vw,80px)}.hbox-l{font-size:clamp(38px,5.4vw,60px)}
  .tbox{font-size:clamp(30px,3.9vw,45px);line-height:1.2}.band-claim{font-size:clamp(26px,3.3vw,38px);white-space:normal}
  .band-in{grid-template-columns:minmax(0,1.4fr) auto minmax(0,1fr);gap:24px}
  .zwei,.zwei-rev,.form-zwei{grid-template-columns:1fr 1fr;gap:40px}
  .plogos{grid-template-columns:repeat(4,minmax(0,1fr))}.plogos>:last-child{grid-column:auto}
  .ft-grid{grid-template-columns:130px 1fr 1fr 1fr;padding-left:0}.ft-cta{grid-column:2/-1;padding-top:0}
  .nav a{padding:0 14px;font-size:14px}
}
@media (max-width:900px){
  .nav{display:none}
  .burger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;position:absolute;right:20px;top:34px;width:48px;height:48px;background:var(--blau)}
  .burger span{display:block;width:24px;height:2px;background:#fff}
  .mnav{display:block;position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.35)}
  .mnav[hidden]{display:none}
  .mnav nav{position:absolute;top:0;right:0;bottom:0;width:min(78vw,360px);background:var(--grau);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;animation:rein .25s ease-out}
  .mnav nav a{font:400 18px/1.2 var(--helv);text-transform:uppercase;color:#000}.mnav nav a.on{color:var(--blau)}
  .mnav .btn{color:#fff;letter-spacing:.12em;margin-top:10px}
  .mclose{position:absolute;top:22px;right:22px;z-index:2;width:44px;height:44px}
  .mclose::before,.mclose::after{content:"";position:absolute;left:10px;top:21px;width:24px;height:2px;background:var(--blau);transform:rotate(45deg)}.mclose::after{transform:rotate(-45deg)}
  .hd{height:116px}.hd-logo{left:16px;top:10px;width:92px}.hd-logo img{width:92px;height:92px}
}
@keyframes rein{from{transform:translateX(100%)}}

/* ---------- Handy ---------- */
@media (max-width:760px){
  .ueber-1,.nigbur,.heimat,.nissan-intro{grid-template-columns:1fr}
  .band-claim-l .band-in{grid-template-columns:1fr}.band-claim-l .band-r{padding-left:0}
  .hefte li{width:calc(50% - 5px)}.hefte img{width:100%}
  body{font-size:17px}
  .hero-start{height:auto;min-height:620px}.hero-ueber{height:auto;min-height:480px}
  .hero-in{padding-left:0}.hero-start .hero-in{padding:150px 0 60px}.hero-ueber .hero-in{padding:150px 0 70px}
  .hbox{font-size:clamp(34px,10.4vw,44px);padding:10px 14px 10px 10px}.hbox-l{font-size:clamp(30px,8.6vw,38px)}
  .hsub{font-size:21px;line-height:28px}.hsub-s{font-size:18px}
  .hbtns{gap:12px;margin-top:26px}.hbtns .btn{min-height:52px;font-size:16px;padding:0 18px;flex:1 1 220px}
  .band-in{grid-template-columns:1fr auto;gap:16px 14px;padding:26px 0 28px;min-height:0}
  .band-l{grid-column:1/-1}.band-logo{justify-self:start}.band-logo img{width:76px;height:76px}
  .tbox{font-size:28px;line-height:34px}
  .band-r img{width:200px}.band-claim{font-size:24px;line-height:30px}
  .zwei,.zwei-rev,.form-zwei{grid-template-columns:1fr;gap:30px;padding:36px 0 40px}
  .zwei-rev .zwei-b,.heimat .zwei-b{order:2}
  .zwei-t p,.folgen-t p{font-size:17px;line-height:27px}
  .h3{font-size:27px}
  .tagline{font-size:18px;line-height:25px}
  .vgrid{grid-template-columns:1fr;gap:34px}
  .vk-t{font-size:20px;line-height:24px;padding:0}.vk-x{font-size:15px;line-height:20px;padding:0}
  .plogos{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:38px}.plogos img{max-width:150px;max-height:70px}
  .gross-zitat p{font-size:22px!important;line-height:28px!important}
  .schalker h2{font-size:36px}.schalker p{font-size:17px;line-height:29px}
  .zahlen{gap:22px;flex-wrap:wrap}.zahlen b{font-size:46px}.zahlen span{font-size:14px}
  .kf-2{grid-template-columns:1fr;gap:22px;margin-bottom:22px}
  .kform .btn{width:100%}
  .hefte li{width:calc(50% - 5px)}.hefte img{width:100%}
  .legal h1{font-size:clamp(28px,9vw,36px);line-height:1.2}.legal,.legal h1,.legal h2,.zwei-t,.vk-t{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hbox,.tbox,.band-claim{overflow-wrap:break-word}
  .tbox{font-size:clamp(23px,7.2vw,28px);line-height:1.22}.legal p,.legal li{font-size:17px;line-height:29px}
  .ft-grid{grid-template-columns:1fr;padding:44px 0 0;gap:28px}.ft-cta{grid-column:auto}.ft-cta .btn{width:100%}
  .ft-bottom{flex-wrap:wrap;gap:14px 24px;padding:50px 0 34px}.ft-bottom p{width:100%}.top{margin-left:auto}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ---------- Neue Seitentypen: Folgen, Übersicht, Gegner, Legenden, Fragen ---------- */
.band-klein .wrap{padding:26px 0 30px}
.bc{padding:18px 0 0}.bc ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;font:400 13px/1.4 var(--helv);color:#555}
.bc li+li::before{content:"›";margin-right:6px;color:#999}.bc a{color:var(--blau)}.bc a:hover{text-decoration:underline}
.folge{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:50px;padding:26px 0 40px;align-items:start}
.folge .h3{margin-top:0}.folge-t p{font:400 16px/26px var(--helv)}.folge-t p+p{margin-top:16px}
.zweiklick{font:400 12px/1.5 var(--helv);color:#555;margin-top:8px}.zweiklick a{text-decoration:underline}
.fakten{list-style:none;border-top:1px solid #ddd;margin:0 0 22px}.fakten li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid #ddd;font:400 15px/1.4 var(--helv)}
.fakten b{font-weight:700}.fakten a,.folge-t a,.ue-intro a,.faq a,.quellen a{color:var(--blau);text-decoration:underline}
.folge-yt{margin-top:22px!important;font-weight:700}
.folge-nav{display:flex;justify-content:space-between;gap:20px;padding:10px 0 30px;border-top:1px solid #000}
.folge-nav a{display:block;max-width:45%;padding-top:14px;font:700 18px/1.25 var(--noto);color:var(--blau)}.folge-nav a span{display:block;font:400 12px/1.4 var(--helv);text-transform:uppercase;color:#555;margin-bottom:4px}
.folge-nav a.r{text-align:right;margin-left:auto}.folge-nav a:hover{text-decoration:underline}
.passend{padding:10px 0 70px}.passend .vgrid,.neueste .vgrid{margin-top:10px}
.vk-t a:hover{color:var(--blau);text-decoration:underline}
.ue-intro{padding:26px 0 10px}.ue-intro>*{max-width:860px}.ue-intro p{font:400 17px/28px var(--helv)}.ue-intro p+p{margin-top:16px}.ue-intro .h3{margin-top:0}
.neueste{padding:10px 0 20px}
.saison{padding:30px 0 20px}.saison .h3 span,.muted{font:400 15px var(--helv);color:#666;margin-left:8px}
.tbl{overflow-x:auto;background:#fff;border:1px solid #e3e3e3}
.tbl table{width:100%;border-collapse:collapse;font:400 15px/1.4 var(--helv)}
.tbl th{text-align:left;font-weight:700;padding:12px 14px;border-bottom:2px solid var(--blau);background:#fafafa;white-space:nowrap}
.tbl td{padding:11px 14px;border-bottom:1px solid #eee;vertical-align:top}.tbl tr:last-child td{border-bottom:0}
.tbl a{color:var(--blau)}.tbl a:hover{text-decoration:underline}.nowrap{white-space:nowrap}
.person{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:50px;padding:26px 0 40px;align-items:start}
.person .h3{margin-top:0}.person-t p{font:400 17px/28px var(--helv)}.person-t p+p{margin-top:16px}.person .lead{margin-bottom:16px}
.person-f{background:#fff;border:1px solid #e3e3e3;padding:22px 24px}
.person-f dl{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin-top:14px;font:400 15px/1.45 var(--helv)}.person-f dt{font-weight:700}
.quellen{font:400 12px/1.6 var(--helv)!important;color:#555;margin-top:16px}
.rel-l{display:flex;gap:24px;padding:0 0 60px;font:700 18px var(--noto)}.rel-l a{color:var(--blau)}
.faq{padding:26px 0 70px}.faq>*{max-width:860px}.faq .h3{margin-top:0}
.faq details{border-bottom:1px solid #ccc}.faq summary{cursor:pointer;padding:18px 0;font:700 20px/1.3 var(--noto);color:var(--blau);list-style:none}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";float:right;font-weight:400}.faq details[open] summary::after{content:"–"}
.faq p{font:400 17px/28px var(--helv);padding:0 0 18px}
.ft-mehr{margin-top:10px;font-weight:700}.ft-mehr a{color:var(--blau)}.ft-mehr a:hover{text-decoration:underline}
@media (max-width:760px){
  .folge,.person{grid-template-columns:minmax(0,1fr);gap:26px}.folge-t p,.person-t p,.person-f dd,.ue-intro p,.faq p{hyphens:auto;-webkit-hyphens:auto}.fakten li{grid-template-columns:110px minmax(0,1fr)}
  .hide-s{display:none}.tbl table{font-size:14px}.tbl td,.tbl th{padding:9px 10px}
  .folge-nav{flex-direction:column}.folge-nav a{max-width:none}.folge-nav a.r{text-align:left;margin-left:0}
  .faq summary{font-size:18px}.rel-l{flex-direction:column;gap:10px}
}
.folge .h3,.person .h3,.ue-intro .h3,.faq .h3{overflow-wrap:break-word}
@media (max-width:420px){.person .h3,.folge .h3{font-size:30px;line-height:1.15}}

/* 1:1-Abgleich Startseite (Wix-Messwerte bei 1440 px) */
@media (min-width:1001px){
  .hd-logo{left:-17px;width:138px}.hd-logo img{width:138px;height:138px}
  .nav a.nav-cta{margin-left:0;padding:0 11px}
  .hero-start .hero-in{padding-left:58px}
  .hero-start .hbox{padding:16px 32px 17px 13px}
  .hero-start .hero-in{padding-top:clamp(196px,19.9vw,286px)}.hero-start .hbtns{margin-top:56px}.hero-start .hbtns .btn{width:222px;padding:0 6px;white-space:nowrap}
  .band-logo img{width:138px;height:138px}.band-logo{position:relative;left:20px;top:18px}
  .band-r .btn{font-size:15px;position:relative;top:10px}
  .tbox{padding:3px 18px 4px 8px}
}
.hero-start{background:#000;border-top:4px solid #fff;box-sizing:content-box}
.hero-start .hero-bg{opacity:.6}

/* 1:1-Abgleich Unterseiten (Wix-Messwerte bei 1440 px) */
main{overflow-x:clip}
@media (min-width:1001px){
  .band-in{padding:12px 0}
  .band-r img{margin-right:13px}
  .nissan-intro{padding:57px 0 44px}
  .nissan-intro .h3{margin:0 0 26px;line-height:41px}
  .nissan-intro .zwei-t p{line-height:27px}.nissan-intro .zwei-t p+p{margin-top:28px}
  .nissan-intro .zwei-b img{height:319px;object-fit:cover}
  .nissan-intro+.tagline{margin-top:0}
}
@media (min-width:1400px){.nissan-intro .zwei-b img{width:600px;max-width:none}}
@media (min-width:1001px){
  .hero-in{padding-left:58px}
  .hero-ueber .hero-in{padding-top:clamp(176px,19.9vw,286px)}
  .hbox-l{padding:16px 11px 17px 11px;line-height:60px}
  .hero-ueber .hsub{margin-top:24px}
  .band-nah .band-in{grid-template-columns:auto auto 1fr}.band-nah .band-logo{justify-self:start;left:31px;top:2px}
  .band-nah .band-r .btn{top:7px}
  .ueber-1{padding-top:52px}.ueber-1 .zwei-t{padding-top:22px}
  .ueber-1 .zwei-t p{line-height:27px}.ueber-1 .zwei-t p+p{margin-top:27px}
  .ueber-1 .zwei-b{position:relative;background:none;padding:0}
  .ueber-1 .zwei-b img{aspect-ratio:646/720;object-position:50% 50%}
  .ueber-1 figcaption{position:absolute;left:0;right:0;top:84%}
  .ueber-1 .tagline{margin-top:0}.ueber-1 .bu{font-size:14px;line-height:19.6px;padding:0 70px;margin-top:14px}
}
@media (min-width:1300px){
  .ft-grid{grid-template-columns:minmax(0,281fr) minmax(0,244fr) minmax(0,244fr) minmax(0,267fr) minmax(0,173fr);gap:0;padding:74px 0 0 11px}
  .ft-grid>div:nth-child(2){padding-right:48px}.ft-grid>div:nth-child(3){padding-right:79px}.ft-grid>div:nth-child(4){padding-right:71px}
  .ft-logo img{width:160px;height:160px;margin-top:-7px}
  .ft h2{line-height:30px;margin-bottom:24px}
  .ft p:not(.ft-mehr),.ft li{font-size:16px;line-height:30.4px}
  .ft-cta{padding-top:94px}.ft-cta .btn{width:173px;font-size:18px}
}
@media (min-width:1001px){
  .form-zwei{padding-top:46px}
  .kform{margin-top:0;padding:28px 0 0 11px;display:flex;flex-direction:column;align-items:flex-start}
  .kf-2{grid-template-columns:214px 214px;gap:43px 32px;margin-bottom:44px}
  .kform label span{font-size:18px;line-height:18px}
  .kform input{height:40px}
  .kf-msg{width:460px}.kf-msg span{font-size:16px!important;line-height:16px;margin-bottom:30px}
  .kform textarea{min-height:177px}
  .kform .btn{order:1;margin-top:32px;font-size:18px}
  .kf-hinweis{order:2;max-width:460px}.kf-status{order:3}
  .band-claim-l .band-claim{position:relative;left:13px;top:13px}
}
@media (min-width:1001px){.form-zwei{padding-bottom:38px}}@media (min-width:1300px){.ft-mehr{white-space:nowrap;font-size:13px!important}}
@media (min-width:1001px){
  .pw .form-zwei{padding-top:28px;grid-template-columns:minmax(0,483px) minmax(0,610px)}
  .pw .form-zwei .zwei-t p{line-height:28px;margin-bottom:28px;max-width:472px}
  .pw .kform .btn{min-height:60px}
  .archiv .h3{margin-top:2px}.archiv .hefte{margin-top:27px}.archiv{padding-bottom:134px}
  .hefte li{width:254px}.hefte img{width:254px}
}
@media (min-width:1300px){.nissan-intro{grid-template-columns:minmax(0,696px) minmax(0,1fr);gap:82px;justify-content:start}}
