*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#eee9e3;font-family:Inter,sans-serif;font-weight:300}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 25%,rgba(100,10,10,.13),transparent 40%);z-index:-1}.grain{position:fixed;inset:0;pointer-events:none;opacity:.05;z-index:20;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero{min-height:100svh;position:relative;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.35),#080808 92%),url("flyer.png") center top/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.5));pointer-events:none}nav{position:relative;z-index:2;display:flex;justify-content:space-between;padding:24px 5vw;border-bottom:1px solid rgba(238,233,227,.18);font-size:13px;letter-spacing:.22em}nav a{color:inherit;text-decoration:none;font-size:11px;text-transform:uppercase}.hero-content{position:relative;z-index:2;margin:auto;text-align:center;padding:60px 20px 90px}.eyebrow,.label{font-size:11px;letter-spacing:.42em;text-transform:uppercase}.divider{width:70px;height:1px;background:#ddd7cf;margin:25px auto}h1,h2{font-family:"Cormorant Garamond",serif;font-weight:500}h1{font-size:clamp(70px,13vw,155px);line-height:.75;margin:50px 0;letter-spacing:-.02em;text-shadow:0 5px 35px #000}h1 span{font-size:.68em;letter-spacing:.08em}.date{font-size:13px;letter-spacing:.3em}.time{font-size:11px;letter-spacing:.35em}.button{display:inline-block;margin-top:32px;padding:17px 30px;border:1px solid #8f171d;background:rgba(0,0,0,.35);color:#eee9e3;text-decoration:none;font:500 11px Inter,sans-serif;letter-spacing:.25em;cursor:pointer}main{max-width:1050px;margin:auto}.intro,.tickets{text-align:center;padding:120px 24px}.intro h2,.tickets h2{font-size:clamp(45px,7vw,78px);margin:15px 0 25px}.intro p:last-child{line-height:1.9;color:#bcb6b0}.flyer{padding:0 24px 120px;text-align:center}.flyer img{width:min(560px,100%);border:1px solid rgba(238,233,227,.22);box-shadow:0 30px 80px #000;display:inline-block}.card{margin:45px auto 20px;width:min(650px,100%);padding:35px 25px;border:1px solid rgba(238,233,227,.22);display:flex;justify-content:center;align-items:center;gap:45px}.card div{display:flex;flex-direction:column;gap:7px}.card small{font-size:9px;letter-spacing:.3em;color:#aaa39c}.card strong{font:500 45px "Cormorant Garamond",serif}.card i{height:70px;width:1px;background:rgba(238,233,227,.18)}#notice{opacity:0;color:#999;font-size:12px;margin-top:20px}#notice.show{opacity:1}footer{border-top:1px solid rgba(238,233,227,.12);padding:35px 20px;text-align:center;color:#777;font-size:9px;letter-spacing:.25em}@media(max-width:600px){h1{margin:35px 0 40px}.date{font-size:10px;letter-spacing:.2em}.card{gap:25px}}
/* =========================
   TICKET BESTELLSEITE
   ========================= */

.small-hero {
  min-height: 55vh;
}

.order {
  max-width: 700px;
  margin: 0 auto;
  padding: 100px 24px 120px;
}

.order h2 {
  margin-bottom: 20px;
}

.order-intro {
  max-width: 600px;
  margin-bottom: 50px;
  line-height: 1.7;
}

.order-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.order-form label {
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-top: 18px;
}

.order-form input,
.order-form select {
  width: 100%;
  box-sizing: border-box;
  padding: 16px 18px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.25);
  color: #f4f1eb;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  outline: none;
}

.order-form input:focus,
.order-form select:focus {
  border-color: #8f1d2c;
}

.order-form select option {
  background: #111;
  color: #fff;
}

.order-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
  padding: 20px 0;
  border-top: 1px solid rgba(255,255,255,0.15);
  border-bottom: 1px solid rgba(255,255,255,0.15);
}

.order-price span {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.order-price strong {
  font-family: 'Cormorant Garamond', serif;
  font-size: 28px;
  font-weight: 500;
}

.order-form .button {
  width: 100%;
  cursor: pointer;
  margin-top: 10px;
}

.order-note {
  margin-top: 30px;
  font-size: 13px;
  line-height: 1.7;
  opacity: 0.65;
}

@media (max-width: 600px) {

  .small-hero {
    min-height: 45vh;
  }

  .order {
    padding: 70px 20px 90px;
  }

  .order-intro {
    font-size: 16px;
  }

  .order-form input,
  .order-form select {
    font-size: 16px;
    padding: 15px;
  }

}