@import "custom_fonts.css";
.featured-article-badge {display: none; visibility: hidden;}

/*
CONTENT  Zitat  Teaser  Galerie  HEADER  SLIDER  IMGcompare  AccordeonPlugin
MENU  OFFcanvas  DESIGN  BOTTOM FOOTER
*/
body {
  font-family: 'Poppins';
  font-size: 18px;
}

.container {
  padding-left: 25px;
  padding-right: 25px;
}

.h1, h1 {font-size: min(60px, 2.50vmax); font-weight: 600;text-transform: uppercase;}
.h2, h2 {font-size: min(40px, 2.20vmax); font-weight: 600;text-transform: uppercase;}
.h3, h3 {font-size: min(36px, 2.00vmax);}
.h4, h4 {font-size: min(32px, 1.75vmax);}
.h5, h5 {font-size: 1.50vmax; font-weight: 600;}
  p, li {font-size: min(1em, 3.5vw);}
.sp-module-title {font-weight: 600; text-transform: uppercase;}

.article-details .article-header h1, .article-details .article-header h2 {font-size: 2.5rem;}

sub, sup {font-size: 1rem;}
b, strong {font-weight: 600;}
a img:hover {opacity:0.8;}

.anker {display: block; transform: translateY(-140px);}

#sp-main-body {
  img {border-radius: 11px;}
  li {margin-bottom: 1rem;}
}
#sp-bottom .logo img {border-radius: 11px;}

span.narrow {letter-spacing: -0.16em;}


/* CONTENT */
.article-list .article,
.article-details {
  position: relative;
  margin-bottom: 80px;
  padding: 20px 50px;
  border: 0px solid #fff;
  border-radius: 0px;
}

.text-box {
  border-radius: 15px;
  padding: 2.5em 1.5em 2em 2em;
  height: max-content;
  margin-top: 2em;
}
.button-box, .readmore a {
  display: inline-block;
  border-radius: 7px;
  padding: 0.25em 0.75em;
  margin: 0.35em 0 0 0;
  font-size: 1.2em;
  font-weight: 600;
  text-transform: uppercase;
}
.button-box:not(:last-child) {margin-right: 10px;}

.gold {border: 2px solid #d8a83e; color:#d8a83e; background-color: #ffffff;}
a.gold:hover {color: #fff; background-color: #d8a83e;}

.green, .readmore a {border: 2px solid #0A411C; color:#0A411C; background-color: #ffffff;}
a.green:hover, .readmore a:hover {color: #fff; background-color: #0A411C;}



/* Zitat */
.article-list .article:has(blockquote) {padding: 20px 0;}

blockquote {
  margin: 0 0 1rem;
  background-color: #E4F1DF;
  padding: 5.25em 0.5em 1.5em;
  width: 100%;

  p {
    font-size: min(60px, 4.9vw);
    font-weight: 700;
    text-align:center;
    text-transform: uppercase;
    padding: 1em 0 0.25em;
    }

}
blockquote::before, blockquote::after {
  font-size: 350px;
  font-family: serif;
  font-weight: 800;
  line-height: 0;
  color: #ffffff;
  opacity: 0.75;
}
blockquote::before {content: "“"; margin-right: 50px; float: right;}
blockquote::after {content: "„"; margin-left: 50px;}



/* Teaser */
.teaser {
  p {margin: 0 auto;max-width: fit-content;}
  img {width:100%;}
  .link {
    transform: translate(25px,-3em);
    display: block;
    color: #fff;
    font-size: min(35px, 2.75vw);
    font-weight: 600;
    text-transform: uppercase;
    width: fit-content;
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.99));
  }
  .link.zweizeiler {transform: translate(25px,-4.5em);}
  .link::after {
    content: "\f35a";
    font-family: 'Font Awesome 6 Free';
    margin-left: 0.35em;
  }
}

.partner {position: relative; z-index: 5;}


/* Galerie */
.sigplus-gallery {
  margin-bottom: -25px;
  position: relative;
  z-index: 5;
}

.galerie-header {
  z-index: 1;
  position: relative;
  background-color: rgba(256,256,256,0.75);
  font-size: min(30px,5vw);
  font-weight: 600;
  text-transform: uppercase;
  transform: translate(0em, 3em);
  padding: 0.75em 1em 0.6em;
  margin-top: -1.5em;
  z-index: 7;
}
.slideplus-container[dir="ltr"] > .slideplus-viewport.slideplus-horizontal > .slideplus-previous,
.slideplus-container[dir="rtl"] > .slideplus-viewport.slideplus-horizontal > .slideplus-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40' viewBox='0 0 100 100'%3E%3Crect ry='25' x='10.417' height='100' width='100' fill-opacity='.5'/%3E%3Cpath d='M65 36.5h16v28H65zm-25 14l25 34m0 0l-25-34 25-35' fill='%23fff'/%3E%3C/svg%3E");
}
.slideplus-container[dir="ltr"] > .slideplus-viewport.slideplus-horizontal > .slideplus-next,
.slideplus-container[dir="rtl"] > .slideplus-viewport.slideplus-horizontal > .slideplus-previous {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40' viewBox='0 0 100 100'%3E%3Crect ry='25' x='-10.417' height='100' width='100' fill-opacity='.5'/%3E%3Cpath d='M35 36.5H19v28h16zm25 14l-25 34m0 0l25-34-25-35' fill='%23fff'/%3E%3C/svg%3E");
}

.slideplus-content>div {min-height: 50px!important;}


/* HEADER */
#sp-main {margin-top: -135px;}
.no-header #sp-main {margin-top: 0px;}

#sp-header {
  background: rgba(0, 0, 0, 0);
  box-shadow: none !important;
}
#sp-header .container,
#sp-hero .container {
  padding-left: 0;
  padding-right: 0;
}
#sp-header .container-inner {
  background-color: #0a411c;
  border-radius: 20px;
  padding: 0 15px;
  margin: 50px 70px;
}

