/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/*******************
    Add Fonts
*******************/

/* ibm-plex-sans-300 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/ibm-plex-sans-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ibm-plex-sans-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ibm-plex-sans-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ibm-plex-sans-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/ibm-plex-sans-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ibm-plex-sans-v14-latin-300.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-300italic - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/ibm-plex-sans-v14-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ibm-plex-sans-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ibm-plex-sans-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ibm-plex-sans-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/ibm-plex-sans-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ibm-plex-sans-v14-latin-300italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-regular - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/ibm-plex-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ibm-plex-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ibm-plex-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ibm-plex-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/ibm-plex-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ibm-plex-sans-v13-latin-regular.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-italic - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/ibm-plex-sans-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ibm-plex-sans-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ibm-plex-sans-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ibm-plex-sans-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/ibm-plex-sans-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ibm-plex-sans-v13-latin-italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-500 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/ibm-plex-sans-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ibm-plex-sans-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ibm-plex-sans-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ibm-plex-sans-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/ibm-plex-sans-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ibm-plex-sans-v14-latin-500.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-500italic - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/ibm-plex-sans-v14-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ibm-plex-sans-v14-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ibm-plex-sans-v14-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ibm-plex-sans-v14-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/ibm-plex-sans-v14-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ibm-plex-sans-v14-latin-500italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-600 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/ibm-plex-sans-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ibm-plex-sans-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ibm-plex-sans-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ibm-plex-sans-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/ibm-plex-sans-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ibm-plex-sans-v14-latin-600.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-600italic - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/ibm-plex-sans-v14-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ibm-plex-sans-v14-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ibm-plex-sans-v14-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ibm-plex-sans-v14-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/ibm-plex-sans-v14-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ibm-plex-sans-v14-latin-600italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/*******************
    Color custom properties
*******************/

:root {
  --color-light-blue: #B5CFD4;
  --color-mid-blue: #478795;
  --color-dark-blue: #095F73;

  --color-light-beige: #F6E0D1;
  --color-mid-beige: #F3C9AF;

  --color-dark-red: #E65851;

  --color-mint: #CEF6DD;
  --color-strong-green: #5CE28E;

  --color-orange: #E89460;

  --color-light-pink: #F7CDCA;

  --color-light-purple: #CCBCCA;
  --color-dark-purple: #5E1D53;

  --color-lead-dark-purple: #5E1D53;
  --color-lead-red: #CD5B56;

  --color-lead-dark-green: #166173;
  --color-lead-light-green: #72B089;

  --color-lead-dark-blue: #1B4362;
  --color-lead-light-blue: #2FBAD3;

  --color-lead-dark-red: #5D1731;
  --color-lead-mid-beige: #DC9163;

}

/*******************
    Font styling
*******************/

html body p, html body a, html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{
  font-family: 'IBM Plex Sans';
  line-height: 1.3;
}

html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{
  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

html body{
  font-weight: 400;
  font-size: 24px;
}

html body p strong, html body p b {
  font-weight: 600;
}

html body a{
  color: inherit;
}

html body p a:hover{
    text-decoration: underline;
    opacity: 0.5;
}

html body .elementor-text-editor a:hover{
  color: inherit;
  text-decoration: underline;
  opacity: 0.5;
}

html body h1{
  font-weight: 400;
  font-size: 80px;
}

html body h2{
  font-weight: 400;
  font-size: 60px;
}

html body h3{
  font-weight: 400;
  font-size: 48px;
}

html body h4{
  font-weight: 400;
  font-size: 48px;
}

html body h5{
  font-weight: 400;
  font-size: 34px;
}

html body h6{
  font-weight: 400;
  font-size: 28px;
}

ul li{
  font-weight: 400;
}

@media only screen and (max-width: 767px) {

html body{
  font-size: 20px;
}

html body h1{
  font-size: 45px;
}

html body h2{
  font-size: 35px;
}

html body h3{
  font-size: 30px;
}

html body h4{
  font-size: 30px;
}

html body h5{
  font-size: 25px;
}

html body h6{
  font-weight: 300;
  font-size: 20px;
}
}

/* Textausrichtung dynamischer Elemente */

.font-center .elementor-widget-container h1,.font-center .elementor-widget-container h2, .font-center .elementor-widget-container h3, .font-center .elementor-widget-container h4, .font-center .elementor-widget-container h5, .font-center .elementor-widget-container h6{
  text-align: center;
  width: 100%;
}

.font-right .elementor-widget-container h1, .font-right .elementor-widget-container h2, .font-right .elementor-widget-container h3, .font-right.elementor-widget-container h4, .font-right .elementor-widget-container h5, .font-right .elementor-widget-container h6{
  text-align: right;
  width: 100%;
}




/*******************
    Color Themes
*******************/


/*************** petrol-mint ***************/

/* Schriftfarbe */
.petrol-mint .breadcrumb a, .petrol-mint .breadcrumb span.breadcrumb_last{
  color: var(--color-mint);
}


/* breadcrumb-arrow */
.petrol-mint svg.breadcrumb-arrow{
  stroke: var(--color-mint);
}

/* Invertierte Hintergründe */
.petrol-mint .invertcolor{
  background-color: var(--color-mint);
}

/* Invertierte Schriftfarben */
.petrol-mint .invertcolor .repeater-item, .petrol-mint .invertcolor h1, .petrol-mint .invertcolor h2, .petrol-mint .invertcolor h3, .petrol-mint .invertcolor h4, .petrol-mint .invertcolor h5, .petrol-mint .invertcolor h6, .petrol-mint .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li a{
  color: var(--color-mid-blue)!important;
}

.petrol-mint .invertcolor p, .petrol-mint .invertcolor a, .petrol-mint .invertcolor a:hover{
  color: var(--color-mid-blue)!important;
}

/* Bereits Invertiertes noch mal Invertieren */

.petrol-mint .invertcolor .invertagain{
  background-color: var(--color-mid-blue)!important;
}

.petrol-mint .invertcolor .invertagain h3, .petrol-mint .invertcolor .invertagain p{
  color: var(--color-mint)!important;
}


/* Hamburger Menu Geschlossen Farbe Ändern */
.petrol-mint .hamburger-inner, .petrol-mint .hamburger-inner::before, .petrol-mint .hamburger-inner::after{
  background-color: var(--color-mint);
}

/* Hamburger Menu Offen Farbe Ändern */
.petrol-mint .hamburger.is-active .hamburger-inner, .petrol-mint .hamburger.is-active .hamburger-inner::before, .petrol-mint .hamburger.is-active .hamburger-inner::after{
  background-color: var(--color-mid-blue);
  z-index: 1000!important;
}

.petrol-mint .hamburger.hamburger--collapse.is-active{
  border: solid 1px var(--color-mid-blue);
  border-radius: 6px;
  padding: 2px;
  margin-top: -3px;
  margin-right: -3px;
  transition-delay: 200ms!important;
  transition-property: border, padding, margin-top, margin-right;
}


/* Hamburger Menu Mobil Background Color */

@media only screen and (max-width: 767px) {
  .petrol-mint .hamburger.hamburger--collapse{
    padding: 3px;
    border-radius: 5px;
    background-color: var(--color-mid-blue);
  }

  .petrol-mint .hamburger.hamburger--collapse.is-active{
    background-color: transparent; 
  }
}


/* Footer Text-Button - Farbe */
.petrol-mint .text-button .elementor-button-text:before{
  background-color: var(--color-mint);
}

/* Button invertiert */
.petrol-mint .invertcolor .elementor-button, .petrol-mint .invertcolor .elementor-button:hover{
background-color: var(--color-mid-blue)!important;
color: var(--color-mint)!important;
}

/* Tabs */
.petrol-mint .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-mint)!important;
  border-radius: 6px;
}

.petrol-mint .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .petrol-mint .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-mint);
  border-radius: 6px;
}

/* Tabs invertiert */

.petrol-mint .invertcolor .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-mid-blue)!important;
  border-radius: 6px;
  color: var(--color-mid-blue)!important;
}

.petrol-mint .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .petrol-mint .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-mid-blue);
  border-radius: 6px;
  color: var(--color-mint)!important;
}

.petrol-mint .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active a, .petrol-mint .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active a{
  color: var(--color-mint)!important;
}

.petrol-mint .invertcolor .elementor-tab-title.elementor-tab-mobile-title{
  color: var(--color-mid-blue)!important;
}

/* Akkordeon */

.item.acc_section{
  border-block-start: 1px solid var(--color-mint)!important;
  padding-bottom: 10px;
}

.petrol-mint .invertcolor .acc_section{
  border-block-start: 1px solid var(--color-mid-blue)!important;
  padding-bottom: 10px;
}

.petrol-mint .invertcolor .elementor-accordion-icon i:before, .petrol-mint .invertcolor .accordion-title{
  color: var(--color-mid-blue)!important;
}

/* Filter Buttons */

.petrol-mint .filters-item{
  color: var(--color-mint)!important;
  border: solid 1px var(--color-mint)!important;
  border-radius: 5px;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px!important;
}

.petrol-mint .filters-item a:hover{
  color: var(--color-mint)!important;
  }

.petrol-mint .filters-item.filter-active{
  background: var(--color-mint);
}

.petrol-mint .filters-item.filter-active a{
    color: var(--color-mid-blue)!important;
} 


/*************** beige-lila ***************/

/* Schriftfarbe */
.beige-lila .dynamic-content-for-elementor-acf a, .beige-lila .breadcrumb a, .beige-lila .breadcrumb span.breadcrumb_last{
  color: var(--color-dark-purple);
}

/* Schriftfarbe invertiert */

.beige-lila .invertcolor .repeater-item{
  color: var(--color-mid-beige);
}

/* breadcrumb-arrow */
.beige-lila svg.breadcrumb-arrow{
  stroke: var(--color-dark-purple);
}

/* Invertierte Hintergründe */
.beige-lila .invertcolor{
  background-color: var(--color-dark-purple);
}

