/* Webman Template based on 
 * Bootstrap Grid v5.2.3 (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Font Awesome Pro 5.15.1 by @fontawesome (https://fontawesome.com/license - Commercial License)
 */

/* ############################# ALLGEMEIN ############################# */

/**** Farben und andere Definitionen ****/
:root {
  --prime:        #E74011;
  --second:       #3C3C3B;
  --content:      #000;
  --default:      #e7e7e7;
  --hellgrau:     #E5E5E5;
  --mittelgrau:   #c1c1c1;
  --grauhell:       #eee;
  --graumittel:       #aaa;
  --graudunkel:       #333;
  --bs-gutter-y:      0px; /*Für Rows und Cols*/
  --bs-gutter-x:      30px; /*Für Rows und Cols normal*/
  --bs-smallgutter-x: 10px; /*kleiner Abstand*/
  --bs-formgutter-x:  10px; /*Abstand in Formularen*/
  --bs-widegutter-x:  50px; /*großer Abstand*/
  --fafontweight:     400;
}

/**** TYPO ****/
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: local('exo-300'), local('exo-300'), url(https://helmut-meeth.com/templates/webman4/fonts/exo-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: local('exo-400'), local('exo-400'), url(https://helmut-meeth.com/templates/webman4/fonts/exo-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: local('exo-600'), local('exo-600'), url(https://helmut-meeth.com/templates/webman4/fonts/exo-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@supports (font-variation-settings: normal) {
  @font-face {
      font-family: 'Exo Variabel';
      src: url(../fonts/exo-variable.woff) format('woff2 supports variations'),
          url(../fonts/exo-variable.woff) format('woff2-variations');
      font-weight: 100 900;
      font-display: block;
      font-stretch: 25% 151%;
  }
}

/**** Font Awesome ****/
/* @font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 100;
  font-display: block;
  src: url(https://helmut-meeth.com/templates/webman4/fonts/fa-thin-100.woff2) format("woff2");
}
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(https://helmut-meeth.com/templates/webman4/fonts/fa-light-300.woff2) format("woff2");
} */
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/fa-regular-400.woff) format("woff2");
}
/* @font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(https://helmut-meeth.com/templates/webman4/fonts/fa-solid-900.woff2) format("woff2");
} */
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/fa-brands-400.woff) format("woff2");
}
.fa {
  font-family: "Font Awesome 6 Pro";
  font-weight: var(--fafontweight);
}
/* ############################# Bootstrap ############################# */
/**** Grid ****/
.container-fluid{width:100%}.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.row.small-gutters,.small-gutters>.container>.row,.small-gutters>.container-inner>.row{margin-right:calc(var(--bs-smallgutter-x) * -.5);margin-left:calc(var(--bs-smallgutter-x) * -.5)}.row.small-gutters>*,.small-gutters>.container>.row>*,.small-gutters>.container-inner>.row>*{padding-right:calc(var(--bs-smallgutter-x) * .5);padding-left:calc(var(--bs-smallgutter-x) * .5)}.formContainer>.row{margin-right:calc(var(--bs-formgutter-x) * -.5);margin-left:calc(var(--bs-formgutter-x) * -.5)}.formContainer>.row>*{padding-right:calc(var(--bs-formgutter-x) * .5);padding-left:calc(var(--bs-formgutter-x) * .5)}.row.wide-gutters,.wide-gutters>.row{margin-right:calc(var(--bs-widegutter-x) * -.5);margin-left:calc(var(--bs-widegutter-x) * -.5)}.row.wide-gutters>*,.wide-gutters>.row>*{padding-right:calc(var(--bs-widegutter-x) * .5);padding-left:calc(var(--bs-widegutter-x) * .5)}.col{flex:1 0 0%}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-block{display:block}.d-grid{display:grid}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-none{display:none}.mitte-mitte{justify-content:center;align-items:center}.order-first{order:-1}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-last{order:6}@media (min-width:576px){.container,.container-sm{max-width:540px}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.d-sm-inline{display:inline}.d-sm-inline-block{display:inline-block}.d-sm-block{display:block}.d-sm-flex{display:flex}.d-sm-inline-flex{display:inline-flex}.d-sm-none{display:none}.order-sm-first{order:-1}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-last{order:6}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.d-md-inline{display:inline}.d-md-inline-block{display:inline-block}.d-md-block{display:block}.d-md-flex{display:flex}.d-md-inline-flex{display:inline-flex}.d-md-none{display:none}.order-md-first{order:-1}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-last{order:6}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.d-lg-inline{display:inline}.d-lg-inline-block{display:inline-block}.d-lg-block{display:block}.d-lg-flex{display:flex}.d-lg-inline-flex{display:inline-flex}.d-lg-none{display:none}.order-lg-first{order:-1}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-last{order:6}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.d-xl-inline{display:inline}.d-xl-inline-block{display:inline-block}.d-xl-block{display:block}.d-xl-flex{display:flex}.d-xl-inline-flex{display:inline-flex}.d-xl-none{display:none}.order-xl-first{order:-1}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-last{order:6}}@media (min-width:1400px){.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.d-xxl-inline{display:inline}.d-xxl-inline-block{display:inline-block}.d-xxl-block{display:block}.d-xxl-flex{display:flex}.d-xxl-inline-flex{display:inline-flex}.d-xxl-none{display:none}.order-xxl-first{order:-1}.order-xxl-0{order:0}.order-xxl-1{order:1}.order-xxl-2{order:2}.order-xxl-3{order:3}.order-xxl-4{order:4}.order-xxl-5{order:5}.order-xxl-last{order:6}}/* @media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}} */
/**** Layout ****/
*,::after,::before{box-sizing:border-box;}.clearfix::after{display:block;clear:both;content:""}hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25;}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none;}pre{font-family:var(--bs-font-monospace);font-size:1em;display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em;}.visible{visibility:visible!important;}.invisible{visibility:hidden!important;}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}button,select{text-transform:none;}[role=button]{cursor:pointer;}[hidden]{display:none!important;}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}

/**** Eigene Elemente ****/
:focus,a{-webkit-tap-highlight-color: transparent;}
button:focus,:focus,.btn:focus,.btn:active:focus,.btn.active:focus{outline:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}@media (min-width:1400px){.hidden-xxl{display:none}}@media (min-width:1200px) and (max-width:1399px){.hidden-xl{display:none}}@media (max-width:575px){.hidden-xs{display:none}}@media (min-width:576px) and (max-width:767px){.hidden-sm{display:none}}@media (min-width:768px) and (max-width:991px){.hidden-md{display:none}}@media (min-width:992px) and (max-width:1199px){.hidden-lg{display:none}}
/* ############################# Font Awesome ############################# */
.fa,.fa-classic,.fa-sharp,.fas,.fa-solid,.far,.fa-regular,.fal,.fa-light,.fat,.fa-thin,.fad,.fa-duotone,.fass,.fa-sharp-solid,.fab,.fa-brands{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fas,.fa-classic,.fa-solid,.far,.fa-regular,.fal,.fa-light,.fat,.fa-thin{font-family:'Font Awesome 6 Pro'}.fal,.fa-light{font-weight:300}.far,.fa-regular{font-weight:400}.fas,.fa-solid{font-weight:900}.fat,.fa-thin{font-weight:100}.fab,.fa-brands{font-family:'Font Awesome 6 Brands';font-weight:400}.fad,.fa-classic.fa-duotone,.fa-duotone{font-family:'Font Awesome 6 Duotone'}.fass,.fa-sharp{font-family:'Font Awesome 6 Sharp';font-weight:900}
.fa-calendar-alt:before,.fa-calendar-days:before{content:"\f073"}.fa-bars:before,.fa-navicon:before{content:"\f0c9"}.fa-chevron-up::before{content:"\f077"}.fa-money-bill::before{content:"\f0d6"}.fa-user::before{content:"\f007"}.fa-star::before{content:"\f005"}.fa-cloud-arrow-down:before,.fa-cloud-download-alt:before,.fa-cloud-download:before{content:"\f0ed"}.fa-arrow-up-right-from-square:before,.fa-external-link:before{content:"\f08e"}.fa-arrow-right::before{content:"\f061"}.fa-heart::before{content:"\f004"}.fa-basket-shopping:before,.fa-shopping-basket:before{content:"\f291"}.fa-phone::before{content:"\f095"}.fa-trash::before{content:"\f1f8"}.fa-arrow-left::before{content:"\f060"}.fa-file-pdf::before{content:"\f1c1"}.fa-briefcase-clock:before,.fa-business-time:before{content:"\f64a"}.fa-comment::before{content:"\f075"}.fa-envelope::before{content:"\f0e0"}.fa-hourglass-empty:before,.fa-hourglass:before{content:"\f254"}.fa-minus:before,.fa-subtract:before{content:"\f068"}.fa-cart-shopping:before,.fa-shopping-cart:before{content:"\f07a"}.fa-clock-four:before,.fa-clock:before{content:"\f017"}.fa-accent-grave:before{content:"\60"}.fa-download::before{content:"\f019"}.fa-location-dot:before,.fa-map-marker-alt:before{content:"\f3c5"}.fa-file::before{content:"\f15b"}.fa-arrow-down::before{content:"\f063"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-chevron-down::before{content:"\f078"}.fa-arrow-up::before{content:"\f062"}.fa-add:before,.fa-plus:before{content:"\2b"}.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:"\f00d"}.fa-chevron-left::before{content:"\f053"}.fa-chevron-right::before{content:"\f054"}.fa-rotate:before,.fa-sync-alt:before{content:"\f2f1"}.fa-check::before{content:"\f00c"}.fa-briefcase::before{content:"\f0b1"}.fa-chevron-double-right:before,.fa-chevrons-right:before{content:"\f324"}.fa-notdef::before{content:"\e1fe"}.fa-linkedin-in:before{content:"\f0e1"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before,.fa-square-facebook:before{content:"\f082"}.fa-linkedin:before{content:"\f08c"}.fa-instagram:before{content:"\f16d"}.fa-facebook:before{content:"\f09a"}.fa-whatsapp:before{content:"\f232"}.fa-youtube:before{content:"\f167"}.fa-twitter:before{content:"\f099"}.fa-xing:before{content:"\f168"}.fa-square-xing:before,.fa-xing-square:before{content:"\f169"}

/* ############################# Template ############################# */
/**** Allgemeines ****/
html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--headerheight) + 25px);
}
body {
  font-family: 'Exo', sans-serif;
  font-style: normal;
  color: var(--content);
  font-weight: 400;
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  overflow: visible !important;
  padding: 0 !important;
}
.instafeed .ingallery {
  font-family: 'Exo', sans-serif;
  font-style: normal;
  color: var(--content);
  font-weight: 400;
}

@supports (font-variation-settings: normal) {
  body, .instafeed .ingallery {
      font-family: 'Exo Variabel';
  }
}

body p {
  text-align: left;
  margin-bottom: 1rem;
}
::-moz-selection {
  background: var(--second);
  color: #ffffff;
}
::selection {
  background: var(--second);
  color: #ffffff;
}
#bodywrapper {
  position: relative;
  overflow-x: clip;
}
#bodywrapper.boxed {
  max-width: 1600px;
  margin: 0 auto;
}
img,
video,
iframe {
  display: block;
  max-width: 100%;
  height: auto;
  border: 0;
  width: 100%;
}

/* Scrollbar Styling - track = hintergrund - face und thumb = vordergrund */
:root{
  scrollbar-face-color: var(--second); 
  scrollbar-track-color: var(--hellgrau); 
  scrollbar-width: thin;
  scrollbar-color: var(--second) var(--hellgrau);
}

::-webkit-scrollbar {
  width: 15px;
}
::-webkit-scrollbar-thumb { 
  background: var(--second);
}
::-webkit-scrollbar-track { 
  background: var(--hellgrau);
}

.eqbox, .eqh1, .eqh2, .eqh3 {
  transition: all 0.5s;
}
.enlivenem {
  visibility: hidden;
}

/**** Überschriften ****/
h1,
h2,
h3,
h4,
h5 {
  text-align: left;
  letter-spacing: normal;
  line-height: 1.2;
}

.toptitle {
  display: block;
  color: var(--second);
  font-weight: 500;
  font-size: 18px;
}
p.subtitle {
  color: var(--second);
  font-size: 23px;
  font-weight: 600;
}

