:root{color-scheme:dark;--bg:#101013;--panel:#1a1a20;--text:#f5f3f1;--muted:#a8a6af;--accent:#dfef74;--line:#313136;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a:hover{color:var(--accent)}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-100px;padding:16px;z-index:20;background:var(--bg)}.skip:focus{top:0}header{height:94px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.wordmark{font-weight:950;font-style:italic;letter-spacing:-1.5px;font-size:28px;white-space:nowrap}.mark{color:var(--accent);font-style:normal;margin-left:7px}nav{display:flex;align-items:center;gap:32px;font-size:14px}.nav-youtube{border:1px solid #5d5b62;padding:12px 19px;border-radius:3px}.nav-youtube span{margin-left:16px}.hero{min-height:650px;height:min(760px,80vh);position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;inset:0;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,14,.88),rgba(10,10,16,.28) 58%,rgba(10,10,16,.05)),linear-gradient(0deg,#101013,transparent 28%);z-index:-2}.hero-copy{padding:50px 5.5% 110px;max-width:850px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.1px;margin:0 0 24px}.slash{color:var(--accent);margin-right:10px}h1{font-size:clamp(52px,6.4vw,98px);letter-spacing:-4px;line-height:1.02;margin:0 0 25px;font-weight:850}#heroText{font-size:18px;line-height:1.6;color:#d4d2da;max-width:440px;white-space:pre-line}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--accent);color:#14150d;font-weight:700;font-size:14px;padding:18px 24px;border:1px solid var(--accent);border-radius:3px;margin-top:18px}.button:hover{background:#eef6b7;color:#111}.play-small{font-size:12px}.hero-bottom{position:absolute;bottom:35px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px;color:#bdbbc6}.hero-bottom a span{font-size:20px;margin-left:16px}.videos{padding:80px 5.5% 100px;scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px;gap:24px}.section-heading .eyebrow{margin-bottom:14px}h2{font-size:clamp(28px,3.2vw,44px);letter-spacing:-1.3px;line-height:1.15;margin:0}.accent{color:var(--accent)}.section-heading>a{font-size:14px;border-bottom:1px solid #68666e;padding-bottom:6px;white-space:nowrap}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.video-card{min-width:0}.video-cover{width:100%;aspect-ratio:16/9;position:relative;border:0;padding:0;background:#222229;display:block;overflow:hidden;border-radius:4px;color:white}.video-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s;filter:brightness(.75)}.video-cover:hover img{transform:scale(1.035)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #ffffff75;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#1116;font-size:16px;padding-left:3px}.video-meta{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.4px;color:var(--muted);margin:19px 0 12px}.video-card h3{font-size:21px;line-height:1.35;margin:0;letter-spacing:-.4px}.demo-label{position:absolute;left:12px;bottom:12px;background:#101013c9;padding:6px 9px;font-size:12px;letter-spacing:.5px}.empty{padding:35px;border:1px solid var(--line);grid-column:1/-1;color:var(--muted)}footer{margin:0 5.5%;border-top:1px solid var(--line);padding:42px 0 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:50px}.footer-top p{color:var(--muted);font-size:14px}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:24px}.footer-bottom>div{display:flex;gap:24px;flex-wrap:wrap}.text-button{color:inherit;font-size:inherit;border:0;background:none;padding:0}.text-button:hover{color:var(--accent)}dialog{background:var(--panel);color:var(--text);border:1px solid #44414b;border-radius:6px;padding:42px;max-width:700px;width:calc(100% - 32px);max-height:85vh;box-shadow:0 40px 150px #0008}dialog::backdrop{background:#030307cf;backdrop-filter:blur(6px)}.close{position:absolute;right:14px;top:10px;background:none;border:none;color:#ddd;font-size:30px;width:40px;height:40px}dialog h2{font-size:30px;margin-bottom:24px}.legal-copy{white-space:pre-wrap;line-height:1.7;color:#d2cfd8;font-size:16px;overflow-wrap:anywhere}.video-dialog{max-width:1000px}.video-dialog h2{font-size:24px;padding-right:20px}#player iframe{width:100%;aspect-ratio:16/9;border:0}#player p,#popupText{color:#c7c4ce;line-height:1.6;white-space:pre-line}.secondary{background:transparent;color:var(--text);border:1px solid #66616e}.consent-actions{display:flex;gap:12px;flex-wrap:wrap}.notice{padding:24px;background:#272720}.admin-body{max-width:1050px;margin:auto;padding:35px 24px 100px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;gap:20px}.admin-body h1{font-size:40px;letter-spacing:-1.5px}.admin-panel{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:28px;margin:22px 0}.admin-panel h2{font-size:24px;margin-bottom:20px}.admin-panel p,.help{color:var(--muted);line-height:1.6}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:14px;font-weight:600}input,textarea,select{display:block;width:100%;background:#111116;color:var(--text);border:1px solid #45414d;border-radius:3px;padding:12px;margin-top:8px}textarea{min-height:110px;resize:vertical;line-height:1.5}input[type=checkbox]{display:inline;width:auto;margin-right:8px}input[type=file]{padding:9px}.wide{grid-column:1/-1}.admin-actions{position:sticky;bottom:12px;display:flex;align-items:center;gap:20px;background:#1a1a20ed;border:1px solid #45414d;padding:15px 20px;border-radius:4px}.admin-actions .button{margin:0}.video-edit{border-top:1px solid var(--line);padding:24px 0}.row-actions{display:flex;gap:18px;margin-top:12px}.row-actions button{background:none;border:0;color:var(--muted);padding:8px}.status{color:var(--accent);line-height:1.5}.error{color:#ffb0aa}.login{max-width:460px;margin:12vh auto}.login label{margin:20px 0}.check{display:flex;align-items:center}.check input{margin-top:0}.admin-tabs{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.admin-tabs a{padding:10px 0;border-bottom:1px solid var(--line)}@media(min-width:1600px){header,.hero-copy{padding-left:max(5.5%,calc((100vw - 1500px)/2))}.hero-copy{max-width:1000px}}@media(max-width:750px){header{height:76px;padding:0 6%}.wordmark{font-size:24px}nav{gap:18px}nav .nav-youtube{padding:9px 12px}nav .nav-youtube span{display:none}.hero{height:690px;min-height:580px;max-height:850px}.hero>img{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#08080ed9,#08080e26),linear-gradient(0deg,#101013,transparent 45%)}.hero-copy{padding:40px 6% 120px}h1{font-size:64px;letter-spacing:-3px}.hero-bottom{left:6%;right:6%;font-size:10px;letter-spacing:1px}.hero-bottom>span{display:none}.videos{padding:50px 6% 65px}.section-heading{display:block}.section-heading>a{display:inline-block;margin-top:23px}.video-grid{grid-template-columns:1fr;gap:36px}.video-card h3{font-size:23px}.footer-top{display:block;margin-bottom:30px}.footer-bottom{display:block}.footer-bottom>div{margin-top:22px;gap:20px}dialog{padding:36px 23px}.fields{grid-template-columns:1fr}.admin-header{flex-wrap:wrap}.admin-actions{flex-wrap:wrap}.hero-copy #heroText{font-size:17px;max-width:290px}}@media(max-width:380px){h1{font-size:52px}.wordmark{font-size:21px}nav{gap:10px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* Editor: frei konfigurierbare Navigation und Markenbilder */
.brand-logo{display:block;width:auto;max-width:min(220px,50vw);height:48px;object-fit:contain}.brand-preview{display:block;max-width:100%;width:auto;height:90px;object-fit:contain;margin-top:15px;background:#26262c;padding:8px}.icon-preview{width:64px;height:64px}.nav-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:3px;padding:11px 15px;white-space:nowrap}body>header{height:auto;min-height:94px;padding-top:20px;padding-bottom:20px;align-items:center;position:relative;gap:20px;z-index:5}body>header>.wordmark{flex-shrink:0}body>header nav{flex-wrap:wrap;justify-content:flex-end;gap:16px 24px;min-width:0;max-height:220px;overflow-y:auto}body>header nav a{overflow-wrap:anywhere;max-width:100%;line-height:1.5}body>header nav a:hover{color:var(--accent)}.row-actions{flex-wrap:wrap}
@media(max-width:900px){body>header{min-height:76px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.nav-toggle{display:block}body>header nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;max-height:65vh;overflow-y:auto;border-top:1px solid var(--line)}body>header nav.is-open{display:flex}body>header nav a{padding:13px 4px;border-bottom:1px solid var(--line)}.brand-logo{height:40px;max-width:min(200px,50vw)}}