#sp-header.header-sticky {
  background: #0a411c;
  box-shadow: none !important;
}  
#sp-header.header-sticky .container-inner {
  background-color: #0a411c;
  border-radius: 0px;
  padding: 0 15px;
  margin-top: 0px;
}

#sp-header .logo {margin-left: 10px;}
#sp-header.header-sticky .logo {margin-left: 0;}


/* SLIDER */
.dj-image {mix-blend-mode: screen;}
.djslider-in li {
  background-image: url(/images/template/Wellen.png) !important;
  background-size: 120% !important;
  background-position: 10% -45% !important;
  background-color: black !important;
}

.slide-desc {
  h1, h2, h3, h4 {text-transform: unset; font-weight:400;}
  span {font-weight: 600; font-size: min(80px, 5vw);}
  .menu-btn {
    font-size: min(26px, 2.5vw);
    margin-left: 4px !important;
    padding: 0.25em 0.5em !important;
    font-weight: 400;
  }
}

.slide-desc-in {
  display: block;
  margin: 0px auto;
  padding: 0 70px;
}
.slide-text {filter: drop-shadow(0px 0px 4px rgb(0, 0, 0));}
.navigation-container {opacity: 0.6;}

.no-slidernavi .navigation-container {display: none;}


/*  IMGcompare  
https://www.codehim.com/html5-css3/html-css-image-comparison-slider/
- - */
.wf-column.doppel {min-width: 49.5% !important;}
.wf-column.hoch   {min-width: 27.9% !important;}

.hoch > .c-compare, .c-compare.hoch {
  --h: 16;
  --w: 12;
}