/* Invertierte Schriftfarben */
.beige-lila .invertcolor h1, .beige-lila .invertcolor h2, .beige-lila .invertcolor h3, .beige-lila .invertcolor h4, .beige-lila .invertcolor h5, .beige-lila .invertcolor h6, .beige-lila .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li a{
  color: var(--color-mid-beige)!important;
}

.beige-lila .invertcolor p, .beige-lila .invertcolor a, .beige-lila .invertcolor a:hover{
  color: var(--color-mid-beige)!important;
}

/* Bereits Invertiertes noch mal Invertieren */

.beige-lila .invertcolor .invertagain{
  background-color: var(--color-mid-beige)!important;
}

.beige-lila .invertcolor .invertagain h3, .beige-lila .invertcolor .invertagain p{
  color: var(--color-dark-purple)!important;
}

/* Hamburger Menu Geschlossen Farbe Ändern */
.beige-lila .hamburger-inner, .beige-lila .hamburger-inner::before, .beige-lila .hamburger-inner::after{
  background-color: var(--color-dark-purple);
}

/* Hamburger Menu Offen Farbe Ändern */
.beige-lila .hamburger.is-active .hamburger-inner, .beige-lila .hamburger.is-active .hamburger-inner::before, .beige-lila .hamburger.is-active .hamburger-inner::after{
  background-color: var(--color-mid-beige);
  z-index: 1000!important;
}

.beige-lila .hamburger.hamburger--collapse.is-active{
  border: solid 1px var(--color-mid-beige);
  border-radius: 6px;
  padding: 2px;
  margin-top: -3px;
  margin-right: -3px;
  transition-delay: 200ms!important;
  transition-property: border, padding, margin-top, margin-right;
}



/* Hamburger Menu Mobil Background Color */

@media only screen and (max-width: 767px) {
  .beige-lila .hamburger.hamburger--collapse{
    padding: 3px;
    border-radius: 5px;
    background-color: var(--color-mid-beige);
  }

  .beige-lila .hamburger.hamburger--collapse.is-active{
    background-color: transparent; 
  }
}

/* Footer Text-Button - Farbe */
.beige-lila .text-button .elementor-button-text:before{
  background-color: var(--color-dark-purple);
}

/* Button invertiert */
.beige-lila .invertcolor .elementor-button, .beige-lila .invertcolor .elementor-button:hover{
background-color: var(--color-mid-beige)!important;
color: var(--color-dark-purple)!important;
}

/* Tabs */
.beige-lila .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-dark-purple)!important;
  border-radius: 6px;
}

.beige-lila .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .beige-lila .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-dark-purple);
  border-radius: 6px;
}


/* Tabs invertiert */

.beige-lila .invertcolor .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-mid-beige)!important;
  border-radius: 6px;
  color: var(--color-mid-beige)!important;
}

.beige-lila .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active,  .petrol-mint .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-mid-beige);
  border-radius: 6px;
  color: var(--color-dark-purple)!important;
}

.beige-lila .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active a, .petrol-mint .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active a{
  color: var(--color-dark-purple)!important;
}

.beige-lila .invertcolor .elementor-tab-title.elementor-tab-mobile-title{
  color: var(--color-mid-beige)!important;
}

/* Akkordeon */

.item.acc_section{
  border-block-start: 1px solid var(--color-dark-purple)!important;
  padding-bottom: 10px;
}

.beige-lila .invertcolor .item.acc_section{
  border-block-start: 1px solid var(--color-mid-beige)!important;
  padding-bottom: 10px;
}

.beige-lila .invertcolor .elementor-accordion-icon i:before, .beige-lila .invertcolor .accordion-title{
  color: var(--color-mid-beige)!important;
}



/*************** mint-orange ***************/

/* Schriftfarbe */
.mint-orange .breadcrumb a, .mint-orange .breadcrumb .breadcrumb_last{
  color: var(--color-orange)!important;
}

/* Invertierte Schriftfarbe */
.mint-orange .invertcolor .repeater-item{
  color: var(--color-mint);
}

/* breadcrumb-arrow */
.mint-orange svg.breadcrumb-arrow{
  stroke: var(--color-orange);
}

/* Invertierte Hintergründe */
.mint-orange .invertcolor{
  background-color: var(--color-orange);
}

/* Invertierte Schriftfarben */
.mint-orange .invertcolor h1, .mint-orange .invertcolor h2, .mint-orange .invertcolor h3, .mint-orange .invertcolor h4, .mint-orange .invertcolor h5, .mint-orange .invertcolor h6, .mint-orange .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li a{
  color: var(--color-mint)!important;
}

.mint-orange .invertcolor p, .mint-orange .invertcolor a, .mint-orange .invertcolor a:hover{
  color: var(--color-mint)!important;
}

/* Bereits Invertiertes noch mal Invertieren */

.mint-orange .invertcolor .invertagain{
  background-color: var(--color-mint)!important;
}

.mint-orange .invertcolor .invertagain h3, .mint-orange .invertcolor .invertagain p{
  color: var(--color-orange)!important;
}

/* Hamburger Menu Geschlossen Farbe Ändern */
.mint-orange .hamburger-inner, .mint-orange .hamburger-inner::before, .mint-orange .hamburger-inner::after{
  background-color: var(--color-orange);
}

/* Hamburger Menu Offen Farbe Ändern */
.mint-orange .hamburger.is-active .hamburger-inner, .mint-orange .hamburger.is-active .hamburger-inner::before, .mint-orange .hamburger.is-active .hamburger-inner::after{
  background-color: var(--color-mint);
  z-index: 1000!important;
}

.mint-orange .hamburger.hamburger--collapse.is-active{
  border: solid 1px var(--color-mint);
  border-radius: 6px;
  padding: 2px;
  margin-top: -3px;
  margin-right: -3px;
  transition-delay: 200ms!important;
  transition-property: border, padding, margin-top, margin-right;
}



/* Hamburger Menu Mobil Background Color */

@media only screen and (max-width: 767px) {
  .mint-orange .hamburger.hamburger--collapse{
    padding: 3px;
    border-radius: 5px;
    background-color: var(--color-mint); 
  }

  .mint-orange .hamburger.hamburger--collapse.is-active{
    background-color: transparent; 
  }
}

/* Footer Text-Button - Farbe */
.mint-orange .text-button .elementor-button-text:before{
  background-color: var(--color-orange);
}

/* Button invertiert */
.mint-orange .invertcolor .elementor-button, .mint-orange .invertcolor .elementor-button:hover{
background-color: var(--color-mint)!important;
color: var(--color-orange)!important;
border-radius: 6px;
}

/* Tabs */
.mint-orange .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-orange)!important;
  border-radius: 6px;
}

.mint-orange .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .mint-orange .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-orange);
  border-radius: 6px;
}

/* Tabs invertiert */
.mint-orange .invertcolor .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-mint)!important;
  border-radius: 6px;
  color: var(--color-mint)!important;
}

.mint-orange .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .mint-orange .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-mint);
  border-radius: 6px;
  color: var(--color-orange)!important;
}

.mint-orange .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active a, .mint-orange .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active a{
  color: var(--color-orange)!important;
}

.beige-lila .invertcolor .elementor-tab-title.elementor-tab-mobile-title{
  color: var(--color-mint)!important;
}


/* Akkordeon */

.item.acc_section{
  border-block-start: 1px solid var(--color-orange)!important;
  padding-bottom: 10px;
}

.mint-orange .invertcolor .item.acc_section{
  border-block-start: 1px solid var(--color-mint)!important;
  padding-bottom: 10px;
}

.mint-orange .invertcolor .elementor-accordion-icon i:before, .mint-orange .invertcolor .accordion-title{
  color: var(--color-mint)!important;
}

/* Slider */

.mint-orange .swiper-button.swiper-button-prev, .mint-orange .swiper-button.swiper-button-next {
    width: 80px!important;
    height: 50px;
    border: solid 1px var(--color-mint);
    z-index: 3;
    border-radius: 5px;
    padding: 5px;
    -webkit-transition: all 0.8s linear;
}

.mint-orange .swiper-button.swiper-button-prev:hover, .mint-orange .swiper-button.swiper-button-next:hover {
    border: solid 1px var(--color-orange);
    -webkit-transition: all 0.8s linear;
}

@media only screen and (max-width: 767px) {
  .mint-orange .swiper-button.swiper-button-prev, .mint-orange .swiper-button.swiper-button-next {
    width: 45px!important;
  }
}

/*************** rosa-lila ***************/

/* Schriftfarbe */
.rosa-lila .breadcrumb a, .rosa-lila .breadcrumb span.breadcrumb_last{
  color: var(--color-dark-purple);
}

/* Invertierte Schriftfarbe */
.rosa-lila .invertcolor .repeater-item{
  color: var(--color-light-pink);
}

/* breadcrumb-arrow */
.rosa-lila svg.breadcrumb-arrow{
  stroke: var(--color-dark-purple);
}

/* Invertierte Hintergründe */
    .rosa-lila .invertcolor{
      background-color: var(--color-dark-purple);
    }

/* Invertierte Schriftfarben */
    .rosa-lila .invertcolor h1, .rosa-lila .invertcolor h2, .rosa-lila .invertcolor h3, .rosa-lila .invertcolor h4, .rosa-lila .invertcolor h5, .rosa-lila .invertcolor h6, .rosa-lila .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li a{
      color: var(--color-light-pink)!important;
    }

    .rosa-lila .invertcolor p, .rosa-lila .invertcolor a, .rosa-lila .invertcolor a:hover{
      color: var(--color-light-pink)!important;
    }

/* Bereits Invertiertes noch mal Invertieren */

.rosa-lila .invertcolor .invertagain{
  background-color: var(--color-light-pink)!important;
}

.rosa-lila .invertcolor .invertagain h3, .rosa-lila .invertcolor .invertagain p{
  color: var(--color-dark-purple)!important;
}

