/* Kreide-Files: Tafel-Szenen, Download, Übersicht. Ergänzt main.css, wird nur auf /kreide/ geladen. */
:root{--board:#17181a}
.kf-h1{font-size:clamp(3.2rem,10vw,9rem)!important;max-width:14ch}

/* Die Tafel: Slides werden nicht beschnitten, liegen auf Hallenboden */
.pin-media.chalk{background:var(--board)}
.pin-media.chalk>img{object-fit:contain;padding:11vh 4vw;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6))}
.kf-tafel{background:var(--board)}
.kf-tafel .stage{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.kf-tafel .line{font-size:clamp(2.6rem,5.4vw,5.4rem)}
.kf-tafel .line.small{font:500 clamp(1.15rem,1.8vw,1.6rem)/1.4 var(--f-body);text-transform:none;max-width:24em;color:#d8d2c8}
.kf-tafel .line.small em{color:var(--tape)}

.statement p{font:600 .8rem/1.6 var(--f-label);letter-spacing:.24em;text-transform:uppercase}
.statement h2{max-width:18ch}

/* Hilfe, Karte, Übungen */
.kf-help,.kf-beats,.kf-q{padding:14vh var(--pad);background:var(--concrete);border-top:1px solid var(--line)}
.kf-help.slim{padding:7vh var(--pad)}
.kicker{font:600 .85rem/1 var(--f-label);letter-spacing:.35em;text-transform:uppercase;color:var(--tape);margin:0 0 18px}
.kf-help h2,.kf-card h2{font:900 clamp(2.4rem,6vw,5rem)/.9 var(--f-display);text-transform:uppercase;margin:0 0 30px;max-width:16ch}
.kf-help h2 em,.kf-card h2 em,.kf-take h1 em,.kf-take h2 em,.kf-q em{font-style:normal;color:var(--tape)}
.kf-help ul{list-style:none;padding:0;margin:0;display:grid;gap:14px;max-width:760px}
.kf-help li{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:14px}
.kf-help li a{font:900 clamp(1.8rem,3.6vw,2.6rem)/1 var(--f-display);color:var(--chalk)}
.kf-help li span{color:var(--muted)}
.note{color:var(--muted);max-width:40em;margin:24px 0 0}
.note a{color:var(--chalk);text-decoration:underline;text-underline-offset:3px}
.kf-beats{text-align:center}
.kf-beats .beats{display:flex;gap:.35em;flex-wrap:wrap;justify-content:center;margin:0}
.kf-beats .beats span{font:900 clamp(3rem,9vw,8rem)/.95 var(--f-display);text-transform:uppercase}
.kf-beats .beats .yel{color:var(--tape)}
.kf-beats .note{margin:24px auto 0}
.kf-q ol{margin:0;padding:0;list-style:none;counter-reset:q;display:grid;gap:22px}
.kf-q li{counter-increment:q;font:900 clamp(2rem,4.6vw,4rem)/.95 var(--f-display);text-transform:uppercase;display:flex;gap:.5em}
.kf-q li::before{content:counter(q);color:var(--ox-hi)}

.kf-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#000;min-height:70svh}
.kf-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3) brightness(.8)}
.kf-card>div{padding:12vh var(--pad);display:grid;align-content:center}
.kf-card p{color:#d8d2c8;max-width:28em;margin:0}

/* Download: Video links, Dateien rechts */
.kf-dl{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,80px);align-items:center;padding:16vh var(--pad);background:#000}
.kf-film{position:relative;max-width:520px;width:100%;justify-self:center;border:10px solid #f1ebdf;background:#f1ebdf;transform:rotate(-1.5deg);box-shadow:0 30px 70px rgba(0,0,0,.7)}
.kf-film video{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--board)}
.kf-take h1,.kf-take h2{font:900 clamp(3rem,8vw,7rem)/.85 var(--f-display);text-transform:uppercase;margin:0 0 18px}
.kf-take>p{color:#d8d2c8;max-width:30em;margin:0 0 30px}
.kf-files{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kf-files a{display:grid;gap:6px;padding:20px 22px;border:1px solid var(--line);background:var(--concrete);transition:background .2s,border-color .2s,transform .25s}
.kf-files a:hover,.kf-files a:focus-visible{background:var(--ox);border-color:var(--ox);transform:translateY(-3px)}
.kf-files b{font:900 1.7rem/1 var(--f-display);text-transform:uppercase}
.kf-files b::after{content:" ↓";color:var(--tape)}
.kf-files span{font:600 .78rem/1.3 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.kf-files a:hover span{color:#fff}

/* Weiter-Leiste */
.kf-next{display:grid;grid-template-columns:1fr auto 1fr;background:#000;border-top:1px solid var(--line)}
.kf-next a{position:relative;overflow:hidden;min-height:44svh;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(20px,3vw,40px)}
.kf-next a:nth-child(2){min-width:clamp(160px,18vw,260px);justify-content:center;text-align:center;background:var(--ox)}
.kf-next a:nth-child(3){text-align:right;align-items:flex-end}
.kf-next img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;transition:opacity .5s,transform 1.2s cubic-bezier(.2,.8,.2,1);transform:scale(1.06)}
.kf-next a:hover img{opacity:.6;transform:none}
.kf-next .no,.kf-next b{position:relative}
.kf-next .no{font:600 .8rem/1 var(--f-label);letter-spacing:.3em;text-transform:uppercase;color:var(--tape)}
.kf-next b{font:900 clamp(1.8rem,3.6vw,3.4rem)/.9 var(--f-display);text-transform:uppercase;margin-top:10px;max-width:12ch}
.kf-next a:nth-child(2) .no{color:#fff}

/* Paket */
.kf-k{color:var(--tape)}
.kf-sub{max-width:32em;margin:22px auto 0;color:#d8d2c8}
.kf-fine{font:600 .72rem/1.6 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);max-width:36em;margin:22px auto 0}

/* Übersicht: Sammelkarten */
.kf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(22px,3vw,40px);padding:12vh var(--pad);background:#000}
.kf-tile{position:relative;display:grid;gap:8px;padding:10px 10px 18px;background:#f1ebdf;color:#1a1a1a;transform:rotate(var(--r,0deg));box-shadow:0 20px 50px rgba(0,0,0,.6);transition:transform .45s cubic-bezier(.2,1.4,.4,1),box-shadow .3s}
.kf-tile:hover,.kf-tile:focus-visible{transform:rotate(0) scale(1.04) translateY(-6px);box-shadow:0 34px 70px rgba(0,0,0,.8);z-index:2}
.kf-tile img{width:100%;aspect-ratio:4/5;object-fit:cover}
.kf-tile .no{font:600 .75rem/1 var(--f-label);letter-spacing:.2em;text-transform:uppercase;color:var(--ox);margin-top:6px}
.kf-tile b{font:900 1.9rem/.92 var(--f-display);text-transform:uppercase}
.kf-tile .hk{font:500 .95rem/1.35 var(--f-body);color:#3a3a3a}

@media (max-width:860px){
  .kf-tafel .stage{grid-template-columns:1fr;grid-template-rows:58svh 1fr}
  .pin-media.chalk>img{padding:72px 16px 8px}
  .kf-tafel .line{font-size:clamp(2.2rem,10vw,3.2rem)}
  .kf-tafel .line.small{margin-top:14px}
  .kf-dl,.kf-card{grid-template-columns:1fr}
  .kf-card img{max-height:46svh}
  .kf-files{grid-template-columns:1fr}
  .kf-next{grid-template-columns:1fr 1fr}
  .kf-next a{min-height:30svh}
  .kf-next a:nth-child(2){grid-column:1/-1;grid-row:2;min-height:auto;padding:22px}
}

/* Paket-Formular */
.kf-form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:30px auto 0;max-width:640px}
.kf-form input[type=email]{flex:1 1 260px;min-width:0;font:500 1.05rem/1 var(--f-body);padding:19px 20px;background:rgba(0,0,0,.6);border:1px solid var(--chalk);color:var(--chalk)}
.kf-form input[type=email]::placeholder{color:var(--muted)}
.kf-form .btn{margin-top:0;border:0;cursor:pointer}
.kf-done{margin:30px auto 0;max-width:30em;font:800 clamp(1.4rem,3vw,2.2rem)/1.1 var(--f-display);text-transform:uppercase;color:var(--tape)}
.kf-fine a{text-decoration:underline;text-underline-offset:3px}
.kf-paket{min-height:100svh;padding-top:18vh}

/* Teilen und Weiterlesen */
.kf-sharebox{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:22px 0 0}
.kf-share{cursor:pointer;background:none;border:1px solid var(--chalk);color:var(--chalk);font:600 .85rem/1 var(--f-label);letter-spacing:.18em;text-transform:uppercase;padding:15px 20px}
.kf-share:hover,.kf-share:focus-visible{background:var(--chalk);color:#000}
.kf-shared{font:600 .78rem/1.3 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--tape);word-break:break-all}
.kf-read{padding:12vh var(--pad);background:var(--concrete);border-top:1px solid var(--line)}
.kf-read-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,26px)}
.kf-read a{position:relative;overflow:hidden;min-height:34svh;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(18px,2.4vw,32px);background:#000;border:1px solid var(--line)}
.kf-read img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;transition:opacity .5s,transform 1.2s cubic-bezier(.2,.8,.2,1);transform:scale(1.05)}
.kf-read a:hover img,.kf-read a:focus-visible img{opacity:.6;transform:none}
.kf-read .no,.kf-read b{position:relative}
.kf-read .no{font:600 .78rem/1 var(--f-label);letter-spacing:.3em;text-transform:uppercase;color:var(--tape)}
.kf-read b{font:900 clamp(1.6rem,3vw,2.6rem)/.95 var(--f-display);text-transform:uppercase;margin-top:10px;max-width:18ch}
.kf-read b::after{content:" →";color:var(--ox-hi)}
@media (max-width:860px){.kf-read-grid{grid-template-columns:1fr}.kf-read a{min-height:24svh}}