:root { --accentColor: #f28b00; } :root { --secondColor: #0065b1; } #top { display: none; } body.viewport_desktop #top .mod_search { display: none; } body.viewport_desktop #top .mod_socials { 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_langswitcher { display: none; } #top, #top a, #top .mod_socials a i { color: #ffffff; } #top, #top .inside { background-color: #777777; } :root { --body-fontSize: 17px; } @media only screen and (min-width: 768px) { .mod_article:not(.fullwidth).article-pt > .container { padding-top: 160px; } .mod_article:not(.fullwidth).article-pb > .container { padding-bottom: 160px; } } :root { --footer-headline-color: #f28b00; } #footer, #footer a { color: #777777; } #footer li:after { border-color: #777777; } #footer a:hover:not(.ce_hyperlink a) { color: #f28b00; } #footer { background-color: #f7f7f7; } #footer { border-top: 1px solid #f28b00; } #bottom { font-size: 14px; } #bottom .inside, #bottom .inside a { color: #ffffff; } #bottom { background-color: #f28b00; } .header .mod_langswitcher { display: none; } @media only screen and (min-width: 768px) { .header .mod_socials { display: block; } .header .mod_langswitcher { margin-left: 20px; } } .logo a { background-image: url(../uploads/LG_Suchtpraevetion.svg); } @media only screen and (min-width: 768px) { .header.original .logo { width: 240px; } :root { --logoWidth: 110px; } } @media only screen and (min-width: 768px) { .header.original .logo { height: 110px; } .header.original { line-height: 110px; } .smartmenu .smartmenu-trigger { height: 110px; } :root { --logoHeight: 110px; } } .mainmenu ul li a { font-family: Source+Sans-Pro; } .mainmenu ul li a { font-weight: 400; } .mainmenu ul li a { font-size: 19px; } .header .mainmenu ul li a, .header .mainmenu ul li ul a.active, .header .ce_search_label i, .header .mod_langswitcher .mod_langswitcher_inside, .header .header_metanavi a, .header .mod_socials a { color: #777777; } .mod_langswitcher .mod_langswitcher_inside:before { border-color: #777777; } .header .mod_socials:before { border-color: #777777; } .header .smartmenu .smartmenu-trigger .line, .header .smartmenu .smartmenu-trigger .line:before, .header .smartmenu .smartmenu-trigger .line:after { background: #777777; } .header.original .mainmenu:before { background: #777777; } .header.original .mainmenu ul li a.trail.a-level_1, .header.original .mainmenu ul li a.active.a-level_1, .header.cloned .mainmenu ul li a.trail.a-level_1, .header.cloned .mainmenu ul li a.active.a-level_1, .mod_pct_megamenu .mod_navigation a.active.a-level_1 { color: #f28b00; } .header .mainmenu ul li a.a-level_1:hover { color: #f28b00; } .header .mainmenu a.pct_megamenu:after, .header .mainmenu a.submenu:after { font-family: FontAwesome; content: "\f107"; margin-left: 5px; transition: all 0.3s; display: inline-block; transform-origin: center center; } .header .mainmenu a.pct_megamenu.active:after, .header .mainmenu a.active.submenu:after, .header .mainmenu a.submenu:not(.click_open):not(.pct_megamenu):hover:after, .header .mainmenu li.submenu:not(.click_open):not(.pct_megamenu):hover a:after { transform: rotate(180deg); } .header .mainmenu ul ul li.submenu a:after { transform: rotate(-90deg)!important; } @media only screen and (min-width : 768px) and (max-width : 1024px) { #top { display: none!important; } .mmenu_trigger { float: right!important; display: flex!important; margin-left: 15px!important; } .smartmenu { display: none!important; } .mainmenu { display: none!important; } #mmenu { display: block!important; } #fix-wrapper { width: 100%!important; height:auto!important; top: 0!important; } .mmenu_trigger { display: flex!important; right: 20px!important; } .header .mainmenu, .header .mod_socials, .header .mod_langswitcher, .header .mod_search, .header .header_metanavi { display: none!important; } #slider, #wrapper, #bottom, #offcanvas-top, #footer { margin-left: auto!important; margin-right: auto!important; } #mmenu { display: block!important; top: 0; } .logo { float: left!important; position: static!important; transform: none!important; -webkit-transform: none!important; margin: 0!important; } .header { margin: 0!important; } .header .inside { padding-left: 40px!important; } .header.original:before { display: none!important; } .header.original { height: auto!important; } } :root { --menu-highlight-font-size-mobile: 18px; } #mmenu .mod_navigation li a { font-size: 18px; } #mmenu .mod_navigation li.submenu .opener { width: calc(18px + 10px); }