.c-compare {
  --h: 24;
  --m: 1rem 0;
  --w: 18;
  --thumb-bgc: #f6faff;
  --thumb-bgc-focus: #f6faff;
  --thumb-w: 0.5rem;
  margin: var(--m);
  position: relative;
  max-width: 30vw;
  margin: 0 auto;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border-radius: 11px;
}
.c-compare::after {
  content: "";
  display: block;
  padding-bottom: calc((var(--h) / var(--w)) * 100%);
}
.c-compare__left,
.c-compare__right {
  height: auto;
  object-fit: cover;
  position: absolute;
  width: 100%;
}
.c-compare__left {
  clip-path: polygon(0% 0%, var(--value) 0%, var(--value) 100%, 0% 100%);
  filter: saturate(55%);
}
.c-compare__right {
  clip-path: polygon(100% 0%, var(--value) 0%, var(--value) 100%, 100% 100%);
  filter: saturate(110%);
}
.c-compare__range {
  background-color: transparent;
  box-sizing: border-box;
  font-family: inherit;
  height: 100%;
  margin: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.c-compare__range::-moz-range-thumb {
  background-color: var(--thumb-bgc);
  cursor: ew-resize;
  height: 90%;  
  width: var(--thumb-w);
}
.c-compare__range::-webkit-slider-thumb {
  background-color: var(--thumb-bgc);
  cursor: ew-resize;
  height: 100%;  
  width: var(--thumb-w);
}
.c-compare__range:focus::-webkit-slider-thumb {
  background-color: var(--thumb-bgc-focus);
  /*box-shadow: 0 0 0 3px var(--thumb-bgc);*/
}
.c-compare__range:focus::-moz-range-thumb {
  background-color: var(--thumb-bgc-focus);
  /*box-shadow: 0 0 0 3px var(--thumb-bgc);*/
}
.c-compare__range::-moz-range-track {
  background: transparent;
  background-size: 100%;
  box-sizing: border-box;
}
.c-compare__range::-webkit-slider-runnable-track {
  background: transparent;
  background-size: 100%;
  box-sizing: border-box;
  height: 100%;
}
.c-compare__range,
.c-compare__range::-webkit-slider-runnable-track,
.c-compare__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
}


/*  AccordeonPlugin */
#dummy {
  display: none;
}

.ssl-outer {
  border: 0px;
  border-radius: 0px;
  margin-bottom: 0px;
}

.ssl-title {
  font-size: 1.2em;
  font-weight: 600;
  padding: 8px 0px 8px 10px;
  margin-bottom: 0.75em;
  color: #fff;
  background-color: #0a411c;
  text-transform: uppercase;
  border-radius: 7px;
}

.ssl-title:hover,
.ssl-title-open {
  background-color: #eabe67;
  color: #0a411c;
}

.ssl-title::after {
  content: "";
  width: 1em;
  height: auto;
  display: block;
  position: relative;
  float: right;
  opacity: 0.9;
  margin: 0 10px 0 0;
  filter: invert(1) contrast(100);
}
.ssl-title:hover::after {filter: invert(0) contrast(100);}

.ssl-title::after {
  content: url('/images/template/angle-down.svg');
}

.ssl-title.ssl-title-open::after {
  content: url('/images/template/angle-up.svg');
}

.ssl-content {
  padding: 0.5em 0 1.5em 2em;
  border-top: 0px;
  max-width: 95%;
}



/* MENU */
#sp-menu .sp-megamenu-wrapper {display: block !important;}
.sp-megamenu-parent {margin: 0 -50px;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  padding: 0 15px;
  line-height: 1em;
  font-size: min(26px, 1.75vw);
}

.menu-btn {
  background: #eabe67;
  border: 2px solid #eabe67;
  color: #0a411c !important;
  border-radius: 7px;
  line-height: 2em !important;
  padding: 0 0.75em 0 !important;
  margin-left: 1em !important;
  text-transform: uppercase;
  font-weight: 600;
}
.menu-btn:hover {
  background: #0a411c;
  border: 2px solid #eabe67;
  color: #eabe67 !important;
}
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after,
body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
  margin-left: 4px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: rgba(10, 65, 28,0.9);
  padding-top: 2em;
  padding-bottom: 1em;
  border-radius: 0 0 11px 11px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  font-size: 1em;
  padding: 14px 0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  border-bottom: 1px solid #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child {
  border-bottom: 0px solid transparent;
}