h1 {
  color: var(--prime);
  font-weight: 600;
  font-size: 38px;
  margin: 0px 0 20px;
  position: relative;
}
h1 .toptitle {
  font-size: 18px;
}
h2 {
  color: var(--prime);
  font-weight: 600;
  font-size: 30px;
  margin: 55px 0 20px;
  position: relative;
}
h1:not(.error-code):before,
h2:not(.error-message):before {
  content: '';
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 8px;
  width: 5px;
  background-color: var(--prime);
}
h2::before {
  bottom: 6px;
  width: 4px;
}

h3 {
  color: var(--second);
  font-weight: 600;
  font-size: 26px;
  margin: 45px 0 10px;
  position: relative;
}

h4 {
  color: var(--second);
  font-weight: 600;
  font-size: 22px;
  margin: 40px 0 8px;
}

h5 {
  color: var(--second);
  font-weight: 600;
  font-size: 19px;
  margin: 40px 0 8px;
}

/***** Links ****/
a {
  color: var(--prime);
  transition: all 0.5s;
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
  color: var(--second);
}
.main a {
  text-decoration: underline;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
  text-decoration: none !important;
}
a.externLink::after {
  display: inline-block;
  width: 8px;
  margin: -4px 5px 0 2px;
  content: url(../../../images/template/externLink_black.svg);
  height: 8px;
  vertical-align: text-top;
}
.blackbox a.externLink::after,
a.btn-primary.externLink::after {
  content: url(https://helmut-meeth.com/images/template/externLink_white.svg);
}
a.externLink.social-icon:after,
.social-icons a.externLink:after,
.partner-icons a.externLink:after {
  display: none;
  content: none;
}

/**** Text ****/
.eng {
  margin-top: 0;
}

.small {
  font-size: 80%;
}

b, strong {
  font-weight: bolder;
}

.highlight {
  background-color: #ffeb00;
}

/**** Aufzählungen ****/
ul.design,
.main ul, 
.joblisten ul,
#AfterContainer .accordion ul {
  margin: 10px 0 18px;
  padding: 0;
}

.main ul > li,
ul.design > li,
.joblisten ul > li,
#AfterContainer .accordion ul>li {
    position: relative;
}

.main ul li,
ul.design li,
.joblisten ul li,
.wm-frame ul li {
    margin-bottom: 4px;
    padding: 5px 0px 6px 17px;
    list-style: none;
    border-bottom: 0px none;
    font-weight: 400;
    line-height: 1.3em;
    position: relative;
}
#AfterContainer .accordion ul li {
  list-style: none;
}

.main ul li::before,
ul.design li::before,
.joblisten ul li::before,
.wm-frame ul li::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 2px;
  top: 12px;
  height: 7px;
  width: 7px;
  background-color: var(--prime);
}

body>img[aria-hidden="true"] {
  position: fixed;
  left: -50px;
}

/************ Allgemein Responsive ***********/
@media(max-width: 991px) {
  ul {
      margin: 0px;
  }
}
@media(max-width: 575px) {
  h1, h2 {
      margin-left: 20px;
  }
}

/* ############################# SECTIONS ############################# */

/**** Header ****/
#Header {
  display: block;
  width: 100%;
  height: auto;
  padding: 0 15px;
  z-index: 99;
  background: #fff;
  transition: all 0.5s;
}
#Header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}#Header.sticky {
  position: sticky;
  top: 0;
}
.scrolleddown #Header {
  border-bottom: 1px solid #ccc;
} 
.logo {
  margin: 15px 0;
  display: flex;
  align-items: center;
}
.logo img, .logo svg {
  height: 60px;
  transition: all 0.5s;
  width: auto;
  max-width: 80vw;
}
.scrolleddown .logo {
  margin: 10px 0;
}
.scrolleddown .logo img {
  height: 40px;
}

/**** Slider ****/
#Slider {
  margin-top: 90px;
  position: relative;
}
#Slider img {
  width: 100%;
}
.slidersection {
  position: relative;
}
/* Slidertext */
.slidertext {
  position: absolute;
  bottom: 4vw;
  left: 4vw;
  right: 50px;
}
.slidertext h3 {
  font-size: 40px;
  color: #fff;
  font-weight: 400;
}
.slidertext p {
  color: #fff;
  font-size: 20px;
  font-weight: 200;
  margin-top: 6px;
}
.slidertext a {
  font-size: 20px;
  border: 1px solid #fff;
  padding: 4px 8px;
  color: #fff;
  font-weight: 200;
  text-decoration: none;
  margin-right: 10px;
  display: inline-block;
  margin-top: 10px;
}
.slidertext a:hover {
  border-color: var(--prime);
}
.slidertext a i {
  color: var(--prime);
}
/* Sliderbutton */
.sliderbutton {
  position: absolute;
  top: -2.6vw;
  right: -2vw;
}
.sliderbutton img {
  width: 470px;
}
.sliderbutton p {
  color: #fff;
  font-size: 20px;
  font-weight: 200;
}
.sliderbutton a {
  font-size: 20px;
  color: #fff;
  display: inline-block;
}
.sliderbutton a:hover {
  border-color: var(--prime);
}

/**** MainBody ****/
#MainBody {
  padding-top: 130px;
  padding-bottom: 130px;
}
.com_sppagebuilder #MainBody {
  padding-top: 0;
  padding-bottom: 0;
}
body.itemid-224 #webmanform {
  padding-top: 50px;
}
body.itemid-224 #MainBody {
  padding-bottom: 0px;
}
body.itemid-224 #AfterContainer {
  padding-top: 0px;
}

/************ AfterContainer ************/
#AfterContainer {
  padding-top: 100px;
  padding-bottom: 100px;
}
/************ AfterFluid ************/
#AfterFluid {
  position: relative;
}
/**** Footer ****/
#Footer {
  background-color: var(--hellgrau);
  padding: 35px 15px;
}

#Footer h3 {
  margin-top: 0;
}
#Footer a,
#Footer p,
#Footer .menu-trenner-center li::after {
    color: var(--content);
    margin-bottom: 0px;
    font-size: 16px;
    border-bottom: none;
}
#Footer a:hover {
  text-decoration: underline;
}
#Footer ul.mod-menu {
  list-style: none;
  margin: 15px 0;
  padding: 0;
}
.social-icons,
.partner-icons {
    display: flex;
    margin-top: 30px;
    gap: 20px;
    flex-wrap: wrap;
}
.partner-icons {
    justify-content: space-between;
}
.partner-icons img {
    width: auto;
    height: 70px;
    margin-bottom: 20px;
}
.partner-icons img.cw {
  padding: 10px;
}
.social-icons i {
    height: 40px;
    width: 40px;
    text-align: center;
    background-color: var(--prime);
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    transition: all 0.3s;
}
.social-icons i:hover {
    background-color: var(--second);
}
.social-icons a {
  border-bottom: 0 !important;
  margin-bottom: 20px;
}
/**** Sonstiges ****/
.debug {
  display: none;
}

/* Pagebuilder Sections */
.section,
#webmanform {
    padding: 150px 0;
}
.section:first-child {
    padding-top: 0;
}
.section.no-bottom {
    padding-bottom: 0px;
}
.section.no-top {
    padding-top: 0px;
}
.section.small-top {
    padding-top: 50px;
}
.section.small-bottom {
    padding-bottom: 50px;
}
.section.innersection,
.section.keinabstand,
.section.hatform {
    padding-bottom: 0px !important;
    padding-top: 0 !important;
}

/************ Responsive Sections ************/
@media (min-width : 1200px) {
  #bodywrapper {
      max-width: calc(100% - 100px);
      margin: 0 auto;
  }
  #Header {
      padding: 0px 50px;
  }
  .cta-inner {
      max-width: 50vw;
  }
}

@media(max-width : 991px) {
  .section, #webmanform {
      padding: 80px 0;
  }
  .footer1 {
    margin-bottom: 40px;
  }
  .sliderbutton {
    top: 0vw;
    right: 0.2vw;
    max-width: 293px;
  }
}
@media(max-width : 767px) {
  .social-icons,
  .partner-icons {
      justify-content: center;
  }

  .sliderbutton {
    top: 11.3vw;
    right: 0.2vw;
    max-width: 293px;
  }
}
@media(max-width : 575px) {
  .footer2 {
      margin-bottom: 40px;
  }

  .sliderbutton {
    top: 6.3vw;
    right: 0vw;
    max-width: 170px;
  }
}
/* ############################# MENU ############################# */
/* alle Ebenen */

.menu-trigger {
  display: none;
}
.webman-menu .fa {
  font-weight: var(--fafontweight);
}
.menuicon {
  margin-right: 5px;
}
.menu a {
  text-decoration: none;
}
.hauptmenu {
  padding: 0;
  margin: 0;
  z-index: 99;
  display: block;
  /* position: relative; */
  transition: all 0.5s;
}
.hauptmenu li {
  list-style-type: none;
  /* position: relative; */
}

.hauptmenu li a,
.hauptmenu li .separator,
.hauptmenu li .nav-header {
  position: relative;
  font-weight: 500;
  padding: 0 19px;
  color: var(--content);
}
.hauptmenu li.hassub > a::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: var(--fafontweight);
  content: "\f078";
  margin-left: 7px;
  float: right;
  transition: transform 0.5s;
}
.submenu {
  display: none;
  padding: 0;
  margin: 0;
}
.hauptmenu .submenu {
  position: absolute;
}
/* zweite Ebene */
.hauptmenu li .submenu li {
  display: block;
  transition: all 0.5s;
}
.hauptmenu li .submenu a,
.hauptmenu li .submenu .separator,
.hauptmenu li .submenu .nav-header {
  display: block;
  line-height: 2.25;
  padding-left: 35px;
}
.hauptmenu .submenu > li > a:hover,
.hauptmenu .submenu > li.active > a {

}

/* Für das Desktop Menü */
@media (min-width: 1200px) {
  /* Strich zum Mitwandern */
  .hauptmenu > li > a::before {
    top: 13px;
    content: '';
    position: absolute;
    left: 20px;
    height: 4px;
    background: var(--prime);
    opacity: 0;
    transform: translateY(0px);
    transition: transform 0.3s, opacity 0.3s;
    pointer-events: none;
    right: 20px;
  }
  .hauptmenu > li.active > a::before,
  .hauptmenu > li:hover > a::before {
    opacity: 1;
    transform: translateY(-13px);
  }

  /* erste Ebene */
  #wmmenu {
    display: flex;
    justify-content: flex-end;
  }
  .hauptmenu>li {
    display: inline-block;
  }
  .hauptmenu>li>a,
  .hauptmenu>li>.separator,
  .hauptmenu>li>.nav-header {
    line-height: 90px;
    font-weight: 500;
    display: block;
    font-size: 16px;
    position: relative;
    color: var(--second);
  }
  .scrolleddown .hauptmenu>li>a,
  .scrolleddown .hauptmenu>li>.separator,
  .scrolleddown .hauptmenu>li>.nav-header {
    line-height: 60px;
  }

  .hauptmenu>li>a:hover,
  .hauptmenu>li.active>a {
    color: var(--prime);
  }
  .hauptmenu > li:last-of-type > a,
  .hauptmenu > li:last-of-type > span {
    padding-right: 0px;
  }
  .hauptmenu>li>.submenu {
    position: absolute;
    /* min-width: 300px; */
    height: auto;
    z-index: 101;
    left: -35px;
    right: -35px;
    max-width: unset;
    width: unset;
    background-color: rgb(60 60 59 / 95%);
    padding: 50px;
  }
  .hauptmenu>li.hassub:hover>.submenu {
    display: flex;
  }
  .hauptmenu>li.hassub>.submenu {
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
  }
  .hauptmenu>li.hassub.mega-menu>.submenu {
    gap: 180px;
  }
  .hauptmenu>li.hassub.mega-menu.zubehoer>.submenu {
    gap: 60px;
  }
  .hauptmenu li.mega-menu .submenu > li a:hover,
  .hauptmenu li.mega-menu .submenu > li.current.active>a {
    text-decoration: underline;
  }
  .hauptmenu li.mega-menu li a {
    font-size: 17px;
    line-height: 20px;
    display: inline-block;
    font-weight: 200;
    color: #fff;
    padding: 5px 0;
  }
  .hauptmenu li.aktion a {
    padding: 0px!important;
    margin: 5px 0;
  }
  .hauptmenu li.mega-menu .level1>li>a {
    font-size: 23px;
    color: var(--prime);
    font-weight: 600;
  }
  .hauptmenu li.mega-menu:not(.zubehoer) .level2>li>a {
    font-weight: 500;
  }
  .hauptmenu ul.submenu.level2 {
    margin-top: 25px;
  }
  .hauptmenu ul.submenu.level3 {
    padding-bottom: 20px;
  }
  .submenu li.hassub>a::after {
    content: none;
  }
  .hauptmenu li:not(.mega-menu) .submenu.level1 a {
    padding: 0;
    line-height: 1.2;
  }
  .level1 a .imagewrapper:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(60,60,59,0.7);
    background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%);
    opacity: 1;
    transition: all 0.5s;
    display: block;
  }
  .level1 li:hover a .imagewrapper:after,
  .level1 .menu-item.current a .imagewrapper:after {
    opacity: 0;
  }
  .level1 a span.image-title {
    position: absolute;
    bottom: 10px;
    left: 15px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.007em;
    text-shadow: 2px 2px 1px var(--second);
    white-space: normal;
  }
  .hauptmenu .submenu.level2,
  .hauptmenu .submenu.level3 {
    position: relative;
    display: block;
  }
  .menu-overlay,
  .webman-menu .menu-footer,
  .webman-menu .menu-header {
    display: none;
  }
  .hauptmenu>li>a>img {
    display: none;
  }
  .hauptmenu img {
    width: 15vw;
    max-width: 250px;
    transition: all 0.5s;
}
}

