/* Google-Font-Paare (OFL, self-hosted): B=Instrument Serif+IBM Plex Mono, D=Big Shoulders Display+Archivo */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/gf/InstrumentSerif-jizHRFtNs2ka5fXjeivQ4LroWlx-6zAjgn7MsNo.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/gf/InstrumentSerif-jizHRFtNs2ka5fXjeivQ4LroWlx-6zAjjH7M.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */

@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/gf/InstrumentSerif-jizBRFtNs2ka5fXjeivQ4LroWlx-6zsTjmbI.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/gf/InstrumentSerif-jizBRFtNs2ka5fXjeivQ4LroWlx-6zUTjg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/gf/IBMPlexMono--F63fjptAgt5VM-kVkqdyU8n1iIq129k.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/gf/IBMPlexMono--F63fjptAgt5VM-kVkqdyU8n1iAq129k.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/gf/IBMPlexMono--F63fjptAgt5VM-kVkqdyU8n1iEq129k.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/gf/IBMPlexMono--F63fjptAgt5VM-kVkqdyU8n1i8q1w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */

@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/gf/BigShoulders-fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cw9DuHpM.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */

@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/gf/BigShoulders-fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cwtDuHpM.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/gf/BigShoulders-fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1czNDu.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */

@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts/gf/BigShoulders-fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cw9DuHpM.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */

