:root{color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FBF4F1;color:#2A1316;font:400 17px/1.62 'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
img{max-width:100%;display:block}
button,input{font:inherit;color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Farbwerte: 1 Blush und Rot ist der Grundwert */
.seite{
  --bg:#FBF4F1;--bg2:#F5E1DE;--ink:#2A1316;--muted:#735B5F;--line:#EAD3D0;
  --red:#C02B36;--em:#C02B36;
  --hero-bg:#F7E7E4;--hero-glow:#F1C9CB;--hero-ink:#2A1316;--hero-muted:#735B5F;--hero-em:#C02B36;--hero-line:rgba(42,19,22,.12);
  --deko:rgba(192,43,54,.22);--arch-shadow:#C02B36;--arch-line:#C02B36;
  --wm:#2A1316;--wm-in:#C02B36;
  --btn:#C02B36;--btn-ink:#FFFFFF;--cta:#C02B36;--cta-ink:#FFFFFF;
  --card:#FFFFFF;--card-ink:#2A1316;--card-muted:#7C6367;--card-line:#F0DEDB;--field:#FBF4F1;--field-line:#E8D0CC;
  --band:#C02B36;--band-ink:#FFF4F3;--band-em:#FFD5D9;
  --dark:#2B0D12;--dark-ink:#FBEFEF;--dark-muted:#D8BEC1;--dark-em:#FF707A;--dark-line:rgba(255,235,236,.16);--dark-ph:#3B161D;
  --end-bg:linear-gradient(155deg,#CC3440 0%,#A3202C 52%,#6A121C 100%);--end-ink:#FFF5F4;--end-muted:#F7D2D5;--end-em:#FFE3E5;--end-deko:rgba(255,226,229,.22);
  --foot-bg:#1E080C;--foot-ink:#FBEFEF;--foot-muted:#C7ABAF;
  --ph:#F2DCD9;--ph-ink:#9B7B80;--siegel-bg:#C02B36;--siegel-ink:#FFF4F3;
  --schatten:rgba(110,20,32,.42);
  background:var(--bg);color:var(--ink);overflow-x:clip
}
/* Form und Schrift je Welt */
.page--lir{--h-font:'Cormorant Garamond',Georgia,serif;--h-weight:600;--h-case:none;--h-track:-.005em;--h1:clamp(38px,1.1rem + 4.3vw,80px);--h2:clamp(34px,1rem + 3vw,64px);--h-lh:1;
  --arch:999px 999px 28px 28px;--arch-s:999px 999px 10px 10px;--r-card:26px;--r-btn:999px;--r-field:999px;--tilt:1;--off:14px;
  --deko-font:'Cormorant Garamond',Georgia,serif;--deko-style:italic;--deko-weight:500;--deko-case:none}
.page--mib{--h-font:'Hanken Grotesk',system-ui,sans-serif;--h-weight:800;--h-case:uppercase;--h-track:-.02em;--h1:clamp(32px,1rem + 3.3vw,66px);--h2:clamp(28px,1rem + 2.3vw,50px);--h-lh:.98;
  --arch:0;--arch-s:0;--r-card:0;--r-btn:0;--r-field:0;--tilt:0;--off:14px;
  --deko-font:'Hanken Grotesk',system-ui,sans-serif;--deko-style:normal;--deko-weight:800;--deko-case:uppercase}

.wrap{max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
em{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;letter-spacing:0;text-transform:none;color:var(--em)}
h1,h2{margin:0;font-family:var(--h-font);font-weight:var(--h-weight);text-transform:var(--h-case);letter-spacing:var(--h-track);line-height:var(--h-lh);text-wrap:balance}
h1{font-size:var(--h1)}
h2{font-size:var(--h2)}
.page--lir h1 em,.page--lir h2 em{font-weight:500;font-size:1.04em}
.page--mib h1 em,.page--mib h2 em{font-size:1.12em;letter-spacing:-.01em}
h3{margin:0;font-family:var(--h-font);font-weight:600;font-size:clamp(22px,1rem + .8vw,28px);line-height:1.15;text-transform:none}
.page--mib h3{font-weight:700;font-size:19px}
.sec p{margin:0}

/* Kopfzeile */
.kopf{background:var(--hero-bg);color:var(--hero-ink);border-bottom:1px solid var(--hero-line);position:relative;z-index:3}
.kopf .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px}
.kopf__marke{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;min-width:0;margin:0}
.kopf__marke b{font-size:13px;font-weight:600;letter-spacing:.26em}
.kopf__marke span{font-size:11px;letter-spacing:.22em;color:var(--hero-muted)}
.kopf__rechts{display:flex;align-items:center;gap:16px}
.kopf__termin{font-size:13px;color:var(--hero-muted);white-space:nowrap}
.kopf__btn{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:var(--r-btn);border:1px solid currentColor;font-size:13px;font-weight:600;text-decoration:none;color:var(--hero-ink);white-space:nowrap}
@media (max-width:640px){.kopf__termin,.kopf__marke span{display:none}}

/* Hero */
.hero{--ink:var(--hero-ink);--muted:var(--hero-muted);--em:var(--hero-em);position:relative;overflow:hidden;color:var(--ink);
  background:radial-gradient(55% 65% at 82% 38%,var(--hero-glow) 0,transparent 70%),radial-gradient(40% 50% at 0% 100%,var(--hero-glow) 0,transparent 70%),var(--hero-bg);
  padding-block:clamp(14px,4vw,64px) clamp(44px,6vw,96px)}
.hero::after,.s-schluss::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.09;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.deko{position:absolute;z-index:0;right:-6vw;bottom:-9vw;font-family:var(--deko-font);font-style:var(--deko-style);font-weight:var(--deko-weight);text-transform:var(--deko-case);font-size:clamp(220px,46vw,640px);line-height:.8;color:transparent;-webkit-text-stroke:1.2px var(--deko);pointer-events:none;user-select:none;white-space:nowrap}
.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,44%);column-gap:18px;row-gap:18px;grid-template-areas:"wm pic" "text text" "ticket ticket";align-items:center}
.hero__wm{grid-area:wm;display:grid;gap:12px;min-width:0}
.hero__pic{grid-area:pic}
.hero__text{grid-area:text;display:grid;gap:14px;min-width:0}
.hero .ticket{grid-area:ticket}
.wm{display:grid;justify-items:start;margin:0;font-weight:600;letter-spacing:.1em;line-height:.92;color:var(--wm);font-size:clamp(30px,9.4vw,96px)}
.wm i{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;letter-spacing:0;font-size:.78em;color:var(--wm-in);line-height:.9;padding-left:.5em}
.wm__claim{margin:0;font-size:clamp(10px,2.7vw,13px);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);line-height:1.5}
.eyebrow{margin:0;font-size:12.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--em)}
.hero__who{margin:0;font-weight:500;font-size:17.5px}
.hero__sub{margin:0;color:var(--muted);max-width:54ch}
.hero__cta{justify-self:start;background:var(--cta);color:var(--cta-ink)}

