.event-header { position: absolute; background: rgba(7,19,28,.26); backdrop-filter: blur(8px); }
.main-nav a[aria-current="page"] { color: var(--gold-light); opacity: 1; }

.event-hero { min-height: 790px; position: relative; display: flex; align-items: center; overflow: hidden; color: #fff; background: var(--navy); }
.event-hero-media { position: absolute; inset: -3%; background: url('/assets/konferenzraum-rundtische.webp?v=20260903-2') center/cover; animation: eventHero 9s cubic-bezier(.2,.65,.25,1) both; }
.event-hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(5,15,23,.92) 0%,rgba(5,15,23,.66) 46%,rgba(5,15,23,.16) 100%); }
.event-hero-content { position: relative; z-index: 2; padding-top: 84px; }
.event-back { display: inline-block; margin-bottom: 48px; color: rgba(255,255,255,.66); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.event-back:hover { color: var(--gold-light); }
.event-hero h1 { max-width: 820px; margin: 0; font-family: var(--serif); font-size: clamp(58px,7.5vw,104px); font-weight: 500; line-height: .95; }
.event-hero h1 em { color: var(--gold-light); font-weight: 500; }
.event-hero p { max-width: 650px; margin: 28px 0 34px; color: rgba(255,255,255,.76); font-size: 16px; }
.event-hero-actions { display: flex; align-items: center; gap: 30px; }
.event-page-note { position: absolute; z-index: 2; right: 28px; bottom: 50px; writing-mode: vertical-rl; color: rgba(255,255,255,.48); font-size: 9px; letter-spacing: .28em; }

.event-intro { background: var(--cream); }
.event-intro-grid { display: grid; grid-template-columns: 1fr .9fr; gap: 95px; }
.event-intro h2,.event-service h2,.event-formats h2,.event-request h2 { margin: 0; font-family: var(--serif); font-size: clamp(42px,5vw,68px); font-weight: 500; line-height: 1.05; }
.event-intro h2 em,.event-formats h2 em { color: #987944; font-weight: 500; }
.event-intro-copy { padding-top: 7px; color: var(--muted); }
.event-intro-copy p { margin: 0 0 20px; }
.event-type-row { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 82px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.event-type-row article { min-height: 230px; padding: 32px; border-right: 1px solid var(--line); }
.event-type-row article:first-child { padding-left: 0; }
.event-type-row article:last-child { border: 0; }
.event-type-row span { color: #987944; font-size: 10px; font-weight: 700; }
.event-type-row h3 { margin: 42px 0 8px; font-family: var(--serif); font-size: 25px; font-weight: 500; }
.event-type-row p { margin: 0; color: var(--muted); font-size: 12px; }

.event-service { display: grid; grid-template-columns: 1.02fr .98fr; min-height: 720px; background: var(--navy); color: #fff; }
.event-service-image { min-height: 720px; background: linear-gradient(180deg,transparent 62%,rgba(7,19,28,.35)),url('/assets/veranstaltung-service-room-bright.png?v=20260903-4') center/cover; }
.event-service-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(55px,8vw,120px); }
.event-service h2 em,.event-request h2 em { color: var(--gold-light); font-weight: 500; }
.event-service-copy > p { max-width: 520px; margin: 28px 0 38px; color: rgba(255,255,255,.58); }
.event-service-list { border-top: 1px solid rgba(255,255,255,.15); }
.event-service-list div { display: grid; grid-template-columns: 110px 1fr; gap: 18px; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,.15); }
.event-service-list span { color: rgba(255,255,255,.48); font-size: 11px; }
.event-service-list strong { font-size: 12px; }

.event-rooms { background: var(--cream); }
.event-rooms-head { max-width: 760px; margin-bottom: 48px; }
.event-rooms-head h2,.event-setup h2,.event-packages h2,.event-faq h2 { margin: 0; font-family: var(--serif); font-size: clamp(42px,5vw,68px); font-weight: 500; line-height: 1.05; }
.event-rooms-head h2 em { color: #987944; font-weight: 500; }
.event-rooms-head p { max-width: 620px; margin: 22px 0 0; color: var(--muted); }
.event-room-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.event-room-grid article { background: #fff; }
.event-room-grid img { width: 100%; height: 390px; display: block; object-fit: cover; }
.event-room-body { padding: 30px; }
.event-room-body > span { color: #987944; font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.event-room-body h3 { margin: 10px 0 12px; font-family: var(--serif); font-size: 28px; font-weight: 500; line-height: 1.2; }
.event-room-body p { margin: 0 0 24px; color: var(--muted); font-size: 13px; }
.event-room-body dl { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0; border-top: 1px solid var(--line); }
.event-room-body dl div { padding-top: 16px; }
.event-room-body dt { color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.event-room-body dd { margin: 5px 0 0; font-size: 12px; font-weight: 700; }

.event-setup { padding: 110px 0; background: var(--navy); color: #fff; }
.event-setup-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 90px; align-items: start; }
.event-setup h2 em,.event-packages h2 em { color: var(--gold-light); font-weight: 500; }
.setup-list { border-top: 1px solid rgba(255,255,255,.15); }
.setup-list div { display: grid; grid-template-columns: 55px 190px 1fr; gap: 22px; padding: 24px 0; border-bottom: 1px solid rgba(255,255,255,.15); }
.setup-list span { color: var(--gold); font-size: 10px; font-weight: 700; }
.setup-list strong { font-family: var(--serif); font-size: 22px; font-weight: 500; line-height: 1.25; }
.setup-list p { margin: 0; color: rgba(255,255,255,.56); font-size: 12px; }

.event-seating-gallery { background: #fff; }
.event-seating-head { max-width: 760px; margin-bottom: 48px; }
.event-seating-head h2 { margin: 0; font-family: var(--serif); font-size: clamp(42px,5vw,68px); font-weight: 500; line-height: 1.05; }
.event-seating-head h2 em { color: #987944; font-weight: 500; }
.event-seating-head p { max-width: 620px; margin: 22px 0 0; color: var(--muted); }
.seating-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.seating-card-grid article { overflow: hidden; background: #fff; border: 1px solid var(--line); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.seating-card-grid article:hover { transform: translateY(-4px); border-color: rgba(199,168,107,.45); box-shadow: 0 22px 58px rgba(7,19,28,.12); }
.seating-card-grid img { width: 100%; height: 260px; display: block; object-fit: cover; transition: transform .5s ease; }
.seating-card-grid article:hover img { transform: scale(1.035); }
.seating-card-grid div { padding: 24px; }
.seating-card-grid span { display: block; margin-bottom: 8px; color: var(--ink); font-family: var(--serif); font-size: 25px; line-height: 1.2; }
.seating-card-grid p { margin: 0; color: var(--muted); font-size: 12px; }
.event-capacity { margin-top: 64px; padding: clamp(26px,4vw,42px); background: var(--navy); color: #fff; }
.event-capacity-head { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 28px; }
.event-capacity-head h3 { margin: 8px 0 0; font-family: var(--serif); font-size: clamp(30px,3vw,44px); font-weight: 500; line-height: 1.1; }
.event-capacity-head p { max-width: 350px; margin: 0; color: rgba(255,255,255,.58); font-size: 12px; text-align: right; }
.capacity-table-wrap { overflow-x: auto; }
.event-capacity table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 13px; }
.event-capacity th { padding: 14px 12px; border-bottom: 1px solid rgba(224,200,146,.28); color: var(--gold-light); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.event-capacity td { padding: 15px 12px; border-bottom: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.72); white-space: nowrap; }
.event-capacity tbody tr:nth-child(even) { background: rgba(255,255,255,.035); }
.event-capacity tbody tr:last-child td { border-bottom: 0; }
.event-capacity td:first-child { color: #fff; font-weight: 700; }

.event-equipment { position: relative; overflow: hidden; padding: 120px 0 130px; background: var(--navy); color: #fff; }
.event-equipment-bg { position: absolute; inset: 0; background: url('/assets/konferenzraum-rundtische.webp?v=20260903-2') center/cover; filter: grayscale(.15); opacity: .22; transform: scale(1.03); }
.event-equipment::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(9,23,34,.88),rgba(7,19,28,.94)); }
.event-equipment-content { position: relative; z-index: 1; }
.event-equipment-head { max-width: 960px; margin: 0 auto 56px; text-align: center; }
.event-equipment-head .section-kicker { margin-bottom: 10px; color: var(--gold); }
.event-equipment-head h2 { margin: 0; font-family: var(--serif); font-size: clamp(46px,5.6vw,82px); font-weight: 500; line-height: 1.05; }
.event-equipment-head p { margin: 18px 0 0; color: rgba(255,255,255,.68); font-size: 15px; }
.equipment-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; perspective: 1200px; }
.equipment-grid article { min-height: 220px; display: flex; flex-direction: column; justify-content: space-between; padding: 28px; border: 1px solid rgba(224,200,146,.22); background: rgba(9,23,34,.48); backdrop-filter: blur(10px); box-shadow: 0 24px 80px rgba(0,0,0,.16); }
.event-tilt-card { position: relative; overflow: hidden; transform-style: preserve-3d; transition: transform .18s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease; will-change: transform; }
.event-tilt-card::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at var(--tilt-x,50%) var(--tilt-y,50%),rgba(224,200,146,.18),transparent 42%); opacity: 0; transition: opacity .25s ease; pointer-events: none; }
.event-tilt-card:hover { border-color: rgba(224,200,146,.38); background: rgba(16,40,55,.58); box-shadow: 0 34px 95px rgba(0,0,0,.32); }
.event-tilt-card:hover::before { opacity: 1; }
.event-tilt-card > * { position: relative; transform-style: preserve-3d; transition: transform .2s ease; }
.event-tilt-card:hover .tilt-lift-high { transform: translateZ(56px); }
.event-tilt-card:hover .tilt-lift-mid { transform: translateZ(38px); }
.event-tilt-card:hover .tilt-lift-low { transform: translateZ(24px); }
.equipment-icon { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 50%; background: rgba(199,168,107,.14); color: var(--gold-light); line-height: 1; }
.equipment-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.equipment-grid strong { display: block; margin-top: auto; font-size: 16px; line-height: 1.25; }
.equipment-grid p { margin: 8px 0 0; color: rgba(255,255,255,.58); font-size: 12px; }

.event-packages { padding: 110px 0; background: #0e2635; color: #fff; }
.event-packages-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: center; }
.event-packages p { max-width: 520px; margin: 24px 0 0; color: rgba(255,255,255,.58); }
.package-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.package-cards article { min-height: 220px; padding: 28px; border: 1px solid rgba(255,255,255,.15); background: rgba(255,255,255,.04); }
.package-cards span { display: block; margin-bottom: 28px; color: var(--gold-light); font-family: var(--serif); font-size: 24px; line-height: 1.2; }
.package-cards p { margin: 0; color: rgba(255,255,255,.58); font-size: 12px; }

.event-faq { background: var(--cream); }
.event-faq-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 80px; }
.event-faq-list { border-top: 1px solid var(--line); }
.event-faq-list details { border-bottom: 1px solid var(--line); }
.event-faq-list summary { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 18px; cursor: pointer; font-family: var(--serif); font-size: 24px; line-height: 1.25; }
.event-faq-list summary::-webkit-details-marker { display: none; }
.event-faq-list summary::after { content: '+'; color: #987944; font-family: var(--sans); font-size: 24px; }
.event-faq-list details[open] summary::after { content: '−'; }
.event-faq-list p { max-width: 680px; margin: -4px 0 24px; color: var(--muted); font-size: 13px; }

.event-formats { background: #f4f0e8; }
.event-formats-head { margin-bottom: 46px; }
.event-format-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.event-format-grid article { background: #fff; }
.event-format-grid img { width: 100%; height: 360px; display: block; object-fit: cover; }
.event-format-grid article:first-child img { object-position: center 64%; }
.event-format-grid div { padding: 24px; }
.event-format-grid span { display: block; margin-bottom: 8px; font-family: var(--serif); font-size: 24px; line-height: 1.2; }
.event-format-grid p { margin: 0; color: var(--muted); font-size: 12px; }

.event-request { padding: 110px 0; background: #0e2635; color: #fff; }
.event-request-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 80px; align-items: start; }
.event-request p { max-width: 600px; margin: 24px 0 0; color: rgba(255,255,255,.58); }
.event-contact-form { padding: clamp(28px,4vw,46px); background: rgba(255,255,255,.06); border: 1px solid rgba(224,200,146,.2); box-shadow: 0 24px 80px rgba(0,0,0,.18); backdrop-filter: blur(10px); }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.event-field { margin-bottom: 18px; }
.event-field label { display: block; margin-bottom: 8px; color: rgba(255,255,255,.72); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.event-field label span { color: rgba(255,255,255,.48); font-weight: 500; text-transform: none; }
.event-field input,.event-field select,.event-field textarea { width: 100%; min-height: 50px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.16); border-radius: 0; background: rgba(255,255,255,.08); color: #fff; font: inherit; font-size: 14px; outline: none; transition: border-color .2s, box-shadow .2s, background .2s; }
.event-field select option { color: var(--ink); }
.event-field textarea { resize: vertical; }
.event-field input::placeholder,.event-field textarea::placeholder { color: rgba(255,255,255,.42); }
.event-field input:focus,.event-field select:focus,.event-field textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(199,168,107,.18); background: rgba(255,255,255,.11); }
.event-privacy { display: grid; grid-template-columns: 20px 1fr; gap: 10px; margin: 3px 0 25px; color: rgba(255,255,255,.6); font-size: 11px; line-height: 1.6; }
.event-privacy input { width: 18px; height: 18px; margin: 1px 0; accent-color: var(--gold); }
.event-privacy a { color: var(--gold-light); text-decoration: underline; text-underline-offset: 2px; }
.event-contact-form .btn { width: 100%; }
.event-contact-form .btn:disabled { opacity: .68; cursor: wait; transform: none; }
.event-form-status { min-height: 22px; margin: 12px 0 0; color: rgba(255,255,255,.64); font-size: 11px; text-align: center; }
.event-form-status.is-success { color: var(--gold-light); }
.event-form-status.is-error { color: #ffc1c1; }

@keyframes eventHero { from { transform: scale(1.02); } to { transform: scale(1.1); } }

@media(max-width: 980px) {
  .event-intro-grid,.event-request-grid { grid-template-columns: 1fr; gap: 45px; }
  .event-service { grid-template-columns: 1fr; }
  .event-service-image { min-height: 520px; }
  .event-room-grid,.event-setup-grid,.event-packages-grid,.event-faq-grid { grid-template-columns: 1fr; gap: 45px; }
  .seating-card-grid { grid-template-columns: repeat(2,1fr); }
  .equipment-grid { grid-template-columns: repeat(2,1fr); }
  .event-format-grid { grid-template-columns: 1fr; }
  .event-format-grid img { height: 420px; }
  .package-cards { grid-template-columns: 1fr; }
}

@media(max-width: 700px) {
  .event-hero { min-height: 700px; }
  .event-hero h1 { font-size: 50px; }
  .event-hero-actions { align-items: flex-start; flex-direction: column; gap: 18px; }
  .event-page-note { display: none; }
  .event-type-row { grid-template-columns: 1fr; margin-top: 58px; }
  .event-type-row article { min-height: 0; padding: 25px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .event-type-row article:last-child { border-bottom: 0; }
  .event-type-row h3 { margin: 15px 0 7px; }
  .event-service-image { min-height: 420px; }
  .event-service-copy { padding: 72px 20px; }
  .event-service-list div { grid-template-columns: 1fr; gap: 5px; }
  .event-room-grid img { height: 310px; }
  .event-room-body { padding: 24px 20px; }
  .event-room-body dl { grid-template-columns: 1fr; gap: 14px; }
  .event-setup,.event-packages { padding: 75px 0; }
  .setup-list div { grid-template-columns: 35px 1fr; gap: 10px; }
  .setup-list p { grid-column: 2; }
  .seating-card-grid { grid-template-columns: 1fr; }
  .seating-card-grid img { height: 240px; }
  .event-capacity { margin-top: 44px; padding: 24px 18px; }
  .event-capacity-head { display: block; }
  .event-capacity-head p { margin-top: 12px; text-align: left; }
  .event-equipment { padding: 80px 0; }
  .event-equipment-head { margin-bottom: 34px; text-align: left; }
  .event-equipment-head h2 { font-size: 40px; }
  .equipment-grid { grid-template-columns: 1fr; }
  .equipment-grid article { min-height: 170px; padding: 24px 20px; }
  .package-cards article { min-height: 0; }
  .event-faq-list summary { font-size: 20px; }
  .event-format-grid img { height: 320px; }
  .event-request { padding: 75px 0; }
  .field-row { grid-template-columns: 1fr; gap: 0; }
  .event-contact-form { padding: 26px 18px; }
}

@media(prefers-reduced-motion:reduce) {
  .event-hero-media { animation: none; }
}