.expanded-footer.site-footer{display:block;max-width:none;background:#123e40;color:#f3e9da;padding:56px 5% 28px}.footer-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:0 auto 40px}.footer-intro p{font-size:14px;margin:0}.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;max-width:1440px;margin:auto}.footer-columns h2{font:400 24px/1.15 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;transform:none;margin:0 0 20px;letter-spacing:.01em}.footer-columns a,.footer-pending{display:block;min-height:40px;padding:8px 0;font-size:14px;line-height:1.5}.footer-columns a{text-underline-offset:4px}.footer-pending{color:#b8ceca}.footer-bottom{max-width:1440px;margin:40px auto 0;border-top:1px solid #86aaa5;padding-top:24px;display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-bottom nav{display:flex;gap:24px;flex-wrap:wrap}.footer-bottom a,.footer-bottom button{font:14px Arial;min-height:44px;display:inline-flex;align-items:center;color:#f3e9da;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.footer-bottom p{font-size:12px;line-height:1.6;margin:0}.expanded-footer :focus-visible{outline:3px solid #edb94c;outline-offset:4px}.expanded-footer .translation-note{color:#f3e9da!important;margin:24px auto 0;max-width:1440px}
.page-info .page-shell{max-width:1040px;padding:64px 5% 80px;margin:auto;color:#123e40}.page-info h1{font:400 clamp(44px,6vw,76px)/1.05 Impact,'Arial Narrow',sans-serif;letter-spacing:0;transform:none;text-transform:uppercase;margin-bottom:24px;overflow-wrap:anywhere}.page-info h2{font:400 28px/1.2 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:0;margin:32px 0 16px}.page-info p,.page-info address{font:16px/1.7 Arial,Helvetica,sans-serif}.page-info .page-lead{font-size:18px;max-width:720px}.page-info section{margin-top:36px}.legal-draft{font-size:12px!important;border-left:4px solid #b93e29;padding-left:12px}.contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;margin-top:40px}.contact-form>div{margin-bottom:24px}.contact-form label{display:block;font-size:14px;font-weight:bold;margin-bottom:10px}.contact-form label span{font-weight:normal}.contact-form input,.contact-form textarea{display:block;width:100%;padding:14px;font:16px/1.5 Arial;border:2px solid #123e40;border-radius:0;background:#f3e9da;color:#123e40}.contact-form :focus-visible{outline:3px solid #b93e29;outline-offset:3px}.contact-form .form-privacy{font-size:13px;line-height:1.6}.contact-direct{padding:28px;background:#d6e5e1;align-self:start}.contact-direct h2{margin-top:0}.contact-direct a{font-size:15px;overflow-wrap:anywhere}.form-trap{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}.button-primary,.button-outline{min-height:44px;font:700 14px/1.4 Arial;padding:12px 18px;border:2px solid #123e40;border-radius:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.button-primary{background:#edb94c;color:#123e40}.button-outline{background:transparent;color:#123e40}.button-primary:hover{background:#f3e9da}.button-primary:disabled{opacity:.6;cursor:not-allowed}.button-primary:focus-visible,.button-outline:focus-visible{outline:3px solid #b93e29;outline-offset:3px}.inline-button{font:inherit;background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer}
.cookie-banner[hidden]{display:none}.cookie-banner{position:fixed;z-index:90;left:20px;right:20px;bottom:20px;max-width:1100px;margin:auto;background:#f3e9da;color:#123e40;border:2px solid #123e40;box-shadow:6px 6px 0 #86aaa5;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:32px}.cookie-banner h2,.privacy-dialog h2{font:400 28px/1.1 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;margin:0 0 12px}.cookie-banner p{font:14px/1.6 Arial;max-width:640px;margin:0 0 8px}.cookie-banner a{font-size:12px;text-underline-offset:3px}.cookie-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}.privacy-dialog{border:2px solid #123e40;background:#f3e9da;color:#123e40;padding:44px 32px 32px;max-width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:6px 6px 0 #86aaa5}.privacy-dialog::backdrop{background:#123e40aa}.privacy-dialog p{font:16px/1.6 Arial}.privacy-dialog .dialog-close{position:absolute;right:8px;top:8px;width:44px;height:44px;background:none;border:0;font-size:28px;color:#123e40;cursor:pointer}.necessary-setting{display:flex;gap:12px;align-items:center;padding:20px 0;border-top:1px solid #86aaa5;border-bottom:1px solid #86aaa5;font-size:14px}.necessary-setting span{margin-left:auto;font-size:12px}.privacy-dialog :focus-visible{outline:3px solid #b93e29;outline-offset:3px}
@media(max-width:900px){.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.footer-bottom{align-items:flex-start;flex-direction:column}.cookie-banner{align-items:flex-start;flex-direction:column;gap:20px}.contact-layout{grid-template-columns:1fr;gap:32px}}
@media(max-width:600px){.expanded-footer.site-footer{padding:40px 6% 24px}.footer-intro{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:32px}.footer-columns{grid-template-columns:1fr;gap:28px}.footer-columns h2{font-size:25px;margin-bottom:12px}.footer-columns a,.footer-pending{min-height:44px}.footer-bottom nav{gap:8px 24px}.page-info .page-shell{padding:40px 6% 56px}.cookie-banner{left:12px;right:12px;bottom:12px;padding:20px;max-height:75dvh;overflow:auto}.cookie-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.cookie-actions button{padding:10px;font-size:12px}.privacy-dialog{padding:52px 24px 24px}.necessary-setting{flex-wrap:wrap}.necessary-setting span{margin-left:0}.page-info .page-lead{font-size:17px}}

.hero .secondary-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font:700 14px Arial;text-underline-offset:5px}
/* Abgestimmtes Modul: Bühne Hauptseite. Aktueller Einsatz: Petrol. */
.theme-compact .hero{--hero-surface:#123e40;--hero-text:#f3e9da;--hero-cta:#294f51;--hero-cta-hover:#365c5e;--hero-dot:#edb94c}
.theme-compact .hero .eyebrow>span{background:var(--hero-dot)}
.theme-compact .hero .secondary-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;max-width:100%;padding:12px 18px;border:1.5px solid currentColor;border-radius:0;background:var(--hero-cta);color:var(--hero-text);font:700 14px/1.4 Arial,Helvetica,sans-serif;text-decoration:none;text-align:left}
.theme-compact .hero .secondary-link>span{font-size:19px;line-height:1;flex:none}
.theme-compact .hero .secondary-link:hover{background:var(--hero-cta-hover)}
.theme-compact .hero .secondary-link:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.theme-compact .hero.hero--gold{--hero-surface:#edb94c;--hero-text:#123e40;--hero-cta:#cf9638;--hero-cta-hover:#c58a2d;--hero-dot:#123e40;background:var(--hero-surface);color:var(--hero-text)}
.theme-compact .hero.hero--gold :is(h1,h1 em,.hero-description,.eyebrow){color:var(--hero-text)}
.theme-compact .hero.hero--gold .hero-art{background:var(--hero-surface)}
.theme-compact .hero.hero--gold .hero-art::after{background:linear-gradient(90deg,#edb94c 0%,#edb94c66 23%,transparent 55%)}
.theme-compact .hero .month-sticker{position:absolute;right:clamp(20px,3vw,44px);top:28px;bottom:auto;z-index:4;display:block;width:120px;height:120px;padding:0;border:1px solid #f3e9da;border-radius:50%;box-shadow:none;transform:none;text-decoration:none;color:#f3e9da;background:conic-gradient(from -8deg,#edb94c 0deg 16deg,#03447e 16deg 45deg,#f3e9da 45deg 61deg,#03447e 61deg 90deg,#2d9395 90deg 106deg,#03447e 106deg 135deg,#f3e9da 135deg 151deg,#03447e 151deg 180deg,#b93e29 180deg 196deg,#03447e 196deg 225deg,#f3e9da 225deg 241deg,#03447e 241deg 270deg,#246347 270deg 286deg,#03447e 286deg 315deg,#f3e9da 315deg 331deg,#03447e 331deg 360deg);filter:drop-shadow(0 2px 2px #123e4060)}
.theme-compact .hero .month-sticker .chip-face{position:absolute;inset:8px;border:1px solid #f3e9da;border-radius:50%;background:#03447e;display:flex;align-items:center;justify-content:center;padding:0}
.theme-compact .hero .month-sticker .chip-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:70px;height:76px;text-align:center;padding:0;margin:0}
.theme-compact .hero .month-sticker b{display:block;font:400 17px/1.03 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:0;text-transform:uppercase;color:inherit;width:100%;padding:0;margin:0}
.theme-compact .hero .month-sticker b>span{display:block;white-space:nowrap;font:inherit;letter-spacing:inherit;color:inherit;padding:0;margin:0}
.theme-compact .hero .month-sticker .chip-arrow{font:400 17px/1 Arial,Helvetica,sans-serif;display:block;padding:0;margin:0}
.theme-compact .hero .month-sticker:hover .chip-face{background:#074e8b}
.theme-compact .hero .month-sticker:focus-visible{outline:3px solid #f3e9da;outline-offset:5px}
@media(max-width:900px){.theme-compact .hero .month-sticker{top:26px;right:24px}.theme-compact .hero.hero--gold .hero-art::after{background:linear-gradient(180deg,#edb94c 0%,#edb94c66 23%,transparent 55%)}}
@media(forced-colors:active){.theme-compact .hero .month-sticker{background:Canvas;color:CanvasText;border:2px solid LinkText}.theme-compact .hero .month-sticker .chip-face{background:Canvas;border-color:LinkText}}

/* Abgestimmtes Modul: Onsite-Navigation. Styleguide 16.3. */
.page-preview{--site-gutter:5%;--site-content-edge:max(var(--site-gutter),calc((100% - 1440px)/2))}
.page-preview :is(.hero,.onpage-nav,.home-section,.final-community){padding-inline:var(--site-content-edge)}
.page-preview .hero-copy{margin-inline-start:0}
.page-preview .onpage-nav{max-width:none;gap:32px;padding-block:18px;color:#f3e9da}
.page-preview .onpage-strip{background:#b93e29}
.page-preview .onpage-links{flex:1;align-items:center;gap:6px 28px;min-width:0}
.page-preview .onpage-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:9px;min-height:44px;padding:8px 0;border:0;font:700 12px/1.45 Arial,Helvetica,sans-serif;text-decoration:none;color:#f3e9da}
.page-preview .onpage-links a>span:first-child{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.page-preview .onpage-links a>span[aria-hidden]{font:400 18px/1 Arial,Helvetica,sans-serif;flex:none}
.page-preview .onpage-links a:hover>span:first-child{text-decoration-color:#edb94c;text-decoration-thickness:2px}
.page-preview .onpage-links a:hover>span[aria-hidden]{color:#edb94c}
.page-preview .onpage-links a:focus-visible{outline:3px solid #f3e9da;outline-offset:5px}
.page-preview .onpage-join.join-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;flex:none;min-width:190px;min-height:54px;padding:15px 22px;border:0;border-radius:0;background:#edb94c;color:#123e40;box-shadow:5px 5px 0 #f3e9da;font:700 12px/1.4 Arial,Helvetica,sans-serif;text-decoration:none;white-space:nowrap}
.page-preview .onpage-join.join-button>span{font:400 20px/1 Arial,Helvetica,sans-serif}
.page-preview .onpage-join.join-button:hover{background:#f3e9da;color:#123e40;box-shadow:5px 5px 0 #edb94c}
.page-preview .onpage-join.join-button:focus-visible{outline:3px solid #f3e9da;outline-offset:8px}
@media(max-width:1150px) and (min-width:901px){.page-preview .onpage-nav{gap:24px}.page-preview .onpage-links{column-gap:20px}}
@media(max-width:900px){.page-preview{--site-gutter:7%}.page-preview .onpage-nav{display:none}.page-preview .onpage-strip{height:3px;border:0}}
@media(max-width:600px){.page-preview{--site-gutter:6%}}

/* Layoutreview: Content mit drei Boxen. Noch keine finale Moduldefinition. */
.page-preview .berlin-section>.section-inner>.section-heading{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;align-items:end}
.page-preview .berlin-section>.section-inner>.section-heading>div:first-child{padding-right:32px}
.page-preview .berlin-section>.section-inner>.section-heading>.section-intro{padding-left:32px;max-width:none}
.page-preview .berlin-section>.section-inner>.section-heading .eyebrow{display:flex;align-items:center;gap:10px;color:#123e40}
.page-preview .berlin-section .topline-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#123e40;flex:none}
.page-preview .berlin-values{--box-padding:32px}
.page-preview .berlin-values article,.page-preview .berlin-values article:first-child{padding:var(--box-padding);position:relative}
.page-preview .berlin-values .box-topline{display:flex;align-items:center;min-height:32px;width:100%;padding-right:46px;margin:0 0 22px;font:700 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:inherit}
.page-preview .berlin-values .box-topic-icon{position:absolute;right:var(--box-padding);top:var(--box-padding);display:block;width:32px;height:32px;overflow:visible;color:inherit;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.page-preview .berlin-values h3{margin-top:0}
@media(max-width:1200px){.page-preview .berlin-values{--box-padding:24px}}
@media(max-width:900px){.page-preview .berlin-section>.section-inner>.section-heading{grid-template-columns:1fr;gap:24px}.page-preview .berlin-section>.section-inner>.section-heading>div:first-child{padding-right:0}.page-preview .berlin-section>.section-inner>.section-heading>.section-intro{padding-left:0}}
@media(max-width:600px){.page-preview .berlin-values{--box-padding:28px}}

/* Approved Topline 1 icon system · Styleguide 16.5. */
.topline-1{--topline-icon-color:#b93e29;display:flex;align-items:center;gap:10px}
.topline-1>.topline-mark{display:block;flex:0 0 18px;width:18px;height:18px;min-width:18px;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--topline-icon-color)}
.hero .topline-1,.closing-section .topline-1,.join-panel .topline-1{--topline-icon-color:#edb94c}
.closing-section .topline-1{color:#f3e9da}
.hero.hero--gold .topline-1{--topline-icon-color:#b93e29}
.topline-1--center{flex-direction:column;justify-content:center;text-align:center}
.topline-1--center>.topline-mark{align-self:center}
.topline-1--petrol{--topline-icon-color:#123e40}
.topline-1--red{--topline-icon-color:#b93e29}
.topline-1--gold{--topline-icon-color:#edb94c}
/* Box top-lines retain their individual topic icons without an extra mark. */

/* Einheitliche Textlinks nach der Onsite-Navigation. */
.page-preview{--text-link-accent:#b93e29}
.page-preview :is(.private-section,.berlin-values article){--text-link-accent:#edb94c}
.page-preview .discovery-section{--text-link-accent:#123e40}
.page-preview :is(.event-card,.private-card,.mag-card){--text-link-accent:#b93e29}
.page-preview :is(.onpage-strip,.month-module,.join-panel){--text-link-accent:#edb94c}
.page-preview .text-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;min-height:44px;text-decoration:none}
.page-preview .text-link>.link-label{display:inline;font:inherit;line-height:inherit;color:inherit;min-width:0;text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:5px}
.page-preview .text-link>span[aria-hidden]{display:inline-block;flex:none;font:400 18px/1 Arial,Helvetica,sans-serif;margin:0;padding:0;text-decoration:none}
.page-preview .onpage-links a>span:first-child{text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:5px}
.page-preview .onpage-links a>span[aria-hidden]{text-decoration:none}
.page-preview .text-link:is(:hover,:focus-visible)>.link-label,
.page-preview .onpage-links a:is(:hover,:focus-visible)>span:first-child{color:inherit;text-decoration-color:var(--text-link-accent);text-decoration-thickness:3px}
.page-preview .text-link:is(:hover,:focus-visible)>span[aria-hidden],
.page-preview .onpage-links a:is(:hover,:focus-visible)>span[aria-hidden]{color:var(--text-link-accent);text-decoration:none}

/* Kontaktseitenentwurf innerhalb Design E. Visual C ist zur Auswahl eingesetzt. */
.page-contact{--contact-edge:max(5%,calc((100% - 1440px)/2))}
.page-contact .page-shell{max-width:none;padding:64px var(--contact-edge) 80px}
.contact-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 64px;align-items:start}
.page-contact .contact-heading h1{margin:0}
.page-contact .contact-topline{display:flex;align-items:center;gap:10px;font:700 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px}
.contact-topline>span{display:block;flex:none;width:7px;height:7px;border-radius:50%;background:#b93e29}
.contact-intro{align-self:end}
.page-contact .contact-intro p{font-size:18px;line-height:1.7;margin:0;max-width:560px}
.page-contact .contact-form{min-width:0}
.page-contact .contact-form input,.page-contact .contact-form textarea{width:100%;background:#f3e9da}
.page-contact .contact-visual{margin:0;min-width:0;align-self:start}
.contact-visual img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.contact-style-controls{border:0;padding:0;margin:0 0 18px;min-width:0}
.contact-style-controls[hidden]{display:none}
.contact-style-controls legend{font:700 12px/1.5 Arial,Helvetica,sans-serif;margin-bottom:10px;padding:0;color:#123e40}
.contact-style-buttons{display:flex;flex-wrap:wrap;gap:8px}
.contact-style-buttons button{font:700 12px/1.4 Arial,Helvetica,sans-serif;min-height:44px;padding:10px 14px;border:1px solid #123e40;border-radius:0;color:#123e40;background:#f3e9da;cursor:pointer}
.contact-style-buttons button:hover{background:#d6e5e1}
.contact-style-buttons button[aria-pressed=true]{background:#123e40;color:#f3e9da;box-shadow:0 3px 0 #edb94c}
.contact-style-buttons button:focus-visible{outline:3px solid #b93e29;outline-offset:3px}
.contact-style-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.page-contact .contact-form [type=submit]{min-height:54px;padding:15px 22px;border:0;border-radius:0;box-shadow:5px 5px 0 #123e40;background:#edb94c;color:#123e40;font-weight:700}
.page-contact .contact-form [type=submit]:hover{background:#123e40;color:#f3e9da;box-shadow:5px 5px 0 #edb94c}
.page-contact #contact-status:empty{display:none}
.page-contact .form-privacy{margin:20px 0 24px}
@media(max-width:900px){.page-contact{--contact-edge:7%}.page-contact .page-shell{padding-top:48px}.contact-page-grid{grid-template-columns:1fr;gap:28px}.contact-visual{max-width:600px;width:100%}}
@media(max-width:600px){.page-contact{--contact-edge:6%}.page-contact .page-shell{padding-top:36px;padding-bottom:56px}.page-contact .contact-intro p{font-size:16px}}