/* res_id: eed06dcae14e3b5e62dde9e94053ae57 */

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:target:before {
    content:"";
    display:block;
    height:180px; /* fixed header height*/
    margin:-180px 0 0; /* negative fixed header height */
}

.clr { clear: both; }
img { border: none; }
ul, li { padding: 0; margin: 0; list-style: none; }

body {
    margin: 0;
    padding: 0;
    font-family: nimbus-sans, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #181716;
    font-size: 16px;
    line-height:22px;
    background-color:#6b8399;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (min-width:768px ) {
    body { font-size: 16px; line-height:20px; }
}


@media (min-width: 1200px) {
    .container { max-width: 1400px !important; }
    /*.container, .container-fluid { padding-left: 45px; padding-right: 45px; }
    .no-gutters { margin-right: 30px; margin-left: 30px; }*/
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
}

.mb-3,
.my-3 {
    margin-bottom: 30px !important;
}

.tooltip-inner { background-color: #3B5A77; }
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: #3B5A77; }

a {
    color: #3B5A77;
    text-decoration: none;
    transition: all 0.35s ease 0s;
    outline: none;
}

a:hover, a:focus {
    text-decoration: none;
    transition: all 0.5s ease 0s;
    outline: none;
    color: #181716;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.bg-white { background-color:transparent; }

.rex-breadcrumb > li + li::before{ display:none; }


.content { padding:0; }
footer a { color: #fff; }

@media (max-width:767px ) {
    footer { padding: 20px; }
}


.text-container.text-center > img {
    margin-bottom: 20px;
}

.left-column {
    line-height: normal;
    margin: 20px 0;
    color: #181716;
}

.blue {
    color: #3B5A77;
}

.content .text-container .full-width-img img{width:100%;}
.content .text-container { margin-bottom:25px;}




@media (max-width:374px ) {
    .nav-tabs { padding-left: 0; }
    .nav-tabs > li > a{ padding:5px;}
}

/* ### ### ### SEARCH ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */

.search { color:#fff !important; }

/*
@media (max-width:767px ) {
	.search {
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
	}
}*/
@media (max-width:991px ) {
    .search {
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
}

.search input[type="text"] {
    background-image: url(../media/menu-search-2019.png);
    background-size: 50px;
    background-color: #3B5A77;
    background-repeat: no-repeat;
    background-position: right;
    border:none;
    font-size: 16px;
    color: #fff;
    width: 100%;
    padding: 0px 40px 0px 15px;
    outline: none;
    height:40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/*
@media (min-width:768px ) {
	.search input[type="text"] {
        width: 150px;
        padding: 0px 30px 0px 15px;
        margin:0;
        height:30px;
        font-size: 14px;
        background-size: 30px;
	}
}*/

@media (min-width:992px ) {
    .search input[type="text"] {
        width: 200px;
        padding: 0px 40px 0px 15px;
        height:40px;
        font-size: 16px;
        background-size: 40px;
    }
}

@media (min-width:1200px ) {
    .search input[type="text"] {
        width: 250px;
        padding: 0px 45px 0px 15px;
        height:45px;
        background-size: 45px;
    }
}

::-webkit-input-placeholder { color:#fff; }
:-moz-placeholder { color: #fff; }
::-moz-placeholder { color: #fff; }
:-ms-input-placeholder { color: #fff; }

.panel-search { margin-top:10px; }
.panel-search-result h2,
.panel-search-result p { margin:0; padding:0; }

/* ### ### ### BREADCRUMP ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
#breadcrumb { /*float:left; width:100%; padding:0; margin:0; */ margin-top:10px; font-size:13px; line-height:20px !important; }
#breadcrumb p { float:left; }

.rex-breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    list-style: outside none none;
    margin:0;
    padding: 0;
    float:left;
}

.rex-breadcrumb > li.first { margin-right: 5px; }
.rex-breadcrumb > li { display: inline-block; color: #181716; }

.rex-breadcrumb > li:after {
    content: "\f105";
    display:inline-block;
    padding-left:5px;
    padding-right:5px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color:#A53027;
    line-height:20px;
}

.rex-breadcrumb > li:last-child:after {
    content: "";
    display:inline-block;
    padding-left:0;
    padding-right:0;
}

.rex-breadcrumb > li a,
.rex-breadcrumb > .active {	color: #181716; }
.rex-breadcrumb > li a:hover {	color: #919291; }

@media (min-width:768px ) {
    #breadcrumb { font-size:14px; line-height:22px !important; }
    #breadcrumb p { float:left; }
}

/* ### ### ### CONTENT ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
.content-container {
    margin-top:60px;
    margin-bottom:0;
    padding-bottom:0;
    background-color:#fff;
}
.content-container-active { zoom: 1; filter: alpha(opacity=25); opacity: 0.25; }

@media (min-width:576px ) {
    .content-container { /*margin-top:105px;*/ margin-top:105px; }
}

/* STANDARD */
@media (min-width:992px ) {
    .content-container { margin-top:150px; }
}

/* ### ### ### SLIDER ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
#slider { margin-top:60px; }
#slider .container,
#slider .row { padding:0; }
#slider .flexslider { width: 100%; }
#slider .flexslider img { width: 100%; }
#slider .flexslider .slides  { display: flex; height: 120px; }

@media (min-width:576px ) {
    #slider { margin-top:105px; }
}

@media (min-width:768px ) {
    /* STANDARD #slider { margin-top:150px; }*/
    #slider .flexslider .slides  { height: 200px; }
}

@media (min-width:992px ) {
    #slider { margin-top:150px; }
    #slider .flexslider-short { height: 325px; overflow: hidden; }
}

@media (min-width:992px ) {
    #slider .flexslider .slides  { height: 250px; }
}

@media (min-width:1200px ) {
    #slider .flexslider .slides  { height: 325px; }
}


#slider .flexslider .slides > li {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#slider2 { margin-top:0; }
#slider2 .container,
#slider2 .row { padding:0; }
#slider2 .flexslider { width: 100%; }
#slider2 .flexslider img { width: 100%; }

/* ### ### ### HEADLINES ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
.container-headline { margin-bottom:16px; background-position:left bottom; background-repeat:no-repeat; }
.container-headline-icon h1 { padding-left:90px; }
@media (min-width:768px ) {
    .container-headline { margin-bottom:23px; }
    .container-headline-icon h1 { padding-left:125px; }
}
@media (min-width:992px ) {
    .container-headline { margin-bottom:23px; }
    .container-headline-icon h1 { padding-left:145px; }
}

.bg-primaer { background-image:url(../media/00_Kern_BW_Head_Sekundaer_WEB.png); background-color:rgba(237,240,243,1.00); }
.bg-sekundaer { background-image:url(../media/00_Kern_BW_Head_Sekundaer_WEB.png); background-color:rgba(237,240,243,1.00); }

.bg-kuvertieren { background-image:url(../media/01_Kern_BW_Units_Mail_WEB.png); background-color:rgba(237,240,243,1.00); }
.bg-digitaldruck { background-image:url(../media/01_Kern_BW_Units_Graphic_WEB.png); background-color:rgba(237,240,243,1.00); }
.bg-software { background-image:url(../media/01_Kern_BW_Units_Software_WEB.png); background-color:rgba(237,240,243,1.00); }
.bg-kartenverarbeitung { background-image:url(../media/01_Kern_BW_Units_Card_WEB.png); background-color:rgba(237,240,243,1.00); }
.bg-logistik { background-image:url(../media/01_Kern_BW_Units_Terminal_WEB.png); background-color:rgba(237,240,243,1.00); }

.bg-diverse { background-image:url(../media/00_Kern_BW_Head_Sekundaer_WEB.png); background-color:rgba(237,240,243,1.00); }

.bg-logistik2017 {  background-image:url(../media/01_Kern_BW_Units_Terminal_WEB.png); background-color:rgba(237,240,243,1.00); }
.bg-verpackung { background-image:url(../media/01_Kern_BW_Units_Pack_WEB.png); background-color:rgba(237,240,243,1.00); }

.bg-primaer-color { background-color:rgba(237,240,243,1.00); }
.bg-sekundaer-color { background-color:rgba(237,240,243,1.00); }
.bg-kuvertieren-color { background-color:rgba(237,240,243,1.00); }
.bg-digitaldruck-color { background-color:rgba(237,240,243,1.00); }
.bg-software-color { background-color:rgba(237,240,243,1.00); }
.bg-kartenverarbeitung-color { background-color:rgba(237,240,243,1.00); }
.bg-logistik-color { background-color:rgba(237,240,243,1.00); }
.bg-diverse-color { background-color:rgba(237,240,243,1.00); }
.bg-rahmen { border-bottom:1px solid rgba(237,240,243,1.00); }

.bg-logistik2017-color { background-color:rgba(237,240,243,1.00); }
.bg-verpackung-color { background-color:rgba(237,240,243,1.00); }




.icon-container { background-color:transparent; position:absolute; bottom:15px; width:70px; height:70px; background-size:cover; background-repeat:no-repeat; background-position: top left; }
@media (min-width:768px ) {
    .icon-container { bottom:25px; width:90px; height:90px;  }
}
@media (min-width:992px ) {
    .icon-container { bottom:25px; width:110px; height:110px;  }
}

.icon-kuvertieren { background-image:url(../media/kernmail_icon_rgb.png); }
.icon-digitaldruck { background-image:url(../media/kerngraphic_icon_rgb.png); }
.icon-software { background-image:url(../media/kernsoftware_icon_rgb.png); }
.icon-kartenverarbeitung { background-image:url(../media/kerncard_icon_rgb.png); }
.icon-logistik { background-image:url(../media/kernpack_icon_rgb.png); }
.icon-diverse { background-image:url(../media/kern_gf_diverse_rgb.png); }

.icon-logistik2017 { background-image:url(../media/kernterminal_icon_rgb.png); }
.icon-verpackung { background-image:url(../media/kernpack_icon_rgb.png); }
.icon-service { background-image:url(../media/kernservice_icon_rgb.png); }


.headline-line { display:block;	width:40px;	height:3px;	background-color:#3B5A77; margin-top:15px; margin-left:0; }
@media (min-width:768px ) {
    .headline-line { width:60px; height:4px; margin-top:20px; }
}

.headline-line-red { display:block;	width:40px;	height:3px;	background-color:#A53027; margin-top:15px; margin-left:0; }
@media (min-width:768px ) {
    .headline-line-red { width:60px; height:4px; margin-top:20px; }
}

.headline-line-white { display:block;	width:40px;	height:3px;	background-color:#fff; margin-top:15px; margin-bottom: 15px;  margin-left:0; }
@media (min-width:768px ) {
    .headline-line-white { width:60px; height:4px; margin-top:20px; margin-bottom: 20px; }
}


h1, h2, h3, h4, h5, h6 {
    font-family: "nimbus-sans",Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
}

h1 { font-size: 26px; color: #3B5A77; text-align:left; margin-top:19px; line-height: 1.1; }
@media (min-width:768px ) {
    h1 { font-size: 34px; margin-top:36px; }
}
@media (min-width:992px ) {
    h1 { font-size: 44px; margin-top:60px;  }
}

h2 { font-size: 20px; color: #3B5A77; padding:0; margin:0; margin-bottom:10px; line-height:24px; }
@media (min-width:768px ) {
    h2 { font-size: 24px; color: #3B5A77; margin-bottom:16px; line-height:30px; }
}
@media(min-width:992px) {
    h2 { font-size: 26px; color: #3B5A77; margin-bottom:16px; line-height:32px; }
}


h2.year { font-size: 18px; line-height:inherit; text-align:left;}
@media (min-width:480px ) {
    h2.year { font-size: 26px; line-height:26px; text-align:left;}
}

@media (min-width:768px ) {
    h2.year { font-size: 44px; line-height:44px; text-align:left; }
}

h3 { font-size: 18px; color: #3B5A77; padding:0; padding-bottom: 35px; margin:0; }
h3:after { position: absolute; display:block;	width:40px;	height:3px;	background-color:#3B5A77; margin-top:15px; margin-left:0; content: ""; }
@media (min-width:768px ) {
    h3 { font-size: 24px; margin-bottom:10px; }
    h3:after { width:60px; height:4px; margin-top:20px; }
}

/* Ausnahmen H3 */
.product-facts h3:after { background-color: #fff; }

h4 { font-size: 18px; color: #3B5A77; font-weight: 700; padding:0; margin:0; margin-bottom:7px; }
@media (min-width:768px ) {
    h4 { font-size: 20px; margin-bottom:10px; }
}

h5 { font-size: 16px; color: #181716; padding:0; margin:0; margin-bottom:10px; font-style: normal; font-weight: 700; }
@media (min-width:768px ) {
    h5 { font-size: 18px; margin-bottom:10px; }
}

h6 { font-size: 16px; color: #3B5A77; padding:0; margin:0; font-style: normal; font-weight: 700; /*text-transform: uppercase;*/ }
@media (min-width:768px ) {
    h6 { font-size: 16px; }
}

.h5-list-headline,
.h5-list-text { padding-left:14px; }
.h5-list-headline:before {
    content: "\f04d"; /* FontAwesome Unicode */
    font-family: Font Awesome 6 Free;
    display: inline-block;
    margin-left: -14px; /* same as padding-left set on li */
    width: 14px; /* same as padding-left set on li */
    font-size:8px;
    color: #3B5A77;
    vertical-align:2px;
}

strong { font-family: "nimbus-sans",Arial, Helvetica, sans-serif; font-style: normal; font-weight: 700; }
.lowercase { text-transform:lowercase; }

.tinymcewysiwyg p,
.tinymcewysiwyg li { font-size:16px; }
.tinymcewysiwyg p { margin-bottom:15px; }
.tinymcewysiwyg ul { list-style: none; padding: 0; margin-bottom:15px; }
.tinymcewysiwyg li { padding-left: 14px; padding-bottom: 5px; }
.tinymcewysiwyg li:before {
    content: "\f04d"; /* FontAwesome Unicode */
    font-family: Font Awesome 6 Free;
    display: inline-block;
    margin-left: -14px; /* same as padding-left set on li */
    width: 14px; /* same as padding-left set on li */
    font-size:8px;
    color: #3B5A77;
    vertical-align:2px;
}

.product-facts .tinymcewysiwyg li:before { color: #fff; }
.product-facts h3 { color: #fff; }
.product-facts a,
.product-facts a:link { color: #fff !important; }
.product-facts a:hover { opacity: 0.5; }
.products-imgleft { font-size: 2rem; }

.tinymcewysiwyg li a,
.tinymcewysiwyg li a:link { color: #181716; text-decoration:underline; }
.tinymcewysiwyg li a:hover { color: #3B5A77; text-decoration:underline; }

.tinymcewysiwyg p.introtext { color:#919291; padding-top:0; margin-top:0; margin-bottom:20px; }

@media (min-width:768px ) {
    .tinymcewysiwyg p,
    .tinymcewysiwyg li { font-size:16px; }
    .tinymcewysiwyg p { margin-bottom:20px; }
    .tinymcewysiwyg li { padding-left: 20px; }
    .tinymcewysiwyg li:before { font-size:10px; margin-left: -20px; width: 20px; }
    
    .h5-list-headline,
    .h5-list-text { padding-left: 20px; }
    .h5-list-headline:before { font-size:10px; margin-left: -20px; width: 20px; }
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-thumbnail-limit {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

@media (min-width:768px ) {
    .img-thumbnail-limit {
        padding: 4px;
        line-height: 1.42857143;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 0;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        display: inline-block;
        max-width: 50%;
        height: auto;
    }
}

.sec-text-img-lo img, .sec-text-img-ro img { margin-bottom: 20px; }
.sec-text-img-lu img, .sec-text-img-ru img { margin-top: 20px; }


/* ### ### ### LINKBOX ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */

.sec-linkbox { margin-bottom:15px; }
.sec-linkbox .img-thumbnail { margin-bottom:15px; }
.sec-linkbox h2 { margin-bottom:8px; padding-bottom:0; }

@media (min-width:768px ) {
    .sec-linkbox .img-thumbnail { margin-bottom:0; }
    .sec-linkbox h2 { margin-bottom:12px; padding-bottom:0; }
}

/* ### ### ### LINKBOX NEW ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */

.newlinkbox { padding-top:6px; margin-bottom:25px; text-align:left; }
.newlinkbox-left { margin:0; padding:0; padding-right:7px; }
.newlinkbox-right { margin:0; padding:0; padding-left:7px; }

.newlinkbox-bg { margin-left:0; margin-right:0; padding-top:15px; padding-left:15px; padding-right:15px; padding-bottom:15px; }
.newlinkbox .tinymcewysiwyg h2 { margin-top:6px; margin-bottom:0; padding-bottom:0; color:#3B5A77; }
.newlinkbox .tinymcewysiwyg p { margin-bottom:10px; padding-bottom:0; }
.newlinkbox .btn-kern { margin-top:0; margin-bottom:0; }
.newlinkbox .headline-line { display:block;	width:40px;	height:2px;	background-color:#3B5A77; margin-top:5px; margin-bottom:8px; margin-left:0; }

@media (min-width:768px ) {
    .newlinkbox-left { margin:0; padding:0; padding-right:15px; }
    .newlinkbox-right { margin:0; padding:0; padding-left:15px; }
    .newlinkbox-bg { margin-left:0; margin-right:0; padding-top:30px; padding-left:30px; padding-right:30px; padding-bottom:30px; }
    .newlinkbox .tinymcewysiwyg h2 { margin-top:15px; margin-bottom:0; padding-bottom:0; color:#3B5A77; }
    .newlinkbox .tinymcewysiwyg p { margin-bottom:18px; padding-bottom:0; }
    .newlinkbox .headline-line { width:60px;	height:3px; margin-top:10px; margin-bottom:13px; }
}


/* ### ### ### MULTI-LINKBOX ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
.multilink-box {
    border-bottom:1px solid #3B5A77;
    text-align:center;
    padding:0;
    margin-bottom:25px;
    cursor:pointer;
}

.multilink-box .btn-kern { margin-top:10px; margin-bottom:0; font-size:13px; }
.multilink-box h5 { color:#3B5A77; font-size:13px; }

@media (max-width:360px ) {
    .col-xxs { float:left; width:100%; }
    .multilink-box h5 { color:#3B5A77; font-size:14px; }
}

@media (min-width:640px ) {
    .multilink-box .btn-kern { font-size:14px; }
    .multilink-box h5 { color:#3B5A77; font-size:16px; }
}

@media (min-width:992px ) {
    .multilink-box { border-bottom:2px solid #3B5A77; }
    .multilink-box .btn-kern { font-size:14px; padding: 4px 8px; }
    .multilink-box h5 { color:#3B5A77; font-size:16px; }
}

/* ### ### ### STELLEN/JOBS ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
.stellen-download { margin-top:7px; padding-left: 14px; }
.stellen-download-detail { margin-top:7px; }
@media (min-width:768px ) {
    .stellen-download { margin-top:10px; padding-left: 20px; }
    .stellen-download-detail { margin-top:10px; }
}

/* ### ### ### DOWNLOADS ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
.download-section { margin-bottom:25px; }
.downloads-desc { display:inline-block; padding-left:34px; padding-bottom:7px; }
@media (min-width:768px ) {
    .downloads-desc { display:inline-block; padding-left:34px; padding-bottom:10px; }
}

.download-container .btn-kern { background-color:transparent; border-radius: 0; margin: 0; }
.download-container .card { background-color: #EDF0F3; border: 0; border-radius: 0; color:#3B5A77; }
.download-container .card-body { padding-top: 20px; padding-left: 25px; padding-right: 25px; padding-bottom: 0; }
.download-container .card-title { margin: 0; }
.download-container .card-footer {
    padding:0;
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 22px;
    background-color: transparent;
    border-top:0;
}

.download-container .card:after {
    position: absolute;
    bottom:27px;
    right: 77px;
    padding: 0;
    display: inline-block;
    font-weight: normal;
    font-family:FontAwesome;
    font-size:60px;
    line-height: 50px;
    width: 0px !important;
    border:0;
    color: #3B5A77;
}

.download-container .card.card-pdf:after { content: "\f1c1"; }
.download-container .card.card-image:after { content: "\f1c5"; }
.download-container .card.card-excel:after { content: "\f1c3"; }
.download-container .card.card-word:after { content: "\f1c2"; }
.download-container .card.card-powerpoint:after { content: "\f1c4"; }
.download-container .card.card-doc:after { content: "\f016"; }

.download-container .square { width: 100%; height: 0; padding-bottom: 100%; }

/* ### ### ### LIGHTBOX ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
#imagelightbox
{
    position: fixed;
    z-index: 9999;
    
    -ms-touch-action: none;
    touch-action: none;
}

#imagelightbox-overlay {
    background-color: #fff;
    background-color: rgba( 255, 255, 255, .85 );
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#imagelightbox-caption {
    text-align: center;
    color: #fff;
    background-color: #3B5A77;
    position: fixed;
    z-index: 10001;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.625em; /* 10 */
}

/* CLOSE BUTTON */

#imagelightbox-close {
    width: 2.5em;
    height: 2.5em;
    text-align: left;
    background-color: #3B5A77;
    border:none;
    position: fixed;
    z-index: 10002;
    top: 2.5em;
    right: 2.5em;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}

#imagelightbox-close:hover,
#imagelightbox-close:focus { background-color: #6b8399; }

#imagelightbox-close:before,
#imagelightbox-close:after {
    width: 2px;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px;
}

#imagelightbox-close:before {
    -webkit-transform: rotate( 45deg );
    -ms-transform: rotate( 45deg );
    transform: rotate( 45deg );
}

#imagelightbox-close:after {
    -webkit-transform: rotate( -45deg );
    -ms-transform: rotate( -45deg );
    transform: rotate( -45deg );
}

/* ARROWS */
.imagelightbox-arrow {
    width: 2.5em;
    height: 2.5em;
    background-color: #3B5A77;
    vertical-align: middle;
    display: none;
    position: fixed;
    z-index: 10001;
    top: 50%;
    margin-top: -1.25em;
    border:none;
    background-repeat:no-repeat;
    background-size:cover;
}

.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus { background-color: #6b8399; }
.imagelightbox-arrow:active { background-color: #3B5A77; }

.imagelightbox-arrow-left { left: 2.5em; background-image:url(../media/menu-bottom-left.png); }
.imagelightbox-arrow-right { right: 2.5em; background-image:url(../media/menu-bottom-right.png); }

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow
{
    -webkit-animation: fade-in .25s linear;
    animation: fade-in .25s linear;
}

@-webkit-keyframes fade-in {
    from	{ opacity: 0; }
    to		{ opacity: 1; }
}

@keyframes fade-in {
    from	{ opacity: 0; }
    to		{ opacity: 1; }
}

@media only screen and (max-width: 41.250em) /* 660 */ {
    #imagelightbox-close { top: 1.25em; right: 1.25em; }
    #imagelightbox-nav { bottom: 1.25em; }
    .imagelightbox-arrow { width: 2.5em; height: 2.5em; margin-top: -1.25em; }
    .imagelightbox-arrow-left { left: 1.25em; }
    .imagelightbox-arrow-right { right: 1.25em; }
}

@media only screen and (max-width: 20em) {
    .imagelightbox-arrow-left { left: 0; }
    .imagelightbox-arrow-right { right: 0; }
}

/* ### ### ### BUTTON-KERN ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
.btn-kern {
    display: inline-block;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #3B5A77 !important;
    background-color: #fff;
    border-color: #3B5A77;
}

.btn-kern:hover,
.btn-kern:focus,
.btn-kern.focus { text-decoration: none; color: #fff !important; background-color: #3B5A77; border-color: #3B5A77; }

.btn-kern:active,
.btn-kern.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

@media(min-width:768px) {
    .btn-kern { margin-bottom: 20px; padding: 6px 12px; font-size: 16px; line-height: 1.42857143; }
}

.btn-kern-dark {
    display: inline-block;
    margin-top:6px;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 4px 10px;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff !important;
    background-color: #3B5A77;
    border-color: #3B5A77;
}

.btn-kern-dark:hover,
.btn-kern-dark:focus,
.btn-kern-dark.focus { text-decoration: none; color: #fff !important; background-color: #3B5A77; border-color: #3B5A77; }

.btn-kern-dark:active,
.btn-kern-dark.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

@media(min-width:768px) {
    .btn-kern-dark { margin-bottom: 14px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; }
}

/* ### ### ### ARTIKEL-NAVIGATION ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
.artnav-container { text-align:center; background-color:#fff; padding-bottom:25px; }
.artnav-hidden { display:none; }

.artnav {
    display:inline-block;
    width:30px;
    height:30px;
    background-color:#3B5A77;
    padding:0;
    margin:0;
    background-repeat:no-repeat;
    background-size:cover;
}

.artnav:hover {	background-color:#6b8399; }

.artnav-up { margin-left:10px; margin-right:10px; background-image:url(../media/menu-bottom-up.png); }
.artnav-up-right { background-image:url(../media/menu-bottom-up-right.png); }
.artnav-left { background-image:url(../media/menu-bottom-left.png);	}
.artnav-right { background-image:url(../media/menu-bottom-right.png);	}

/* ### ### ### PRODUKTE ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */

/* KATEGORIEN HEAD */
.img-categories { width:100%; margin-left:auto; margin-right:auto; }
@media(min-width:480px) {
    .img-categories { width:75%; }
}

@media(min-width:640px) {
    .img-categories { width:50%; }
}

@media(min-width:768px) {
    .img-categories { width:65%; }
}

@media(min-width:992px) {
    .img-categories { width:100%; }
}

.product-facts { background-color: #3B5A77; color: #fff; padding-top: 20px; padding-left: 25px; padding-right: 25px; padding-bottom: 10px; }
.product-services { background-color: #EDF0F3; padding-top: 20px; padding-left: 25px; padding-right: 25px; padding-bottom: 10px; }

.text-container h2 { padding-bottom:10px; margin-bottom:0; }
.text-container p { font-size:14px; color:#919291; padding-top:0; margin-top:0; }

.kern-documents-container { padding:0; margin-top:0; margin-bottom:20px; }
.kern-documents-container h3 { padding:0; margin:0; margin-bottom:10px; }
.kern-documents-container p { display:block; margin-bottom:0; padding-bottom:5px; }
.kern-documents-size { color:#919291; display:inline-block; margin-left:7px; }

.document-pdf,
.document-image,
.document-excel,
.document-word,
.document-powerpoint,
.document-doc,
.link-ext,
.link-int,
.social-facebook,
.social-twitter,
.social-linkedin,
.social-google,
.social-flickr,
.social-youtube,
.com-phone,
.com-fax,
.com-email,
.date-cal,
.blog-rss,
.map-marker,
.map-info { display:block; padding-left:34px; margin-bottom:2px; }

@media (min-width:768px ) {
    .document-pdf,
    .document-image,
    .document-excel,
    .document-word,
    .document-powerpoint,
    .document-doc,
    .link-ext,
    .link-int,
    .social-facebook,
    .social-twitter,
    .social-linkedin,
    .social-google,
    .social-flickr,
    .social-youtube,
    .com-phone,
    .com-fax,
    .com-email,
    .date-cal,
    .blog-rss,
    .map-marker,
    .map-info { display:block; padding-left:34px; margin-bottom:5px; }
}

.document-pdf:before,
.document-image:before,
.document-excel:before,
.document-word:before,
.document-powerpoint:before,
.document-doc:before,
.link-ext:before,
.link-int:before,
.social-facebook:before,
.social-twitter:before,
.social-linkedin:before,
.social-google:before,
.social-flickr:before,
.social-youtube:before,
.com-phone:before,
.com-fax:before,
.com-email:before,
.date-cal:before,
.blog-rss:before,
.map-marker:before,
.map-info:before { font-family:FontAwesome; font-size:20px; width:24px; display:inline-block; padding-left:2px; margin-right:10px; margin-left:-34px; }

.document-pdf:before { content: "\f1c1"; }
.document-image:before { content: "\f1c5"; }
.document-excel:before { content: "\f1c3"; }
.document-word:before { content: "\f1c2"; }
.document-powerpoint:before { content: "\f1c4"; }
.document-doc:before { content: "\f016"; }
.link-ext:before { content: "\f08e"; }
.link-int:before { content: "\f0c1"; }
.social-facebook:before { content: "\f082"; }
.social-twitter:before { content: "\f081"; }
.social-linkedin:before { content: "\f08c"; }
.social-google:before { content: "\f0d4"; }
.social-flickr:before { content: "\f16e"; }
.social-youtube:before { content: "\f166"; }
.com-phone:before { content: "\f095"; }
.com-fax:before { content: "\f1ac"; }
.com-email:before { content: "\f003"; }
.date-cal:before { content: "\f133"; }
.blog-rss:before { content: "\f09e"; }
.map-marker:before { content: "\f041"; }
.map-info:before { content: "\f05a"; }



a.document-pdf:hover:before,
a.document-image:hover:before,
a.document-excel:hover:before,
a.document-word:hover:before,
a.document-powerpoint:hover:before,
a.document-doc:hover:before,
a.link-ext:hover:before,
a.link-int:hover:before,
a.social-facebook:hover:before,
a.social-twitter:hover:before,
a.social-linkedin:hover:before,
a.social-google:hover:before,
a.social-flickr:hover:before,
a.social-youtube:hover:before,
a.com-phone:hover:before,
a.com-fax:hover:before,
a.com-email:hover:before,
a.date-cal:hover:before,
a.blog-rss:hover:before,
a.map-marker:hover:before,
a.map-info:hover:before { transform: scale(1.35) translateX(2px); }

a.document-pdf,
a.document-image,
a.document-excel,
a.document-word,
a.document-powerpoint,
a.document-doc,
a.link-ext,
a.link-int,
a.social-facebook,
a.social-twitter,
a.social-linkedin,
a.social-google,
a.social-flickr,
a.social-youtube,
a.com-phone,
a.com-fax,
a.com-email,
a.date-cal,
a.blog-rss,
a.map-marker,
a.map-info { color: #3B5A77 !important; text-decoration:none !important; }

.color-link-box-l a.document-pdf,
.color-link-box-l a.document-image,
.color-link-box-l a.document-excel,
.color-link-box-l a.document-word,
.color-link-box-l a.document-powerpoint,
.color-link-box-l a.document-doc,
.color-link-box-l a.link-ext,
.color-link-box-l a.link-int,
.color-link-box-l a.social-facebook,
.color-link-box-l a.social-twitter,
.color-link-box-l a.social-linkedin,
.color-link-box-l a.social-google,
.color-link-box-l a.social-flickr,
.color-link-box-l a.social-youtube,
.color-link-box-l a.com-phone,
.color-link-box-l a.com-fax,
.color-link-box-l a.com-email,
.color-link-box-l a.date-cal,
.color-link-box-l a.blog-rss,
.color-link-box-l a.map-marker,
.color-link-box-l a.map-info { color: #ffffff !important; text-decoration:none !important; }



a.document-pdf:hover,
a.document-image:hover,
a.document-excel:hover,
a.document-word:hover,
a.document-powerpoint:hover,
a.document-doc:hover,
a.link-ext:hover,
a.link-int:hover,
a.social-facebook:hover,
a.social-twitter:hover,
a.social-linkedin:hover,
a.social-google:hover,
a.social-flickr:hover,
a.social-youtube:hover,
a.com-phone:hover,
a.com-fax:hover,
a.com-email:hover,
a.date-cal:hover,
a.blog-rss:hover,
a.map-marker:hover,
a.map-info:hover { color: #181716 !important; text-decoration:none !important; }




/*a:hover i { transform: scale(2); }*/

@media (min-width:768px ) {
    .tab-content {
        border-bottom: 5px solid #3B5A77;
        margin-bottom: 30px;
        margin-top: 15px;
        padding-bottom:25px;
    }
    
    .tab-content p { font-size:16px; }
    .text-container p { font-size:16px; }
    
    .kern-documents a { line-height: 32px; height: 32px; font-size:16px; }
    .kern-documents a:hover .fa { font-size: 28px; vertical-align: -3px; }
    
}

.img-gal{
    margin-bottom:30px;
    display: block;
    position: relative;
}

.img-gal-colorbg {
    background-color: #EDF0F3;
}

.img-gal-colorbg-gray { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(208,208,208,1) 100%); }
.img-gal-colorbg-blue { background-color: #3B5A77; }
.img-gal-colorbg-blue-light { background-color: #EDF0F3; }

.img-gal:hover > .img-gal-hover {
    opacity: 1;
    transition: all 0.5s ease 0s;
}

.img-gal-hover {
    background-color: #EDF0F3;
    position: absolute;
    display: block;
    width: 100%;
    height: 100.5%;
    z-index: 999;
    opacity: 0;
}

.grid { width:100%; }
.grid:after { content: ''; display: block; clear: both; }

.grid-sizer,
.grid-item { width: 45%; }
.grid-item { display:block; margin-bottom:27px; }
.gutter-sizer { width: 10%; }

@media(min-width:360px) {
    .grid-sizer,
    .grid-item { width: 45.5%; }
    .grid-item { margin-bottom:27px; }
    .gutter-sizer { width: 9%; }
}

@media(min-width:480px) {
    .grid-sizer,
    .grid-item { width: 46.5%; }
    .grid-item { margin-bottom:30px; }
    .gutter-sizer { width: 7%; }
}

@media(min-width:640px) {
    .grid-sizer,
    .grid-item { width: 47%; }
    .grid-item { margin-bottom:35px; }
    .gutter-sizer { width: 6%; }
}

@media(min-width:768px) {
    .grid-sizer,
    .grid-item { width: 29.667%; }
    .grid-item { margin-bottom:40px; }
    .gutter-sizer { width: 5.5%; }
}

@media(min-width:992px) {
    .grid-sizer,
    .grid-item { width: 19.75%; }
    .gutter-sizer { width: 7%; }
}

@media(min-width:1199px) {
    .grid-sizer,
    .grid-item { width: 19.75%; }
    .gutter-sizer { width: 7%; }
}

/* ### ### ### MAPS BANNER ### ### ### ### ### ### ### ### ### ### ### ### ### */
.map_container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% )*/
    /*padding-bottom: 65%; */
    background-color:transparent;
}

.map_container #map_canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:transparent;
}

@media(min-width:768px) {
    .map_container { height:500px; padding-bottom:0;	}
}

/* ### ### ### MAPS MODUL ### ### ### ### ### ### ### ### ### ### ### ### ### */
.map_mod_section { margin-bottom:25px; padding-bottom:25px; }
.map_mod_container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% )*/
    /*padding-bottom: 65%; */
    background-color:transparent;
}

.map_mod_container .map_mod {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:transparent;
}

@media(min-width:768px) {
    .map_mod_container { height:300px; padding-bottom:0;	}
}

/* ### ### ### FORMULAR ### ### ### ### ### ### ### ### ### ### ### ### ### */
.yform { margin-bottom:25px; }
.yform .jumbotron { padding: 2rem 2rem 1rem 2rem; }
.yform .formmediafile { padding: 5px; border: 1px solid #3B5A77; }
.yform .has-error input { background-color:rgba(165,48,39,0.15); border-color:#A53027; }
.yform .radio.has-error { color:#A53027; }
.yform .has-error.formcheckbox label,
.yform .has-error.checkbox label{ color: #A53027; }
/*.yform .alert { display:none; }*/
#yform-formular-stamp { display:none; }
.yform .checkbox { padding-left: 25px; }
.yform .checkbox label input[type=checkbox] { margin-left: -25px; }
.yform .radio { padding-left: 25px; }
.yform .radio label input[type=radio] { margin-left: -25px; }
.yform input[type="radio"], .yform  input[type="checkbox"] { margin-right: 8px; }
#anmeldeform .control-label { font-weight: 700; /*color:#3B5A77;*/ }

.open-house .yform .alert { display:block; }

.input-group-prepend .input-group-text { padding: .2rem .25rem; }
.input-group-prepend .input-group-text img { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; }

ul.form_warning {
    display:none;
    border: 1px solid #CFCFCF;
    background-color: #F2F2F2;
    padding: 16px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    margin-bottom: 32px;
    text-align: center;
    list-style-type: none;
    
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.formtext {	margin-bottom:15px; }


@media (min-width: 768px) {
    ul.form_warning {
        width: 750px;
    }
}
@media (min-width: 992px) {
    ul.form_warning {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    ul.form_warning {
        width: 1170px;
    }
}

.form_warning { color:#A53027; }


.forminfo {
    background-color:rgba(237,245,250,1.00);
    border:1px solid #6b8399;
    padding:15px;
    margin-bottom:25px;
}

.form-control {
    font-size: 16px;
    color: #181716;
    background-color:transparent;
    background-image: none;
    border: 1px solid #6b8399;
    border-radius: 2px;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.rex-xform .form-group { clear:both; }
.rex-xform .control-label { display:block; }
.rex-xform .radio { display:inline-block; margin-right:15px; margin-top:0; }

@media (min-width: 768px) {
    .form-control {
        font-size: 16px;
    }
}

/* ### ### ### FOOTER ### ### ### ### ### ### ### ### ### ### ### ### ### */
footer {
    border-top: 3px solid #3B5A77;
    margin:0;
    padding: 20px;
    color: #fff;
    font-size:13px;
    background-color:#6b8399;
}

@media (min-width:768px ) {
    footer { border-top: 6px solid #3B5A77; padding: 30px 0 40px 0; font-size:14px; }
}

footer .flinks { margin-bottom:20px; }
footer .flinks i { margin-right: 5px; }
footer .f-logo { float:left; margin-right:30px; }

@media (max-width:374px ) {
    footer .flinks .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    footer .f-logo { margin-top: 15px; margin-bottom: 25px; }
}

footer address { display: table-cell; }
footer address p {	margin: 0 0 20px; }
footer address .label-text { display: inline-block; width: 50px; }

@media (min-width:768px ) {
    footer address .label-text { display: inline-block; width: 50px; }
}

/* ### ### ### SITEMAP ### ### ### ### ### ### ### ### ### ### ### ### ### */

#sitemap { text-align:left; margin-bottom:25px; }

#sitemap ul > li:before {
    content: "\f105";
    display:inline-block;
    padding-right:5px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color:#A53027;
    line-height:20px;
}

#sitemap li { padding-bottom: 15px; }
#sitemap li li { padding-bottom: 0; }

#sitemap li a { padding: 0; padding-top: 5px; padding-bottom: 5px; padding-left:5px; font-weight: 700; }
#sitemap li a:hover { color: #919291; text-decoration: none; }
#sitemap li li a { padding: 0; padding-top: 5px; padding-bottom: 5px; padding-left:5px; font-weight: 400; }

#sitemap ul ul { margin-left:15px; margin-bottom: 10px !important; }


/* ### ### ### MODAL COUNTRIES ### ### ### ### ### ### ### ### ### ### ### ### ### */
.modal-dialog h1 { text-align:center; margin-top:15px; padding-top:0; }
@media (min-width: 992px) {
    .modal-dialog {
        width: 400px;
    }
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    border:none;
}

.modal-body {
    position: relative;
    padding-top:15px;
    padding-bottom:30px;
}

.modal-body ul { text-align:center; }
.modal-body li { padding-bottom:3px; }
.modal-footer { border-top: none; }

/* ### ### ### HISTORY / GESCHICHTE ### ### ### ### ### ### ### ### ### ### ### ### ### */
.history .tinymcewysiwyg p { padding-bottom:15px; margin-bottom:0; }
.history h3 { color:#3B5A77; font-style: normal; font-weight: 700; text-align:right; font-size:24px; }
.history h3:after { background-color: transparent; width: 0; height: 0; margin: 0; padding: 0; }
.history-image { padding-bottom:19px; margin-bottom:15px; border-bottom:1px solid #6b8399; }


/* ### ### ### Ansprechpartner ### ### ### ### ### ### ### ### ### ### ### ### ### */
.sec-ansprechpartner { margin-bottom:25px; }
.sec-ansprechpartner h5 { margin-bottom:15px; }

/* ### ### ### Medien ### ### ### ### ### ### ### ### ### ### ### ### ### */
.medien { margin-bottom:25px; }

/* ### ### ### Gesellschaften ### ### ### ### ### ### ### ### ### ### ### ### ### */
.sec-gesellschaften { margin-bottom:25px; }
.sec-gesellschaften-column-a { padding-right:15px; }
.sec-gesellschaften table { margin-bottom:15px; }
@media (min-width:768px ) {
    .sec-gesellschaften-address { padding-top:6px; }
}

/* ### ### ### Karriere ### ### ### ### ### ### ### ### ### ### ### ### ### */
.karriere-preview { margin-top:50px; margin-bottom:50px; }
.karriere-preview p { margin-bottom:5px; }
.karriere-item-list { margin-bottom:15px; }
.karriere-item-list .h5-list-text { padding-bottom:0; margin-bottom:0; }
.karriere-item-list .kern-documents { padding-left:14px; margin-top:5px; }
@media (min-width:768px ) {
    .karriere-item-list .kern-documents { padding-left:20px; }
}

/* ### ### ### FAQ ### ### ### ### ### ### ### ### ### ### ### ### ### */
.faq .dropdown-menu,
.faq .dropdown-toggle { font-size:14px; padding-right: 35px; background-color: #3B5A77; border-color: #3B5A77; }
.faq .dropdown-toggle::after { right: 26px; }

.faq .dropdown-menu,
.faq .dropdown-menu a { word-wrap: break-word; white-space: normal;}
@media (min-width:768px ) {
    .faq .dropdown-menu,
    .faq .dropdown-toggle { font-size:16px; }
}
.faq .dropdown { margin-bottom:25px; }
.faq-item { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #6b8399; }
.faq-item ul { margin-bottom:0; padding-bottom:0; }
.faq-item h2 i { padding-right:15px; }

.faq-item h2 { font-size: 18px; color: #181716; padding:0; margin:0; margin-bottom:10px; line-height:22px; }
@media (min-width:768px ) {
    .faq-item h2 { font-size: 24px; margin-bottom:16px; line-height:30px; }
}

.faq-item h3 { font-size: 14px; color: #181716; padding:0; margin:0; margin-bottom:5px; }
@media (min-width:768px ) {
    .faq-item h3 { font-size: 18px; margin-bottom:5px; }
}


/* ### ### ### NEWS/EVENTS ### ### ### ### ### ### ### ### ### ### ### ### ### */
.news-overview,
.events-overview  { padding-top:6px; margin-bottom:25px; text-align:left; background-color:#fff; }

.news-overview-bg { margin-left:0; margin-right:0; padding-top:15px; padding-left:15px; padding-right:15px; padding-bottom:15px; }
.news-overview .tinymcewysiwyg h2 { margin-top:6px; margin-bottom:0; padding-bottom:0; color:#3B5A77; }
.news-overview .tinymcewysiwyg h3 { font-weight: 700; }
.news-overview .tinymcewysiwyg p { margin-bottom:10px; padding-bottom:0; }
.news-overview .btn-kern { margin-top:15px; margin-bottom:0; }
.news-overview .headline-line { display:block;	width:40px;	height:2px;	background-color:#3B5A77; margin-top:5px; margin-bottom:8px; margin-left:0; }

@media (min-width:768px ) {
    .news-overview-bg { margin-left:0; margin-right:0; padding-top:30px; padding-left:30px; padding-right:30px; padding-bottom:30px; }
    .news-overview .tinymcewysiwyg h2 { margin-top:15px; margin-bottom:0; padding-bottom:0; color:#3B5A77; }
    .news-overview .tinymcewysiwyg p { margin-bottom:18px; padding-bottom:0; }
    .news-overview .headline-line { width:60px;	height:3px; margin-top:10px; margin-bottom:13px; }
}

.news-overview-infos { color:#6b8399; display:block; font-size:14px; margin-top:15px; padding-bottom:8px; border-bottom:1px solid #6b8399; }
@media (min-width:480px ) {
    .btn-news { margin-left:15px; }
}
/* ### ### ### EVENTS-OVERVIEW ### ### ### ### ### ### ### ### ### ### ### ### ### */
.events-overview-bg { margin-left:0; margin-right:0; padding-top:15px; padding-left:15px; padding-right:15px; padding-bottom:15px; }
.events-overview .tinymcewysiwyg h3 { font-weight: 700; }
.events-overview .tinymcewysiwyg p { margin-bottom:0; padding-bottom:0; }
.events-overview .btn-kern { margin-top:15px; margin-bottom:0; }
.events-overview .headline-line { display:block;	width:40px;	height:2px;	background-color:#3B5A77; margin-top:5px; margin-bottom:8px; margin-left:0; }

@media (min-width:768px ) {
    .events-overview-bg { margin-left:0; margin-right:0; padding-top:30px; padding-left:30px; padding-right:30px; padding-bottom:30px; }
    .events-overview .tinymcewysiwyg p { margin-bottom:0; padding-bottom:0; }
    .events-overview .headline-line { width:60px;	height:3px; margin-top:10px; margin-bottom:13px; }
}

.events-overview-zeitraum { display:block; font-weight: 700; color:#3B5A77; /*text-transform: uppercase;*/ }
.events-overview-ort { display:block; padding-bottom:15px; font-weight: 700; color:#3B5A77; }
.events-overview-kern { margin-top:25px; }
.events-overview-kern p { margin-bottom:18px !important; }
.events-overview-infos { color:#6b8399; display:block; font-size:14px; margin-top:15px; padding-bottom:8px; border-bottom:1px solid #6b8399; }

.news-article { margin-bottom:15px; }
@media (min-width:768px ) {
    .news-article { margin-bottom:25px; }
}

.events-row { padding-bottom: 2.5rem; margin-bottom: 2.5rem; position: relative; }
.events-row:after { content: ""; display: block; border-bottom: 1px solid #6b8399; position: absolute; bottom: 0; left: 15px; right: 15px; }


/* ### ### ### NEWS/EVENTS BOX ### ### ### ### ### ### ### ### ### ### ### ### ### */
#newsevents { background-color:transparent; padding-top:45px; padding-bottom:90px; }

#newsevents-news { margin-bottom: 45px;}
@media (min-width:768px ) {
    #newsevents-news { margin-bottom: 0;}
}

#newsevents .newsevents-headline { cursor:pointer; }
#newsevents .newsevents-headline h4 { color:#3B5A77; border: 0; padding: 0; margin: 0; font-size: 18px; position: relative; }
#newsevents .newsevents-headline h4 a,
#newsevents .newsevents-headline h4 a:link { color:#3B5A77; }
#newsevents .newsevents-headline h4 a:hover { color:#181716; }

#newsevents .newsevents-headline h4:after {
    position: absolute;
    top:0;
    right: 35px;
    padding: 0;
    display: inline-block;
    font-weight: normal;
    font-family:FontAwesome;
    font-size:60px;
    line-height: 30px;
    width: 0px !important;
    border:0;
    color: #A53027;
    content: "\F106";
}

@media (min-width:768px ) {
    #newsevents .newsevents-headline h4 { font-size: 24px; }
}

#newsevents-events.inactive .newsevents-headline h4::after,
#newsevents-news.inactive .newsevents-headline h4::after{ content: "\F107"; }

#newsevents-events.inactive .newsevents-content-events,
#newsevents-news.inactive .newsevents-content-news {
    display: none;
}

#newsevents .newsevents-content a { margin-top: 20px; display: block; }
#newsevents .newsevents-content a:hover { opacity: 0.5; }
#newsevents .newsevents-content a, #newsevents .newsevents-content h6 { color:#3B5A77; }

#newsevents .newsevents-content a.btn-kern { display: inline-block; }


/* ### ### ### NEWS-DETAILS ### ### ### ### ### ### ### ### ### ### ### ### ### */
#news-details {}

#news-details h2 { font-weight: 700; padding: 0; margin: 0; margin-bottom: 10px; }
#news-details h4.news-leadin { font-size: 18px; color: #3B5A77; line-height: 1.2; font-weight: 400; }
.news-footer h6 { text-transform: inherit; }

@media (min-width:768px ) {
    #news-details h2 { margin-bottom: 18px; }
    #news-details h4.news-leadin { font-size: 20px; }
}

#news-details .news-footer { border-top:1px solid #6b8399; padding-top:20px; color:#3B5A77; clear:both; }

#news-details .news-details-img { padding-top:0; padding-left: 0; padding-right:0; padding-bottom:15px; }
@media (min-width:992px ) {
    #news-details .news-details-img { padding-top:4px; padding-left: 0; padding-right:20px; padding-bottom:15px; }
}

#news-more a { display: block; color: #3B5A77; }
#news-more a:hover { opacity: 0.5; }
#news-more .headline-line-red { margin-bottom: 20px; }
#news-more .headline-line-red:last-child { display: none; }

/* ### ### ### ### ICONLINK ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
.iconlink-container { padding-top: 20px; padding-bottom: 20px; }

.iconlink-box {
    display: block;
    position: relative;
    height: 0;
    margin-bottom: 30px;
    width: 100%;
    padding-bottom: 100%;
    background-repeat:no-repeat;
    background-size: contain;
    background-position: bottom;
    opacity: 1;
    transition: all 0.35s ease 0s;
}
.iconlink-box:hover > .iconlink-title { opacity: 1; transition: all 1s ease 0s;  }

.iconlink-box-1 { background-image:url(../media/kernmail_icon_rgb.png); }
.iconlink-box-2 { background-image:url(../media/kerngraphic_icon_rgb.png); }
.iconlink-box-3 { background-image:url(../media/kernsoftware_icon_rgb.png); }
.iconlink-box-4 { background-image:url(../media/kernterminal_icon_rgb.png); }
.iconlink-box-5 { background-image:url(../media/kernpack_icon_rgb.png); }
.iconlink-box-6 { background-image:url(../media/kerncard_icon_rgb.png); }
.iconlink-box-7 { background-image:url(../media/kernservice_icon_rgb.png); }

.iconlink-title-blue { background-color: #3B5A77; color: #fff; }


@media (max-width: 767px) {
    .iconlink-box { margin-bottom: 47px; }
    .iconlink-title {
        position: absolute;
        display: block;
        width: 100%;
        font-size: 18px;
        border-radius: 100%;
        opacity: 1;
        margin-bottom:-28px;
        bottom: 0;
    }
    .iconlink-title-blue { background-color: transparent; color: #3B5A77; }
    .iconlink-box:hover { opacity: 0.5; transition: all 1s ease 0s;  }
}

@media (max-width: 576px) {
    .iconlink-box { margin-bottom: 40px; }
    .iconlink-title {
        font-size: 16px;
        margin-bottom:-25px;
    }
}

@media (max-width: 374px) {
    .iconlink-box { margin-bottom: 35px; }
    .iconlink-title {
        font-size: 13px;
        margin-bottom:-25px;
    }
}

@media (min-width: 768px) {
    .iconlink-title { position: absolute; width: 100%; height: 100%; font-size: 20px; border-radius: 100%; opacity: 0; }
}

@media (min-width: 992px) {
    .iconlink-title { font-size: 18px; }
}

@media (min-width: 1200px) {
    .iconlink-title { font-size: 22px; }
}

/* ### ### ### ### BLOG ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */

@media (max-width: 1023px) {
    .blog-right-col { padding-bottom: 45px; }
}
.blog-ul { margin-bottom: 30px; }
.blog-ul li { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #6b8399; }

#pagination { padding-top: 5px; border-top: 1px solid #6b8399; }

.blog-left-col h2 { margin-top:6px; margin-bottom:0; padding-bottom:0; color:#3B5A77; }
.blog-left-col .headline-line { display:block;	width:40px;	height:2px;	background-color:#3B5A77; margin-top:5px; margin-bottom:8px; margin-left:0; }
@media (min-width:768px ) {
    .blog-left-col h2 { margin-top:15px; margin-bottom:0; padding-bottom:0; color:#3B5A77; }
    .blog-left-col .newlinkbox .headline-line { width:60px;	height:3px; margin-top:10px; margin-bottom:13px; }
}

h3.blog { color: #919291; margin-bottom:16px; line-height:32px; }

/* ### ### ### ### SOCIAL-CONTAINER ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
#container-social { background-color:#3B5A77; height: 30px; }
.spacer-social { height:100%; width:3px; display: inline-block; background-color:#EDF0F3; }
.btn-social { width: 30px; height: 100%; text-align: center; color: #fff; }
.btn-social:hover { color: #fff; opacity: 0.5; }
.btn-social:before { font-family:FontAwesome; font-size:16px; line-height: 31px;}
.btn-facebook:before { content: "\F09A"; }
.btn-youtube:before { content: "\F16A"; }
.btn-xing:before { content: "\F168"; }
.btn-linkedin:before { content: "\F0E1"; }
.btn-twitter:before { content: "\F099"; }

@media (min-width: 768px) {
    #container-social { padding-right: 45px; }
}

@media (min-width: 992px) {
    #container-social { padding-right: 33px; }
}

@media (min-width: 992px) {
    #container-social { height: 40px; }
    .spacer-social { width:4px; }
    .btn-social { width: 40px; }
    .btn-social:before { font-size:21px; line-height: 41px;}
}

@media (min-width: 1200px) {
    #container-social { height: 45px; }
    .spacer-social { width:4px; }
    .btn-social { width: 45px; }
    .btn-social:before { font-size:25px; line-height: 48px;}
}


/* ### ### ### ### YOUTUBE ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
.youtube-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.youtube-container iframe,
.youtube-container object,
.youtube-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ### ### ### ### BANNER-VIDEO ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
.videobanner-container {
    position: relative;
    overflow: hidden;
    height: 120px;
    margin-top:60px;
    background-size: cover;
    background-repeat: no-repeat;
}

.pot-container .videobanner-container { height: 170px; }


@media (min-width:576px ) {
    .videobanner-container { margin-top:105px; }
    .pot-container .videobanner-container { height: 175px; }
}

@media (min-width:768px ) {
    .videobanner-container { height: 200px; overflow: hidden; }
    .pot-container .videobanner-container { height: 275px; }
}

@media (min-width:992px ) {
    .videobanner-container { height: 250px; }
    .pot-container .videobanner-container { height: 330px; }
}

@media (min-width:1200px ) {
    .videobanner-container { height: 325px; }
    .pot-container .videobanner-container { height: 395px; }
}

.videobanner-container iframe,
.videobanner-container video {
    width: 100vw;
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*.videobanner-container iframe,
.videobanner-container object,
.videobanner-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}*/

/* ### ### ### ### COLOR-LINK-BOX ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
.color-link-box { margin-bottom: 30px; }
.color-link-box-txt { padding: 40px; }
.color-link-box-img { background-repeat: no-repeat; background-position: left; background-size: cover; width: 100%; height: 100%; }

@media (max-width: 767px) {
    .color-link-box-img { height:0; padding-bottom: 27.5%; }
    .color-link-box-txt { padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 5px; }
}

.color-link-box-txt ul { list-style: none; padding: 0; margin-bottom:15px; }
.color-link-box-txt li { padding-left: 14px; padding-bottom: 5px; }
.color-link-box-txt li:before {
    content: "\f04d"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -14px; /* same as padding-left set on li */
    width: 14px; /* same as padding-left set on li */
    font-size:8px;
    vertical-align:2px;
}

.color-link-box-col { display: block; height:100%; }

.color-link-box-row .color-link-box-col.color-link-box-col-l { background-color:transparent; }
.color-link-box-row .color-link-box-col.color-link-box-col-r { background-color:transparent; }

.color-link-box-row-gray .color-link-box-col.color-link-box-col-l,
.color-link-box-row-gray .color-link-box-col.color-link-box-col-r {
    background: rgb(102,102,102);
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(208,208,208,1) 100%);
}

.color-link-box-row-blue .color-link-box-col.color-link-box-col-l { background-color:#EDF0F3; }
.color-link-box-row-blue .color-link-box-col.color-link-box-col-r { background-color:#3B5A77; }

.color-link-box-link .row {
    transition: all 0.5s ease 0s;
}

.color-link-box-link:hover .row {
    opacity: 0.5;
    filter: alpha(opacity=50);
    transition: all 0.5s ease 0s;
}

.color-link-box-r { background-color:#EDF0F3; color:#3B5A77; }
.color-link-box-r p a { color:#3B5A77; text-decoration: underline; }
.color-link-box-r p a:hover { color:#3B5A77; text-decoration: underline; opacity: 0.5; }

.color-link-box-l { background-color:#3B5A77; color:#fff; }
.color-link-box-l p a { color:#fff; text-decoration: underline; }
.color-link-box-l p a:hover { color:#fff; text-decoration: underline; opacity: 0.5; }

.color-link-box-l h3 { color:#fff; }
.color-link-box-l h3:after { background-color: #fff; }

.color-link-box-r li:before { color: #3B5A77; }
.color-link-box-l li:before { color: #ffffff; }


/* ### ### ### ### COLOR-MULTI-LINK-BOX ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
.cmlb { margin-bottom: 30px; }
.cmlb h3 { font-size: 20px; }
.cmlb-txt-container .btn-kern { position: absolute; left:35px; bottom: 0; background-color: transparent; border-radius: 0; }
.cmlb-img { background-repeat: no-repeat; background-position: left; width: 100%; height: 100%; }
.cmlb-img-container { width: 100%; height: 100%; }

.cmlb-txt-container.card-cmlb:after {
    position: absolute;
    bottom:20px;
    right: 85px;
    padding: 0;
    display: inline-block;
    font-weight: normal;
    font-family:FontAwesome;
    font-size:60px;
    line-height: 50px;
    width: 0px !important;
    border:0;
    color: #3B5A77;
}

@media (min-width: 992px) {
    .cmlb-txt-container.card-cmlb:after {
        bottom:25px;
        right: 85px;
    }
}

.cmlb-txt-container.card-cmlb.card-pdf:after { content: "\f1c1"; }
.cmlb-txt-container.card-cmlb.card-image:after { content: "\f1c5"; }
.cmlb-txt-container.card-cmlb.card-excel:after { content: "\f1c3"; }
.cmlb-txt-container.card-cmlb.card-word:after { content: "\f1c2"; }
.cmlb-txt-container.card-cmlb.card-powerpoint:after { content: "\f1c4"; }
.cmlb-txt-container.card-cmlb.card-doc:after { content: "\f016"; }

.cmlb-1 .cmlb-txt-container,
.cmlb-3 .cmlb-txt-container { background-color:#EDF0F3; color:#3B5A77; }
.cmlb-2 .cmlb-txt-container,
.cmlb-4 .cmlb-txt-container { background-color:#3B5A77; color:#fff; }

/* GRAY */
.cmlb-row-gray .cmlb-1 .cmlb-img-container,
.cmlb-row-gray .cmlb-2 .cmlb-img-container,
.cmlb-row-gray .cmlb-3 .cmlb-img-container,
.cmlb-row-gray .cmlb-4 .cmlb-img-container { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(208,208,208,1) 100%); }

/* BLUE */
.cmlb-row-blue .cmlb-1 .cmlb-img-container,
.cmlb-row-blue .cmlb-3 .cmlb-img-container { background-color:#EDF0F3; }
.cmlb-row-blue .cmlb-2 .cmlb-img-container,
.cmlb-row-blue .cmlb-4 .cmlb-img-container { background-color:#3B5A77; }

/* TRANSPARENT */
.cmlb-row-transparent .cmlb-1 .cmlb-img-container,
.cmlb-row-transparent .cmlb-3 .cmlb-img-container,
.cmlb-row-transparent .cmlb-2 .cmlb-img-container,
.cmlb-row-transparent .cmlb-4 .cmlb-img-container { background-color:transparent; }

.cmlb-2 .cmlb-txt-container h3,
.cmlb-4 .cmlb-txt-container h3,
.cmlb-2 .cmlb-txt-container a,
.cmlb-4 .cmlb-txt-container a { color:#fff !important; }
.cmlb-2 .cmlb-txt-container h3:after,
.cmlb-4 .cmlb-txt-container h3:after { background-color: #fff; }
.cmlb-2 .cmlb-txt-container .btn-kern,
.cmlb-4 .cmlb-txt-container .btn-kern { background-color: transparent; border-color: #fff; color: #fff !important; }
.cmlb-2 .cmlb-txt-container .btn-kern:hover,
.cmlb-4 .cmlb-txt-container .btn-kern:hover { background-color: #fff; color:#3B5A77 !important; }
.cmlb-1 .cmlb-txt-container .btn-kern:hover,
.cmlb-3 .cmlb-txt-container .btn-kern:hover { background-color: #3B5A77; color:#fff !important; }


@media (min-width: 992px) {
    .cmlb .cmlb-img,
    .cmlb .cmlb-img-container { height: 290px; }
    .cmlb-txt-container { height: 100%; }
    .cmlb .text-col { height:calc(100% - 290px); }
}

@media (min-width: 1200px) {
    .cmlb .cmlb-img,
    .cmlb .cmlb-img-container { height:100%; padding-bottom: 0; }
    .cmlb-txt-container { height: 100%; min-height: 320px; }
    .cmlb .text-col { height:auto; }
    
    .cmlb-1 .cmlb-txt-container,
    .cmlb-2 .cmlb-txt-container { background-color:#EDF0F3; color:#3B5A77; }
    .cmlb-3 .cmlb-txt-container,
    .cmlb-4 .cmlb-txt-container { background-color:#3B5A77; color:#fff; }
    
    /* BLUE */
    .cmlb-row-blue .cmlb-1 .cmlb-img-container,
    .cmlb-row-blue .cmlb-2 .cmlb-img-container { background-color:#EDF0F3; }
    .cmlb-row-blue .cmlb-3 .cmlb-img-container,
    .cmlb-row-blue .cmlb-4 .cmlb-img-container { background-color:#3B5A77; }
    
    .cmlb-3 .cmlb-txt-container h3,
    .cmlb-4 .cmlb-txt-container h3,
    .cmlb-3 .cmlb-txt-container a,
    .cmlb-4 .cmlb-txt-container a { color:#fff !important; }
    .cmlb-3 .cmlb-txt-container h3:after,
    .cmlb-4 .cmlb-txt-container h3:after { background-color: #fff; }
    .cmlb-3 .cmlb-txt-container .btn-kern,
    .cmlb-4 .cmlb-txt-container .btn-kern { background-color: transparent; border-color: #fff; color: #fff !important; }
    .cmlb-3 .cmlb-txt-container .btn-kern:hover,
    .cmlb-4 .cmlb-txt-container .btn-kern:hover { background-color: #fff; color:#3B5A77 !important; }
    .cmlb-1 .cmlb-txt-container .btn-kern:hover,
    .cmlb-2 .cmlb-txt-container .btn-kern:hover { background-color: #3B5A77; color:#fff !important; }
    
    .cmlb-1 .cmlb-txt-container h3,
    .cmlb-2 .cmlb-txt-container h3,
    .cmlb-1 .cmlb-txt-container a,
    .cmlb-2 .cmlb-txt-container a { color:#3B5A77 !important; }
    .cmlb-1 .cmlb-txt-container h3:after,
    .cmlb-2 .cmlb-txt-container h3:after { background-color: #3B5A77; }
    .cmlb-1 .cmlb-txt-container .btn-kern,
    .cmlb-2 .cmlb-txt-container .btn-kern { background-color: transparent; border-color: #3B5A77; color: #3B5A77 !important; }
    .cmlb-1 .cmlb-txt-container .btn-kern:hover,
    .cmlb-2 .cmlb-txt-container .btn-kern:hover { background-color: #3B5A77; color:#fff !important; }
    
    .cmlb .image-col { height: 100%; }
}

.cmlb-txt { padding-top: 18px; padding-left: 20px; padding-right: 20px; padding-bottom: 85px; }

@media (max-width: 575px) {
    .cmlb-img { height:0; padding-bottom: 75%; }
}

.cmlb-neg .btn-kern { background-color: transparent; border-color: #fff; color: #fff !important; }
.cmlb-neg .btn-kern:hover { background-color: #fff; color:#3B5A77 !important; }
.cmlb-pos .btn-kern:hover { background-color: #3B5A77; }

/* ### ### ### ### COLOR-IMAGE-MULTI-LINK-BOX ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */

.cimlb { margin-bottom: 30px; }
.cimlb-txt-container h3 { font-size: 20px; color:#fff; }
.cimlb-txt-container h3:after { background-color: #fff; }
.cimlb-txt-container .btn-kern { position: absolute; left:20px; bottom: 0; background-color: transparent; border-radius: 0; border-color: #fff; color: #fff !important; }
.cimlb-txt-container .btn-kern:hover { background-color: #fff; color:#3B5A77 !important; }

.cimlb-img-container { width: 100%; height: 0; padding-bottom: 100%; position: relative; }
.cimlb-img-container-transparent { background-color: transparent; }
.cimlb-img-container-blue { background-color: #3B5A77; }
.cimlb-img-container-gray { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(208,208,208,1) 100%); }
.cimlb-img { background-repeat: no-repeat; background-position: left; background-size: cover; width: 100%; height: 0; padding-bottom: 100%; position: relative; }

.cimlb-link {
    margin-bottom:30px;
    display: block;
    position: relative;
}

.cimlb-txt-container {
    background-color:#3B5A77;
    color:#fff;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    padding-top: 18px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 18px;
}

.cimlb-link:hover > .cimlb-txt-container {
    opacity: 1;
    transition: all 0.5s ease 0s;
}

.btn-primary { background-color: #3B5A77; border-color: #3B5A77; }
.btn-primary:hover { background-color: #6b8399; border-color: #3B5A77; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background-color: #6b8399; border-color: #3B5A77; outline:0; }


.yform .alert {
    margin-left: 15px;
    margin-right: 15px;
    
}

@media (min-width: 576px) {
    .yform .alert {
        max-width: 540px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 768px) {
    .yform .alert {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .yform .alert {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .yform .alert {
        max-width: 1140px;
    }
}


/* ### ### MODUL: CITY 					### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
.city {
    /*width:100%;
    /*margin:auto;
    
    background-repeat:no-repeat;
    position: relative;
    transform: scale(1);
    transform-origin: 0 0;*/
    
}


.plusbutton {
    cursor: pointer;
    position: absolute;
    display: block;
    width:67px;
    height:36px;
    background-image:url("../media/plus-0.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -10px;
    margin-top: -18px;
}
.plusbutton:hover {
    background-image:url("../media/plus-1.svg");
}

@media (min-width: 768px) {
    .plusbutton {
        width:93px;
        height:50px;
        margin-left: -12px;
        margin-top: -25px;
    }
}

#plus1 {
    top: 48%;
    left: 19.3108%;
}
#plus2 {
    top: 40.8333%;
    left: 32.7698%;
}
#plus3 {
    top: 37.75%;
    left: 68.9207%;
}
#plus4 {
    top: 50.4167%;
    left: 76.593%;
}
#plus5 {
    top: 60.5833%;
    left: 77.2432%;
}
#plus6 {
    top: 67.4167%;
    left: 45.5787%;
}
#plus7 {
    top: 90%;
    left: 51.3004%;
}

body.modal-open {
    overflow: visible;
    padding-right: 0px !important;
}

.modal-header { border-bottom: none; padding-bottom: 0; }
.modal-content { padding-left: 10px; padding-right: 5px; }

button:focus {
    outline:none !important;
    box-shadow:none !important;
}


.kontakte-section { margin-bottom:25px; padding-bottom:25px; }

.kontakte-map-container {
    position: relative;
    display:block;
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% )*/
    background-color:transparent;
}

.kontakte-map-container .kontakte-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:transparent;
}

@media(min-width:768px) {
    .kontakte-map-container { height:275px; padding-bottom:0; }
}

@media(min-width:992px) {
    .kontakte-map-container { height:333px; padding-bottom:0; }
}

.kontakte-echo { padding-bottom: 30px; cursor: pointer; }
.kontakte-map-container .kontakte-map p { font-size: 14px; padding-bottom: 0; margin-bottom: 0; font-weight: 600; }
.infowindow { cursor: pointer; }

/* ### ### ### ### Logo in Banner od. Headline ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */

.img-headline-logo { margin-bottom: 25px; }
.img-banner-logo {
    position: absolute;
    display: block;
    z-index: 9;
    top: 80px;
    right: 15px;
    height: 80px;
}

@media(min-width:576px) {
    .img-banner-logo { top: 125px; height: 80px; }
}

@media(min-width:768px) {
    .img-banner-logo { top: 175px; height: 150px; }
}

@media(min-width:992px) {
    .img-banner-logo { top: 195px; height: 150px; }
}

@media(min-width:1200px) {
    .img-banner-logo { top: 225px; height: 175px; right: 45px; }
}

.teaser-text {
    background-color:#A53027;
    padding: 15px 15px 10px 15px;
    color:#ffffff !important;
}

.teaser-text h1, .teaser-text h2, .teaser-text h3, .teaser-text h4, .teaser-text h5, .teaser-text h6 {
    color:#ffffff !important;
    font-weight: 700;
}

.teaser-text a, .teaser-text a:link {
    color:#ffffff !important;
    border-bottom: 1px solid #ffffff;
    display: inline-block;
}

.teaser-text a:hover, .teaser-text a:focus {
    color:#3B5A77 !important;
    border-bottom: 1px solid #3B5A77;
    display: inline-block;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    scrolling: no;
    frameborder: 0;
    marginheight: 0;
    marginwidth: 0;
}

.owl-carousel .owl-video-tn {
    background-size: cover;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
}

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

.owl-video-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#anchor {
    position: absolute;
    margin-top: -60px;
}

@media (min-width:576px ) {
    #anchor  { margin-top: -105px; }
}

@media (min-width:768px ) {
    #anchor  { margin-top: -150px; }
}

/* ### ### ### ### OpenHouse ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
.bg-open-house {
    display: block;
    width: 100%;
    min-height: 650px;
    height: calc(100vh - 50px);
    background-color: rgba(237,240,243,1.00) !important;
    background-image: url('../media/01_Kern_BW_Units_Graphic_WEB.png');
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width:576px ) {
    .bg-open-house {
        min-height: 725px;
    }
}

@media (min-width:768px ) {
    .bg-open-house {
        height: calc(100vh - 105px);
        min-height: 725px;
    }
}

@media (min-width:992px ) {
    .bg-open-house {
        min-height: 730px;
    }
}

@media (min-width:1200px ) {
    .bg-open-house {
        min-height: 800px;
    }
}

.envelope-container {
    min-height: 400px;
    display: flex;
    opacity: 0;
    /*align-items: center;*/
    justify-content: center;
}

@media (min-width:768px ) {
    .envelope-container {
        height: 50vh;
        min-height: 465px;
        display: flex;
        /*align-items: center;*/
        justify-content: center;
    }
}

.envelope-content {
    position: relative;
    perspective: 1200px;
    margin-top: 180px;
}

@media (min-width:768px ) {
    .envelope-content {
        position: relative;
        perspective: 500px;
        margin-top: 250px;
    }
}

.envelope-shadow {
    position: absolute;
    width: 200px;
    height: 1px;
    background: transparent;
    border-radius: 30%;
    box-shadow: 50px 100px 10px 5px #eeeef3;
}

.envelope-letter {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 280px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 15;
    background: #6B8399;
    box-shadow: 0px 1px 7px -2px #6B8399;
    color: #fff;
}

@media (min-width:768px ) {
    .envelope-letter {
        width: 280px;
        height: 160px;
    }
}

.envelope-letter .envelope-body {
    position: relative;
    /*width: 240px;
    height: 120px;*/
    width: 90%;
    height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.envelope-letter .envelope-close {
    position: absolute;
    right: 0;
    top:  0;
    font-size: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.envelope-letter .envelope-close:hover {
    color: #3B5A77;
}

.envelope-letter .envelope-message {
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    padding-top: 15px;
}

.envelope-letter .envelope-message .btn {
    font-size: 11px;
    border: 0.01em solid #fff;
    padding-top: 2px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 2px;
    border-radius: 0;
    color: #fff;
}

.envelope-letter .envelope-message .btn:hover,
.envelope-letter .envelope-message .btn:focus,
.envelope-letter .envelope-message .btn:active {
    border: 0.01em solid #3B5A77;
    background-color: #3B5A77;
    color: #ffffff;
    box-shadow: none;
}

.envelope-letter .envelope-message span {
    font-size: 15px;
}

.envelope-letter .envelope-message p {
    margin-bottom: 0.7rem;
}

.envelope-envelope {
    position: relative;
    width: 300px;
    height: 180px;
    background: linear-gradient(#3B5A77 0.5px, #3B5A77 0.5px) ;
    cursor: pointer;
}

.envelope-envelope::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 180px;
    /*
    border-top: 115px solid #3B5A77;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    */
    box-sizing: border-box;
    z-index: 30;
    transform-origin: top;
    
    background-image: url("../media/kern-envelope-bg-klappe.png");
    background-size: cover;
}

.envelope-envelope::after {
    content: '';
    position: absolute;
    top: 0;
    width: 300px;
    height: 180px;
    z-index: 25;
    
    background-image: url("../media/kern-envelope-bg-couvert.png");
    background-size: cover;
    /*
      background:
      linear-gradient(30deg, #3B5677 47%, #4F4C6B 50%, #3B5E77 50%) 150px 90px/ 150px 90px no-repeat,
      
      linear-gradient(31deg, #3B5E77 49%, #4F4C6B 50%, transparent 50%) 0px 0px/ 152px 90px no-repeat,
      
      linear-gradient(150deg, #3B5E77 50%, #4F4C6B 50%, #3B5677 53%) 0px 90px/ 151px 90px no-repeat,
      
      linear-gradient(148.7deg, transparent 50%, #4F4C6B 50%, #3B5E77 51%) 150px 0px/ 150px 90px no-repeat;
      */
}

/* ### ### ### ### Kern Weltweit ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */

.firmenmap-section { margin-bottom:25px; padding-bottom:25px; }
.firmenmap-section .btn-group button,
.firmenmap-section .form-control { border-radius: 0 !important; }
.firmenmap-section .firmenmap-list p {padding-bottom: 0; margin-bottom: 0; }

@media(max-width:767px) {
    .firmenmap-section .btn-group>.btn-group:not(:first-child), .firmenmap-section .btn-group>.btn:not(:first-child) {
        margin-left: 0;
    }
}

.firmenmap-section .firmenmap-list { position: relative; padding-bottom: 45px; min-height: 300px; }

.firmenmap-list-marker {
    display: block;
    width: calc(100% - 30px);
    border-bottom: 1px solid #3B5A77;
}

@media(min-width:768px) {
    .firmenmap-section .firmenmap-list { position: relative; padding-bottom: 90px; }
    .firmenmap-list-marker {
        position: absolute;
        display: block;
        width: calc(100% - 30px);
        bottom: 45px;
        border-bottom: 1px solid #3B5A77;
    }
}

#firmenmap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:transparent;
    outline: 0;
    border: 0;
}

.firmenmap-map-container {
    position: relative;
    display:block;
    background-color:transparent;
}

.firmenmap-map-content-container { padding-bottom: 75%; }

@media(min-width:768px) {
    .firmenmap-map-content-container { height:275px; padding-bottom:0; }
}

@media(min-width:992px) {
    .firmenmap-map-content-container { height:333px; }
}

.firmenmap-map-banner-container { padding-bottom: 75%; }

@media(min-width:768px) {
    .firmenmap-map-banner-container { height:250px; padding-bottom:0; }
}

@media(min-width:992px) {
    .firmenmap-map-banner-container { height:325px; }
}

#firmenmap p { font-size: 13px; padding-bottom: 0; margin-bottom: 0; font-weight: 600; }
#firmenmap h5 { font-size: 16px; margin-bottom: 5px; }

#firmenmap .infowindow { padding-right: 10px; }
#firmenmap .infowindow .map-info { color:#3B5A77; padding-top: 5px; margin-bottom: 0; }
#firmenmap .infowindow .map-marker:hover,
#firmenmap .infowindow .map-info:hover { color: #181716 !important; }
#firmenmap .infowindow .infowindow-p-btn { margin-top: 5px; margin-bottom: 0; }

.img-map {
    position: relative;
    display: block;
    width: 100%;
}

.img-map a {
    display: block;
    position: absolute;
}

#formularModal .modal-content {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

/*.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 801;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	outline: 0;
	
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	z-index: 800;
	background-color:transparent;
	background-size:cover;
}

.bx-wrapper .bx-prev { margin-top: -25px; top:50%; left:5px; background-image:url(../files/newsevents-btn-left-0.png); background-position:left; }
.bx-wrapper .bx-next { margin-top: -25px; top:50%; right:5px; background-image:url(../files/newsevents-btn-right-0.png); background-position:right; }

@media (min-width: 992px) {
	
.bx-wrapper .bx-controls-direction a {
		position: absolute;
		outline: 0;
		width: 10%;
		height: 25px;
		text-indent: -9999px;
		z-index: 800;
		background-color:transparent;
		background-size:cover;
	}
	
.bx-wrapper .bx-prev { margin-top:0; top:0; left:inherit; right:5px; background-image:url(../files/newsevents-btn-up-0.png); background-position:top; }
.bx-wrapper .bx-next { margin-top:0; top:inherit; bottom:0;	 right:5px; background-image:url(../files/newsevents-btn-down-0.png); background-position:bottom; }

.bx-wrapper .bx-prev:hover { }
.bx-wrapper .bx-next:hover { }	
}

@media (min-width: 1170px) {		
	.bx-wrapper .bx-prev { margin-top:0; top:0; left:inherit; right:0; background-image:url(../files/newsevents-btn-up-0.png); background-position:top; }
	.bx-wrapper .bx-next { margin-top:0; top:inherit; bottom:0;	 right:0; background-image:url(../files/newsevents-btn-down-0.png); background-position:bottom; }
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


/*!
 * Yamm!
 * Yet another megamenu for Bootstrap
 * http://geedmo.github.com/yamm
 *
 * https://github.com/geedmo
 */.yamm .collapse,.yamm .dropdown,.yamm .dropup,.yamm .nav{position:static}.yamm .container,.yamm .navbar-inner{position:relative}.yamm .dropdown-menu{left:auto}.yamm .dropdown-menu>li{display:block}.yamm .dropdown-submenu .dropdown-menu{left:100%}.yamm .nav.pull-right .dropdown-menu{right:0}.yamm .yamm-content{padding:20px 30px}.yamm .yamm-content:after,.yamm .yamm-content:before{display:table;content:"";line-height:0}.yamm .yamm-content:after{clear:both}.yamm.navbar .nav>li>.dropdown-menu:after,.yamm.navbar .nav>li>.dropdown-menu:before{display:none}.yamm .dropdown.yamm-fullwidth .dropdown-menu{width:100%;left:0;right:0}@media (max-width:969px){.yamm .dropdown.yamm-fullwidth .dropdown-menu{width:auto}.yamm .dropdown-menu>li>ul{display:block}}

/*
### HEADER STANDARD
### Author: Matthieu Gerber, G&B
*/

/* ### ### ### OVERRRIDE BS CONTAINER ### ### ### ### ### ### ### ### ### ### ### ### ### */
@media (min-width: 576px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

/* ### ### ### HEADER ### ### ### ### ### ### ### ### ### ### ### ### ### */
header {
	height:60px;
    width:100%;
	border-bottom: 1px solid #3B5A77;
	background-color:#fff;
	padding:0;
	position:fixed;
	top:0;
	z-index:1000;
    font-size: 14px;
}

/*
@media (max-width:767px ) {
	header { border-top: 5px solid #3B5A77; }
}*/

@media (max-width:991px ) {
	header { border-top: 5px solid #3B5A77; }
}

@media (min-width:576px ) {
	header { height:105px; }
}

/*
@media (min-width:768px ) {
	header { height:150px; border-bottom: 2px solid #3B5A77; }
}*/

@media (min-width:992px ) {
	header { height:150px; border-bottom: 2px solid #3B5A77; }
}

/* ### ### ### HEADER: LINK-ROW ### ### ### ### ### ### ### ### ### ### ### ### ### */
.header-link-container { background-color: #fff; color: #3B5A77; position: absolute; z-index: 999; width: 100%; }
.header-link-container a { color: #3B5A77; display: inline-block; }
.header-link-container a:hover { color: #969696; }

.header-link-container .spacer-links { display: inline-block; width: 5px; }
.header-link-container .spacer-links-lang { display: inline-block; padding-left:5px; padding-right:5px; }
.header-link-container .header-service-links { padding-left: 10px; padding-right: 10px; }
.header-link-container .current-lang { color:#969696; }

/*
@media (max-width: 767px) {
	.header-link-container { padding-left: 69px; margin-top: 72px; }
}*/

.header-link-container { padding-left: 55px; margin-top: 30px; }

@media (min-width: 576px) {
	.header-link-container { margin-top: 72px; }
}

@media (min-width: 768px) {
	.header-link-container { padding-left: 88px; }
}

@media (min-width: 800px) {
	.header-link-container { padding-left: 112px; }
}

@media (min-width: 992px) {
	.header-link-container { padding-left: 0; margin-top: 0; }
}

@media (max-width: 419px) {
	.modal-link { display: block !important; }
	.header-link-container { margin-top: 6px; }
}

/*
@media (min-width:768px ) {
    .header-link-container { background-color: #3B5A77; color: #fff; padding-top: 3px; padding-bottom: 3px; }
    .header-link-container a { color: #fff; }
	.header-link-container .spacer-links { width: 35px; }
}*/

@media (min-width:992px ) {
    .header-link-container { background-color: #3B5A77; color: #fff; padding-top: 3px; padding-bottom: 3px; }
    .header-link-container a { color: #fff; }
	.header-link-container .spacer-links { width: 35px; }
}

/* ### ### ### HEADER: LOGO ### ### ### ### ### ### ### ### ### ### ### ### ### */
.header-logo { position:absolute; right:15px; top:21px; z-index: 999; }
.header-logo img { width:150px; height:27px; }
.header-logo-start { margin-top:15px; position:absolute; right:44px; }
.header-logo-start img { width:170px; height:27px; }

@media (min-width:576px ) {
	/*.header-logo { right:40px; top:41px; }*/
	.header-logo { right:15px; top:41px; }
	.header-logo img { width:278px; height:50px; }
}

/*
@media (min-width:768px ) {
	.header-logo { right:15px; top:auto; bottom: 11px; }
	.header-logo img { width:300px; height:54px; }
	.header-logo-start { margin-top:40px; right:0; }
	.header-logo-start img { width:340px; height:54px; }
}*/

@media (min-width:992px ) {
	.header-logo { right:15px; top:auto; bottom: 11px; }
	.header-logo img { width:300px; height:54px; }
	.header-logo-start { margin-top:40px; right:0; }
	.header-logo-start img { width:340px; height:54px; }
}

/*
@media (min-width: 992px) {
  .header-logo { right:100px; }
}*/

@media (min-width: 1200px) {
    .header-logo { right:125px; }
}

/* ### ### ### NAV-STYLES ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */

/*
@media (min-width:768px ) {
    #header-nav-container {
        -ms-flex-align: end !important;
        align-items: flex-end !important;    
    }   
}*/

@media (min-width:992px ) {
    #header-nav-container {
        -ms-flex-align: end !important;
        align-items: flex-end !important;    
    }   
}

.navbar { margin-top: 46px; margin-bottom: 0px; min-height: 40px; }

@media (min-width:576px ) {
    .navbar { margin-top: 85px; }
}

/*
@media (min-width:768px ) {
    .navbar-nav > li > .dropdown-menu { margin-top: 0; padding-top: 18px; padding-bottom: 12px; }
}*/

@media (min-width:992px ) {
    .navbar-nav > li > .dropdown-menu { margin-top: 0; padding-top: 18px; padding-bottom: 12px; }
}

/*
@media (max-width: 767px) {
	.dropdown-menu { border:0; border-radius: 0; margin: 0; padding: 0; padding-bottom: 15px; background-color: #A53027; }
    .container-nav {background-color: #A53027; margin-left: 26px; margin-right: 26px;}
    .navbar { display: block; border: none }
    .navbar-nav {padding-top: 8px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
    .navbar-collapse {  
        max-height: calc(85vh - 60px);
        overflow-y: auto;
        -webkit-overflow-scrolling:touch;
		 -ms-overflow-style: none;
    	scrollbar-width: none;
	}
	
	.navbar-collapse::-webkit-scrollbar {
    	width: 0;
    	height: 0;
	}
}*/

@media (max-width: 991px) {
	.dropdown-menu { border:0; border-radius: 0; margin: 0; padding: 0; padding-bottom: 15px; background-color: #A53027; }
    .container-nav {background-color: #A53027; margin-left: -1px; margin-right: -1px; margin-top: 6px; }
    .navbar { display: block; border: none }
    .navbar-nav {padding-top: 8px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
    .navbar-collapse {  
        max-height: calc(85vh - 60px);
        overflow-y: auto;
        -webkit-overflow-scrolling:touch;
		 -ms-overflow-style: none;
    	scrollbar-width: none;
	}
	
	.navbar-collapse::-webkit-scrollbar {
    	width: 0;
    	height: 0;
	}
}

@media (max-width: 575px) {
	.container-nav { margin-left: -16px; margin-right: -16px; margin-top: 0; }
}

/*
@media (min-width:768px) {
    .dropdown-menu {
        padding: 5px 0;
        margin: 2px 0 0;
        background-color: #A53027;
        border: 1px solid #A53027;
        border-radius: 0;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		overflow-y: scroll;
		overflow-x: hidden;
		max-height: calc(90vh - 150px);
		 -ms-overflow-style: none;
    	scrollbar-width: none;
    }
	.dropdown-menu::-webkit-scrollbar {
    	width: 0;
    	height: 0;
	}
}*/

@media (min-width:992px) {
    .dropdown-menu {
        padding: 5px 0;
        margin: 2px 0 0;
        background-color: #A53027;
        border: 1px solid #A53027;
        border-radius: 0;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		overflow-y: scroll;
		overflow-x: hidden;
		max-height: calc(90vh - 150px);
		 -ms-overflow-style: none;
    	scrollbar-width: none;
    }
	.dropdown-menu::-webkit-scrollbar {
    	width: 0;
    	height: 0;
	}
}

@media (min-width:1200px) {
    .navbar-collapse { width: 100%; }
}

.dropdown-toggle { position: relative }
.dropdown-toggle::after {
	display: inline-block;
	font-weight: normal;
	vertical-align: 0em;
	font-family:FontAwesome; 
	font-size:21px; 
	line-height: 21px;
    width: 0px !important;
	width:14px;
	content: "\F107";
	border:0;
	padding: 0;
    color: #fff;
    position: absolute;
    right: 15px;
}

.level1 .show > .dropdown-toggle::after { content: "\F106"; }

.nav-link { font-weight: 400; font-size: 16px; }
.nav-link { color: #fff; }
.nav-link:hover, .nav-link:focus { color: #969696; }
.nav-link-lev3:hover, .nav-link-lev3-classic:hover, .nav-link-lev4:hover, .nav-link-lev5:hover { color: #969696 !important; background-color: transparent !important; }

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap
}

/*
@media (min-width: 768px) {
	.nav-link { padding-top: 0.2rem; padding-left: 0 !important; padding-right: 1.5rem !important; padding-bottom: 0.2rem; font-size: 18px; color: #3B5A77;  }
    .nav-link:hover, .nav-link:focus { color: #A53027; }
	.nav-link, .nav-link-lev3, .nav-link-lev3-classic, .nav-link-lev4, .nav-link-lev5 { padding-top: 2px; padding-bottom: 2px; }
}*/

@media (min-width: 992px) {
	.nav-link { padding-top: 0.2rem; padding-left: 0 !important; padding-right: 1.5rem !important; padding-bottom: 0.2rem; font-size: 18px; color: #3B5A77;  }
    .nav-link:hover, .nav-link:focus { color: #A53027; }
	.nav-link, .nav-link-lev3, .nav-link-lev3-classic, .nav-link-lev4, .nav-link-lev5 { padding-top: 2px; padding-bottom: 2px; }
}

/*
@media (min-width: 992px) {
	.nav-link, .nav-link-lev3, .nav-link-lev3-classic, .nav-link-lev4, .nav-link-lev5 { padding-top: 2px; padding-bottom: 2px; }
}*/

.nav-link-lev3 { display: block; font-weight: 600; padding-bottom: 6px; margin-bottom: 6px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
.nav-link-lev3-classic { display: block; color: #fff; }

/*
@media (min-width: 768px) {
	.nav-link-lev3-classic { display: block; padding-bottom: 5px; }
}*/

@media (min-width: 992px) {
	.nav-link-lev3-classic { display: block; padding-bottom: 5px; }
}

.nav-link-lev4, .nav-link-lev5 { display: block; color: #fff; }

.level-3-4-5-container { padding-bottom: 15px;}

.navbar-nav .active { color:#969696; }

a.nav-link-lev5 { margin-left: 0; }
a.nav-link-lev5 { padding-left: 15px; }
a.nav-link-lev5:before {
  content: "\f105";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -15px;
  width: 15px;
}

/*
@media (max-width: 767px) {
	.yamm .yamm-content { padding: 0; padding-top: 0; }
	.nav-item { border-bottom: 1px solid rgba(255, 255, 255, 0.25);}
}*/

@media (max-width: 991px) {
	.yamm .yamm-content { padding: 0; padding-top: 0; }
	.nav-item { border-bottom: 1px solid rgba(255, 255, 255, 0.25);}
}

/*
@media (min-width: 768px) {
	.yamm-container { width: 100%; left: 0; right: 0; padding: 0; }
		
	.level1 { padding-right: 150px; background-color: #fff; }
	.yamm .yamm-content {
		padding-top: 0;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 0;
		*zoom: 1;
		
		width: 720px;
	}
}*/

@media (min-width: 992px) {
	.yamm-container { width: 100%; left: 0; right: 0; padding: 0; }
		
	/*.level1 { padding-right: 150px; background-color: #fff; }*/
	.level1 { padding-right: 345px; background-color: #fff; }
	.yamm .yamm-content {
		padding-top: 0;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 0;
		*zoom: 1;
		
		width: 720px;
	}
}

/*
@media (min-width: 992px) {
	.level1 { padding-right: 230px;}
	.yamm .yamm-content { width: 960px; }
}*/

@media (min-width: 1200px) {
    .level1 { padding-right: 450px;}
	.yamm .yamm-content { width:100%; max-width: 1400px; }
}


/* ### ### ### NAV-STYLES: MOBILE-NAV HAMBURGER ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */

.navbar-toggler {
	width: 40px;
	height: 40px;
	position: absolute;
	z-index:1030;
	top:7px;
	margin-left: 15px;
	cursor: pointer;
	border-radius: 0;
    background-color: #3B5A77;
    border: none;
}
	
@media (min-width:576px ) {
	.navbar-toggler { top:47px; }
}

.navbar-toggler span {
	display: block;
	position: absolute;
	height: 3px;
	width: 24px;
	background: #fff;
	opacity: 1;
	left: 8px;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
	
	.navbar-toggler span:nth-child(1) { width: 0%; left: 50%; }
	.navbar-toggler span:nth-child(2) { top: 19px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.navbar-toggler span:nth-child(3) { top: 19px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	.navbar-toggler span:nth-child(4) { width: 0%; left: 50%; }
	.navbar-toggler.collapsed span:nth-child(1),
	.navbar-toggler.collapsed span:nth-child(2),
	.navbar-toggler.collapsed span:nth-child(3),
	.navbar-toggler.collapsed span:nth-child(4) { left:7px; width: 24px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	.navbar-toggler.collapsed span:nth-child(1) { top: 11px;  }
	.navbar-toggler.collapsed span:nth-child(2) { top: 19px; }
	.navbar-toggler.collapsed span:nth-child(3) { top: 19px; }
	.navbar-toggler.collapsed span:nth-child(4) { top: 27px; }


#imagelightbox{cursor:pointer;position:fixed;z-index:10000;top:50%;touch-action:none;box-shadow:0 0 1em rgba(0,0,0,.25)}.imagelightbox-open{user-select:none;overflow:hidden}.imagelightbox-loading,.imagelightbox-loading div{border-radius:9999px}.imagelightbox-loading{background-color:grey;background-color:rgba(0,0,0,.5);position:fixed;z-index:10003;top:50%;left:50%;padding:.65em;margin:-1.3em 0 0 -1.3em;box-shadow:0 0 1em rgba(0,0,0,.25)}.imagelightbox-loading div{width:1.3em;height:1.3em;background-color:#fff;animation:imagelightbox-loading .5s ease infinite}@keyframes imagelightbox-loading{from{opacity:.5;transform:scale(.75)}50%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.75)}}.imagelightbox-overlay{background-color:#fff;background-color:rgba(255,255,255,.9);position:fixed;z-index:9998;top:0;right:0;bottom:0;left:0}.imagelightbox-close{cursor:pointer;width:2.5em;height:2.5em;background-color:#3b5a77;position:fixed;z-index:10002;top:2.5em;right:2.5em;transition:color .3s ease}.imagelightbox-close:hover{background-color:#111}.imagelightbox-close:after,.imagelightbox-close:before{width:2px;background-color:#fff;content:'';position:absolute;top:20%;bottom:20%;left:50%;margin-left:-1px}.imagelightbox-close:before{transform:rotate(45deg)}.imagelightbox-close:after{transform:rotate(-45deg)}.imagelightbox-caption{text-align:center;color:#fff;background-color:#3b5a77;position:fixed;z-index:10001;left:0;right:0;bottom:0;padding:.625em}.imagelightbox-nav{background-color:#3b5a77;background-color:rgba(0,0,0,.5);position:fixed;z-index:10001;left:50%;bottom:3.75em;padding:.313em;transform:translateX(-50%);border-radius:20px}.imagelightbox-nav a{position:relative;top:.2em;width:1em;height:1em;border:1px solid #fff;display:inline-block;margin:0 .313em;border-radius:50%}.imagelightbox-nav .active{background-color:#fff}.imagelightbox-arrow{cursor:pointer;width:3.75em;height:7.5em;background-color:#3b5a77;background-color:rgba(0,0,0,.5);vertical-align:middle;display:none;position:fixed;z-index:10001;top:50%;margin-top:-3.75em}.imagelightbox-arrow:focus,.imagelightbox-arrow:hover{background-color:#3b5a77;background-color:rgba(0,0,0,.75)}.imagelightbox-arrow:active{background-color:#111}.imagelightbox-arrow-left{left:2.5em}.imagelightbox-arrow-right{right:2.5em}.imagelightbox-arrow:before{width:0;height:0;border:1em solid transparent;content:'';display:inline-block;margin-bottom:-.125em}.imagelightbox-arrow-left:before{border-left:none;border-right-color:#fff;margin-left:-.313em}.imagelightbox-arrow-right:before{border-right:none;border-left-color:#fff;margin-right:-.313em}.imagelightbox-arrow,.imagelightbox-close,.imagelightbox-loading,.imagelightbox-nav,.imagelightbox-overlay{animation:fade-in .25s linear}@keyframes fade-in{from{opacity:0}to{opacity:1}}@media only screen and (max-width:41.250em){#container{width:100%}.imagelightbox-close{top:1.25em;right:1.25em}.imagelightbox-arrow{width:2.5em;height:3.75em;margin-top:-1.875em}.imagelightbox-arrow-left{left:1.25em}.imagelightbox-arrow-right{right:1.25em}}@media only screen and (max-width:20em){.imagelightbox-arrow-left{left:0}.imagelightbox-arrow-right{right:0}}