/*
Theme Name: Breakdance Zero Theme
Theme URI: https://breakdance.com/zero-theme // todo
Author: Breakdance Builder
Author URI: https://breakdance.com/
Description: Entirely disables the WordPress theme system and lets you design every part of your site with Breakdance, while keeping other theme functionality like templates overrides and functions.php.
Version: 1.0.1
Tested up to: 5.9
Requires PHP: 7
License: GNU General Public License v2 or later // todo no idea about this
License URI: LICENSE
Text Domain: breakdance

Requires Breakdance to be installed.
/*--------------------------------------------------------------


[x-cloak]{ display:none !important; }


/* inter-100 - 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: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/inter-v19-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-100italic - 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: 'Inter';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/inter-v19-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-200 - 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: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/inter-v19-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-200italic - 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: 'Inter';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/inter-v19-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-300 - 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: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/inter-v19-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-300italic - 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: 'Inter';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/inter-v19-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/inter-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-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: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/inter-v19-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/inter-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-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: 'Inter';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/inter-v19-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/inter-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-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: 'Inter';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/inter-v19-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/inter-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-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: 'Inter';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/inter-v19-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/inter-v19-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-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: 'Inter';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/inter-v19-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/inter-v19-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-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: 'Inter';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/inter-v19-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* oleo-script-swash-caps-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: 'Oleo Script Swash Caps';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oleo-script-swash-caps-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Better Times Regular by Set Sail Studios
 * URL: https://www.myfonts.com/collections/set-sail-studios-foundry

 * Webfont: Better Times Alt by Set Sail Studios
 * URL: https://www.myfonts.com/collections/set-sail-studios-foundry

 * Webfont: Better Times Swash by Set Sail Studios
 * URL: https://www.myfonts.com/collections/set-sail-studios-foundry
 
 * © 2025 MyFonts Inc. */


  
@font-face {
  font-family: "BetterTimesRegular";
  src: url('fonts/BetterTimesRegular/font.woff2') format('woff2'), url('webFonts/BetterTimesRegular/font.woff') format('woff');
}
@font-face {
  font-family: "BetterTimesAlt";
  src: url('fonts/BetterTimesAlt/font.woff2') format('woff2'), url('webFonts/BetterTimesAlt/font.woff') format('woff');
}
@font-face {
  font-family: "BetterTimesSwash";
  src: url('fonts/BetterTimesSwash/font.woff2') format('woff2'), url('webFonts/BetterTimesSwash/font.woff') format('woff');
}


html {
  font-size: 16px !important;
}

:root {
  font-size: 16px !important;
}

:root {
  --ek-grey-light:      #E5E5E5;
  --ek-grey-light-bg:   #D6D6D6;
  --ek-grey-mid:        #828282;
  --ek-grey-dark:       #5E5E5E;
  --ek-dark-green:      #007D7D;
  --ek-green-light:     #64C8C8;
  --ek-black:           #404040;
  --ek-white:           #FFFFFF;
  --ek-red:             #C43032;
  --ek-green-contrast:  #005959;
  --ek-bg-highlight:    rgba(0,0,0,0.5);
  --ek-bg-limelight:    #D0EFEF;
  --ek-green-dark-50-vollwert:  #80BEBE;
  --ek-bg-light:rgba(204, 222, 222, 0.2);
  --ek-bg-highlight:rgba(219, 239, 239, 1);
  --bde-headings-color: #007D7D !important;
}

/* Textfarben */
.text-ek-grey-light       { color: var(--ek-grey-light); }
.text-ek-grey-light-bg    { color: var(--ek-grey-light-bg); }
.text-ek-grey-mid         { color: var(--ek-grey-mid) !important; }
.text-ek-grey-dark        { color: var(--ek-grey-dark) !important; }
.text-ek-green-light      { color: var(--ek-green-light); }
.text-ek-dark-green       { color: var(--ek-dark-green) !important; }
.text-ek-black            { color: var(--ek-black); }
.text-ek-white            { color: var(--ek-white); }
.text-ek-red              { color: var(--ek-red) !important; }
.text-ek-green-contrast,
h3.bde-heading.text-ek-green-contrast
{ color: var(--ek-green-contrast) !important; }
.text-ek-bg-highlight     { color: var(--ek-bg-highlight); }
.text-ek-green-dark-50-vollwert     { color: var(--ek-green-dark-50-vollwert) !important; }



/* Hintergrundfarben */
.bg-ek-grey-light         { background: var(--ek-grey-light); }
.bg-ek-grey-light-bg      { background: var(--ek-grey-light-bg); }
.bg-ek-grey-mid           { background: var(--ek-grey-mid); }
.bg-ek-grey-dark          { background: var(--ek-grey-dark); }
.bg-ek-green-light        { background: var(--ek-green-light); }
.bg-ek-dark-green         { background: var(--ek-dark-green) !important; }
.bg-ek-black              { background: var(--ek-black); }
.bg-ek-white              { background: var(--ek-white); }
.bg-ek-red                { background: var(--ek-red); }
.bg-ek-green-contrast     { background: var(--ek-green-contrast); }
.bg-ek-bg-highlight       { background: var(--ek-bg-highlight); }
.bg-ek-limelight       { background: var(--ek-bg-limelight); }


.text-white{
  color: #fff !important;
}



.html * {
  margin: 0;
}

/* standardmäßig verstecken */
#field_8_34 { 
  display: none !important;
}
/* wenn JS es zeigen soll */
#field_8_34.is-visible {
  display: block !important; /* überschreibt das obige !important */
}

/* body > div.breakdance:first-of-type {
  position: relative;
  z-index: 1000;
}
 */
 .bd-top { position: relative !important; z-index: 998 !important; }

.search-card{
    border-left: 12px solid red !important;
}
html{
  overflow-x: hidden;
}
body{
    font-family: 'Inter' ;
     overflow: hidden;
}


.icon-chevron-down:before {
  color: var(--ek-dark-green);
}

.icon-chevron-down.open:before {
  color: var(--ek-green-contrast);
}

div.open{
  color: var(--ek-green-contrast) !important;
}

.dp-overlay{
  pointer-events: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #002222;
  opacity: 0;
  z-index: 500;
  transition-property: all;
  transition-duration: 0.3s;
}

.dp-open .dp-overlay{
  opacity: 0.75;
  backdrop-filter: blur(10px);
}

.btn-secondary{
    border: 2px solid var(--ek-dark-green);
    color: var(--ek-dark-green);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 9999px;
    display: flex;
    padding: 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;

}