/*Für das Mobile Menü*/
@media (max-width: 1199px){
  .hauptmenu img {
    display: none;
    width: 1px;
    height: 1px;
    visibility: hidden;
  }

  .menu-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.55);
    transition: all 0.5s;
  }
  .menu-header .menu-trigger,
  .menu-right .menu-trigger {
    position: relative;
    display: block;
    cursor: pointer;
    line-height: 60px;
    width: 80px;
    height: 60px;
    background: none;    
    color: var(--second);
    font-size: 38px;
    text-align: center;
    border-right: 4px solid var(--prime);
  }
  .menu-header .menu-trigger {
    color: #fff;
  }
  .menu-right .menu-trigger {
    position: fixed;
    right: 0;
    top: 0;
    height: 90px;
    line-height: 90px;
    background-color: #fff;
  }
  .scrolleddown .menu-right .menu-trigger {
    height: 60px;
    line-height: 60px;
  }
  .menu-header .menu-trigger:hover,
  .menu-right .menu-trigger:hover {
    background-color: var(--hellgrau);
  }
  .menu-header .menu-trigger:hover {
    background-color: inherit;
    color: var(--prime);
  }
  .mobile-open .menu-overlay {
    opacity: 1;
    visibility: visible;
  }
  .menu-overlay .menu-trigger {
    display: block;
    width: 100%;
    height: 100%;
    cursor: default;
  }
  .webman-menu .wmmenu-outer {
      display: none;
      position: fixed;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 101;
  }
  .webman-menu .wmmenu-outer.open {
      display: block;
  }
  .webman-menu .menu {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 300px;
    background-color: var(--second);
    overflow-x: hidden;
    overflow-y: auto;
    right: 0;
    left: auto;
    scrollbar-width: none;
  }
  .webman-menu .menu::-webkit-scrollbar {
    width: 0px;
  }
  .webman-menu .menu-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .hauptmenu {
    padding-bottom: 100px;
  }
  .hauptmenu li {
    display: block;
    line-height: 1;
    margin: 0;
  }
  .hauptmenu li a {
    line-height: 2.5;
    background-color: transparent;
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    padding-left: 20px;
  }
  .hauptmenu li > a:hover {
    background-color: var(--prime);
  }
  .hauptmenu li.active.current > a {
    text-decoration: underline;
  }
  .hauptmenu li .submenu {
    position: unset;
  }
  .hauptmenu li.hassub.open > .submenu {
    display: block;
  }
  .hauptmenu li.hassub.open > a::after {
    transform: rotate(180deg);
  }
  .hauptmenu .submenu.level1 {
    background-color: #4a4a4c;
  }
  .hauptmenu .submenu.level2 {
    background-color: #555658;
  }
  .hauptmenu .submenu.level2 >li>a {
    padding-left: 50px;
    font-weight: 300;
    font-size: 18px;
    line-height: 2.4;
  }
  .hauptmenu .submenu.level2 >li.hassub>a::after {
    content: none;
  }
  .hauptmenu .submenu.level3 >li>a {
    padding-left: 65px;
    font-weight: 300;
    font-size: 18px;
    line-height: 2.6rem;
  }
  .hauptmenu .submenu.level3 {
    background-color: #606163;
    display: block;
  }
  /* .hauptmenu li .submenu.level1 a,
  .hauptmenu li .submenu.level1 .separator,
  .hauptmenu li .submenu.level1 .nav-header {
  }
  .hauptmenu li .submenu.level2 a,
  .hauptmenu li .submenu.level2 .separator,
  .hauptmenu li .submenu.level2 .nav-header {
  }
  .hauptmenu li .submenu.level3 a,
  .hauptmenu li .submenu.level3 .separator,
  .hauptmenu li .submenu.level3 .nav-header {
  }*/

  .webman-menu .menu-footer {
    position: fixed;
    bottom: 0;
    padding: 15px;
    font-size: 16px;
    background-color: #4a4a4c;
  }
  .rechtliches.mobile h3 {
    display: none;
  }
  .rechtliches.mobile ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .rechtliches.mobile li {
    display: inline-block;
  }
  .rechtliches.mobile li:not(:last-of-type)::after {
    content: '|';
    padding: 0 5px;
    color: #fff;
  }
  .rechtliches.mobile li a {
    color: #fff;
  }
  .rechtliches.mobile li a:hover {
    text-decoration: underline;
  }
}

/**** Fixed Sidebar ****/
.fixed-sidebar {
	position: fixed;
	top: 350px;
	right: 0;
	z-index: 98;
}
.fixed-sidebar .iconrow {
	position: relative;
	margin-bottom: 10px;
	height: 50px;
}
.fixed-sidebar .iconrow:last-of-type {
	margin-bottom: 0;
}
.fs-icon a {
	background-color: #fff;
	display: block;
	width: 50px;
	padding: 10px;
	height: 50px;
	color: var(--second);
    border-right: 4px solid var(--prime);
    transition: all 0.1s;
}
.fs-icon a .icon {
	font-size: 25px;
	color: var(--second);
	line-height: 30px;
	text-align: center;
	width: 100%;
	font-style: normal;
}
.fixed-sidebar .fs-icon {
	display: inline-block;
	z-index: 100;
	position: relative;
	height: 50px;
	width: 50px;
}

.fixed-sidebar .fs-content {
	background-color: var(--hellgrau);
	color: var(--second);
	position: absolute;
	width: auto;
	white-space: nowrap;
	z-index: 0;
	height: 50px;
	line-height: 50px;
	transition: all 0.5s;
	padding: 0px 20px;
}
.fs-content a,
.fs-content a span{
	color: var(--second);
    text-decoration: none!important;
    font-weight: 500;
}
.iconrow:hover .fs-content {
	top: 0px;
	transform: translateX(-99%);
}
.iconrow:hover .fs-icon a {
	background-color: var(--hellgrau);
}

/**** Menü Trenner ****/
.menu-trenner-center li {
  float: left;
  list-style: none;
  text-align: left;
  margin-right: 5px;
}
.menu-trenner-center li::after {
  content: "|";
  margin-left: 5px;
}
.menu-trenner-center li:last-of-type::after {
  content: none;
}
.menu-trenner-center {
  margin: 0;
  padding: 0;
  display: inline-block;
}

/**** Responsive Menüs ****/
@media (max-width : 991px) {
  .fixed-sidebar {
    position: absolute;
    top: 280px;
  }
}

/* ############################# Boxen & Imagewrapper ############################# */
/**** Box ****/
.box {
  background-color: var(--default);
  padding: 10px;
  position: relative;
}
.box a, a.box {
  text-decoration: none!important;
  display: block;
  color: inherit;
}
.box a:hover, a.box:hover {
  color: inherit;
}
.box .backimage {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-position: 50% 50%;
  background-size: cover;
}
.box .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.5s;
  padding: 10px;
}
.box .overlay * {
  color: #fff;
  text-align: center;
}
.box:hover .overlay {
  opacity: 1;
}

/**** Imagebox ****/
.box.imagebox {
  padding: 0;
  margin-bottom: 30px;
}
.simpleParallax:after,
.box.imagebox .imagewrapper:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(60,60,59,0.7);
  background: linear-gradient(90deg, rgb(22 22 22 / 84%) 0%, rgba(255,255,255,0) 100%);
  opacity: 1;
  transition: all 0.5s;
  display: block;
}
.simpleParallax {
  position: relative;
}
.itemid-256 .simpleParallax img.parallax {
  transform: scale(1)!important;
}
.box.imagebox a:hover .imagewrapper:after {
  opacity: 0;
}
.box.imagebox .title {
  position: absolute;
  bottom: 10px;
  left: 15px;
}
.box.imagebox .title h3 {
  color: #fff;
  font-weight: 400;
  text-shadow: 2px 2px 2px var(--second);
}


/**** Imagewrapper ****/
.imagewrapper {
  overflow: hidden;
}

.imagewrapper img {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transform: scale(1.000001);
}

a:hover .imagewrapper img {
  transform: scale(1.1);
}

/**** Dispatcher ****/
.dispatcher .box {
  margin-bottom: 10px;
}
.dispatcher .current {
  display: none;
}

/**** Grid****/

/**** Newsslider ****/

/**** Flipbox ****/

/**** Slidebox ****/
.slideboxen {
  padding-top: 10px;
}
.slidebox {
  overflow: hidden;
  padding: 0;
}
.slidebox h3 {
  color: #fff;
  font-weight: 500;
  margin: 0;
  text-shadow: 2px 2px 2px var(--second);
  font-size: 20px;
}
.slidebox p {
  font-size: 15px;
  font-weight: 300;
}
.slidebox-front, .slidebox-back {
  background-color: transparent;
  color: #fff;
  font-size: 16px;
}
.slidebox-front-inner::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background-color: var(--second);
  transition: all 0.4s;
  opacity: 0;
}
.slidebox:hover .slidebox-front-inner::after {
  opacity: 1;
}
.slidebox-front .content {
  position: absolute;
  bottom: 10px;
  left: 20px;
}
.slidebox-front img {
  height: 270px;
  object-fit: cover;
}
.slidebox a {
  font-size: 20px;
  border: 1px solid #fff;
  padding: 4px 8px;
  color: #fff;
  font-weight: 200;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
.slidebox a i{
color: var(--prime);
}
.slidebox a:hover{
border-color: var(--prime);
}

.slidebox-back {
  padding: 20px;
  position: absolute;
  z-index: 2;
  top: 0;
  transition: all 0.7s;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.slidebox:hover .slidebox-back,
.slidebox.active .slidebox-back {
  transform: translateY(0) !important;
  margin-top: 0;
  background-color: transparent;
}
.slidebox .sichtbar {
  display: inline-block;
}
/**** Responsive Boxen & Imagewrapper ****/
 @media (max-width : 1199px) {
  .slidebox-front img {
    height: 300px;
  }
 }
 @media (max-width : 991px) {
  .slidebox-front img {
    height: 350px;
  }
 }
/* ############################# Inhalte ############################# */
/**** Blog ****/
.webman-kategorie .blog-item {
  margin-bottom: 30px;
}

body.itemid-211.view-article #AfterFluid,
body.itemid-211.view-article #AfterContainer {
  display: none;
}

/**** Tabelle ****/

/**** Grid ****/
.contentlisting {
  margin-top: 30px;
}

/**** Newsslider ****/

/**** Accordion ****/
#accordion {
  margin-top: 50px;
  margin-bottom: 50px;
}
.accordion-item {
  margin-bottom: 10px;
}
.accordion-title {
  position: relative;
}
.accordion-title::before {
  position: absolute;
  content: '';
  left: 0;
  height: 50%;
  top: 25%;
  width: 5px;
  background-color: var(--prime);
  z-index: 2;
}
.accordion-toggler {
  cursor: pointer;
  line-height: 50px;
}
.accordion-link {
  transition: all 0.5s;
  color: var(--content);
  margin: 0;
  padding: 11px 60px 9px 20px;
  font-size: 22px;
  font-weight: 400;
  text-align: left;
  background-color: var(--mittelgrau);
  border: 2px solid var(--mittelgrau);
}
.accordion-link:hover {
  border-color: var(--second);
}
.Item.anzeigen .accordion-link {
  background-color: var(--prime);
  color: #FFF;
  border-color: var(--prime);
}
.accordion-link::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: "\f078";
  text-align: center;
  color: var(--content);
  position: absolute;
  right: 15px;
  top: 10px;
  line-height: 30px;
  transform: rotate(0deg);
  font-size: 22px;
  transition: all 0.3s;
}
.anzeigen .accordion-link::after {
  transform: rotate(180deg);
  color: #fff;
}
.Item:not(.anzeigen) .accordion-content {
  max-height: 0px !important;
}
.accordion-content {
  transition: max-height 0.5s, border-color 1.5s;
  overflow: hidden;
  border: 2px solid transparent;
  border-top: 0px;
}
.anzeigen .accordion-content {
  max-height: 500px;
  transition: max-height 1.5s, border-color 0.2s;
  border-color: var(--mittelgrau);
}
.accordion-content-inner {
  padding: 20px;
}
.accordion ul:not(.normal) {
  display: flex;
  margin-bottom: 0;
  flex-wrap: wrap;
  gap: 10px;
}
.accordion ul:not(.normal) li {
  padding-left: 0;
  flex: auto;
  max-width: 32%;
}
.accordion.schmal ul:not(.normal) li {
  max-width: 48%;
  min-width: 40%;
}
.accordion ul:not(.normal) li::before {
  content: none;
}
img.ral-logo {
  width: 80px;
}

