/* 
 FONT:  Bodoni Moda
*/

/* bodoni-moda-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bodoni-moda-v28-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* bodoni-moda-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/bodoni-moda-v28-latin-italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* bodoni-moda-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/bodoni-moda-v28-latin-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* bodoni-moda-500italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/bodoni-moda-v28-latin-500italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* bodoni-moda-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/bodoni-moda-v28-latin-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* bodoni-moda-600italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/bodoni-moda-v28-latin-600italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* bodoni-moda-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/bodoni-moda-v28-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* bodoni-moda-700italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/bodoni-moda-v28-latin-700italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* bodoni-moda-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/bodoni-moda-v28-latin-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* bodoni-moda-800italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/bodoni-moda-v28-latin-800italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* bodoni-moda-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/bodoni-moda-v28-latin-900.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* bodoni-moda-900italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/bodoni-moda-v28-latin-900italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




h1,
.h1 {
  font-family: 'Bodoni Moda' !important;
  font-weight: 700;
}

h2,
.h2 {
  font-family: 'Bodoni Moda' !important;
  font-weight: 600;
}

h3,
.h3 {
  font-family: 'Bodoni Moda' !important;
  font-weight: 500;
}

h4,
.h4 {
  font-family: 'Bodoni Moda' !important;
}

h5,
.h5 {
  font-family: 'Bodoni Moda' !important;
}

h6,
.h6 {
  font-family: 'Bodoni Moda' !important;
}

.ce_revolutionslider_text.bold,
.font_headline {
  font-family: 'Bodoni Moda' !important;

}

/*Oranger Btn - jetzt tickets sichern - border-white */
/* #idStartseiteHeader .ce_revolutionslider .tp-mask-wrap:nth-of-type(4) */
#idStartseiteHeader .ce_revolutionslider li .tp-parallax-wrap:nth-of-type(5) .tp-mask-wrap 
{
  border: solid 3px #e5e2e1; 
}

/* Links mit Icons im Footer */
/* class .gt-link-phone ->  li */
.gt-link::before, .gt-link::after 
{
  display: none !important;
}
.gt-link
{
  padding-left: 5px !important;
  margin-bottom: 5px !important;
  padding-bottom: 5px !important;
}
.gt-link i
{
  font-family: FontAwesome;
  padding-right: 15px;
  font-style: normal !important;
}


/* dark background for team-boxes */
.gt-dark-team-box .team-content-hover
{
  /*background-color: #1c1b1b !important;*/ 
  /*background-color: #201f1f !important;*/
  background-color: #2a2a2a !important;
}

.gt-dark-team-box .team-content-hover .description span
{
  /*color:#e5e2e1 !important;*/
  color:#e5e2e1 !important;
}

.gt-dark-team-box .team-content-hover .name
{
  /*color: #ffe100 !important;*/
  color: var(--accentColor) !important;
}


/* dark cookie banner */
/*.gt-dark-cookie-banner*/
.mod_privacy_optin .privacy_content
{
  background-color: #3a3939;
}


.mod_privacy_optin .privacy_content .privacy_settings *
{
  color: #e5e2e1;
}

.mod_privacy_optin .privacy_content .submit
{
  color: #313030;
}

.mod_privacy_optin .privacy_help *
{
  color: #e5e2e1;
}

.mod_privacy_optin .privacy_help .privacy_help_link
{
  background-color: #2a2a2a;
}

 

/* Footer Anpassungen*/

/*e9c349*/

#footer .ce_text h4
{
  color:var(--accentColor); 
  font-family: Montserrat !important;
  font-weight: 400;
}



/* Social icons im footer  */

/* Container für die Buttons */
.gt-social-container {
    display: flex;
    font-family: FontAwesome;
    font-style: normal !important;
}

.gt-social-container i{
    font-style: normal !important;
}

/* Das gemeinsame Styling für beide Buttons */
.gt-social-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;                /* Macht die Box quadratisch */
    height: 50px;               /* Macht die Box quadratisch */
    /*background-color: #c4a951;*/  /* Der gold-matte Farbton aus dem Bild */
    background-color: var(--accentColor);  /* Der gold-matte Farbton aus dem Bild */
    color: #2a2a2a !important;             /* Sehr dunkles Grau für die Icons */
    font-size: 28px;            /* Größe der Icons */
    text-decoration: none;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}

/* Die feine Trennlinie zwischen den Boxen */
.gt-social-btn:not(:last-child) {
    border-right: 2px solid #2a2a2a;
}

/* Kleiner Hover-Effekt für ein besseres Nutzungsgefühl */
.gt-social-btn:hover {
    background-color: #b39843;  /* Wird beim Drüberfahren minimal dunkler */
}


/*idDatenschutzerklaerung*/

#idDatenschutzerklaerung h1, #idDatenschutzerklaerung h2, #idDatenschutzerklaerung h3,
#idImpressum h1, #idImpressum h2, #idImpressum h3,
#idAGB h1, #idAGB h2, #idAGB h3 {
  color: var(--accentColor);
  font-family: Montserrat !important;
  font-weight: 400;
}


/* Stiky Header Styles */

#stickyheader .logo {
  /* width: 2.5rem; */
  width: 180px;
  padding-top: 8px;
}

#stickyheader .header {
  background-color: #131313;
}

