:root { --accentColor: #a61610; } :root { --secondColor: #7f7f7f; } body.viewport_desktop #top .top_metanavi, body.viewport_desktop #top .topbar_metanavi { display: none; } body.viewport_desktop #top .mod_login_top { display: none; } body.viewport_desktop #top .mod_search { display: none; } body.viewport_desktop #top .mod_langswitcher { display: none; } body.viewport_tablet #top .topbar_teaser, body.viewport_tablet #top .mod_top_phone { display: none; } body.viewport_tablet #top .top_metanavi, body.viewport_tablet #top .topbar_metanavi { display: none; } body.viewport_tablet #top .mod_search { display: none; } body.viewport_mobile #top .topbar_teaser, body.viewport_mobile #top .mod_top_phone { display: none; } body.viewport_mobile #top .top_metanavi, body.viewport_mobile #top .topbar_metanavi { display: none; } body.viewport_mobile #top .mod_login_top { display: none; } body.viewport_mobile #top .mod_search { display: none; } body.viewport_mobile #top .mod_langswitcher { display: none; } #top, #top .mod_socials a i { font-size: 13px; } #top, #top a, #top .mod_socials a i { color: #050505; } #top, #top .inside { background-color: rgba(255, 255, 255, 0.74); } #top-wrapper #top .inside { padding-top: 10px; padding-bottom: 10px; } html, body { font-family: "Open Sans"; font-weight: 400; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ce_revolutionslider_text.bold, .font_headline { font-family: Oswald; font-weight: 400; } #breadcrumb, .mod_breadcrumb { display: none; } #footer { background-color: #7f7f7f; } #bottom { background-color: #000000; } .header .mod_langswitcher { display: none; } @media only screen and (min-width: 768px) { .header.original .logo { float: none; display: block; margin-left: auto; margin-right: auto; } .header.original { line-height: 65px!important; } .header.original .mainmenu:before { content: ''; height: 1px; position: absolute; left: var(--headerPaddings); bottom: 65px; right: var(--headerPaddings); background: rgb(0,0,0); opacity: 0.15; } .header.original .smartmenu { float: left; margin-left: 0; } .header.original .smartmenu .smartmenu-trigger { height: 60px; } .header.original .mainmenu { float: left; } .mod_breadcrumb .mod_breadcrumb_inside:before, .mod_breadcrumb .mod_breadcrumb_inside:after { display: block; } .mod_breadcrumb { border: 0; } #top .inside { background: none!important; } } @media only screen and (min-width: 768px) { #fix-wrapper { position: absolute; left: 0; } .header { background-color: transparent; } .header.original .mainmenu:after { content: ''; height: 1px; position: absolute; left: 40px; bottom: 0; right: 40px; background: rgba(0,0,0,0.1); opacity: 0.15; } } .header { background-color: #ffffff; } @media only screen and (min-width: 768px) { .header.cloned { background: #ffffff; } } @media only screen and (min-width: 768px) { .header.cloned .mainmenu ul li a, .header.cloned .ce_search_label i, .header.cloned .mod_langswitcher .mod_langswitcher_inside, .header.cloned .mod_socials a { color: #000000; } .header.cloned .mod_langswitcher .mod_langswitcher_inside:before { border-color: #000000; } .header.cloned .mod_socials:before { border-color: #000000; } .header.cloned .smartmenu .smartmenu-trigger .line, .header.cloned .smartmenu .smartmenu-trigger .line:before, .header.cloned .smartmenu .smartmenu-trigger .line:after { background: #000000; } } .logo a { background-image: url(../uploads/promove-logo.jpg); } .stickyheader .logo a { background-image: url(../uploads/promove-logo.jpg); } @media only screen and (min-width: 768px) { .header.original .logo { width: 250px; } :root { --logoWidth: px; } } .mainmenu ul li a { font-family: "Open Sans"; } .mainmenu ul li a { font-weight: 700; } .mainmenu ul li a { font-size: 14px; } .mainmenu ul li a { text-transform: uppercase; } .header .mod_langswitcher { font-size: 0.9rem; } .header .mod_langswitcher .mod_langswitcher_inside { padding-right: 0; vertical-align: middle; } .mod_langswitcher ul { left: auto; right: 0; width: auto; } .mod_langswitcher .mod_langswitcher_inside { line-height: 1rem; } .header .mod_langswitcher span { display: inline-block } .mod_langswitcher img { display: none; } .mod_langswitcher .mod_langswitcher_inside:before { display: none; } #top .mod_langswitcher .mod_langswitcher_inside span:hover { background: none; } .mm-menu .mod_langswitcher ul li img { display: none; } .mm-menu .mod_langswitcher .mod_langswitcher_inside > span { display: none; } @media only screen and (max-width: 767px) { .stickyheader .header { background: #ffffff; } } #mmenu .mod_langswitcher { display: none; } #mmenu .mod_search { width: 100%; }