/**** Article Detail ****/


.usps {
  margin-top: 50px;
}

.usps a {
  text-decoration: none !important;
  color: inherit;
}

.usp {
  background-color: var(--hellgrau);
  padding: 15px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
}

.usp::before {
  display: block;
  width: 50px;
  margin: 10px auto;
}
.usp.waerme::before {
  content: url('https://helmut-meeth.com/images/template/icons/waerme.svg');
}
.usp.profil::before {
  content: url('https://helmut-meeth.com/images/template/icons/profil.svg');
}
.usp.foerderungen::before {
  content: url('https://helmut-meeth.com/images/template/icons/foerderungen.svg');
}
.usp.sicherheit::before {
  content: url('https://helmut-meeth.com/images/template/icons/sicherheit.svg');
}
.usp.germany::before {
  content: url('https://helmut-meeth.com/images/template/icons/germany.svg');
}
.usp.qualitaet::before {
  content: url('https://helmut-meeth.com/images/template/icons/qualitaet.svg');
}
.usp.behang::before {
  content: url('https://helmut-meeth.com/images/template/icons/behang.svg');
}
.usp.revision::before {
  content: url('https://helmut-meeth.com/images/template/icons/revision.svg');
}
.usp.besonderheiten::before {
  content: url('https://helmut-meeth.com/images/template/icons/besonderheiten.svg');
}
.usp.luft::before {
  content: url('https://helmut-meeth.com/images/template/icons/luft.svg');
}
.usp.fensterbau::before {
  content: url('https://helmut-meeth.com/images/template/icons/fensterbau.svg');
}
.usp.planung::before {
  content: url('https://helmut-meeth.com/images/template/icons/planung.svg');
}
.usp.montage::before {
  content: url('https://helmut-meeth.com/images/template/icons/montage.svg');
}
.usp.aftersales::before {
  content: url('https://helmut-meeth.com/images/template/icons/aftersales.svg');
}
.usp.profi::before {
  content: url('https://helmut-meeth.com/images/template/icons/profi.svg');
}
.usp.cockpit::before {
  content: url('https://helmut-meeth.com/images/template/icons/cockpit.svg');
}
.usp.pass::before {
  content: url('https://helmut-meeth.com/images/template/icons/pass.svg');
}
.usp .field-label {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 10px;
  color: var(--prime);
}

.article-details .article-image {
  margin-bottom: 30px;
}

.accordion-outer {
  margin-top: 30px;
}

/**** Jobs ****/
.jobfacts {
  margin-bottom: 35px;
}
.jobfacts .fact {
  background-color: var(--hellgrau);
  padding: 15px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
}

.jobfacts .fact::before {
  display: block;
  width: 50px;
  margin: 10px auto;
}
.jobfacts .fact.employmenttype::before {
  content: url('https://helmut-meeth.com/images/template/icons/beschaeftigung.svg');
}
.jobfacts .fact.arbeitszeit::before {
  content: url('https://helmut-meeth.com/images/template/icons/arbeitszeit.svg');
}
.jobfacts .fact.beginn::before {
  content: url('https://helmut-meeth.com/images/template/icons/beginn.svg');
}
.jobfacts .fact.validthrough::before {
  content: url('https://helmut-meeth.com/images/template/icons/bewerbungsschluss.svg');
}
.jobfacts .fact.hiringorganization::before {
  content: url('https://helmut-meeth.com/images/template/icons/germany.svg');
}
.jobfacts .fact.ansprech-job::before {
  content: url('https://helmut-meeth.com/images/template/icons/ansprech.svg');
}
.actionbuttons {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  margin: 35px 0;
  flex-wrap: wrap;
}
.downloadpdf a::before{
  font-family: 'Font Awesome 6 Pro';
  font-weight: var(--fafontweight);
  content: '\f1c1';
  padding-right: 5px;
}
.btn.btn-jobs {
  text-align: left;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

/**** Pagebuilder ****/
.cloudwindow .usp  {
  font-size: 14px;
}
.cloudwindow.usps ul {
  display: table;
  margin: 0 auto;
  text-align: left;
}
.cloudwindow.usps ul li{
  font-weight: 500;
}
.cloudwindow.usps p {
  text-align: center;
}
.zujobs p {
  text-align: right;
}
.zujobs a {
  text-decoration: none;
}
.zujobs a:hover {
  color: #fff;
}
.zujobs i {
  background-color: var(--prime);
  color: #fff;
  padding: 5px 8px;
}

/**** CTA ****/
.cta-outer {
  position: relative;
}
.cta-outer img {
  min-height: 350px;
  width: auto;
  max-width: unset;
}
.cta-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta-inner>div {
  min-width: 40vw;
}
.cta-inner h3 {
  color: #fff;
  font-weight: 400;
  margin-top: 0;
}
.cta-buttons .btn {
  margin: 15px 0;
  text-align: left;
  padding: 13px 18px;
  white-space: nowrap;
  font-size: 21px;
}
.cta-buttons .btn.btn-primary{
  background-color: #222;
  border-color: #222;
}
.cta-buttons .btn.btn-primary:hover,
.cta-buttons .btn.btn-primary:active,
.cta-buttons .btn.btn-primary:focus{
  background-color: #222;
  border-color: var(--prime);
}

/**** Kontakt ****/
.blackbox-outer {
  position: relative;
  margin-bottom: 60px;
}
.blackbox-outer.team {
  margin-top: 60px;
  margin-bottom: 0;
}
.blackbox, .blackbox.rew-content {
  position: absolute;
  background-color: var(--second);
  color: #fff;
  right: 50px;
  top: 50%;
  padding: 30px 50px 10px 20px;
  z-index: 2;
  max-width: 610px;
}
.blackbox a:hover{
  color: #FFF;
}
.blackbox.oeffnungszeiten {
  top: auto;
  bottom: -50px;
}
.team .blackbox {
  top: auto;
  bottom: 50%;
}
.blackbox h2, .blackbox p, .blackbox h3 {
  color: #fff;
}

.blackbox.rew-content {
  position: unset !important;
  max-width: 720px;
}


/**** Responsive Inhalte ****/
@media (max-width : 1199px) {
  .blackbox-outer {
    margin-bottom: 5%;
  }
  .blackbox-outer.team {
    margin-top: 5%;
    margin-bottom: 0;
  }
}

@media (max-width : 991px) {
  .blackbox-outer {
    margin-bottom: 15%;
  }
  .blackbox-outer.team {
    margin-top: 15%;
    margin-bottom: 0;
  }
}
@media (max-width : 767px) {
  .blackbox-outer {
    margin-bottom: 0;
  }
  .blackbox {
    position: unset;
    max-width: unset;
  }
}
@media (max-width : 575px) {
  .usp {
    margin-bottom: 15px;
    text-align: left;
    display: flex;
    gap: 15px;
    align-items: center;
  }
  .cloudwindow.usps p {
    text-align: left;
  }
  .cloudwindow.usps ul {
    margin-left: 0;
    margin-right: auto;
  }
  .usp::before {
    width: 50px;
    height: 50px;
    margin: 10px;
  }
  .usp>div {
    flex: 1;
  }
  .accordion ul:not(.normal) li,
  .accordion.schmal ul:not(.normal) li {
    max-width: 100%;
    width: 100%;
  }
}
/* ############################# Elemente ############################# */
/**** Buttons ****/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
.btn, .instafeed #ingallery-1 .ingallery-loadmore-btn {
  display: inline-block;
  padding: 5px 18px;
  background-color: #fff;
  border: 2px solid transparent;
  line-height: 1.9rem;
  font-weight: 300;
  position: relative;
  color: var(--content);
  text-align: center;
  text-decoration: none !important;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  transition: all 0.3s;
}
.btn::before,
.accordion ul li a::before,
.instafeed #ingallery-1 .ingallery-loadmore-btn::before {
    position: absolute;
    content: '';
    left: -2px;
    height: 50%;
    top: 25%;
    width: 5px;
    background-color: var(--prime);
    z-index: 2;
}
.btn:hover {
  background-color: var(--graudunkel);
  color: #fff;
}
.instafeed #ingallery-1 .ingallery-loadmore-btn {
  background-color: var(--second) !important;
  color: #fff !important;
  border-color: var(--second) !important;
  border-radius: 0px !important;
  font-size: 18px !important;
}
.instafeed #ingallery-1 .ingallery-loadmore-btn:hover {
  background-color: var(--second) !important;
  color: #fff !important;
  border-color: var(--prime) !important;
}
.btn-primary,
.mengenwaehler .proopc-btn,
#proopc-order-submit.btn-primary:disabled,
.progress-btn.btn-success {
  background-color: var(--second);
  color: #fff;
  border-color: var(--second);
  letter-spacing: 0.007em;
}
.accordion ul li a.btn {
  display: block;
  padding: 8px 18px;
  text-align: left;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  padding: 8px 18px;
  position: unset
}
.accordion ul li a.btn::before {
  left: 0;
}
.zertifikate .btn-primary {
  margin-bottom: 15px;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.progress-btn.btn-success:hover,
.progress-btn.btn-success:active,
.progress-btn.btn-success:focus,
.accordion ul li a:hover,
.accordion ul li a:active,
.accordion ul li a:focus {
  background-color: var(--second);
  color: #fff;
  border-color: var(--prime);
}
.btn-secondary {
  background-color: var(--prime);
  color: #fff;
  border-color: var(--prime);
  font-weight: 400;
  letter-spacing: 0.007em;
}
.btn-secondary::before {
    background-color: var(--second);
}
.btn-secondary a,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  background-color: var(--prime);
  color: #fff;
  border-color: var(--second);
}
.btn-secondary a {
  text-decoration: none;
}
.btn-default,
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn,
.progress-btn.btn-warning {
  background-color: var(--hellgrau);
  color: #000;
  border-color: var(--hellgrau);
  font-weight: 500;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.progress-btn.btn-warning:hover,
.progress-btn.btn-warning:focus,
.progress-btn.btn-warning:active {
  background-color: var(--hellgrau);
  color: #000;
  border-color: var(--prime);
}
.btn.disabled {
  pointer-events: none;
  opacity: 0.7;
  background-color: var(--default);
  color: #333;
}
.btn-success {
  color: #fff;
  background-color: #198754;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus {
  color: #fff;
  background-color: #157347;
}
.btn-warning {
  color: #000;
  background-color: #ffc107;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
  color: #000;
  background-color: #ffca2c;
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
  color: #fff;
  background-color: #bb2d3b;
}
.btn-lg,
.btn-group-lg>.btn {
  padding: 8px 25px;
  font-size: 1.18rem;
}
.btn-sm,
.btn-group-sm>.btn {
  padding: 3px 12px;
  font-size: 0.8rem;
}
.btn-block {
  width: 100%;
}
.btn-close,
 a.close,
.btn.close,
.proopc-alert .close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.btn-close:hover,
.btn-close:focus,
.btn-close:active {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: 0.5;
}

/**** Tabellen ****/
table {
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  outline: 1px solid var(--default);
  border-collapse: collapse;
}
table.inline {
  width: auto;
}
/* table tbody tr {
  border-top: 1px solid var(--default);
} */
table tr td:not(:last-of-type) {
  border-right: 1px solid var(--default);
}
table td {
  padding: 2px 8px;
}
table.streifen tbody tr:nth-of-type(2n+1) {
  background-color: #fafafa;
}
table.streifen tbody tr:nth-of-type(2n+0) {
  background-color: #eee;
}

table.lieferzeiten {
  width: 100%;
  margin: 40px 0 5px;
}
table.lieferzeiten th {
  font-size: 22px;
  color: var(--prime);
  border-bottom: 1px solid var(--default);
  border-right: 1px solid var(--default);
  padding: 6px;
}
table.lieferzeiten td {
  border-bottom: 1px solid var(--default);
  border-right: 1px solid var(--default);
  text-align: center;
  padding: 10px;
}
table.lieferzeiten td:first-of-type {
  text-align: left;
}
table.lieferzeiten th:last-of-type,
table.lieferzeiten td:last-of-type {
  border-right: 0 none;
}
table.lieferzeiten tr:last-of-type td {
  border-bottom: 0 none;
}

dl.article-info dd.modified {
  margin-inline-start: 0;
  text-align: center;
  font-weight: 500;
}

/* Timeline */
table.historie {
  border: 0;
  outline: 0;
}
table.historie tr:nth-child(2n+1) {
  border-bottom: 2px solid var(--second);
}
table.historie .jahr,
table.historie .meilenstein {
  font-weight: 500;
  font-size: 20px;
}
table.historie td {
  padding: 5px 20px;
}
table.historie tr td:first-of-type {
  padding-left: 0;
  border-right: 4px solid var(--prime);
}
table.historie tr:nth-child(2n+0) td {
  padding-bottom: 20px;
}
table.historie tr td:last-of-type {
  padding-right: 0;
}


/* Produktmatrix */
.scrollcontainer {
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  height: 70vh;
}
.scrollcontainer.impressum {
  height: 100%;
}
.scrollcontainer table {
  min-width: 500px;    
  width: 100%;
}
.scrollcontainer:root{
  scrollbar-face-color: var(--prime); 
  scrollbar-track-color: var(--hellgrau); 
  scrollbar-width: thin;
  scrollbar-color: var(--prime) var(--hellgrau);
}
.scrollcontainer::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.scrollcontainer::-webkit-scrollbar-thumb { 
  background: var(--prime);
}
.scrollcontainer::-webkit-scrollbar-track { 
  background: var(--hellgrau);
}

table.matrix {
  border: 0px;
  margin-bottom: 0px;
  border-collapse: separate;
  border-spacing: 0;
}
table.matrix img {
  mix-blend-mode: darken;
}
table.matrix thead th {
  position: sticky;
  top: 0;
  background-color: var(--hellgrau);
  z-index: 1;
  font-size: 15px;
  font-weight: 600;
  border-right: 1px solid var(--mittelgrau);
}
table.matrix thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}
table.matrix tbody tr td:first-of-type {
  position: sticky;
  left: 0;
  z-index: 1;
}
table.matrix td {
  vertical-align: top;
}

