/**
 * 50-modules.css
**/

/**
 *  Navigation
 **/

.mod_navigation_main {
    float: right; 
    overflow: visible;
    margin-top: 47px;
}

.mod_navigation_main.mobile {
    display: none;
}

.mod_navigation_main .level_1 > li.area_message,
.mod_navigation_main .level_1 > li.area_search {
    padding: 0;
}

.mod_navigation_main .level_1 > li.area_message > a, 
.mod_navigation_main .level_1 > li.area_message > strong,
.mod_navigation_main .level_1 > li.area_search > a, 
.mod_navigation_main .level_1 > li.area_search > strong {
    display: inline-block;
    width: 50px;
    height: 32px;
    text-indent: -9999px;
    white-space: nowrap;
    background: url(../img/icon-search.svg) no-repeat center scroll;
    background-size: 24px 24px;
    vertical-align: middle;
    overflow: hidden;
}

.mod_navigation_main .level_1 > li.area_message > a, 
.mod_navigation_main .level_1 > li.area_message > strong {
    background: url(../img/icon-message.svg) no-repeat center scroll;
    background-size: 26px 24px;
    
}

.mod_navigation_main .level_1 > li {
    display: inline-block;
    padding: 0 16px;
}
 
.mod_navigation_main .level_1 > li strong,
.mod_navigation_main .level_1 > li > a:hover,
.mod_navigation_main .level_1 > li > a:active,
.mod_navigation_main .level_1 > li > a:focus {
    color: #4ab15c;
    -webkit-transition: color .2s ease-in-out 0s;
    -moz-transition: color .2s ease-in-out 0s;
    -o-transition: color .2s ease-in-out 0s;
    transition: color .2s ease-in-out 0s;
    text-decoration: underline;
}

.mod_navigation_main a {
    color: #00243b;
}

.mod_navigation_main strong {
    font-weight: 400;
}

.mod_navigation_main .active,
.mod_navigation_main .trail,
.mod_navigation_main a:hover,
.mod_navigation_main a:focus,
.mod_navigation_main a:active {
    color: #4ab15c;
    text-decoration: none;
}

.mod_navigation {
    overflow: visible;
    margin-bottom: 2em;
}

.mod_navigation_main .level_2,
.mod_navigation_main .level_3 {
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s ease-in-out 0s;
    -moz-transition: .3s ease-in-out 0s;
    -o-transition: .3s ease-in-out 0s;
    transition: .3s ease-in-out 0s;
}

.mod_navigation_main .level_1 > li,
.mod_navigation_main .level_1 > a {
    line-height: 72px;
}

.mod_navigation_main .level_1 > li {
    position: relative;
}

.mod_navigation_main .level_1 > li {
    border-bottom: 7px solid transparent;
}

.header_fixed .mod_navigation_main .level_1 > li.submenu:hover {
    border-bottom: 7px solid #4ab15c;
}


.mod_navigation_main .level_2 {
    position: absolute;
    top: 70px;
    left: 0;
    width: 320px;
/*    padding: 10px 0;*/
    background: #ececec;
    z-index: 2;
    box-shadow: 0 25px 75px rgba(0,0,0,.25);
}

.header_fixed .mod_navigation_main .level_2 {
    top: 79px;
}

.mod_navigation_main .area_news .level_2,
.mod_navigation_main .area_contact .level_2 {
    left: inherit;
    right: 0;
}

.mod_navigation_main .level_2 li {
    display: block;
    overflow:hidden;
}

.mod_navigation_main .level_2 li strong,
.mod_navigation_main .level_2 li a {
    display: block;
    padding: 16px 16px;
    font-size: .875em;
}

.mod_navigation_main .level_2 li.submenu > strong:after,
.mod_navigation_main .level_2 li.submenu > a:after {
    content: '>';
    display: inline-block;
    margin-left: .5em;
}

.mod_navigation_main .level_2 li:hover,
.mod_navigation_main .level_2 li:active,
.mod_navigation_main .level_2 li:focus,
.mod_navigation_main .level_3 li:hover,
.mod_navigation_main .level_3 li:active,
.mod_navigation_main .level_3 li:focus {
    background: #FFF;
    color: #4ab15c;
    text-decoration: underline;
}

.mod_navigation_main .level_1 > li:hover .level_2 {
    visibility: visible;
    opacity: 1;
}

.mod_navigation_main .level_1 > li:hover > a {
    color: #4ab15c;
}

.mod_navigation_main .level_2 > li:hover .level_3 {
    visibility: visible;
    opacity: 1;
}

