body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline}
#btnCP33OK {
	display: block;
	width: 60px;
	margin-left: 10px;
	float: right;
	text-align: center;
	cursor: pointer;
	padding: 8px 10px;
	color: white;
	background-color: #008244;
	transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
	margin-top: 8px;
}

#idCP33Message {
	background: #fff;
	color: inherit;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	padding: 10px 50px 10px;
	box-sizing: border-box;
	border-top: 1px solid #ccc;
	z-index: 10000000;
}
#idCP33Message a {
	-webkit-text-size-adjust: none;
}
#idCP33Message p {
	-webkit-text-size-adjust: none;
	display: block;
	width: calc(100% - 90px);
	float: left;
}
@media (max-width: 1120px){
	#container{
		margin-bottom: 0;
	}
	#left, #main, #right{
		width: 33% !important;
		box-sizing: border-box;
		padding-bottom: 20px;
		padding-top: 20px;
	}
}

@media (max-width: 768px){
	#left, #main, #right {
		box-sizing: border-box;
		width: 100% !important;
	}
}
.delimiter {
    float:none;
    clear:both;
}

.clear,
#clear {
    height:.1px;
    clear:both;
    font-size:.1px;
    line-height:.1px;
}

.invisible {
    width:0;
    height:0;
    left:-1000px;
    position:absolute;
    overflow:hidden;
    display:inline;
    top:-1000px;
}

img {
    border:none;
}

html,
body {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    color:#74797d;
    font:15px 'Abel',sans-serif;
    background-color:white;
    -webkit-text-size-adjust: none;
	overflow-x: hidden;
    left: 0;
	transition: left 0.2s;
}

b,
strong {
    font-weight:normal;
    color:#000;
}

ul {
    list-style-type:disc;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

td {
    margin:0 auto 0 0;
    padding:4px 0 6px;
    vertical-align:top;
    border-top:0px solid #EEE;
    border-right:0px solid #EEE;
    border-bottom:1px solid #EEE;
    border-left:0px solid #EEE;
}

a {
    text-decoration:none;
    color:#008146;
}

h1,
h2,
h3,
h4 {
    margin-top:0;
    font-weight:normal;
    color:#008146;
}

h1 {
    font-size:19px;
}

h2 {
    font-size:17px;
}

h3 {
    font-size:15px;
    font-weight:bold;
}

h4 {
    font-size:13px;
    font-weight:bold;
}

#wrapper {
	width: 100%;
	min-width: 1100px;
	min-height: 86%;
	position: relative;
}

#footer,
#container,
.custom {
    width:980px;
    margin-right:auto;
    margin-left:auto;
}

#header {
    top:0;
    position:absolute;
    background-color: rgba(255,255,255,0.7);
    width: 1300px !important;
    transition: padding 0.25s;
    left: calc((100% - 1300px) / 2);
    z-index: 1000000;
}

#header .ce_gallery figure {
    margin:0;
    padding:10px;
}

#header + .custom {
    min-height:210px;
    width: 100% !important;
}

#headerImage .mod_article {
    min-height:240px;
}

#headerImage img,
#headerImage .bgimg {
    width:100%;
    height:600px;
    position:static;
}
#headerImage .dlh_googlemap button > img {
    position: absolute;
}
.image_container {
    margin:0;
    padding:0;
}

#container {
    min-height:280px;
    overflow:auto;
    margin-top:0;
}

#footer {
    width:1100px;
    min-height:175px;
}

#header #shortMenu, #header .mod_changelanguage {
    height:20px;
    float:left;
    margin-top:55px;
    margin-right:30px;
    padding-top:0;
    text-align:right;
    font-size:16px;
}

#header #siteTitle {
    float:left;
    margin-top:50px;
    margin-left:70px;
    font-size:28px;
    color:#008244;
}

#header .mod_changelanguage > * {
	padding: 0 5px;
	border-right: 1px solid currentColor;
	margin: 0;
	color: #008244;
}

#header .mod_changelanguage > *:last-child {
	padding-right: 0;
	border-right: 0;
}
#footer #leftColumn {
    width:650px;
    height:14px;
    float:left;
    padding-top:140px;
    padding-left:60px;
    font-size:11px;
}

#footer #rightColumn {
    width:270px;
    height:175px;
    float:right;
    padding-top:101px;
    padding-right:82px;
}

.mod_breadcrumb {
    margin-top:10px;
    margin-bottom:10px;
    font-size:11px;
}

.videoWrapper {
    height:0;
    position:relative;
    padding-bottom:56.25%;
    /* 16:9 */      padding-top: 25px;
}

.videoWrapper iframe {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
}

#tl_login label {
    padding-right:20px;
}

