:root{--red:#ed1234;--cream:#f4dfb8;--ink:#050505;--line:#51463a;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:#050505;color:#f7f3ec;font:16px/1.55 Arial,Helvetica,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(5,5,5,.98);border-bottom:2px solid #5c4937}.header-inner{min-height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:14px;min-width:280px}.brand img{width:82px;height:70px;object-fit:contain}.brand-tag{font-family:"Brush Script MT","Segoe Script",cursive;font-size:25px;font-style:italic;line-height:1.05;white-space:nowrap}
.nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,1.5vw,23px);margin-left:auto;min-width:0}.nav a{font-family:Impact,"Arial Narrow",sans-serif;font-size:16px;text-transform:uppercase;white-space:nowrap;padding:25px 0 19px;border-bottom:3px solid transparent}.nav a:hover,.nav a[aria-current=page]{color:var(--red);border-color:var(--red)}.menu-toggle{display:none;background:#111;color:#fff;border:1px solid #5c4937;border-radius:3px;padding:7px 11px;font-size:20px}
.hero{min-height:425px;position:relative;isolation:isolate;display:grid;place-items:center;text-align:center;overflow:hidden;border-bottom:4px solid #cdb18a;background:#160b07}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.12),rgba(0,0,0,.3)),url("assets/hero-stage.jpg") center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,transparent 5%,rgba(0,0,0,.25) 70%,#000 120%),linear-gradient(0deg,rgba(0,0,0,.58),transparent 40%)}
.hero-content{padding:20px 18px 24px;display:flex;align-items:center;flex-direction:column}.hero-logo{width:min(47vw,330px);max-height:250px;object-fit:contain;filter:drop-shadow(0 4px 12px #000)}.script{font-family:"Brush Script MT","Segoe Script",cursive;font-style:italic;font-weight:500}.hero h1{font-size:clamp(29px,4vw,49px);line-height:1;margin:8px 0 0;text-shadow:0 3px 7px #000}.years{font-size:clamp(18px,2vw,25px);font-weight:900;letter-spacing:5px;margin-top:7px;text-shadow:0 2px 5px #000}.redline{height:3px;width:150px;background:var(--red);margin:13px auto}
.page-hero{padding:68px 0 58px;position:relative;isolation:isolate;background:#17100b;overflow:hidden;border-bottom:2px solid #60472e}.page-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.55)),url("assets/hero-stage.jpg") center/cover}.eyebrow{color:var(--red);text-transform:uppercase;font-weight:bold;letter-spacing:3px;font-size:12px}.page-hero h1{font:clamp(36px,5vw,62px)/1 Impact,"Arial Narrow",sans-serif;text-transform:uppercase;margin:9px 0;color:var(--cream)}.page-hero p{max-width:700px;color:#e0d8cb;margin:0;font-size:17px}
h2,h3{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.5px}h2{font-size:clamp(27px,3vw,38px);line-height:1.05;color:var(--cream);margin:0 0 18px}h3{font-size:23px;margin:0 0 8px}p{color:#d8d2c9}.section{padding:52px 0}.section.dark{background:linear-gradient(120deg,#111,#060606)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading p{margin:0;max-width:560px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--red);color:#fff;border:0;padding:11px 18px;font-weight:bold;box-shadow:4px 4px 0 #620617;cursor:pointer;transform:skew(-3deg)}.btn:hover{background:#ff2444}.btn.secondary{background:transparent;border:1px solid #9a8060;box-shadow:none}.text-link{color:var(--cream);border-bottom:1px solid var(--red);padding-bottom:3px}
.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(310px,.9fr);min-height:280px;border-bottom:1px solid #49413a;background:#090909;overflow:hidden;width:100%}.intro-copy{padding:32px clamp(20px,3vw,46px);align-self:center;min-width:0}.intro-copy h2{font-size:clamp(26px,2.5vw,34px)}.intro-copy p{font-size:14px;line-height:1.65;max-width:430px}.guitar-photo{min-height:280px;min-width:0;background:linear-gradient(0deg,rgba(0,0,0,.18),rgba(0,0,0,.03)),url("old-enough-gruppenfoto.jpg") center/cover}.events{padding:24px clamp(17px,2vw,28px);background:linear-gradient(115deg,#111,#050505);border-left:1px solid #444;min-width:0}.events h2{font-size:22px;margin-bottom:10px}.event{display:grid;grid-template-columns:48px minmax(0,1fr) 16px;gap:12px;align-items:center;padding:9px 0;border-top:1px solid #393939}.event-date{font-family:Impact,sans-serif;font-size:22px;line-height:1;text-align:center;border-right:2px solid var(--red);padding-right:8px}.event-date small{display:block;font-size:12px;margin-top:4px}.event-info{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.arrow{color:var(--red);font-size:26px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#0c0c0c;border:1px solid #403a34;overflow:hidden;transition:transform .2s,border-color .2s;min-width:0}.card:hover{transform:translateY(-3px);border-color:var(--red)}.card-image{height:165px;background-size:cover;background-position:center;position:relative}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.card-body{padding:17px}.card-body p{font-size:14px;margin:5px 0 12px}.tile-image{height:95px;background-size:cover;background-position:center}.tag{display:inline-block;color:var(--red);font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}
.band-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.feature-image{min-height:360px;background:center/cover no-repeat url("https://images.unsplash.com/photo-1524368535928-5b5e00ddc76b?auto=format&fit=crop&w=1000&q=80");border:1px solid #554537}.member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.member{border:1px solid #403a34;background:#101010;min-width:0}.member .card-image{height:190px}.member .card-body{padding:15px}
.song-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 30px}.song-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #39332c}.song-row strong{font-size:15px}.song-row span{font-size:12px;color:#bdb3a5}.schedule{border-top:1px solid #4b4035}.gig{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:24px;padding:20px 8px;border-bottom:1px solid #403a34}.gig-date{color:var(--red);font-family:Impact,sans-serif;font-size:27px;line-height:1.05}.gig-date small{display:block;color:var(--cream);font-size:13px;margin-top:5px}.gig p{margin:4px 0;font-size:14px}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.video-placeholder{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.05)),center/cover url("https://images.unsplash.com/photo-1459749411175-04bf5292ceea?auto=format&fit=crop&w=1000&q=80");border:1px solid #4a3d30}.play{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--red);font-size:25px;padding-left:4px}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gallery img{width:100%;height:230px;object-fit:cover;border:1px solid #403a34;filter:saturate(.85);transition:filter .2s}.gallery img:hover{filter:saturate(1.2)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.contact-details{padding:25px;border:1px solid #403a34;background:#101010}.contact-details a{color:var(--cream)}.form{display:grid;gap:14px}.form label{display:grid;gap:6px;font-size:13px;color:var(--cream)}.form input,.form textarea,.form select{width:100%;padding:12px;background:#101010;color:#fff;border:1px solid #5b5044;border-radius:2px}.form textarea{min-height:145px;resize:vertical}.form-note{font-size:12px;color:#aaa}
.site-footer{border-top:1px solid #514538;background:#050505;padding:22px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#c9c2b8}.social{display:flex;gap:16px;align-items:center;font-weight:bold;font-size:17px}.signature{font-size:19px}.signature:after{content:"";display:block;background:var(--red);height:3px;width:95px;margin-left:30px}.notice{border-left:3px solid var(--red);padding:12px 16px;background:#12100e;color:#d9d0c4;font-size:13px}
.song-row{min-width:0}.song-number{font-family:Impact,"Arial Narrow",sans-serif;color:var(--red);font-size:20px;line-height:1;min-width:32px}.song-main{flex:1;min-width:0}.song-row>span:last-child{white-space:nowrap}.song-list{counter-reset:songs}.song-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center}.song-row>div:nth-child(2){min-width:0}
@media(max-width:1100px){.header-inner{flex-wrap:wrap;padding:6px 0}.brand{min-width:0;flex:1}.brand img{width:66px;height:58px}.brand-tag{font-size:21px}.menu-toggle{display:block}.nav{display:none;order:3;width:100%;flex-wrap:wrap;justify-content:flex-start;gap:0 18px;padding-bottom:10px;margin-left:0}.nav.open{display:flex}.nav a{padding:10px 0;font-size:14px}.intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.guitar-photo{display:none}.events{border-left:1px solid #444}.member-grid,.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wrap{width:calc(100% - 30px)}.hero{min-height:365px}.hero-logo{width:min(65vw,260px);max-height:205px}.hero h1{font-size:clamp(27px,7vw,39px)}.years{letter-spacing:3px}.intro-grid{grid-template-columns:minmax(0,1fr)}.intro-copy{padding:28px 22px}.events{border-left:0;border-top:1px solid #444}.cards,.cards.four,.member-grid,.band-grid,.video-grid,.contact-grid,.song-list{grid-template-columns:minmax(0,1fr)}.section{padding:38px 0}.page-hero{padding:48px 0 42px}.section-heading{align-items:flex-start;flex-direction:column}.gig{grid-template-columns:70px minmax(0,1fr);gap:14px}.gig .btn{grid-column:2;justify-self:start}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery img{height:155px}.footer-inner{flex-wrap:wrap;justify-content:center;text-align:center}.signature{display:none}.feature-image{min-height:250px}.brand-tag{font-size:18px}.brand img{width:58px;height:53px}.nav a{font-size:13px}}

/* OLD ENOUGH band portraits: show the complete original photo */
.member-photo {
  min-height: 0;
  height: 430px !important;
  overflow: hidden;
  background: #101010;
  display: flex;
  align-items: center;
  justify-content: center;
}
.member-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
@media (max-width: 800px) {
  .member-photo {
    height: 360px !important;
  }
}

#form-status{min-height:1.5em}
#booking-form button:disabled{opacity:.65;cursor:wait}

/* Responsive mobile refinements – preserve the OLD ENOUGH black/red rock look */
html { -webkit-text-size-adjust: 100%; }
body { min-width: 0; }
.wrap { min-width: 0; }
img, video, iframe { max-width: 100%; }
button, input, textarea, select { font: inherit; }
.menu-toggle { min-width: 46px; min-height: 44px; cursor: pointer; }

@media (max-width: 760px) {
  .wrap { width: calc(100% - 32px); }
  .header-inner { gap: 8px 12px; padding: 7px 0; }
  .brand { gap: 8px; flex: 1 1 auto; }
  .brand img { width: 52px; height: 48px; flex: 0 0 auto; }
  .brand-tag { font-size: clamp(14px, 4vw, 18px); white-space: normal; }
  .menu-toggle { flex: 0 0 46px; font-size: 23px; }
  .nav { flex-direction: column; align-items: stretch; gap: 0; padding: 4px 0 10px; }
  .nav a { display: block; width: 100%; padding: 12px 10px; border-bottom: 1px solid #342b24; font-size: 15px; }
  .nav a[aria-current=page] { border-left: 3px solid var(--red); padding-left: 12px; }

  .hero { min-height: 330px; }
  .hero-content { padding: 22px 14px 26px; }
  .hero-logo { width: min(68vw, 245px); max-height: 180px; }
  .hero h1 { font-size: clamp(27px, 7.2vw, 36px); line-height: 1.08; }
  .years { font-size: clamp(15px, 4.5vw, 20px); letter-spacing: 2px; }
  .page-hero { padding: 38px 0 34px; }
  .page-hero h1 { font-size: clamp(34px, 9vw, 48px); line-height: 1.02; overflow-wrap: anywhere; }
  .page-hero p { font-size: 16px; }
  .eyebrow { letter-spacing: 2px; }
  .section { padding: 32px 0; }
  .section-heading { gap: 10px; margin-bottom: 20px; }
  h2 { font-size: clamp(26px, 7vw, 33px); line-height: 1.08; }
  h3 { font-size: clamp(19px, 5.2vw, 22px); line-height: 1.15; }
  p { overflow-wrap: anywhere; }
  .btn { min-height: 44px; justify-content: center; max-width: 100%; padding: 12px 16px; text-align: center; }

  /* Keep the home-page band photograph visible on mobile, without cropping its height. */
  .intro-grid { grid-template-columns: minmax(0, 1fr); }
  .intro-copy { padding: 25px 20px; }
  .guitar-photo { display: block; min-height: 0; height: auto; aspect-ratio: 4 / 3; background-position: center; background-size: contain; background-repeat: no-repeat; background-color: #080808; border-top: 1px solid #39312a; border-bottom: 1px solid #39312a; }
  .events { padding: 22px 18px; border: 0; }
  .event { grid-template-columns: 48px minmax(0, 1fr) 14px; gap: 10px; }

  .cards, .cards.four { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .card-body { padding: 13px; }
  .card-body p { font-size: 13px; }
  .tile-image { height: 90px; }
  .member-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .member-photo { height: clamp(170px, 55vw, 250px) !important; min-height: 0; }
  .member-photo img { width: 100%; height: 100%; object-fit: contain; }
  .member .card-body { padding: 12px 10px; }
  .member .card-body p { font-size: 13px; }
  .band-grid { gap: 22px; }
  .feature-image { min-height: 0; aspect-ratio: 4 / 3; background-size: contain; background-color: #090909; }

  .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .gallery img { height: auto; aspect-ratio: 4 / 3; object-fit: contain; background: #0b0b0b; }
  .video-grid { gap: 16px; }
  .song-list { gap: 4px 18px; }
  .song-row { grid-template-columns: 28px minmax(0, 1fr) auto; gap: 8px; }
  .song-row strong { font-size: 14px; }
  .song-row > span:last-child { font-size: 11px; }
  .gig { grid-template-columns: 62px minmax(0, 1fr); gap: 12px; padding: 17px 0; }
  .gig-date { font-size: 23px; }

  .contact-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .contact-details { padding: 18px; overflow-wrap: anywhere; }
  .contact-details a { overflow-wrap: anywhere; }
  .phone-contact a { display: inline-flex; align-items: center; min-height: 44px; margin: 3px 8px 3px 0; }
  .form { min-width: 0; }
  .form label { font-size: 14px; }
  .form input, .form textarea, .form select { min-width: 0; font-size: 16px; padding: 13px 12px; }
  .form button { width: 100%; }
  .footer-inner { gap: 12px; }
  .social { gap: 20px; }
}

@media (max-width: 380px) {
  .wrap { width: calc(100% - 24px); }
  .brand-tag { max-width: 150px; }
  .member-grid { gap: 8px; }
  .member-photo { height: 190px !important; }
  .cards, .cards.four { gap: 9px; }
  .card-body { padding: 10px; }
  .event-info { font-size: 12px; }
}


/* Five band members in one row on desktop */
@media (min-width: 901px) {
  .member-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
  }
  .member-photo {
    height: 205px !important;
    min-height: 0;
  }
  .member .card-body {
    padding: 11px 9px;
  }
  .member .card-body h3 {
    font-size: 15px;
    line-height: 1.25;
  }
  .member .card-body p {
    font-size: 12px;
    line-height: 1.4;
  }
}

/* Tablet and mobile: keep the cards readable */
@media (max-width: 900px) and (min-width: 651px) {
  .member-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .member-photo { height: 230px !important; }
}
@media (max-width: 650px) and (min-width: 381px) {
  .member-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .member-photo { height: 220px !important; }
}


/* OLD ENOUGH – Bandseite: geliefertes Livefoto vollständig darstellen */
.band-grid .feature-image {
  min-height: 0;
  height: auto;
  background: #090909;
  border: 1px solid #554537;
  overflow: hidden;
}
.band-grid .feature-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 760px) {
  .band-grid .feature-image {
    aspect-ratio: auto;
  }
  .band-grid .feature-image img {
    width: 100%;
    height: auto;
  }
}