/* Hamburger Menu Geschlossen Farbe Ändern */
.rosa-lila .hamburger-inner, .rosa-lila .hamburger-inner::before, .rosa-lila .hamburger-inner::after{
  background-color: var(--color-dark-purple);
}

/* Hamburger Menu Offen Farbe Ändern */
.rosa-lila .hamburger.is-active .hamburger-inner, .rosa-lila .hamburger.is-active .hamburger-inner::before, .rosa-lila .hamburger.is-active .hamburger-inner::after{
  background-color: var(--color-light-pink);
  z-index: 1000!important;
}

.rosa-lila .hamburger.hamburger--collapse.is-active{
  border: solid 1px var(--color-light-pink);
  border-radius: 6px;
  padding: 2px;
  margin-top: -3px;
  margin-right: -3px;
  transition-delay: 200ms!important;
  transition-property: border, padding, margin-top, margin-right;
}


/* Hamburger Menu Mobil Background Color */

@media only screen and (max-width: 767px) {
  .rosa-lila .hamburger.hamburger--collapse{
    padding: 3px;
    border-radius: 5px;
    background-color: var(--color-light-pink);
  }

  .rosa-lila .hamburger.hamburger--collapse.is-active{
    background-color: transparent; 
  }
}

/* Footer Text-Button - Farbe */
.rosa-lila .text-button .elementor-button-text:before{
  background-color: var(--color-dark-purple);
}

/* Button invertiert */
.rosa-lila .invertcolor .elementor-button, .rosa-lila .invertcolor .elementor-button:hover{
background-color: var(--color-light-pink)!important;
color: var(--color-dark-purple)!important;
}

/* Tabs */
.rosa-lila .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-dark-purple)!important;
  border-radius: 6px;
}

.rosa-lila .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .rosa-lila .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-dark-purple);
  border-radius: 6px;
}

/* Tabs invertiert */
.rosa-lila .invertcolor .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-light-pink)!important;
  border-radius: 6px;
  color: var(--color-light-pink)!important;
}

.rosa-lila .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .rosa-lila .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-light-pink);
  border-radius: 6px;
  color: var(--color-dark-purple)!important;
}

.rosa-lila .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active a, .rosa-lila .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active a{
  color: var(--color-dark-purple)!important;
}

.rosa-lila .invertcolor .elementor-tab-title.elementor-tab-mobile-title{
  color: var(--color-light-pink)!important;
}

/* Akkordeon */

.item.acc_section{
  border-block-start: 1px solid var(--color-dark-purple)!important;
  padding-bottom: 10px;
}

.rosa-lila .invertcolor .item.acc_section{
  border-block-start: 1px solid var(--color-light-pink)!important;
  padding-bottom: 10px;
}

.rosa-lila .invertcolor .elementor-accordion-icon i:before, .rosa-lila .invertcolor .accordion-title{
  color: var(--color-light-pink)!important;
}




/*************** hellbeige-rot ***************/

/* Schriftfarbe */
.hellbeige-rot .breadcrumb a, .hellbeige-rot .breadcrumb span.breadcrumb_last{
  color: var(--color-dark-red);
}

/* Invertierte Schriftfarbe */
.hellbeige-rot .invertcolor .repeater-item{
  color: var(--color-light-beige);
}

/* breadcrumb-arrow */
.hellbeige-rot svg.breadcrumb-arrow{
  stroke: var(--color-dark-red);
}

/* Invertierte Hintergründe */
    .hellbeige-rot .invertcolor{
      background-color: var(--color-dark-red);
    }

/* Invertierte Schriftfarben */
    .hellbeige-rot .invertcolor h1, .hellbeige-rot .invertcolor h2, .hellbeige-rot .invertcolor h3, .hellbeige-rot .invertcolor h4, .hellbeige-rot .invertcolor h5, .hellbeige-rot .invertcolor h6, .hellbeige-rot .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li a{
      color: var(--color-light-beige)!important;
    }

    .hellbeige-rot .invertcolor p, .hellbeige-rot .invertcolor a, .hellbeige-rot .invertcolor a:hover{
      color: var(--color-light-beige)!important;
    }

/* Bereits Invertiertes noch mal Invertieren */

.hellbeige-rot .invertcolor .invertagain{
  background-color: var(--color-light-beige)!important;
}

.hellbeige-rot .invertcolor .invertagain h3, .hellbeige-rot .invertcolor .invertagain p{
  color: var(--color-dark-red)!important;
}

/* Hamburger Menu Geschlossen Farbe Ändern */
.hellbeige-rot .hamburger-inner, .hellbeige-rot .hamburger-inner::before, .hellbeige-rot .hamburger-inner::after{
  background-color: var(--color-dark-red);
}

/* Hamburger Menu Offen Farbe Ändern */
.hellbeige-rot .hamburger.is-active .hamburger-inner, .hellbeige-rot .hamburger.is-active .hamburger-inner::before, .hellbeige-rot .hamburger.is-active .hamburger-inner::after{
  background-color: var(--color-light-beige);
  z-index: 1000!important;
}

.hellbeige-rot .hamburger.hamburger--collapse.is-active{
  border: solid 1px var(--color-light-beige);
  border-radius: 6px;
  padding: 2px;
  margin-top: -3px;
  margin-right: -3px;
  transition-delay: 200ms!important;
  transition-property: border, padding, margin-top, margin-right;
}


/* Hamburger Menu Mobil Background Color */

@media only screen and (max-width: 767px) {
  .hellbeige-rot .hamburger.hamburger--collapse{
    padding: 3px;
    border-radius: 5px;
    background-color: var(--color-light-beige);
  }

  .hellbeige-rot .hamburger.hamburger--collapse.is-active{
    background-color: transparent; 
  }
}

/* Footer Text-Button - Farbe */
.hellbeige-rot .text-button .elementor-button-text:before{
  background-color: var(--color-dark-red);
}

/* Button invertiert */
.hellbeige-rot .invertcolor .elementor-button, .hellbeige-rot .invertcolor .elementor-button:hover{
background-color: var(--color-light-beige)!important;
color: var(--color-dark-red)!important;
}

/* Tabs */
.hellbeige-rot .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-dark-red)!important;
  border-radius: 6px;
}

.hellbeige-rot .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .hellbeige-rot .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-dark-red);
  border-radius: 6px;
}

/* Tabs invertiert */
.hellbeige-rot .invertcolor .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-light-beige)!important;
  border-radius: 6px;
  color: var(--color-light-beige)!important;
}

.hellbeige-rot .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .hellbeige-rot .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-light-beige);
  border-radius: 6px;
  color: var(--color-dark-red)!important;
}

.hellbeige-rot .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active a, .hellbeige-rot .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active a{
  color: var(--color-dark-red)!important;
}

.hellbeige-rot .invertcolor .elementor-tab-title.elementor-tab-mobile-title{
  color: var(--color-light-beige)!important;
}

/* Akkordeon */

.item.acc_section{
  border-block-start: 1px solid var(--color-dark-red)!important;
  padding-bottom: 10px;
}

.hellbeige-rot .invertcolor .item.acc_section{
  border-block-start: 1px solid var(--color-light-beige)!important;
  padding-bottom: 10px;
}

.hellbeige-rot .invertcolor .elementor-accordion-icon i:before, .hellbeige-rot .invertcolor .accordion-title{
  color: var(--color-light-beige)!important;
}




/*************** hellblau-rot ***************/

/* Schriftfarbe */
.hellblau-rot .breadcrumb a, .hellblau-rot .breadcrumb span.breadcrumb_last{
  color: var(--color-dark-red);
}

/* Invertierte Schriftfarbe */
.hellblau-rot .invertcolor .repeater-item{
  color: var(--color-light-blue);
}

/* breadcrumb-arrow */
.hellblau-rot svg.breadcrumb-arrow{
  stroke: var(--color-dark-red);
}

/* Invertierte Hintergründe */
    .hellblau-rot .invertcolor{
      background-color: var(--color-dark-red);
    }

/* Invertierte Schriftfarben */
    .hellblau-rot .invertcolor h1, .hellblau-rot .invertcolor h2, .hellblau-rot .invertcolor h3, .hellblau-rot .invertcolor h4, .hellblau-rot .invertcolor h5, .hellblau-rot .invertcolor h6, .hellblau-rot .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li a{
      color: var(--color-light-blue)!important;
    }

    .hellblau-rot .invertcolor p, .hellblau-rot .invertcolor a, .hellblau-rot .invertcolor a:hover{
      color: var(--color-light-blue)!important;
    }

/* Bereits Invertiertes noch mal Invertieren */

.hellblau-rot .invertcolor .invertagain{
  background-color: var(--color-light-blue)!important;
}

.hellblau-rot .invertcolor .invertagain h3, .hellblau-rot .invertcolor .invertagain p{
  color: var(--color-dark-red)!important;
}

/* Hamburger Menu Geschlossen Farbe Ändern */
.hellblau-rot .hamburger-inner, .hellblau-rot .hamburger-inner::before, .hellblau-rot .hamburger-inner::after{
  background-color: var(--color-dark-red);
}

/* Hamburger Menu Offen Farbe Ändern */
.hellblau-rot .hamburger.is-active .hamburger-inner, .hellblau-rot .hamburger.is-active .hamburger-inner::before, .hellblau-rot .hamburger.is-active .hamburger-inner::after{
  background-color: var(--color-light-blue);
  z-index: 1000!important;
}

.hellblau-rot .hamburger.hamburger--collapse.is-active{
  border: solid 1px var(--color-light-blue);
  border-radius: 6px;
  padding: 2px;
  margin-top: -3px;
  margin-right: -3px;
  transition-delay: 200ms!important;
  transition-property: border, padding, margin-top, margin-right;
}


/* Hamburger Menu Mobil Background Color */

@media only screen and (max-width: 767px) {
  .hellblau-rot .hamburger.hamburger--collapse{
    padding: 3px;
    border-radius: 5px;
    background-color: var(--color-light-blue);
  }

  .hellblau-rot .hamburger.hamburger--collapse.is-active{
    background-color: transparent; 
  }
}