table.matrix tr td {
  border-right: 1px solid var(--mittelgrau);
  border-top: 1px solid var(--mittelgrau);
  font-size: 14px;
}
table.matrix td,
table.matrix th {
  padding: 3px 8px;
}
table.matrix img {
  width: auto;
  max-width: unset;
  margin: 10px auto;
}

table.matrix td:not(:first-of-type),
table.matrix th {
  text-align: center;
}
.matrix .zwischenhead td{
  background-color: var(--hellgrau);
  font-weight: 600;
}
.matrix tr:not(.zwischenhead) td:first-of-type {
  background-color: #fff;
}
table.matrix #table-heading {
  background-color: #fff;
}
table.matrix a {
  font-weight: 600;
  color: var(--content);
}
table.matrix a:hover {
  color: var(--prime);
}

.itemid-188 .matrix .evo-psk,
.itemid-190 .matrix .evo-hst-softclose,
.itemid-192 .matrix .evo-hst-drive,
.itemid-180 .matrix .evoht-al,
.itemid-183 .matrix .evo-net,
.itemid-185 .matrix .evo-ht,
.itemid-195 .matrix .rolladen-mini-aufsatz,
.itemid-196 .matrix .rolladen-neubau-aufsatz,
.itemid-198 .matrix .raffstore-mini-aufsatz,
.itemid-199 .matrix .raffstore-neubau-aufsatz,
.itemid-201 .matrix .zippscreen-mini-aufsatz,
.itemid-202 .matrix .zipscreen-neubau-aufsatz,
.itemid-171 .matrix .EVO-AD-6001,
.itemid-172 .matrix .EVO-STIL-6001,
.itemid-173 .matrix .EVO-AD-6015,
.itemid-174 .matrix .EVO-TT-6016,
.itemid-176 .matrix .EVO-PLUS-6009,
.itemid-177 .matrix .EVO-THERM-IKD,
.itemid-206 .matrix .arimeo,
.itemid-207 .matrix .regel-air,
.itemid-208 .matrix .aeromat-mini,
.itemid-209 .matrix .aeromat-midi {
  background-color: #f4e6e1;
}

/**** Sprachwahl ****/
div.mod-languages {
  border-right: 4px solid var(--prime);
  transition: all 0.5s;
  width: 50px;
  padding-left: 8px;
  top: 90px;
  right: 0;
  position: fixed;
  background-color: #fff;
  z-index: 2;
}
.mod-languages:hover {
  background-color: var(--hellgrau);
}
div.mod-languages ul {
	margin: 0;
	padding: 0;
	list-style:none;
  text-align: left;
}
div.mod-languages li {
  margin-left: 0px;
  margin-right: 0px;
  display: inline;
}

div.mod-languages ul.lang-inline li {
	display:inline;
}

div.mod-languages ul.lang-block li {
	display:block;
}

div.mod-languages img {
	border:none;
}

div.mod-languages a {
	text-decoration: none;
  font-size: 22px;
  padding: 5px 9px 5px 0;
  transition: all 0.2s;
  display: inline-block;
  font-weight: 500;
  color: var(--second);
}

div.mod-languages a:hover {
  color: var(--second);
}

/* Advanced Dropdown style*/
div.advanced-dropdown a{
	white-space:nowrap;
}
div.mod-languages ul {
  overflow: hidden;
  display: none
}

/**** Filter ****/

/**** Fancybox ****/

.fancybox-button {
  padding: 4px;
  color: #fff;
  background-color: var(--prime);
}
.fancybox-button[disabled] {
  display: none;
}

.fancybox-progress {
  background-color: var(--prime);
}
.fancybox-caption,
.fancybox-caption * {
  text-align: center;
  color: #fff;
  margin: 5px;
  padding: 5px;
}
body .fancybox-thumbs__list a,
body .fancybox-thumbs__list a::before {
  border-color: var(--prime);
}
.fancyboxCounter {
  position: fixed;
  top: 8px;
  left: 0;
  width: 100%;
}
img.fancybox-image[src*="matrix"] {
  background-color: #fff;
}

/**** Alerts ****/
joomla-alert {
  animation-duration: var(--jui-alert-animation-duration, .5s);
  animation-timing-function: var(--jui-alert-animation-timing-function, ease-in-out);
}
.alert, .proopc-alert, joomla-alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 30px;
  color: var(--darkgrey);
  background-color: var(--default);
  border-radius: 0;
  border: 1px solid var(--default);
  display: block;
  min-width: 250px;
}
joomla-alert .joomla-alert--close {
  background: transparent;
  border: 0;
  color: var(--graudunkel);
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  padding: .2rem 1rem;
  position: relative;
  right: -1.25rem;
  top: -.5rem
}
joomla-alert .joomla-alert--close:focus,
joomla-alert .joomla-alert--close:hover {
    color: #000;
    cursor: pointer;
    text-decoration: none
}
.alert-heading {
  color: inherit;
  margin-top: 4px;
}
.alert h3, .alert h4 {
  margin-top: 0;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-success, joomla-alert[type=success] {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}
.alert-success .alert-link,
joomla-alert[type=success] .alert-link,
.alert-success h3,
joomla-alert[type=success] h3 {
  color: #0c4128;
}
joomla-alert[type=success] hr {
  border-top-color: #badbcc;
}
.alert-warning, .proopc-warning-msg, .alert-notice,
joomla-alert[type=warning] {
  color: #000;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-warning .alert-link, joomla-alert[type=warning] .alert-link,
.alert-warning h3,
joomla-alert[type=warning] h3 {
  color: #523e02;
}
joomla-alert[type=warning] hr {
  border-top-color: #ffeeba;
}
.alert-danger, .proopc-error-msg, joomla-alert[type=danger] {
  color: #000;
  background-color: #f1d6da;
  border-color: #da0023;
}
.alert-danger .alert-link,
joomla-alert[type=danger] .alert-link,
.alert-danger h3,
joomla-alert[type=danger] h3 {
  color: #6a1a21;
}
joomla-alert[type=danger] hr {
  border-top-color: #da0023;
}
.alert-info, joomla-alert[type=info] {
  color: #333;
  background-color: #eee;
  border-color: #aaa;
}
.alert-info .alert-link,
joomla-alert[type=info] .alert-link,
.alert-info h3,
joomla-alert[type=info] h3 {
  color: #333;
}
joomla-alert[type=info] hr {
  border-top-color: #aaa;
}
.alert p,
joomla-alert p,
.alert h3,
joomla-alert h3 {
  margin-top: 0;
  text-align: left;
}
@-webkit-keyframes joomla-alert-fade-in{0%{opacity:0}}
@keyframes joomla-alert-fade-in{0%{opacity:0}}
@-webkit-keyframes joomla-alert-fade-out{0%{opacity:1}to{opacity:0}}
@keyframes joomla-alert-fade-out{0%{opacity:1}to{opacity:0}}

/**** Aria Hidden ***/
[aria-hidden=true] a[href],[aria-hidden=true] area[href],[aria-hidden=true] input:not([disabled]),[aria-hidden=true] select:not([disabled]),[aria-hidden=true] textarea:not([disabled]),[aria-hidden=true] button:not([disabled]),[aria-hidden=true] [tabindex]:not([disabled]),[aria-hidden=true] [contenteditable=true]:not([disabled]){visibility:hidden;}

/**** Scrolltotop ****/
#totop {
  display: none;
  transition: all 0.5s;
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  font-weight: 400;
  text-align: center;
  color: var(--second);
  background-color: #fff;
  z-index: 98;
  border-right: 4px solid var(--prime);
}

#totop:hover,
#totop:active,
#totop:focus {
    background-color: var(--hellgrau);
}

/**** Tooltips ****/
*[data-toggle="tooltip"][data-title],
*[data-toggle="tooltip"][title] {
  position: relative;
  border-bottom: 1px dashed var(--content);
  white-space: nowrap;
}
*[data-toggle="tooltip"]>*:not(.wm-tooltip) {
  pointer-events: none;
}

.wm-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}
.wm-tooltip .wm-tooltip-inner {
  width: 260px;
  opacity: 0;
  display: inline-block;
  visibility: hidden;
  position: absolute;
  text-align: center;
  background: var(--graudunkel);
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  padding: 10px;
  transition: all 0.2s;
  white-space: normal;
}
.wm-tooltip .wm-tooltip-inner:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
}
.wm-tooltip:hover .wm-tooltip-inner {
  visibility: visible;
  opacity: 1;
}
.wm-tooltip:hover .wm-tooltip-inner.top {
  transform: translate(-50%, 0);
}
.wm-tooltip .wm-tooltip-inner.top {
  bottom: calc(100% + 15px);
  left: 50%;
  transform: translate(-50%, -10px);
}
.wm-tooltip .wm-tooltip-inner.top:before {
  border-top-color: var(--graudunkel);
  border-bottom: 0px;
  bottom: -7px;
  margin-left: -8px;
  left: 50%;
}
.wm-tooltip:hover .wm-tooltip-inner.bottom {
  transform: translate(-50%, 0);
}
.wm-tooltip .wm-tooltip-inner.bottom {
  top: calc(100% + 15px);
  left: 50%;
  transform: translate(-50%, 10px);
}
.wm-tooltip .wm-tooltip-inner.bottom:before {
  border-bottom-color: var(--graudunkel);
  border-top: 0px;
  top: -7px;
  margin-left: -8px;
  left: 50%;
}
.wm-tooltip:hover .wm-tooltip-inner.left {
  transform: translate(0, -50%);
}
.wm-tooltip .wm-tooltip-inner.left {
  right: calc(100% + 15px);
  top: 50%;
  transform: translate(-10px, -50%);
}
.wm-tooltip .wm-tooltip-inner.left:before {
  border-left-color: var(--graudunkel);
  top: 50%;
  margin-top: -8px;
  right: -7px;
  border-right: 0px;
}
.wm-tooltip:hover .wm-tooltip-inner.right {
  transform: translate(100%, 0);
}
.wm-tooltip .wm-tooltip-inner.right {
  right: -15px;
  top: -15px;
  transform: translate(150%, 10px);
}
.wm-tooltip .wm-tooltip-inner.right:before {
  border-right-color: var(--graudunkel);
  top: 50%;
  margin-top: -8px;
  left: -7px;
  border-left: 0px;
}

