/* Write your custom css code here */

/*
Hintergrund blaugrau: d0d5de
Hintergrund blaugrau hell: e7e7ed
Hintergrund blaugrau heller (hover): eff0f9
Dunkelgrau Linien: aeb5bc
Dunkelgrau Schrift: 485155
Farbe für Textlinks: (vorher: 8e9ba0) ab0d23
Rot Schrift: ab0d23
Hellrot für Aktuell-Fond: #f5e5e7
*/

/* actor-regular - latin */
@font-face {
  font-family: 'Actor';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/actor-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/actor-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/actor-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/actor-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/actor-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/actor-v17-latin-regular.svg#Actor') format('svg'); /* Legacy iOS */
}

p, ul {
    font-family: Actor;
	letter-spacing: 0.03em;
    color: #485155;
}

p, h1, h2, h3 {
    max-width: 800px;
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

.pfrei {
    max-width:none;
    margin: 10px 0 0px 0;
}

.left {
    text-align: left;
    max-width: none;
}

a, #sp-bottom a {
    color: #ab0d23;
}

li {
    margin-bottom: 5px;
}

ul {
    text-align: left;
    padding-left: 15px;
    max-width: 800px;
    margin: 10px auto;
}
    
h1, h2, .h2, h3, h4
{
    font-family: Actor!important;
	letter-spacing: 0.03em;
    color: #485155;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}


.h4-deco-rot {
    font-weight: normal;
	color: #ab0d23;
	font-size: 1.45em;
	line-height: 1.5;
    max-width: 800px;
    margin: 20px auto;
}

.max-width {
    max-width: 1000px;
    margin: 0 auto;
}

.fotocredit {
    color: #bbb;
	font-size: 12px;
	font-style: italic;
	line-height: 14px;
}

#sp-header {
    background: #d0d5de;
}

#sp-header .row {
    --bs-gutter-x: 0;
}

.sp-megamenu-parent > li > a {
	text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #ab0d23;
}

.sp-megamenu-parent > li:last-child > a {
    padding: 0 15px 0 15px;
}

.sp-megamenu-parent > li.active > a {
    background: #e7e7ed;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #ab0d23;
}

.sp-megamenu-parent > li:hover > a {
    background: #eff0f9;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #ab0d23!important;
}

.sp-megamenu-parent .sp-menu-item > a img {
    margin-top: -10px;
}

.article-details .article-ratings-social-share {
    display: none!important;
}

#sp-main-body {
    padding: 0;
}

#sppb-row-container {
    margin: 0;
}

.startbild {
    width: 10%;
}

#sp-bottom1, #sp-bottom2 {
    width: 50%;
    font-size: 16px;
}

#sp-footer .container-inner {
    padding: 40px 0 0 0;
    border: none;
}

.impressum-link a {
    color: #d0d5de!important;
}
.impressum-link a:hover {
    color: #fff!important;
}

#undsonstnoch {
    max-width: 800px;
    margin-top: 30px;
    margin-left: auto!important;
    margin-right: auto!important;
}


#sp-cookie-consent .sp-cookie-allow {
    padding: 15px 60px!important;
    font-size: 24px!important;
}

 .sppb-addon-video-local-source {
     
    }


@media (max-width: 479px) {
    
#sp-bottom1, #sp-bottom2 {
    width: 100%;
} 
    
}



/*#################### Carousel #####################*/


div.sppb-carousel-extended-item:nth-child(3) > div:nth-child(2) {
    border-radius: 0!important;
}



.sppb-image-carousel-layout1 .sppb-carousel-extended-content-wrap {
    border-radius: 0!important;
}
    
.sppb-image-carousel-outer-stage {
        height: 554px!important;
    }

@media (min-width: 992px) and (max-width: 1140px) {

  .sppb-image-carousel-outer-stage {
      height: 623px!important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

  .sppb-image-carousel-outer-stage {
      height: 429px!important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {

  .sppb-image-carousel-outer-stage {
      height: 315px!important;
    }
}

@media (max-width: 576px) {

  .sppb-image-carousel-outer-stage {
      height: 281px!important;
    }
}
    
@media (max-width: 440px) {
    
 .sppb-carousel-extended {
      height: 184px!important;
    }

}