/* Footer Text-Button - Farbe */
.hellblau-rot .text-button .elementor-button-text:before{
  background-color: var(--color-dark-red);
}

/* Button invertiert */
.hellblau-rot .invertcolor .elementor-button, .hellblau-rot .invertcolor .elementor-button:hover{
background-color: var(--color-light-blue)!important;
color: var(--color-dark-red)!important;
}

/* Tabs */
.hellblau-rot .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-dark-red)!important;
  border-radius: 6px;
}

.hellblau-rot .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .hellblau-rot .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-dark-red);
  border-radius: 6px;
}

/* Tabs invertiert */
.hellblau-rot .invertcolor .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-light-blue)!important;
  border-radius: 6px;
  color: var(--color-light-blue)!important;
}

.hellblau-rot .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .hellblau-rot .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-light-blue);
  border-radius: 6px;
  color: var(--color-dark-red)!important;
}

.hellblau-rot .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active a, .hellblau-rot .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active a{
  color: var(--color-dark-red)!important;
}

.hellblau-rot .invertcolor .elementor-tab-title.elementor-tab-mobile-title{
  color: var(--color-light-blue)!important;
}

/* Akkordeon */

.item.acc_section{
  border-block-start: 1px solid var(--color-dark-red)!important;
  padding-bottom: 10px;
}

.hellblau-rot .invertcolor .item.acc_section{
  border-block-start: 1px solid var(--color-light-blue)!important;
  padding-bottom: 10px;
}

.hellblau-rot .invertcolor .elementor-accordion-icon i:before, .hellblau-rot .invertcolor .accordion-title{
  color: var(--color-light-blue)!important;
}




/*************** dunkelpetrol-rosa ***************/

/* Schriftfarbe */
.dunkelpetrol-rosa .breadcrumb a, .dunkelpetrol-rosa .breadcrumb span.breadcrumb_last{
  color: var(--color-light-pink);
}

/* Invertierte Schriftfarbe */
.dunkelpetrol-rosa .invertcolor .repeater-item{
  color: var(--color-dark-blue);
}

/* breadcrumb-arrow */
.dunkelpetrol-rosa svg.breadcrumb-arrow{
  stroke: var(--color-light-pink);
}

/* Invertierte Hintergründe */
    .dunkelpetrol-rosa .invertcolor{
      background-color: var(--color-light-pink);
    }

/* Invertierte Schriftfarben */
    .dunkelpetrol-rosa .invertcolor h1, .dunkelpetrol-rosa .invertcolor h2, .dunkelpetrol-rosa .invertcolor h3, .dunkelpetrol-rosa .invertcolor h4, .dunkelpetrol-rosa .invertcolor h5, .dunkelpetrol-rosa .invertcolor h6, .dunkelpetrol-rosa .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li a{
      color: var(--color-dark-blue)!important;
    }

    .dunkelpetrol-rosa .invertcolor p, .dunkelpetrol-rosa .invertcolor a, .dunkelpetrol-rosa .invertcolor a:hover{
      color: var(--color-dark-blue)!important;
    }

/* Bereits Invertiertes noch mal Invertieren */

.dunkelpetrol-rosa .invertcolor .invertagain{
  background-color: var(--color-dark-blue)!important;
}

.dunkelpetrol-rosa .invertcolor .invertagain h3, .dunkelpetrol-rosa .invertcolor .invertagain p{
  color: var(--color-light-pink)!important;
}

/* Hamburger Menu Geschlossen Farbe Ändern */
.dunkelpetrol-rosa .hamburger-inner, .dunkelpetrol-rosa .hamburger-inner::before, .dunkelpetrol-rosa .hamburger-inner::after{
  background-color: var(--color-light-pink);
}

/* Hamburger Menu Offen Farbe Ändern */
.dunkelpetrol-rosa .hamburger.is-active .hamburger-inner, .dunkelpetrol-rosa .hamburger.is-active .hamburger-inner::before, .dunkelpetrol-rosa .hamburger.is-active .hamburger-inner::after{
  background-color: var(--color-dark-blue);
  z-index: 1000!important;
}

.dunkelpetrol-rosa .hamburger.hamburger--collapse.is-active{
  border: solid 1px var(--color-dark-blue);
  border-radius: 6px;
  padding: 2px;
  margin-top: -3px;
  margin-right: -3px;
  transition-delay: 200ms!important;
  transition-property: border, padding, margin-top, margin-right;
}


/* Hamburger Menu Mobil Background Color */

@media only screen and (max-width: 767px) {
  .dunkelpetrol-rosa .hamburger.hamburger--collapse{
    padding: 3px;
    border-radius: 5px;
    background-color: var(--color-dark-blue);
  }

  .dunkelpetrol-rosa .hamburger.hamburger--collapse.is-active{
    background-color: transparent; 
  }
}

/* Footer Text-Button - Farbe */
.dunkelpetrol-rosa .text-button .elementor-button-text:before{
  background-color: var(--color-light-pink);
}

/* Button invertiert */
.dunkelpetrol-rosa  .invertcolor .elementor-button, .dunkelpetrol-rosa  .invertcolor .elementor-button:hover{
background-color: var(--color-dark-blue)!important;
color: var(--color-light-pink)!important;
}

/* Tabs */
.dunkelpetrol-rosa .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-light-pink)!important;
  border-radius: 6px;
}

.dunkelpetrol-rosa .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .dunkelpetrol-rosa .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-light-pink);
  border-radius: 6px;
}

/* Tabs invertiert */
.dunkelpetrol-rosa .invertcolor .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-dark-blue)!important;
  border-radius: 6px;
  color: var(--color-dark-blue)!important;
}

.dunkelpetrol-rosa .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .dunkelpetrol-rosa .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-dark-blue);
  border-radius: 6px;
  color: var(--color-light-pink)!important;
}

.dunkelpetrol-rosa .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active a, .dunkelpetrol-rosa .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active a{
  color: var(--color-light-pink)!important;
}

.dunkelpetrol-rosa .invertcolor .elementor-tab-title.elementor-tab-mobile-title{
  color: var(--color-dark-blue)!important;
}

/* Akkordeon */

.item.acc_section{
  border-block-start: 1px solid var(--color-light-pink)!important;
  padding-bottom: 10px;
}

.dunkelpetrol-rosa .invertcolor .item.acc_section{
  border-block-start: 1px solid var(--color-dark-blue)!important;
  padding-bottom: 10px;
}

.dunkelpetrol-rosa .invertcolor .elementor-accordion-icon i:before, .dunkelpetrol-rosa .invertcolor .accordion-title{
  color: var(--color-dark-blue)!important;
}




/*************** flieder-rot ***************/

/* Schriftfarbe */
.flieder-rot .breadcrumb a, .flieder-rot .breadcrumb span.breadcrumb_last{
  color: var(--color-dark-red);
}

/* Invertierte Schriftfarbe */
.flieder-rot .invertcolor .repeater-item{
  color: var(--color-light-purple);
}

/* breadcrumb-arrow */
.flieder-rot svg.breadcrumb-arrow{
  stroke: var(--color-dark-red);
}
/* Invertierte Hintergründe */
    .flieder-rot .invertcolor{
      background-color: var(--color-dark-red);
    }

/* Invertierte Schriftfarben */
    .flieder-rot .invertcolor h1, .flieder-rot .invertcolor h2, .flieder-rot .invertcolor h3, .flieder-rot .invertcolor h4, .flieder-rot .invertcolor h5, .flieder-rot .invertcolor h6, .flieder-rot .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li a{
      color: var(--color-light-purple)!important;
    }

    .flieder-rot .invertcolor p, .flieder-rot .invertcolor a, .flieder-rot .invertcolor a:hover{
      color: var(--color-light-purple)!important;
    }

/* Bereits Invertiertes noch mal Invertieren */

.flieder-rot .invertcolor .invertagain{
  background-color: var(--color-light-purple)!important;
}

.flieder-rot .invertcolor .invertagain h3, .flieder-rot .invertcolor .invertagain p{
  color: var(--color-dark-red)!important;
}

/* Hamburger Menu Geschlossen Farbe Ändern */
.flieder-rot .hamburger-inner, .flieder-rot .hamburger-inner::before, .flieder-rot .hamburger-inner::after{
  background-color: var(--color-dark-red);
}

/* Hamburger Menu Offen Farbe Ändern */
.flieder-rot .hamburger.is-active .hamburger-inner, .flieder-rot .hamburger.is-active .hamburger-inner::before, .flieder-rot .hamburger.is-active .hamburger-inner::after{
  background-color: var(--color-light-purple);
  z-index: 1000!important;
}

.flieder-rot .hamburger.hamburger--collapse.is-active{
  border: solid 1px var(--color-light-purple);
  border-radius: 6px;
  padding: 2px;
  margin-top: -3px;
  margin-right: -3px;
  transition-delay: 200ms!important;
  transition-property: border, padding, margin-top, margin-right;
}


/* Hamburger Menu Mobil Background Color */

@media only screen and (max-width: 767px) {
  .flieder-rot .hamburger.hamburger--collapse{
    padding: 3px;
    border-radius: 5px;
    background-color: var(--color-light-purple);
  }

  .flieder-rot .hamburger.hamburger--collapse.is-active{
    background-color: transparent; 
  }
}

/* Footer Text-Button - Farbe */
.flieder-rot .text-button .elementor-button-text:before{
  background-color: var(--color-dark-red);
}

/* Button invertiert */
.flieder-rot .invertcolor .elementor-button, .flieder-rot .invertcolor .elementor-button:hover{
background-color: var(--color-light-purple)!important;
color: var(--color-dark-red)!important;
}

/* Tabs */
.flieder-rot .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-dark-red)!important;
  border-radius: 6px;
}

.flieder-rot .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .flieder-rot .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-dark-red);
  border-radius: 6px;
}

