@import url('reference-overrides.css');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap');

/* The YouTube artwork has more transparent padding than the other social icons. */
.top-socials a,.footer-socials a{border-radius:50%;overflow:hidden}.top-socials img[alt="YouTube"],.footer-socials img[alt="YouTube"]{transform:scale(1.18)}
/* reference-style synchronisation */
.header-tools{position:absolute;right:34px;display:flex;align-items:center;gap:16px}.header-tools .top-socials{position:static}.topbar nav a{position:relative;transition:color .22s}.topbar nav a:not(.nav-logo):after{content:'';position:absolute;right:17%;bottom:4px;left:17%;height:1px;background:#d2313b;transform:scaleX(0);transform-origin:center;transition:transform .22s}.topbar nav a:not(.nav-logo):hover{color:#fff}.topbar nav a:not(.nav-logo):hover:after{transform:scaleX(1)}.top-socials a,.footer-socials a{display:block;transition:transform .24s ease,filter .24s ease,filter .24s ease}.top-socials a:hover,.footer-socials a:hover{filter:drop-shadow(0 0 7px rgba(244,238,225,.8));transform:translateY(-4px) scale(1.1)}.locale{display:flex;align-items:center;gap:5px;color:#968d87;font:10px 'DM Mono',monospace}.locale button{padding:4px 0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit}.locale button:hover,.locale button.selected{color:#f0efec;text-shadow:0 0 6px rgba(228,81,87,.85)}
@media(max-width:560px){.header-tools{right:20px}.header-tools .top-socials{display:none}}
.cookie[hidden]{display:none!important}
.video-local-link{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle,#9c111933,transparent 42%),#090909;color:var(--paper);text-align:center;text-decoration:none;font:12px Cinzel,serif;letter-spacing:.1em}.video-local-link small{max-width:300px;color:var(--muted);font:12px Arial,sans-serif;letter-spacing:0;line-height:1.5}.video-local-link span{padding:10px 14px;border:1px solid #ffffff80;font:10px 'DM Mono',monospace;letter-spacing:.12em}.video-local-link:hover{background:radial-gradient(circle,#d2313b55,transparent 42%),#101010}
:root{--red:#d2313b;--paper:#f0efec;--muted:#b8b0aa;--black:#070707}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font:16px Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:84px;padding:0 clamp(22px,6vw,110px);display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ffffff24;background:#000;position:relative}.topbar nav{width:min(690px,100%);display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr 1fr;align-items:center;text-align:center;font:11px Cinzel,serif;letter-spacing:.12em;text-transform:uppercase}.nav-logo img{width:160px;height:58px;object-fit:contain;margin:auto}.top-socials{position:absolute;right:34px;display:flex;gap:7px}.top-socials a,.footer-socials a{width:29px;height:29px}.top-socials img,.footer-socials img{width:100%;height:100%;object-fit:contain}.menu-toggle{display:none}.masthead{height:min(52vw,760px);min-height:310px;background:#030303 url('images/band-hero.jpg') center bottom/contain no-repeat}.label{margin:0 0 16px;color:var(--red);font:12px 'DM Mono',monospace;letter-spacing:.19em;text-transform:uppercase;text-shadow:0 0 5px #d29e5060}h1,h2{margin:0;font:500 clamp(60px,8vw,122px)/.8 'Cormorant Garamond',serif;letter-spacing:-.05em}.shows{display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw;padding:clamp(75px,9vw,130px) clamp(24px,8vw,140px);background:radial-gradient(ellipse at 8% 50%,#ffffff12,transparent 34%),#080808}.show-list{border-top:1px solid #ffffff70}.show{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:25px 0;border-bottom:1px solid #ffffff28}.show time{color:var(--red);font:48px/.8 'Cormorant Garamond',serif}.show strong{font:600 17px Cinzel,serif}.show p{margin:7px 0 0;color:var(--muted);font-size:13px}.band,.videos{padding:clamp(80px,10vw,145px) clamp(24px,8vw,140px);background:radial-gradient(ellipse at 75% 8%,#770e1229,transparent 35%),#090909}.band-intro{display:grid;grid-template-columns:1.1fr .8fr;gap:12vw;align-items:end;max-width:1600px;margin:0 auto 75px}.history{padding-left:28px;border-left:1px solid var(--red);color:var(--muted);line-height:1.8;font-size:15px}.history b{color:var(--red);font:11px 'DM Mono',monospace;letter-spacing:.18em;text-transform:uppercase}.members{max-width:1600px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.member{height:clamp(340px,39vw,610px);position:relative;overflow:hidden;border:1px solid #ffffff24;background:#090909;cursor:pointer;transition:.35s}.member img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(.35) brightness(.73);opacity:.82;transition:.5s}.member:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#050505e8)}.member-info{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}.member-info strong{display:block;font:500 clamp(32px,3vw,49px)/.82 'Cormorant Garamond',serif}.member-info span{color:var(--red);font:10px 'DM Mono',monospace;letter-spacing:.13em;text-transform:uppercase}.member-info small{display:block;max-height:0;overflow:hidden;opacity:0;margin-top:8px;line-height:1.5;transition:.3s}.member:hover,.member.active{transform:translateY(-7px);border-color:#e97a80}.member:hover img,.member.active img{filter:none;opacity:1;transform:scale(1.07)}.member:hover small,.member.active small{max-height:70px;opacity:1}.videos h2{margin-bottom:50px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 24px}.video{border-bottom:1px solid #ffffff24;padding-bottom:18px}.video-frame{aspect-ratio:16/9;background:#050505}.video-frame iframe{width:100%;height:100%;border:0}.video-gate{width:100%;height:100%;border:0;background:radial-gradient(circle,#9c111933,transparent 42%),#090909;color:var(--paper);cursor:pointer;font:12px Cinzel,serif;letter-spacing:.1em}.video h3{margin:15px 0 5px;font:600 18px Cinzel,serif}.video>a{font:10px 'DM Mono',monospace;color:var(--muted);letter-spacing:.1em}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;padding:clamp(75px,9vw,125px) clamp(24px,8vw,140px);background:radial-gradient(ellipse at 55% 50%,#a209193d,transparent 39%),#080808}.contact>div>p:not(.label){max-width:500px;color:#ccc4bd;line-height:1.75}.contact-links{display:grid;gap:12px;max-width:520px}.contact-links a{position:relative;padding:21px 50px 21px 24px;border:1px solid #aaa79e;background:linear-gradient(110deg,#181818,#261416);font:18px Cinzel,serif}.contact-links span{display:block;margin-bottom:8px;color:var(--red);font:10px 'DM Mono',monospace;letter-spacing:.16em;text-transform:uppercase}.contact-links a:hover{border-color:#fff;background:#3a1719}footer{padding:54px clamp(24px,8vw,140px) 24px;text-align:center;background:#050505}footer .label{margin-bottom:15px}.footer-socials{display:flex;justify-content:center;gap:13px}.footer-socials a{width:52px;height:52px}.footer-links{display:flex;align-items:center;gap:24px;margin-top:38px;padding-top:20px;border-top:1px solid #ffffff24;text-align:left;font:10px Cinzel,serif;letter-spacing:.12em;text-transform:uppercase}.footer-links a{color:#bbb4ad}.footer-links button{margin-left:auto;border:0;background:transparent;color:#9b928b;font:10px Cinzel,serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.cookie{position:fixed;z-index:5;left:5%;right:5%;bottom:28px;max-width:1080px;margin:auto;display:flex;justify-content:space-between;gap:28px;align-items:end;padding:28px 38px;border:1px solid #ffffff55;background:linear-gradient(115deg,#151010,#250b0e);box-shadow:0 20px 70px #000}.cookie h2{font-size:48px}.cookie p:not(.label){max-width:600px;color:#d2cac3;line-height:1.6}.cookie a{font:10px Cinzel,serif;color:var(--red);letter-spacing:.1em}.cookie button{padding:15px 18px;border:1px solid #fff8;background:transparent;color:white;font:10px Cinzel,serif;letter-spacing:.1em;cursor:pointer}.cookie #media{background:#b50a14;border-color:#d74850}@media(max-width:900px){.members{grid-template-columns:repeat(3,1fr)}.member{height:480px}.band-intro,.shows,.contact{grid-template-columns:1fr;gap:42px}.top-socials{display:none}}@media(max-width:560px){.topbar{justify-content:space-between;height:72px}.menu-toggle{display:block;border:0;background:transparent;color:white;font-size:23px}.topbar nav{display:none;position:absolute;top:72px;left:0;right:0;z-index:4;background:#070707;grid-template-columns:1fr;padding:18px}.topbar nav.open{display:grid}.topbar nav a{padding:13px}.masthead{height:58vw;min-height:240px}.members{grid-template-columns:repeat(2,1fr);gap:9px}.member{height:340px}.video-grid{grid-template-columns:1fr}.cookie{flex-direction:column;align-items:stretch;padding:23px}.cookie h2{font-size:42px}.footer-links{flex-wrap:wrap}.footer-links button{margin-left:0;width:100%;text-align:left}}
.history-link{margin-top:8px;padding:0;border:0;border-bottom:1px solid var(--red);background:transparent;color:var(--paper);cursor:pointer;font:11px 'DM Mono',monospace;letter-spacing:.13em;text-transform:uppercase}.history-link:hover{color:var(--red)}.history-modal{width:min(720px,calc(100% - 36px));max-height:min(760px,calc(100% - 36px));padding:0;border:1px solid #ffffff55;background:#111;color:var(--paper);box-shadow:0 26px 90px #000}.history-modal::backdrop{background:#000c;backdrop-filter:blur(4px)}.history-modal-content{position:relative;padding:clamp(34px,6vw,70px);background:radial-gradient(ellipse at 92% 5%,#8a141b3b,transparent 42%),#111}.history-modal h2{font-size:clamp(52px,8vw,84px);line-height:.82}.history-modal-copy{margin-top:34px;color:#d2cac3;line-height:1.8}.history-modal-copy p{margin:0 0 18px}.history-modal-close{position:absolute;top:15px;right:18px;width:38px;height:38px;border:0;background:transparent;color:var(--paper);cursor:pointer;font:32px/1 Arial}.history-modal-close:hover{color:var(--red)}main#top{scroll-margin-top:84px}

.history-link{display:inline-flex;align-items:center;gap:10px;margin-top:8px;padding:0;border:0;background:transparent;color:var(--red);cursor:pointer;font:11px 'DM Mono',monospace;letter-spacing:.13em;text-transform:uppercase;transition:color .2s,transform .2s}.history-link:after{content:"?";font:20px/1 Arial,sans-serif}.history-link:hover{color:var(--paper);transform:translate(2px,-2px)}.history-modal.open{display:flex}.history-modal .history-modal-content{width:min(720px,100%);max-height:100%;overflow:auto;border:1px solid #ffffff55;box-shadow:0 26px 90px #000}.history-modal-close{z-index:1}body.history-modal-open{overflow:hidden}

.history-link{display:inline-flex;align-items:center;gap:10px;color:var(--red)}.history-link:after{display:none}.history-link-arrow{display:inline-block;color:currentColor;font:20px/1 Arial,sans-serif;transition:transform .22s ease}.history-link:hover .history-link-arrow{transform:translate(3px,-3px)}

.history-link:hover{color:#ee737a}.history-link:hover .history-link-arrow{color:#ee737a}

.member-more{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:0;border:0;background:transparent;color:var(--red);cursor:pointer;font:10px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:color .22s,opacity .28s,transform .28s}.member-more i{font:18px/1 Arial,sans-serif;font-style:normal;transition:transform .22s}.member:hover .member-more,.member.active .member-more{opacity:1;transform:translateY(0)}.member-more:hover{color:#ee737a}.member-more:hover i{transform:translate(3px,-3px)}.member-modal{position:fixed;z-index:35;inset:0;display:none;align-items:center;justify-content:center;overflow:auto;padding:24px;background:#000d}.member-modal.open{display:flex}.member-modal-content{position:relative;display:grid;grid-template-columns:minmax(200px,.8fr) 1fr;width:min(920px,100%);max-height:88vh;overflow:auto;border:1px solid #ffffff55;background:#111;box-shadow:0 26px 90px #000}.member-modal-content>img{width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center}.member-modal-copy{align-self:center;padding:clamp(35px,6vw,75px) clamp(30px,5vw,65px)}.member-modal-copy h2{font-size:clamp(58px,8vw,94px)}.member-modal-detail{margin:30px 0 0;color:#d2cac3;line-height:1.8}.member-modal-close{position:absolute;z-index:1;top:15px;right:18px;width:38px;height:38px;border:0;background:transparent;color:var(--paper);cursor:pointer;font:32px/1 Arial}.member-modal-close:hover{color:var(--red)}body.member-modal-open{overflow:hidden}@media(max-width:650px){.member-modal-content{grid-template-columns:1fr;max-height:92vh}.member-modal-content>img{height:300px;min-height:0}.member-modal-copy{padding:38px 30px}.member-modal-copy h2{font-size:64px}}

/* Bandgeschichte: Vollflächiges Overlay, wie Flyer und Mitglieder-Details. */
.history-modal{position:fixed!important;z-index:40!important;inset:0!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;display:none;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(0,0,0,.84)!important}.history-modal.open{display:flex!important}.history-modal .history-modal-content{position:relative!important;width:min(720px,100%)!important;max-height:88vh!important;margin:auto!important;overflow:auto!important}