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

/* 
HEADER  TEASER  AkkordeonSlider  SIGplusGalerie  SOCIALicons  FOOTER  OFFcanvas 

*/
html{scroll-padding-top: 250px;}

body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-size: 20px;
  color: #505050;
}
/*#sp-main {overflow: hidden;}*/
.convertforms form {will-change: auto;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #ae003d;
  font-weight: 600;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #505050!important;
}

a img:hover {opacity: 0.8;}

#sp-main-body {hyphens: auto;}

#sp-main-body p,
#sp-main-body li {
  line-height: 1.75;
}

.container  {
    padding-left: 5vw;
    padding-right: 5vw;
}
.fluid {margin: 0 -5vw;}

.wf_caption span {
  font-size: 0.75em;
  margin-top: 5px;
}


/* HEADER */
#sp-header {width: 100%!important;}
#sp-header .sp-module {margin-left: 0px;}
#sp-header .sp-module.titel {
  color: #fff;
  font-size: min(4vw, 1.7em);
  font-weight: 600;
  padding-top: 20px;
}
#sp-header .sp-module.titel br {display: none;}

#sp-hero {height: 34vw; max-height: 420px;}
.start #sp-hero {height: 55vw; max-height: 695px;}


#sp-main-body {padding: 0 0 100px;}
#sp-main-body .container, .container-fluid  {
    padding-left: 0;
    padding-right: 0;
}

.article, .article-header {box-shadow: 0 4px 5px rgba(0,0,0,0.5);}
.article-list .article, .article-details,
.sp-module-content-bottom {
    position: relative;
    margin-bottom: -3px;
    padding: 0 5vw 5em;
    border: 0px solid #ffffff;
    border-radius: 0px;
}
.article-header {
    background-color: #a60a40;
    margin: 0 -5vw 3.5em;
    position: relative;
    z-index: 1;
}

.article-list .article .article-header h1,
.article-list .article .article-header h2,
.article-details .article-header h1,
.article-details .article-header h2 {
    color: #ffffff;
    font-size: min(4vw, 1.7em);
    padding: 1em 5vw 0.75em;
    margin: 0px;
}


video {
  width: 100%;
  height: auto;
}

.sp-module-content-bottom.clearfix {
  padding-top: 5em;
}

/* TEASER */
.teaser p {font-size: min(4vw, 1.3em);}
.teaser h3 {font-size: min(3vw, 1.7em); line-height: 1.5;}

.article-list .article:has(.teaserbg) {padding-bottom: 0;}
.teaserbg .mod-custom {
  background-position: center center;
  background-size: cover;
  max-height: 900px;
  height: 55vw;
}
.teaserbg h2 {
  width: fit-content;
  margin: 5px auto;
  background-color: rgba(256,256,256,0.8);
  position: relative;
  line-height: 1.5;
}
.teaserbg #mod-custom122 h2 {
  font-size: min(4vw, 60px);
  top: 12vw;
  padding: 0.35em 0.75em;
}

/* AkkordeonSlider */ 
.ssl-title {
    color: #505050;
    padding: 8px 15px;
    cursor: pointer;
    font-weight: 600;
}
.ssl-title:hover {
    background-color: #eee;
    color: #a60a40;
    text-decoration: none;
}
.ssl-title-open {
    background-color: #f8f8f8;
    color: #a60a40;
}
.ssl-title::after {
  content: url('/images/logos-icons/angle-down.svg');
  width: 1em;
  height: auto;
  display: block;
  position: relative;
  float: right;
  opacity: 0.7;
  margin: 0 10px 0 0;
}
.ssl-title.ssl-title-open::after {content: url('/images/logos-icons/angle-up.svg');
}


/* SIGplusGalerie */
.fluid .sigplus-gallery {
  margin: -3.5em 0 3em;
}


/* SOCIALicons */
.icons a {display: inline-block;}
.icons a:not(:last-child) {margin-right: 1em;}
#sp-footer .icons img {filter: invert(1);}


/* FOOTER */
#sp-bottom {padding: 60px 0 0px;}

#sp-bottom #sp-bottom1 {margin-top: -8px;}
#sp-bottom .sp-module .claim p {
  font-size: min(5.7vw, 32px);
  word-spacing: -4px;
  font-weight: 600;
}
#sp-bottom .logoimg {margin-top: 130px;}
#sp-bottom .logoimg img {width: 430px;}

#sp-bottom #sp-bottom2 {padding-right: 0;}

#sp-bottom .sp-module .sp-module-title,
#sp-bottom .sp-module p, #sp-bottom .sp-module li {
  font-size: 18px;
  margin: 0;
  color: #fff;
  line-height: 1.9;
}
#sp-bottom .sp-module .sp-module-title {font-weight: 700;}

#sp-bottom .sp-module ul > li {
  display: block;
  margin-bottom: 0;
}
#sp-footer .container-inner {
  padding: 30px 0 50px;
  border-top: 0px solid rgba(255, 255, 255, 0);
}
#sp-footer #sp-footer1 {align-content: end;}
#sp-footer #sp-footer2 {text-align: left;}


/* OFFcanvas */
.offcanvas-active .burger-icon>span,
#modal-menu-toggler.active .burger-icon>span {
  background-color:#ae003d;
}
.burger-icon>span {
  height:4px;
  background-color:#ffffff;
  margin:7px 0;
}
.burger-icon {width:40px;}

.offcanvas-active .burger-icon>span:nth-child(1),
#modal-menu-toggler.active .burger-icon>span:nth-child(1) {
  transform:translate(0, 12px) rotate(-45deg);
}
.offcanvas-active .burger-icon>span:nth-child(3),
#modal-menu-toggler.active .burger-icon>span:nth-child(3) {
  transform:translate(0, -9px) rotate(45deg);
}

.offcanvas-menu .offcanvas-inner .sp-module.icons {padding-left: 10px;}


/* ############################ */
@media (min-width:576px) {
  .container,.container-sm {max-width:100%;}
}
@media (min-width:768px) {
  .container,.container-md,.container-sm {max-width:100%;}
}
@media (min-width:992px) {
  .container,.container-lg,.container-md,.container-sm {max-width:100%;}
}
@media (min-width:1200px) {
  .container,.container-lg,.container-md,.container-sm,.container-xl {max-width:100%;}
}
@media (min-width:1400px) {
  .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {max-width:100%;}
}


@media (max-width: 991px) {

  #sp-header {height: 85px;}
  #sp-bottom #sp-bottom1 {margin: -3em 0 5em;}
  #sp-bottom .logoimg {margin-top: 20px;}
  #sp-bottom .logoclaim {
    width: 430px;
    max-width: 80vw;
    margin: 20px auto 0;
    display: block;
    text-align: center;
  }
  #sp-footer #sp-footer1 {order: 2; text-align: center;}
  #sp-footer #sp-footer2 {margin-bottom: 2em; text-align: center;}

}

@media (max-width: 575px) {

  body, .convertforms .cf-label {font-size: 16px;}
  #sp-header {height: 65px;}
  .sp-module.titel {font-size: 20px;}
  .sp-module.titel br {display: block;}
  .fluid .sigplus-gallery {margin: -4.5em 0 3em;}
  #sp-bottom2, #sp-bottom3 {padding-left: 10vw;}

}