@import url("https://use.typekit.net/fxj0fdy.css"); /* Aktiv Grotesk */
@import url("https://use.typekit.net/elz7nqt.css"); /* Adriane Text */

/* reset */
* {box-sizing: border-box;}
body {margin: 0; background-color: #FCF5E9; font-weight: 300;}
body > .bv-page-message {display: none;}

/* header */
.header {position: absolute; top: 0; right: 0; left: 0; background-color: #7B1B15;}
.header > div {position: relative; max-width: 1200px; margin: 0 auto;}
.header .logo {position: absolute; z-index: 10002; display: block; width: 370px; height: 120px; background-repeat: no-repeat; background-position: center center; background-size: 90%;}

@media all and (max-width: 1000px) {
    body {padding-top: 140px;}

    /* header */
    .header {height: 140px;}
    .header .logo {top: 0; max-width: 100%; left: 50%; transform: translate(-50%,0);}

     /* property menu */
    .bv-fw-property-menu .bv-menu-trigger {font-weight: 500 !important; font-size: 16px !important; font-size: 14px !important; letter-spacing: .03em;}
} 

@media all and (min-width: 1001px) {
    body {padding-top: 140px; background-size: cover; background-attachment: fixed; background-position: center;}
    body:before {content: ''; pointer-events: none; opacity: .4; background-color: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0;}

    /* header */
    .header {height: 140px;}
    .header .logo {top: 10px; left: 0;}

    /* title */
    .bv-framework-title h1,
    .bv-framework-title h2 {}
    .bv-framework-title * {opacity: 1 !important; color: #FCF5E9 !important;}

    /* property menu */
    body .bv-fw-property-menu,
    body .bv-fw-property-menu .bv-menu {background: transparent;}
    body .bv-fw-property-menu {position: absolute; top: 78px; right: 0; left: 0;}
    body .bv-fw-property-menu .bv-menu-combined {display: flex;}
    body .bv-fw-property-menu .bv-menu.bv-main {margin-right: 35px;}
    body .bv-fw-property-menu .bv-menu.bv-support {margin-right: 80px;}
    body .bv-fw-property-menu > div {display: flex; justify-content: flex-end; flex-wrap: nowrap; padding: 0; max-width: 1200px;}
    body .bv-fw-property-menu .bv-menu > ul > li > a {color: #FCF5E9; font-weight: 500 !important; font-size: 14px !important; transition: color .2s; text-transform: uppercase; letter-spacing: .03em;}
    body .bv-fw-property-menu .bv-menu > ul > li > a:hover {color: #a5935f;}
    body .bv-fw-property-menu .bv-menu > ul > li + li {margin-left: 35px !important;} 
    body .bv-fw-property-menu .bv-language {right: 20px;}
    body .bv-fw-property-menu .bv-language > a {color: #FCF5E9;}
    body .bv-fw-property-menu .bv-language > a:hover {color: #a5935f;}
    /*body .bv-fw-property-menu .bv-menu > ul > li > a:before {display: none !important;}*/
    body .bv-fw-property-menu .bv-menu > ul > li > a:before {content: " "; position: absolute; left: 15% !important; width: 70%; top: 5px !important; bottom: auto !important; border: 0; transform: scaleX(0); transition: all .2s ease-in-out; height: 3px !important; background: #a5935f !important; transform-origin: center; opacity: 0;}
    body .bv-fw-property-menu .bv-menu > ul > li > a:hover:before {transform: scaleX(1); opacity: 1;}
}

@media all and (max-width: 599px) {
    html.bv-widget-noscroll-small-device .header .logo,
    html.bv-menu-noscroll .header .logo {z-index: 1 !important;}
}

/* steps */
body .bv-fw-step-counter {position: relative; z-index: 1;}

@media all and (max-width: 599px) {
    html.bv-widget-noscroll-small-device .header .logo,
    html.bv-menu-noscroll .header .logo {z-index: 1 !important;}
}