.ce_downloads ul {
    margin:0;
    padding:0;
    list-style-type:none;
}

.ce_downloads ul li {
    vertical-align:middle;
}

.ce_downloads .mime_icon {
    width:53px;
    height:52px;
    vertical-align:middle;
}

#uebersicht ul {
    list-style-type:none;
}

#uebersicht .level_1 {
    padding:0;
}

#uebersicht .level_1 li {
    padding-top:2px;
    padding-bottom:2px;
}

#uebersicht a {
    color:#000;
}

#uebersicht span.active {
    color:#008244;
}

#uebersicht .level_1 > li > a:first-child {
    font-weight:bold;
}

#uebersicht .level_2 li {
    border-bottom:1px solid #000;
}

.ce_accordion {
    margin-bottom:10px;
}

.toggler::after {
    right:16px;
    position:absolute;
    margin:auto;
    font-size:19px;
    content: "+";
    font-style: "Courier New", Courier, monospace     height: 100%;
    top: 2px;
}

.toggler.active::after {
    content: "-";
}

.toggler {
    width:100%;
    position:relative;
    margin-bottom:20px;
    padding:5px;
    background-color:#008243;
    color:#fff;
    box-sizing: border-box;
}

.toggler:hover {
    cursor: pointer;
}

.accordion {
    width:100%;
    height:auto;
    overflow:auto;
    margin-top:20px;
}

.accordion > div > div:not(.tablediv) {
    width:33.333%;
    overflow:hidden;
    float:left;
    margin:7px 0;
    padding:0 10px;
    box-sizing: border-box;
}

.ce_image h1 {
    height:3.5em;
    margin:5px 0;
    font-size:15px;
}

.accordion figure img {
    width:100%;
    height:auto;
    display:block;
    padding:1px;
    background-image: url("../../files/NANN/./files/NANN/CSS/ecken-produkte.png");
    background-size: 100%;
    box-sizing: border-box;
}

.mod_article table {
    width: 100% !important;
    height: 100% !important;
}

.bgimg {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    background-position:center;
    background-size: cover;
}

.dlh_googlemap {
    width: 100% !important;
    height: 600px !important;
}

#header .right {
    float:right;
    margin-right:70px;
}

#header #logo {
    float:left;
}

#header .mod_navigation {
    width:600px;
    clear:left;
}

#header #shortMenu a:not(:last-child) {
    border-right: 1px solid currentColor;
}

#header #shortMenu a {
    padding:0 5px;
}

#left .mod_navigation .level_1 {
	width: 270px;
	float: left;
	margin: 35px 0 0;
}
#left .mod_navigation .level_1 li.first {
	border-bottom-style: none;
}
#left .mod_navigation .level_1 li {
	float: none;
	margin: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: left;
	list-style-type: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEEEEE;
}
#left .mod_navigation .level_1 li.last {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}
#left .mod_navigation .active, #left .mod_navigation .trail {
	color: #008146;
}
#left .mod_navigation li.first a, #left .mod_navigation li.first span {
	padding-top: 0;
}
#left .mod_navigation .active, #left .mod_navigation .trail {
	color: #008146;
}
#left .mod_navigation a, #left .mod_navigation span {
	padding-left: 10px;
	text-decoration: none;
	color: #666;
	background-color: transparent;
}
.greyBG {
    color: #ccc;
    background-color: #74797d;
}
.greenBG {
    color: #013d1b;
    background-color: #008244;
}
.greyBG a, .greenBG a, .greenBG .mod_navigation a:hover {
    color: #fff;
}
.greenBG .mod_navigation a {
	color: inherit;
}
.whiteBG footer {
	margin-top: 70px;
}
footer {
	width: 100% !important;
	font-size: 16.2px;
	line-height: 1.5em;
	margin-top: 50px;
}
footer .greyBG, footer .greenBG {
    padding: 30px calc((100% - 1300px) / 2 + 70px);
    box-sizing: border-box;
    width: 100vw;
    min-width: 100%;
}
footer .greenBG {
    padding-top: 70px;
    padding-bottom: 70px;
}
#footer .mod_navigation ul {
	list-style:  none;
	padding:  0;
}
#footer .mod_navigation ul.level_1 > li {
	float: left;
	padding-right: 0px;
}
#footer .mod_navigation ul.level_1 > li > :first-child,
#footer .address span {
	border-bottom: 1px solid currentColor;
    text-transform: uppercase;
}
.claim {
	color: #008244;
	text-align: center;
}