/* OFFcanvas */
.burger-icon {width: 30px;}
.burger-icon > span {height: 4px;}
.offcanvas-active .offcanvas-menu {
  .burger-icon > span {background-color: #0a411c;}
  .burger-icon > span:nth-child(1) {transform: translate(0, 10px) rotate(-45deg);}
  .burger-icon > span:nth-child(3) {transform: translate(0, -7px) rotate(45deg);}
  .logo-image {height: 60px; margin: -10px 10px 0 0;}
  .menu-btn {margin: 0.75em 0 0 0 !important; text-align: center;}
}

.offcanvas-menu ul.mod-menu__sub {display: block !important;}

.offcanvas-menu .offcanvas-inner {padding: 0 25px 0 25px;}
.offcanvas-menu .offcanvas-inner ul.menu ul li {margin-bottom: 15px;}

.offcanvas-menu .offcanvas-inner ul.mod-menu > li > a {
  font-weight: 600 !important;
  font-size: 1.2em !important;
}
.offcanvas-menu .offcanvas-inner ul.menu .menu-toggler {display: none !important;}

.offcanvas-menu .offcanvas-inner ul.mod-menu .current > a {color: #d8a83e !important;}



/* DESIGN */
#sp-design {
    margin: 0 -35px -5vw 0;
    position: relative;
    z-index: 2;
}


/* BOTTOM FOOTER */
#sp-footer a, #sp-bottom a {
  color: #ffbe2d;
}
#sp-bottom {
  padding: 60px 0 0;
  font-size: 1em;
  line-height: 1.6;
  
  .bigtext p {
    font-size: min(42px, 3vmax);
    font-weight: 800;
  }
}

#sp-bottom4 {
  text-align: right;
  padding-top: 1rem;

  ul.menu {margin: 0;}
  
  ul.menu li {
    display: block;
    margin: 1em 0;
  }
}


#sp-footer {
  font-size: 1em;
  padding: 0 0 60px;
  
  .container-inner {
  padding: 0;
  border-top: none;
  }
  #sp-footer2 {
  text-align: left;
  }
}


#sp-copyright {background-color: #0a411c;color: #fff;}
.footer1 {margin: 2em 0; font-size: 80%;}


/*##############################*/

@media (max-width: 1199px) {
  
  .sp-megamenu-parent {margin: 0 -10px 0 -50px;}

}


@media (max-width: 991px) {
  
  #sp-main {margin-top: 0px;}
  #sp-header .container-inner {border-radius: 0;margin: 0;}
  #sp-bottom4 {text-align: left; padding-top: 2em;}
  
}

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

  #sp-header.full-header-left .menu-with-offcanvas #offcanvas-toggler,
  #sp-header.full-header-center .menu-with-offcanvas #offcanvas-toggler,
  #sp-header.header-with-modal-menu .menu-with-offcanvas #offcanvas-toggler,
  #sp-header.lg-header .menu-with-offcanvas #offcanvas-toggler,
  #sp-header.header-with-social .menu-with-offcanvas #offcanvas-toggler 
  {display: block !important;}
   
  #offcanvas-toggler {
  height: 30px;
  line-height: 60px;
  }

}


@media (max-width: 961px) { /* JCE-Spalten */
  blockquote p {padding: 2em 0 0;}
  .last-order {order: 9;width: 100% !important;margin-top: 2em;}
  .c-compare {max-width: 50vw;}

  .teaser .link {transform: translate(10px,-3em);}
  .teaser .link.zweizeiler {transform: translate(10px,-4.5em);}
}


@media (max-width: 768px) { /* DESIGN responsive */
  #sp-design {margin-top: 0;}
}

@media (max-width: 640px) { /* Teaser responsive */
  .teaser .link {font-size: min(35px, 5vw);}
  .boxplusx-caption>.boxplusx-title {
    font-weight: 600;
    font-size: 3vw;
  }
  .boxplusx-description {
    font-size: 2.75vw;
  }

}


@media (max-width: 575px) {

  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .article-list .article, .article-details {padding: 20px 0px;}

  blockquote::before, blockquote::after {
    font-size: 200px; margin-left: 0; margin-right:0;}
  blockquote {padding: 3em 0.5em 0.75em;}


  .dj-image {opacity: 0.7;}
  .slide-desc-in {
    padding: 0 20px 0 40px;
      h1 {font-size: min(60px, 2vmax)}
  }
  
  .c-compare {max-width: 80vw;}


}