/* Bogen mit Foto */
.bogen{position:relative;margin:0 var(--off) var(--off) 0;isolation:isolate}
.bogen::before{content:"";position:absolute;inset:0;transform:translate(var(--off),var(--off));background:var(--arch-shadow);border-radius:var(--arch);z-index:0}
.bogen::after{content:"";position:absolute;inset:calc(var(--off) * -.6);border:1px solid var(--arch-line);border-radius:var(--arch);z-index:2;pointer-events:none;opacity:.8}
.bogen__in{position:relative;z-index:1;border-radius:var(--arch);overflow:hidden;aspect-ratio:3/4;background:var(--dark)}
.bogen__in img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.hero .bogen__in img{animation:ein 2.6s cubic-bezier(.2,.7,.2,1) both}
@keyframes ein{from{transform:scale(1.08)}to{transform:scale(1)}}
.siegel{position:absolute;z-index:3;width:78px;height:78px;left:-30px;bottom:18%}
.siegel .s-bg{fill:var(--siegel-bg)}
.siegel .s-ring{fill:var(--siegel-ink);font:600 9.6px 'Hanken Grotesk',sans-serif;letter-spacing:1.6px}
.siegel .s-mitte{fill:var(--siegel-ink);font:italic 500 25px 'Cormorant Garamond',Georgia,serif}
.s-dreh{transform-box:view-box;transform-origin:50% 50%;animation:dreh 40s linear infinite}
@keyframes dreh{to{transform:rotate(360deg)}}

@media (min-width:960px){
  .page .hero__grid{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);column-gap:clamp(56px,7vw,112px);row-gap:22px;grid-template-areas:"wm pic" "text pic" "ticket pic";align-items:start}
  .wm{display:flex;align-items:baseline;column-gap:.2em;font-size:clamp(56px,6.4vw,96px)}
  .wm i{padding-left:0;font-size:.72em}
  .hero__pic{align-self:center;--off:22px}
  .bogen__in{max-height:76vh}
  .siegel{width:120px;height:120px;left:-62px;bottom:14%}
  .hero .hero__cta{display:none}
}

/* Formular */
.ticket{background:var(--card);color:var(--card-ink);border:1px solid var(--card-line);border-radius:var(--r-card);padding:20px clamp(16px,2.4vw,26px);display:grid;gap:12px;min-width:0;box-shadow:0 36px 70px -44px var(--schatten);position:relative;z-index:2}
.ticket__kopf{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 14px}
.ticket__t{margin:0;font-family:var(--h-font);font-weight:600;font-size:24px;line-height:1.1;text-transform:none}
.page--lir .ticket__t{font-style:italic;font-weight:500;font-size:27px}
.page--mib .ticket__t{font-size:15px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.ticket__d{margin:0;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.form{display:grid;gap:10px}
.form input{width:100%;min-width:0;height:54px;padding:0 20px;border:1px solid var(--field-line);border-radius:var(--r-field);background:var(--field);color:var(--card-ink);font-size:16px}
.form input::placeholder{color:var(--card-muted)}
.form input:focus{outline:2px solid var(--red);outline-offset:1px}
@media (min-width:560px){.form{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.form .btn,.form .msg,.form .proof{grid-column:1/-1}}
@media (min-width:1180px){.hero .form{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr) auto}.hero .form .btn{grid-column:auto;padding:0 24px}}
.btn{appearance:none;border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 30px;border-radius:var(--r-btn);background:var(--btn);color:var(--btn-ink);font-weight:600;font-size:16px;letter-spacing:.02em;text-decoration:none;cursor:pointer;text-align:center;box-shadow:0 14px 30px -16px var(--schatten);transition:transform .2s ease,filter .2s ease}
.btn:hover{transform:translateY(-1px);filter:brightness(.95)}
.page--mib .btn{text-transform:uppercase;letter-spacing:.08em;font-size:14px;font-weight:700}
.msg{margin:0;font-size:14px;color:var(--red)}
.proof{margin:0;font-size:13.5px;color:var(--card-muted)}
.facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--card-muted)}
.facts li{display:flex;align-items:center;gap:7px}
.facts li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--red)}
.page--mib .facts li::before{border-radius:0}

