/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 17.04.2019, 17:23:09
    Author     : dennis
*/

@font-face {font-family: "OpenSans"; src: url("../Fonts/OpenSans-Regular.ttf");}
@font-face {font-family: "OpenSans-Italic"; src: url("../Fonts/OpenSans-Italic.ttf");}
@font-face {font-family: "OpenSans-Bold"; src: url("../Fonts/OpenSans-Bold.ttf");}

* {font-family: 'OpenSans', sans-serif; color: #111111; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
i {font-family: 'OpenSans-Italic', sans-serif;}
b {font-family: 'OpenSans-Bold', sans-serif; font-weight: normal;}

.form-control {
    border-width: 2px;
}
.form-control.pb10px {
    padding-bottom: 10px;
}
.form-control.pb6px {
    padding-bottom: 6px;
}
.form-control.py3px {
    padding-top: 3px;
    padding-bottom: 3px;
}
.btn-caritas {background-color: #e3000e; color: #fff;}
.btn-caritas:hover {background-color: #c00000;}
a, a span {text-decoration: none; font-size: 18px; color: #e3000d;}
a:hover {color: #c00000; text-decoration: none;}

.header {z-index: 99; border-bottom: solid 2px #e6e6e6; width: 100%;  background: #fff; position: relative; margin-bottom: 40px;}
.header img {max-width: 100%; width: auto; height: auto;}
.header .container {max-width: 1920px; padding: 0 25px;}
.header ul, ol {padding: 0; margin: 0; list-style: none;}
.mainlogo {display: inline-block; z-index: 10; position: relative;}
.mainlogo a {margin: 25px 46px 15px 0; display: inline-block;z-index: 3; position: relative;}
.mainlogo a img {height: 76px; margin-bottom: 7px;}
.mainlogo a .logotext {font-size: 24px; line-height: 1.38; font-weight: normal; vertical-align: bottom; }

.header .mainnav {display: inline-block; position: absolute; top: 51px; right: 0; width: 100%; text-align: right; z-index: 9;}
.header .mainnav nav {display: inline-block; padding-right: 25px;}
.header .mainnav nav > ul > li {display: inline-block; padding: 0 27px 41px;}
.header .mainnav nav ul li.current a,
.header .mainnav nav ul li.active a {border-bottom: 2px solid #e6e6e6;}
.header .mainnav nav ul li.current ul li a,
.header .mainnav nav ul li.active ul li a,
.header .mainnav nav ul li.active ul li.current ul li a {border: none;}
.header .mainnav nav ul li a {font-family: 'OpenSans-Bold', sans-serif; font-size: 24px; line-height: 1.38; color: #111111; text-transform: uppercase;}
.header .mainnav nav ul li ul li ul li a {text-transform: none;}
.header .mainnav nav ul li ul li:last-child ul {left: 100%; right: auto;}
.header .mainnav nav ul ul li {display: inline-block; padding: 15px 0px; margin: 0;}
.header .mainnav nav ul ul li a {display: inline-block; font-family: 'OpenSans-Bold', sans-serif; font-size: 20px; width: 100%; color: #111111;}
.header .mainnav nav ul ul li a:hover {text-decoration: underline;}
.header .mainnav nav ul li:last-child ul ul {right: 100%;}
.header .mainnav nav ul li:last-child ul li:last-child ul {right: 100%; left: auto;}
.header .mainnav nav ul ul li:hover ul {display: block;}
.header .search {display: inline-block;position: relative; cursor: pointer; top: -4px;}
.header .search i {padding: 5px 7px 3px 7px; color: #fff;}
.header .mainnav nav ul li:hover div.l2 {display: block;}
.header .mainnav nav ul li:hover ul.limiter {display: -webkit-box;display: -ms-flexbox;display: flex; max-width: 1310px; margin: 0 auto;}
.header .mainnav nav ul li:hover ul.limiter > li > ul {padding-top: 15px}
.header .mainnav ul li .l2-wrap {height: auto; position: absolute; width: 100%; left: 0; top: 100%;}
.header .mainnav ul li div.l2 {padding: 41px 0px; margin: 0 auto; text-align: left; opacity: 1; background-color: #fff; border-bottom: solid 2px #e6e6e6; display: none;}
.header .mainnav ul li div.l2 li {vertical-align: top; margin: 0 20px 0 0; background: none; height: auto; min-width: 19%; display: block;}
.header .mainnav ul li div.l2 li:last-child {margin-right: 0;}
.header .mainnav ul li div.l2 ul {position: static; padding: 0; top: auto; left: auto; -webkit-box-shadow: none; box-shadow: none; width: auto; background-color: rgba(0,0,0,0);}
.header .mainnav ul ul ul li a { font-family: 'OpenSans', sans-serif; font-size: 16px; font-weight: normal; letter-spacing: normal; text-align: left; color: #111111;}
.header .mainnav ul ul li span.bottomfeeder {position: relative; display: block; height: 40px;}
.header .mainnav nav ul ul li ul li a {position: static;}
.mobile-nav {display: none;}
#mobile-nav-trigger {display: none;}

@media (max-width: 1100px) {
    .header .container {max-width: 1070px;}
    .header .mainlogo {height: 137px; width: 525px; top: 0px;}
    .header .mainlogo::before {top: -74px;}
    .header .mainlogo a {margin-top: 28px; margin-right: 60px;}
    .header .mainlogo a img {max-width: 100%;}
    .header .mainnav,
    .header .headernav {display: none;}
    .header .mobile-nav.isopen {display: block;}
    .header #mobile-nav-trigger {display: inline-block; position: absolute; right: 40px; top: 40px;z-index: 12;}
    .header #mobile-nav-trigger .trigger-icon {width: 35px; height: 35px; background: url("../Images/Hamburger.svg") no-repeat center; margin: 10px; float: right;}
    .header #mobile-nav-trigger.isOpen .trigger-icon {background: url("../Images/Schliessen.svg") no-repeat center;}

    .header .mobile-nav {background: #fff; width: 100%;z-index: 9;padding-top: 15px; position: absolute; z-index: 26;left: 0px; border-bottom: 2px solid #e2e2e2;}
    .header .mobile-nav ul ul {display: none;}
    .header .mobile-nav ul li {position: relative; }
    .header .mobile-nav nav ul li a {padding: 20px 0 20px 25px; display: block; font-size: 20px; text-transform: uppercase; color: #111111;}
    .header .mobile-nav ul li .toggle-subnavigation {position: absolute; right: 0; top: 0; display: block; height: 70px; width: 80px; padding: 25px 55px 25px 0px; background: url("../Images/plus.svg") no-repeat center center; cursor: pointer; color: #fff; background-origin: content-box; background-size: 100%;}
    .header .mobile-nav ul li .toggle-subnavigation.open {background: url("../Images/minus.svg") no-repeat center center; background-origin: content-box; background-size: 100%;}
    .header .mobile-nav ul ul ul {display: none;}
    .header .mobile-nav ul li ul li .toggle-subnavigation {position: absolute; right: 0; top: 0; display: block; height: 70px; width: 80px; padding: 25px 55px 25px 0px; background: url("../Images/plus.svg") no-repeat center center; cursor: pointer; background-origin: content-box; background-size: 100%; }
    .header .mobile-nav ul li ul li .toggle-subnavigation.open {background: url("../Images/minus.svg") no-repeat center center; background-origin: content-box; background-size: 100%;}
    .header .mobile-nav ul li ul {padding: 10px 0 10px 25px; background-color: #e6e6e6;}
    .header .mobile-nav ul li ul li a {padding: 20px 0; display: block; }

    .header .mobile-nav #menue > ul {background-color: #00386d;}
    .header .mobile-nav #menue > ul li a {padding: 50px 0 50px 45px; display: block; font-size: 30px; color: #fff; }
}