/**** Slick Slider ****/
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 -10px;
    padding: 0;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
   transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track,
.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    margin: 0 10px;
}
.slick-slide.slick-loading img,
.slick-arrow.slick-hidden {
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
}

/* Arrows */
.slick-arrow{
  position: absolute;
  top: calc(50% - 40px);
  width: 40px;
  height: 40px;
  background-color: var(--prime);
  color: #fff;
  border-radius: 0;
  transition: all 0.3s;
  z-index: 5;
  border: 0px;
  outline: 0px;
  opacity: 0;
}
.slick-slider:hover .slick-arrow,
.slick-slider:hover .slick-dots {
	opacity: 1
}
.slick-prev{
  left: 0px;
}
.slick-next{
  right: 0px;
}

.slick-arrow:hover,
.slick-arrow:focus {
    background-color: var(--second);
}
.slick-arrow:before{
  font-family: 'Font Awesome 6 Pro';
  font-size: 30px;
  line-height: 40px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  text-align: center;
}
.slick-prev:before{
  content: "\f053";
}
.slick-next:before{
  content: "\f054";
}

/* Dots */
.slick-dotted.slick-slider {
  padding-bottom: 40px;
}
.slick-dots,
.main .slick-dots {
  position: absolute;
  bottom: 0px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 !important;
  list-style: none;
  text-align: center;
  opacity: 1;
  transition: all 0.3s;
}
.slick-dots li,
.main .slick-dots li {
  position: relative;
  display: inline-block;
  padding: 0;
  cursor: pointer;
}
.slick-dots li::before,
.main .slick-dots li::before {
  content: none;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  width: 14px;
  height: 14px;
  margin: 9px 3px;
  background: var(--hellgrau);
  /* border-radius: 30px; */
  display: block;
  -webkit-backface-visibility: visible;
  transition: all .2s ease;
  border: 0;
  outline: 0;
}
.slick-dots li.slick-active button,
.slick-dots li:hover button {
  background: var(--prime);
}
.slick-dots li:first-of-type:last-of-type button {
  display: none;
}

/* Showtime Gallery */
.compensate-for-scrollbar {
  margin-right: 0px !important;
}
body.compensate-for-scrollbar,
body.overflowHidden {
  overflow: inherit !important;
}
.showtime-gallery .overlay {
  display: flex;
  justify-content: center;
  align-items: center;
}
.showtime-gallery .overlay .icon::before {
  content: "\f002";
  font-size: 25px;
  font-family: 'Font Awesome 6 Pro';
}

.showtime-gallery .box.imagebox {
  margin-bottom: 10px;
}


/**** Responsive Elemente ****/


@media (max-width : 991px) {
  div.mod-languages {
    top: 130px;
    position: absolute;
  }
}
@media (max-width : 575px) {
  .btn-primary {
      width: 100%;
  }
  .slick-arrow {
    opacity: 1;
  }
}

/* ############################# Komponenten ############################# */
/**** INSTAGRAM INGALLERY ***/
/************ INSTA FEED ************/
.ingallery .ingallery-item-card .ingallery-item-header {
  display: none;
}
.ingallery .ingallery-item-card .ingallery-item-info span.ingallery-item-date {
  text-transform: none;
}
.ingallery .ingallery-item-card {
  background-color: var(--prime);
  color: #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.ingallery .ingallery-item-card .ingallery-item-info,
.ingallery .ingallery-item-card .ingallery-item-info span.ingallery-item-date  {
  color: #fff;
}

.ingallery .ingallery-item-card .ingallery-item-link .ingallery-item-image {
  overflow: hidden;
}
.ingallery .ingallery-item-card .ingallery-item-link .ingallery-item-image img {
  transition: all 0.5s;
}
.ingallery .ingallery-item-card .ingallery-item-link .ingallery-item-image:hover img {
  transform: scale(1.05);
}


/**** RSFORM ****/
/**** Label Absolute positioniert - auch JS beachten, kann einfach ausgeklammert werden ****/
.rsform-type-checkboxgroup[class*="fragen"]{
  background-color: var(--hellgrau);
  padding: 15px;
}
.rsform-block.rsform-block-fragen {
  display: none;
}
.rsform-type-checkboxgroup > label {
  font-weight: 600;
}
.rsform-block:not(.rsform-type-checkboxgroup):not(.rsform-type-advcheckbox):not([class*="konfig"]):not(.rsform-type-selectize):not(.rsform-type-switch):not(.rsform-type-advradio) label:not(.form-check-label) {
  position: absolute;
  color: var(--second);
  top: 0.5rem;
  padding-left: 0.5rem;
  z-index: 5;
  transition: all 0.28s ease;
  pointer-events: none;
}

.rsform-block:not([class*="konfig"]):not(.rsform-type-selectize):not(.rsform-type-advcheckbox):not(.rsform-type-switch):not(.rsform-type-advradio).hasvalue label:not(.form-check-label),
.rsform-block:not([class*="konfig"]):not(.rsform-type-selectize):not(.rsform-type-advcheckbox):not(.rsform-type-switch):not(.rsform-type-advradio).active label:not(.form-check-label) {
    font-size: 0.8rem;
    line-height: 0.8rem;
    top: -0.4rem;
    left: 9px;
    background-color: #fff;
    padding: 0px 5px;
}
.rsform-block:not(.rsform-type-advcheckbox):not(.rsform-type-advradio) .formValidation span.formError {
  display: inline;
  position: absolute;
  bottom: -5px;
  line-height: 10px;
  left: 10px;
  background: #fff;
  padding: 0 2px;
}
.rsform-block.rsform-type-advcheckbox .formValidation span.formError,
.rsform-block.rsform-type-advradio .formValidation span.formError {
  text-align: center;
  display: block;
  font-size: 0.9rem;
}
.form-select:not([name*="konfig"]) {
  color: transparent;
}
.rsform-block:not(.rsform-type-selectize).empty .form-select:not([name*="konfig"]) {
  color: transparent !important;
}
.rsform-block:not(.rsform-type-selectize).active .form-select:not([name*="konfig"]),
.rsform-block:not(.rsform-type-selectize).hasvalue .form-select:not([name*="konfig"]),
.form-control.vm-chzn-select:focus {
  color: inherit !important;
  background-color: inherit !important;
}
/**** Label Absolute positioniert ENDE ****/
.rsform-block {
  position: relative;
  margin-bottom: 1rem;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
label {
  display: inline-block;
}
label a[href="/de/datenschutz"],
label a[href="/en/privacy-policy"],
label a[href="/datenschutz"] {
    font-weight: bold;
}
.form-label {
  margin-bottom: 0.5rem;
}
.form-control, .form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--content);
  background-color: var(--hellgrau);
  background-clip: padding-box;
  border: 1px solid var(--hellgrau);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.5s;
}
.form-control[type=file] {
  overflow: hidden;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}

.form-control::-webkit-file-upload-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control::file-selector-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}

.form-control:focus {
  color: var(--content);
  background-color: #fff;
  border-color: var(--prime);
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.form-control::placeholder,
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}

.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

textarea.form-control {
  min-height: calc(1.5em + .75rem + 2px);
}

.form-select {
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  -moz-padding-start: calc(.75rem - 3px);
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid #ccc;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: .75rem;
  background-image: none;
}

.form-select:disabled {
  background-color: #e9ecef;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: .125rem;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: .15em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, .25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}

.form-check-input[type=checkbox] {
  border-radius: 0;
}

.form-check-input[type=radio] {
  border-radius: 50%;
}

.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:checked {
  background-color: var(--prime);
  border-color: var(--prime);
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--prime);
  border-color: var(--prime);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: .5;
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
  cursor: default;
  opacity: .5;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #da0023;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
  border-color: #da0023;
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
}

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
  border-color: #da0023;
}

.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
  background-color: #da0023;
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label,
.is-invalid::placeholder,
.invalid::placeholder,
.formControlLabel.is-invalid,
label.is-invalid,
label.invalid,
.form-check-label.is-invalid,
.form-check-label.invalid {
  color: #da0023;
}

.rsform-block-anhang .formControls {
  position: relative;
}

.rsfp-field-multiple-plus {
  margin-bottom: 1em;
  width: calc(80% - 10px)
}

.form-control-file {
  min-height: 39px;
  line-height: 1.9rem;
}

.rsfp-field-multiple-plus-button {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  height: 38px;
  width: 20%;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 0;
}

.formHidden {
  position: absolute;
  left: -20000px;
  top: -20000px;
  opacity: 0;
  visibility: hidden
}

.formError {
  color: #da0023;
  font-size: 12px;
  font-weight: bold;
}

.formNoError {
  display: none
}

strong.formRequired,
span.asterisk {
  font-weight: 700;
  font-style: normal;
  margin-left: 3px;
  color: var(--prime);
}
.rsformProgress {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.konfig {
  position: relative;
  background-color: #f5f5f5;
  padding: 35px;
  padding-top: 1px;
}

.progress,
.progress-stacked {
  vertical-align: baseline;
  display: flex;
  height: 15px;
  overflow: hidden;
  font-size: 14px;
  background-color: var(--default);
  border-radius: 0;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* overflow: hidden; */
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-color: var(--prime);
  transition: all 0.5s
}
.progress-bar em {
  display: none;
}
.konfig .formContainer {
  margin-top: 45px;
}
.konfig .formControls.btn-group,
.konfig .rsform-type-submitbutton>.formControls {
  display: flex;
  justify-content: space-between;
}
.konfig #rsform_3_page_0 .formControls.btn-group{
  justify-content: flex-end;
}
.konfig .rsform-type-submitbutton>.formControls>div {
  display: none;
}
.konfig .rsform-type-pagebreak {
  margin-top: 60px;
}