.icon-single{
  display: flex;
  width: 32px;
  height: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 16px;
  background: var(--_ek_green_limelight, #D0EFEF);
}


.wraper_inner_banner{
    display: none;
}

.search{
    background: rgba(204, 222, 222, 0.50);
    box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(16px);
}

.wraper_header_top{
    background: var(--_ek_dark_gradient, linear-gradient(0deg, var(--_ek_green_dark, #007D7D) 0%, var(--_ek_green_contrast, #005959) 100%));
    padding: 0.5rem 0 1rem;
}

.sticky-menu{
padding: 0 32px 0 32px;
border-radius: 1rem;
/* background: linear-gradient(0deg, rgba(204, 222, 222, 0.20) 0%, rgba(204, 222, 222, 0.20) 100%), var(--_ek_white, #FFF); */
background: #fff !important;
}

.hero{
  min-height: 660px;
  height: 660px;
  padding-top: 90px;
}

.hero .section-container{
height: 100%;
}

.hero-image{
  position: absolute;
  object-fit: cover;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.breakdance .hero h4.bde-heading {
	color: #fff !important;
	margin-top: 8px;
}

.hero-section{
    width: 100%;
    padding: 0;
    margin: 0;
}

.bde-globalblock .breakdance {
	width: 100%;
}

.wraper_blog_main > .container {
	padding: 0 !important;
	padding: 0 !important;
	width: 100%;
	max-width: none;
}


.breakdance *{
    margin: 0;
    /* font-weight: 400; */
}

.gradient-section-leftToRight{
    background: linear-gradient(90deg, rgba(0, 89, 89, 0.20) 30.46%, rgba(100, 200, 200, 0.00) 92.2%);
}

/*tag list */

.ek-taglist {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: flex-start !important;
  align-items: flex-start !important;     /* wichtig für vertikale Ausrichtung */
  align-content: flex-start !important; 
  padding: 2rem 0;
}

.ek-taglist-item {
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
	padding: 1.5rem;
	display: flex;
	margin: 0 !important;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

/* :hover ausgelagert */

.ek-taglist-item {
	color: var(--ek-green-contrast) !important;
	text-decoration: none;
	font-weight: bold;
	font-size: 1rem;
	display: flex;
	gap: 1rem;
	justify-content: center;
	align-items: center;
}

.ek-taglist-icon {
	position: relative;
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
}

.ek-taglist-icon::before {
	content: '';
	position: absolute;
	width: 47px;
	height: 100%;
	background: var(--ek-green-limelight, #D0EFEF);
	border-radius: 10000px;
	z-index: 0;
	transform: translateY(-5px) rotate(-45deg);
	/* box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.02); */
	display: block;
	height: 35px;
}

.ek-taglist-icon svg {
	position: relative;
	z-index: 1;
}

.ek-taglist-icon svg {
  width: 100%;
  height: auto;
  fill: #007a7a;
}

.ek-taglist-text {
	max-width: 7em;
	min-height: 2.4em;
	display: grid;
	place-content: center;
	hyphens: auto;
}



/*tag list  end */

.breakdance-dropdown-item a {
 position: relative;
}
.breakdance-dropdown-item a:before {
  font-family: "icomoon";
  content: "\e902";
  color: #005959;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}
.breakdance-dropdown-item a {
  border-radius: 0.5rem;
  padding: 1rem 2rem 1rem 1rem;
}

/* getrennt: hover ausgelagert, active bleibt */
.breakdance-dropdown-item.is-active a {
  background: var(--_ek_green_highlight, #DBEFEF) !important;  
}

.breakdance-dropdown-item.is-active a .breakdance-dropdown-link__icon {
	background-color: var(--ek-green-contrast) !important;
}
.breakdance-dropdown-item.is-active a .breakdance-dropdown-link__icon svg,
.breakdance-dropdown-item.is-active  a .breakdance-dropdown-link__icon svg path {
	fill:#fff !important;
}




.breakdance .bde-section .section-container {
	padding-left: 52px !important;
  padding-right: 52px !important;
}

h1.ek-headline-2 {
	color: #fff !important;
	font-family: 'Inter';
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.1;
  hyphens: none;
}

.breakdance h1 {
	font-size: 48px !important;
	max-width: 860px;
}

h1.ek-headline-2 .kicker{
   display: block;
   font-size: 34px;
   color: #fff !important;
   font-family: 'BetterTimesRegular';
   font-weight: normal;
}

/* h2 */
h2.ek-headline-2{
    color: var(--ek-green-contrast, #005959) !important;
    /* _ek_H2 */
    font-family: 'Inter';
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0 0 1.5rem;
    position:relative;
    display:inline-block; /* passt sich der Überschrift an */
    line-height:1.2;      /* ggf. anpassen */
    max-width: 1024px;
    hyphens: auto;
}

/* Der Pinselstrich */
h2.ek-headline-2::after{
  content:"";
  position:absolute;
  left:var(--stroke-left,0);
  top:calc(var(--stroke-top,100%)); /* unter die Textzeile */
  width:var(--stroke-width,0);
  height:10px;                      /* Höhe deines stroke.svg */
  background:url(img/stroke.svg) no-repeat;
  background-size:100% 100%;
  pointer-events:none;
}


h2.ek-headline-2 .kicker {
	display: block;
	font-size: 0.85em;
	color: var(--ek-green-mid, #20A6A6);
	font-family: 'BetterTimesRegular';
	font-weight: normal;
}
.breakdance h2.bde-heading {
	color: var(--ek-green-contrast) !important;
	font-weight: 700;
  font-family: 'Inter';
}
.breakdance h3.bde-heading{
    color: var(--ek-dark-green, #007D7D);
    font-size: 24px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1 !important;
    margin-bottom: 0.5em !important;
    hyphens: none;
}
.breakdance h3.bde-heading.gesamt {
	font-size: 32px !important;
}
.breadkdance h3{
   color: var(--ek-dark-green, #007D7D);
}
.breakdance h4.bde-heading,.breakdance h4, .h4{
    color: var(--ek-dark-green, #007D7D);
    font-size: 24px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal !important;
    hyphens: auto;
}

.breakdance h5, .default-page .breakdance h5 {
  font-size: 20px !important;
  color: var(--ek-green-contrast) !important;
  font-weight: 700;
  margin-bottom: 0;
}

.breakdance h5.text-ek-dark-green{
  color: var(--ek-dark-green) !important;
}

.breakdance .button-atom--primary, .breakdance .button-atom--secondary, .breakdance .button-atom--custom {
	padding: 12px 16px !important;
}

.shadow{
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.10) !important;
}

.ek-tns-wrap{
  filter: drop-shadow(0 0 32px rgba(0, 0, 0, 0.10));
}
.ekc-wrap{
  filter: drop-shadow(0 0 32px rgba(0, 0, 0, 0.10));
  position: relative;
}

.ek-tns-wrap .shadow, .ekc-wrap .shadow{
 box-shadow: none !important;
}

.swiper-slide-visible .shadow-active,.swiper-slide-visible .slideritem-content{
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.10) !important;
}





.bde-simple-counter{
    background: transparent !important;
    width: auto !important;
    padding: 20px !important;
}

.bde-simple-counter__number,.bde-simple-counter__number span{
color: #20A6A6 !important;
}

.bde-simple-counter__title{
color: var(--ek-green-contrast) !important;
font-size: 24px;
font-weight: 700;
}


.slideritem-referent img {
	border-radius: 1rem;
	aspect-ratio: 0.8;
	object-fit: cover;
	margin-bottom: -10%;
}

.slideritem-content{
    border-radius: 1rem;
    background: #fff;
    margin: -3rem 1rem 0;
    padding: 1.5rem;
    width: calc(100% - 2rem);
}

.slideritem{
    border-radius: 1rem;
    background: #fff;
    padding: 2rem;
    /* box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.10); */
    position: relative;
}

.breakdance .watchlist-icon{
/*     position: absolute !important;
    right: 1rem;
    top: 1rem;
    width: 24px;
    height: 24px; */
}

.default-page .breakdance ul:not(.contact):not([class*="woocommerce-"]):not([class*="tribe-"]) > li {
	margin-bottom: 0 !important;
	padding-left: 0 !important;
}

.slideritem ul{
   margin-top: 1rem !important;
}

.slideritem h3{
   min-height: 2.3em;
}

.slideritem.slideritem-rating h3 {
	min-height: 0;
}

.slideritem .price{
   color: #007D7D !important;
   font-weight: 700;
   white-space: no-wrap;
}

.card .bde-text{
  hyphens: auto;
}

.price{
  color: var(--_ek_green_dark, #007D7D) !important;
  font-size: 1.5rem;
  font-weight: 700;
}
.price.price-l{
  font-size: 2rem;
}

.strikeprice{
  color: rgba(128, 190, 190, 1);
}

.desc-short {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Optional, für normalen Zeilenumbruch */
  white-space: normal;
}

.desc-short p:not(:first-child) {
  display: none;
}

.swiper-pagination-bullet {
	background-color: #2563eb;
	margin: 0 4px !important;
	border-radius: 100%;
	bottom: initial;
  opacity: 1 !important;
  	background: var(--ek-green-light) !important;
    width: 16px !important;
height: 16px !important;
}

.swiper-pagination-bullet-active {
	opacity:1;
  width: 40px !important;
  border-radius: 8px !important;
	background: var(--ek-dark-green) !important;
}

.bde-image2.shadow{
  border-radius: 1rem;
}

.search-box {
	display: flex;
	padding: 48px 32px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 16px;
	background: rgba(204, 222, 222, 0.50);
	box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.15);
	backdrop-filter: blur(16px);
	margin-top: -14rem;
	margin-bottom: -14rem;
}

.search-input{
  display: flex;
  padding: 16px 16px 16px 32px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 9999px;
  background: var(--_ek_white, #FFF);
}

.search-input input{
  border:0;
  width: 100%;
}

.search-input input:focus-visible{
  outline: 0;
}

.search-input input::placeholder {
  color: #E5E5E5 !important;      
  opacity: 1;          
 font-weight: bold;
}





.breakdance-dropdown-column__title{
  color: var(--_ek_green_contrast, #005959);
  font-weight: 700;
  opacity: 0.5;
}


.breakdance-menu-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;             /* Breite der Linie */
  height: 1.5em;          /* Höhe der Linie */
  background: #ccc;       /* Farbe */
}

.menu-icons .bde-icon {
 position: relative;
}

.menu-icons .bde-icon:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1rem;
  transform: translateY(-50%);
  width: 2px;             /* Breite der Linie */
  height: 1.5em;          /* Höhe der Linie */
  background: #007D7D;       /* Farbe */
}

.menu-icons .last .bde-icon::after {
  display: none !important;
}

.breakdance-dropdown-link__text{
  color: var(--_ek_green_dark, #007D7D);
font-weight: 700;
}

.breakdance-dropdown-item:not(:last-child){
  border-bottom: 1px solid var(---ek-green-darklight, #CCDEDE);
  padding-bottom: 0;
}

.breakdance .bde-icon-list li a.bde-icon-list__item-wrapper {
text-decoration: underline !important;
}

.breakdance-dropdown-link__icon, .bde-icon-list__icon,.breakdance-dropdown-link__icon, .bde-icon-list-line__icon {
	display: flex !important;
	width: 64px;
	height: 64px;
	flex-direction: column;
	justify-content: center !important;
	align-items: center !important;
	gap: 10px;
	border-radius: 50% 50% !important;
	background: var(---ek-green-limelight, #D0EFEF) !important;
	min-width: 64px;
  min-height: 64px;
}

.breakdance-dropdown-link__icon {
	width: 48px;
	height: 48px;
	min-width: 48px;
	min-height: 48px;
}

.breakdance-dropdown-floater {
	top: calc(var(--dropdown-offset-y) + var(--dropdown-custom-offset-y) - 50px) !important;
  border-radius: 0 0 14px 14px !important;
  overflow: hidden;
}

.breakdance-dropdown-body {
	box-shadow: none !important;
}


/* Dropdown-Panel begrenzen + intern scrollen */
.breakdance-dropdown-floater .breakdance-dropdown-body{
  max-height: min(80vh, calc(100vh - 150px)); /* 96px ≈ Header-Abstand; bei Bedarf anpassen */
  overflow-y: auto;
  overscroll-behavior: contain;   /* verhindert Scroll-Through zum Body */
  -webkit-overflow-scrolling: touch;
}

/* Optional: Spaltencontainer auch begrenzen, falls Body nur Padding ist */
.breakdance-dropdown-floater .breakdance-dropdown-section,
.breakdance-dropdown-floater .breakdance-dropdown-columns{
  max-height: inherit;
}

/* Firefox */
.breakdance-dropdown-floater .breakdance-dropdown-body{
  scrollbar-width: thin;                 /* schlank */
  scrollbar-color: rgba(0,0,0,.35) transparent;
}

/* Chrome/Edge (WebKit) */
.breakdance-dropdown-floater .breakdance-dropdown-body::-webkit-scrollbar{
  width: 8px;                            /* schlank */
}
.breakdance-dropdown-floater .breakdance-dropdown-body::-webkit-scrollbar-track{
  background: transparent;
}
.breakdance-dropdown-floater .breakdance-dropdown-body::-webkit-scrollbar-thumb{
  background-color: rgba(0,0,0,.35);
  border-radius: 8px;
  border: 2px solid transparent;         /* optisch dünner */
  background-clip: content-box;
}




.breakdance .bde-simple-counter__number {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	text-align: center;
	justify-content: center;
}






.breakdance .bde-icon-list ul .bde-icon-list__icon > svg ,.breakdance-dropdown-link__icon svg{
    font-size: 1.5rem !important;
}

.page .breakdance .bde-icon-list li .bde-icon-list__item-wrapper {
	gap: 1.5rem;
}

.page .breakdance .bde-icon-list ul {
	gap: 0.5rem;
}

.page .breakdance .bde-icon-list .bde-icon-list__text ul {
	margin: 1.5rem 0 1.5rem 1.5rem;
  gap: 0.25rem;
}

.page .breakdance .bde-icon-list .bde-icon-list__text *:last-child {
	margin-bottom: 0;
}

.page .breakdance .bde-icon-list .bde-icon-list__text ul li {
	list-style-type: disc;
}

.page .breakdance .bde-loop-item .schulung-card-bar .bde-icon-list ul,
.page .breakdance .bde-loop-item .bar-left .bde-icon-list ul {
gap: 1rem ;
}

.page .breakdance .bde-icon-list ul li.hastext {
  padding-bottom: 1.5rem;
}

.page .breakdance .bde-icon-list ul li .bde-icon-list__text {
  padding-bottom: 0;
}

.page .breakdance .bde-icon-list ul li .bde-icon-list__text.notitle {
  padding-bottom: 0;
}

.page .bde-section.footer .bde-icon-list ul li .bde-icon-list__text {
	padding-bottom: 0 !important;
}

.page .breakdance .bde-loop-item .bde-icon-list ul li .bde-icon-list__text, .schulung-card .bde-icon-list__text,
.page .breakdance .slideritem .bde-icon-list ul li .bde-icon-list__text, .schulung-card .bde-icon-list__text{
  padding-bottom: 0 !important;
}

.menu-divider{
  height: 24px;
border-right: 1px solid var(--_ek_green_darklight, #CCDEDE);
}

.bde-popup .breakdance-popup {
	max-width: calc(100% - 2rem) !important;
}

.breakdance-dropdown-links {
	gap: 0 !important;
}


.footer{
  background: var(--_ek_dark_gradient, linear-gradient(0deg, var(--_ek_green_dark, #007D7D) 0%, var(--_ek_green_contrast, #005959) 100%));
}

.footer *{
  color: #FFF !important;
}

.footer .bde-icon-list__icon {
	width: 24px;
	height: 24px;
	background: #fff !important;
	font-size: 14px !important;
	min-width: 24px;
  min-height: 24px;
}
.footer .bde-icon-list__icon *{
  color: #007D7D !important;
}

.breakdance .footer .bde-icon-list ul .bde-icon-list__icon>svg {
    width: 14px;
    height: 14px;
    font-size: 14px !important;
}

.breakdance .footer .bde-icon-list__text {
    font-size: 16px !important;
    margin-top: 0px;
    font-weight: normal !important;
}

.page .breakdance .footer .bde-icon-list ul {
    gap: 0.5rem;
}

.page .breakdance .footer .bde-icon-list li .bde-icon-list__item-wrapper {
    gap: 1rem;
}

.breakdance .bde-loop-item .bde-icon-list__icon {
	width: 32px;
	height: 32px;
	font-size: 18px !important;
	min-width: 32px;
  min-height: 32px;
}

.breakdance .bde-loop-item .bde-icon-list__icon,
.breakdance .slideritem .bde-icon-list__icon {
	width: 32px;
	height: 32px;
	font-size: 18px !important;
	min-width: 32px;
  min-height: 32px;
}

.page .breakdance .bde-loop-item .bde-icon-list li .bde-icon-list__item-wrapper
 {
	gap: 1.0rem;
}
.page .breakdance .schulung-card
 {
	position: relative;
}
.page .breakdance .schulung-card .bde-icon-list li .bde-icon-list__item-wrapper
 {
	gap: 0.5rem;
}

.page .breakdance .bde-loop-item .bde-icon-list ul {
    gap: 0.5rem;
}

.breakdance .bde-loop-item .bde-icon-list ul .bde-icon-list__icon>svg,
.breakdance .slideritem .bde-icon-list ul .bde-icon-list__icon>svg {
    font-size: 0.9em !important;
}

.breakdance .bde-advancedslider {
	overflow: hidden;
}

.footer-menu h6{
  font-weight: bold;
}

.breakdance .footer-menu a{
  text-decoration: underline !important;
  margin-bottom: 8px;
}

.filter-card button, .filter-card label{
  color: var(--ek-green-contrast);
}

.filter-card button{
  font-weight: bold;
}

.tag{
display: flex;
padding: 4px 16px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 9999px;
background: var(--ek-green-limelight, #D0EFEF);
color: var(--ek-green-dark, #007D7D) !important;
font-size: 16px;
font-weight: 700;
}
.tag.tag-filter{
 transition: all;
 transition-duration: 0.2s;
}

/* :hover ausgelagert */
.tag.tag-filter span::before{
  transition: all;
 transition-duration: 0.2s;
}

/* :hover ausgelagert */

.bde-text ul{
  padding-left: 1rem;
  display: flex;
  gap: 0.75rem;
  flex-direction: column;
}
.bde-text li{
  list-style-type: disc;
}

.bde-text li::marker {
  color: #007D7D;
}

/* :hover ausgelagert */
a.underline { /* Basis bleibt */ }

/* :hover ausgelagert */
.breakdance .btn-ek, .gform_button{
  display: inline-flex;
  gap: 0.5rem;
  border-radius: 9999px !important;
  background-color: var(--ek-dark-green);
  border: 2px solid var(--ek-dark-green);
  color: #fff;
  padding: 1rem 2rem;
  font-size: 20px;
  align-items: center;
  justify-content: center;
  font-weight: 700 !important;
  transition-property: all;
  transition-duration: 0.3s;
}

.gform_button{
  padding: 1rem 2rem !important;
  font-size: 20px !important;
}

/* :hover ausgelagert */

.ek-icon-wrap { /* prefix with element classname, i.e. .element-classname .some-class-to-wrap-the-icon */
    display: flex;
    font-size: 24px !important;
}

.ek-icon-wrap svg { /* also, prefix with element classname */
    font-size: inherit;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

.breakdance .btn-ek.btn-ek-arrow::after,.gform_button::after
{
	content: "";
	display: block;
	background-color: currentColor;
	width: 0.9em;
	height: 0.9em;
	margin-right: 4px;
	margin-left: 4px;
	mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20d%3D%22M310.6%20233.4c12.5%2012.5%2012.5%2032.8%200%2045.3l-192%20192c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3L242.7%20256%2073.4%2086.6c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l192%20192z%22%2F%3E%3C%2Fsvg%3E);
	mask-position: 0 0;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	-webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20d%3D%22M310.6%20233.4c12.5%2012.5%2012.5%2032.8%200%2045.3l-192%20192c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3L242.7%20256%2073.4%2086.6c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l192%20192z%22%2F%3E%3C%2Fsvg%3E);
	-webkit-mask-position: 0 0;
	-webkit-mask-size: 100% 100%;
	transition-timing-function: ease-in-out;
	transition-property: transform,background-color;
	transition-duration: var(--bde-transition-duration);
}


.breakdance .btn-ek .ek-icon-wrap {
	color: #fff;
  font-size: 18px;
}

.disabled {
	opacity: 0.5;
}

li.inactive div:first-child{
  opacity: 0.5;
}

div.line-active{
  background-color: var(--ek-dark-green) !important;
}

/* secondary button */

.breakdance .btn-ek.btn-ek-secondary{
  color: var(--ek-dark-green);
  background-color: transparent;
  border: 2px solid var(--ek-dark-green);
}

.breakdance .btn-ek.btn-ek-secondary .ek-icon-wrap {
	color: var(--ek-dark-green);
}

/* :hover ausgelagert */
.breakdance .btn-ek.btn-ek-secondary [class^="icon-"]::before,
.breakdance .btn-ek.btn-ek-secondary [class*=" icon-"]::before{
   color: var(--ek-dark-green);
}

/* :hover ausgelagert */

.breakdance .btn-ek.btn-ek-light{
  background: var(--ek-green-limelight, #D0EFEF);
  border-color: var(--ek-green-limelight, #D0EFEF);
}
.breakdance .btn-ek.btn-ek-light,.breakdance .btn-ek.btn-ek-light .ek-icon-wrap{
 color: var(--ek-dark-green);
}

.breakdance .btn-ek.btn-ek-light .icon-chevron-right::before {
	color: var(--ek-dark-green);
}

/* :hover ausgelagert */

.breakdance .btn-ek.btn-ek-size-slim{
  padding: 4px 16px !important;
  font-size: 16px !important;
}

.breakdance .btn-ek.btn-ek-size-slim .ek-icon-wrap{
  width: 16px;
  width: 16px;
  min-width: 16px;
  min-height: 16px;
  font-size: 14px !important;
  display: grid;
  place-content: center;
}

.breakdance .ek-icon-wrap:not(:has(> *)) {
  display: none !important;
}


.breakdance .btn-ek.btn-ek-size-medium {
  font-size: 16px;
  padding: 0.5rem 1rem;
}

.breakdance .btn-ek.btn-ek-arrow {
  gap:0
}

.breakdance .btn-ek.btn-color-error{
  border-color: var(--ek-red, #C43032);
  color: var(--ek-red, #C43032);
}

.breakdance .btn-ek.btn-ek-secondary.btn-color-error [class^="icon-"]::before, .breakdance .btn-ek.btn-ek-secondary.btn-color-error [class*=" icon-"]::before {
	  color: var(--ek-red, #C43032);
}

.breakdance .btn-ek.btn-color-error:hover{
  border-color: var(--ek-red, #C43032) !important;
  background-color: var(--ek-red, #C43032) !important;
  color: #fff !important;
}
.breakdance .btn-ek.btn-ek-secondary.btn-color-error:hover [class^="icon-"]::before, .breakdance .btn-ek.btn-ek-secondary.btn-color-error:hover [class*=" icon-"]::before {
	  color: #fff;
}

.breakdance .underline {
  text-decoration: underline !important;
}

.moveout,.ek-taglist {
	margin-left: -2rem!important;
	margin-right: -2rem !important;
	width: calc(100% + 4rem) !important;
	max-width: none !important;
}



.bde-post-loop {
	margin-left: -4rem;
	margin-right: -4rem;
	width: calc(100% + 8rem) !important;
	max-width: none !important;
}

.moveout-2 {
	margin-left: -2rem!important;
	margin-right: 0rem !important;
	width: calc(100% + 2rem) !important;
	max-width: none !important;
}

.stayin {
	margin-left:0!important;
	margin-right: 0rem !important;
	width: 100% !important;
	max-width: none !important;
}

.notmoveout{
  	margin-left: 0!important;
	margin-right: 0 !important;
	width: calc(100%) !important;
}


.filter-card {
  background: var(--ek-bg-light);
}

/* getrennt: :hover ausgelagert, .opened bleibt hier */
.filter-card.opened {
  background: var(--ek-bg-highlight);
}


input:focus::placeholder {
  opacity: 0;
  transition: opacity .2s;
}


hr {
	border-width: 1px;
	border-color: var(--_ek_green_darklight, #CCDEDE);
	border-bottom-width: 0;
  width: 100%;
}


.topbar{
  position: relative;
  z-index: 10;
  padding-top: 10px;
}

.stickybar{
  z-index: 55 !important;
}

.stickybar.dp-open{
  filter: drop-shadow(0 5px 32px rgba(0, 0, 0, 0.25));
}


.stickybar.dp-open .sticky-menu{
  border-radius: 1rem 1rem 0 0;
}

.breakdance .bde-faq__icon > svg {
	display: none;
}

.breakdance .bde-faq__icon::after{
	content: "\e902";
  font-family: "icomoon";
  color: #005959;

}

.breakdance .bde-faq__icon.bde-faq__icon--active{
  transform: rotate(180deg);
}

.breakdance .bde-faq__icon.bde-faq__icon--active::after{
  color: var(--ek-green-contrast) !important;
}

.breakdance .bde-faq__icon.bde-faq__icon--inactive::after{
  color: var(--ek-dark-green);
}


.breakdance .bde-frequently-asked-questions {
width: 100% !important;
}


.border-radius{
  border-radius: 1rem;
  overflow: hidden;
}

.box-padding{
  padding: 1rem;
}

.breakdance a.btn-ek.btn-ek-hideborder{
  border: 0 !important;
}

.breakdance .schulung-tabs h4{
  color: #fff !important;
  hyphens: auto;
}

.breakdance .schulung-tabs a.bde-text-link{
  display: flex;
  justify-content: center;
  place-content: center;
  align-items: center;
  gap: 0.25rem;
}
/* :hover ausgelagert */

.w-full img{
  min-width: 100%;
}

.breakdance .schulung-tabs .bde-tabs__tabslist-container{
  border-radius: 1rem 1rem 0 0 !important;
  overflow: hidden;
  margin-bottom: 0 !important;
}

.breakdance .schulung-tabs .bde-tabs__panel-content {
	padding: 2rem 2rem 2rem !important;
	border-radius: 0 0 1rem 1rem !important;
}

.breakdance .schulung-tabs .bde-tabs__tabslist--tabs .bde-tabs__tab.is-active::after{
	background-color: var(--activeUnderlineColor,--activeColor);
  display: none !important;
}

.breakdance .schulung-tabs .bde-tabs__tabslist--tabs {
border: 0;
}

.breakdance .schulung-tabs button {
  width: 100%;
}

.breakdance .schulung-tabs .strikeprice {
  font-size: 24px;
  font-weight: 700;
  color:rgba(128, 190, 190, 1) !important;
  margin-bottom: -1.5rem;
}

.breakdance .schulung-tabs .bde-icon-list__icon,
.breakdance .schulung-card .bde-icon-list__icon{
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  font-size: 16px !important;
}
.breakdance .schulung-tabs .bde-icon-list__icon svg,
.breakdance .schulung-card .bde-icon-list__icon svg{
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  min-height: 1rem !important;
}

.breakdance .schulung-card .bde-icon-list__icon > svg{
  fill: var(--ek-dark-green) !important;
}


.breakdance .schulung-tabs hr{
  width: 100%;
  height: 0;
  border:none;
  border-top: 1px solid var(--_ek_green_mid, #20A6A6);
  display: block;
}

.breakdance .schulung-tabs .hr-top {
	width: 100%;
	height: 0;
  border:none;
  border-top: 2px solid var(--_ek_green_limelight, #D0EFEF);
	display: block;
	margin: -1rem -2rem 0 -2rem;
	width: calc(100% + 4rem);
	max-width: none;
}

.breakdance .schulung-tabs .price{
  color: #fff !important;
}


.breakdance .schulung-tabs li .bde-icon-list__text {
	font-size: 18px !important;
	font-weight: 700 !important;
  color: var(--ek-bg-limelight);
}

.breakdance .schulungen-liste .bde-loop-item {
	padding: 0 !important;
}

.bde-loop-item {
	padding: 0 !important;
}

.steplink { /* :hover ausgelagert */ }



.breakdance .bde-frequently-asked-questions {
gap: 1rem;
}

.breakdance .bde-faq__question {
	padding: 2rem !important;
}
.breakdance .bde-faq__answer-content {
	padding: 2rem !important;
	padding-top: 0px !important;
}

.breakdance .bde-frequently-asked-questions .bde-faq__item {
	border: 0 !important;
  border-radius: 1rem !important;
  background: #f5f8f8;
  transition-property: all;
  transition-duration: 0.5s;
}

.breakdance .bde-frequently-asked-questions .bde-faq__item.is-active {
background: #DBEFEF;
}

.breakdance .bde-frequently-asked-questions .bde-faq__item .bde-faq__title{
  color: var(--ek-dark-green);
  font-size: 1.5rem;
  font-weight: 700;
}
.breakdance .bde-frequently-asked-questions .bde-faq__item.is-active .bde-faq__title, .breakdance .bde-frequently-asked-questions .bde-faq__item.is-active .bde-faq__answer{
  color: var(--ek-green-contrast);
}

.breakdance .bde-faq__icon > svg {
	fill: var(--ek-green-dark, #007D7D) !important;
}

.breakdance .bde-frequently-asked-questions .bde-faq__item.is-active .bde-faq__icon > svg {
	fill: var(--ek-green-contrast) !important;
}


.spacer{
  height: 0;
  width: 100%;
}
.spacer-half{
  height: 0.5rem;
}
.spacer-1{
  height: 1rem;
}
.spacer-2{
  height: 2rem;
}
.spacer-3{
  height: 3rem;
}
.spacer-4{
  height: 4rem;
}
.spacer-8{
  height: 8rem;
}


.schulung-card-bar{
  padding-left: 3rem;
}

.bar-left::before, .schulung-card-bar::before{
  content: "";
  width: 12px;
  background: var(--_ek_green_darklight, #CCDEDE);

  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.bar-left-lehrgang::before, .schulung-card-bar-lehrgang::before{
  background: var(--_ek_green_light, #64C8C8);
}


.filter-dropdown{
  background-color: var(--ek-dark-green);
  color: #fff;
}

.filter-bg{
background: linear-gradient(0deg, rgba(204, 222, 222, 0.20) 0%, rgba(204, 222, 222, 0.20) 100%), var(--_ek_white, #FFF);
}


.fm-right .fm-icon ,.fm-right.fm-connected .fm-label {
  border-radius: 1rem 0 0 1rem;
}

/* 
.breakdance a, .button-atom--text {
	color:var(--ek-dark-green) !important;
} */

.breakdance-menu-item--active .breakdance-link {
position: relative;
}

.breakdance-menu-item--active .breakdance-link::after {/* ,.breakdance-link.is-active::after */
	content: "";
	border-radius: 4px 4px 0 0;
	width: calc(100% - 2rem);
	height: 8px;
	background: var(--ek_dark_green, #007D7D);
	left: 1rem;
	bottom: 0;
	display: block;
	position: absolute;
}
.breakdance-menu-list .breakdance-menu-item.is-active{
	position: relative;
}
.breakdance-menu-item--active .breakdance-link::after,
.breakdance-dropdown-toggle.is-active::after,
.breakdance-menu-list .breakdance-menu-item.is-active a::after
{
	content: "";
	border-radius: 4px 4px 0 0;
	width: calc(100% - 2rem);
	height: 8px;
	background: var(--ek_dark_green, #007D7D);
	left: 1rem;
	bottom: 0;
	display: block;
	position: absolute;
}







#ek-booking h1{
  color: var(--_ek_green_dark, #007D7D);

/* _ek_H1 */
font-family: 'Inter';
font-size: 48px;
font-style: normal;
font-weight: 700;
}


.narrow{
  max-width: 1024px !important;
  margin-left: auto;
  margin-right: auto;
}

.box-padding{
  padding: 2rem;
}

.teilnehmerbuttons{
  /* background: var(--_ek_green_limelight, #D0EFEF); */
  border-right: 1px solid var(--_ek_green_darklight, #CCDEDE);

}

.teilnehmerbuttons button {
	border: 2px solid var(--_ek_green_dark, #007D7D);
	background: var(--_ek_white, #FFF);
	color: var(--_ek_green_dark, #007D7D);
	font-weight: bold;
	font-size: 0.9rem;
	padding: 11px 11px;
	border-radius: 8px;
	transition-property: all;
	transition-duration: 0.2s;
}

/* :hover ausgelagert */

.teilnehmer-entry{
  background: #F5F5F5;
}


.skeleton{
  background: url('img/skeleton.svg') no-repeat;
  background-size: 100% 100%;
  aspect-ratio: 880 / 183;
  width: 100%;
}

.skeleton {
  opacity: .8;
  animation: sk-pulse 1.2s ease-in-out infinite;
}
.skeleton-2 { animation-delay: .2s; }
.skeleton-3 { animation-delay: .4s; }

@keyframes sk-pulse {
  0%, 100% { opacity: .6; }
  50%      { opacity: 1;  }
}

/* weniger Bewegung respektieren */
@media (prefers-reduced-motion: reduce) {
  .skeleton, .skeleton-2, .skeleton-3 { animation: none; }
}




#ek-booking .ek-progress ol{
  margin-left: 0;
  padding-left: 0 !important;
}

#ek-booking label,
.gfield_label
{
	color: var(--_ek_green_contrast, #005959) !important;
	font-family: 'Inter';
	font-size: 1.25rem !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: normal;
	margin-bottom: 8px;
	display: block;
}

#ek-booking .label-normal{
  font-weight: normal !important;
  font-size: 18px !important;
}

#ek-booking .label-normal span{
  padding-left: 0px;
  display: inline-block;
}


#ek-booking input, #ek-booking select, .gfield input, .gfield select, .gfield textarea {
	border-radius: 0.5rem !important;
	background: var(--_ek_grey_light, #E5E5E5) !important;
	border-width: 0 !important;
	box-shadow: none !important;
	padding: 0.7rem 1rem;
	font-size: 18px;
	margin-top: 0;
  
}

#ek-booking input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),
.gfield input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]) {
	font-size: 18px !important;
	min-height: 48px !important;
}

#ek-booking input, 
#ek-booking select{
  border: 2px solid transparent !important;
}
#ek-booking input.border-red-500, 
#ek-booking select.border-red-500{
  border: 2px solid var(--ek-red) !important;
  outline: none !important;
}

/* .field-wrapper {
  position: relative;
  padding-bottom: 1.5rem; 
}
.field-error {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #dc2626;
  pointer-events: none;
} */

.gform_wrapper{
    margin-top: 2rem;
}


.gform-theme--framework .gform-field-label > .gfield_required:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform_editor legend.gform-field-label > span > .gfield_required:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	color: var(--_ek_green_contrast, #005959) !important;
	display: inline-block;
	font-family: 'Inter';
	font-size: 1.25rem !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: normal;
}

.gform_footer{
    justify-content: end !important;
}

/* Nur Gravity Forms Selects */
/* Wrapper vorbereiten */
.gform_wrapper .ginput_container_select, .select-wrapper {
  position: relative;
}

/* Native Pfeile ausblenden + Platz schaffen */
.gform_wrapper .ginput_container_select select.gfield_select, .select-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  padding-right: 2.25rem; /* Platz für Chevron rechts */
}


.gform_wrapper .ginput_container_select select.gfield_select::-ms-expand, .select-wrapper select::-ms-expand  {
  display: none; /* IE/Legacy Edge */
}

/* Dein IcoMoon-Chevron einblenden */
.gform_wrapper .ginput_container_select::after, .select-wrapper::after{
  content: "\e902";              /* <- Deinen IcoMoon-Codepoint einsetzen */
  font-family: "icomoon";        /* <- Name deiner eingebundenen Icon-Font */
  position: absolute;
  right: .75rem;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
  pointer-events: none;
  font-size: 1.25rem;            /* Größe nach Geschmack */
  color: #007D7D;                /* Farbe nach Design */
}

/* Optional: Farbe bei Fokus */
.gform_wrapper .ginput_container_select:focus-within::after, .select-wrapper:focus-within::after {
  color: #007D7D; /* z.B. Teal */
}



/* Nur im Booking-Form: natives Dropdown-Pfeilchen entfernen + Platz rechts */
#ek-booking select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;          /* kein native Arrow */
  padding-right: 2.25rem;    /* Platz für Chevron */
}

/* Pfeil an den vorhandenen .relative-Wrapper hängen, wenn er direkt ein select enthält */
#ek-booking .relative:has(> select)::after {
	content: "\e902";
	font-family: "icomoon";
	position: absolute;
	right: .75rem;
	top: 50%;
	transform: translateY(20%);
	line-height: 1;
	pointer-events: none;
	font-size: 1.25rem;
	color: #007D7D;
}

/* optional: Fokusfarbe konsistent */
#ek-booking .relative:has(> select:focus)::after {
  color: #005959;
}

.clamp-5{
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.autogenerated-ekce-ekcar{
  width: 100%;
}


.corner-info {
	background: var(--ek-dark-green);
	color: #fff;
	border-radius: 16px 0 40px 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 4.5rem;
	height: 3rem;
  display: grid;
	place-content: center;
}

.close {
	position: absolute;
	right: 0;
	top: 0;
	width: 4rem;
	height: 4rem;
	display: grid;
	place-content: center;
	font-size: 24px;
}
.bde-popup .breakdance-popup {
	max-height: 90% !important;
}
.topgradient {
	height: 0;
	overflow: visible;
	position: relative;
	z-index: 2;
	pointer-events: none;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);      /* eigene Compositor-Layer */
  pointer-events: none;          /* nur Deko */
  /* position, z-index, height etc. wie bisher */
  top: 0 !important;
  position: fixed !important;
  left: 0;
}
 .topgradient::before{/*  ,.topgradient::after{ */
  content: "";
  height: 180px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, rgba(0, 89, 89, 0.00) 0%, var(--_ek_green_contrast, rgba(0, 89, 89, 1.0)) 100%);
  /* iOS Safari: flackern verhindern */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0); /* Layer */
  transform: translateZ(0);
  will-change: transform, opacity;
  contain: paint; /* verhindert Repaints außerhalb */
} 

/* .topgradient::after{
  background: linear-gradient(0deg, rgba(0, 89, 89, 0.00) 0%, var(--_ek_green_contrast, rgba(0, 89, 89, 0.5)) 100%);
}  */



.dropdown-trigger{
  border-radius: 9999px !important;
background: var(--_ek_green_limelight, #D0EFEF) !important;
color: var(--ek-dark-green) !important;
font-weight: bold;
}




/* 2) Gleichhöhe */
.swiper {
	overflow: visible !important;
	width: calc(100%) !important;
	padding: 32px !important;
}
.breakdance .swiper-wrapper { 
  align-items: stretch; 
}
.breakdance .swiper-slide { display: flex; height: auto; }
.breakdance .swiper-slide > * {
  display: flex; flex-direction: column; width: 100%; height: 100%;
}
.breakdance .swiper-slide > * .ek-card-footer { margin-top: auto; }

.breakdance .swiper-slide .breakdance {
  height: 100%;
  display: block;
}
.breakdance .swiper-slide .breakdance .slideritem,
.breakdance .swiper-slide .breakdance .slideritem-referent{
  height: 100%;
}
.breakdance .swiper-slide .breakdance .slideritem-referent .slideritem-content{
  flex-grow: 1;
}
.breakdance .swiper-slide.swiper-slide-visible .breakdance .slideritem{
  box-shadow:0 0 32px rgba(0, 0, 0, 0.10);
}

.breakdance .breakdance-swiper-wrapper{
 /*  filter:drop-shadow(0 0 32px rgba(0, 0, 0, 0.10)); */
}

/*  .ekc-card .breakdance{
  height: 100%;
}
 */
 .ekc-card .breakdance .bde-div.slideritem-referent{
  height: 100%;
}  


/* Themen-Seite: Kartenhöhen angleichen */
.ekc-card{
  display:flex;                 /* Karte selbst als Flex-Container */
}
.ekc-card > *{
  display:flex;
  flex-direction:column;        /* Inhalt spaltenbasiert */
  width:100%;
}
.ekc-card .breakdance{
  flex:1 1 auto;                /* auf volle Höhe strecken */
  display:flex;
  flex-direction:column;
  min-height:100%;
}


.slideritem.slideritem-rating{
  flex: 1 1 auto;
}


































/* :hover ausgelagert */
.swiper-pagination-clickable .swiper-pagination-bullet {}

/* Post-Loop: alle Cards gleich hoch */
.bde-post-loop.ee-posts-grid {           /* der Grid-Container */
  align-items: stretch;                  /* Grid-Items auf volle Zeilenhöhe */
}

/* Das Grid-Item (Article) soll sich strecken */
.bde-post-loop.ee-posts-grid .bde-loop-item {
  height: 100%;
  display: flex;                         /* damit der innere Wrapper gestreckt werden kann */
}

.bde-loop-item > .breakdance {
  height: 100%;
  display: flex !important;                         /* damit der innere Wrapper gestreckt werden kann */
}
.bde-loop-item > .breakdance > .bde-div {
  height: 100%;
  display: flex;                         /* damit der innere Wrapper gestreckt werden kann */
  width: 100%;
}
.bde-loop-item > .breakdance > .bde-div > .bde-div {
  height: 100%;
  display: flex;                         /* damit der innere Wrapper gestreckt werden kann */
}

/* Erster Karten-Wrapper als Flex-Column + volle Höhe */
.bde-post-loop.ee-posts-grid .bde-loop-item > .breakdance > .bde-div {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Optional: Button an den unteren Rand der Karte drücken */
.bde-post-loop.ee-posts-grid .bde-loop-item .bde-button {
  margin-top: auto;
}


.tbl-vergleich{
  color: var(--ek-dark-green) !important;
}



.tbl-vergleich table thead tr th,
.tbl-vergleich table tbody tr td,
.tbl-vergleich table tfoot tr td,
.tbl-vergleich table tbody tr th {
  border: 0 !important;
  vertical-align:middle;
}


.tbl-vergleich-group{
  background-color: #DBF2F2;
}

.iconwrapper{
  background: #DBF2F2;
  width: 4rem;
  height: 4rem;
  min-width: 4rem;
  min-height: 4rem;
  font-size: 1.5rem;
}




.iconll li {
  position: relative !important;
}
.iconll.iconll.iconll > li::before {
	content: "" !important;
	position: absolute !important;
	top: 3rem !important;
	bottom: .5rem !important;
	left: 2rem !important;
	width: 1px !important;
	height: 100% !important;
	background: rgba(13,148,136,.7) !important;
}
.iconll.iconll.iconll > li:last-child::before {
  display: none !important;
}

.iconll .bde-icon-list__title{
  margin-bottom: 1rem;
}

.iconll .btn-ek{
  margin-top: 1.5rem;
}


.breakdance-dropdown-column {
	min-width: 0;
}

.breakdance-dropdown-link__description{
  white-space: normal;   /* statt nowrap */
  overflow-wrap: anywhere; /* lange Worte/URLs umbrechen */
  word-break: break-word;  /* Fallback */
  min-width: 0;            /* falls selbst Flex-Item */
}



/* Rich Text Style */

.breakdance .bde-rich-text h1, 
.breakdance .bde-rich-text h2,
.breakdance .bde-rich-text h3,
.breakdance .bde-rich-text h4,
.breakdance .bde-rich-text h5,
.breakdance .bde-rich-text h6{
  color: var(--ek-dark-green) !important;
font-weight: bold;
line-height: 1.1;
margin-top: 1em !important;
}

.breakdance .bde-rich-text p{
margin-bottom: 1rem;
}

.breakdance .bde-rich-text h3,.breakdance .bde-rich-text h4{
  margin-bottom: 20px !important;
  font-size: 24px !important;
}

.breakdance .bde-rich-text ul{
  margin-left: 18px;
}

.breakdance .bde-rich-text ul li{
  list-style-type: disc;
}

.breakdance .bde-rich-text ul li::marker {
  color: var(--ek-dark-green);
}


.breakdance .bde-rich-text mark {
  background-color: var(--ek-dark-green);
  color: #fff;
}

/* allgemeine Farbe für markierten Text */
::selection {
  background-color: var(--ek-dark-green);
  color: #fff;
}

/* Firefox braucht ein eigenes Pseudo */
::-moz-selection {
  background-color: var(--ek-dark-green);
  color: #fff;
}

.ek-wish-btn{
  width: 24px;
  height: 24px;
  font-size: 24px;
}




.referent-side{
    margin-top: -400px;
    z-index: 5;
}



.bde-themeless-template-content-area .breakdance .bde-section .section-container {
	padding: 0 !important;
}

.blogitem-category{
    color: var(--_ek_green_mid, #20A6A6) !important;
/* _ek_H5 */
font-family: 'Inter';
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.blogitem-excerpt{
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}



.autogenerated-ekce-ekvergleichstabelle{
    width: 100%;
}


.breakdance .bde-icon-list__text {
	font-size: 18px !important;
	display: block;
	margin-top: 2px;
  font-weight: 400 !important;
}
 

.breakdance .bde-popup{
	background-color: rgba(255,255,255,0.85) !important;
}

.breakdance  .breakdance-popup-content{
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.10) !important;
    background-color: #fff !important;
    padding: 3.5rem 2rem 2rem !important;
}

.breakdance  .breakdance-popup-content::before{
    content: "\e900";
    font-family: "icomoon";
	background: var(--ek-dark-green);
	color: #fff;
	border-radius: 16px 0 40px 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 4.5rem;
	height: 3rem;
	display: grid;
	place-content: center;
}

.breakdance .breakdance-popup-close-button {
	position: absolute;
	right: 0;
	top: 0;
	width: 4rem;
	height: 4rem;
	display: grid;
	place-content: center;
	font-size: 24px;
    background: transparent !important;
}

.breakdance .breakdance-popup-close-button:before {
  content: "\e901";
  color: #007a7a;
  font-family: "icomoon" !important;
}

.breakdance-popup-close-icon > svg {
	display: none !important;
}



.gform_title{
    display: none;
}


.rating{
    position: relative !important;
}

.stars-filled{
    position: absolute !important;
    top: 0;
    left: 0;
}

.rez-ort {
	color: var(--_ek_green_mid, #20A6A6) !important;
	font-weight: 500;
	margin-top: -0.85rem !important;
}

.rez-datum{
    color: var(--_ek_green_dark, #007D7D) !important;
font-size: 16px;
font-weight: 700;
}



.bde-column .pin-spacer{
  z-index: 4 !important;
}

/* :hover ausgelagert */
.breakdance .breakdance-menu-link {}
.breakdance .breakdance-menu-link .breakdance-menu-link-arrow::after {}

.sticky-menu .breakdance-link.bde-icon-icon.breakdance-icon-atom svg path{}

/* Basis: Container */
.cdrop {
  position: relative;
  display: inline-block;
  --cdrop-bg: #fff;
  --cdrop-text: #111;
  --cdrop-trigger-bg: #007d7d;
  --cdrop-trigger-text: #fff;
  --cdrop-shadow: 0 4px 10px rgba(0,0,0,.2);
  --cdrop-radius: 8px;
  --cdrop-gap: 10px;
  --cdrop-minw: 160px;
}

/* Trigger */
.cdrop__trigger {
  background: var(--cdrop-trigger-bg);
  color: var(--cdrop-trigger-text);
  padding: 10px 16px;
  border: 0;
  border-radius: 9999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

.cdrop__icon::before {
  color: var(--cdrop-trigger-text);
}

.cdrop-secondary .cdrop__trigger {
  background: transparent;
  color: var(--ek-dark-green);
  padding: 4px 12px;
  border: 2px solid var(--ek-dark-green, #007D7D);
  font-weight: bold;
  gap: .2rem;
  font-size: 16px;
}

#dropdown-sort.cdrop-secondary .cdrop__trigger {
	min-width: 200px;
  justify-content: space-between;
}

.cdrop-secondary .cdrop__icon::before {
  color: var(--ek-dark-green);
}

/* :hover ausgelagert */


/* Kleines Chevron */
/* .cdrop__icon {
  width: 0; height: 0;
  border-left: 5px solid transparent;
  border-right:5px solid transparent;
  border-top: 6px solid currentColor;
  opacity:.9;
} */

/* Menü */
.cdrop__menu {
  position: absolute;
  top: calc(100% + var(--cdrop-gap));
  left: 50%;
  transform: translateX(-50%);
  min-width: var(--cdrop-minw);
  background: var(--cdrop-bg);
  color: var(--cdrop-text);
  box-shadow: var(--cdrop-shadow);
  border-radius: var(--cdrop-radius);
  display: none;
  z-index: 1000;
  width: 100%;
}

.filter-button-count{
  background: var(--ek-red);
  color: #fff;
  display: inline-flex;            /* oder: display:grid; place-items:center; */
  align-items: center;
  justify-content: center;

  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  line-height: 18px;               /* wichtig: = Höhe */
  font-size: 11px;
  font-weight: 700;

  border-radius: 9999px;
  box-sizing: border-box;
  padding: 0;
  vertical-align: middle;
  position: relative;
  top: -2px;                           /* nicht mehr hochschieben */
  
  /* Ziffern überall gleich breit → optisch stabil & mittig */
  font-variant-numeric: tabular-nums;      /* moderne Syntax */
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* Caret */
.cdrop__menu::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent var(--cdrop-bg) transparent;
  filter: drop-shadow(0 -1px 1px rgba(0,0,0,.1));
}

.cdrop__menuContent {
  overflow: hidden;
  border-radius: var(--cdrop-radius);
}

/* Option */
.cdrop__option {
  padding: 8px 12px;
  cursor: pointer;
  outline: none;
}

.cdrop__option:hover,
.cdrop__option:focus {
  background: #f0f0f0;
}

/* sichtbarer Zustand */
.cdrop.is-open .cdrop__menu {
  display: block;
}

/* Ausrichtung varianten (optional): data-align="left|right|center" */
.cdrop[data-align="left"] .cdrop__menu {
  left: 0; transform: translateX(0);
}
.cdrop[data-align="right"] .cdrop__menu {
  left: auto; right: 0; transform: none;
}

.bde-post-loop.notmoveout{
  width: 100% !important;
}


.box-weitere{

}

.box-weitere .notmoveout{
  width: 100% !important;
}


.breakdance .box-weitere h5 {
  font-size: 18px !important;
  color: var(--ek-dark-green) !important;
  hyphens: auto;
}


.breakdance .box-weitere .bde-loop-item .bde-icon-list__icon {
	width: 48px;
	height: 48px;
	font-size: 24px !important;
	min-width: 48px;
	min-height: 48px;
}



.hero-staff .section-background-overlay {
	backdrop-filter: blur(15px);
}





/* Farben anpassbar */
.gform_wrapper {
  --gswitch-active: #007D7D;   /* aktiv */
  --gswitch-bg:     #D0EFEF;   /* Pill-Hintergrund */
  --gswitch-text:   #007D7D;   /* inaktiv */
}

/* Pill-Container */
.gform_wrapper .gfield.gswitch .ginput_container_radio{
  background: var(--gswitch-bg);
  border-radius: 9999px;
  padding: 6px;
}

/* 2 Segmente NEBENEINANDER erzwingen */
.gform_wrapper .gfield.gswitch .gfield_radio{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 6px;
  margin: 0; padding: 0;
}

/* jede Choice als flex-Zelle, Theme-Defaults überschreiben */
.gform_wrapper .gfield.gswitch .gfield_radio .gchoice{
  display: flex !important;
  align-items: stretch;
  justify-content: center;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  position: relative;
}

/* Radio unsichtbar, Label klickbar */
.gform_wrapper .gfield.gswitch .gfield_radio .gchoice .gfield-choice-input{
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  width: 0;
}

/* Segment-Label */
.gform_wrapper .gfield.gswitch .gfield_radio .gchoice label {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	/* height: 38px; */
	padding: 8px 16px;
	border-radius: 9999px;
	font-weight: 700;
	color: var(--gswitch-text);
	cursor: pointer;
	user-select: none;
	transition: background .18s ease, color .18s ease;
	white-space: nowrap;
	font-size: 20px;
	margin: 0;
}

/* :hover ausgelagert */

/* aktiv (input vor label) */
.gform_wrapper .gfield.gswitch .gfield_radio .gchoice .gfield-choice-input:checked + label{
  background: var(--gswitch-active);
  color: #fff;
}

/* aktiv – falls dein Markup "label vor input" wäre */
.gform_wrapper .gfield.gswitch .gfield_radio .gchoice:has(.gfield-choice-input:checked) label{
  background: var(--gswitch-active);
  color: #fff;
}

/* Fokus & Hover */
.gform_wrapper .gfield.gswitch .gfield_radio .gchoice .gfield-choice-input:focus-visible + label{
  outline: 2px solid color-mix(in srgb, var(--gswitch-active) 70%, white 30%);
  outline-offset: 2px;
}
/* :hover ausgelagert */

/* Mobile kompakter */
@media (max-width: 480px){
  .gform_wrapper .gfield.gswitch .gfield_radio .gchoice label{ height: 40px; padding: 0 12px; }
}




input[type="radio"] {
 /*  appearance: none;        
  -webkit-appearance: none;   
  -moz-appearance: none;    */  

  width: 18px;
  height: 18px;
  border: 2px solid var(--ek-dark-green) !important;   
  border-radius: 50%;        
  cursor: pointer;
  position: relative !important; 
}

input[type="radio"]:checked {
  background-color: var(--ek-dark-green) !important; 
  box-shadow: inset 0 0 0 4px white !important; 
}

/* Checkboxen im EK-Booking */
input[type="checkbox"],
.page .breakdance .gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))
{
  accent-color: #007d7d !important; /* dein Button-Grün */
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  /* transform: scale(1.3); */ /* macht sie größer */
  margin-right: 0.5rem;  /* bisschen Abstand zum Text */
  cursor: pointer !important;
}

/* Optional: Text daneben besser vertikal ausrichten */
/* #ek-booking label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
} */



.floating-menu{
  display: none;
}









.link-light{
  color: var(--ek-bg-limelight) !important;
  position: relative;
}


.autogenerated-ekce-ekschulungencarousel{
  width: 100%;
}

 .tns-nav {
  display: flex !important;
  justify-content: center;
  gap: 6px;
  margin-top: 2rem;
}

 .tns-nav button {
  opacity: 1 !important;
  background: var(--ek-green-light) !important;
  width: 16px !important;
  height: 16px !important;
  border: none;
  padding: 0;
  cursor: pointer;
  border-radius: 8px !important;
}

.tns-nav button.tns-nav-active {
 width: 40px !important;

  background: var(--ek-dark-green) !important;
}

.ek-tns-container {
  display: flex;
}
.ek-tns-slide {
  display: flex;
  flex: 1 1 auto;
}
.ek-tns-slide > * {
  flex: 1; /* Inhalt auf volle Höhe strecken */
  display: flex;
  flex-direction: column;
}

.ek-tns-slide .breakdance,.ek-tns-slide .breakdance .slideritem{
  height: 100%;
}

.ek-tns-arrow{
  border: 2px solid var(--ek-dark-green);
  width: 44px;
  height: 44px;
  background: #fff;
  top: calc(50% - 32px);
}

.ek-tns-wrap .ek-tns-arrow, .ekc-wrap  .ek-tns-arrow{
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.10) !important;
}


.ek-tns-prev span {
	transform: rotate(90deg);
	display: block;
}
.ek-tns-prev  {
	left: -32px;
}
.ek-tns-next span {
	transform: rotate(-90deg) translateX(-1px);
	display: block;
}
.ek-tns-next  {
	right: -32px;
}
.ek-tns-arrow span::before{
  color: var(--ek-dark-green);
}


.mobile-search-icon, .mobile-search-icon *{
  color: #007D7D !important;
  fill: #007D7D !important;
}


.x-button .btn-text{
  display: none !important;
}

.x-button *:before{
  color: #FFF !important;
  fill: #fff !important;
}

.x-button svg{
  color: #FFF !important;
  fill: #fff !important;
}

.hidebuttons .ek-tns-arrow{
  display: none !important;
}


.label.term{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .5rem;border-radius:.5rem;font-weight:700;font-size: 16px;}
.label.term::before{content:"";width:24px;height:24px;background:no-repeat center/contain;font-family: "icomoon";text-align: center;}

.label.term.label--neu {
  color: #c43032;
}
.label.term.label--neu:before {
  content: "\e917";
  color: #c43032;
  position: relative;
  top: 1.5px;
  left: 2px;
}
.label.term.label--hohe-nachfrage {
  color: #539c59;
}
.label.term.label--hohe-nachfrage:before {
  content: "\e918";
  color: #539c59;
}
.label.term.label--top-thema {
  color: #fbb040;
}
.label.term.label--top-thema:before {
  content: "\e919";
  color: #fbb040;
  position: relative;
  top: 1.5px;
  left: 3px;
}

.autogenerated-ekce-ekcards{
  width: 100%;
}
#ekcards-slider, #ekcards-slider *{box-sizing:border-box;}
#ekcards-slider .tns-ovh{overflow:hidden;}
#ekcards-slider .tns-inner{white-space:normal;}






/* #input_7_32.gfield_checkbox{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: .5rem;                
  column-gap: .75rem;
}
#input_7_32 .gchoice{ break-inside: avoid; } 

@media (min-width: 768px){
  #input_7_32.gfield_checkbox{ grid-template-columns: repeat(3, minmax(0,1fr)); }
} */

/* Grundzustand – nur z. B. 5 Reihen sichtbar */
.gfield.gf-collapsible .gfield_checkbox {
  transition: max-height .25s ease;
  max-height: 10.5rem; /* anpassen: 5 Zeilen Höhe */
  overflow: hidden;
  position: relative;
}

/* sanfter Fade unten, solange eingeklappt */
.gfield.gf-collapsible:not(.is-expanded) .gfield_checkbox::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 3rem;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
  pointer-events: none;
}

/* wenn aufgeklappt */
.gfield.gf-collapsible.is-expanded .gfield_checkbox {
  max-height: 2000px; /* groß genug, damit alles reinpasst */
}

/* Button-Stil */
.gf-collapse-toggle {
  margin-top: .5rem;
  background:#f5f7fb;
  border:1px solid #e5eaf4;
  border-radius:8px;
  padding:.5rem .75rem;
  font-weight:600;
  cursor:pointer;
}


/* -------- Accordion Look -------- */
.gfield.gf-accordion { margin-bottom: 1rem; }

/* Header (Label wird zum Toggle) */
.gfield.gf-accordion .gfield_label {
  display:flex; align-items:center; justify-content:space-between;
  background:#0d7f7b; color:#fff !important; 
  padding:.75rem 3rem .75rem 1rem; border-radius:12px;
  cursor:pointer; user-select:none; margin:0 0 .5rem 0;
  width: 100%;
  position: relative;
}

/* Pfeil rechts */
.gfield.gf-accordion .gfield_label::after {
	content: "\e902";
	color: #fff;
	font-family: "icomoon";
	width: 32px;
	height: 32px;
	font-size: 20px;
	/* margin-left: .75rem; */
	flex: 0 0 auto;
	transform: rotate(0);
	transition: transform .2s ease;
	display: grid;
	place-content: center;
	position: absolute;
	right: 1rem;
	top: 10px;
}

/* Pfeil drehen wenn offen */
.gfield.gf-accordion.is-open .gfield_label::after{ transform: rotate(180deg); }

/* Panel / Inhalt */
.gfield.gf-accordion .ginput_container {
  background:var(--ek-bg-limelight);  border-radius:1rem;
  padding:1rem; 
  overflow:hidden; max-height:0; transition:max-height .25s ease;
  display: none;
}

.gfield.gf-accordion .ginput_container label {
 color: var(--ek-dark-green);
}

/* Offen */
.gfield.gf-accordion.is-open .ginput_container { max-height:2000px; display: block; }

/* Optional: kleine Abstände zwischen Choices */
.gfield.gf-accordion .gfield_checkbox .gchoice { margin:2px 0; }



.gform_wrapper .gfield--type-choice input[type="checkbox"],
.gform_wrapper .gfield_checkbox .gchoice input[type="checkbox"]{
  appearance: auto;              /* native lassen */
  accent-color: #007d7d !important;  /* <-- DEINE FARBE */
  width: 22px; height: 22px;
  border: 2px solid #007d7d;
  border-radius: 6px;
  background: #fff;
  margin: 0 8px 0 0;
}
/* ggf. Theme-Overlays neutralisieren */
.gform_wrapper .gfield_checkbox .gchoice input[type="checkbox"]{
  background-image: none !important;
  box-shadow: none !important;
}

.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):checked::before, .gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):checked::before
 {
    opacity: 0 !important;
}


.filter-close {
	font-size: 22px;
	position: relative;
	right: -6px;
}

/* Filter Zeitraum Quartal*/
.quartal-nummer{
  display: inline-block;
  width: 20px;
  text-align: right;
}

/*Terminauswahl Pfeile*/
div.cdrop.is-open button.cdrop__trigger span.icon-chevron-down.cdrop__icon {
  transform: rotate(180deg) !important;
}

/*Sternchen in der Wunschliste*/
/*.sternchen{
  font-size: 0.7em;
  vertical-align: super;
  margin-left: 2px;
}*/
.hidden.md\:flex.flex-col.items-end {
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 3px;
}

.sternchen {
  color: var(--_ek_green_dark, #007D7D) !important;
  font-weight: 700;
  font-size: 1.5rem;
  margin-top: -1px;
  margin-left: 2px;
}

/* Ganze Karte: weißes Textfeld */
.slideritem-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Block mit Name + Beschreibung */
div.slideritem-content div {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Beschreibungstext */
.slideritem-content .referent-text {
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;

  /* mindestens Platz für 5 Zeilen,
     damit auch kurze Texte gleich hoch sind */
  min-height: calc(1.4em * 5);   /* 5 Zeilen * line-height */
}


/* Button immer ganz nach unten */
.referent-button {
  margin-top: auto;
}

/*Entfernen Button im Warenkork - Step 1*/

/* div.order-1 .btn-ek{
  margin-top: 14px !important;
} */

 /*
.mt-5 {
  margin-top: 20px;
}

.mt-4{
  margin-top: 16px;
}*/

/* HOVER NUR AUF GERÄTEN MIT ECHTEM HOVER */
@media (hover: hover) and (pointer: fine) {

  .ek-taglist-item:hover {
    background-color: var(--ek-dark-green);
    color: #fff !important;
   
  }

  button.cdrop__trigger:hover{
    color: #fff;
  }
 
  .breakdance a.link-light:hover{
    color: var(--ek-bg-limelight) !important;
  }
   .breakdance a.link-light:hover::after {
    content: "";
    background-color: var(--ek-bg-limelight);
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -1px;
  }


  .breakdance-dropdown-item a:hover {
    background: var(--_ek_green_highlight, #DBEFEF) !important;
  }

  .breakdance-dropdown-item a:hover .breakdance-dropdown-link__icon {
    background-color: var(--ek-green-contrast) !important;
  }

  .breakdance-dropdown-item a:hover .breakdance-dropdown-link__icon svg,
  .breakdance-dropdown-item a:hover .breakdance-dropdown-link__icon svg path {
    fill: #fff !important;
  }

  .tag.tag-filter:hover {
    background-color: var(--ek-green-contrast);
    color: #fff !important;
  }

  .tag.tag-filter:hover span::before{
    color: #fff !important;
  }

  button:hover{
    color: var(--ek-green-contrast);
  }

  a.underline:hover{
    color: var(--ek-green-contrast) !important;
  }

  .breakdance .btn-ek:hover{
    color: #fff;
    background-color: var(--ek-green-contrast);
    border-color: var(--ek-green-contrast);
  }

  .gform-theme.gform-theme--framework.gform_wrapper .button.gform_button:hover{
    color: #fff;
    background-color: var(--ek-green-contrast) !important;
  }

  .breakdance .btn-ek.btn-ek-secondary:hover{
    color: #fff;
    background-color: var(--ek-dark-green);
    border: 2px solid var(--ek-dark-green);
  }

  .breakdance .btn-ek.btn-ek-secondary:hover *{
    fill: #fff;
  }

  .breakdance .btn-ek.btn-ek-secondary:hover [class^="icon-"]::before,
  .breakdance .btn-ek.btn-ek-secondary:hover [class*=" icon-"]::before {
    color: #fff;
  }

  .breakdance .btn-ek.btn-ek-light:hover{
    color: #fff;
    background-color: var(--ek-green-contrast);
  }

  .breakdance .btn-ek.btn-ek-light:hover *{
    fill: #fff;
  }

  .breakdance .btn-ek.btn-ek-light:hover span::before{
    color: #fff;
  }

  .teilnehmerbuttons button:hover{
    border: 2px solid var(--_ek_green_dark, #007D7D);
    background: var(--_ek_green_dark, #007D7D);
    color: #fff;
  }

  .teilnehmerbuttons button:hover span::before{
    color: #fff;
  }

  .breakdance .breakdance-menu-link:hover {
    color: var(--ek-green-contrast) !important;
  }

  .breakdance .breakdance-menu-link:hover .breakdance-menu-link-arrow::after {
    color: var(--ek-green-contrast) !important;
    background-color: var(--ek-green-contrast) !important;
  }

  .sticky-menu .breakdance-link.bde-icon-icon.breakdance-icon-atom:hover svg path{
    fill: var(--ek-green-contrast);
  }

  .swiper-pagination-clickable .swiper-pagination-bullet:hover {
    background-color: var(--ek-green-contrast) !important;
  }

  .gform_wrapper .gfield.gswitch .gfield_radio .gchoice:hover label {
    background: var(--ek-green-contrast);
    color: #fff;
  }

  .gform_wrapper .gfield.gswitch .gfield_radio .gchoice label:hover{
    filter: brightness(.98);
  }

  .cdrop-secondary .cdrop__trigger:hover {
    background: var(--ek-dark-green);
    color: #fff;
  }

  .cdrop-secondary .cdrop__trigger:hover .cdrop__icon::before {
    color: #fff;
  }

  .steplink:hover{
    background: var(--ek-green-contrast) !important;
  }

  .steplink:hover span{
    color:#fff !important;
  }

  .filter-card:hover {
    background: var(--ek-bg-highlight);
  }

  .ek-tns-arrow:hover{
    background: var(--ek-dark-green);
  }
  .ek-tns-arrow:hover span::before{
    color: #fff;
  }
  .ek-event-other-dates-dropdown .cdrop button:hover{
    background: #D0EFEF;
    color: var(--ek-dark-green) !important;
  }
  /* Terminauswahl */
  .ek-event-other-dates-dropdown .cdrop .cdrop__trigger:hover .cdrop__label {
    color: var(--ek-dark-green) !important;
  }

  .ek-event-other-dates-dropdown .cdrop .cdrop__trigger:hover .cdrop__icon::before {
    color: var(--ek-dark-green) !important;
  }
  
}











































/* ===== Breakdance 2.4 – Mobile Sliding Overlay (Safe Mode) ===== */
@media (max-width: 1024px){
  .js-mobile-nav { position: relative; }

  /* Vollflächiges, fixes Overlay (unabhängig vom Breakdance-DOM) */
  .bd-slide-overlay{
    position: fixed;
    inset: 0;
    z-index: 999999;        /* über allem */
    background: #fff;
    display: none;          /* per JS an/aus */
  }
  .bd-slide-overlay.--open{ display:block;min-height: 100dvh; }

  /* Horizontaler Schieberahmen */
  /* NEU */
.bd-slide-overlay .nav-panels{
  display:flex;
  width:100%;
  height:100%;
  transform: translate3d(0,0,0);     /* GPU, Safari-freundlich */
  transition: transform .28s ease;
  /*overflow-x: hidden;*/                 /* nur horizontal clippen */
  overflow-y: visible;                /* vertikal NICHT abschneiden */
  will-change: transform;
  min-height: 100dvh;
}

/* Falls Safari trotzdem zickt, Topbar nicht "sticky" machen */
@supports (-webkit-touch-callout: none) {
  .bd-slide-overlay .panel-topbar { position: sticky; } /* kannst auf 'relative' stellen, falls nötig */
}
  /* Ein Panel = eine Ebene */
  .bd-slide-overlay .nav-panel{
    min-width:100%; max-width:100%;
    height:100%;
    display:grid;
    grid-template-rows: 52px 1fr; /* Topbar + Scrollbereich */
    background:#fff;
  }

  .bd-slide-overlay .panel-topbar{
    position:sticky; top:0;
    display:flex; align-items:center; gap:.5rem;
    height:52px; padding:0 1rem;
    border-bottom:1px solid rgba(0,0,0,.08);
    background:#fff; z-index:1;
  }
  .bd-slide-overlay .panel-title{ font-weight:700; font-size:1rem; color: #007D7D;}

  .bd-slide-overlay .back-btn,
  .bd-slide-overlay .close-btn{
    display:inline-flex; align-items:center; gap:.25rem;
    border:0; background:transparent; font:inherit;
    padding:.4rem .2rem; cursor:pointer;
  }
  .bd-slide-overlay .back-btn {
    position: relative;
    left: -6px;
  }
.bd-slide-overlay .back-btn::before {
	content: "\e905";
	font-family: "icomoon";
	font-size: 1.8rem;
	color: #007D7D;
	transform: scaleX(-1);
}

.bd-slide-overlay a.breakdance-link.is-active.nav-link,
.bd-slide-overlay li.is-active {
	background: var(--_ek_green_highlight, #DBEFEF) !important;
}
.bd-slide-overlay a.breakdance-link.is-active.nav-link .breakdance-dropdown-link__icon {
	background-color: var(--ek-green-contrast) !important;
}
.bd-slide-overlay a.breakdance-link.nav-link .breakdance-dropdown-link__icon svg, .bd-slide-overlay a.breakdance-link.nav-link .breakdance-dropdown-link__icon svg path {
	fill: var(--ek-dark-green) !important;
}
.bd-slide-overlay a.breakdance-link.is-active.nav-link .breakdance-dropdown-link__icon svg, .bd-slide-overlay a.breakdance-link.is-active.nav-link .breakdance-dropdown-link__icon svg path {
	fill: #fff !important;
}
  .bd-slide-overlay .close-btn::before{ content:"\e91c";font-family: "icomoon"; font-size:1.05rem; color: #007D7D; }

  .bd-slide-overlay .panel-scroll{
    overflow-y:auto; -webkit-overflow-scrolling:touch;
  }

  .breakdance-dropdown-link__description {
	font-weight: 400;
}
 .bd-slide-overlay .breakdance-link.nav-link {
    position: relative;
 };
 .bd-slide-overlay .breakdance-link.nav-link::after {
	content: "\e905";
	font-family: "icomoon";
	font-size: 1.1rem;
	color: #007D7D;
  position: absolute;
  right: 1rem;
  opacity: .7;
  font-weight: 400;
}

  .bd-slide-overlay ul{ list-style:none; margin:0; padding:0; }
  .bd-slide-overlay li{ display:flex; align-items:center;
    gap:.5rem; border-bottom:1px solid rgba(0,0,0,.06); }

  .bd-slide-overlay li:has(+ .nav-coltitle) {
    border-bottom: none !important;
  }

  .bd-slide-overlay .nav-link{
    flex:1 1 auto; display:flex; align-items:center; gap:.6rem;
    padding:.9rem 1rem; text-decoration:none; color: #007D7D;
    font-weight: 700;
  }

  /* „Untermenü öffnen“-Trigger rechts (unsichtbarer Button mit Pfeil) */
  .bd-slide-overlay .submenu-enter{
    flex:0 0 auto; display:inline-flex; align-items:center;
    border:0; background:transparent; cursor:pointer; padding:.9rem 1rem;
  }
  .bd-slide-overlay .submenu-enter::after{
      content: "\e905";font-family: "icomoon"; font-size:1.1rem; opacity:.7; color: #007D7D;
  }

  /* Sliding je Tiefe */
  .bd-slide-overlay[data-depth] .nav-panels{
  transform: translate3d(calc(-1 * var(--depth, 0) * 100%), 0, 0);
}
.bd-slide-overlay[data-depth="0"] .nav-panels{ transform: translate3d(0,0,0); }
.bd-slide-overlay[data-depth="1"] .nav-panels{ transform: translate3d(-100%,0,0); }
.bd-slide-overlay[data-depth="2"] .nav-panels{ transform: translate3d(-200%,0,0); }
.bd-slide-overlay[data-depth="3"] .nav-panels{ transform: translate3d(-300%,0,0); }

  /* Optional: wenn Overlay offen ist, Original-Dropdowns verstecken (Cosmetics) */
  .bd-slide-overlay.--open ~ .js-mobile-nav .breakdance-dropdown-floater{
    display:none !important;
  }
}

.bd-slide-overlay .nav-coltitle {
	font-weight: 600;
	font-size: 0.9rem;
	padding: 0.75rem 1rem 0.25rem;
	color: var(--ek-green-contrast);
	opacity: 0.5;
	border-bottom: 0 !important;
}









.ek-event-other-dates__date {
	color: #fff;
	text-decoration: underline;
}


.ek-event-other-dates-dropdown .cdrop__label {
  color:var(--ek-bg-limelight) !important;
}

.ek-event-other-dates-dropdown .cdrop__trigger {
	border: 2px solid var(--ek-bg-limelight) !important;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
}

.ek-event-other-dates-dropdown .cdrop__icon::before {
	color:var(--ek-bg-limelight) !important;
}







/* Desktop */
@media (min-width: 1120px) { }

/* Tablet Landscape */
@media (min-width: 1024px) and (max-width: 1119px) { }

/* Tablet Portrait */
@media (min-width: 768px) and (max-width: 1023px) { }

/* Phone Landscape */
@media (min-width: 480px) and (max-width: 767px) { }

/* Phone Portrait */
@media (max-width: 479px) { }