/* Tabs invertiert */
.flieder-rot .invertcolor .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-light-purple)!important;
  border-radius: 6px;
  color: var(--color-light-purple)!important;
}

.flieder-rot .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .flieder-rot .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-light-purple);
  border-radius: 6px;
  color: var(--color-dark-red)!important;
}

.flieder-rot .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active a, .flieder-rot .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active a{
  color: var(--color-dark-red)!important;
}

.flieder-rot .invertcolor .elementor-tab-title.elementor-tab-mobile-title{
  color: var(--color-light-purple)!important;
}

/* Akkordeon */

.item.acc_section{
  border-block-start: 1px solid var(--color-dark-red)!important;
  padding-bottom: 10px;
}

.flieder-rot .invertcolor .item.acc_section{
  border-block-start: 1px solid var(--color-light-purple)!important;
  padding-bottom: 10px;
}

.flieder-rot .invertcolor .elementor-accordion-icon i:before, .flieder-rot .invertcolor .accordion-title{
  color: var(--color-light-purple)!important;
}




/*************** mint-lila ***************/

/* Schriftfarbe */
.mint-lila .breadcrumb a, .mint-lila .breadcrumb span.breadcrumb_last{
  color: var(--color-dark-purple);
}

/* Invertierte Schriftfarbe */
.mint-lila .invertcolor .repeater-item{
  color: var(--color-mint);
}

/* breadcrumb-arrow */
.mint-lila svg.breadcrumb-arrow{
  stroke: var(--color-dark-purple);
}
/* Invertierte Hintergründe */
    .mint-lila .invertcolor{
      background-color: var(--color-dark-purple);
    }

/* Invertierte Schriftfarben */
    .mint-lila .invertcolor h1, .mint-lila .invertcolor h2, .mint-lila .invertcolor h3, .mint-lila .invertcolor h4, .mint-lila .invertcolor h5, .mint-lila .invertcolor h6, .mint-lila .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li a{
      color: var(--color-mint)!important;
    }

    .mint-lila .invertcolor p, .mint-lila .invertcolor a, .mint-lila .invertcolor a:hover{
      color: var(--color-mint)!important;
    }

/* Bereits Invertiertes noch mal Invertieren */

.mint-lila .invertcolor .invertagain{
  background-color: var(--color-mint)!important;
}

.mint-lila .invertcolor .invertagain h3, .mint-lila .invertcolor .invertagain p{
  color: var(--color-dark-purple)!important;
}

/* Hamburger Menu Geschlossen Farbe Ändern */
.mint-lila .hamburger-inner, .mint-lila .hamburger-inner::before, .mint-lila .hamburger-inner::after{
  background-color: var(--color-dark-purple);
}

/* Hamburger Menu Offen Farbe Ändern */
.mint-lila .hamburger.is-active .hamburger-inner, .mint-lila .hamburger.is-active .hamburger-inner::before, .mint-lila .hamburger.is-active .hamburger-inner::after{
  background-color: var(--color-mint);
  z-index: 1000!important;
}

.mint-lila .hamburger.hamburger--collapse.is-active{
  border: solid 1px var(--color-mint);
  border-radius: 6px;
  padding: 2px;
  margin-top: -3px;
  margin-right: -3px;
  transition-delay: 200ms!important;
  transition-property: border, padding, margin-top, margin-right;
}


/* Hamburger Menu Mobil Background Color */

@media only screen and (max-width: 767px) {
  .mint-lila .hamburger.hamburger--collapse{
    padding: 3px;
    border-radius: 5px;
    background-color: var(--color-mint);
  }

  .mint-lila .hamburger.hamburger--collapse.is-active{
    background-color: transparent; 
  }
}

/* Footer Text-Button - Farbe */
.mint-lila .text-button .elementor-button-text:before{
  background-color: var(--color-dark-purple);
}

/* Button invertiert */
.mint-lila .invertcolor .elementor-button, .mint-lila .invertcolor .elementor-button:hover{
background-color: var(--color-mint)!important;
color: var(--color-dark-purple)!important;
}

/* Tabs */
.mint-lila .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-dark-purple)!important;
  border-radius: 6px;
}

.mint-lila .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .mint-lila .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-dark-purple);
  border-radius: 6px;
}

/* Tabs invertiert */
.mint-lila .invertcolor .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-mint)!important;
  border-radius: 6px;
  color: var(--color-mint)!important;
}

.mint-lila .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .mint-lila .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-mint);
  border-radius: 6px;
  color: var(--color-dark-purple)!important;
}

.mint-lila .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active a, .mint-lila .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active a{
  color: var(--color-dark-purple)!important;
}

.mint-lila .invertcolor .elementor-tab-title.elementor-tab-mobile-title{
  color: var(--color-mint)!important;
}

/* Akkordeon */

.item.acc_section{
  border-block-start: 1px solid var(--color-dark-purple)!important;
  padding-bottom: 10px;
}

.mint-lila .invertcolor .item.acc_section{
  border-block-start: 1px solid var(--color-mint)!important;
  padding-bottom: 10px;
}

.mint-lila .invertcolor .elementor-accordion-icon i:before, .mint-lila .invertcolor .accordion-title{
  color: var(--color-mint)!important;
}






/*************** lead purple-red ***************/

/* Schriftfarbe */
.lead-lila-rot .breadcrumb a, .lead-lila-rot .breadcrumb span.breadcrumb_last{
  color: var(--color-lead-red);
}


/* breadcrumb-arrow */
.lead-lila-rot svg.breadcrumb-arrow{
  stroke: var(--color-lead-red);
}

/* Invertierte Hintergründe */
.lead-lila-rot .invertcolor{
  background-color: var(--color-lead-red);
}

/* Invertierte Schriftfarben */
.lead-lila-rot .invertcolor .repeater-item, .lead-lila-rot .invertcolor h1, .lead-lila-rot .invertcolor h2, .lead-lila-rot .invertcolor h3, .lead-lila-rot .invertcolor h4, .lead-lila-rot .invertcolor h5, .lead-lila-rot .invertcolor h6, .lead-lila-rot .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li a{
  color: var(--color-lead-dark-purple)!important;
}

.lead-lila-rot .invertcolor p, .lead-lila-rot .invertcolor a, .lead-lila-rot .invertcolor a:hover{
  color: var(--color-lead-dark-purple)!important;
}

/* Bereits Invertiertes noch mal Invertieren */

.lead-lila-rot .invertcolor .invertagain{
  background-color: var(--color-lead-dark-purple)!important;
}

.lead-lila-rot .invertcolor .invertagain h3, .lead-lila-rot .invertcolor .invertagain p{
  color: var(--color-lead-red)!important;
}


/* Hamburger Menu Geschlossen Farbe Ändern */
.lead-lila-rot .hamburger-inner, .lead-lila-rot .hamburger-inner::before, .lead-lila-rot .hamburger-inner::after{
  background-color: var(--color-lead-red);
}

/* Hamburger Menu Offen Farbe Ändern */
.lead-lila-rot .hamburger.is-active .hamburger-inner, .lead-lila-rot .hamburger.is-active .hamburger-inner::before, .lead-lila-rot .hamburger.is-active .hamburger-inner::after{
  background-color: var(--color-lead-dark-purple);
  z-index: 1000!important;
}

.lead-lila-rot .hamburger.hamburger--collapse.is-active{
  border: solid 1px var(--color-lead-dark-purple);
  border-radius: 6px;
  padding: 2px;
  margin-top: -3px;
  margin-right: -3px;
  transition-delay: 200ms!important;
  transition-property: border, padding, margin-top, margin-right;
}


/* Hamburger Menu Mobil Background Color */

@media only screen and (max-width: 767px) {
  .lead-lila-rot .hamburger.hamburger--collapse{
    padding: 3px;
    border-radius: 5px;
    background-color: var(--color-lead-dark-purple);
  }

  .lead-lila-rot .hamburger.hamburger--collapse.is-active{
    background-color: transparent; 
  }
}


/* Footer Text-Button - Farbe */
.lead-lila-rot .text-button .elementor-button-text:before{
  background-color: var(--color-lead-red);
}

/* Button invertiert */
.lead-lila-rot .invertcolor .elementor-button, .lead-lila-rot .invertcolor .elementor-button:hover{
background-color: var(--color-lead-dark-purple)!important;
color: var(--color-lead-red)!important;
}

/* Tabs */
.lead-lila-rot .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-lead-red)!important;
  border-radius: 6px;
}

.lead-lila-rot .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .lead-lila-rot .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-lead-red);
  border-radius: 6px;
}

/* Tabs invertiert */

.lead-lila-rot .invertcolor .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-lead-dark-purple)!important;
  border-radius: 6px;
  color: var(--color-lead-dark-purple)!important;
}

.lead-lila-rot .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .lead-lila-rot .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-lead-dark-purple);
  border-radius: 6px;
  color: var(--color-lead-red)!important;
}

.lead-lila-rot .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active a, .lead-lila-rot .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active a{
  color: var(--color-lead-red)!important;
}

.lead-lila-rot .invertcolor .elementor-tab-title.elementor-tab-mobile-title{
  color: var(--color-lead-dark-purple)!important;
}

/* Akkordeon */

.item.acc_section{
  border-block-start: 1px solid var(--color-lead-red)!important;
  padding-bottom: 10px;
}

.lead-lila-rot .invertcolor .acc_section{
  border-block-start: 1px solid var(--color-lead-dark-purple)!important;
  padding-bottom: 10px;
}

.lead-lila-rot .invertcolor .elementor-accordion-icon i:before, .lead-lila-rot .invertcolor .accordion-title{
  color: var(--color-lead-dark-purple)!important;
}

/* Filter Buttons */

.lead-lila-rot .filters-item{
  color: var(--color-lead-red)!important;
  border: solid 1px var(--color-lead-red)!important;
  border-radius: 5px;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px!important;
}

.lead-lila-rot .filters-item a:hover{
  color: var(--color-lead-red)!important;
  }

