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

/*

*/

body {
  background-color: #eee;
  font-family: 'Open Sans';
  font-size: 20px;
  hyphens: auto;
}

#sp-main-body {padding: 50px 0;}
#sp-main-body .container {max-width: 100% !important;}

.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #909b3e;
  font-weight: 600;
}

.h1, h1 {font-size: min(60px, 2.50vmax);}
.h2, h2 {font-size: min(40px, 2.20vmax);}
.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);}

img {height: auto;}
a img:hover {opacity: 0.7;}

a.button {
  border: 2px solid #909b3e;
  background-color: #909b3e;
  color: #fff;
  font-weight: 600;
  padding: 0.25em 1em;
}
a.button:hover {
  background-color: #fff;
  color: #909b3e;
}

#sp-header {box-shadow: none; animation: none;}

.hero {
  background-color: #909b3e;
  hyphens: none!important;
  
  .claim {padding: min(6vw, 50px);}
  h1 {color: #ffffff; font-size: min(4.5vw, 55px); font-weight: 300;}
  h1 strong {font-weight: 800; font-size: 120%;}
}

#sp-subhero .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100%;
}
#sp-position8 {padding: 0 !important;}


/* SLIDER */
/*
.dj-image {mix-blend-mode: screen;}
.djslider-in li {
  background-image: url(/images/layout/slider_maske.png) !important;
  background-size: 120% !important;
  background-position: 10% -45% !important;
  background-color: black !important;
}
*/
.slide-desc-in {
  padding: min(6vw, 50px);
  filter: drop-shadow(0 0 5px rgba(0,0,0,0.9));
}
.slide-desc-in h1, .slide-desc-in h2, 
.slide-desc-in h3, .slide-desc-in p {
  color: #fff!important;
  letter-spacing: 0.05em;
}
.slide-desc-text-default {padding: 0!important;}



/* Content */
.article-list .article {
  position: relative;
  margin-bottom: 30px;
  padding: 20px;
  border: none;
  border-radius: 0;
}
.article-details {
    margin-bottom: 30px;
    padding: 30px;
}

.slideplus-content > div {
  min-height: 50px !important;
}
.boxplusx-caption > .boxplusx-title {
  font-weight: 600 !important;
  font-size: 80% !important;
}

.sponsoren {padding: 60px 40px 0;}
.sponsoren img {max-width: 200px; margin: auto;}


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

@media (max-width: 640px) {
  
  .article-list .article {padding: 20px 0;}

  
}