/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         YAVIVO GmbH - Arbon
 Author URI:     https://www.yavivo.ch
 Template:       Divi
 Version:        1.0.0
*/
/* =Theme customization starts here ------------------------------------------------------- */

@font-face {
    font-family: 'Merriweather';
    src: url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-LightItalic.eot');
    src: url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-LightItalic.woff2') format('woff2'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-LightItalic.woff') format('woff'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Italic.eot');
    src: url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Italic.eot?#iefix') format('embedded-opentype'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Italic.woff2') format('woff2'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Italic.woff') format('woff'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-BlackItalic.eot');
    src: url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-BlackItalic.woff2') format('woff2'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-BlackItalic.woff') format('woff'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Light.eot');
    src: url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Light.eot?#iefix') format('embedded-opentype'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Light.woff2') format('woff2'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Light.woff') format('woff'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-BoldItalic.eot');
    src: url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-BoldItalic.woff2') format('woff2'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-BoldItalic.woff') format('woff'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Regular.eot');
    src: url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Regular.eot?#iefix') format('embedded-opentype'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Regular.woff2') format('woff2'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Regular.woff') format('woff'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Black.eot');
    src: url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Black.eot?#iefix') format('embedded-opentype'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Black.woff2') format('woff2'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Black.woff') format('woff'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Bold.eot');
    src: url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Bold.eot?#iefix') format('embedded-opentype'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Bold.woff2') format('woff2'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Bold.woff') format('woff'),
        url('/app/themes/Divi-child/fonts/Merriweather/Merriweather-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Open Sans';
    src: url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Medium.eot');
    src: url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Medium.woff2') format('woff2'),
        url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Medium.woff') format('woff'),
        url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Regular.eot');
    src: url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'),
        url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Regular.woff') format('woff'),
        url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Light.eot');
    src: url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Light.woff2') format('woff2'),
        url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Light.woff') format('woff'),
        url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Bold.eot');
    src: url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Bold.woff2') format('woff2'),
        url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Bold.woff') format('woff'),
        url('/app/themes/Divi-child/fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/*
Variables
*/
:root {

    --link-hover-color:#653b2b;
    --link-hover-color-headerkontakt:#F1DBB9;
  }


body {
    font-family: 'Open Sans',Arial,sans-serif;
    color:#000000;
}
h1, h2, h3 ,h4, h5, h6 {
    font-family: 'Merriweather',Arial,sans-serif !important;
    color:#000000 !important;
    font-weight: 700;
} 
h1 {
    font-size: 4.5vw !important;
}
h3 {
    font-size: 24px !important;
    font-weight: 700 !important;
}
p {
    font-size: 20px;
    font-weight: 400;
    line-height:30px;
    letter-spacing: 0.78px;
    padding-bottom: 1.5em;
    color:#000000 !important;
}
a {
  
}
a:hover {
    color:var(--link-hover-color) !important;
}
#footer-widgets , #footer-bottom{
    display: none !important;
    padding: 0;
}
footer .dsm_menu a:visited {
    color:#fff !important;
}
footer .dsm_menu a:hover, footer .dsm_menu a:active , footer .dsm_menu .current_page_item a{
    color:#f1dbb9 !important;
}
#top-menu , #top-menu li , #top-menu a{
    font-family: 'Krylon', Arial, sans-serif !important;
    font-weight: 400;
}
.et-pb-contact-message , .et_pb_contact_captcha_question{
    color: #000;
}
.text-color-white , .text-color-white > a{
    color:#fff !important;
}
.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {
    padding-top: 24px !important;
    padding-bottom: 34px !important;
}
.current_page_item a{
    color:var(--link-hover-color) !important;
    border-bottom: 3px solid var(--link-hover-color);
}
.header-kontakt a, .header-kontakt p , .header-kontakt strong {
    font-size: 1vw !important;
    color: #fff !important;
}
.header-kontakt a:hover{
    color: var(--link-hover-color-headerkontakt) !important;
}
.footer {
    color:#fff !important;
}
.et_mobile_menu {
    background-color: #fff !important;
    border-color:#653b2b;
}
.mobile_menu_bar_toggle:before{
    color: #000;
}
.et-pb-contact-message , .et_pb_contact_captcha_question{
    color: #000;
}
@media (max-width: 1400px) { 
    .header-kontakt a, .header-kontakt p , .header-kontakt strong {
        font-size: 1.2vw !important;
        color: #fff !important;
    }
}
@media (max-width: 980px) { 
    p {
        font-size: 14px !important;
      
    }
    .header-kontakt a, .header-kontakt p , .header-kontakt strong {
        font-size: 14px !important;
        color: #fff !important;
    }
    h1 {
        font-size: 5.5vw !important;
    } 
}