.lead-lila-rot .filters-item.filter-active{
  background: var(--color-lead-red);
}

.lead-lila-rot .filters-item.filter-active a{
    color: var(--color-lead-dark-purple)!important;
} 





/*************** lead-gruen  ***************/

/* Schriftfarbe */
.lead-gruen .breadcrumb a, .lead-gruen .breadcrumb span.breadcrumb_last{
  color: var(--color-lead-light-green);
}


/* breadcrumb-arrow */
.lead-gruen svg.breadcrumb-arrow{
  stroke: var(--color-lead-light-green);
}

/* Invertierte Hintergründe */
.lead-gruen .invertcolor{
  background-color: var(--color-lead-light-green);
}

/* Invertierte Schriftfarben */
.lead-gruen .invertcolor .repeater-item, .lead-gruen .invertcolor h1, .lead-gruen .invertcolor h2, .lead-gruen .invertcolor h3, .lead-gruen .invertcolor h4, .lead-gruen .invertcolor h5, .lead-gruen .invertcolor h6, .lead-gruen .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li a{
  color: var(--color-lead-dark-green)!important;
}

.lead-gruen .invertcolor p, .lead-gruen .invertcolor a, .lead-gruen .invertcolor a:hover{
  color: var(--color-lead-dark-green)!important;
}

/* Bereits Invertiertes noch mal Invertieren */

.lead-gruen .invertcolor .invertagain{
  background-color: var(--color-lead-dark-green)!important;
}

.lead-gruen .invertcolor .invertagain h3, .lead-gruen .invertcolor .invertagain p{
  color: var(--color-lead-light-green)!important;
}


/* Hamburger Menu Geschlossen Farbe Ändern */
.lead-gruen .hamburger-inner, .lead-gruen .hamburger-inner::before, .lead-gruen .hamburger-inner::after{
  background-color: var(--color-lead-light-green);
}

/* Hamburger Menu Offen Farbe Ändern */
.lead-gruen .hamburger.is-active .hamburger-inner, .lead-gruen .hamburger.is-active .hamburger-inner::before, .lead-gruen .hamburger.is-active .hamburger-inner::after{
  background-color: var(--color-lead-dark-green);
  z-index: 1000!important;
}

.lead-gruen .hamburger.hamburger--collapse.is-active{
  border: solid 1px var(--color-lead-dark-green);
  border-radius: 6px;
  padding: 2px;
  margin-top: -3px;
  margin-right: -3px;
  transition-delay: 200ms!important;
  transition-property: border, padding, margin-top, margin-right;
}


/* Hamburger Menu Mobil Background Color */

@media only screen and (max-width: 767px) {
  .lead-gruen .hamburger.hamburger--collapse{
    padding: 3px;
    border-radius: 5px;
    background-color: var(--color-lead-dark-green);
  }

  .lead-gruen .hamburger.hamburger--collapse.is-active{
    background-color: transparent; 
  }
}


/* Footer Text-Button - Farbe */
.lead-gruen .text-button .elementor-button-text:before{
  background-color: var(--color-lead-light-green);
}

/* Button invertiert */
.lead-gruen .invertcolor .elementor-button, .lead-gruen .invertcolor .elementor-button:hover{
background-color: var(--color-lead-dark-green)!important;
color: var(--color-lead-light-green)!important;
}

/* Tabs */
.lead-gruen .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-lead-light-green)!important;
  border-radius: 6px;
}

.lead-gruen .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .lead-gruen .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-lead-light-green);
  border-radius: 6px;
}

/* Tabs invertiert */

.lead-gruen .invertcolor .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-lead-dark-green)!important;
  border-radius: 6px;
  color: var(--color-lead-dark-green)!important;
}

.lead-gruen .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .lead-gruen .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-lead-dark-green);
  border-radius: 6px;
  color: var(--color-lead-light-green)!important;
}

.lead-gruen .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active a, .lead-gruen .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active a{
  color: var(--color-lead-light-green)!important;
}

.lead-gruen .invertcolor .elementor-tab-title.elementor-tab-mobile-title{
  color: var(--color-lead-dark-green)!important;
}

/* Akkordeon */

.item.acc_section{
  border-block-start: 1px solid var(--color-lead-light-green)!important;
  padding-bottom: 10px;
}

.lead-gruen .invertcolor .acc_section{
  border-block-start: 1px solid var(--color-lead-dark-green)!important;
  padding-bottom: 10px;
}

.lead-gruen .invertcolor .elementor-accordion-icon i:before, .lead-gruen .invertcolor .accordion-title{
  color: var(--color-lead-dark-green)!important;
}

/* Filter Buttons */

.lead-gruen .filters-item{
  color: var(--color-lead-light-green)!important;
  border: solid 1px var(--color-lead-light-green)!important;
  border-radius: 5px;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px!important;
}

.lead-gruen .filters-item a:hover{
  color: var(--color-lead-light-green)!important;
  }

.lead-gruen .filters-item.filter-active{
  background: var(--color-lead-light-green);
}

.lead-gruen .filters-item.filter-active a{
    color: var(--color-lead-dark-green)!important;
} 




/*************** lead blue ***************/

/* Schriftfarbe */
.lead-blau .breadcrumb a, .lead-blau .breadcrumb span.breadcrumb_last{
  color: var(--color-lead-light-blue);
}


/* breadcrumb-arrow */
.lead-blau svg.breadcrumb-arrow{
  stroke: var(--color-lead-light-blue);
}

/* Invertierte Hintergründe */
.lead-blau .invertcolor{
  background-color: var(--color-lead-light-blue);
}

/* Invertierte Schriftfarben */
.lead-blau .invertcolor .repeater-item, .lead-blau .invertcolor h1, .lead-blau .invertcolor h2, .lead-blau .invertcolor h3, .lead-blau .invertcolor h4, .lead-blau .invertcolor h5, .lead-blau .invertcolor h6, .lead-blau .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li a{
  color: var(--color-lead-dark-blue)!important;
}

.lead-blau .invertcolor p, .lead-blau .invertcolor a, .lead-blau .invertcolor a:hover{
  color: var(--color-lead-dark-blue)!important;
}

/* Bereits Invertiertes noch mal Invertieren */

.lead-blau .invertcolor .invertagain{
  background-color: var(--color-lead-dark-blue)!important;
}

.lead-blau .invertcolor .invertagain h3, .lead-blau .invertcolor .invertagain p{
  color: var(--color-lead-light-blue)!important;
}


/* Hamburger Menu Geschlossen Farbe Ändern */
.lead-blau .hamburger-inner, .lead-blau .hamburger-inner::before, .lead-blau .hamburger-inner::after{
  background-color: var(--color-lead-light-blue);
}

/* Hamburger Menu Offen Farbe Ändern */
.lead-blau .hamburger.is-active .hamburger-inner, .lead-blau .hamburger.is-active .hamburger-inner::before, .lead-blau .hamburger.is-active .hamburger-inner::after{
  background-color: var(--color-lead-dark-blue);
  z-index: 1000!important;
}

.lead-blau .hamburger.hamburger--collapse.is-active{
  border: solid 1px var(--color-lead-dark-blue);
  border-radius: 6px;
  padding: 2px;
  margin-top: -3px;
  margin-right: -3px;
  transition-delay: 200ms!important;
  transition-property: border, padding, margin-top, margin-right;
}


/* Hamburger Menu Mobil Background Color */

@media only screen and (max-width: 767px) {
  .lead-blau .hamburger.hamburger--collapse{
    padding: 3px;
    border-radius: 5px;
    background-color: var(--color-lead-dark-blue);
  }

  .lead-blau .hamburger.hamburger--collapse.is-active{
    background-color: transparent; 
  }
}


/* Footer Text-Button - Farbe */
.lead-blau .text-button .elementor-button-text:before{
  background-color: var(--color-lead-light-blue);
}

/* Button invertiert */
.lead-blau .invertcolor .elementor-button, .lead-blau .invertcolor .elementor-button:hover{
background-color: var(--color-lead-dark-blue)!important;
color: var(--color-lead-light-blue)!important;
}

/* Tabs */
.lead-blau .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-lead-light-blue)!important;
  border-radius: 6px;
}

.lead-blau .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .lead-blau .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-lead-light-blue);
  border-radius: 6px;
}

/* Tabs invertiert */

.lead-blau .invertcolor .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-lead-dark-blue)!important;
  border-radius: 6px;
  color: var(--color-lead-dark-blue)!important;
}

.lead-blau .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .lead-blau .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-lead-dark-blue);
  border-radius: 6px;
  color: var(--color-lead-light-blue)!important;
}

.lead-blau .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active a, .lead-blau .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active a{
  color: var(--color-lead-light-blue)!important;
}

.lead-blau .invertcolor .elementor-tab-title.elementor-tab-mobile-title{
  color: var(--color-lead-dark-blue)!important;
}

/* Akkordeon */

.item.acc_section{
  border-block-start: 1px solid var(--color-lead-light-blue)!important;
  padding-bottom: 10px;
}

.lead-blau .invertcolor .acc_section{
  border-block-start: 1px solid var(--color-lead-dark-blue)!important;
  padding-bottom: 10px;
}

.lead-blau .invertcolor .elementor-accordion-icon i:before, .lead-blau .invertcolor .accordion-title{
  color: var(--color-lead-dark-blue)!important;
}

/* Filter Buttons */

.lead-blau .filters-item{
  color: var(--color-lead-light-blue)!important;
  border: solid 1px var(--color-lead-light-blue)!important;
  border-radius: 5px;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px!important;
}

.lead-blau .filters-item a:hover{
  color: var(--color-lead-light-blue)!important;
  }

.lead-blau .filters-item.filter-active{
  background: var(--color-lead-light-blue);
}

.lead-blau .filters-item.filter-active a{
    color: var(--color-lead-dark-blue)!important;
} 




/*************** lead red-beige ***************/