/* Selectize */.selectize-control{position:relative}.selectize-dropdown,.selectize-input,.selectize-input input{color:#343a40;font-family:inherit;font-size:inherit;line-height:1.5;font-smoothing:inherit}.selectize-input,.selectize-control.single .selectize-input.input-active{background:#fff;cursor:text;display:inline-block}.selectize-input{border:1px solid var(--hellgrau);padding:.375rem .75rem;display:inline-block;width:100%;position:relative;z-index:1;box-sizing:border-box;box-shadow:none;border-radius:0}.selectize-control.multi .selectize-input.has-items{padding:calc(.375rem - 1px - 0px) .75rem calc(.375rem - 1px - 3px - 0px)}.selectize-input.disabled,.selectize-input.disabled *{cursor:default!important}.selectize-control.multi .selectize-input>div{cursor:pointer;margin:0 3px 3px 0;padding:1px 5px;background:#efefef;color:var(--content);border:0 solid var(--hellgrau)}.selectize-input>input{display:inline-block!important;padding:0!important;min-height:0!important;max-height:none!important;max-width:100%!important;margin:0!important;text-indent:0!important;border:0 none!important;background:none!important;line-height:inherit!important;user-select:auto!important;box-shadow:none!important}.selectize-input>input::-ms-clear{display:none}.selectize-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.selectize-dropdown .option,.selectize-dropdown .optgroup-header,.selectize-dropdown .no-results,.selectize-dropdown .create{padding:3px .75rem}.selectize-dropdown .option,.selectize-dropdown [data-disabled],.selectize-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.selectize-dropdown [data-selectable].option{opacity:1;cursor:pointer}.selectize-dropdown-content{overflow-y:auto;overflow-x:hidden;max-height:200px;overflow-scrolling:touch}.selectize-dropdown-emptyoptionlabel{text-align:center}.selectize-control .selectize-input.disabled{opacity:.5;background-color:#fff}.selectize-dropdown,.selectize-dropdown.form-control{position:absolute;height:auto;padding:0;margin:2px 0 0 0;z-index:1000;background:#fff;border:1px solid var(--hellgrau);}.selectize-dropdown-content{padding:5px 0}.selectize-input.focus{border-color:var(--prime);}.is-invalid .selectize-input{border-color:#dc3545;}.selectize-control.multi .selectize-input{height:auto;padding-left:calc(.75rem - 5px);padding-right:calc(.75rem - 5px)}.selectize-control.plugin-remove_button .item{display:inline-flex;align-items:center;padding-right:0!important}.selectize-control.plugin-remove_button .item .remove{color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:1px 5px;border-left:1px solid #dee2e6;border-radius:0 2px 2px 0;box-sizing:border-box;margin-left:5px}.selectize-dropdown .active:not(.selected){background:var(--hellgrau);}.selectize-control.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05);}

/* FORM PLATE für Switch, Checkbox und Radio */
.formplate .rsfp-toggler-label{vertical-align:top;position:relative;top:8px;display:inline-block;}.formplate .rsfp-toggler-label.left{margin-right:10px;}.formplate .rsfp-toggler-label.right{margin-left:10px;}.formplate .fp-toggler{position:relative;display:inline-block;width:50px;height:30px;background-color:#eee;border-radius:15px;background-clip:padding-box;box-shadow:inset 1px 2px 2px rgba(0,0,0,.15);transition:background-color .2s ease-out;}.formplate .fp-toggler>input{padding:0;margin:0 auto;opacity:0;display:block;width:100%;height:100%;filter:alpha(opacity=0);cursor:pointer;}.formplate .fp-toggler .handle{display:block;position:absolute;top:1px;left:1px;width:28px;height:28px;background-color:#FFF;border-radius:50%;background-clip:padding-box;box-shadow:0 1px 2px rgba(0,0,0,.1);transition:all .2s ease-out;}.formplate .fp-toggler.checked{background-color:#64BD63;}.formplate .fp-toggler.checked .handle{left:21px;}.no-touch .formplate .fp-toggler:hover{cursor:pointer;}

.konfig .rsfpa-horizontal {
  position: relative;
  border: 0;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  padding: 15px;
  background-color: var(--hellgrau);
  width: 140px;
  height: auto;
  display: inline-table;
  margin-right: 0 !important;
  transition: all 0.3s;
  margin: 5px;
}
.konfig .rsfpa-horizontal:hover {
  box-shadow: inset 5px 4px 7px var(--mittelgrau);
}
.konfig span.fp-checkbox,
.konfig span.fp-radio {
  display: block;
  border: 0;
  border-radius: 0;
  position: unset;
  width: 100%;
  height: 100%;
}
.konfig span.fp-checkbox::before,
.konfig span.fp-radio::before {
  display: block;
  width: 80px;
  margin: 10px auto;
}

.konfig span.fp-radio.Groesse2::before,
.konfig span.fp-radio.Stil2::before,
.konfig span.fp-radio.Termin3::before,
.konfig span.fp-checkbox.Bauform4::before,
.konfig span.fp-checkbox.Einbauort5::before,
.konfig span.fp-checkbox.Einbauort_SA3::before {
  content: url('https://helmut-meeth.com/images/template/icons/weiss-nicht.svg');
}

.konfig span.fp-radio.Stil0::before {
  content: url('https://helmut-meeth.com/images/template/icons/tuer-klassisch.svg');
}
.konfig span.fp-radio.Stil1::before {
  content: url('https://helmut-meeth.com/images/template/icons/tuer-modern.svg');
}
.konfig span.fp-checkbox.Bauform0::before {
  content: url('https://helmut-meeth.com/images/template/icons/einfluegelig.svg');
}
.konfig span.fp-checkbox.Bauform1::before {
  content: url('https://helmut-meeth.com/images/template/icons/zweifluegelig.svg');
}
.konfig span.fp-checkbox.Bauform2::before {
  content: url('https://helmut-meeth.com/images/template/icons/seitenteile.svg');
}
.konfig span.fp-checkbox.Bauform3::before {
  content: url('https://helmut-meeth.com/images/template/icons/oberlichter.svg');
}
.konfig span.fp-checkbox.Themen0::before {
  content: url('https://helmut-meeth.com/images/template/icons/sicherheit.svg');
}
.konfig span.fp-checkbox.Themen1::before {
  content: url('https://helmut-meeth.com/images/template/icons/waerme.svg');
}
.konfig span.fp-checkbox.Themen2::before {
  content: url('https://helmut-meeth.com/images/template/icons/schallschutz.svg');
}
.konfig span.fp-checkbox.Themen3::before {
  content: url('https://helmut-meeth.com/images/template/icons/luft.svg');
}
.konfig span.fp-checkbox.Themen4::before {
  content: url('https://helmut-meeth.com/images/template/icons/besonderheiten.svg');
}
.konfig span.fp-checkbox.Zubehoer0::before {
  content: url('https://helmut-meeth.com/images/template/icons/rollladen.svg');
}
.konfig span.fp-checkbox.Zubehoer1::before {
  content: url('https://helmut-meeth.com/images/template/icons/raffstore.svg');
}
.konfig span.fp-checkbox.Zubehoer2::before {
  content: url('https://helmut-meeth.com/images/template/icons/zipscreen.svg');
}
.konfig span.fp-checkbox.Zubehoer3::before {
  content: url('https://helmut-meeth.com/images/template/icons/insektenschutz.svg');
}
.konfig span.fp-checkbox.Zubehoer4::before {
  content: url('https://helmut-meeth.com/images/template/icons/luft.svg');
}


.konfig span.fp-checkbox.Thema0::before {
  content: url('https://helmut-meeth.com/images/template/icons/fenster.svg');
}
.konfig span.fp-checkbox.Thema1::before {
  content: url('https://helmut-meeth.com/images/template/icons/tueren.svg');
}
.konfig span.fp-checkbox.Thema2::before {
  content: url('https://helmut-meeth.com/images/template/icons/balkon-und-terrassentueren.svg');
}
.konfig span.fp-checkbox.Thema3::before {
  content: url('https://helmut-meeth.com/images/template/icons/sichtschutz.svg');
}
.konfig span.fp-checkbox.Thema4::before {
  content: url('https://helmut-meeth.com/images/template/icons/ersatzteile-zubehoer.svg');
}
.konfig span.fp-radio.Sichtschutz1::before {
  content: url('https://helmut-meeth.com/images/template/icons/sichtschutz-durchgestrichen.svg');
}
.konfig span.fp-radio.Groesse0::before {
  content: url('https://helmut-meeth.com/images/template/icons/standardgroesse.svg');
}
.konfig span.fp-radio.Groesse1::before {
  content: url('https://helmut-meeth.com/images/template/icons/grosse-flaechen.svg');
}
.konfig span.fp-radio.Anzahl_Elemente0::before {
  content: url('https://helmut-meeth.com/images/template/icons/bis-zu-5.svg');
}
.konfig span.fp-radio.Anzahl_Elemente1::before {
  content: url('https://helmut-meeth.com/images/template/icons/6-bis-15.svg');
}
.konfig span.fp-radio.Anzahl_Elemente2::before {
  content: url('https://helmut-meeth.com/images/template/icons/mehr-als-15.svg');
}
.konfig span.fp-checkbox.Einbauort0::before {
  content: url('https://helmut-meeth.com/images/template/icons/hauseingang.svg');
}
.konfig span.fp-checkbox.Einbauort1::before {
  content: url('https://helmut-meeth.com/images/template/icons/nebeneingang.svg');
}
.konfig span.fp-checkbox.Einbauort2::before {
  content: url('https://helmut-meeth.com/images/template/icons/keller.svg');
}
.konfig span.fp-checkbox.Einbauort3::before {
  content: url('https://helmut-meeth.com/images/template/icons/garage.svg');
}
.konfig span.fp-checkbox.Einbauort4::before {
  content: url('https://helmut-meeth.com/images/template/icons/terrasse.svg');
}
.konfig span.fp-checkbox.Einbauort_SA0::before {
  content: url('https://helmut-meeth.com/images/template/icons/balkon.svg');
}
.konfig span.fp-checkbox.Einbauort_SA1::before {
  content: url('https://helmut-meeth.com/images/template/icons/terrasse.svg');
}
.konfig span.fp-checkbox.Einbauort_SA2::before {
  content: url('https://helmut-meeth.com/images/template/icons/wintergarten.svg');
}
.konfig span.fp-radio.Bauobjekt0::before {
  content: url('https://helmut-meeth.com/images/template/icons/privathaushalt.svg');
}
.konfig span.fp-radio.Bauobjekt1::before {
  content: url('https://helmut-meeth.com/images/template/icons/gewerbe.svg');
}
.konfig span.fp-radio.Bauobjekt2::before {
  content: url('https://helmut-meeth.com/images/template/icons/grossprojekt.svg');
}
.konfig span.fp-radio.Neu-Reno0::before {
  content: url('https://helmut-meeth.com/images/template/icons/renovierung.svg');
}
.konfig span.fp-radio.Neu-Reno1::before {
  content: url('https://helmut-meeth.com/images/template/icons/neubau.svg');
}
.konfig span.fp-radio.Neu-Reno2::before {
  content: url('https://helmut-meeth.com/images/template/icons/premium-neubau.svg');
}
.konfig span.fp-checkbox.Leistung0::before {
  content: url('https://helmut-meeth.com/images/template/icons/nur-lieferung.svg');
}
.konfig span.fp-checkbox.Leistung1::before {
  content: url('https://helmut-meeth.com/images/template/icons/profi.svg');
}
.konfig span.fp-checkbox.Leistung2::before {
  content: url('https://helmut-meeth.com/images/template/icons/entsorgung.svg');
}
.konfig span.fp-checkbox.Leistung3::before {
  content: url('https://helmut-meeth.com/images/template/icons/foerderungen.svg');
}
.konfig span.fp-checkbox.Leistung4::before {
  content: url('https://helmut-meeth.com/images/template/icons/energiesparen.svg');
}
.konfig span.fp-radio.Termin0::before {
  content: url('https://helmut-meeth.com/images/template/icons/1-4-monate.svg');
}
.konfig span.fp-radio.Termin1::before {
  content: url('https://helmut-meeth.com/images/template/icons/5-8-monate.svg');
}
.konfig span.fp-radio.Termin2::before {
  content: url('https://helmut-meeth.com/images/template/icons/groesser-9-monate.svg');
}

.konfig span.fp-checkbox::after,
.konfig span.fp-radio::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid var(--hellgrau);
  transition: all 0.3s;
}

.konfig .rsfpa-horizontal:hover span.fp-checkbox::after,
.konfig .rsfpa-horizontal:hover span.fp-radio::after {
  border-top-color: var(--mittelgrau);
  border-left-color: var(--mittelgrau);
}
.konfig .formplate .fp-checkbox.checked::after,
.konfig .formplate .fp-radio.checked::after {
  border: 2px solid var(--prime) !important;
}
.konfig .formplate .fp-checkbox.checked,
.konfig .formplate .fp-radio.checked {
  border: 0;
  background-color: transparent;
  font-family: unset;
}

.konfig .formplate .fp-checkbox>input,
.konfig .formplate .fp-radio>input {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
.konfig .formplate {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}
.konfig .rsform-type-advcheckbox .form-label,
.konfig .rsform-type-advradio .form-label {
  text-align: center;
  font-size: 30px;
  display: block;
  margin-bottom: 75px;
}

.formplate .fp-checkbox,
.formplate .fp-radio {
  display: inline-block;
  position: relative;
  margin-right: 6px;
  margin-top: 0;
  margin-bottom: 2px;
  width: 22px;
  height: 22px;
  line-height: 1.375rem;
  font-size: .625rem;
  vertical-align: middle;
  border: 1px solid var(--second);
  border-radius: 0px;
  background-clip: border-box;
  transition-duration: 0.2s;
  color: #fff;
  z-index: 0;
}
.formplate .fp-checkbox:hover,
.formplate .fp-radio:hover {
	cursor : pointer;
}
.formplate .fp-checkbox.checked,
.formplate .fp-radio.checked {
  text-align: center;
  font-family: "Font Awesome 6 Pro";
  border: 1px solid var(--prime);
  background-color: var(--prime);
  transition-duration: 0.2s;
}
.formplate .fp-checkbox.disabled,
.formplate .fp-radio.disabled {
  text-align: center;
  border: 1px solid #D1D1D1;
  background-color: #D1D1D1;
}
.formplate .fp-checkbox.disabled + .rsfpa-label,
.formplate .fp-radio.disabled + .rsfpa-label {
	color: #939393;
}
/* .formplate .fp-checkbox.checked:before,
.formplate .fp-radio.checked:before {
  content: "\f00c";
  font-size: 14px;
  line-height: 20px;
  transition-duration: 0.2s;
} */
.formplate .fp-checkbox>input,
.formplate .fp-radio>input {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 99;
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 22px;
  height: 22px;
  opacity: 0;
  transition-duration: 0.2s;
}
.formplate .fp-checkbox > input:hover,
.formplate .fp-radio > input:hover {
	cursor : pointer;
}
.formplate .fp-radio {
	border-radius               : 50%;
	background-clip             : border-box;
	transition-duration         : 0.2s;
}
.rsfpa-checkbox, .rsfpa-radio {
	margin-bottom : 10px;
}
.rsfpa-checkbox label, .rsfpa-radio label {
	display : inline-block;
}
.rsfpa-horizontal {
	display: inline-block;
}
.rsfpa-checkbox.rsfpa-horizontal,
.rsfpa-radio.rsfpa-horizontal {
	margin-right: 10px;
}
.rsfpa-vertical {
	float : none;
}
.formResponsive .formplate .rsfpa-checkbox label.rsfpa-label, .formResponsive .formplate .rsfpa-radio label.rsfpa-label {
	float: none;
}



/**** Date Picker ****/
 .picker{color:#000;position:absolute;z-index:10000;user-select:none;outline:none;}.picker__input{cursor:default;}.picker__holder,.picker__frame{top:0;bottom:0;left:0;right:0;transform:translateY(100%);}.picker__holder{-webkit-overflow-scrolling:touch;position:fixed;transition:background .15s ease-out,transform 0s .15s;-webkit-backface-visibility:hidden;display:flex;justify-content:center;align-items:center;}.picker__frame{max-width:100vw;opacity:0;transition:all .15s ease-out;width:500px;}.picker__box{background:#fff;display:table-cell;vertical-align:middle;box-shadow:0 12px 36px 16px rgba(0,0,0,.24);padding:0 1em;}.picker--opened .picker__holder{transform:translateY(0);background:rgba(0,0,0,.32);transition:background .15s ease-out;}.picker--opened .picker__frame{transform:translateY(0);opacity:1;}.picker__header{text-align:center;position:relative;margin-top:.75em;}.picker .picker__header>select.picker__select--month,.picker .picker__header>select.picker__select--year{height:auto;color:inherit;border-color:inherit;box-shadow:none;}.picker__weekday{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em;color:var(--graudunkel);}.picker__year{color:var(--graudunkel);}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em;}.picker__select--month{width:35%;}.picker__select--year{width:22.5%;}.picker__select--month:focus,.picker__select--year:focus{border-color:var(--prime);}.picker__nav--prev,.picker__nav--next{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em;}.picker__nav--prev{left:-1em;padding-right:1.25em;}.picker__nav--next{right:-1em;padding-left:1.25em;}.picker__nav--prev:before,.picker__nav--next:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid var(--prime);width:0;height:0;display:block;margin:0 auto;transition:all .3s;}.picker__nav--next:before{border-right:0;border-left:.75em solid var(--prime);}.picker__nav--prev:hover::before{border-right-color:var(--second);}.picker__nav--next:hover::before{border-left-color:var(--second);}.picker__nav--disabled{cursor:default;background:none;border-right-color:#f5f5f5;border-left-color:#f5f5f5;}.picker__table{text-align:center;border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em;}.picker__table td{margin:0;padding:0;}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500;}.picker__day{padding:2px 0;border:1px solid transparent;}.picker__day--today{position:relative;}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid var(--prime);border-left:.5em solid transparent;}.picker__day--disabled:before{border-top-color:#aaa;}.picker__day--outfocus{color:#ddd;}.picker__day--infocus:hover,.picker__day--outfocus:hover{cursor:pointer;color:#000;background:var(--grauhell);}.picker__day--highlighted{border-color:var(--prime);}.picker__day--highlighted:hover,.picker--focused .picker__day--highlighted{cursor:pointer;color:#000;background:var(--grauhell);}.picker__day--selected,.picker__day--selected:hover,.picker--focused .picker__day--selected{background:var(--prime);color:#fff;}.picker__day--disabled,.picker__day--disabled:hover,.picker--focused .picker__day--disabled{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default;}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb;}.picker__footer{text-align:center;}.picker__button--today,.picker__button--clear,.picker__button--close{display:inline-block;vertical-align:bottom;width:33%;border:1px solid #fff;font-size:.8em;padding:.66em 0;vertical-align:bottom;background-color:#fff;background-image:none;}.picker__button--today:hover,.picker__button--clear:hover,.picker__button--close:hover{cursor:pointer;color:#000;background:var(--grauhell);border-bottom-color:var(--grauhell);}.picker__button--today:before,.picker__button--clear:before,.picker__button--close:before{position:relative;display:inline-block;height:0;}.picker__button--today:before,.picker__button--clear:before{content:" ";margin-right:.45em;}.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid var(--prime);border-left:.66em solid transparent;}.picker__button--clear:before{top:-.25em;width:15px;border-top:3px solid #e20;}.picker__button--close:before{content:"x";top:-.1em;vertical-align:top;margin-right:.35em;}

/**** Phocamaps ***/
.phocamaps-box {
  margin-top: 0px !important;
  margin-bottom: 10px !important;
}

.gm-style .gm-style-iw-c {
  border-radius: 0px;
  max-width: 100% !important;
}

.navigationlink {
  display: none;
}

.pmroute {
  margin: auto;
}

.container .pmroute.container {
  padding-left: 0;
  padding-right: 0;
}

.pm-input-route-btn {
  padding-bottom: 4px;
  padding-top: 4px;
  width: 25%;
}

.pm-input-route.form-control {
  width: calc(75% - 10px);
  margin-right: 10px;
}

.adp-directions {
  width: 100%;
}

.gm-style .gm-style-iw p {
  font-size: 15px;
  margin-bottom: 10px!important;
}

.phocamaps-box .gm-style-iw-d a {
  text-decoration: none;
}

/**** Responsive ***/
@media(max-width : 767px) {
  .navigationlink {
      display: block;
      margin: 10px;
      width: calc(100% - 20px);
  }
  .pmroute {
      display: none;
  }
}

/* ############################# Tools ############################# */
/**** Usercentrics ****/

.usercentrics-button .uc-corner-modal .uc-corner-modal-content h6 {
  text-align: left;
}
.uc-embedding-container {
  width: 100%;
  height: 100%;
  min-height: 500px;
  max-width: 100%;
  font-size: 0;
  position: relative;
  overflow: hidden;
  white-space: normal;
}
.uc-embedding-container div.uc-embedding-wrapper {
  width: 510px!important;
  padding: 20px!important;
  text-align: center;
  background-color: #FFF;
  border-radius: 0;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 35px);
  box-shadow: 0px 0px 12px #000;
  position: absolute;
  padding: 10px;
  top: 50px;
  left: 50%;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  overflow: auto;
  font-family: Arial, Verdana, sans-serif;
}
.uc-embedding-wrapper h3 {
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  margin: 8px 0 8px;
  padding: 0;
  line-height: 130%;
}
.uc-embedding-wrapper p {
  text-align: center;
  font-size: 14px;
  margin: 6px 0 6px;
  padding: 0;
  line-height: 130%;
}
.uc-embedding-wrapper span {
  text-align: center;
  font-size: 12px;
  margin: 0;
}
.uc-embedding-wrapper h3::after,
.uc-embedding-wrapper h3::before {
content: none;
}
.uc-embedding-buttons button, .uc-embedding-accept {
  background-color: #3aaa5f!important;
  color: #ffffff;
  font-weight: 600!important;
  border-radius: 0;
  display: inline-block;
  margin: 2px 0 13px;
  width: 100%;
  padding: 10px 0;
  font-size: 17px;
  text-decoration: none;
}
.uc-embedding-buttons .uc-embedding-more-info {
  background-color: #cecece!important;
  color: #000;
}
.cookiekritisch.maps .uc-embedding-container, 
.uc-embedding-container[pid=S1pcEj_jZX] {
  background-image: url(https://helmut-meeth.com/images/template/pre-maps.png);
  background-position: center;
  background-size: cover;
  height: 600px;
}
.uc-embedding-container[pid=r1Fhc4iOoWX] {
  background: url(../../../images/template/pre-formular.svg) center bottom no-repeat;
  background-size: contain;
  min-height: 500px;
  background-color: #e5e5e5;
}
.phocamaps-box .uc-embedding-container img,
.pm-desc {
  display: none
}
.uc-embedding-container[pid="1XvFW-Y2k"] {
  bottom: 50px;
  background-image: url(https://helmut-meeth.com/images/template/pre-socialfeed.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: inherit;
  min-height: 600px;
}

/* ############################# Animationen ############################# */
/************ Standards ************/
.ani {
  animation: fadeIn 3s ease;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  opacity: 0;
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-delay: 1.5s;
  animation-duration: 1s;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/************ Responsive ************/
@media not all,
(prefers-reduced-motion) {
    .animated,
    .wow {
        opacity: 1 !important;
        visibility: visible;
        animation: none!important;
    }
}

/* ############################# Template Frame ############################# */
.wm-frame main {
  padding: 50px 15px;
  overflow: hidden;
}
.fancybox-slide.fancybox-slide--iframe {
  overflow: hidden!important;
  padding: 20px;
}
.fancybox-slide--iframe .fancybox-content {
  max-height: 90vh;
  max-width: 995px;
}

/* ############################# Error Page ############################# */

html.error-page {
  width: 100%;
  height: 100%;
}

html.error-page body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 40%;
}

html.error-page .error-logo {
  display: inline-block;
  margin-bottom: 2rem;
}

html.error-page .error-code {
  margin: 0 0 1rem;
  font-size: 6rem;
  line-break: 1;
}

html.error-page .error-message {
  font-size: 1.5rem;
  margin-bottom: 3rem;
}

html.error-page .error-modules {
  margin-top: 2rem;
}

html.error-page .error-logo {
  width: 80vw;
  max-width: 500px;
}

html.error-page h1.error-code {
  text-align: center;
  font-size: 40px;
  margin: 60px auto 20px;
  display: block;
}

html.error-page h1.error-code::before {
  content: 'Fehler ';
  text-align: center;
  font-size: 40px;
  margin: 60px auto 20px;
  display: block;
}

html.error-page h2.error-message {
  text-align: center;
  font-size: 60px;
  margin: 20px auto 60px;
}
html.error-page a.btn {
  padding: 10px 25px!important;
  font-size: 120%;
}

/* ############################# DRUCKANSICHT ############################# */

.printonly {
  display: none;
}

@media print {
  .printonly {
    display: block;
  }

  *:not(.parallax):not(.btn),
  *::before,
  *::after {
    background: transparent !important;
    color: inherit !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important
  }

  .noprint,
  .footer-menu,
  #totop,
  .cookiekritisch.social,
  .tooltip.show,
  .wm-tooltip,
  .mod-languages,
  .vmCartModule,
  .webman-menu,
  .dispatcher,
  .mod-menu,
  #Footer,
  .gehirnzitat .bild,
  #usercentrics-root,
  .slick-arrow,
  .slick-dots,
  .cta, 
  .mobilefixed,
  .cta-outer {
    display: none !important;
  }

  img {
    max-height: 40vh;
    margin: 0 auto;
    width: auto;
  }

  #Header.fixed {
    position: relative;
    top: 0;
  }
  .scrolleddown #Header {
    border-bottom: 0px;
  }
  #Slider {
    margin-top: 0;
  }

  .section,
  #webmanform {
    padding: 50px 0 !important;
  }

  .wm-slider img,
  .headerbild img,
  #Slider img {
    width: 100%;
    max-width: 100vw;
    height: auto;
  }
  .trenner {
    max-height: 25vh;
  }

  .slick-slide {
    max-width: 100vw;
    height: auto;
  }

  .section.parallax {
    height: 300px;
    background-attachment: scroll;
  }

  h1,
  h2,
  h3,
  h4,
  h5 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }

  .wow, .imagebox {
    opacity: 1 !important;
    visibility: visible !important;
  }

  table,
  figure {
    page-break-inside: avoid;
  }

  /* a[href]:after,
  abbr[title]:after,
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  } */

  .view-category .product {
    position: unset !important;
  }
  .logo img {
    /* filter: invert(1); */
    margin: 0 auto;
    display: block !important;
    width: 100%;
  }

  .gm-style-iw.gm-style-iw-c,
  .gm-style .gm-style-iw-t::after {
    background-color: #fff !important;
  }
}