.mod_navigation_main .level_3 {
    position: absolute;
    top: 0;
    left: 320px;
    width: 320px;
/*    padding: 10px 0;*/
    background: #F6F6F6;
    z-index: 3;
    box-shadow: 40px 25px 95px rgba(0,0,0,.15);
}

.mod_navigation ul {
    margin: 0;
}

.mod_changelanguage {
    margin-top: 73px;
}

.mod_changelanguage {
    margin-left: 10px;
    
}

.section_footer .mod_navigation_top, 
.section_footer .mod_changelanguage {
    padding-top: 1em;
}

.mod_changelanguage ul {
    margin-bottom: 0;
}

.mod_changelanguage li {
    display: inline-block;
}

.mod_navigation_top li a { 
    color: #004178;
    text-decoration: none;
}

.mod_changelanguage li {
    margin-right: 0;
}

.section_footer .mod_navigation_top li a.first:before {
    content: none;
}

.mod_changelanguage li,
.mod_navigation_top li {
    font-size: .875em;
}

.mod_changelanguage li a {
    color: #AAA;
}

.mod_changelanguage li span {
    color: #AAA;
}

.mod_changelanguage {
    float: right;
}

.mod_changelanguage .lang-en a {
    overflow: hidden;
    display: inline-block;
    width: 27px;
    height: 18px;
    text-indent: 28px;
    white-space: nowrap;
    background: url(../img/icon-en.png) no-repeat scroll center;
    background-size: 27px 18px;
}

.mod_changelanguage .lang-de a {
    overflow: hidden;
    display: inline-block;
    width: 27px;
    height: 18px;
    text-indent: 28px;
    white-space: nowrap;
    background: url(../img/icon-de.png) no-repeat scroll center;
    background-size: 27px 18px;
}


/**
 * mod_breadcrumb
**/

.mod_breadcrumb ul {
    margin-bottom: 0;
}

.mod_breadcrumb p {
    
}

.mod_breadcrumb li {
    font-size: .875em;
}

.mod_breadcrumb span {
    float: left;
    margin-right: .5em;
    line-height: 40px;
}

.mod_breadcrumb li.active,
.mod_breadcrumb li a {
    letter-spacing: .5px;
    line-height: 40px;
}

.mod_breadcrumb li.active {
    color: #4ab15c;
    text-decoration: underline;
}

.mod_breadcrumb li a:hover,
.mod_breadcrumb li a:focus,
.mod_breadcrumb li a:active {
    /*color: #003F78;*/
    text-decoration: underline;
}

.mod_breadcrumb li:after {
    content: '/';
    display: inline;
    display: inline-block;
    margin: 0 .25em 0 0;
}

.mod_breadcrumb li:first-child:after,
.mod_breadcrumb li.last:after {
    content: '';
    margin: 0;
}

/** 
 * Newsletter
 **/

.mod_newsletter {
    
    display: block;
    max-width: 550px;
    margin: 2em auto 0 auto;
}

.mod_newsletter label {
    display: none;
}

.mod_newsletter input[type="text"], .mod_newsletter input[type="email"] {
    margin-left: 0;
    background: #ECECEC;
    float: left;
}

.mod_newsletter .widget-text {
    width: 364px;
    width: 66%;
    float: left;
    margin-right: 0;
}

@media only screen and (max-width: 1602px) {
    .mod_newsletter .widget-text {
	width: 60%;
    }
}

@media only screen and (max-width: 1390px) {
    .mod_newsletter .widget-text {
	width: 55%;
    }
}

@media only screen and (max-width: 1208px) {
    .mod_newsletter .widget-text {
	width: 53%;
    }
}

@media only screen and (max-width: 1200px) {
    .mod_newsletter .widget-text {
	width: 66%;
    }
}

@media only screen and (max-width: 980px) {
    .mod_newsletter .widget-text {
	width: 60%;
    }
}

.mod_newsletter .widget-submit {
    float: left;
}

.mod_newsletter .widget-submit button {
    width: 184px;
    margin: 0;
}

.widget-submit button:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.mod_newsletter_home .widget-submit {
    float: left;
}

.mod_newsletter_home .widget-submit button {
    width: 150px;
    
}
.mod_newsletter_home input[type="text"],
.mod_newsletter_home .widget-text {
    width: 250px;
}

/* Legal */

.mod_legal {
    clear: both;
    display: block;
    padding-top: 20px;
}

.mod_legal a {
    font-size: 14px;
    color: #4ab15c;
    line-height: 20px;
    display: block;
}


/**
 *  mhg shariff / mod social media
 **/

.section_newsarticle .centered_wrapper {
    position: relative;
}

.area_newsarticle .mod_hofff_shariff {
    position: absolute;
    top: 0;
    right: -245px;
    max-width: 110px;
    width: 110px;
    float: right;
}