/* Schriftfarbe */
.lead-rot-baige .breadcrumb a, .lead-rot-baige .breadcrumb span.breadcrumb_last{
  color: var(--color-lead-mid-beige);
}


/* breadcrumb-arrow */
.lead-rot-baige svg.breadcrumb-arrow{
  stroke: var(--color-lead-mid-beige);
}

/* Invertierte Hintergründe */
.lead-rot-baige .invertcolor{
  background-color: var(--color-lead-mid-beige);
}

/* Invertierte Schriftfarben */
.lead-rot-baige .invertcolor .repeater-item, .lead-rot-baige .invertcolor h1, .lead-rot-baige .invertcolor h2, .lead-rot-baige .invertcolor h3, .lead-rot-baige .invertcolor h4, .lead-rot-baige .invertcolor h5, .lead-rot-baige .invertcolor h6, .lead-rot-baige .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li a{
  color: var(--color-lead-dark-red)!important;
}

.lead-rot-baige .invertcolor p, .lead-rot-baige .invertcolor a, .lead-rot-baige .invertcolor a:hover{
  color: var(--color-lead-dark-red)!important;
}

/* Bereits Invertiertes noch mal Invertieren */

.lead-rot-baige .invertcolor .invertagain{
  background-color: var(--color-lead-dark-red)!important;
}

.lead-rot-baige .invertcolor .invertagain h3, .lead-rot-baige .invertcolor .invertagain p{
  color: var(--color-lead-mid-beige)!important;
}


/* Hamburger Menu Geschlossen Farbe Ändern */
.lead-rot-baige .hamburger-inner, .lead-rot-baige .hamburger-inner::before, .lead-rot-baige .hamburger-inner::after{
  background-color: var(--color-lead-mid-beige);
}

/* Hamburger Menu Offen Farbe Ändern */
.lead-rot-baige .hamburger.is-active .hamburger-inner, .lead-rot-baige .hamburger.is-active .hamburger-inner::before, .lead-rot-baige .hamburger.is-active .hamburger-inner::after{
  background-color: var(--color-lead-dark-red);
  z-index: 1000!important;
}

.lead-rot-baige .hamburger.hamburger--collapse.is-active{
  border: solid 1px var(--color-lead-dark-red);
  border-radius: 6px;
  padding: 2px;
  margin-top: -3px;
  margin-right: -3px;
  transition-delay: 200ms!important;
  transition-property: border, padding, margin-top, margin-right;
}


/* Hamburger Menu Mobil Background Color */

@media only screen and (max-width: 767px) {
  .lead-rot-baige .hamburger.hamburger--collapse{
    padding: 3px;
    border-radius: 5px;
    background-color: var(--color-lead-dark-red);
  }

  .lead-rot-baige .hamburger.hamburger--collapse.is-active{
    background-color: transparent; 
  }
}


/* Footer Text-Button - Farbe */
.lead-rot-baige .text-button .elementor-button-text:before{
  background-color: var(--color-lead-mid-beige);
}

/* Button invertiert */
.lead-rot-baige .invertcolor .elementor-button, .lead-rot-baige .invertcolor .elementor-button:hover{
background-color: var(--color-lead-dark-red)!important;
color: var(--color-lead-mid-beige)!important;
}

/* Tabs */
.lead-rot-baige .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-lead-mid-beige)!important;
  border-radius: 6px;
}

.lead-rot-baige .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .lead-rot-baige .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-lead-mid-beige);
  border-radius: 6px;
}

/* Tabs invertiert */

.lead-rot-baige .invertcolor .elementor-tabs .elementor-tab-title{
  margin: 10px;
  border: solid 1px var(--color-lead-dark-red)!important;
  border-radius: 6px;
  color: var(--color-lead-dark-red)!important;
}

.lead-rot-baige .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active, .lead-rot-baige .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
  background-color: var(--color-lead-dark-red);
  border-radius: 6px;
  color: var(--color-lead-mid-beige)!important;
}

.lead-rot-baige .invertcolor .elementor-tab-title.elementor-tab-desktop-title.elementor-active a, .lead-rot-baige .invertcolor .elementor-tab-title.elementor-tab-mobile-title.elementor-active a{
  color: var(--color-lead-mid-beige)!important;
}

.lead-rot-baige .invertcolor .elementor-tab-title.elementor-tab-mobile-title{
  color: var(--color-lead-dark-red)!important;
}

/* Akkordeon */

.item.acc_section{
  border-block-start: 1px solid var(--color-lead-mid-beige)!important;
  padding-bottom: 10px;
}

.lead-rot-baige .invertcolor .acc_section{
  border-block-start: 1px solid var(--color-lead-dark-red)!important;
  padding-bottom: 10px;
}

.lead-rot-baige .invertcolor .elementor-accordion-icon i:before, .lead-rot-baige .invertcolor .accordion-title{
  color: var(--color-lead-dark-red)!important;
}

/* Filter Buttons */

.lead-rot-baige .filters-item{
  color: var(--color-lead-mid-beige)!important;
  border: solid 1px var(--color-lead-mid-beige)!important;
  border-radius: 5px;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px!important;
}

.lead-rot-baige .filters-item a:hover{
  color: var(--color-lead-mid-beige)!important;
  }

.lead-rot-baige .filters-item.filter-active{
  background: var(--color-lead-mid-beige);
}

.lead-rot-baige .filters-item.filter-active a{
    color: var(--color-lead-dark-red)!important;
} 






/*************** Roter Hintergrund ***************/

/* Roter Hintergrund */
    .redbackground{
      background-color: var(--color-dark-red)!important;
    }

    .redbackground p, .redbackground h1, .redbackground h2, .redbackground h3{
      color: var(--color-mint)!important;
    }

    .redbackground h2{
      font-size: 240px!important;
      margin-top: -40px;
    }

@media only screen and (max-width: 767px) {
  .redbackground h2{
        font-size: 100px!important;
        margin-top: -40px;
      }
    .big-font p {
    font-size: 35px!important;
  }
    }


/*******************
    Komplette Seite
*******************/

@media screen and (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}


/*******************
    Header
*******************/


/* Blaue Linie um hamburger menü entfernen */

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
}

html body .logo-header svg{
  height: 60px;
}

@media only screen and (max-width: 767px) {
  .ham-menu{
    position: fixed!important;
    bottom: 3px;
    left: 5px;
    z-index: 99999!important;
  }
}

/* Hamburger Menu ganz vorne */

.hamburger-inner, .hamburger.is-active{
  z-index: 999999!important;
}

.hamburger:hover {
    opacity: 1!important;
}

/* Akkordion Menü */

.elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li > a, .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul ul li > a, .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul ul ul li > a, .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_minimal a{
border-bottom: 0px solid #ffffff00!important;
cursor: pointer;
line-height: 1.0!important;
padding: 0px;
font-weight: 300!important;
background: none;
border-left-color: transparent;
}

.wpb_category_n_menu_accordion > ul > li > a{
  font-size: 35px!important;
}

body .wpb_category_n_menu_accordion li a{
  margin: 10px;
}

 .elementor-element .wpb_category_n_menu_accordion li a i, .elementor-element .wpb_category_n_menu_accordion li span.wpb-submenu-indicator .wpb-submenu-indicator-icon{
  display: none;
}

.elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li li:hover > a, .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li li.current-cat > a, .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent li.wpb-submenu-indicator-minus > a{
  border-left: 0px solid #ffffff00!important;
}

.elementor-element ul.sub-menu li a{
  padding: 5px 0px 5px 30px!important;
}

.elementor-element .sub-menu a{
  font-size: 24px!important;
  margin: 0px!important;
}

@media only screen and (max-height: 750px) {
  .elementor-element .menu-container-bottom{
  display: none;
}
}

@media only screen and (max-width: 767px) {
  .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li > a, .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul ul li > a, .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul ul ul li > a, .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_minimal a{
    font-size: 40px!important;
    padding: 0px 30px;
  }
  .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul > li > ul > li > a, .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul ul li> ul > li  > a, .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_transparent > ul ul ul li> ul > li  > a, .elementor-element .wpb_category_n_menu_accordion.wpb_wmca_theme_minimal a{
  font-size: 22px!important;
  margin: 0px!important;
  padding-left: 50px!important;
}
}

.menu-container{
    overflow-y: auto;
    max-height: 100vh;
}

.menu-container::-webkit-scrollbar {
  display: none;
}

/* Menu-Font immer Großbuchstaben */

body .wpb_category_n_menu_accordion li a {
text-transform: uppercase;
}


/*******************
    Footer
*******************/

.font-footer, .text-button .elementor-button{
  font-size: 36px;
  text-underline-offset: 4px;
  line-height: 1.0;
}

@media only screen and (max-width: 767px) {
  .font-footer, .text-button .elementor-button{
    font-size: 20px;
  }
}

.font-footer{
  line-height: 1.35;
}

/* Footer Font */

html body .font-footer a{
    color: inherit;
}

.font-footer a:hover{
    text-decoration: underline;
    opacity: 0.5;
}

/* Footer Text-Button - Hover Unterstrichen Animation */

.text-button .elementor-button .elementor-button-icon {
    margin-left: -20px;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-right: 5px;
    visibility: hidden;
    opacity:0;
    transition: all 2s fade-in-out;
}

.text-button .elementor-button-text{
  position: relative;
}

.text-button .elementor-button-text:before{
  content: "";
  position: absolute;
  width: 0;
  height: 3px;
  bottom: 0;
  left: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}

/* Footer Text-Button - Farbe */

.text-button .elementor-button:hover .elementor-button-text:before{
  visibility: visible;
  width: 100%;
}

.text-button .elementor-button, .text-button .elementor-button .elementor-button-icon{
    margin-left: -15px;
    transition: all 0.4s ease-in-out;
  }

.text-button .elementor-button:hover .elementor-button-icon{
    visibility: visible;
    opacity:1;
    margin-left: 0px;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-right: 5px;
  }

