.elementor-kit-517{--e-global-color-primary:#ECC542;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#ECC542;--e-global-color-4a7ca4b:#FFFFFF0D;--e-global-color-253ff88:#FFFFFF1A;--e-global-color-cd260ad:#000000;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Century Gothic Laufschrift";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-b749185-font-family:"VTC Goblin";--e-global-typography-b749185-font-size:30px;--e-global-typography-b749185-font-weight:600;}.elementor-kit-517 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root{
  --bg:#000;
  --text:#ffffff;
  --accent:#ecc542; /* primary */
  --c-orange:#fb6a22; /* secondary */
  --c-green:#06b087;  /* on sale */
  --c-teal:#069fb3;   /* extra */
  --c-red:#ef4444;    /* sold out */
  --glass-bg: rgba(255,255,255,.05);
  --glass-border: rgba(255,255,255,.10);
  --text-sm: 0.875rem;
  --text-sm--line-height:calc(1.25 / 0.875);
  --text-grey: rgba(255,255,255,0.7);
}

/* Base */
html,body{ background:var(--bg); color:var(--text); }
a{ color:inherit; text-decoration:none; }
a:hover{ text-decoration:none; }
img{ max-width:100%; height:auto; }
.max-width{ max-width:1920px; }

/* ===== Layout Breiten (scoped) ===== */
.section-usps   > .e-con-inner,
.section-about  > .e-con-inner,
.section-tourteaser > .e-con-inner,
.section-gallery > .e-con-inner,
.section-testimonials > .e-con-inner,
.section-videos > .e-con-inner,
.section-footer > .e-con-inner,
.section-nav > .e-con-inner,
.section-contact > .e-con-inner,
.section-ticket > .e-con-inner,
.section-ticketdetail > .e-con-inner{
  max-width:1200px;
  margin-inline:auto;
}
.section-hero > .e-con-inner,
.section-wide > .e-con-inner{ max-width:none; }

/* ===== Glasmorphism (Cards/Boxen) ===== */
.glass{
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  backdrop-filter: blur(16px);
  border-radius:20px;
  padding:16px;
  transition: background .2s ease, transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.glass:hover{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.20);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
/* Kompakte Glas-Info (Tourdetails etc.) */
.elementor-element.glass-note{
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:20px;
  padding:16px;
}

/* ===== Buttons ===== */
.btn-primary-gradient .elementor-button,
.elementor-button.btn-primary-gradient{
  background: var(--e-global-color-primary);
  color:#000;
  border:1px solid rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 6px 18px rgba(236,197,66,.18);
  border-radius:999px;
  padding:.8rem 1.25rem;
  transition: transform .2s ease, filter .2s ease;
}
.btn-primary-gradient .elementor-button:hover,
.elementor-button.btn-primary-gradient:hover{
  filter:saturate(1.05);
  transform: translateY(-2px);
}

/* Secondary – Glass */
.btn-secondary-glass .elementor-button,
.elementor-button.btn-secondary-glass{
  background: rgba(255,255,255,.05);
  color:#fff;
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  padding:.8rem 1.25rem;
  transition: background .2s ease, transform .2s ease, border-color .2s ease;
}
.btn-secondary-glass .elementor-button:hover,
.elementor-button.btn-secondary-glass:hover{
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.30);
  transform: translateY(-2px);
}

/* Pfeil-Animation (Icon rechts im Button) */
.btn-cta-arrow .elementor-button .elementor-button-icon{ transition: transform .2s ease; }
.btn-cta-arrow .elementor-button:hover .elementor-button-icon{ transform: translateX(4px); }

/* Fokus (A11y) */
.elementor-button:focus{ outline:2px solid var(--accent); outline-offset:2px; }

/* ===== Navigation ===== */
/* Nutze diese Klassen, wenn die Nav als Section gebaut ist */
.section-nav{ position:sticky; top:0; z-index:50; }
.nav-blur{ backdrop-filter: blur(16px); background: rgba(0,0,0,.60); border-bottom:1px solid rgba(255,255,255,.10); }

/* FIX: entfaltete, gültige Selektoren */
.nav-link .menu--navlink a{ color:#fff; border-radius:8px; padding:.25rem .5rem; }
.nav-link:hover .menu--navlink:hover a{ opacity:.8; }

/* ===== Footer ===== */
.section-footer{ border-top:1px solid rgba(255,255,255,.10); }
.footer-link{ color:rgba(255,255,255,.80); }
.footer-link:hover{ color:#fff; }

/* ===== Status Badges (Tickets) ===== */
.badge{
  display:inline-flex; align-items:center; gap:.4rem;
  border-radius:999px; padding:.25rem .6rem; font-weight:700; font-size:var(--text-sm);
  color:#000; border:1px solid rgba(255,255,255,.06); box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
}
.badge--on-sale{ background:#06b087; }
.badge--limited{ background:#fb6a22; }
.badge--sold-out{ background:#ef4444; }
.badge:before{
  content:url('https://wlma.eu/wp-content/uploads/2025/09/ticket-svg.svg');
  display:inline-block; /* optional, damit width/height greifen */
  width:24px; height:24px;
}

/* ===== Tourliste / Good to know ===== */
.goodtoknow-item{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); border-radius:12px; padding:16px; transition:all .2s ease; }
.goodtoknow-item:hover, .goodtoknow-item:focus-within{ background:rgba(255,255,255,.10); transform:translateY(-2px); }
.goodtoknow-item .focusable{ outline:none; border-radius:6px; }
.goodtoknow-item .focusable:focus{ box-shadow:0 0 0 2px var(--accent); }

/* ===== Karussells (Pfeile glasig) ===== */
.elementor-swiper-button{ background: rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.20); backdrop-filter: blur(8px); border-radius: 12px; }
.elementor-swiper-button:hover{ background: rgba(0,0,0,.55); }

/* ===== Utilities ===== */
.text-dim{ color:rgba(255,255,255,.70); }
.text-soft{ color:rgba(255,255,255,.85); }
.text-sm{ font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
.text-grey{ color:var(--text-grey); }
.border-glass{ border-color: var(--glass-border) !important; }
.bg-glass{ background: var(--glass-bg) !important; }

/* ===== Motion-Reduktion ===== */
@media (prefers-reduced-motion: reduce){
  .elementor-button,
  .btn-cta-arrow .elementor-button .elementor-button-icon,
  .glass,
  .goodtoknow-item{ transition:none !important; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Century Gothic Laufschrift';
	font-display: auto;
	src: url('https://bio-meiler.de/wp-content/uploads/sites/13/2025/10/centurygothic.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'VTC Goblin';
	font-display: auto;
	src: url('https://bio-meiler.de/wp-content/uploads/sites/13/2025/10/VTCGoblinHand.ttf') format('truetype');
}
/* End Custom Fonts CSS */