.confirmMaps {
	width: 400px;
	max-width: calc(100% - 50px);
	background: rgba(255,255,255,0.95);
	border-radius: 4px;
	padding: 10px;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.5);
	box-shadow: 0 3px 6px rgba(0,0,0,0.5);
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	box-sizing: border-box;
}
.confirmMaps .infos {
	margin-bottom: 10px;
	color: #000;
}
.confirmMaps .infos h3 {
	color: inherit;
	font-size: 18px;
}
.confirmMaps button {
	cursor: pointer;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	letter-spacing: 1.2;
	border-radius: 4px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 15px;
}
.confirmMaps .privacy-proxy-video-button--more {
	background: #cecece;
}
.confirmMaps .privacy-proxy-video-button--accept {
	background: #008244;
	color: white;
}

#uc-privacy-button g#button #background > use:last-of-type,
#uc-privacy-button g#button #background + path + path,
#uc-btn-open-main-corner-modal svg > g > use:last-of-type {
	fill: #008244;
}

.usercentrics-button .uc-corner-modal .uc-card-footer .uc-save-settings-button,
.usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-card-header,
.usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs,
.usercentrics-button .uc-dropdown .uc-dropdown-menu {
    background-color: #008244 !important;
}

#uc-corner-modal a[href], #uc-center-modal a[href], #uc-banner-modal a[href], #uc-central-banner-modal a[href] {
    color: #008244 !important;
}




.footer-flex {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
	align-items: center;
}
.footer-flex .linkedin {
    display: flex;
    flex-direction: row;
    align-items: center;
	color: #cccccc;
}
.footer-flex .linkedin img {
	width: 140px;
	margin-left: 10px;
}
#header .mod_navigation {
    height:40px;
    float:left;
    margin-top:51px;
    margin-left:0;
    padding-bottom:30px;
    vertical-align:bottom;
    font-size:15px;
    text-transform:uppercase;
}

#header .mod_navigation ul {
    width:650px;
    margin-bottom:0;
    padding-left:70px;
}

#header .mod_navigation li {
    list-style-type:none;
}

#header .mod_navigation .level_1 > li {
    width:auto;
    min-width:90px;
    float:left;
    margin:0;
}

#header .mod_navigation a,
#header .mod_navigation span {
    margin-right:10px;
    padding-top:4px;
    padding-right:10px;
    padding-bottom:4px;
    text-align:center;
    border-bottom:1px solid #73797d;
    text-decoration:none;
    color:#73797d;
    background-color: transparent;
}

#header .mod_navigation li.last a,
#header .mod_navigation li.last span {
    padding-right:0;
}

#header .mod_navigation .active,
#header .mod_navigation .trail {
    color:#008243;
}

#header .mod_navigation a:hover,
#header .mod_navigation a:focus {
    color:#008243;
}

#header .level_2 {
    display:none;
}

#navHeader {
    display:none;
}

#header .btnMore {
    display:none;
}

#L1 .hideInHeader {
    display:none;
}

@media (max-width: 1350px) {
    #header {
        left:0;
        position:absolute;
        width: 100% !important;
    }

    #header #siteTitle {
        font-size:22px;
    }
}
#left,
#main,
#right {
    margin-left:0;
    padding-top:20px;
}

#left,
#main {
    width:310px;
    float:left;
    padding-right:20px;
}

#right {
    width:310px;
    float:right;
}

@media (max-width: 1350px) {
    footer .greyBG, footer .greenBG {
        padding-right: 70px;
        padding-left: 70px;
    }
    #footer .mod_navigation ul.level_1 > li {
        margin-bottom: 15px;
        display: inline-block;
        vertical-align: top;
        float: none;
        width: auto !important;
    }
}

@media (max-width: 1120px) {
    img[src*="trennlinie"] {
            width:100%;
        }
        #wrapper {
            min-width:0;
        }
        #container {
            padding:0 25px;
            box-sizing: border-box;
        }
        #container img:not([src*="CSS"]) {
            width:100%;
            height:auto;
            max-width:300px;
        }
        .pdf_link img {
            width: initial !important;
        }
        #header .inside,
        #container,
        #footer {
            width:100%;
        }
        #header #logo {
            right:20px;
        }
        #header #shortMenu,
        #header #siteTitle {
            width:auto;
        }
        #header #shortMenu {
            clear:both;
            padding-left:60px;
        }
        #header section.mod_dlh_googlemaps,
        #header  section .dlh_googlemap {
            width: 100% !important;
        }
        table,
        thead,
        tbody,
        th,
        td,
        tr {
            display:block;
        }
        tr {
            border-bottom:1px solid #eee;
        }
        td {
            width:100%;
            border:0;
        }
        #footer #leftColumn,
        #footer #rightColumn {
            box-sizing: border-box;
        }
        #footer #rightColumn {
            right:20px;
            position:absolute;
        }
        #footer #leftColumn {
            width:60%;
            padding-left:20px;
            box-sizing: content-box;
        }
        .accordion > div > div:not(.tablediv) {
            width:33.33%;
            margin:3px 0;
        }
        .dlh_googlemap,
        .naviEcken {
            width: 100% !important;
        }
}

