@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: 100px 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;}

.hero {
  background-color: #909b3e;
  
  .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;
}

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