/* Laufband */
.band{background:var(--band);color:var(--band-ink);overflow:hidden;white-space:nowrap;padding-block:15px;position:relative;z-index:2}
.band__lauf{display:inline-flex;animation:lauf 52s linear infinite;will-change:transform}
.band__lauf span{display:inline-flex;align-items:center;gap:24px;padding-right:24px;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.band__lauf i{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:22px;letter-spacing:0;text-transform:none;color:var(--band-em)}
.band__lauf b{font-weight:600;color:var(--band-em);font-size:15px;letter-spacing:0}
@keyframes lauf{to{transform:translateX(-50%)}}

/* Abschnitte */
.sec{background:var(--bg);color:var(--ink);padding-block:clamp(64px,9vw,136px);position:relative;overflow:hidden}
.sec--blush{--bg:var(--bg2)}
.sec--dark{--bg:var(--dark);--ink:var(--dark-ink);--muted:var(--dark-muted);--em:var(--dark-em);--line:var(--dark-line);--ph:var(--dark-ph);--ph-ink:var(--dark-muted)}
.kopfzeile{display:grid;gap:14px;margin-bottom:clamp(30px,4vw,52px);max-width:680px}
.marke{display:flex;align-items:center;gap:14px;margin:0;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.marke b{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:30px;letter-spacing:0;color:var(--em);line-height:1}
.marke::after{content:"";width:48px;height:1px;background:currentColor;opacity:.45}
.lead{color:var(--muted);font-size:18px}
.text{display:grid;gap:18px;max-width:58ch;min-width:0}
.text p{color:var(--muted)}

/* 01 Geschichte */
.geschichte{display:grid;gap:clamp(44px,6vw,96px)}
@media (min-width:900px){.geschichte{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}}
.vn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;padding-block:10px 24px}
.ph{position:relative;aspect-ratio:3/4;border-radius:var(--arch);display:grid;place-items:center;text-align:center;padding:18px;font-size:13px;line-height:1.4;color:var(--ph-ink);min-width:0;
  background:repeating-linear-gradient(135deg,var(--ph) 0 16px,color-mix(in srgb,var(--ph) 82%,var(--red)) 16px 17px);box-shadow:0 30px 60px -40px var(--schatten)}
.ph b{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px}
.vn .ph:first-child{transform:rotate(calc(-3deg * var(--tilt))) translateY(10px)}
.vn .ph:last-child{transform:rotate(calc(2.5deg * var(--tilt))) translateY(calc(34px * var(--tilt)));outline:1px solid var(--red);outline-offset:8px}
.sticker{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%) rotate(calc(-4deg * var(--tilt)));font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:var(--ink);color:var(--bg);padding:7px 14px;border-radius:var(--r-btn);white-space:nowrap}
.sticker--rot{background:var(--red);color:#fff}
.zug{position:relative;margin:10px 0 0;padding-top:28px;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(28px,1rem + 2.3vw,46px);line-height:1.08;color:var(--em)}
.zug::before{content:"„";position:absolute;left:-6px;top:-34px;font-size:130px;line-height:1;opacity:.22}

/* 02 Säulen */
.saeulen-sec{display:grid;gap:clamp(40px,6vw,96px)}
@media (min-width:900px){.saeulen-sec{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}}
.tempel{display:grid;gap:16px;width:100%;max-width:520px;justify-self:center}
.tempel__dach{display:flex;align-items:center;gap:14px;margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(17px,1rem + .5vw,22px);color:var(--ink);white-space:nowrap}
.tempel__dach::before,.tempel__dach::after{content:"";flex:1;height:1px;background:currentColor;opacity:.4}
.page--mib .tempel__dach{font-family:'Hanken Grotesk',sans-serif;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.tempel__reihe{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.6vw,16px);height:clamp(210px,30vw,340px)}
.sl{border:1.5px solid var(--ink);border-radius:var(--arch-s);display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(24px,1rem + 1vw,34px);line-height:1;color:var(--ink);position:relative}
.sl::before{content:"";position:absolute;left:50%;top:22%;bottom:30%;width:1px;background:currentColor;opacity:.25}
.sl--5{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--red) 22%,transparent),0 0 90px -6px var(--red)}
.sl--5::before{opacity:.35}
.tempel__legende{display:grid;grid-template-columns:4fr 1fr;gap:clamp(8px,1.6vw,16px);font-size:13px;line-height:1.35}
.tempel__legende span:first-child{border-top:1px solid currentColor;padding-top:10px;color:var(--muted);text-align:center}
.tempel__legende span:last-child{border-top:2px solid var(--red);padding-top:10px;font-weight:600;text-align:center}

/* 03 Nutzen */
.nutzen{display:grid;gap:clamp(28px,4vw,72px)}
@media (min-width:900px){.nutzen{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}.nutzen .kopfzeile{position:sticky;top:120px}}
.liste{list-style:none;margin:0;padding:0;display:grid;counter-reset:n}
.liste li{display:grid;grid-template-columns:clamp(54px,8vw,92px) minmax(0,1fr);gap:clamp(12px,2vw,24px);align-items:start;padding-block:22px;border-bottom:1px solid var(--line);counter-increment:n}
.liste li::before{content:counter(n);font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(54px,1rem + 4vw,96px);line-height:.72;color:var(--red)}
.page--mib .liste li::before{content:counter(n,decimal-leading-zero);font-family:'Hanken Grotesk',sans-serif;font-style:normal;font-weight:800;font-size:clamp(34px,1rem + 2vw,56px);letter-spacing:-.04em}
.liste p{font-size:clamp(17px,1rem + .3vw,20px);line-height:1.45}
.liste b{font-weight:600}
.liste span{color:var(--muted)}

