/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
/* Fonts */

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

/* roboto-300 - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-ext-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v20-latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v20-latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-ext-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../fonts/roboto-v20-latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-ext-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto-v20-latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v20-latin-ext-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v20-latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v20-latin-ext-500italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('../fonts/roboto-v20-latin-ext-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v20-latin-ext-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v20-latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v20-latin-ext-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('../fonts/roboto-v20-latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v20-latin-ext-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/roboto-v20-latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto-v20-latin-ext-900italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
       url('../fonts/roboto-v20-latin-ext-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       url('../fonts/montserrat-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat-v12-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
       url('../fonts/montserrat-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* ENDE Fonts */

/* Layoutanpassung des Consent-Tools usercentrics */

#usercentrics-button #uc-banner-modal .uc-banner-content {
  background-color: rgba(25,25,25,0.890196) !important;
}
.usercentrics-button * {
font-family: Roboto, sans-serif !important;
}
.usercentrics-button .uc-main-banner .btn-deny {
  background-color: #3a3a3a !important;
  color: #e6e6e6 !important;
}
 .usercentrics-button.layout-1 .uc-banner-content .btn-list .uc-btn.uc-btn-primary {
  background-color: #e7e7e7 !important;
  color: #161616 !important;
}
.usercentrics-button .uc-main-banner .more-info-button {
  background-color: #3a3a3a !important;
  color: #e6e6e6 !important;
}
#usercentrics-button .uc-banner-links a,
#usercentrics-button .uc-banner-links-separator {
  color: #161616 !important;
 }
#usercentrics-button #uc-banner-modal .uc-optin-description {
  color: #ccc !important;
  font-size: 15px !important;
}

/* ENDE Layoutanpassung des Consent-Tools usercentrics */

body, h1, h2, h3, h4, p, div, span, a, a.finewide_large_white { font-family: "Roboto", sans-serif }
.sp-megamenu-parent a { font-family: "Montserrat", sans-serif }

.about-intro .about-intro-img2 {
    width: 50%;
    padding-left: 25px;
    display: inline-block;
    float: right;
}

#bg-overlay::before {
    background: rgba(255,123,0,0.9) !important;
}

/* Burger */
#offcanvas-toggler {
    float: right;
    line-height: 90px !important;
    margin-right: 30px !important;
    font-size: 28px !important;
}

#bg-overlay h3 {
    color: #fff; /* !important am 26.08.2021 entfernt (Baby-Angebote) */
}

/* sp page builder addon image-text left right */
.sppb-addon-image-content.aligment-left .sppb-content-holder {
    padding: 20px 30px 40px 10px !important;
    text-align: justify !important;
}
.sppb-addon-image-content.aligment-right .sppb-content-holder {
    padding: 20px 40px 40px 0 !important;
    text-align: justify !important;
}

/* Burger-Menü - Abstand Suchen - Menü */
.offcanvas-menu .offcanvas-inner .sp-module {
    margin-bottom: 0px !important;
}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    padding: 30px 30px 0 30px !important;
}

@media only screen and (max-width: 768px) {
  #sp-bottom #sp-bottom2 {
  margin-bottom: 100px !important;
}
#bg-overlay h3 {
  padding-left: 0 !important;
}
ol {
  padding-left: 20px !important;
}
#sppb-addon-1488540058875 {
  padding: 0 !important;
}
/* Burger */
.col-xs-4 {
    width: 50% !important;
}
/* Logogröße 
.col-sm-3 {
    width: 40% !important;
} */
.col-sm-9 {
    width: 60% !important;
}
/* Buttondarstellung im Slider */
.ot-btn {
    font-size: 150% !important;
}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 440px) and (orientation : portrait) { 
/* iPhone 6 Portrait */ 
/* Logogröße */
.col-sm-3 {
    width: 40% !important;
}
.col-sm-9 {
    width: 60% !important;
}
/* Texte im Slider */
.tp-caption.large_text, .large_text {
    font-size: 120% !important;
    padding-bottom: 10px !important;
}
.tp-caption.finewide_large_white, .finewide_large_white {
    font-size: 120% !important;
}
.ot-btn.btn-main-color.text-cap, .ot-btn.btn-sub-color.text-cap {
    font-size: 19px !important;
    line-height: 130% !important;
}
}
@media only screen and (min-device-width: 441px) and (max-device-width: 550px){ 
/* Logogröße */
.col-sm-3 {
    width: 20% !important;
}
.col-sm-9 {
    width: 65% !important;
}
}
@media only screen and (min-device-width: 551px) and (max-device-width: 768px) { 
/* Logogröße */
.col-sm-3 {
    width: 20% !important;
}
.col-sm-9 {
    width: 80% !important;
}
}
/* Rechts-Links-Wechsel (Bild u. Text) Layout */

@media only screen and (max-width: 991px) {
  .about-intro .about-intro-img2 {
    width: 100%;
    padding: 0 15px;
  }
  .about-intro .about-intro-img2 img {
    width: 100%;
  }
  
/* zweispaltiges Layout */
#row2col {
    width: 100% !imoportant;
}
#col1 {
    float: left !important;
    width: 50% !important;
}
#col2 {
    margin-left: 50% !important;
    width: 50% !important;
}
/* Logo auf mobil Hochformat zu groß; geändert 22.08.2023
img {
    max-width: 200% !important;
} */
/* Code befindet sich direkt im Page Builder 'Home' Options' */

/* #no-padd .sppb-col-md-4 {
 padding-left: 0px !important;
 padding-right: 0px !important;
}
.promotion-box figure {
    width: 100% !important;
}
.promotion-box figure:last-child {
    margin-left: 0px !important;
}   */