.mod_hofff_shariff {
    position: absolute;
    right: -245px;
    max-width: 110px;
}

.mod_mhg_shariff h3 {
    margin-bottom: 40px;
}

.shariff .orientation-horizontal.col-1 li, 
.shariff .orientation-horizontal.col-2 li {
    max-width: 115px;
}

.section_main .shariff a:hover,
.section_main .shariff a:active,
.section_main .shariff a:focus {
    color: #FFF;
    text-decoration: none;
}

/**
 * mod_alert
 **/	

.mod_alert {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: -200px;
    left: 0;
    right: 0;
    height: 0;
    width: 100%;
    padding: 2em;
    /*    -webkit-transition: .1s ease-in-out 0s;
	-moz-transition: .1s ease-in-out 0s;
	-o-transition: .1s ease-in-out 0s;
	transition: .1s ease-in-out 0s;*/
}

.mod_alert .close {
    position: absolute;
    top: 0px;
    right: 0;
    width: 50px;
    height: 50px;
    background: #c4c4c4 url(../img/icon-close-2.svg) no-repeat scroll center;
    background-size: 25px 25px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: -50px;

    z-index: 0;
}

.mod_alert .close:hover {
    cursor: pointer;
}

.mod_alert.active {
    display: block;
    visibility: visible;
    opacity: 1;
    background: #fbfbfb;
    top: 0;
    height: 190px;
}

.mod_alert .ce_text {
    opacity: 0;
/*    -webkit-transition: .3s ease-in-out .0s;
    -moz-transition: .3s ease-in-out .0s;
    -o-transition: .3s ease-in-out .0s;
    transition: .3s ease-in-out .0s;*/
}

.mod_alert .ce_text:nth-of-type(1) {
    max-width: 955px;
    float: left;
}

.mod_alert.active .ce_text {
    opacity: 1;
/*    -webkit-transition: .3s ease-in-out .2s;
    -moz-transition: .3s ease-in-out .2s;
    -o-transition: .3s ease-in-out .2s;
    transition: .3s ease-in-out .2s;*/

}

.mod_alert .more a {
    float: right;
    margin-right: 0;
    -webkit-transition: .2s ease-in-out 0s;
    -moz-transition: .2s ease-in-out 0s;
    -o-transition: .2s ease-in-out 0s;
    transition: .2s ease-in-out 0s;
}

.mod_alert .more a:hover,
.mod_alert .more a:active,
.mod_alert .more a:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background: #52c766;
    -webkit-transition: .2s ease-in-out 0s;
    -moz-transition: .2s ease-in-out 0s;
    -o-transition: .2s ease-in-out 0s;
    transition: .2s ease-in-out 0s;
}

.mod_alert .centered_wrapper_inside {
    max-width: 1200px;
    padding-top: 3em;
    margin: 0 auto;
}


/**
 *  To Top Button
 **/

.mod_scrollup {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 54px;
    height: 54px;
    background: #4ab15c url('../img/icon-arrow-up.svg') no-repeat scroll center;
    background-size: 15px 30px;
    -webkit-transition: .0s ease-in-out 1s;
    -moz-transition: .0s ease-in-out 1s;
    -o-transition: .0s ease-in-out 1s;
    transition: .0s ease-in-out 1s;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,36,59,0.3);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,36,59,0.3);
    -o-box-shadow: 0px 10px 15px 0px rgba(0,36,59,0.3);
    box-shadow: 0px 10px 15px 0px rgba(0,36,59,0.3);
    overflow: hidden;
    z-index: 3;
}


.mod_scrollup:hover,
.mod_scrollup:active,
.mod_scrollup:focus {
    -webkit-transition: .0s ease-in-out 0s;
    -moz-transition: .0s ease-in-out 0s;
    -o-transition: .0s ease-in-out 0s;
    transition: .0s ease-in-out 0s;
}

.mod_scrollup a {
    display: block;
    text-indent: -99px;
    line-height: 54px;
}

/**
 * Mobile Menu
 **/

html.mm-front .mm-menu.mm-offcanvas {
    z-index: 503;
}

.mm-menu.mm-black {
    background: #FFF;
}

.mm-menu.mm-front.mm-fullscreen.mm-top, 
.mm-menu.mm-front.mm-fullscreen.mm-bottom {
    z-index: 4;
}

.mod_mmenu {
 
}

.mm-menu .mm-list {
    padding: 0 0 100px 0;
}

.mm-menu.mm-vertical .mm-list .mm-panel {
    padding: 0;
}

.mm-btn.mm-prev {
    margin-left: 16px;
}

.mod_mmenu li a,
.mod_mmenu li span {
    color: #00243b;
    font-size: 16px;
    padding: 15px 0;
}