/* 04 Ablauf als Einladung */
.ablauf{display:grid;gap:clamp(32px,5vw,72px)}
@media (min-width:900px){.ablauf{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}}
.einladung{position:relative;background:var(--card);color:var(--card-ink);border-radius:var(--arch);padding:clamp(64px,9vw,110px) clamp(22px,5vw,64px) clamp(32px,5vw,52px);box-shadow:0 50px 90px -60px var(--schatten);text-align:center;display:grid;gap:22px;justify-items:center;min-width:0}
.einladung::before{content:"";position:absolute;inset:12px;border:1px solid var(--red);border-radius:var(--arch);pointer-events:none;opacity:.75}
.page--mib .einladung{border:2px solid var(--card-ink);text-align:left;justify-items:start;padding-top:clamp(36px,5vw,56px)}
.page--mib .einladung::before{inset:8px;border-color:var(--card-ink);opacity:.35}
.einladung__kopf{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(34px,1rem + 2.4vw,54px);line-height:1;color:var(--red)}
.page--mib .einladung__kopf{font-family:'Hanken Grotesk',sans-serif;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(26px,1rem + 1.6vw,40px);color:var(--card-ink)}
.einladung__datum{margin:-8px 0 0;font-size:12.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--card-muted)}
.einladung ol{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:18px;width:100%;max-width:520px;text-align:left}
.einladung li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:baseline;padding-bottom:18px;border-bottom:1px dashed var(--card-line)}
.einladung__nr{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:28px;color:var(--red);line-height:1}
.page--mib .einladung__nr{font-family:'Hanken Grotesk',sans-serif;font-style:normal;font-weight:800;font-size:20px}
.einladung li p{margin:4px 0 0;color:var(--card-muted);font-size:15.5px}
.einladung__fuss{margin:0;max-width:44ch;color:var(--card-muted);font-size:15px}

/* 05 Über mich */
.ich{display:grid;gap:clamp(48px,6vw,100px)}
@media (min-width:900px){.ich{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center}}
.ich__bild{position:relative;max-width:460px;width:100%}
.ich__name{position:absolute;z-index:4;right:-4%;bottom:-.32em;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(68px,1rem + 8vw,150px);line-height:1;color:var(--red);pointer-events:none;text-shadow:0 2px 30px color-mix(in srgb,var(--bg) 70%,transparent)}
.page--mib .ich__name{font-family:'Hanken Grotesk',sans-serif;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(64px,1rem + 7vw,140px);color:transparent;-webkit-text-stroke:1.5px var(--ink);text-shadow:none}
.zahlen{list-style:none;margin:6px 0 0;padding:20px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border-top:1px solid var(--line)}
.zahlen b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(30px,1rem + 2vw,48px);line-height:1;color:var(--red)}
.page--mib .zahlen b{font-family:'Hanken Grotesk',sans-serif;font-style:normal;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.zahlen span{display:block;margin-top:8px;font-size:13px;line-height:1.35;color:var(--muted)}
.unterschrift{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:46px;line-height:1;color:var(--ink);margin-top:4px}

/* 06 Stimmen */
.karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;align-items:start}
.karte{background:var(--card);color:var(--card-ink);border-radius:var(--r-card);padding:16px 16px 18px;display:grid;gap:14px;box-shadow:0 34px 60px -44px var(--schatten);margin:0}
.karte:nth-child(1){transform:rotate(calc(-1.6deg * var(--tilt)))}
.karte:nth-child(2){transform:rotate(calc(1.2deg * var(--tilt))) translateY(calc(26px * var(--tilt)))}
.karte:nth-child(3){transform:rotate(calc(-.6deg * var(--tilt)))}
.page--mib .karte{border:1.5px solid var(--card-ink)}
.karte .vn{padding:0;gap:8px}
.karte .ph{aspect-ratio:4/5;font-size:11.5px;padding:10px;box-shadow:none;transform:none!important;outline:0}
.karte blockquote{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:22px;line-height:1.22}
.karte figcaption{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--card-muted)}
.platz{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;border:1px dashed var(--card-muted);padding:2px 7px;border-radius:999px;white-space:nowrap}

/* 07 Fragen */
.fragen{display:grid;gap:clamp(24px,4vw,72px)}
@media (min-width:900px){.fragen{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}}
.faq{display:grid;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-family:var(--h-font);font-weight:600;font-size:clamp(20px,1rem + .6vw,25px);line-height:1.2}
.page--mib .faq summary{font-size:17px;font-weight:700}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-family:'Hanken Grotesk',sans-serif;font-size:18px;font-weight:400;color:var(--red)}
.page--mib .faq summary::after{border-radius:0}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 0 20px;color:var(--muted);max-width:62ch}

/* Schluss */
.s-schluss{--ink:var(--end-ink);--muted:var(--end-muted);--em:var(--end-em);background:var(--end-bg);color:var(--ink)}
.s-schluss .deko{-webkit-text-stroke-color:var(--end-deko);left:-4vw;right:auto;bottom:-12vw}
.schluss{position:relative;z-index:1;display:grid;gap:32px}
@media (min-width:900px){.schluss{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:center}}
.schluss h2{font-size:clamp(40px,1rem + 4.4vw,92px)}
.schluss .lead{color:var(--muted)}

/* Fuß */
.fuss{background:var(--foot-bg);color:var(--foot-ink);padding-block:36px}
.fuss .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px 32px}
.fuss .wm{font-size:28px;display:flex;align-items:baseline;column-gap:.2em;color:var(--foot-ink)}
.fuss .wm i{padding-left:0;color:var(--band-em)}
.fuss__unter{font-size:11px;letter-spacing:.24em;color:var(--foot-muted);margin:6px 0 0}
.paar{display:flex;align-items:center;gap:14px;min-width:0}
.paar img{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:55% 18%;flex:none;border:1px solid var(--foot-muted)}
.paar p{margin:0;font-size:15px;color:var(--foot-muted)}
.paar button{appearance:none;border:0;background:none;padding:0;cursor:pointer;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:23px;color:var(--foot-ink);border-bottom:1.5px solid var(--red);line-height:1.1}
.recht{font-size:13px;color:var(--foot-muted)}

