body { margin:0; }
.oeffentlich { background:var(--oe-flaeche); color:var(--oe-schrift); font-family:var(--oe-text); font-size:18px; line-height:1.65; min-height:100vh; }
.oeffentlich * { box-sizing:border-box; }
.oe-breite { max-width:1228px; margin-inline:auto; padding-inline:24px; }
.oeffentlich a { color:var(--oe-rotTief); text-underline-offset:4px; }
.oeffentlich a:hover { text-decoration-thickness:2px; }
.oeffentlich a:not(.oe-sprung),.oeffentlich summary { min-height:44px; }
.oeffentlich h1,.oeffentlich h2,.oeffentlich h3 { font-family:var(--oe-titel); font-weight:600; line-height:1.2; text-wrap:balance; }
.oeffentlich h1 { font-size:clamp(34px,4.15vw,56px); margin:16px 0 24px; }
.oeffentlich h2 { font-size:clamp(27px,3vw,38px); margin:8px 0 20px; }
.oeffentlich h3 { font-size:24px; margin:0 0 16px; }
.oeffentlich p { margin:0 0 20px; max-width:68ch; }
.oeffentlich figure { margin:0; }
.oeffentlich img { display:block; max-width:100%; height:auto; }
.oeffentlich button { cursor:pointer; }
.oeffentlich nav,.oe-aktionen { display:flex; align-items:center; flex-wrap:wrap; gap:12px 22px; }
.oeffentlich nav { font:400 16px/1.4 var(--oe-bedienung); }
.oeffentlich nav a { display:inline-flex; align-items:center; padding-block:8px; }
.oe-kopf { position:sticky; top:0; z-index:20; background:var(--oe-flaeche); border-bottom:1px solid var(--oe-linie); }
.oe-kopfzeile { display:flex; align-items:center; gap:28px; padding-block:12px; }
.oe-marke { display:flex; align-items:center; flex-shrink:0; }
.oe-kopf .oe-marke img { width:116px; }
.oe-kopfzugang { display:flex; gap:10px; margin-left:auto; }
.oe-knopf { display:inline-flex; gap:10px; align-items:center; justify-content:center; padding:12px 20px; border:1px solid var(--oe-rotMarke); border-radius:3px; background:var(--oe-rotMarke); color:var(--oe-aufRot)!important; font:600 16px/1.4 var(--oe-bedienung); text-decoration:none; text-align:center; min-height:48px; }
.oe-knopf:hover { background:var(--oe-rotTief); text-decoration:none; }
.oe-neben { background:var(--oe-feldTiefe); color:var(--oe-schrift)!important; border-color:var(--oe-linie); font-weight:400; }
.oe-neben:hover { background:var(--oe-flaecheTief); }
.oe-kopf .oe-knopf { min-height:44px; padding:10px 15px; }
.oe-auftakt { padding-block:60px 44px; background:linear-gradient(160deg,var(--oe-flaecheTief),var(--oe-flaeche) 80%); }
.oe-hero { display:grid; grid-template-columns:1fr 1.05fr; align-items:center; gap:48px; margin-bottom:48px; }
.oe-herotext { min-width:0; }
.oe-vorwort { font:600 13px/1.5 var(--oe-bedienung); letter-spacing:.15em; text-transform:uppercase; color:var(--oe-gold); }
.oe-einstieg { font-size:21px; line-height:1.6; }
.oe-einstieg em { color:var(--oe-rotTief); }
.oe-herotext .oe-aktionen { margin-block:28px 16px; gap:12px; }
.oe-klein { font:400 15px/1.5 var(--oe-bedienung); color:var(--oe-schriftLeise); }
.oe-schluesselbild { position:relative; aspect-ratio:4/3; border:1px solid var(--oe-rahmen); border-radius:5px; overflow:hidden; box-shadow:0 18px 40px color-mix(in srgb,var(--oe-schrift) 22%,transparent); }
.oe-schluesselbild img { width:100%; height:100%; object-fit:cover; object-position:42% center; }
.oe-schluesselbild figcaption { position:absolute; inset:auto 0 0; padding:32px 18px 16px; font:400 15px/1.5 var(--oe-bedienung); color:var(--oe-aufRot); background:linear-gradient(transparent,var(--oe-schrift)); }
.oe-fakten { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; padding:0; margin:0; border:1px solid var(--oe-linie); border-radius:4px; background:var(--oe-feldTiefe); }
.oe-fakten li+li { border-left:1px solid var(--oe-linie); }
.oe-fakten a { display:flex; align-items:center; gap:14px; padding:16px; text-decoration:none; height:100%; }
.oe-fakten svg { flex-shrink:0; color:var(--oe-rotMarke); }
.oe-fakten a>span { display:grid; }
.oe-fakten strong { font:600 16px/1.4 var(--oe-bedienung); color:var(--oe-schrift); }
.oe-fakten span span { font:400 14px/1.5 var(--oe-bedienung); color:var(--oe-schriftLeise); }
.oe-abschnitt { padding-block:72px; scroll-margin-top:88px; }
.oe-abschnittkopf { max-width:760px; margin-bottom:36px; }
.oe-szenen { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.oe-szene { border:1px solid var(--oe-linie); border-radius:4px; overflow:hidden; background:var(--oe-feldTiefe); }
.oe-szenenbild { position:relative; }
.oe-szenenbild img { width:100%; aspect-ratio:3/2; object-fit:cover; }
.oe-szenenbild img[src*=botschaft] { object-position:62% center; }
.oe-schritt { position:absolute; top:14px; left:14px; display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--oe-rotMarke); color:var(--oe-aufRot); font:600 21px var(--oe-titel); }
.oe-szenentext { padding:24px; }
.oe-szenentext .oe-vorwort { font-size:12px; letter-spacing:.08em; color:var(--oe-schriftLeise); margin-bottom:12px; }
.oe-szenentext h3 { font-size:20px; line-height:1.4; text-wrap:pretty; }
.oe-szenentext p:last-child { font-size:16px; line-height:1.6; margin-bottom:0; }
.oe-spielhilfe { background:var(--oe-flaecheTief); border-block:1px solid var(--oe-linie); scroll-margin-top:88px; }
.oe-einblick { display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:center; margin-top:56px; }
.oe-einblick:nth-of-type(even) .oe-einblicktext { order:2; }
.oe-einblicktext h3 { color:var(--oe-rotMarke); font-size:27px; }
.oe-nummer { display:block; margin-bottom:8px; color:var(--oe-gold); font:600 48px/1.1 var(--oe-titel); }
.oe-vorteile { list-style:none; padding:0; font:400 16px/1.7 var(--oe-bedienung); }
.oe-vorteile li { margin-block:6px; padding-left:23px; position:relative; }
.oe-vorteile li:before { content:"✦"; position:absolute; left:0; color:var(--oe-rotMarke); }
.oe-einblickbild { border:1px solid var(--oe-linie); border-radius:5px; overflow:hidden; box-shadow:0 12px 30px color-mix(in srgb,var(--oe-schrift) 13%,transparent); background:var(--oe-feldTiefe); }
.oe-einblickbild img { width:100%; aspect-ratio:16/10; object-fit:cover; }
.oe-einblickbild figcaption { padding:9px 16px; font:400 13px/1.5 var(--oe-bedienung); color:var(--oe-schriftLeise); }
.oe-regelauftakt { display:grid; grid-template-columns:1.4fr .8fr; gap:28px; margin-bottom:32px; }
.oe-regelteaser,.oe-nara { border:1px solid var(--oe-linie); border-radius:4px; padding:30px; background:var(--oe-feldTiefe); }
.oe-regelteaser .oe-aktionen { margin-top:24px; }
.oe-kapitelwahl { gap:6px!important; }
.oe-kapitelwahl a { border:1px solid var(--oe-linie); border-radius:24px; padding:8px 12px; text-decoration:none; font-size:14px; }
.oe-kapitelwahl a:hover { background:var(--oe-flaecheTief); }
.oe-nara { background:var(--oe-flaecheTief); }
.oe-narazeichen { float:right; padding-left:12px; font:600 100px/1 var(--oe-titel); color:var(--oe-gold); }
.oe-nara h3 { color:var(--oe-rotTief); font-size:28px; }
.oe-nara p:not(.oe-vorwort):not(.oe-klein) { font-size:17px; }
.oe-textlink { display:inline-flex; gap:4px; align-items:center; font:500 16px var(--oe-bedienung); }
.oe-hinweis { font-size:15px; color:var(--oe-schriftLeise); }
.oeffentlich details { border-bottom:1px solid var(--oe-linie); min-width:0; }
.oeffentlich summary { list-style:none; display:flex; gap:20px; align-items:center; cursor:pointer; padding:20px 4px; font:600 21px/1.4 var(--oe-titel); }
.oeffentlich summary::-webkit-details-marker { display:none; }
.oeffentlich summary>span:not(.oe-plus):not(.oe-kapitelnummer) { flex:1; }
.oeffentlich summary:hover { color:var(--oe-rotTief); }
.oe-plus { margin-left:auto; flex-shrink:0; display:grid; place-items:center; width:30px; height:30px; border:1px solid var(--oe-linie); border-radius:50%; color:var(--oe-rotMarke); font:400 20px var(--oe-bedienung); }
.oeffentlich details[open]>summary .oe-plus { transform:rotate(45deg); }
.oe-regelkapitel { scroll-margin-top:90px; }
.oe-regelkapitel:first-of-type { border-top:1px solid var(--oe-linie); }
.oe-kapitelnummer { width:28px; flex-shrink:0; color:var(--oe-gold); text-align:center; }
.oe-kapiteltext { padding:0 50px 28px; }
.oe-kapiteltext h3 { margin-top:24px; }
.oe-zugang { background:var(--oe-schrift); color:var(--oe-flaeche); scroll-margin-top:78px; }
.oe-zugang .oe-vorwort { color:var(--oe-goldSoft); }
.oe-zugang>div>p:not(.oe-vorwort) { max-width:75ch; }
.oe-zugangswege { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:32px; }
.oe-zugangsweg { display:flex; flex-direction:column; gap:12px; border:1px solid var(--oe-rahmen); border-radius:4px; padding:24px; color:var(--oe-flaeche)!important; background:color-mix(in srgb,var(--oe-flaeche) 5%,transparent); text-decoration:none; }
.oe-zugangsweg:hover { background:color-mix(in srgb,var(--oe-flaeche) 10%,transparent); }
.oe-zugangsweg-haupt { background:var(--oe-rotMarke); border-color:var(--oe-rotMarke); }
.oe-zugangsweg-haupt:hover { background:var(--oe-rotTief); }
.oe-zugangsweg h3 { font-size:22px; margin:0; }
.oe-zugangsweg .oe-klein { color:var(--oe-goldSoft); }
.oe-zugangsweg p { font:400 16px/1.6 var(--oe-bedienung); margin:0 0 8px; }
.oe-wegaktion { font:600 16px/1.4 var(--oe-bedienung); margin-top:auto; }
.oe-fragen { max-width:868px; }
.oe-fragen details:first-of-type { border-top:1px solid var(--oe-linie); }
.oe-fragen details p { padding:0 48px 20px 4px; font-size:17px; }
.oe-teilen { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:48px; border-top:1px solid var(--oe-linie); padding-top:40px; }
.oe-teilstatus { font:400 15px/1.5 var(--oe-bedienung); min-height:23px; margin-top:12px!important; }
.oe-linkfeld { display:grid; font:400 15px var(--oe-bedienung); gap:8px; }
.oe-linkfeld input { min-width:0; width:100%; padding:10px; border:1px solid var(--oe-rahmen); background:var(--oe-feldTiefe); color:var(--oe-schrift); }
.oe-fuss { background:var(--oe-flaecheTief); border-top:1px solid var(--oe-linie); font:400 14px/1.5 var(--oe-bedienung); }
.oe-fusszeile { display:flex; align-items:center; flex-wrap:wrap; gap:16px 24px; padding-block:24px; }
.oe-fuss .oe-marke img { width:100px; }
.oe-fuss nav { margin-left:auto; font-size:15px; }
.oeffentlich :focus-visible { outline:2px solid var(--oe-fokus); outline-offset:4px; }
.oe-sprung { position:fixed; top:0; left:16px; padding:12px; background:var(--oe-flaeche); transform:translateY(-150%); z-index:30; }
.oe-sprung:focus { transform:none; }
.auth-bereich button,.auth-bereich a { min-height:44px; min-width:44px; }
.auth-bereich .auth-link { display:inline-flex; align-items:center; padding-block:8px; font-size:16px; }
.auth-bereich form { margin:0; }
@media(max-width:1000px) {
  .oe-kopfzeile { flex-wrap:wrap; gap:8px 24px; }
  .oe-kopf nav { order:3; width:100%; }
  .oe-kopf nav a { padding-block:4px; }
  .oe-hero { gap:28px; }
  .oe-fakten { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .oe-fakten li:nth-child(3) { border-left:0; }
  .oe-fakten li:nth-child(n+3) { border-top:1px solid var(--oe-linie); }
  .oe-einblick { gap:32px; }
}
@media(max-width:760px) {
  .oe-breite { padding-inline:20px; }
  .oe-kopf { position:relative; }
  .oe-kopf .oe-marke img { width:100px; }
  .oe-kopf .oe-knopf { padding:10px 12px; font-size:14px; }
  .oe-kopf nav { gap:8px 20px; font-size:15px; }
  .oe-kopf nav a { min-height:44px; }
  .oe-auftakt { padding-block:28px 28px; }
  .oe-hero { grid-template-columns:1fr; gap:24px; margin-bottom:24px; }
  .oeffentlich h1 { font-size:clamp(32px,7.7vw,44px); }
  .oe-schluesselbild { aspect-ratio:4/3; }
  .oe-abschnitt { padding-block:40px; scroll-margin-top:12px; }
  .oe-szenen,.oe-einblick,.oe-regelauftakt,.oe-zugangswege,.oe-teilen { grid-template-columns:1fr; }
  .oe-szenen { gap:24px; }
  .oe-einblick { margin-top:32px; gap:20px; }
  .oe-einblick:nth-of-type(even) .oe-einblicktext { order:0; }
  .oe-regelteaser,.oe-nara { padding:24px; }
  .oe-kapiteltext { padding:0 4px 24px; }
  .oeffentlich summary { gap:12px; font-size:18px; padding-block:18px; }
  .oe-kapitelnummer { width:20px; }
  .oe-regelkapitel { scroll-margin-top:12px; }
  .oe-fragen details p { padding-right:12px; }
  .oe-teilen { gap:16px; padding-top:28px; }
  .oe-fuss nav { margin-left:0; width:100%; }
}
@media(prefers-reduced-motion:reduce) { .oeffentlich * { scroll-behavior:auto; transition:none; } }

/* Die längeren Erlebnisabschnitte folgen der bestehenden Karten- und Textgestaltung. */
.oe-argumente { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.oe-argumenttext { padding:28px; }
.oe-argumenttext h3 { font-size:25px; }
.oe-argumenttext p { font-size:17px; }
.oe-argumenttext p:last-child { margin-bottom:0; }
.oe-erlebnis .oe-szenenbild img { aspect-ratio:2/1; }
@media(max-width:760px) {
  .oe-argumente { grid-template-columns:1fr; }
  .oe-argumenttext { padding:24px; }
}
/* Leserstimmen: Karten aus .oe-szene, ohne Bild. */
.oe-stimme { margin:0; padding:24px; display:flex; flex-direction:column; justify-content:space-between; gap:16px; }
.oe-stimme blockquote { margin:0; }
.oe-stimme blockquote p { font-size:17px; line-height:1.6; margin:0; }
.oe-stimme figcaption a { color:var(--oe-schriftLeise); }
#stimmen .oe-hinweis { margin-top:20px; }