#stickyheader .header {
  /* v1 */
  /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05); */



  /* box-shadow: 0 2px 10px rgba(255, 255, 255, 0.02), 0 10px 15px rgba(0, 0, 0, 0.5); */

  /* v2 */
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.7);
  border-bottom: 1px solid #1f1f1f;

}

/* Trennlinien zwischen den Menüpunkten entfernen*/
.mainmenu .level_1 li {
  border-bottom-width: 0px !important;
}

/* Zentrienen der Texte im Menü */
.mainmenu .level_1 li {
  text-align: center !important;
}

/* Klassen für die EclipseX-Hover-Animation */
.mainmenu .level_1 a span {
  position: relative;
}

.mainmenu .level_1 a span::before {
  position: absolute;
  content: '';
  height: 1px;
  /*background: #ffb2be;*/
  background: #ffe100;
  bottom: -2px;
  left: 0;
  width: 100%;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out !important;
}

.mainmenu .level_1 a:hover span::before {
  transform: scaleX(1);
}




.gt-surface-container {
  background-color: #201f1f;
}


.gt-surface-container .ce_typed h1
{
  color: #e5e2e1;
} 




.txt-color-white,
.txt-color-white p,
.txt-color-white i,
.txt-color-white a,
.txt-color-white h1,
.txt-color-white h2,
.txt-color-white h3,
.txt-color-white h4,
.txt-color-white h5,
.txt-color-white h6,
.txt-color-white .h1,
.txt-color-white .h2,
.txt-color-white .h3,
.txt-color-white .h4,
.txt-color-white .h5,
.txt-color-white .h6,
.txt-color-white .h1 p,
.txt-color-white .h2 p,
.txt-color-white .h3 p,
.txt-color-white .h4 p,
.txt-color-white .h5 p,
.txt-color-white .h6 p,
.txt-color-white.h1,
.txt-color-white.h2,
.txt-color-white.h3,
.txt-color-white.h4,
.txt-color-white.h5,
.txt-color-white.h6,
.txt-color-white.h1 p,
.txt-color-white.h2 p,
.txt-color-white.h3 p,
.txt-color-white.h4 p,
.txt-color-white.h5 p,
.txt-color-white.h6 p {
  /* color: rgb(255,255,255); */
  color: #e5e2e1;
}


.ce_headline_extended h4 {
  color: #e5e2e1;
}


/* Bottom Dark */

#bottom
{
  background-color: #1c1b1b;
  
}


#bottom .inside , #bottom .inside a
{
  color: #e5e2e1;
}



/* gt-event-timline-list  - Liste mit den Events - Templateanpassung -> event_list_timeline.html5 */

.gt-event-timline-list-item {
  /*width: 100%;*/
  display: grid;
  /* Spalten: 1. Datum, 2. Ort, 3. Halle, 4. Ticket-Button*/
  /*grid-template-columns: 180px 250px 1fr auto;*/
  grid-template-columns: 180px 1fr 1fr auto;
  align-items: center;  
  margin-bottom: 8px;
  gap: 30px; /* Abstand zwischen den Spalten */
  font-size: var(--hyperlink-default-font-size);
  margin-left: 15px;
  margin-right: 15px;
}

.gt-event-timline-list-item .date-block
{
  /*display: flex;*/ 
  display: grid;
  grid-template-columns: 85px 25px auto;
  /*align-items: center; */

  /*flex-direction: row;*/
  
  color: var(--accentColor);
  font-weight: var(--hyperlink-default-font-weight);
}

.gt-event-timline-list-item .date-block-date
{
  /*text-align: right;*/
  /*text-align: left;*/
  text-align: center;
}

.gt-event-timline-list-item .date-block-time
{
  text-align: left;
}

.gt-event-timline-list-item .date-block .divider
{
  padding-left: 10px;
  padding-right: 10px;
}

.gt-event-timline-list-item .btn-tickest a
{
  margin-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  
}


/* --- RESPONSIVE ANPASSUNG --- */
/*@media (max-width: 799px) {*/
@media (max-width: 680px) {
  .gt-event-timline-list-item {
    /* Schaltet das nebeneinanderliegende Grid in ein untereinanderliegendes Grid um */
    grid-template-columns: 1fr; 
    align-items: flex-start; /* Richtet Elemente am linken Rand aus */
    gap: 8px; /* Kleinerer Abstand zwischen den Zeilen auf Mobilgeräten */
    padding: 15px 0; /* Optional: Etwas Abstand nach oben/unten für die ganze Zeile */
    border-bottom: 1px solid #333; /* Optional: Trennlinie zwischen den Events im Mobil-Modus */
  }

  .gt-event-timline-list-item .btn-tickest {
    margin-top: 5px; /* Etwas Platz über dem Button im Mobil-Modus */
    width: 100%; /* Optional: Button über die ganze Breite gehen lassen */
    text-align: center; /* Text im Button zentrieren, falls er 100% breit ist */
  }
}


/* EFFECT - gt-einblenden-2 */
/* Grundzustand: unsichtbar und leicht nach unten verschoben */
.gt-einblenden-2 {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 1s ease-out, transform 1s ease-out;
  visibility: hidden; /* Verhindert Interaktion, solange unsichtbar */
}
/* Zustand, wenn das Element im Sichtfeld ist */
.gt-einblenden-2.sichtbar {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

/* Startseite header - Button mit Beschriftung hochgesetzt*/
@media (max-width: 768px) {
  .revoSliderTextWrapper .tp-parallax-wrap {
    transform: translateY(-120px) !important;
  }
}