/* /pitch/ – gleiche Farben & Schriften wie die Luxus-Ebene der Hauptseite */
@font-face{font-family:"Kumbh Sans";src:url(/assets/fonts/kumbh-sans-latin-var.woff2) format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:"Krona One";src:url(/assets/fonts/krona-one.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Lora";src:url(/assets/fonts/lora-italic-latin-var.woff2) format("woff2");font-weight:400 600;font-style:italic;font-display:swap}
:root{--bg:#070707;--surface:#111112;--line:rgba(236,230,218,.08);--line-2:rgba(236,230,218,.16);--text:#bfbbb3;--muted:#85827b;
  --white:#f3efe8;--cream:#efe9de;--accent:#ffeb05;--sans:"Kumbh Sans",system-ui,sans-serif;--display:"Krona One",system-ui,sans-serif;
  --serif:"Lora",Georgia,serif;--ease:cubic-bezier(.22,.61,.12,1);color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--bg);color:var(--text);font:300 1rem/1.7 var(--sans);-webkit-font-smoothing:antialiased}
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:url(/assets/grain.png) repeat;opacity:.1;z-index:5}
a{color:inherit}
h1{font:200 clamp(2rem,5vw,3.4rem)/1.1 var(--sans);color:var(--white);margin:.2em 0 .4em;letter-spacing:.01em}
h1 em{font:italic 400 1em/1 var(--serif);color:var(--cream)}
.p-eyebrow{font:400 .64rem/1 var(--display);letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin:0}
.p-lead{color:var(--muted);margin:0 0 1.8rem;max-width:34ch}
.p-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.p-logo{display:inline-block;line-height:0}
.p-logo img{width:56px;height:auto}
.p-link{font:400 .62rem/1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .25s}
.p-link:hover{color:var(--accent)}

/* Login */
.p-center{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,440px);justify-content:center;align-content:center;gap:2rem;padding:2rem 16px;
  background:radial-gradient(closest-side at 70% 20%,rgba(255,235,5,.06),transparent 70%)}
.p-card{min-width:0;text-align:left}
.p-card .p-logo{margin-bottom:2.4rem}
.p-form{display:grid;gap:.9rem}
.p-form input{width:100%;padding:1.05em 1.2em;background:var(--surface);border:1px solid var(--line-2);border-radius:4px;color:var(--white);
  font:300 1rem var(--sans);letter-spacing:.04em;transition:border-color .25s}
.p-form input:focus{outline:none;border-color:var(--accent)}
.p-btn{display:inline-flex;justify-content:center;align-items:center;gap:.8em;padding:1.1em 1.5em;border:1px solid var(--cream);border-radius:999px;
  background:var(--cream);color:#070707;font:400 .74rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;
  transition:transform .3s var(--ease),background .3s,border-color .3s}
.p-btn:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}
.p-error{color:#e8a38f;margin:.2rem 0 0;font-size:.92rem}
.p-foot{text-align:center;font-size:.78rem;color:var(--muted);letter-spacing:.06em;margin:0}

/* Übersicht */
.p-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:18px clamp(16px,4vw,40px);border-bottom:1px solid var(--line)}
.p-wrap{max-width:900px;margin:0 auto;padding:clamp(3rem,9vw,7rem) clamp(16px,4vw,40px)}
.p-decks{list-style:none;margin:2.4rem 0 0;padding:0;border-top:1px solid var(--line)}
.p-decks a{display:grid;grid-template-columns:3.2rem 1fr auto;align-items:center;gap:1rem;padding:1.6rem 0;border-bottom:1px solid var(--line);
  text-decoration:none;color:var(--white);transition:padding .35s var(--ease),color .3s}
.p-decks a:hover{padding-left:.8rem;color:var(--accent)}
.p-num{font:400 .7rem var(--display);color:var(--muted);letter-spacing:.1em}
.p-title{font:300 clamp(1.1rem,2.4vw,1.6rem)/1.3 var(--sans)}
.p-arrow{font-size:1.2rem;transition:transform .35s var(--ease)}
.p-decks a:hover .p-arrow{transform:translateX(6px)}

/* Viewer */
.p-view{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.p-view::after{display:none}
.p-bar--slim{padding:10px clamp(16px,3vw,28px)}
.p-bar--slim .p-logo img{width:38px}
.p-bar__title{margin:0;flex:1;min-width:0;color:var(--white);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-bar__nav{display:flex;gap:clamp(.9rem,2.5vw,1.8rem);flex-shrink:0}
.p-frame{flex:1;width:100%;border:0;background:#000}
@media (max-width:560px){.p-bar__title{display:none}.p-bar--slim{justify-content:space-between}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* Übersicht mit Vorschaubildern (mehrere Präsentationen) */
.p-wrap--wide{max-width:1180px}
.p-cards{list-style:none;margin:2.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:clamp(16px,2.4vw,28px)}
.p-card2{display:block;text-decoration:none;color:var(--white)}
.p-card2__media{display:block;aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:var(--surface);border:1px solid var(--line)}
.p-card2__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .4s;filter:saturate(.9)}
.p-card2:hover .p-card2__media img{transform:scale(1.03);filter:none}
.p-card2__body{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:.8rem;padding:1.1rem 0;border-bottom:1px solid var(--line)}
.p-card2:hover .p-arrow{transform:translateX(6px)}
.p-card2:focus-visible{outline:2px solid var(--cream);outline-offset:6px;border-radius:6px}
/* Leiste in der Präsentation: zurück zur Übersicht */
.p-back{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px clamp(14px,3vw,28px);border-bottom:1px solid var(--line);background:var(--bg)}
.p-back__link,.p-back__out{font:400 .62rem/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--white);text-decoration:none;white-space:nowrap}
.p-back__link{display:inline-flex;align-items:center;gap:.7em;padding:.85em 1.2em;border:1px solid var(--line-2);border-radius:999px;transition:background .25s,color .25s,border-color .25s}
.p-back__link:hover{background:var(--cream);color:#070707;border-color:var(--cream)}
.p-back__out{color:var(--muted)}.p-back__out:hover{color:var(--white)}
.p-back__title{margin:0;flex:1;min-width:0;text-align:center;color:var(--muted);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:600px){.p-back__title{display:none}}