@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts/gf/BigShoulders-fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cwtDuHpM.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts/gf/BigShoulders-fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1czNDu.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/gf/Archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLySOxK-vA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/gf/Archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxK-vA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/gf/Archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/gf/Archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLySOxK-vA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/gf/Archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxK-vA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/gf/Archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/gf/Archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLySOxK-vA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/gf/Archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxK-vA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/gf/Archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{font-family:'Glock Grotesque';src:url('/fonts/GlockGrotesque2-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Glock Grotesque';src:url('/fonts/GlockGrotesque2-Medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:'Glock Grotesque';src:url('/fonts/GlockGrotesque2-Bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:'NotoSerifDisplay_ExtraCondensed';src:url('/fonts/NotoSerifDisplay_ExtraCondensed-ExtraLight.ttf') format('truetype');font-weight:200;font-display:swap}
@font-face{font-family:'NotoSerifDisplay_ExtraCondensed';src:url('/fonts/NotoSerifDisplay_ExtraCondensed-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'NotoSerifDisplay_ExtraCondensed';src:url('/fonts/NotoSerifDisplay_ExtraCondensed-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'PP Neue Montreal';src:url('/fonts/PPNeueMontreal-Light.otf') format('opentype');font-weight:300;font-display:swap}
@font-face{font-family:'PP Neue Montreal';src:url('/fonts/PPNeueMontreal-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'PP Neue Montreal';src:url('/fonts/PPNeueMontreal-Semibold.otf') format('opentype');font-weight:600;font-display:swap}
:root{
  --bg:#22201f; --panel:#1c1b18; --deep:#141311; --ink:#f3eee4; --ink-2:rgba(243,238,228,.62);
  --accent:#d4674f; --accent-strong:#A53A2A; --sand:#c9bfa8; --hair:rgba(243,238,228,.14); --r:14px;
  /* Font-Paare (Operator-Vergleich live): Default B "Night Reel"; ?type=d -> D "Manifest Grotesk"; ?type=alt -> bisheriges Haus-Paar */
  --font-head:'Instrument Serif',"Times New Roman",serif;
  --font-head-style:italic;
  --font-head-weight:400;
  --font-head-track:-.01em;
  --font-body:'IBM Plex Mono',ui-monospace,monospace;
}
html[data-fontpair="d"]{
  --font-head:'Big Shoulders Display',"Arial Narrow",sans-serif;
  --font-head-style:normal;
  --font-head-weight:800;
  --font-head-track:-.02em;
  --font-body:'Archivo',Helvetica,sans-serif;
}
html[data-fontpair="alt"]{
  --font-head:'Glock Grotesque',sans-serif;
  --font-head-style:normal;
  --font-head-weight:700;
  --font-head-track:-.02em;
  --font-body:'PP Neue Montreal',system-ui,sans-serif;
}
html[data-theme="creme"]{
  --bg:#fffada; --panel:#fff4c8; --deep:#f4eec9; --ink:#22201f; --ink-2:rgba(34,32,31,.62);
  --accent:#A53A2A; --hair:rgba(34,32,31,.16);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.45;-ms-overflow-style:none;scrollbar-width:none}
body::-webkit-scrollbar{display:none}
.disp{font-family:'NotoSerifDisplay_ExtraCondensed','Noto Serif Display',Georgia,serif}
header.zz{border-bottom:1px solid var(--hair)}
header.zz .hin{max-width:1280px;margin:0 auto;padding:15px 22px;display:flex;align-items:center;justify-content:space-between}
.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}
/* .ctl button (0,1,1) schlaegt .iconbtn (0,1,0) — ohne diese Regel quetscht das
   14px-Padding den 40px-Knopf auf ~6px Inhaltsbreite und das Icon kollabiert */
.ctl button.iconbtn{padding:0}
.iconbtn svg{width:24px;height:24px;flex-shrink:0}
.mark{font-size:26px;letter-spacing:-.044em;font-weight:200;text-transform:uppercase;white-space:nowrap}
.mark b{font-weight:700}
.ctl{display:flex;gap:8px}
.ctl button{background:none;border:1px solid var(--hair);border-radius:999px;color:var(--ink);font:inherit;font-size:13px;padding:5px 14px;cursor:pointer}
/* 50/50-Buehne (Operator-Order): Medien-Haelfte == Funktions-Haelfte, groesserer Canvas */
main.split{max-width:1280px;margin:0 auto;padding:26px 22px 60px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:stretch}
main.split.media-right .visual{order:2}
.visual{position:relative;border-radius:var(--r);overflow:hidden;min-height:100%;background:var(--deep)}
.visual img,.visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88}
.visual .veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,19,17,.78),rgba(20,19,17,.08) 55%)}
.visual .caption{position:absolute;left:22px;right:22px;bottom:20px;color:#f3eee4}
.visual .caption .line1{font-family:var(--font-head);font-style:var(--font-head-style);font-weight:var(--font-head-weight);font-size:clamp(2.2rem,2.4vw + 1rem,4rem);line-height:1.05;letter-spacing:var(--font-head-track)}
.visual .caption .line2{font-size:15px;opacity:.85;margin-top:6px}
.card{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r);padding:22px}
.card h1{font-family:var(--font-head);font-style:var(--font-head-style);font-weight:var(--font-head-weight);font-size:clamp(26px,2vw + 12px,34px);letter-spacing:var(--font-head-track);margin-bottom:4px}
.card .sub{color:var(--ink-2);font-size:14px;margin-bottom:18px}
.grid-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
/* display:grid schlaegt die UA-Regel fuer [hidden] — ohne diese Zeile ist hidden ein No-op */
.grid-presets[hidden]{display:none}
@media (max-width:480px){.grid-presets{grid-template-columns:repeat(2,1fr)}}
.preset{border:1px solid var(--hair);border-radius:10px;background:none;color:var(--ink);font:inherit;font-size:17px;padding:14px 0;cursor:pointer}
.preset[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
label.f{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:14px 0 6px}
input.f,textarea.f{width:100%;background:var(--bg);border:1px solid var(--hair);border-radius:10px;color:var(--ink);font:inherit;padding:12px 14px;outline:none}
input.f:focus,textarea.f:focus{border-color:var(--accent)}
.teaser{display:flex;align-items:baseline;justify-content:space-between;border:1px dashed var(--hair);border-radius:10px;padding:12px 14px;margin-top:16px;font-size:14px}
.teaser strong{color:var(--accent);font-size:17px;font-weight:600}
.cta{width:100%;margin-top:18px;background:var(--accent-strong);border:0;border-radius:999px;color:#fff;font:inherit;font-size:16px;font-weight:600;padding:15px 0;cursor:pointer;transition:opacity .22s}
html[data-theme="creme"] .cta{color:#fffada}
.cta:disabled{opacity:.5;cursor:default}
.ghost{width:100%;margin-top:10px;background:none;border:1px solid var(--hair);border-radius:999px;color:var(--ink);font:inherit;font-size:14px;padding:11px 0;cursor:pointer}
.trust{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px;color:var(--ink-2);font-size:12.5px;align-items:center}
.trust svg{width:14px;height:14px;vertical-align:-2px;margin-right:4px}
.err{color:var(--accent);font-size:14px;margin-top:10px;display:none}
#paywrap{display:none}
#payel{margin-top:14px}
.paysum{display:flex;justify-content:space-between;font-size:15px;border-bottom:1px solid var(--hair);padding-bottom:12px;margin-bottom:6px}
.paysum strong{font-weight:600}
.stripe-frame{margin-top:12px;border-radius:12px;overflow:hidden}
footer.zz{max-width:1280px;margin:0 auto;padding:0 22px 40px;font-size:13px;color:var(--ink-2);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer.zz .disp{letter-spacing:.02em;word-spacing:.18em;font-size:14px}
@media (max-width:860px){
  main.split{grid-template-columns:1fr;padding:20px 16px 48px}
  .visual{min-height:300px}
  header.zz .hin{padding:12px 16px}
  .mark{font-size:20px}
}