@import "custom_fonts.css";

.featured-article-badge {display: none; visibility: hidden;}

/*
GERUEST  MAINMenu  CONTENT  FEATURES  AKKORDEON
*/

body {
  font-family: 'Montserrat';
  font-size: 24px;
}
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
  font-family: 'Lora';
  color: #c6a664;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.h1, h1 {font-size: min(60px, 2.50vmax); font-weight: 600;}
.h2, h2 {font-size: min(40px, 2.20vmax); font-weight: 600;}
.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-footer, #sp-bottom {
  .h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {color:#ffffff}
}

img {height: auto;}

.button {
  display: inline-block;
  font-family: Lara;
  font-weight: 600;
  font-size: 1em !important;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background-color: #9eab97;
  color: #fff;
  padding: 0.5em 1.25em;
  border-radius: 17px;
  border: 2px solid #9eab97;
  margin-top: 0.5em;
}
.button:hover {
  color: #9eab97;
  background-color: #fff;
}

ul.icon {
  list-style-image: url(/images/layout/logo-icon_30px.png);
  padding-left: 2em;
}

#sp-header .logo a {
  font-size: min(3vw, 24px);
  line-height: 1;
  margin: 0;
  padding: 0;
  font-family: 'Lara';
  color: #c3a464;
  font-weight: 600;
}


/* GERUEST */
.logoimg {
  margin: 1em auto;
  img {max-height: 80px;width: auto;}
}
.sp-column.headcontact.d-flex.align-items-center {
  line-height: 120px;
  float: right;
  padding-top: 4px;
}
#sp-section-2 {margin-top: 120px;}
#sp-main-body {padding: 140px 0 100px;}

.right {float: right;}

#sp-bottom, #sp-footer {;
  font-size: 0.9em;
  line-height: 1.4;
}
#sp-footer .container-inner {
  padding: 0px 0;
  border-top: 0px solid rgba(255,255,255,0);
}

/* MAINMenu */
.burger-icon {width: 45px;}
.burger-icon > span {
  height: 5px;
  margin: 9px 0;
  border-radius: 5px;
}

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


/* CONTENT */
.article-list .article {
  margin-bottom: 4em;
  padding: 20px;
  border: none;
  border-radius: 0px;
}

.bild {}

.text {}


/* FEATURES */
.features{
  img {border-radius: 20px 20px 0 0}
  h5 {min-height: 4em;}
  
}

.iconbox {
  background-color: #F7F2E9;
  border-radius: 15px;
  padding: 1.5em 2em 1em;
  width: calc(100% - 10vw);
  margin: auto;
  
  p {
    font-size: 80%;
    line-height: 1.2;}
  img {
    max-width: 110px;
    margin: auto;}
  
}



/* AKKORDEON */
.ssl-outer {
  border: 1px solid #F7F5EE;
  border-radius: 15px;
  margin-bottom: 1.5em;
  background-color: #F7F5EE;
  filter: drop-shadow(4px 4px 5px rgba(198, 166, 100, 0.4));
}
.ssl-outer:has(.ssl-title-open) {
  filter: drop-shadow(0 0 0 rgba(0,0,0,0));
}
.ssl-title {
  color: #C6A664 !important;
  padding: 0.5em 1em 0.5em 2em !important;
  border-radius: 15px !important;
  font-family: 'Lara';
  font-size: 1em;
  text-transform: uppercase;
}
.ssl-title:hover {
  background-color: inherit;
  color: #C6A664 !important;
  border-radius: 15px !important;
}
.ssl-title-open {
  background-color: #f7f5ee !important;
  border-radius: 15px !important;
  filter: drop-shadow(4px 4px 5px rgba(198, 166, 100, 0.4));
}

.ssl-title::after {
  content: "";
  width: 1em;
  height: auto;
  display: block;
  position: relative;
  float: right;
  opacity: 0.7;
  margin: 0 10px 0 0;
}

.ssl-title::after {
  content: url('/images/layout/angle-down_24.png');
}
.ssl-title.ssl-title-open::after {
  content: url('/images/layout/angle-up_24.png');
}

.ssl-content {
  display: none;
  padding: 0.5em 5em 0.5em 2em !important;
  border-top: none;
  font-size: 80%;
}


/* ########################################################*/
@media (max-width: 640px) {
  
  ul.icon {
    list-style-image: url(/images/layout/logo-icon_20px.png);
    padding-left: 2rem;
  }

}