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

/* 

OFFcanvas 

*/

body {
  font-family: 'Open Sans';
  font-size: 18px;
  color: #666;
}

.legal { /* START */
  hyphens: auto;
  #sp-main-body {padding: 1em 0;}
  .article-details {max-width: 800px; margin: 2em auto 4em;}
  .footer {text-align: center;}
  
  
} /* legal ENDE */


.platzhalter { /* START */
  background-image: url(/images/template/background-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #000;
  color: #fff;
  text-align: center;

  #sp-main-body {padding:0;}
  body.ltr.offcanvs-position-right .offcanvas-menu {right: -8000px!important;}
  
  .article-list .article {
    position: relative;
    margin-bottom: 30px;
    padding: 0;
    border: 0px solid rgba(0,0,0,0);
    border-radius: 0px;}
  
  h1, p {filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 1));}
  a {color: #fff;}
  a:hover, a:focus, a:active {color: #ccc;}
  .socicons img {filter: invert();}

  .top-line  {font-size: max(10px, 1.10vw); margin-top:  5.0vw; word-spacing: 0.50em;}
  .claim     {font-size: max(16px, 2.00vw); margin-top:  4.0vw; word-spacing: 0.25em;}
  .header h1 {font-size: max(30px, 4.50vw); margin-top: 15.0vw;}
  .header p  {font-size: max(18px, 2.20vw); margin-top:  1.0vw;}
  .footer    {font-size: max(12px, 1.50vw); margin-top: 20.0vw; word-spacing: 0.25em;}


@media (min-width: 1720px) {

    .top-line  {font-size: max(10px, 1.10vw); margin-top:  3.0vw;}
    .claim     {font-size: max(16px, 2.00vw); margin-top:  2.0vw;}
    .header h1 {font-size: max(30px, 4.50vw); margin-top: 15.0vw;}
    .header p  {font-size: max(18px, 2.20vw); margin-top:  0.0vw;}
    .footer    {font-size: max(12px, 1.50vw); margin-top: 10.0vw;}
  }

@media (max-width: 700px) {
    background-image: url(/images/template/background-portrait.jpg);

    .claim     {font-size: max(14px, 2.00vw); margin-top:  2.0vw;}
    .header h1 {font-size: max(24px, 4.50vw); margin-top: 26.0vw;}
    .header p  {font-size: max(14px, 2.20vw); margin-top:  0.0vw;}
    .footer    {font-size: max(12px, 1.50vw); margin-top: 45.0vw; word-spacing: 0;}
  }

} /* platzhalter ENDE */

.socicons {margin: 0 0 0 1em;}
.socicons img {
   height: min(25px, 8vw); width: auto;
   margin: 0 4px;
   display: inline-block;}
.socicons img:hover {opacity: 0.8;}

@media (max-width: 700px) {
  .socicons {margin: 1em 0; display: block;}
  .socicons img {margin: 0 8px;}
}





/* HEADER */
#sp-top-bar {font-size: 1rem;}
ul.social-icons {padding-left: 5px;font-size: 1.2rem;}

/* OFFcanvas */
.burger-icon {width: 35px;}
.burger-icon > span {height: 4px;}

.offcanvas-menu .logo-image {
  width: 220px;
  height: auto;
  padding-top: 5px;
}

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

.offcanvas-menu {width: 350px;}
body.ltr.offcanvs-position-right .offcanvas-menu {right: -105%;}