.mod_mmenu .level_1 > li > a,
.mod_mmenu .level_1 > li > span {
    padding-left: 35px;
}

.mod_mmenu .level_2 > li > a,
.mod_mmenu .level_2 > li > span {
    padding-left: 35px;
}

.mod_mmenu .level_3 > li > a,
.mod_mmenu .level_3 > li > span {
    padding-left: 35px;
}

.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), 
.mm-menu.mm-black .mm-list > li.mm-selected > span,
.mod_mmenu .level_1 > li > span {
    
    background: #FFF;
}

.mm-navbar,
.mm-listview>li:not(.mm-divider):after {
    border: 0;
}


.mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: transparent;
}

.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen {
    background: transparent;
}

html.mm-opening .mm-slideout .section_header {
    z-index: 102 !important;
}

html.mm-front .mm-slideout {
    z-index: auto !important;
}

.mm-listview>li, 
.mm-listview>li .mm-next, 
.mm-listview>li .mm-next:before, 
.mm-listview>li:after {
    border: 0;
}

.mm-list a.mm-subopen {
    right: 30px;
    width: 60px;
}

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), 
.mm-menu .mm-list > li.mm-selected > span {
    padding: 15px 39px;
    background: #e1e1e1;
    font-weight: 600;
    /*min-height: 60px;*/
}

.mm-menu .mm-list > li:after {
    border-color: #595858;
}

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    margin-left: 0;
}

.mm-list a.mm-subopen + a, 
.mm-list a.mm-subopen + span {
    margin-right: 0;
}

.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
    height: 50px;
}

.mod_mmenu .level_2.mm-list li a, 
.mod_mmenu .level_2.mm-list li span {
    padding: 15px 15px 15px 54px !important;
    
}

.mm-menu.mm-black > .level_1 > li {
    background: #FFF;
    color: #2D2D2D;
}

.mm-menu.mm-black > .level_1 > li.mm-selected {
    border-bottom: 0;
}

.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
    background: #2D2D2D;
}

.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen {
    background: transparent;
}

.mm-menu.mm-black > .level_1 > li > a {
    color: #1d1d1d;
}

.mod_mmenu .level_2.mm-list li a, 
.mod_mmenu .level_2.mm-list li span {
    
    color: #999;
}

.mod_mmenu .level_3.mm-list li a, 
.mod_mmenu .level_3.mm-list li span {
    padding: 15px 15px 15px 88px !important;
}

.mod_mmenu .level_3.mm-list li a, .mod_mmenu .level_3.mm-list li span {
    background: #333;
}

.mm-list a.mm-subopen:before {
    border: 0;
}

.mm-menu.mm-black .level_3.mm-list > li.last:after {
    border: none;
}

.mm-navbar {
    height: 54px;
    line-height: 27px;
}

.mm-listview .mm-next {
    right: 16px;
}

.mm-panels>.mm-panel.mm-hasnavbar {
    padding-top: 75px;
}

.mod_mmenu li.area_message{
    display: none;
}

#mm-blocker {
    transition: none !important;
    background: rgba(0,0,0,.7);

    z-index: 103 !important;
}

/**
 *  Cookiebar
 **/

.cookiebar {
    background: #043B26;
}

.cookiebar__button {
    background: #4ab15c;
}

/** 
 *  Tags
 **/

.news_tags {
    margin-top: 75px;
    display: block;
}

.tag-chain {
    
    list-style-type: none;
    padding: 0;
}

.tag-chain li {
    display: inline-block;
}

.section_main .tag-chain a {
    min-width: 199px;
    margin-right: 37px;
    padding-left: 30px;
    padding-right: 30px;
    display: block;
    line-height: 48px;
    font-size: .875em;
    font-weight: 600;
    text-align: center;
    border-color: transparent;
    float: left;
    color: #c4c4c4;
    border: 1px solid #C4C4C4;
    text-transform: uppercase;
    letter-spacing: .1em;
    -webkit-transition: .1s ease-in-out 0s;
    -moz-transition: .1s ease-in-out 0s;
    -o-transition: .1s ease-in-out 0s;
    transition: .1s ease-in-out 0s;
    margin-bottom: 20px;
}

.section_main .tag-chain a:hover,
.section_main .tag-chain a:active,
.section_main .tag-chain a:focus {
    background: #4ab15c;
    border-color: #4ab15c;
    text-decoration: none;
    color: #FFF;
    -webkit-transition: .1s ease-in-out 0s;
    -moz-transition: .1s ease-in-out 0s;
    -o-transition: .1s ease-in-out 0s;
    transition: .1s ease-in-out 0s;
}