.shoutout {
  background-color:#1f1e1e;
  border: 2px dotted;
  padding: 30px;
}


#sp-bottom {
    padding: 20px 0 20px;
    font-size: 14px;
    line-height: 1.6;
}
#sp-main-body {
    padding: 50px 0px 10px 0px;
}
.blog .subheading-category{
  text-align:right !important;
  font-size: 2.5rem!important;
}
.blog span.subheading-category{
  text-align:center !important;
 }
.page-header {
  text-align:center!important; 
}

@font-face {
   font-family: 'asapbold';
    src: url('../fonts/asap-bold-webfont.woff2') format('woff2'),
         url('../fonts/asap-bold-webfont.woff') format('woff');
         url('../fonts/asap-bold-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'asapbold_italic';
    src: url('../fonts/asap-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/asap-bolditalic-webfont.woff') format('woff');
         url('../fonts/asap-bolditalic-webfont.woff') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'asapitalic';
    src: url('../fonts/asap-italic-webfont.woff2') format('woff2'),
         url('../fonts/asap-italic-webfont.woff') format('woff');
         url('../fonts/Asap-Italic.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'asapregular';
    src: url('../fonts/asap-regular-webfont.woff2') format('woff2'),
         url('../fonts/asap-regular-webfont.woff') format('woff');
         url('../fonts/Asap-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oranienbaumregular';
    src: url('../fonts/oranienbaum-regular-webfont.woff2') format('woff2'),
         url('../fonts/oranienbaum-regular-webfont.woff') format('woff');
         url('../fonts/Oranienbaum-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'asapregular' 'asapbold';

}
h1{
    text-align:center;
}
h1, h2, h3 {
    font-family: 'oranienbaumregular';
}

h3 {    
    color: #b4a76e;
}

.offcanvas-menu {
    background-color: #353434;
}

.offcanvas-menu  ul > li a {
  color: #fff !important;
}

.article-list .article { 
    border: 0px ;
}

.article .article-intro-image {
    border-bottom: 0px !important ;
}
#redim-cookiehint {
    z-index: 10000;
}
#sp-top-bar {
	padding:0px;
}
.breadcrumb {
  
    background-color: #000;
}
.breadcrumb-item.active {
    color: #d6d6d6 !important;
}
.uebermich #sp-main-body {
  padding: 0px;
}
.article-header {
  text-align: center;
  padding-bottom: 20px;
}
@media (max-width: 575.98px) {
  .trenner_xl, .trenner_l, .trenner_m  {
    display:none !important;
  }
 .trenner_s {
    display:initial !important;
  }
}
@media (min-width: 576px) {
  .trenner_xl, .trenner_l, .trenner_m  {
    display:none !important;
  }
 .trenner_s {
    display:initial !important;
  }
}
@media (min-width: 768px) {
  .trenner_xl, .trenner_l, .trenner_s   {
    display:none !important;
  }
 .trenner_m {
    display:initial !important;
  }
}
@media (min-width: 992px) {
  .trenner_xl, .trenner_m, .trenner_s   {
    display:none !important
  }
 .trenner_l {
    display:initial !important;
  }
}
@media (min-width: 1200px) {
  .trenner_l, .trenner_m .trenner_s {
    display:none !important;
  }
 .trenner_xl {
    display:initial !important;
  }
}

#sp-footer .container-inner {
    padding: 30px 0;
    border-top: 0px solid rgba(255, 255, 255, .1);
}
.startseite_modultext {
  background-color:rgba(0,0,0,0.5);
   border-radius: 25px;
  
}
.btn_start{
  border-radius: 5px;
  background-color: #000;
  padding: 10px;
  }
a.btn_start {
  color: #a39151;
  }
.bilder_start h3{
  text-align:center;
  padding-top:30px;
}
.ignitemoduleheader {
  padding-top:70px;
}
.com-igallery h3 {
  text-align:center;
 
}