/* oswald-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v57-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/oswald-v57-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v57-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/oswald-v57-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/oswald-v57-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/oswald-v57-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', Arial; }

/* exo-2-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/exo-2-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/exo-2-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v26-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/exo-2-v26-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/exo-2-v26-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/exo-2-v26-latin-regular.svg#Exo2') format('svg'); /* Legacy iOS */
}
body { font-family: 'Open Sans', Arial; }


/* Korrektur BR-Fehler */
@media only screen and (max-width: 991px){
  .sppb-title-subheading br, .sppb-addon-title br, .sppb-addon-content br {
    display: initial !important;
}
}
.sppb-title-subheading br, .sppb-addon-title br, .sppb-addon-content br {
    display: initial !important;
}
br {
    display: initial !important;
}

/* Fussbereich margin zurücksetzen */
#sp-footer {
    text-align: center;
    padding: 0px 0;
    position: relative;
}

/* Bottom margin zurücksetzen */
#sp-bottom {
padding: 0px 0 !important;
}

/* Farbe Header, fix */
#sp-header.menu-fixed {
    background: #f3e5f5;
}

#sp-header {
    background: #f3e5f5;
    top: 0px;
}


.offcanvas-menu {
    background-color: rgba(136, 44, 100, 0.9);
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    font-size: 13px;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
    color: #8a2c5c;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 17px;
     color: #7e98a5;
}

#offcanvas-toggler > i {
    color: #882c5c;
}

#sp-footer:before {
    visibility: hidden;
}

@media only screen and (max-width: 991px) {
    h2 {
        font-size: 24px !important;
        letter-spacing: 0px !important;
    }
}


.schrage-uberschrift {
  background-color: #ff69b4; /* rosa */
  color: #ffffff;            /* weiß */
  display: inline-block;
  padding: 10px 20px;
  transform: rotate(-5deg);  /* schräg */
  font-weight: bold;
}

.schrage-uberschrift-abgerundet {
      background-color: #8a2a59; /* rosa */
      color: #ffffff;            /* weiß */
      display: inline-block;
      padding: 10px 24px;
      transform: rotate(-3deg);  /* schräg */
      border-radius: 10px;       /* stark abgerundet */
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

.schrage-uberschrift-abgerundet-weiss {
      background-color: #ffffff; /* rosa */
      color: #8a2a59;            /* weiß */
      display: inline-block;
      padding: 10px 24px;
      transform: rotate(-3deg);  /* schräg */
      border-radius: 10px;       /* stark abgerundet */
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }


@media (min-width: 576px) and (max-width: 767.98px) {
   img {
    display: block;
    max-width: 80%;
    height: auto;
}
}