:root{--bg:#100e0d;--gold:#d9b77e;--cream:#f7eee2;--muted:#bdb1a4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--cream);font:16px/1.75 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;object-fit:cover}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:17px 6%;background:#100e0df5;border-bottom:1px solid #d9b77e30}.brand{font:22px Georgia,serif;letter-spacing:.15em;display:inline-block;line-height:1.2}.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:.28em;color:var(--gold);margin-top:7px}nav{display:flex;align-items:center;gap:32px;font-size:13px;letter-spacing:.08em}nav a:hover,.textlink:hover,footer a:hover{color:var(--gold)}.navcta{border:1px solid var(--gold);padding:8px 22px;color:var(--gold)}.menu{display:none}.hero{min-height: min(800px,85vh);position:relative;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden}.hero>img,.statement>img{position:absolute;inset:0;height:100%;z-index:-2}.hero>img{object-position:center 42%}.hero:after,.statement:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#100e0de8 0%,#100e0d50 50%,transparent 80%),linear-gradient(0deg,#100e0d 0%,transparent 50%)}.hero-content{padding:90px 7% 75px;max-width:850px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.25em;color:var(--gold);margin:0 0 22px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:.99;margin:0;letter-spacing:-.045em}h1{font-size:clamp(78px,12vw,175px)}h2{font-size:clamp(43px,6vw,86px)}em{font-weight:400;color:var(--gold)}.tricolore{width:72px;height:3px;background:linear-gradient(90deg,#27844f 33%,#eee 33%,#eee 66%,#bd383b 66%);margin:28px 0}.tagline{font-size:clamp(17px,2vw,24px);margin:0 0 25px}.button{display:inline-flex;gap:28px;align-items:center;background:var(--gold);color:#17120d;padding:14px 24px;font-size:13px;font-weight:bold;letter-spacing:.06em}.button:hover{background:#f5d9a6}.hero-note{position:absolute;right:6%;bottom:45px;color:var(--gold);font-size:10px;letter-spacing:.2em}.section{max-width:1400px;margin:auto;padding:100px 7%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.intro-photo img{aspect-ratio:4/5;object-position:center 45%}.intro-photo{position:relative}.intro-photo span{position:absolute;bottom:0;left:0;background:var(--bg);padding:12px 18px;color:var(--gold);font-size:10px;letter-spacing:.2em}.intro-copy p:not(.eyebrow),.sectionhead>p,.booking>p:not(.eyebrow){color:var(--muted)}.intro-copy .lead{font:25px/1.4 Georgia,serif;color:var(--cream)!important;margin-top:30px}.textlink{display:inline-block;border-bottom:1px solid var(--gold);padding-bottom:5px;margin-top:16px;color:var(--gold)}.statement{position:relative;isolation:isolate;min-height:480px;display:grid;place-items:center;text-align:center;padding:60px 6%}.statement:after{background:#100e0d85}.statement>img{object-position:center 40%}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.photos{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.photo{position:relative;overflow:hidden;min-height:0;aspect-ratio:3/4}.photo img{height:100%;transition:transform .5s}.photo:hover img{transform:scale(1.045)}.photo span{position:absolute;bottom:12px;right:12px;background:#100e0dbb;padding:3px 12px;font-size:22px}.p4,.p7,.p6,.p9{grid-column:span 2;aspect-ratio:3/2}.booking{text-align:center;border-top:1px solid #d9b77e40}.booking>p:not(.eyebrow){max-width:620px;margin:28px auto}.contact-note{color:var(--muted);font-size:14px}footer{border-top:1px solid #d9b77e40;padding:35px 7%;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}footer div{display:flex;gap:20px;font-size:13px}footer small{color:var(--muted)}dialog{background:#100e0d;color:white;border:1px solid #d9b77e55;width:min(94vw,1100px);max-height:95vh;padding:36px 48px 10px}dialog::backdrop{background:#000d}dialog img{height: min(75vh,800px);object-fit:contain}dialog button{position:absolute;background:#100e0dcc;color:white;border:1px solid #ffffff50;font-size:30px;line-height:1;width:40px;height:44px}.close{right:5px;top:5px}.prev{left:5px;top:45%}.next{right:5px;top:45%}.counter{text-align:center;margin:5px}.legal{max-width:850px;min-height:65vh}.legal h2{font-size:42px;margin:35px 0 15px}.legal h1{font-size:clamp(42px,8vw,75px)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:700px){header{padding:15px 5%}.brand{font-size:17px}.brand span{font-size:8px}.menu{display:block;background:transparent;border:1px solid var(--gold);color:var(--gold);padding:5px 10px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:22px;flex-direction:column;gap:18px}nav.open{display:flex}.hero{min-height:690px;min-height:85svh}.hero>img{object-position:55% center}.hero:after{background:linear-gradient(0deg,#100e0d 0%,#100e0d80 35%,transparent 85%)}.hero-content{padding:55px 6%}.hero-note{display:none}.section{padding:65px 6%}.intro{grid-template-columns:1fr;gap:38px}.intro-photo img{aspect-ratio:4/4.5}.statement{min-height:360px}.sectionhead{display:block}.photos{grid-template-columns:repeat(2,1fr);gap:8px}footer{align-items:flex-start;flex-direction:column}dialog{padding:35px 35px 5px}dialog button{width:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.brand-logo{width:126px;height:auto;object-fit:contain}header{background:#000;padding-top:5px;padding-bottom:5px}footer .brand-logo{width:145px}.journey{border-top:1px solid #d9b77e40}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.journey-grid article{border-top:1px solid var(--gold);padding-top:22px}.journey-grid span{color:var(--gold);font-size:11px;letter-spacing:.16em}.journey-grid h3{font:28px Georgia,serif;margin:16px 0}.journey-grid p{color:var(--muted)}.qr-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin:30px 0}.qr-grid figure{margin:0;background:#000;padding:12px;width:170px}.qr-grid img{width:100%;height:auto;object-fit:contain}.qr-grid figcaption{font-size:13px;color:var(--gold);margin-top:8px}@media(max-width:700px){.brand-logo{width:100px}.journey-grid{grid-template-columns:1fr;gap:20px}.qr-grid figure{width:145px}}

/* Original-Logo und Pressebereich */
header,footer{background:#000}.brand-logo{width:112px;height:112px;object-fit:contain}header{padding-top:5px;padding-bottom:5px}footer .brand-logo{width:145px;height:145px}html{scroll-padding-top:132px}.press-links{margin-top:32px;color:var(--muted);font-size:14px}.press-links a{display:inline-block;margin:4px 10px;color:var(--gold);border-bottom:1px solid var(--gold)}@media(max-width:700px){header .brand-logo{width:76px;height:76px}html{scroll-padding-top:95px}}

/* Direkte Kontaktmöglichkeiten */
.artist-names{color:var(--gold);font-size:clamp(16px,2vw,23px);letter-spacing:.12em;margin:18px 0 0}.direct-contact{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:32px 0 18px}.direct-contact .contact-secondary{background:transparent;color:var(--gold);border:1px solid var(--gold)}.direct-contact .contact-secondary:hover{background:var(--gold);color:#100e0d}.contact-details{overflow-wrap:anywhere;line-height:1.9;margin-bottom:32px}.contact-details a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}@media(max-width:480px){.direct-contact{flex-direction:column;align-items:stretch}.direct-contact .button{justify-content:center;text-align:center}}

/* Logo rechts im Kopfbereich */
header > .brand{margin-left:auto;flex-shrink:0}header > nav{margin-right:auto}@media(max-width:700px){header > .menu{margin-right:auto}header > nav{margin-right:0}}

/* Großes Original-Logo im Bühnenbild */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}header{min-height:72px;padding:12px 6%}html{scroll-padding-top:85px}.hero>img.hero-logo{position:absolute;inset:auto;right:5%;top:50%;transform:translateY(-50%);width:min(39vw,560px);height:auto;aspect-ratio:1;object-fit:contain;z-index:1;mix-blend-mode:screen;filter:drop-shadow(0 2px 8px #000)}.hero:after{background:linear-gradient(90deg,#100e0d99 0%,transparent 40%,#0009 75%,#000c 100%),linear-gradient(0deg,#100e0d 0%,transparent 40%)}.hero-content{max-width:52%;padding-bottom:75px;position:relative;z-index:2}.hero-content .eyebrow{margin-bottom:10px}.hero-content .tricolore{margin:20px 0}@media(max-width:700px){header{min-height:58px;padding:10px 5%}html{scroll-padding-top:70px}.hero{min-height:740px;min-height: max(650px,85svh)}.hero>img.hero-logo{width:min(65vw,340px);right:5%;top:20%;transform:none}.hero-content{max-width:100%;padding:35px 6% 50px}.hero:after{background:linear-gradient(0deg,#100e0d 0%,#100e0d55 40%,#0005 75%,#0009 100%)}}

/* Logo kleiner, oben rechts im Bühnenbild */
.hero>img.hero-logo{width:min(25vw,350px);right:4%;top:4%;transform:none}
@media(max-width:700px){.hero>img.hero-logo{width:min(45vw,240px);right:4%;top:3%;transform:none}}

/* V9: unobstructed stage photograph */
.hero:after{background:linear-gradient(0deg,#100e0d 0%,transparent 24%),linear-gradient(270deg,#0005 0%,transparent 35%)}

/* V10: dezentes Logo in der oberen rechten Bildecke */
.hero>img.hero-logo{width:min(18vw,250px);right:1%;top:0;transform:none}
@media(max-width:700px){.hero>img.hero-logo{width:min(32vw,175px);right:1%;top:0;transform:none}}

.media-video,.media-downloads{margin:40px 0}.media-video video{width:100%;max-height:650px;background:#000}.download-grid,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.booking-form{max-width:760px;margin:32px auto;text-align:left}.booking-form label{display:block;margin-bottom:18px}.booking-form input:not([type=checkbox]),.booking-form textarea{display:block;width:100%;box-sizing:border-box;padding:13px;margin-top:7px;background:#181818;color:#fff;border:1px solid #756344;border-radius:4px;font:inherit}.booking-form .privacy-check{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.trap{position:absolute;left:-10000px}.booking-form button{cursor:pointer}.form-note{font-size:.85rem}.media-downloads .button{justify-content:center}@media(max-width:650px){.download-grid,.form-grid{grid-template-columns:1fr}}

.press-report .press-photo{display:block;width:100%;max-width:820px;height:auto;margin:0 0 24px;border-radius:4px;}

/* V22: Responsive layout, tablet and phone */
header{min-height:72px}header nav{flex-wrap:wrap}main,section,.intro-copy,.sectionhead>*,.download-grid>*,.form-grid>*{min-width:0}h2,h3,h4,p,a{overflow-wrap:break-word}.section{padding-block:clamp(48px,7vw,100px)}.intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px)}.intro-copy h2{font-size:clamp(38px,4.5vw,72px);line-height:1.06}.intro-copy .lead{font-size:clamp(21px,2vw,28px)}.sectionhead{align-items:flex-start}.photos{grid-template-columns:repeat(4,minmax(0,1fr))}.photo{min-width:0}.media-video video{display:block;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.booking-form input:not([type=checkbox]),.booking-form textarea{min-width:0;max-width:100%;font-size:16px}.booking-form .privacy-check{display:block}.privacy-check input{margin-right:7px}.booking-form button{border:0;max-width:100%;white-space:normal}.download-grid .button{white-space:normal;text-align:center}.press-report article{max-width:820px}.hero{min-height:0;height:clamp(400px,72vw,800px);max-height:85vh}.hero>img:not(.hero-logo){object-position:center 42%}.hero>img.hero-logo{width:min(18vw,250px);right:1%;top:0}.photo span{display:none}
@media(max-width:1024px){.section{padding-inline:6%}.intro{gap:32px}.intro-copy h2{font-size:clamp(36px,5vw,58px)}.photos{grid-template-columns:repeat(2,minmax(0,1fr))}.sectionhead{gap:16px}.hero{height:64vw;max-height:80vh}.hero>img.hero-logo{width:min(20vw,190px)}}
@media(max-width:820px){.intro{grid-template-columns:minmax(0,1fr);gap:28px}.intro-photo{max-width:100%}.intro-photo img{aspect-ratio:3/2;object-position:center 40%}.intro-copy h2{font-size:clamp(36px,6.5vw,56px)}.sectionhead{display:block}.sectionhead>p{margin-bottom:0}.hero{height:auto;max-height:none;aspect-ratio:3/2}.hero>img:not(.hero-logo){object-position:center}.hero>img.hero-logo{width:min(23vw,160px);right:1%;top:0}}
@media(max-width:700px){html{scroll-padding-top:72px}header{min-height:58px;padding:10px 5%}header .menu{min-height:44px;padding:6px 14px}header nav{gap:8px;padding:12px 5%;align-items:stretch}header nav a{display:block;min-height:44px;padding:10px 12px;text-align:left}header nav .navcta{margin-top:4px}.section{padding:48px 5%}.hero{min-height:0;height:auto;aspect-ratio:3/2}.hero>img.hero-logo{width:min(23vw,120px);right:1%;top:0}.intro-photo img{aspect-ratio:3/2}.intro-copy .lead{margin-top:22px}.intro-copy p{line-height:1.65}.photos{gap:8px}.photo{aspect-ratio:3/4}.p4,.p7,.p6,.p9{grid-column:span 2;aspect-ratio:3/2}.media-video,.media-downloads{margin:32px 0}.download-grid,.form-grid{grid-template-columns:minmax(0,1fr);gap:10px}.booking-form{margin:24px auto}.booking-form label{margin-bottom:12px}.booking-form button{width:100%;justify-content:center}.download-grid .button{min-height:44px}.booking h2,.gallery h2{font-size:clamp(36px,8vw,54px);line-height:1.08}footer{padding:28px 5%;gap:14px}footer div{flex-wrap:wrap}footer .brand-logo{width:110px;height:auto}dialog{width:96vw;max-width:96vw;padding:40px 32px 8px}dialog img{height:auto;max-height:75vh;object-fit:contain}dialog button{min-height:44px}}
@media(max-width:380px){body{font-size:15px}.intro-copy h2{font-size:34px}.booking h2,.gallery h2{font-size:34px}.button{padding:12px 16px}.section{padding-inline:4%}}

/* V23: Media-Titel einzeilig und kompakt */
.gallery .sectionhead{flex-wrap:wrap}
.gallery .sectionhead .media-title{white-space:nowrap;overflow-wrap:normal;font-size:clamp(30px,5.5vw,76px);line-height:1.08}
@media(max-width:820px){.gallery .sectionhead .media-title{font-size:clamp(18px,7.2vw,54px)}}

/* Version 25: Textnavigation statt Pfeile in der Fotoansicht */
#lightbox .prev,#lightbox .next{position:static;width:auto;height:auto;min-height:44px;padding:8px 15px;font-size:14px;line-height:1.3;display:inline-flex;align-items:center;justify-content:center;margin:10px 5px 0}#lightbox img{display:block}#lightbox .prev{order:1}#lightbox .next{order:2}#lightbox .counter{order:3}#lightbox[open]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}#lightbox img{flex:0 0 100%;min-width:0}#lightbox .counter{flex:0 0 100%}#lightbox .close{position:absolute} .photo span{display:none}

/* V26: Einheitliches Galerieraster auf allen Bildschirmgroessen */
.gallery .photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:12px;align-items:stretch}
.gallery .photos > .photo{display:block;grid-column:auto;grid-row:auto;width:100%;min-width:0;min-height:0;aspect-ratio:3/4;overflow:hidden;position:relative}
.gallery .photos > .photo > img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;}
.gallery .photos > .photo > span{display:none}
@media(max-width:1024px){.gallery .photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:700px){.gallery .photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

/* V27: Media-Einleitung ruhig und linksbündig untereinander. */
.gallery .sectionhead{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;margin-bottom:32px}
.gallery .sectionhead>div{width:100%;min-width:0}
.gallery .sectionhead>p{margin:0;max-width:65ch;text-align:left;line-height:1.6}
@media(max-width:700px){.gallery .sectionhead{gap:10px;margin-bottom:26px}}

/* V28: Galerieraster mit Original-Seitenverhaeltnissen, ohne Beschnitt. */
.gallery .photos {display:flex;flex-direction:column;gap:12px;align-items:stretch;}
.gallery .photos .gallery-row {display:grid;grid-template-columns:var(--row-columns);gap:12px;align-items:start;min-width:0;}
.gallery .photos .gallery-pair {display:contents;}
.gallery .photos .photo {display:block;position:relative;grid-column:auto;grid-row:auto;min-width:0;min-height:0;width:100%;height:auto;aspect-ratio:auto;overflow:visible;}
.gallery .photos .photo img {display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;transform:none;transition:none;}
.gallery .photos .photo:hover img {transform:none;}
.gallery .photos .photo span {display:none;}
@media(max-width:1024px){
 .gallery .photos,.gallery .photos .gallery-row,.gallery .photos .gallery-pair {gap:10px;}
 .gallery .photos .gallery-row {grid-template-columns:minmax(0,1fr);}
 .gallery .photos .gallery-pair {display:grid;grid-template-columns:var(--pair-columns);align-items:start;min-width:0;}
}
@media(max-width:700px){.gallery .photos,.gallery .photos .gallery-row,.gallery .photos .gallery-pair {gap:8px;}}

/* V29: Eigenständige Instagram-Einladung */
.social-invite{margin:clamp(40px,6vw,76px) 0;padding:clamp(32px,6vw,76px) clamp(16px,5vw,65px);border:1px solid #d9b77e55;background:radial-gradient(ellipse at top,#d9b77e12,transparent 70%),#151210;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;min-width:0}
.social-invite .social-icon{color:var(--gold);flex:none}
.social-invite h3{font:400 clamp(30px,4.4vw,58px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0;color:var(--cream)}
.social-invite p{max-width:60ch;color:var(--muted);font-size:clamp(15px,1.5vw,18px);line-height:1.7;margin:0 auto}
.social-invite .social-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;max-width:100%;padding:12px 26px;margin-top:5px;border:1px solid var(--gold);color:var(--gold);font-size:clamp(15px,1.6vw,18px);font-weight:600;letter-spacing:.01em;transition:background .2s,color .2s}
.social-invite .social-button svg{flex:none}.social-invite .social-button span{overflow-wrap:anywhere;min-width:0}.social-invite .social-button:hover{background:var(--gold);color:var(--bg)}.social-invite small{color:var(--muted);font-size:13px;margin-top:-6px}
@media(max-width:700px){.social-invite{gap:14px}.social-invite .social-button{width:100%;max-width:340px;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.social-invite .social-button{transition:none}}

/* V30: Grosses anklickbares Instagram-Signet */
.social-invite .social-logo-link{display:block;flex:none;line-height:0;border-radius:25%;margin:0 0 8px;transition:transform .2s ease}.social-invite .social-logo-link .social-icon{display:block;width:clamp(78px,9vw,112px);height:auto;aspect-ratio:1;filter:drop-shadow(0 8px 20px #0005)}.social-invite .social-logo-link:hover{transform:scale(1.04)}.social-invite .social-logo-link:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.social-invite .social-button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media(prefers-reduced-motion:reduce){.social-invite .social-logo-link{transition:none}.social-invite .social-logo-link:hover{transform:none}}