@media (max-width: 1120px) {
    #header .mod_navigation {
            margin-top:73px;
        }
        #left .mod_navigation .level_1 {
            width:100%;
            padding:0 30px 0 0;
            box-sizing: border-box;
        }
}

@media (max-width: 768px) {
    body {
        position: relative;
        overflow-x: hidden;
        transition: left 0.2s;
        left: 0;
    }
    header #L1 {
        position: fixed;
        height: 100% !important;
        width: 300px !important;
        z-index: 100;
        top: 0;
        background-color: #fff;
        left: -300px;
        padding-top: 50px;
        transition: left 0.2s;
    }
    #logo img {
        float:right;
    }
    #main {
        width: 100% !important;
        padding-right: 0 !important;
    }

    .accordion > div > div:not(.tablediv) {
        width:50%;
    }

    #footer #leftColumn,
    #footer #rightColumn {
        height:auto;
        min-width:270px;
        float:none;
        margin:0 auto;
        box-sizing: border-box;
    }

    #footer #leftColumn {
        width:100%;
        text-align:center;
        padding: 15px 25px !important;
    }

    #footer #rightColumn {
        min-width:100%;
        position:static;
        padding: 15px 25px !important;
    }

    #footer #rightColumn img {
        height:auto;
        max-width:100%;
        float:right;
    }

    #pictureBox {
        margin-top: 0 !important;
    }

    #pictureBoxBackground,
    #pictureBox,
    #pictureSlider,
    #pictureSlider img {
        height: auto !important;
    }

    #header #siteTitle {
        display:none;
    }

    #header .right {
        margin:0;
    }

    #header #logo {
        max-width: calc(100% - 85px);
    }
    #navClose {
        position: absolute;
        left: 15px;
        top: 20px;
        color: #008244;
        font-size: 24px;
        cursor: pointer;
        padding: 0 10px;
        display: block;
    }
    #navClose:after {
        position: relative;
        content: "\d7";
        font-size: 36px;
        font-weight: 100;
        top: 0;
        left: 0;
    }
    
    #header .mod_navigation {
        margin-top: 0px;
    }
    .slideIn {
        left: 300px;
        overflow-y: hidden;
    }
    .slideIn header #L1 {
        left: 0;
    }
    #header .mod_navigation .level_1 > li {
        width: 100% !important;
    }
    #navHeader {
        display: inline-block;
        margin: 0;
        font-size: 24px;
        color: #fff;
        box-sizing: border-box;
        cursor: pointer;
        position: absolute;
        left: 23px;
        z-index: 10000;
        top: 10px;
        transition: left 0.2s, opacity 0.2s;
        padding: 10px;
    }
    #navHeader i {
        padding: 0px;
        color: #008244;
    }
    #left {
        display: none;
    }
    
    .footer-flex {
        flex-direction: column;
    }
    .footer-flex > div:not(:last-child) {
        margin-bottom: 20px;
    }
}
@media (max-width: 450px) {
    #header #logo {
        float:  none;
        margin: 0 auto;
        max-width: 100%;
    }
    #header #logo img {
        margin:  0 auto;
        display: block !important;
        float: none;
    }

    #header .right {
        float: none;
    }

    #navHeader {
        left: calc(10px + calc((100% - 270px) / 2));
    }
    #navHeader i {
        color: #fff;
    }
    #header #shortMenu, #header .mod_changelanguage  {
        position:  absolute;
        margin:  0;
        top: 24px;
        right: calc(20px + calc((100% - 270px) / 2));
    }

    #header #shortMenu a, #header .mod_changelanguage > * {
        color: #fff;
    }
}
@media (max-width: 768px) {
    #header {
        padding: 0 0 15px 0;
        position: static !important;
    }
    #header .mod_navigation {
        width:100%;
        height:auto;
        float:none;
    }
    #header .mod_navigation ul {
        padding:0;
        width: auto;
    }
    #header .mod_navigation li {
        width:100%;
        position:relative;
        float:none;
        padding:5px 0 5px 25px;
        box-sizing: border-box;
    }
    #header .mod_navigation a, #header .mod_navigation span {
        border: none;
        display: inline;
    }
    #header .btnMore {
        top:3px;
        position:absolute;
        display:block;
        right: 10px;
        cursor: pointer;
    }
    #header .level_2 {
        display: none !important;
    }
    #navHeader i {
        padding: 8px;
        font-family: FontAwesome;
        font-style: normal;
    }
    .slideIn #navHeader {
        opacity: 0;
    }
}