@media (prefers-reduced-motion:reduce){.band__lauf,.s-dreh,.hero .bogen__in img{animation:none}}

/* ---------- Entwürfe ---------- */
/* 2 Roter Abend */
.seite[data-v="2"]{--hero-bg:#B31F2B;--hero-glow:#DA4652;--hero-ink:#FFF5F4;--hero-muted:#F7CDD1;--hero-em:#FFE2E4;--hero-line:rgba(255,240,241,.22);
  --wm:#FFF5F4;--wm-in:#FFE2E4;--deko:rgba(255,232,234,.3);--arch-shadow:#5E0E18;--arch-line:#FFE2E4;--cta:#FFF5F4;--cta-ink:#9E1F2B;
  --band:#2B0D12;--band-ink:#FBEFEF;--band-em:#FF8A93;--siegel-bg:#FFF5F4;--siegel-ink:#9E1F2B}
.seite[data-v="2"] .hero::after{mix-blend-mode:soft-light;opacity:.18}
.seite[data-v="2"] .s-schluss{--end-bg:radial-gradient(70% 90% at 20% 0%,#4A121A 0,#2B0D12 60%,#1E080C 100%)}

/* 3 Rot und Schwarz */
.seite[data-v="3"]{--bg:#0F0A0B;--bg2:#181012;--ink:#F7EEEE;--muted:#BBA8AA;--line:#2F2326;--red:#D9333F;--em:#F0525D;
  --hero-bg:#0B0708;--hero-glow:#4E0F18;--hero-ink:#F7EEEE;--hero-muted:#BBA8AA;--hero-em:#F0525D;--hero-line:rgba(255,255,255,.1);
  --wm:#F7EEEE;--wm-in:#F0525D;--deko:rgba(240,82,93,.3);--arch-shadow:#C02B36;--arch-line:#F0525D;
  --card:#171012;--card-ink:#F7EEEE;--card-muted:#BBA8AA;--card-line:#33262A;--field:#0F0A0B;--field-line:#3C2D31;
  --band:#D9333F;--band-ink:#FFF4F3;--band-em:#1E080C;--dark:#000000;--dark-ph:#1F1416;--ph:#22171A;--ph-ink:#A18E91;--foot-bg:#000000;--schatten:rgba(0,0,0,.8)}
.seite[data-v="3"] .hero::after,.seite[data-v="3"] .s-schluss::after{mix-blend-mode:screen;opacity:.05}

/* 4 Weiß und Rot */
.seite[data-v="4"]{--bg:#FFFFFF;--bg2:#F6F2F1;--ink:#141012;--muted:#5F5659;--line:#E8E1E0;
  --hero-bg:#FFFFFF;--hero-glow:#FBE3E4;--hero-ink:#141012;--hero-muted:#5F5659;--arch-shadow:#141012;--arch-line:#C02B36;--wm:#141012;
  --dark:#141012;--dark-em:#FF5C68;--dark-ph:#241D1F;--band:#141012;--band-ink:#FFFFFF;--band-em:#FF6B76;--ph:#F3EEED;--ph-ink:#8A7F81;
  --card-line:#ECE4E3;--field:#FFFFFF;--field-line:#E2D9D8;--foot-bg:#141012;--siegel-bg:#141012}

/* 5 Men in Black, Schwarz auf Weiß */
.seite[data-v="5"]{--bg:#FFFFFF;--bg2:#F2F1F0;--ink:#0B0B0B;--muted:#5A5657;--line:#E2DFDE;--red:#C02B36;--em:#C02B36;
  --hero-bg:#FFFFFF;--hero-glow:#EFEDEC;--hero-ink:#0B0B0B;--hero-muted:#5A5657;--hero-em:#C02B36;--hero-line:#0B0B0B;
  --wm:#0B0B0B;--wm-in:#C02B36;--deko:rgba(11,11,11,.12);--arch-shadow:#0B0B0B;--arch-line:#0B0B0B;
  --btn:#0B0B0B;--cta:#0B0B0B;--card:#FFFFFF;--card-ink:#0B0B0B;--card-muted:#5A5657;--card-line:#0B0B0B;--field:#FFFFFF;--field-line:#0B0B0B;
  --band:#0B0B0B;--band-ink:#FFFFFF;--band-em:#FF5C68;--dark:#0B0B0B;--dark-em:#FF5C68;--dark-ph:#1C1A1A;
  --end-bg:radial-gradient(60% 80% at 85% 10%,#3A0C12 0,#0B0B0B 65%);--end-em:#FF5C68;--end-deko:rgba(255,255,255,.1);
  --foot-bg:#0B0B0B;--ph:#F0EFEE;--ph-ink:#77706F;--siegel-bg:#C02B36;--schatten:rgba(0,0,0,.35)}

/* 6 Men in Black, ganz Schwarz */
.seite[data-v="6"]{--bg:#0A0909;--bg2:#131011;--ink:#F3EFEF;--muted:#A9A0A1;--line:#2A2425;--red:#D8313D;--em:#E9434F;
  --hero-bg:#070606;--hero-glow:#5A0D16;--hero-ink:#F3EFEF;--hero-muted:#A9A0A1;--hero-em:#E9434F;--hero-line:rgba(255,255,255,.1);
  --wm:#F3EFEF;--wm-in:#E9434F;--deko:rgba(233,67,79,.26);--arch-shadow:#D8313D;--arch-line:#E9434F;
  --btn:#F3EFEF;--btn-ink:#0A0909;--cta:#F3EFEF;--cta-ink:#0A0909;--card:#151213;--card-ink:#F3EFEF;--card-muted:#A9A0A1;--card-line:#F3EFEF;--field:#0A0909;--field-line:#3A3233;
  --band:#D8313D;--band-ink:#FFFFFF;--band-em:#0A0909;--dark:#000000;--dark-em:#E9434F;--dark-ph:#1A1617;--ph:#1A1617;--ph-ink:#8F8586;
  --end-bg:radial-gradient(70% 90% at 80% 0%,#6E111B 0,#1A0507 55%,#000 100%);--end-em:#FF6B76;--end-deko:rgba(255,107,118,.2);
  --foot-bg:#000000;--siegel-bg:#D8313D;--schatten:rgba(0,0,0,.85)}
.seite[data-v="6"] .hero::after,.seite[data-v="6"] .s-schluss::after{mix-blend-mode:screen;opacity:.05}

/* Men in Black: streng Schwarz-Weiß */
.page--mib img{filter:grayscale(1) contrast(1.08)}
.sl--5{color:var(--on-red,#fff)}
.sticker--rot{color:var(--on-red,#fff)}
.seite[data-v="5"]{--red:#0B0B0B;--em:#0B0B0B;--hero-em:#0B0B0B;--wm-in:#0B0B0B;--band-em:#FFFFFF;--dark-em:#FFFFFF;--end-em:#FFFFFF;--siegel-bg:#0B0B0B;--on-red:#FFFFFF;
  --end-bg:radial-gradient(60% 80% at 85% 10%,#2C2B2B 0,#0B0B0B 65%);--deko:rgba(11,11,11,.13)}
.seite[data-v="5"] .sl--5{box-shadow:0 0 0 6px rgba(11,11,11,.08),0 30px 60px -20px rgba(0,0,0,.45)}
.seite[data-v="6"]{--red:#F3EFEF;--em:#FFFFFF;--hero-em:#FFFFFF;--wm-in:#FFFFFF;--hero-glow:#2B2828;--deko:rgba(255,255,255,.16);--arch-shadow:#F3EFEF;--arch-line:#F3EFEF;
  --band:#F3EFEF;--band-ink:#0A0909;--band-em:#0A0909;--dark-em:#FFFFFF;--end-em:#FFFFFF;--siegel-bg:#F3EFEF;--siegel-ink:#0A0909;--on-red:#0A0909;
  --end-bg:radial-gradient(70% 90% at 80% 0%,#2E2B2B 0,#0D0C0C 55%,#000 100%);--end-deko:rgba(255,255,255,.12)}

/* Kopf: größerer Bogen, Collage, sichtbares Schmuckwort */
.hero .deko{top:-3vw;bottom:auto;right:-4vw;font-size:clamp(200px,40vw,600px)}
.page--lir{--h1:clamp(38px,1.1rem + 3.4vw,68px)}
.inset{display:none}
.siegel{left:-22px;top:-10px;bottom:auto;width:66px;height:66px}
.kopfzeile{max-width:780px}
@media (min-width:960px){
  .page .hero__grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
  .hero__pic{align-self:start;margin-top:8px}
  .bogen__in{max-height:80vh}
  .inset{display:block;position:absolute;z-index:3;left:-22%;bottom:-7%;width:42%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:7px solid var(--hero-bg);box-shadow:0 30px 60px -30px var(--schatten)}
  .page--mib .inset{border-radius:0}
  .inset img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
  .siegel{width:118px;height:118px;left:-54px;top:12%;bottom:auto}
}
@media (min-width:1180px){.page--mib .hero .form{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.page--mib .hero .form .btn{grid-column:1/-1}}
.seite[data-v="5"] .sec--dark{--red:#FFFFFF;--on-red:#0B0B0B}
.seite[data-v="5"] .sec--dark .sl--5{box-shadow:0 0 0 6px rgba(255,255,255,.12),0 0 90px -10px rgba(255,255,255,.5)}
.fuss .wm i{color:var(--foot-em,#FF8A93)}
.seite[data-v="3"]{--foot-em:#F0525D}
.seite[data-v="5"],.seite[data-v="6"]{--foot-em:#FFFFFF}

/* ===== Fassung 3: kurz, Logo klein, Zeitstrahl ===== */
.kopf .wrap{min-height:60px}
.logo{display:flex;align-items:baseline;gap:.24em;margin:0;font-weight:600;letter-spacing:.14em;font-size:19px;line-height:1;color:var(--hero-ink);white-space:nowrap}
.logo i{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;letter-spacing:0;font-size:1.2em;color:var(--wm-in)}
.logo small{display:block;font-size:9.5px;letter-spacing:.24em;color:var(--hero-muted);font-weight:500;margin-top:5px}
.logo-box{display:grid}
.hero .deko{opacity:.7}
.hero__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"pic" "text" "ticket"}
.hero__pic{width:min(64%,300px)}
.hero .bogen__in{aspect-ratio:4/5;max-height:31vh}
.hero__text{gap:12px}
.hero__sub{font-size:17.5px;color:var(--muted);max-width:44ch}
.cta-proof{margin:6px 0 0;font-size:13px;color:var(--muted)}
.siegel{left:auto;right:-46px;top:12px;width:70px;height:70px}
@media (min-width:960px){
  .page .hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"text pic" "ticket pic";align-items:center}
  .hero__pic{width:auto}
  .hero .bogen__in{aspect-ratio:3/4;max-height:74vh}
  .siegel{left:-58px;right:auto;top:10%;width:118px;height:118px}
  .page--lir h1{font-size:clamp(44px,1.1rem + 3.3vw,74px)}
}

/* Zeitstrahl */
.zeit{list-style:none;margin:0;padding:0;display:grid;gap:26px;position:relative}
.zeit::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:1.5px;background:linear-gradient(var(--line),var(--red))}
.zeit li{position:relative;display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:16px;align-items:center;padding-left:34px}
.zeit li::before{content:"";position:absolute;left:5px;top:50%;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--red);transform:translateY(-50%)}
.page--mib .zeit li::before{border-radius:0}
.zeit li:last-child::before{background:var(--red)}
.zeit figure{margin:0;border-radius:var(--arch-s);overflow:hidden;aspect-ratio:4/5;background:var(--ph)}
.zeit img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.zeit__karte{aspect-ratio:4/5;border-radius:var(--arch-s);display:grid;place-items:center;text-align:center;padding:14px;background:var(--bg2);border:1px solid var(--line)}
.zeit__karte b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(34px,1rem + 2.4vw,56px);line-height:1;color:var(--red)}
.zeit__karte span{display:block;margin-top:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.zeit h3{font-size:clamp(20px,1rem + .5vw,24px)}
.zeit p{margin:6px 0 0;color:var(--muted);font-size:15.5px;line-height:1.45}
.zeit__wann{display:block;margin-bottom:6px;font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--red)}
@media (min-width:900px){
  .zeit{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-top:34px}
  .zeit::before{left:0;right:0;top:0;bottom:auto;width:auto;height:1.5px;background:linear-gradient(90deg,var(--line),var(--red))}
  .zeit li{grid-template-columns:minmax(0,1fr);padding-left:0;align-items:start}
  .zeit li::before{left:0;top:-41px;transform:none}
}
.zeit-kopf{display:grid;gap:14px;margin-bottom:clamp(30px,4vw,48px);max-width:720px}

/* kurze Nutzenliste */
.kurz{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.kurz li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:baseline;font-size:clamp(18px,1rem + .4vw,21px);font-weight:500}
.kurz li::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--red);transform:translateY(-1px)}
.page--mib .kurz li::before{border-radius:0}
.cta-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:clamp(28px,4vw,44px)}
.cta-zeile .cta-proof{margin:0}

/* Säulen kompakt */
.saeulen-sec .text p{max-width:40ch}

/* Über mich kompakt */
.ich__extra{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:6px}
.ich__extra figure{margin:0;border-radius:var(--arch-s);overflow:hidden;aspect-ratio:4/5}
.ich__extra img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.ich__extra figcaption{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:6px}

/* Mike: Schwarz-Weiß mit Rot als Kontrast */
.page--mib img.farbe{filter:none}
.seite[data-v="6"]{--red:#D8313D;--em:#E9434F;--hero-em:#E9434F;--wm-in:#E9434F;--dark-em:#E9434F;--end-em:#FF6B76;--band-em:#D8313D;--on-red:#FFFFFF;--siegel-bg:#D8313D;--siegel-ink:#FFFFFF;--arch-shadow:#F3EFEF;--arch-line:#E9434F;--deko:rgba(233,67,79,.2)}
.seite[data-v="6"] .sl--5{box-shadow:0 0 0 6px rgba(216,49,61,.25),0 0 90px -6px #D8313D}
@media (max-width:959px){
  .hero .bogen__in{max-height:25vh}
  .hero__pic{width:min(54%,260px)}
  .hero .eyebrow{font-size:11.5px;letter-spacing:.12em}
  .hero__text{gap:10px}
}
.zeit img{object-position:50% 0%}
.page--lir .zeit figure{border-radius:140px 140px 10px 10px}
@media (min-width:900px){.page--mib .zeit{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px}}
@media (min-width:900px){.page--mib .zeit{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}}
.vorteile{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:8px}
.vorteile li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:center;font-size:16.5px;font-weight:500;color:var(--ink)}
.vorteile li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--red) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'><path d='M5 9.3l2.6 2.5L13 6.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/18px no-repeat}
.page--mib .vorteile li::before{border-radius:0}
@media (min-width:960px){.vorteile{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;margin-top:6px}.vorteile li{font-size:15.5px}}
@media (max-width:959px){.hero__cta{order:4}.vorteile{order:5}.hero__text{display:grid}}
@media (max-width:959px){.page--lir h1{font-size:clamp(30px,8.4vw,40px);line-height:1.04}.hero .bogen__in{max-height:23vh}.hero__sub{font-size:16px}}
@media (min-width:960px){.page--lir h1{font-size:clamp(40px,1rem + 2.8vw,60px)}}

/* ===== Fassung 4: Für wen, benannte Säulen ===== */
.s-fuer{padding-block:clamp(56px,7vw,104px)}
.fuer .kopfzeile{margin-bottom:clamp(24px,3vw,40px)}
.fuer__spalten{display:grid;gap:clamp(28px,4vw,40px)}
@media (min-width:860px){.fuer__spalten{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:clamp(48px,6vw,96px);align-items:start}}
.fuer__t{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--em)}
.fuer__nein .fuer__t{color:var(--muted)}
.fuer ul{list-style:none;margin:0;padding:0;display:grid}
.fuer li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:center;padding-block:15px;border-bottom:1px solid var(--line);font-size:clamp(17px,1rem + .3vw,20px);font-weight:500;line-height:1.35}
.fuer__ja li::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--red) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'><path d='M5 9.3l2.6 2.5L13 6.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/22px no-repeat}
.fuer__nein li{color:var(--muted);font-weight:400}
.fuer__nein li::before{content:"";width:22px;height:22px;border-radius:50%;border:1.5px solid var(--muted);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'><path d='M6 6l6 6M12 6l-6 6' fill='none' stroke='%23A9A0A1' stroke-width='1.6' stroke-linecap='round'/></svg>") center/20px no-repeat;opacity:.85}
.page--mib .fuer li::before{border-radius:0}
.seite[data-v="6"] .fuer__ja li::before{background-color:var(--red)}

.sl{flex-direction:column;justify-content:flex-end;align-items:center}
.sl:has(i)::before{display:none}
.sl i{position:absolute;left:50%;top:14px;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font-family:'Hanken Grotesk',system-ui,sans-serif;font-style:normal;font-weight:700;font-size:clamp(10.5px,.55rem + .45vw,13px);letter-spacing:.16em;text-transform:uppercase;line-height:1;white-space:nowrap;opacity:.92}
.sl--5 i{transform:translateX(-50%);writing-mode:horizontal-tb;top:22%;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(40px,1rem + 3vw,72px);letter-spacing:0;text-transform:none;opacity:1}
.tempel__legende span:last-child{font-size:12.5px}
/* Auswahlleiste am Handy ohne Querscrollen */
.bar__in>*{min-width:0}
.bar__gruppen{min-width:0}
.bar__gruppe{flex:1 1 100%}
@media (max-width:520px){.bar__name{display:none}}

/* ===== Säulen als Tempel (22.10.) ===== */
.tempel{max-width:560px}
.tp{display:block;width:100%;height:auto;overflow:visible;color:var(--ink)}
.tp-giebel,.tp-balken,.tp-fries,.tp-stufe,.tp-teil,.tp-schaft{fill:color-mix(in srgb,var(--ink) 5%,transparent);stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}
.tp-giebel-in{fill:none;stroke:currentColor;stroke-width:1;opacity:.35}
.tp-zier{fill:var(--red)}
.tp-fries{fill:color-mix(in srgb,var(--ink) 12%,transparent)}
.tp-stufe:nth-last-of-type(1){fill:color-mix(in srgb,var(--ink) 10%,transparent)}
.tp-fl{stroke:currentColor;stroke-width:1;opacity:.22}
.tp-name{fill:currentColor;font:700 13px 'Hanken Grotesk',system-ui,sans-serif;letter-spacing:3.2px;text-transform:uppercase}
.tp-satz{fill:currentColor;font:italic 500 19px 'Cormorant Garamond',Georgia,serif}
.page--mib .tp-satz{font:700 10.5px 'Hanken Grotesk',system-ui,sans-serif;letter-spacing:2.6px;text-transform:uppercase}
.tp-s--5 .tp-teil,.tp-s--5 .tp-schaft{fill:var(--red);stroke:var(--red)}
.tp-s--5{filter:drop-shadow(0 0 14px var(--red));animation:tp-glut 3.2s ease-in-out infinite}
.tp-frage{fill:var(--on-red,#fff);font:italic 500 58px 'Cormorant Garamond',Georgia,serif}
@keyframes tp-glut{50%{filter:drop-shadow(0 0 30px var(--red))}}
@media (prefers-reduced-motion:reduce){.tp-s--5{animation:none}}
@media (max-width:640px){.tp-name{font-size:15px;letter-spacing:3px}.page--lir .tp-satz{font-size:21px}}

/* Echte Stimmen ohne Fotos */
.karten:has(.karte--zitat){grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:980px}
.karte--zitat{position:relative;padding:clamp(28px,3.4vw,40px) clamp(22px,3vw,34px) 24px;gap:22px}
.karte--zitat::before{content:"“";position:absolute;top:-30px;left:20px;font-family:'Cormorant Garamond',Georgia,serif;font-size:120px;line-height:1;color:var(--red);opacity:.9}
.karte--zitat blockquote{font-size:clamp(22px,1rem + .7vw,27px);line-height:1.25}
.karte--zitat figcaption{display:grid;gap:2px;justify-content:start;padding-top:14px;border-top:1px solid var(--card-line)}
.karte--zitat figcaption b{font-weight:700;color:var(--card-ink);font-size:14.5px}
.karte--zitat figcaption span{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase}
.karten:has(.karte--zitat){grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}
.karte--zahl::before{content:none}
.karte__zahl{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(56px,1rem + 4vw,84px);line-height:.95;color:var(--red)}
.karte__unter{margin:-8px 0 0;font-size:16px;color:var(--card-muted)}


/* Seiten-Fassung 27.10. */
.tempel__fundament{margin-top:14px;font-size:15px}
.page--mib .tempel__fundament{font-size:11px}
.recht a{color:inherit}
.msg{color:var(--red)}
.danke{min-height:100svh;display:flex;flex-direction:column}
.danke .hero{flex:1;display:flex;align-items:center}
.danke__box{position:relative;z-index:1;display:grid;gap:18px;max-width:640px}
.danke__box h1{font-size:clamp(36px,1rem + 4vw,68px)}
.danke__schritte{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:12px;counter-reset:s}
.danke__schritte li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:baseline;counter-increment:s;font-size:17px}
.danke__schritte li::before{content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--red);color:var(--on-red,#fff);font-weight:700;font-size:14px}
.page--mib .danke__schritte li::before{border-radius:0}
.danke__knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.danke__zugang{margin:18px 0 0;font-size:16px}.danke__zugang a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media (max-width:959px) and (max-height:620px){.hero .bogen__in{max-height:18vh}}
.btn--leer{background:transparent;color:var(--ink);border:1.5px solid currentColor;box-shadow:none}