.elementor-kit-10{--e-global-color-primary:#000000;--e-global-color-secondary:#D3CDC6;--e-global-color-text:#000000;--e-global-color-accent:#FD774E;--e-global-color-474f0a9:#02010100;--e-global-color-2e12d99:#02010142;--e-global-color-4af54da:#FFFFFF;--e-global-color-bfb7909:#000000;--e-global-color-dc57520:#FFFFFF;--e-global-color-48928d0:#000000;--e-global-color-7580a9e:#FD774E;--e-global-color-95878b9:#FFFFFF;--e-global-color-4aae75f:#FD774E;--e-global-color-8d85fe9:#B266BB;--e-global-color-673ccbc:#FFE48C;--e-global-color-9d78a40:#FAAD67;--e-global-color-122a06a:#428657;--e-global-color-f270287:#FF9DE1;--e-global-color-e89cdf1:#DCC7D6;--e-global-color-ed11dcc:#8A94A7;--e-global-color-a11aec1:#426397;--e-global-color-cef23ac:#FFA9F9;--e-global-color-b2e6c97:#9BFBFF;--e-global-color-801912f:#A39C93;--e-global-typography-primary-font-family:"AreaInktrapExtended";--e-global-typography-primary-font-size:80px;--e-global-typography-primary-font-weight:900;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-primary-word-spacing:0em;--e-global-typography-secondary-font-family:"AreaExtended";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:900;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-secondary-word-spacing:0em;--e-global-typography-text-font-family:"Surt";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.25em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-accent-word-spacing:0em;--e-global-typography-f2f3522-font-family:"AreaInktrapExtended";--e-global-typography-f2f3522-font-size:16px;--e-global-typography-f2f3522-font-weight:700;--e-global-typography-f2f3522-letter-spacing:-0.25px;--e-global-typography-4494b06-font-family:"Surt";--e-global-typography-4494b06-font-size:18px;--e-global-typography-4494b06-font-weight:400;--e-global-typography-b28c377-font-family:"AreaInktrapExtended";--e-global-typography-b28c377-font-size:42px;--e-global-typography-b28c377-font-weight:900;--e-global-typography-b28c377-line-height:1.15em;--e-global-typography-b28c377-letter-spacing:-1.5px;--e-global-typography-62e2199-font-family:"AreaExtended";--e-global-typography-62e2199-font-size:18px;--e-global-typography-62e2199-font-weight:800;--e-global-typography-62e2199-text-transform:uppercase;--e-global-typography-62e2199-line-height:1.15em;--e-global-typography-62e2199-letter-spacing:0px;--e-global-typography-9dd22cc-font-family:"AreaInktrapExtended";--e-global-typography-9dd22cc-font-size:24px;--e-global-typography-9dd22cc-font-weight:900;--e-global-typography-9dd22cc-line-height:1.15em;--e-global-typography-9dd22cc-letter-spacing:-0.3px;background-color:var( --e-global-color-secondary );}.elementor-kit-10 a{color:#000000;}.elementor-kit-10 a:hover{color:var( --e-global-color-accent );}.elementor-kit-10 h4{color:var( --e-global-color-primary );}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{font-family:"AreaInktrapExtended", Sans-serif;font-size:16px;font-weight:700;letter-spacing:-0.25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1170px;}.e-con{--container-max-width:1170px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:15px;}.elementor-element{--widgets-spacing:15px 15px;--widgets-spacing-row:15px;--widgets-spacing-column:15px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{--lightbox-navigation-icons-size:128px;}@media(max-width:1024px){.elementor-kit-10{--e-global-typography-primary-font-size:45px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:18px;--e-global-typography-accent-font-size:14px;--e-global-typography-b28c377-font-size:34px;--e-global-typography-62e2199-font-size:16px;--e-global-typography-9dd22cc-font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:20px;--e-global-typography-text-font-size:18px;--e-global-typography-b28c377-font-size:32px;--e-global-typography-62e2199-font-size:14px;--e-global-typography-9dd22cc-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Anpassungen Font Resize iOS */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}



/* Header Anpassungen SVG Firefox */



/* Events Detailansicht*/


/* Elementor Lightbox – Typografie wie <p>: Surt, 18px */
body .elementor-lightbox .elementor-slideshow__footer,
body .elementor-lightbox .elementor-slideshow__title,
body .elementor-lightbox .elementor-slideshow__description{
  font-family: "Surt", sans-serif !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  color: #fff !important;
  font-weight: 400 !important;

}

/* Abstände wie beim <p> */
body .elementor-lightbox .elementor-slideshow__title{
  margin: 0 0 14.4px 0 !important;
}
body .elementor-lightbox .elementor-slideshow__description{
  margin: 0 !important;
}


/* Elementor Lightbox – Pagination (Slide Counter) */
body .elementor-lightbox .elementor-slideshow__counter,
body .elementor-lightbox .elementor-slideshow__counter span {
  font-family: "Surt", sans-serif !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  color: #fff !important;
  font-weight: 400 !important;
}







/* Carousel Navigation unten bündig */
.ellipsen-nav { margin-top: auto; }


.elementor-kit-10 .swiper-container {
    height: 100% !important;
}

.elementor-kit-10 .swiper-slide img {
    object-fit: cover;
    height: 100% !important;
    width: 100% !important;
}





/* =========================
   Globale Variablen (Timing)
   ========================= */
:root{
  --btn-trans-dur: .30s;
  --btn-trans-ease: cubic-bezier(.25,.1,.25,1);
}

/* ======================================================
   Basis-CTA (Form, Farben, Typo, Zentrierung) – Desktop
   ====================================================== */
.elementor-element.btn-cta .elementor-button{
  /* Layout */
  display:inline-flex !important;
  align-items:center !important;            /* vertikal mittig */
  justify-content:center !important;
  gap:12px;

  /* Abstände & Form */
  padding:14px 20px !important;             /* oben/unten | links/rechts */
  border-radius:9999px !important;          /* Pille */
  line-height:1 !important;

  /* Typografie (aus Globals, sonst Fallback) */
  font-family: var(--e-global-typography-button-font-family, 'AreaInktrapExtended', sans-serif) !important;
  font-size:   var(--e-global-typography-button-font-size, 16px) !important;
  font-weight: var(--e-global-typography-button-font-weight, 700) !important;
  letter-spacing: .25px;

  /* Farben (deine Tokens) */
  color:        var(--e-global-color-buttontext, #fff);
  background:   var(--e-global-color-buttonbg, #000);
  border: 2px solid var(--e-global-color-buttonborder, #000);

  /* Weiche Übergänge – synchron */
  transition:
    background   var(--btn-trans-dur) var(--btn-trans-ease),
    color        var(--btn-trans-dur) var(--btn-trans-ease),
    border-color var(--btn-trans-dur) var(--btn-trans-ease);
}

/* Inhaltsebene glätten (Safari/Firefox) */
.elementor-element.btn-cta .elementor-button-content-wrapper{
  display:flex !important;
  align-items:center !important;
}

/* Icon sauber mittig + für Animation vorbereiten */
.elementor-element.btn-cta .elementor-button-icon{
  display:inline-flex;
  align-items:center;
  line-height:1;
  transition: transform var(--btn-trans-dur) var(--btn-trans-ease);
}
.elementor-element.btn-cta .elementor-button-icon i,
.elementor-element.btn-cta .elementor-button-icon svg{
  display:block; height:1em; width:auto;
}

/* Desktop: minimaler optischer Ausgleich */
.btn-cta .elementor-button-icon { top:-1px; position:relative; }
.btn-cta .elementor-button-text { top: 1px; position:relative; line-height:1 !important; }

/* Hover (Farbe + optional Pfeil) */
.elementor-element.btn-cta .elementor-button:hover{
  color:        var(--e-global-color-buttontexthover, #fff);
  background:   var(--e-global-color-buttonbghover, #FD774E);
  border-color: var(--e-global-color-buttonborderhover, #FD774E);
}
.elementor-element.btn-cta.btn-animated .elementor-button:hover .elementor-button-icon{
  transform: translateX(2px);
}

/* Tastaturfokus sichtbar */
.elementor-element.btn-cta .elementor-button:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* Motion-Respect */
@media (prefers-reduced-motion: reduce){
  .elementor-element.btn-cta .elementor-button,
  .elementor-element.btn-cta .elementor-button-icon{ transition:none !important; }
}

/* ===========================
   Elementor-Standard-Breakpoints
   =========================== */
/* Tablet: 768–1024 px */
@media (max-width: 1024px){
  .elementor-element.btn-cta .elementor-button{
    padding:13px 18px !important;
    gap:10px;
    font-size: var(--e-global-typography-button-font-size, 16px);
  }
  .btn-cta .elementor-button-icon { top:0; }
  .btn-cta .elementor-button-text { top:2px; }
}

/* Mobile: ≤ 767 px */
@media (max-width: 767px){
  .elementor-element.btn-cta .elementor-button{
    padding:12px 16px !important;
    gap:8px;
    font-size: calc(var(--e-global-typography-button-font-size, 16px) * .95);
  }
  .btn-cta .elementor-button-icon { top:0; }
  .btn-cta .elementor-button-text { top:1; }
}


/* Grid BBB Stücke */

.bbb-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 50px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'AreaInktrapExtended';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/AreaInktrapExtended-Extrabold.woff2') format('woff2'),
		url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/AreaInktrapExtended-Extrabold.woff') format('woff');
}
@font-face {
	font-family: 'AreaInktrapExtended';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/AreaInktrapExtended-Black.woff') format('woff');
}
@font-face {
	font-family: 'AreaInktrapExtended';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/AreaInktrapExtended-Semibold.woff2') format('woff2'),
		url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/AreaInktrapExtended-Semibold.woff') format('woff');
}
@font-face {
	font-family: 'AreaInktrapExtended';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/AreaInktrapExtended-Extrablack.woff2') format('woff2'),
		url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/AreaInktrapExtended-Extrablack.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'AreaExtended';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/AreaExtended-Extrablack.woff2') format('woff2'),
		url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/AreaExtended-Extrablack.woff') format('woff');
}
@font-face {
	font-family: 'AreaExtended';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/AreaExtended-Extrabold.woff2') format('woff2'),
		url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/AreaExtended-Extrabold.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Surt';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/Surt-Normal-Regular.woff2') format('woff2'),
		url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/Surt-Normal-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Surt';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/Surt-Normal-Medium.woff2') format('woff2'),
		url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/Surt-Normal-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Surt';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/Surt-Normal-Semibold.woff2') format('woff2'),
		url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/Surt-Normal-Semibold.woff') format('woff');
}
@font-face {
	font-family: 'Surt';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/Surt-Normal-Ultrabold.woff2') format('woff2'),
		url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/Surt-Normal-Ultrabold.woff') format('woff');
}
@font-face {
	font-family: 'Surt';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/Surt-Normal-Extrabold.woff2') format('woff2'),
		url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/Surt-Normal-Extrabold.woff') format('woff');
}
@font-face {
	font-family: 'Surt';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/Surt-Normal-Black.woff2') format('woff2'),
		url('https://www.bandhaus-theater.de/wp-content/uploads/2025/08/Surt-Normal-Black.woff') format('woff');
}
/* End Custom Fonts CSS */