:root{--bg:#101010;--gold:#efb72f;--white:#f5f5ef;--muted:#a8a8a3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}.preview{font-size:9px;text-align:center;padding:7px 12px;background:#20201c;color:#c5c3b3;letter-spacing:1.1px}.preview span{color:var(--gold);margin:0 12px}header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff18}.brand{display:block;width:155px}.logo-window{display:block;width:100%;height:90px;overflow:hidden;position:relative}.logo-window img{position:absolute;width:120%;height:auto;max-width:none;left:-10%;top:-14px}nav{display:flex;gap:28px;font-size:12px;color:#d0d0c8}nav a:hover{color:var(--gold)}.outline{border:1px solid #69695c;padding:12px 18px;font-size:11px;letter-spacing:.6px;background:transparent;color:var(--white);cursor:pointer;display:inline-flex;gap:25px;align-items:center}.outline:hover{border-color:var(--gold)}.hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:3%;padding:70px 5% 0;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#bb8d2316,transparent 52%)}.hero-copy{position:relative;z-index:1;padding-bottom:50px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);margin:0 0 26px;font-weight:600}.dot{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:8px;vertical-align:middle;box-shadow:0 0 18px #efb72f77}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:700;line-height:.96;margin:0;letter-spacing:-.8px}h1{font-size:clamp(59px,6.1vw,94px);white-space:pre-line;max-width:850px}h2{font-size:clamp(48px,5vw,76px)}em{color:var(--gold);font-style:normal}.lead{max-width:510px;color:#bbbcb5;font-size:14px;margin:27px 0 30px}.button{display:inline-flex;gap:36px;justify-content:space-between;align-items:center;background:var(--gold);color:#111;padding:17px 22px;font-size:11px;font-weight:700;letter-spacing:.6px;border:0;cursor:pointer}.button span{font-size:20px;line-height:1}.button:hover{background:#ffd36a}.hero-art{position:relative;align-self:center;min-width:0;margin-top:-20px}.hero-art img{width:114%;max-width:none;margin-left:-7%;display:block}.art-label,.art-foot{display:block;font-size:9px;letter-spacing:3px;text-align:center;color:#c4b37d}.art-label{margin-bottom:-25px}.art-foot{margin-top:-30px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding:24px 0;border-top:1px solid #ffffff20;font-size:9px;letter-spacing:1.4px;color:#b7b6a9}.venue-strip{display:flex;gap:35px;justify-content:center;align-items:center;padding:24px 4%;background:var(--gold);color:#111;font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;line-height:1.15;font-weight:700}.venue-strip b{font-size:25px}.statement,.formats,.journey,.shows,.team,.contact{padding:90px 7%;border-top:1px solid #ffffff18}.statement{display:grid;grid-template-columns:1fr 1fr;gap:0 8%}.statement>.eyebrow{grid-column:1/-1}.statement-copy{max-width:480px}.statement p:not(.eyebrow),.team-copy p,.contact-intro>p:not(.eyebrow){color:var(--muted);font-size:14px}.statement .large,.team-copy .large{color:var(--white)!important;font-size:21px!important;line-height:1.45;margin-top:0}.formats{background:#1a1b18}.section-title{display:flex;justify-content:space-between;gap:35px;margin-bottom:50px}.section-title h2{width:65%}.section-title>.eyebrow{padding-top:8px}.format{display:grid;grid-template-columns:60px 1fr 1fr;gap:30px;border-top:1px solid #ffffff30;padding:38px 0}.format .num{font-size:12px;color:var(--gold)}.format h3{font-size:37px;max-width:340px}.format .tag{font-size:14px;color:#e7e4d9;margin:14px 0 0}.format .desc{font-size:14px;color:var(--muted);max-width:400px;margin:0}.format .for{display:block;color:var(--gold);font-size:9px;letter-spacing:1px;margin-top:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.steps b{display:block;color:var(--gold);font-size:12px;border-top:1px solid #77765e;padding-top:18px;margin-bottom:30px}.steps h3{font-size:33px}.steps p{font-size:14px;color:var(--muted);margin-bottom:0}.shows{background:#eaece2;color:#151711}.shows .eyebrow{color:#67521c}.shows em{color:#8a6716}.section-intro{max-width:580px;font-size:14px;color:#5a5c52;margin-bottom:35px}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.level{padding:25px;background:#dfe2d5;border:1px solid #c4c8b9;display:flex;flex-direction:column;align-items:start}.level span{color:#696044;font-size:9px;letter-spacing:1.2px}.level h3{font-size:40px;margin:30px 0 0;text-transform:uppercase}.level p{font-size:13px;color:#52554b;flex-grow:1}.level a{font-size:10px;color:#1a1b17;border-bottom:1px solid #90947f;padding-bottom:6px;margin-top:15px;font-weight:700}.note{font-size:10px;color:#9e9e90;max-width:780px;margin-top:22px;line-height:1.6}.shows .note{color:#6b6e61}.team{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;background:#181916}.team h2{font-size:clamp(48px,4.5vw,68px)}.team-copy{padding-top:42px}.team-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.team-tags span{font-size:9px;border:1px solid #565a47;padding:8px 10px;color:#d3d5c2}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:radial-gradient(ellipse at 0% 70%,#b48a2520,transparent 55%)}.contact-intro p{max-width:380px}.contact h2{font-size:clamp(58px,6vw,88px)}label{display:block;font-size:11px;margin-bottom:22px;color:#d5d6ca}input,select,textarea{display:block;width:100%;border:1px solid #474a3d;background:#1b1d17;padding:13px 12px;color:var(--white);border-radius:0;margin-top:8px;font-size:13px}input:focus,select:focus,textarea:focus{outline:1px solid var(--gold)}select option{background:#171a14}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}#result{margin-top:30px}footer{padding:25px 5%;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff18;align-items:center}footer p,footer>a:last-child{font-size:9px;letter-spacing:1px;color:#d2d1c4}footer p span{color:var(--muted);letter-spacing:0;font-size:10px;display:block;margin-top:5px}@media(min-width:1600px){main{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:16px;font-size:10px}.hero{grid-template-columns:1.1fr 1fr}.hero-art img{width:130%;margin-left:-15%}.section-title{display:block}.section-title h2{width:100%}.venue-strip{font-size:19px;gap:22px}.contact{gap:6%}}@media(max-width:700px){header{height:96px;padding:0 6%}.brand{width:133px}.logo-window{height:80px}.logo-window img{top:-11px}nav{display:none}header .outline{font-size:9px;padding:10px 12px;gap:15px}.hero{grid-template-columns:1fr;padding:45px 6% 0;gap:0}h1{font-size:clamp(54px,11vw,78px)}.lead{font-size:13px;max-width:470px}.hero-copy{padding-bottom:10px}.hero-art{max-width:460px;margin:24px auto 25px;width:100%}.hero-art img{width:104%;margin-left:-2%}.art-label{margin-bottom:-30px}.art-foot{margin-top:-35px;font-size:8px;letter-spacing:2px}.hero-bottom{gap:25px;font-size:8px;padding:20px 0}.hero-bottom a{white-space:nowrap}.venue-strip{flex-wrap:wrap;gap:12px 17px;font-size:18px;padding:20px}.venue-strip b{font-size:17px}.venue-strip b:last-of-type{display:none}.venue-strip span:last-child{width:100%;text-align:center}.statement,.formats,.journey,.shows,.team,.contact{padding:60px 6%}.statement,.team,.contact{grid-template-columns:1fr;gap:30px}.statement>.eyebrow{margin-bottom:-5px}.statement-copy .large{font-size:19px!important}.section-title{margin-bottom:35px}.format{grid-template-columns:30px 1fr;gap:12px}.format .desc{grid-column:2}.format h3{font-size:33px}.steps,.levels{grid-template-columns:1fr;gap:24px}.steps b{margin-bottom:20px}.steps p{max-width:430px}.level{padding:26px}.level h3{margin-top:20px}.team-copy{padding-top:0}.form-row{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap}footer p{max-width:250px}.preview{font-size:8px;letter-spacing:.5px}.preview span{margin:0 5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.language-switch{display:flex;gap:8px;align-items:center;font-size:11px;letter-spacing:1px;margin:0 18px}.language-switch span{color:#62645a}.language-switch a{padding:6px 2px;color:#aaa}.language-switch a[aria-current=page]{color:var(--gold);border-bottom:1px solid var(--gold)}@media(max-width:700px){.language-switch{margin:0 10px;gap:5px;font-size:10px}header .brand{width:112px}header .outline{gap:8px;padding:10px 8px;font-size:8px}}

/* Warm sunset palette, shared by both languages. */
:root{--bg:#101b29;--gold:#e9b562;--white:#fff5e4;--muted:#c2b9ac}
body{background:var(--bg)}.preview{background:#1b2430;color:#cdbda7}header{background:#101b29;border-color:#b78b4840}.outline{border-color:#b78b4866}.language-switch a{color:#c4b79f}.brand-scene{margin:0;position:relative;background:#0c1828}.brand-scene>img{display:block;width:100%;height:auto;aspect-ratio:2056/765;object-fit:contain}.brand-scene figcaption{position:absolute;bottom:10px;right:18px;font-size:8px;letter-spacing:1.3px;color:#fff4d7;background:#061523b3;padding:4px 8px}.hero{display:block;padding-top:55px;background:radial-gradient(ellipse at 90% 0%,#b65b2538,transparent 65%),linear-gradient(130deg,#101e2e,#1d2531)}.hero-copy{display:grid;grid-template-columns:1.15fr 1fr;gap:0 8%;padding-bottom:45px;align-items:start}.hero-copy .eyebrow{grid-column:1/-1}.hero-copy h1{grid-column:1;grid-row:2/4;font-size:clamp(54px,5.5vw,84px);color:#fff1d9}.hero-copy .lead{grid-column:2;grid-row:2;margin:8px 0 25px;color:#d3c4ae}.hero-copy .button{grid-column:2;justify-self:start;grid-row:3}.hero-bottom{color:#ccbea7;border-color:#cb9c5c40}.venue-strip{background:linear-gradient(110deg,#c18c42,#f2cc86 45%,#ce914a);color:#202331}.statement{background:radial-gradient(ellipse at 0% 100%,#a4522322,transparent 65%),#142131}.statement p:not(.eyebrow),.team-copy p,.contact-intro>p:not(.eyebrow){color:#c4bcaf}.formats{background:linear-gradient(125deg,#25262c,#292326)}.format .tag{color:#f1dbb8}.format .desc{color:#cbbca8}.journey{background:#142131}.steps b{border-color:#c59b5c66}.steps p{color:#c4bcaf}.shows{background:linear-gradient(125deg,#f3e2c5,#e9d2b1);color:#302c28}.shows em{color:#986629}.shows .eyebrow{color:#8c612c}.section-intro{color:#6b5844}.level{background:#fff2da80;border-color:#bf975d66;box-shadow:0 8px 28px #74471a08}.level span{color:#936b38}.level p{color:#6f5b46}.level a{color:#574025;border-color:#ad8755}.shows .note{color:#796247}.team{background:radial-gradient(ellipse at 95% 70%,#bc6c2426,transparent 60%),#202735}.team-tags span{color:#e4ceb0;border-color:#bb8e4d66}.contact{background:radial-gradient(ellipse at 0% 80%,#b67a3338,transparent 65%),linear-gradient(125deg,#142032,#24252f)}input,select,textarea{background:#111d2ac4;border-color:#a47e4a77;color:#fff1d8}label{color:#e8d3b4}.note{color:#bdae96}.button{background:linear-gradient(110deg,#d69a42,#f4ce82);color:#251c11}.button:hover{background:#f8dca5}footer{background:#101b29;border-color:#b78b4840}footer p,footer>a:last-child{color:#dac7a7}h1,h2,h3{font-weight:600;letter-spacing:-.4px}
@media(max-width:700px){.brand-scene figcaption{font-size:6px;bottom:5px;right:6px;padding:2px 5px;letter-spacing:.5px}.hero{padding-top:35px}.hero-copy{display:block;padding-bottom:30px}.hero-copy h1{font-size:clamp(52px,10.8vw,75px)}.hero-copy .lead{margin:24px 0}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.7px}.hero-bottom{font-size:7px}.brand-scene>img{min-height:145px;object-fit:cover}}

/* Produktionsstand: lokale Schriften, Lesbarkeit, Formular, Rechtsseiten, Fusszeile.
   Wird von build.mjs hinter style.base.css gehaengt und ueberschreibt dessen Werte. */

@font-face{font-family:'Barlow Condensed';font-weight:600;font-style:normal;font-display:swap;src:url(/assets/fonts/barlow-condensed-600.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/barlow-condensed-700.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:400 700;font-style:normal;font-display:swap;src:url(/assets/fonts/dm-sans-var.woff2) format('woff2')}

html{scroll-padding-top:24px;-webkit-text-size-adjust:100%}
body{font-size:16px;overflow-x:hidden}
.brand-scene picture{display:block}
.brand-scene img{display:block;width:100%;height:auto;aspect-ratio:2056/765;object-fit:cover}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.skip{position:absolute;left:16px;top:-80px;z-index:10;background:var(--gold);color:#251c11;padding:12px 16px;font-size:14px;font-weight:700}
.skip:focus{top:12px}

/* Kopfzeile */
header nav{font-size:14px}
header nav a{padding:8px 0}
.outline{font-size:12px;padding:13px 18px}
.language-switch{font-size:13px}
.language-switch a{padding:8px 4px}

/* Lesegroessen */
.eyebrow{font-size:12px;letter-spacing:1.8px}
.lead,.hero-copy .lead{font-size:17px;line-height:1.6;max-width:34em}
.button{font-size:13px;padding:18px 24px}
.hero-bottom{font-size:11px}
.statement p:not(.eyebrow),.team-copy p,.contact-intro>p:not(.eyebrow),.steps p,.format .desc,.format .tag,.section-intro{font-size:16px}
.statement-copy,.format .desc{max-width:34em}
.note{font-size:13px}

/* Locations-Band als Liste */
.venue-strip{list-style:none;margin:0;flex-wrap:wrap;gap:8px 30px}
.venue-strip li{display:flex;align-items:center;gap:30px}
.venue-strip li+li::before{content:"✳";font-size:22px}

/* Eventformate ohne Zaehler */
.format{grid-template-columns:1fr 1fr;gap:30px 8%}
.format .for{font-size:11px;letter-spacing:1.2px}

/* Ablauf */
.steps{list-style:none;margin:0;padding:0}
.steps b{font-size:13px;letter-spacing:1px}

/* Showgroessen */
.level h3{margin:0}
.level p{font-size:15px;margin:14px 0 0}
.level a{font-size:13px;margin-top:22px;padding:6px 0}
.level a:hover{border-color:#574025}

/* Team */
.team-tags{list-style:none;padding:0}
.team-tags li{font-size:11px;letter-spacing:.6px;border:1px solid #bb8e4d66;padding:8px 10px;color:#e4ceb0}

/* Anfrage */
.contact{align-items:start}
.contact-direct{margin-top:28px;line-height:1.9}
.contact-direct a,.legal a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.contact-direct a:hover,.legal a:hover,.consent a:hover{color:#f8dca5}
label{font-size:13px;margin-bottom:20px}
.opt{color:#b3a48c;font-weight:400}
input,select,textarea{font-size:16px;padding:13px 12px;min-height:48px}
textarea{resize:vertical;min-height:120px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:0}
input::placeholder,textarea::placeholder{color:#9c917f}
[aria-invalid=true]{border-color:#ff9d85}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;line-height:1.55;color:#d3c4ae}
.consent input{width:20px;height:20px;min-height:0;margin:2px 0 0;padding:0;accent-color:var(--gold)}
.consent a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.form-status{margin:0 0 20px;padding:12px 14px;border-left:3px solid #ff9d85;background:#ff9d8514;color:#ffd9cf;font-size:14px}
.button[disabled]{opacity:.65;cursor:progress}
.form-done{border-top:1px solid #c59b5c66;padding-top:28px}
.form-done:focus{outline:none}
.form-done h3{font-size:40px;color:var(--gold)}
.form-done p{font-size:17px;color:#d3c4ae;max-width:30em}
[hidden]{display:none!important}

/* Rechtsseiten und Kurzseiten */
.legal{max-width:calc(66ch + 14%);padding:80px 7% 100px}
.legal h1{font-size:clamp(46px,5.4vw,78px);color:#fff1d9;margin-bottom:34px;hyphens:manual}
.legal h2{font-size:27px;letter-spacing:0;margin:52px 0 14px;color:var(--gold)}
.legal p,.legal address{font-size:16px;color:#cfc6b8;font-style:normal;margin:0 0 14px}
.legal .legal-lead{font-size:19px;line-height:1.55;color:var(--white)}
.legal-date{margin-top:52px!important;font-size:13px!important;color:#a99d8b!important}
.legal-short{min-height:52vh}
.legal-short .button{margin-top:18px}

/* Fusszeile */
footer{padding:28px 5% 34px;flex-wrap:wrap}
footer p{font-size:12px;letter-spacing:1.2px}
footer p span{font-size:12px}
.footer-links{list-style:none;display:flex;flex-wrap:wrap;gap:6px 26px;margin:0;padding:0;font-size:13px;color:#dac7a7}
.footer-links a{display:inline-block;padding:8px 0}
.footer-links a:hover,footer p a:hover{color:var(--gold)}

@media(max-width:1000px){
  header nav{gap:18px;font-size:13px}
}
@media(max-width:700px){
  header{height:auto;flex-wrap:wrap;padding:6px 6% 0;row-gap:0}
  header .outline{font-size:11px;padding:12px 12px;gap:10px}
  header nav{display:flex;order:5;width:100%;gap:22px;font-size:13px;overflow-x:auto;white-space:nowrap;border-top:1px solid #b78b4830;padding:2px 0;scrollbar-width:none}
  header nav::-webkit-scrollbar{display:none}
  header nav a{padding:12px 0}
  .language-switch{font-size:12px;margin-left:auto}
  .hero-copy .eyebrow,.eyebrow{font-size:11px;letter-spacing:1.5px}
  .lead,.hero-copy .lead{font-size:16px}
  .hero-bottom{font-size:10px;flex-wrap:wrap;gap:8px 20px}
  .venue-strip{gap:6px 16px;justify-content:center}
  .venue-strip li{gap:16px}
  .venue-strip li+li::before{font-size:15px}
  .format{grid-template-columns:1fr;gap:18px}
  .format .desc{grid-column:1}
  .legal{padding:54px 6% 70px}
  .legal h2{font-size:24px;margin-top:40px}
  footer{gap:18px}
  footer p{max-width:none;width:100%}
}
@media(prefers-reduced-motion:no-preference){
  .button,.outline,header nav a,.footer-links a,.level a,input,select,textarea{transition:background-color .18s ease,border-color .18s ease,color .18s ease}
}

/* Audit 12.11.2026: Kontrast auf der hellen Flaeche (WCAG AA) und Tippflaechen ab 44px */
.shows .eyebrow{color:#6f4a1b}
.section-intro,.level p{color:#5a4735}
.shows .note{color:#5f4b36}
.language-switch a{padding:12px 9px}
.language-switch{gap:2px}
.hero-bottom a{padding:14px 0}
.level a{padding:13px 0 12px}
.contact-direct a{display:inline-block;padding:10px 0}
.contact-direct{line-height:1.4}
.consent{grid-template-columns:26px 1fr}
.consent input{width:24px;height:24px;margin-top:0}
.consent a{display:inline-block;padding:4px 0}
.footer-links a{padding:12px 0}
.form-status{border:1px solid #ff9d85;border-left-width:1px}

/* Polish 12.11.2026 */
::selection{background:var(--gold);color:#251c11}
html{-webkit-tap-highlight-color:transparent}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
input,select,textarea{color-scheme:dark}
.shows :focus-visible{outline-color:#574025}
.button:active,.outline:active{transform:translateY(1px)}
.level a:active{color:#251c11}
@media(max-width:700px){
  .statement p,.team-copy p,.format .desc,.steps p,.level p,.legal p{hyphens:auto}
}
@media(prefers-reduced-motion:no-preference){
  .button,.outline,header nav a,.footer-links a,.level a,input,select,textarea{transition:background-color .18s cubic-bezier(.25,1,.5,1),border-color .18s cubic-bezier(.25,1,.5,1),color .18s cubic-bezier(.25,1,.5,1),transform .12s cubic-bezier(.25,1,.5,1)}
  .form-done:not([hidden]){animation:arrive .28s cubic-bezier(.25,1,.5,1) both}
  @keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
}
@media(max-width:700px){
  .statement p,.team-copy p,.format .desc,.steps p,.level p,.legal p{hyphenate-limit-chars:12 5 5}
  .statement .large,.team-copy .large,.legal .legal-lead{hyphens:manual}
}

.button{text-transform:uppercase}
