:root {
        color-scheme: dark
      }

      * {
        box-sizing: border-box
      }

      html {
        scroll-behavior: smooth
      }

      body {
        margin: 0;
        background: #0b0b0e;
        color: #f7f4f0;
        font: 16px/1.65 system-ui, Arial, sans-serif
      }

      a {
        color: #f0bc66
      }

      header {
        position: sticky;
        top: 0;
        background: #101014ed;
        border-bottom: 1px solid #373034;
        z-index: 2;
        padding: 14px max(5%, calc((100% - 1100px)/2));
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px
      }

      header strong {
        letter-spacing: .13em;
        color: #f4c17a
      }

      nav {
        display: flex;
        gap: 16px;
        flex-wrap: wrap
      }

      nav a {
        text-decoration: none;
        color: #eee;
        font-size: 14px
      }

      .hero {
        text-align: center;
        padding: 110px 20px 105px;
        background: radial-gradient(ellipse at 50% 20%, #542027 0%, #1a1015 48%, #0b0b0e 80%)
      }

      .eyebrow {
        letter-spacing: .3em;
        color: #f1bf78;
        font-weight: 700
      }

      h1 {
        font-size: clamp(3.5rem, 10vw, 7rem);
        line-height: 1;
        margin: 20px 0 12px;
        letter-spacing: .05em
      }

      h2 {
        font-size: clamp(1.8rem, 4vw, 2.6rem);
        margin-top: 0;
        color: #f2c27e
      }

      .hero p {
        font-size: 1.25rem;
        color: #ded4d0
      }

      .button {
        display: inline-block;
        background: #c79956;
        color: #17110d;
        padding: 14px 28px;
        border-radius: 4px;
        text-decoration: none;
        font-weight: 800;
        margin-top: 18px
      }

      main section {
        padding: 75px max(5%, calc((100% - 1100px)/2))
      }

      .muted {
        color: #c5bec0
      }

      .cards {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 18px;
        margin-top: 30px
      }

      .card {
        border: 1px solid #403237;
        background: #181418;
        padding: 28px;
        border-radius: 9px
      }

      .card h3 {
        margin: 0 0 8px;
        color: #f0c080
      }

      .contact {
        background: #191218
      }

      .legal {
        border-top: 1px solid #393037
      }

      .legal p,
      .legal li {
        max-width: 900px
      }

      footer {
        text-align: center;
        padding: 30px 15px;
        border-top: 1px solid #393037;
        color: #bbb
      }

      footer a {
        margin: 0 8px
      }

      @media(max-width:600px) {
        header {
          align-items: flex-start;
          flex-direction: column
        }

        .hero {
          padding: 80px 15px
        }
      }

      /* Flammenschrift für HELLS NIGHT */
      .hero h1 {
        position: relative;
        isolation: isolate;
        display: inline-block;
        font-family: Impact, 'Arial Black', system-ui, sans-serif;
        font-weight: 1000;
        letter-spacing: .075em;
        background: linear-gradient(180deg, #fff9c5 0%, #ffe66b 20%, #ff9c18 43%, #f43b05 68%, #a50c00 95%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-text-stroke: 1px #ffb22a;
        filter: drop-shadow(0 0 9px #ff4b00) drop-shadow(0 0 23px #d31900);
        animation: flame-glow 2.4s ease-in-out infinite alternate
      }

      .hero h1::before {
        content: "";
        position: absolute;
        z-index: -1;
        inset: -48px -35px 10px;
        background: radial-gradient(ellipse at 15% 65%, #ff9d00a6 0%, transparent 25%), radial-gradient(ellipse at 35% 45%, #ff4a00aa 0%, transparent 29%), radial-gradient(ellipse at 63% 55%, #ffb0009c 0%, transparent 27%), radial-gradient(ellipse at 84% 43%, #f30a008a 0%, transparent 28%);
        filter: blur(18px);
        animation: flame-dance 2s ease-in-out infinite alternate;
        pointer-events: none
      }

      header strong:first-child {
        background: linear-gradient(180deg, #fff6ae, #ffae24 48%, #f04406 85%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        text-shadow: 0 0 14px #ff500066
      }

      @keyframes flame-glow {
        from {
          filter: drop-shadow(0 0 8px #ff4b00) drop-shadow(0 0 17px #c20c00)
        }

        to {
          filter: drop-shadow(0 0 13px #ffa000) drop-shadow(0 0 32px #ff3c00)
        }
      }

      @keyframes flame-dance {
        from {
          transform: translateY(8px) scaleX(.96)
        }

        to {
          transform: translateY(-10px) scaleX(1.04)
        }
      }

      @media(prefers-reduced-motion:reduce) {

        .hero h1,
        .hero h1::before {
          animation: none
        }
      }

      /* Original-Logo mit echten Tänzerinnen als Hauptmotiv */
      .hero {
        padding: 42px 20px 65px;
        background: radial-gradient(ellipse at center, #361015 0%, #0b0b0e 76%)
      }

      .hero-logo {
        display: block;
        width: min(88vw, 680px);
        height: auto;
        margin: 0 auto 18px;
        filter: drop-shadow(0 0 24px #a71b1670)
      }

      .hero h1 {
        position: absolute !important;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0
      }

      .hero .eyebrow {
        margin-bottom: 12px
      }

      .hero p {
        margin: 10px auto;
        max-width: 740px
      }

      @media(max-width:600px) {
        .hero {
          padding: 28px 12px 54px
        }

        .hero-logo {
          width: 100%;
          max-width: 470px
        }
      }

      /* Pole-Dance-Figuren aus dem Original-Logo als dezente Hintergrundmotive */
      #shows,
      #kontakt {
        position: relative;
        isolation: isolate;
        overflow: hidden
      }

      #shows::before,
      #shows::after,
      #kontakt::before {
        content: "";
        position: absolute;
        z-index: -1;
        pointer-events: none;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        opacity: .32;
        filter: contrast(1.13) saturate(.85);
        width: clamp(190px, 34vw, 430px);
        height: clamp(330px, 53vw, 640px);
        top: 0
      }
	  
	  #shows::before {
        background-image: url("left.webp");
		left: -30px
      }

      #shows::after {
        background-image: url("right.webp");
        right: -35px
      }

      #kontakt::before {
        background-image: url("right.webp");
        right: 1%;
        top: -40px;
        opacity: .23
      }
	  
	       #shows>.cards,
      #shows>h2,
      #shows>p,
      #kontakt>h2,
      #kontakt>p {
        position: relative;
        z-index: 1
      }

      #shows .card {
        background: rgba(24, 20, 24, .89);
        backdrop-filter: blur(2px)
      }

      @media(max-width:600px) {

        #shows::before,
        #shows::after {
          width: 53vw;
          height: 390px;
          opacity: .23
        }

        #shows::before {
          left: -75px
        }

        #shows::after {
          right: -80px
        }

        #kontakt::before {
          opacity: .17;
          right: -80px
        }
      }

      /* Paketfotos schmaler darstellen, ohne Bildinhalt oder Proportionen zu verändern */
      #showpakete .package-grid .package>img.show-photo {
        display: block;
        width: 72%;
        max-width: 190px;
        height: auto;
        margin: 12px auto 18px;
        object-fit: contain;
        position: relative;
        inset: auto;
        transform: none;
        border-radius: 8px;
      }
    </style>
    <style id="elegante-typografie">
      /* Elegante, sinnliche Typografie; Original-Logo und Tanzsilhouetten bleiben erhalten. */
      body {
        font-family: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
        font-weight: 300;
        letter-spacing: .012em;
        line-height: 1.8
      }

      header strong {
        font-family: Georgia, 'Times New Roman', serif;
        font-weight: 400;
        letter-spacing: .18em
      }

      nav a {
        font-weight: 400;
        letter-spacing: .075em
      }

      .hero .eyebrow {
        font-family: Georgia, 'Times New Roman', serif;
        font-weight: 400;
        font-size: .88rem;
        letter-spacing: .34em
      }

      .hero h1 {
        font-family: Georgia, 'Times New Roman', serif !important;
        font-weight: 400 !important;
        font-style: italic;
        letter-spacing: .035em;
        line-height: 1.06;
        -webkit-text-stroke: .35px #ffb22a !important;
        text-shadow: 0 2px 10px #5e1209
      }

      h2 {
        font-family: Georgia, 'Times New Roman', serif;
        font-style: italic;
        font-weight: 400;
        letter-spacing: .045em;
        line-height: 1.25
      }

      h3 {
        font-family: Georgia, 'Times New Roman', serif;
        font-weight: 400;
        font-style: italic;
        font-size: 1.42rem;
        letter-spacing: .025em
      }

      .hero p {
        font-family: Georgia, 'Times New Roman', serif;
        font-style: italic;
        font-weight: 400;
        letter-spacing: .04em
      }

      .button {
        font-family: Georgia, 'Times New Roman', serif;
        font-weight: 400;
        letter-spacing: .11em;
        font-size: 1.05rem;
        border: 1px solid #f0c886;
        box-shadow: 0 3px 18px #c7995630
      }

      .card p,
      .contact p,
      .legal p,
      .legal li {
        font-weight: 300
      }

      @media(max-width:600px) {
        .hero h1 {
          font-size: clamp(3.15rem, 13vw, 5.5rem)
        }

        h2 {
          font-size: clamp(1.8rem, 7vw, 2.5rem)
        }
      }
    </style>
    <style>
      /* Separate performance silhouettes inside each show tile */
      #shows .card {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        min-height: 320px;
        padding-bottom: 175px;
        background: linear-gradient(145deg, rgba(37, 21, 28, .96), rgba(18, 14, 19, .94));
      }

      #shows .card .show-silhouette {
        position: absolute;
        right: -13px;
        bottom: -35px;
        width: 205px;
        height: 248px;
        opacity: .72;
        pointer-events: none;
        z-index: -1;
        filter: drop-shadow(0 0 15px rgba(209, 95, 54, .35));
      }

      #shows .card .show-silhouette svg {
        display: block;
        width: 100%;
        height: 100%;
      }

      #shows .card h3,
      #shows .card p {
        position: relative;
        z-index: 1;
        text-shadow: 0 2px 9px #120c10;
      }

      #shows .card p {
        max-width: 32ch;
      }

      @media(max-width:600px) {
        #shows .card {
          min-height: 300px;
          padding-bottom: 165px
        }

        #shows .card .show-silhouette {
          right: 4%;
          opacity: .78
        }
      }
	  
	        /* Realistische Tänzerinnen aus dem Original-Logo statt gezeichneter Figuren */
      #shows .card {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        min-height: 365px;
        padding-top: 225px;
        background: linear-gradient(160deg, #25151b, #100e12) !important
      }

      #shows .card .show-photo {
        position: absolute;
        z-index: -1;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 310px;
        object-fit: contain;
        object-position: center top;
        filter: contrast(1.08) saturate(.95) drop-shadow(0 0 13px #9c372b66);
        pointer-events: none
      }

      #shows .card:before {
        content: "";
        position: absolute;
        inset: 160px 0 0;
        z-index: -1;
        background: linear-gradient(0deg, #181418 35%, #181418e8 65%, transparent)
      }

      #shows .card h3,
      #shows .card p {
        position: relative;
        z-index: 1
      }

      @media(max-width:600px) {
        #shows .card {
          min-height: 340px;
          padding-top: 205px
        }

        #shows .card .show-photo {
          height: 280px
        }
      }

      /* Themenspezifische, fotorealistische Showmotive */
      #shows .card .show-photo {
        display: block;
        width: 100%;
        height: 220px;
        object-fit: cover;
        object-position: center 34%;
        border-radius: 7px;
        border: 1px solid #a66b39;
        box-shadow: 0 6px 24px #0009;
        margin-bottom: 20px
      }

      #shows .card {
        overflow: hidden
      }

      @media(max-width:600px) {
        #shows .card .show-photo {
          height: 260px
        }
      }

      /* Verbesserte Lesbarkeit der Beschriftungen über den Show-Fotos */
      #shows .card {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        background: linear-gradient(180deg, rgba(12, 7, 10, .87), rgba(12, 7, 10, .96));
        border: 1px solid #b78a4e;
        box-shadow: 0 8px 30px #0008;
      }

      #shows .card .show-photo {
        display: block;
        width: 100%;
      }

      #shows .card h3 {
        position: relative;
        z-index: 2;
        color: #ffe2a1;
        font-weight: 750;
        text-shadow: 0 2px 3px #000, 0 0 12px #000, 0 0 18px #000;
      }

      #shows .card p {
        position: relative;
        z-index: 2;
        color: #fff8ee;
        font-weight: 500;
        line-height: 1.65;
        text-shadow: 0 1px 3px #000, 0 0 10px #000;
      }

      #shows .card h3,
      #shows .card p {
        background: linear-gradient(90deg, rgba(8, 5, 8, .94), rgba(8, 5, 8, .75));
        padding: 8px 12px;
        border-radius: 5px;
      }

      .event-note {
        margin-top: 32px;
        padding: 24px 28px;
        border: 1px solid #bd8a51;
        border-radius: 10px;
        background: linear-gradient(115deg, #2b111b, #160e13);
        box-shadow: 0 12px 28px #0005;
        text-align: center;
      }

      .event-note h3 {
        color: #f4c785;
        font-size: clamp(1.35rem, 3vw, 1.8rem);
        margin: 0 0 8px;
        font-style: italic;
      }

      .event-note p {
        color: #fff1df;
        margin: 0;
        font-size: 1.08rem;
      }
	  
	        /* HELLS NIGHT — Hochglanz-Luxus-Finish */
      :root {
        --champagne: #ffe4a5;
        --gold: #d6a657;
        --gold-deep: #83501f;
        --night: #080609
      }

      body {
        background: radial-gradient(ellipse at 50% 0%, #33111d 0%, #0b070d 33%, #080609 72%);
        color: #fff7ed;
        -webkit-font-smoothing: antialiased
      }

      header {
        z-index: 20;
        background: linear-gradient(180deg, rgba(27, 12, 19, .98), rgba(7, 5, 9, .96));
        border-bottom: 1px solid #b8894e80;
        box-shadow: 0 6px 30px #000b, 0 1px 0 #ffdd9440;
        backdrop-filter: blur(16px)
      }

      header strong {
        filter: drop-shadow(0 1px 8px #ffb34155)
      }

      nav a {
        transition: color .2s, text-shadow .2s
      }

      nav a:hover,
      nav a:focus-visible {
        color: #ffe2a1;
        text-shadow: 0 0 12px #f8ad5688
      }

      .hero {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        background: radial-gradient(ellipse at 50% 32%, #6b202b 0%, #260e17 40%, #09070b 84%);
        border-bottom: 1px solid #ad7c4166;
        box-shadow: inset 0 -70px 80px #05030799
      }

      .hero:after {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: -1;
        background: linear-gradient(115deg, transparent 12%, #fff3cc0a 28%, transparent 40%, transparent 65%, #f6c7770b 78%, transparent 90%)
      }

      .hero .eyebrow {
        color: #ffdda1;
        text-shadow: 0 2px 16px #ed8b4a80;
        letter-spacing: .27em
      }

      .hero-logo {
        filter: drop-shadow(0 18px 38px #000c) drop-shadow(0 0 18px #e7a33b38)
      }

      h1 {
        filter: drop-shadow(0 2px 14px #e6572a88)
      }

      h2 {
        font-weight: 600;
        letter-spacing: .045em;
        background: linear-gradient(180deg, #fff8dc, #f5d28c 40%, #b97c35 95%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        text-shadow: 0 9px 24px #0008
      }

      main section {
        position: relative
      }

      #shows {
        background: radial-gradient(ellipse at 50% 0%, #36121c 0%, #110b11 46%, #09070a 100%)
      }

      #shows .cards {
        gap: 22px;
        align-items: stretch
      }

      #shows .card {
        position: relative;
        overflow: hidden;
        border: 1px solid #c99955a8;
        border-radius: 16px;
        padding: 18px;
        background: linear-gradient(150deg, #3b2027, #110b10 45%, #09080b);
        box-shadow: 0 18px 36px #000a, inset 0 1px 0 #fff2cb44, 0 0 0 1px #0008;
        transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease
      }

      #shows .card:before {
        content: '';
        position: absolute;
        inset: 0 0 auto;
        height: 38%;
        pointer-events: none;
        z-index: 1;
        background: linear-gradient(180deg, #fff9dc18, transparent 72%)
      }

      #shows .card:hover {
        transform: translateY(-5px);
        border-color: #f6d59c;
        box-shadow: 0 24px 48px #000c, 0 0 22px #ce87332c, inset 0 1px 0 #fff2cb55
      }

      #shows .card .show-photo {
        width: 100%;
        height: 245px;
        object-fit: cover;
        object-position: center 25%;
        border-radius: 10px;
        border: 1px solid #a76e3c88;
        box-shadow: 0 8px 18px #0009
      }

      #shows .card h3 {
        font-size: clamp(1.3rem, 2vw, 1.7rem);
        line-height: 1.25;
        margin: 17px 0 9px;
        color: #ffe5a7;
        text-shadow: 0 2px 5px #000, 0 0 15px #d69b5855
      }

      #shows .card p {
        font-size: .96rem;
        line-height: 1.7;
        color: #fff8f1
      }

      #shows .card h3,
      #shows .card p {
        background: linear-gradient(100deg, #0c080de8, #170c13dd);
        border-left: 2px solid #c79550;
        padding: 9px 12px;
        border-radius: 3px 8px 8px 3px
      }

      .button {
        border: 1px solid #fff0bd99;
        background: linear-gradient(180deg, #fff0b6 0%, #dfb46c 38%, #b87a32 100%);
        box-shadow: inset 0 1px 0 #fff8dc, 0 6px 0 #4d2b13, 0 14px 26px #000a, 0 0 20px #e6a44930;
        border-radius: 30px;
        letter-spacing: .055em;
        transition: transform .2s, filter .2s
      }

      .button:hover {
        transform: translateY(-2px);
        filter: brightness(1.12)
      }

      .event-note {
        border: 1px solid #e5b96c;
        border-radius: 16px;
        background: linear-gradient(125deg, #48212b, #1b0e16 45%, #351b22);
        box-shadow: inset 0 1px 0 #fff2c655, 0 18px 38px #0009, 0 0 28px #bb71301b;
        padding: 30px
      }

      .event-note h3 {
        color: #ffe0a1;
        text-shadow: 0 2px 16px #f5b45d44
      }

      .contact {
        background: radial-gradient(ellipse at 85% 35%, #44202b 0%, #1c0d15 50%, #0c080e 100%);
        border-top: 1px solid #a5774655;
        border-bottom: 1px solid #a5774655
      }

      .legal {
        background: #0c090e
      }

      .legal h2 {
        font-size: clamp(1.5rem, 3vw, 2rem)
      }

      footer {
        background: linear-gradient(#180e15, #080609);
        border-top: 1px solid #b98c5166
      }

      a:focus-visible {
        outline: 2px solid #ffe0a1;
        outline-offset: 4px
      }

      @media(max-width:600px) {
        #shows .cards {
          gap: 18px
        }

        #shows .card {
          padding: 14px
        }

        #shows .card .show-photo {
          height: 225px
        }

        .event-note {
          padding: 22px 16px
        }

        .hero {
          padding-top: 75px
        }
      }

      @media(prefers-reduced-motion:reduce) {

        #shows .card,
        .button,
        nav a {
          transition: none
        }

        #shows .card:hover,
        .button:hover {
          transform: none
        }
      }
	  
	        .card {
        display: flex;
        flex-direction: column;
        align-items: stretch
      }

      .card .show-inquiry {
        position: relative;
        z-index: 1;
        display: block;
        align-self: stretch;
        text-align: center;
        margin-top: auto;
        padding: 12px 17px;
        border: 1px solid #ffe1a0;
        border-radius: 999px;
        background: linear-gradient(125deg, #4c090c 0%, #941e21 42%, #3d070a 100%);
        color: #fff1cc !important;
        font: 700 15px/1.35 Georgia, serif;
        letter-spacing: .07em;
        text-decoration: none;
        text-shadow: 0 1px 3px #190000;
        box-shadow: inset 0 1px 0 #fff5c066, 0 4px 16px #0009, 0 0 12px #d79a462e;
        transition: transform .2s, box-shadow .2s
      }

      .card .show-inquiry:hover,
      .card .show-inquiry:focus-visible {
        transform: translateY(-2px);
        box-shadow: 0 6px 22px #d59a4a66;
        outline: 2px solid #f2c27e;
        outline-offset: 2px
      }

      .card p {
        margin-bottom: 20px
      }
	  
	        /* Erweiterung im bestehenden HELLS NIGHT Design */
      .extra-show {
        border: 1px solid #78502f !important;
        box-shadow: inset 0 0 0 1px #2d1b17, 0 8px 24px #0005
      }

      .extra-show h3 {
        color: #f3c578
      }

      #showpakete {
        padding: 60px max(5%, calc((100% - 1100px)/2));
        background: radial-gradient(ellipse at top, #3a1018 0%, #140c11 53%, #0b0b0e 100%);
        border-top: 1px solid #6c3828;
        border-bottom: 1px solid #6c3828
      }

      #showpakete h2 {
        color: #f3c578
      }

      .package-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
        margin-top: 25px
      }

      .package {
        padding: 23px 18px;
        background: linear-gradient(145deg, #351018, #151015 70%);
        border: 1px solid #b98a49;
        border-radius: 12px;
        box-shadow: 0 6px 25px #0008;
        text-align: center
      }

      .package h3 {
        font-size: 1.55rem;
        color: #f2c67c;
        margin: 0 0 4px;
        text-transform: uppercase
      }

      .package strong {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .08em
      }

      .package p {
        line-height: 1.55
      }

      @media(max-width:800px) {
        .package-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr))
        }
      }

      @media(max-width:480px) {
        .package-grid {
          grid-template-columns: 1fr
        }
      }
	  
	        /* Einheitliche Foto-Kacheln und direkte Anfragen */
      #shows .cards>.card,
      #showpakete .packages>.card {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        min-height: 335px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        border: 1px solid #b88b4e;
        background: #171014;
        box-shadow: 0 8px 24px #0008
      }

      #shows .cards>.card>.show-photo,
      #showpakete .packages>.card>.show-photo {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -2;
        opacity: .8;
        filter: none;
        border: 0;
        border-radius: 0;
        margin: 0
      }

      #shows .cards>.card:before,
      #showpakete .packages>.card:before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, #09050840 0%, #10080dbb 40%, #080507f5 100%);
        z-index: -1;
        pointer-events: none
      }

      #shows .cards>.card h3,
      #showpakete .packages>.card h3 {
        color: #ffd28a;
        text-shadow: 0 2px 8px #000;
        margin: 0 0 9px
      }

      #shows .cards>.card p,
      #showpakete .packages>.card p {
        color: #fff;
        text-shadow: 0 1px 5px #000
      }

      #shows .cards>.card .btn,
      #showpakete .packages>.card .btn {
        display: inline-block;
        align-self: flex-start;
        margin-top: auto;
        padding: 11px 18px;
        border-radius: 5px;
        background: linear-gradient(135deg, #ffe1a2, #b87928);
        color: #1b0b06;
        text-decoration: none;
        font-weight: 800;
        border: 1px solid #ffe3ad;
        box-shadow: 0 2px 10px #0009
      }

      #shows .cards>.card .btn:hover,
      #showpakete .packages>.card .btn:hover {
        background: #ffe0a1;
        transform: translateY(-1px)
      }
	  
	        /* Alle elf Showfotos mittig als vollflächiger Kartenhintergrund. */
      #shows .cards>.card>img.show-photo {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        transform: none !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: 50% 50% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        opacity: .8;
        z-index: -2 !important;
      }

      /* Einheitliches Gold für sämtliche Show- und Paketanfragen */
      #shows a.show-inquiry,
      #shows a.btn,
      #shows a.button,
      #showpakete a.btn,
      #showpakete a.button,
      #showpakete a.request-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        align-self: stretch !important;
        text-align: center;
        min-height: 48px;
        padding: 12px 19px !important;
        margin-top: auto;
        border: 1px solid #ffe9b5 !important;
        border-radius: 999px !important;
        background: linear-gradient(180deg, #fff1bb 0%, #e4bb70 40%, #b77b30 100%) !important;
        color: #261307 !important;
        font: 700 15px/1.35 Georgia, serif !important;
        letter-spacing: .045em;
        text-shadow: none !important;
        text-decoration: none !important;
        box-shadow: inset 0 1px 0 #fff9e6, 0 4px 13px #0009 !important;
        transition: filter .2s, transform .2s;
      }

      #shows a.show-inquiry:hover,
      #shows a.btn:hover,
      #shows a.button:hover,
      #showpakete a.btn:hover,
      #showpakete a.button:hover,
      #showpakete a.request-btn:hover {
        background: linear-gradient(180deg, #fff7d4, #edc77f 45%, #c38a3e) !important;
        color: #261307 !important;
        filter: brightness(1.06);
        transform: translateY(-2px);
      }

      /* HELLS NIGHT – abschließende Korrekturen vom 11.11.2026 */
      #shows .cards>.card>img.show-photo {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        transform: none !important;
        margin: 0 !important;
        border: 0 !important;
      }

      .hero-logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        height: auto;
      }

      .real-statement {
        max-width: 780px;
        margin: 30px auto 0;
        padding: 26px 22px;
        border: 1px solid #78402f;
        border-radius: 10px;
        background: linear-gradient(145deg, #251316, #120e11);
        box-shadow: 0 8px 30px #0005
      }

      .real-statement h2 {
        font-size: clamp(1.45rem, 4vw, 2.15rem);
        color: #f2bf77;
        margin: 0 0 18px
      }

      .real-statement p {
        font-size: clamp(1rem, 2.4vw, 1.14rem);
        line-height: 1.6;
        margin: 12px auto
      }

      .real-statement strong {
        color: #fff0d3
      }

      .real-statement .real-tagline {
        font-weight: 800;
        color: #f1b15e;
        letter-spacing: .04em;
        margin-top: 22px
      }

      .real-statement {
        max-width: 820px;
        margin: 32px auto 0;
        padding: 32px 28px;
        border: 1px solid #8c422d;
        border-radius: 10px;
        background: linear-gradient(160deg, #25151a, #130f13);
        text-align: left;
        box-shadow: 0 12px 36px #0005
      }

      .real-statement h2 {
        text-align: center;
        color: #f04425;
        font-size: clamp(1.8rem, 5vw, 2.8rem);
        margin: 0 0 8px
      }

      .real-statement h3 {
        text-align: center;
        color: #f0c080;
        font-size: clamp(1.1rem, 3vw, 1.5rem);
        line-height: 1.4;
        margin: 12px 0 24px
      }

      .real-statement p {
        font-size: 1.05rem;
        line-height: 1.75;
        margin: 14px 0;
        max-width: none;
        color: #f4ece9
      }

      .real-statement strong {
        color: #f6ca8c
      }

      .real-statement ul {
        padding-left: 24px;
        line-height: 1.9;
        color: #f4ece9
      }

      .real-statement .real-tagline {
        text-align: center;
        color: #ffb65e;
        font-weight: 800;
        font-size: 1.15rem;
        margin-top: 26px
      }

      @media(max-width:600px) {
        .real-statement {
          padding: 24px 18px
        }
      }

      /* Alle Paket-Anfragebuttons innerhalb jeder Reihe auf gleicher Höhe */
      #showpakete .package-grid .package {
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      #showpakete .package-grid .package>a.request-btn {
        margin-top: auto;
        align-self: center;
      }