@media only screen and (max-width: 767px) {
  .text-button .elementor-button .elementor-button-icon {
    padding-top: 0px;
    padding-bottom: 3px;
}
.text-button .elementor-button:hover .elementor-button-icon{
    padding-top: 0px;
    padding-bottom: 3px;
  }
}



/*******************
    Breite definieren
*******************/


.e-con-boxed.slim-width{
  --container-max-width: 1400px;
}

.e-con-boxed.slim-text-width{
  --container-max-width: 724px;
}

.e-con-boxed.full-width{
  --container-max-width: 1860px;
}

.e-con-boxed.middle-width{
  --container-max-width: 1480px;
}

/*******************
    Elemente/Bausteine
*******************/


/* Abstände */

.elementor-widget-container .dynamic-content-for-elementor-acf .gap-very-small{
  height:20px;
}

.elementor-widget-container .dynamic-content-for-elementor-acf .gap-small{
  height:40px;
}

.elementor-widget-container .dynamic-content-for-elementor-acf .gap-medium{
  height:80px;
}

.elementor-widget-container .dynamic-content-for-elementor-acf .gap-big{
  height:120px;
}

@media only screen and (max-width: 767px) {

  .elementor-widget-container .dynamic-content-for-elementor-acf .gap-very-small{
  height:20px;
}

.elementor-widget-container .dynamic-content-for-elementor-acf .gap-small{
  height:40px;
}

.elementor-widget-container .dynamic-content-for-elementor-acf .gap-medium{
  height:60px;
}

.elementor-widget-container .dynamic-content-for-elementor-acf .gap-big{
  height:80px;
}
}


/* Tabs in die nächste Zeile wenn kein Paltz */

.elementor-widget-tabs.elementor-tabs-alignment-center .elementor-tabs-wrapper, .elementor-widget-tabs.elementor-tabs-alignment-end .elementor-tabs-wrapper, .elementor-widget-tabs.elementor-tabs-alignment-stretch .elementor-tabs-wrapper{
  flex-wrap: wrap;
}


/* Slider */

/* Textabschnitt große Schrift */

.big-font p{
  font-size: 60px;
  max-width: 1280px!important;
}


/* Slider Startseite */

/* Slider Mobil */
@media only screen and (max-width: 970px) {
  #n2-ss-2-arrow-next{
    position: absolute!important;
    width: 28px!important;
    height: 9px!important;
    top: auto!important;
    right: 15px!important;
    bottom: 15px!important;
    margin-right: 0px;
  }
  #n2-ss-2-arrow-previous{
  position: absolute!important;
  width: 28px!important;
  height: 9px!important;
  top: auto!important;
  left: auto!important;
  bottom: 15px!important;
  right: 110px!important;
}

.n2-ss-slider p{
  text-align: left!important;
}

.n2-ss-slider .n2-ss-layer-content[data-verticalalign=center] {
justify-content: flex-end!important;
bottom: 80px;
}

}

/* Slider vodef */

.swiper-slide{
  width: 30%;
}


/* Formulare */

.elementor-field-textual{
  padding: 20px!important;
}

#f12_captcha{
  border: solid 1px #CEF6DD;
    background: none;
    margin-top: 10px;
    padding: 10px;
}

.form-light-bg #f12_captcha{
  border-bottom: solid 1px #478795;
    background: none;
    padding: 10px 20px;
}

.form-light-bg .elementor-field-type-text.elementor-field-group.elementor-column.elementor-field-group-text.elementor-col-100.elementor-field-required label{
  margin-top: 10px;
  margin-left: 20px;
  color: #478795;
}

#f12_captcha input::placeholder{
  color: #478795!important;
}


/* Button */

.repeater-button .elementor-location-single{
  float: left!important;
  padding: 20px 10px 30px 10px!important;
  white-space: nowrap;
}

.header ul.dce-acf-repeater-list, .header li.dce-acf-repeater-item{
  float: left;
  list-style: none;
  padding: 0px;
}

.header .elementor-button {
  margin-right: 20px!important;
}

/* Breadcrumb */
.breadcrumb a, .breadcrumb .breadcrumb_last{
  font-size: 18px;
  text-transform:  uppercase;
}

.breadcrumb .breadcrumb_last{
  text-decoration: underline;
  text-underline-offset: 2px;
}


.repeater-button .elementor-widget-container{
  background-color: transparent!important;
}

/* Akkordion */

.elementor-accordion .elementor-active, .elementor-tab-content{
  border-width: 0px!important;
}

.elementor-active .elementor-accordion-title{
  text-decoration: underline;
  text-underline-offset: 2px;
}

.elementor-accordion-icon.elementor-accordion-icon-right{
  padding:  20px 40px;
}

.icon.dce-accordion-icon.accordion-icon-left .fas, .icon-active.dce-accordion-icon.accordion-icon-left .fas.fa-minus{
font-size: 24px!important;
vertical-align: middle!important;
padding-bottom: 5px;
}

.accordionjs .acc_section.acc_active > .acc_content {
display: grid!important;
}

/* Teamleitung */

.teamleitung a, .teamleitung a:hover{
  color: inherit;
  text-decoration: underline!important;
  text-underline-offset: 2px;

}


/* Slider Team */

.dynamic_acfslider.gallery.gallery-lightbox{
  border-radius: 6px!important;
}

.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure {
border-radius: 6px!important;
}

.swiper-pagination-bullet{
  width: 17px!important;
  height: 17px!important;
  border-radius: 3px!important;
}

.swiper-pagination{
  z-index: 9!important;
}

/* Share Buttons */

.elementor-share-buttons--skin-gradient .elementor-share-btn__text, .elementor-share-buttons--skin-gradient.elementor-share-buttons--view-icon .elementor-share-btn__icon {
background-image: none!important;
}

/* Slider Team Wer sind wir */

.swiper-container-horizontal>.swiper-scrollbar{
  display: none!important;
}

/* Großes Bild center - max-height definieren */

.big-img .acf-image{
  max-height: 730px;
}

@media only screen and (max-width: 767px) {
  .big-img .acf-image{
  max-height: 400px;
}
}

/* Suchen Page */

.elementor-posts-nothing-found{
  text-align: center;
}

/* Prdukte Page */

.tab-produkte .elementor-tabs-content-wrapper{
  background-color: transparent!important;
}

.tab-produkte .elementor-tab-title.elementor-tab-desktop-title{
  border-radius: 6px;
  border: solid 1px;
  margin: 0px 10px;
  padding: 14px 25px!important;
  max-height: -webkit-fit-content;
}

.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:before, .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:after{
  border-bottom-style: none!important;
}

/* Events Startseite */
/*
.events h2, .events h2 span, .events h3, .events h3 span{
  font-size: 30px!important;
  text-align: left!important;
  color: #CEF6DD!important;
  font-weight: 400;
}
*/
/* Events Buttons */

.events .filters-item, .filters-item.filter-active{
  border: solid 1px #E65851;
  border-radius: 5px;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px!important;
}

.events .filters-item.filter-active{
  background:#E65851;
}

.events .filters-item.filter-active a{
    color:#CCBCCA!important;
} 

/* Events */

html body .cpt-content p, html body .cpt-content span, html body .cpt-content div, html body .cpt-content p span{
  font-weight: 400;
  font-size: 24px!important;
  text-align: left!important;
  color: revert!important;
}

html body .cpt-content p strong, html body .cpt-content p span strong, html body .cpt-content p b, html body .cpt-content p span b , html body .cpt-content p a{
  font-weight: 600;
}

html body .cpt-content p a{
  text-decoration: underline;
}

/* Events OW Anmeldung */

.anmeldung-eow .form__input{
  padding-left: 10px!important;
  border: 1px solid #CEF6DD;
}

.anmeldung-eow .form__item_radio{
  color: #CEF6DD!important;
}

.anmeldung-eow .form_divider {
font-size: 1.5em;
font-weight: 600;
color: #CEF6DD;
margin: 20px 0 20px 0;
border-bottom: 0px solid;
}

.anmeldung-eow .form__input{
  color: #CEF6DD;
}

.anmeldung-eow .form__field{
  border: 0px solid;
  padding: 0px;
}

.anmeldung-eow [type=button], .anmeldung-eow [type=submit], button{
  border: solid 1px #CEF6DD;
  color: #CEF6DD;
  padding: 10px;
}
.anmeldung-eow [type=button]:focus, .anmeldung-eow [type=button]:hover, .anmeldung-eow [type=submit]:focus, .anmeldung-eow [type=submit]:hover, .anmeldung-eow button:focus, .anmeldung-eow button:hover{
  background-color: #CEF6DD;
  color: #478795;
}

/* Events OW Tabelle */

.table-eow table td, .table-eow table th{
  border: 0px;
}

table tr, table tr:hover, table tbody tr:hover>td, table tbody, table tbody>tr:nth-child(odd)>td{
    background-color: #CEF6DD!important;
}

/* Songs */

.mejs-container .mejs-controls{
    background: none!important;
    margin-left: -20px!important;
}

.mejs-controls {
    display: -webkit-inline-box!important;
    background-color: #5E1D53!important;
  }

  .mejs-time{
    color: #5E1D53!important;
  }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #5E1D53!important;
}

.mejs-button button,
.mejs-time {
    color: #5E1D53!important;
}

.form__select, .form__select:active, .form__select:visited{
  appearance: none;
  background-image: url("https://www.vineyard-dach.net/wp-content/uploads/2025/05/kleiner-pfeil.svg");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 10px 6px;
  padding-right: 2rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #CEF6DD;
}

/* Vineyard Campus */

.elementor-widget-dyncontel-acf.forcewidth-yes .acf-image, .elementor-widget-dyncontel-acf.forcewidth-yes .dynamic-content-for-elementor-acf{
  width: 80%!important;
}

.lead-lila-rot .dynamic-content-for-elementor-acf a{
  color: #CD5B56!important;
}

.lead-lila-rot .elementor-3795 .elementor-element.elementor-element-78e788e > .elementor-widget-container{
  font-size: 45px;
}