@import url('../css/theme.css');
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  src: url(../fonts/noto-sans.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html,body{margin: 0;padding: 0;height: 100%}
body{font-size: 16px;line-height: 1.6;color: var(--main-text-color);font-family: 'Noto Sans', Helvetica, Arial, sans-serif;font-weight: 400; background: var(--main-bg-color)}

.body-blur{filter: blur(2px)}
#page-wrap, .page-wrap{width: 1360px;margin: 0 auto;padding: 0}
.page-header{margin: 0;height:auto;position: relative; z-index: 1}
.subpage .box-main .page-content{position: static; top:0; margin-top:80px}
.subpage .containerMM{top:0}
page-owner{color:#8ea5b9; display: flex;padding: 0 0 0 48px}
.page-top{}
.p-logo img{position: fixed; z-index:21; top:53px; right: 20px; width:340px; height: auto}
.page-image, .a-image{width: 100%; overflow:hidden}
.page-image img,.a-image img{width: 100%; height: auto; min-width: 1426px;min-height: 474px; min-height: 656px}
.mobile, *[data-attr="mobile-only"], *[data-attr="mobile-headline"]{display:none !important}
top-bar{ display: flex;justify-content: space-between;padding: 20px 0 0 0}
.page-content{background-color: #f4f4f4;border-radius:18px; padding: 69px 69px;position: relative; top: -60px; z-index: 2}
.rel{position: relative}
.ov-content{z-index: 1; margin: 0 auto 0 auto; text-align:left}
.ov-content a{color:#fff}
.info-box{font-size: .9rem}
#p-teaser, .banner-wrapper-inline{padding:0;list-style:none;width:100%;height:auto;overflow:hidden;margin: 0 auto}
#p-teaser .image-wrap img, .banner-wrapper-inline img{ object-fit: cover;width: 100%; min-height: 100%; left: 0; padding:0;margin:0;width: 100%; min-height: 100%}
.image-wrap img{left: 0; position: relative;bottom:0}
.swipe-wrap{overflow: hidden;position: relative}
.swiper-slide{position:relative;bottom:0;overflow:hidden}
.swiper-slide .image-wrap{text-align: center;}
.swiper-slide img{position: relative;top:0;right:0; max-width:1604px}
.swiper-slide content, .banner-wrapper-inline content{color:#fff;width: 100%; height: 100%;  position: absolute; z-index: 1; box-sizing: border-box; transform: translate3d(0,0,0); padding: 0 48px; display: flex;flex-direction: column; gap: 24px; align-items:flex-start; justify-content: center;text-align: left}

.swiper-slide content{}
.swiper-slide content h2{font-family: "Noto Sans", Helvetica, Arial, sans-serif; font-weight: 700;font-optical-sizing: auto; color:var(--kk-yellow); font-size: clamp(4.8rem, 14.2vw, 14.2rem); letter-spacing: -0.2rem; line-height:100%; text-align: left}
.swiper-slide content a, , .banner-wrapper-inline content a{text-decoration: none;font-size:1.2rem;color:var(--kk-yellow)}
.swiper-slide content a:hover, , .banner-wrapper-inline content a:hover{color:#fff; background:#103b2e;}
.swiper-slide content cta, , .banner-wrapper-inline content ctra{ display: block;margin-bottom:20px}
.swiper-slide content cta{display: none}
.swiper-slide content a.primary-link, .swiper-slide content cta a{ border: 1px solid #fff;border-radius: 6px; background: var(--cta-bg-color); color: var(--kk-yellow); text-align: center; padding: 10px 27px; display: inline-block !important; margin: 0 auto;width: auto; width: auto; position: relative; bottom:0;text-transform: uppercase;text-decoration: none}

.banner-wrapper-inline{position: relative;display: flex;flex-direction: column; gap: 24px; align-items:flex-start; justify-content: flex-start;}
.banner-wrapper-inline content{position: absolute; max-width:62%}
.banner-wrapper-inline .image-wrap{position: relative}
.banner-wrapper-inline content headline_1{font-family: "Noto Sans", Helvetica, Arial, sans-serif; font-weight: 500;font-optical-sizing: auto; color:#fff; font-size: clamp(2.8rem, 3.6vw, 3.5rem); letter-spacing: 0rem; text-align: left; text-transform: none;line-height: 105%;}
.banner-wrapper-inline content headline_2{font-family: "Noto Sans", Helvetica, Arial, sans-serif; font-weight: 400;font-optical-sizing: auto; color:var(--kk-yellow); font-size: clamp(2.4rem, 3.8vw, 3.8rem); letter-spacing: 0.2rem; line-height: 105%;text-align: left}

.swiper-slide content h3{font-family: "Noto Sans", Helvetica, Arial, sans-serif; font-weight: 700;font-optical-sizing: auto; color:var(--kk-yellow); font-size: clamp(1.8rem, 4.8vw, 4.8rem); text-transform: none; text-align: left}

.swiper-slide content teaser{display: inline-block;font-size: clamp(1rem, 3vw, 2.8rem)}
.swiper-slide content p{margin:0}
.swiper-slide content p strong{color:#fff font-weight:400; font-size:clamp(2.8rem, 3.8vw, 3.8rem);max-width:56%;display:block;line-height: 120%}
.swiper-slide content p:first-of-type{margin-top:20px}
.slideshow-link-previous{ background: url('../icon/arrow-previous.svg') no-repeat;left: 0}
.slideshow-link-next{background: url('../icon/arrow-next.svg') no-repeat;right: 0}
.slideshow-link-previous:hover,.slideshow-link-next:hover{cursor:pointer}
.slideshow-link-next, .slideshow-link-previous{display:none;width: 50px;height: 50px;background-size: 100%;opacity: 1;position: absolute;bottom: 170px; z-index:10;overflow: hidden;text-indent: -9999em;transition: all 0.2s}

.slideshow-link-next.static, .slideshow-link-previous.static{bottom: auto}

.swiper-pagination{ position: static;margin:14px 0 27px 0;text-align:left; display: flex; width:100%;align-items: center; overflow:hidden;
  justify-content: center;}

.swiper-pagination-bullet{margin-right:4px; height: 17px; width: 17px;border-radius: 50%;border: 2px solid #e4e4e4; cursor: pointer;transition: all 0.2s ease 0s;opacity:1;background:#e4e4e4}
.swiper-pagination-bullet-active{ background: #2a4662}
.swiper-pagination-bullet:hover{background:#2a4662}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image: none}


.image-small-block img{ width: 100%; display: inline}
.a-btn{border: 1px solid #fff; padding: 20px 40px;transition: background 0.4s ease-out; -webkit-transition: background 0.4s ease-out;-o-transition: background 0.4 ease-out}
.a-btn:hover{color:#fff; background-color: #1099d3; border: 1px solid #1099d3}

.containerMM{width: 100%;height: 80px;position: absolute; z-index:20; /*top:0;*/ margin: 0 auto;text-align: left;font-size: 1.7rem; display: table}
.containerMM a, .containerMM span[rel=topic]{font-family: 'Noto Sans', Helvetica, Arial, sans-serif; font-weight: 600}

.flex{display: flex; flex-wrap: wrap}
.flex-col{ flex-direction: column}
.flex-2-3{display:flex; flex-basis:66%}
.flex-1-3{display:flex; flex-basis:33%}
.flex-1-3 img{max-width: 85%; margin: 0 20%}
.flex .align-bottom{align-items:last baseline}
.flex .align-right{text-align: right}

#sidebar-menu{display: table; padding: 0; margin: 0;box-shadow: 0px 3px 4px #666666; width: 100%}
#sidebar-menu a{ color:#2a4662}
#sidebar-menu li:first-of-type{margin-top: 19px}
#sidebar-menu li{background-color: #ececed; margin-bottom: 10px; border-bottom: 1px solid #9c9e9f; border-right: 1px solid #9c9e9f; list-style:none; display: table; width: 95%;text-align: left; height: 40px;transition: background 0.2s ease-out; -webkit-transition: background 0.2s ease-out;-o-transition: background 0.2 ease-out}

#sidebar-menu li:hover, #sidebar-menu li.act{ background-position: left bottom;background-color: #001f41}
#sidebar-menu li:hover a,#sidebar-menu li.act a, #sidebar-menuli.act a:hover{color: #fff}

#sidebar-menu li:last-child{margin-bottom: 38px}
#sidebar-menu a{padding: 0 5px 0 60px; text-decoration: none; text-transform:uppercase; font-weight: 600; font-size: .9rem; display: table-cell; vertical-align:middle;background: url('../global/icon_sidemenu.png') center right 5px no-repeat}

#sidebar-menu li.act a, #sidebar-menu li:hover a{background: url("../global/icon_sidemenu-white.png") right 5px center no-repeat}

.info-box{position: absolute; z-index: 50; color: #000; width: 310px; text-align:left; right: 0; bottom: 0;background: rgba(255, 255, 255, .9);font-size: 1rem;outline: 1px solid #ececed}
.info-box h4{font-size: 1rem; color: #000; font-weight: 700; text-transform:uppercase;margin: 5px 0 5px 9px; padding-top:9px; }
.info-box article{border-top: 1px dotted #9da0a2; margin-left: 9px; padding: 9px 0 6px 0;margin-right: 20px}
.info-box article:hover .info-box.bg-70{background-color: #000}

.at-subheadline.short{display:block}
.at-subheadline.full{display:none}

.p-footer{width: 100%; color: var(--main-text-color);font-size:1.1rem;padding:10px 0 30px 0}
.p-footer table{width:1010px; margin: 0 auto; margin-top: 7px}
.p-footer td{vertical-align:top}
.p-footer .containerMM{padding:0;margin:0;position: static;width:auto;font-size: 1.1rem}
.p-footer .m-item, .p-footer .m-item-act{font-size: 1.2rem; height: auto;font-weight: 500}
.p-footer .m-item-act a{color: var(--navitem-hover-text-color)}
.p-footer .m-item-act a:hover{color: var(--navitem-hover-text-color); border-bottom:2px solid var(--navitem-hover-text-color)}
.p-footer a{text-decoration: none; padding:0}
.p-footer img{ width:36px; height:auto}
.p-footer ul, .p-footer ul.flex{margin: 0 !important}
.p-footer a img{margin-right: 16px}
#footer-menu a{ color:#fff;text-decoration:underline}
#footer-menu li{list-style: none; float: left; padding: 0 8px 0 0}
#footer-menu li a:hover{text-decoration:none}
.content-main{text-align: left;color: var(--main-text-color);font-size: 1.2rem}
a{color:#2a4662}

.detail{text-align: left; font-size: 1.1rem}
.page-content .page-topic2, .detail .page-topic3, .page-content h2,.page-content headline_2 .page-content h3{font-size: clamp(1.6rem, 3vw, 1.75rem); padding: 5px 0}
.page-content headline_2{font-weight:600}
.detail .info-box{display:block; position: static; margin-top:56px;font-size: .9rem}
.detail .p-footer .m-item, .detail .p-footer .m-item-act a{text-decoration: none}

.p-breadcrumb{margin-top:83px;font-size: 1rem;font-family: 'Noto Sans', Helvetica, Arial, sans-serif;font-weight: 400;color: #2a4662; margin-bottom: 20px; width: auto;border-bottom: 1px solid #2a4662}
.p-breadcrumb a{margin: 0;color: #2a4662;text-decoration: none;font-family: 'Noto Sans', Helvetica, Arial, sans-serif;font-weight: 600}
.p-breadcrumb a:hover{ color:var(--primary-link-bg-color)}
.border, .border-right{border-top: 1px solid #c2c2c2}
.border-right{margin-bottom: 6px}
.news-listing img{float: none}
.info-label{color: #0094df}
.a-link-after{margin: 0 0 30px 0; text-align: right}
.a-link-after img{float: right;clear: both; margin-right: 0; }
.a-link-before{margin: 0 0 30px 0; text-align: left}
.a-link-before img{float: left;clear: both; margin-left: 0; }
.a-block:hover{cursor:pointer}
.at-listing{margin:0;padding:0}
.at-listing li{margin:0;list-style: none;height: 30px}

.sold-out{font-weight: 700;color:#a80516}

.articleListing li{list-style:none; margin-bottom: 10px}
.articleListing .menuItemACT a{color: #fff; text-align:center; display: table-cell;border: 1px solid #fff; border-radius: 6px; width: 300px;text-decoration: none;padding:0;background-color: #585858}
.articleListing .menuItem a{text-align:center; display: table-cell;border: 1px solid #fff; border-radius: 6px; width: 300px;text-decoration: none;padding:0;background-color: #585858;color: #000}
.articleListing .menuItem a:hover{background-color: #fff;color: #585858}

.a-links{width: 700px; margin-bottom:30px;color:#050505}
.a-links td{ vertical-align: middle}
.a-links a{text-decoration: none;color: #000;text-transform:uppercase;font-family: 'Noto Sans', Helvetica, Arial, sans-serif;font-weight: 700}

.at-pagelist ol{ padding: 14px 20px}
.at-pagelist a{color:#001f41}

input[type=submit]{ border-radius:9px; background-color:var(--cta-bg-color);color:var(--kk-yellow)}
input[type=submit]:hover{ background-color:#001f41}

.imageBox{padding: 0}
.page-topic1{padding: 10px 0 3px 0;margin: 0 0 0px 0}
.page-topic2{margin: 0 0 5px 0;background-color: transparent}

h1, headline_1{font-size: clamp(2rem, 5vw, 3.3rem);hyphens: auto; margin: 0 0 6px 0;font-family: "Noto Sans", Helvetica, Arial, sans-serif; text-align: center; font-optical-sizing: auto; text-transform: uppercase}
h2, headline_2{font-size: clamp(1.6rem, 3vw, 1.75rem);margin: 0;line-height: 1.6em;font-family: 'Noto Sans', Helvetica, Arial, sans-serif !important;
  font-optical-sizing: auto;text-align: center}
h1 ~ h3, headline_1 ~headline_3,.page-content h2 ~ h3, .page-content headline_2 ~headline_3{ border-top: 4px solid #2a4662}

h2 a, headline_2 a{color: #000;background-color: transparent}
h3, headline_3{font-size: 1.5rem;margin: 10px 0 10px 0; font-family: 'Noto Sans', Helvetica, Arial, sans-serif; text-align:center; font-weight:400}
h4, h5{font-size: 1.2rem;margin: 0}
h3,h4, h5, headline_3{color: #3a3a3a;background-color: transparent;font-family: 'Noto Sans', Helvetica, Arial, sans-serif;margin-bottom: 10px}
headline_1, headline_2, headline_3{display:block}
h5{ font-size:clamp(1rem, 5vw, 1.1rem);font-weight: 600}

h1:not(:first-of-type), headline_1{ font-size: clamp(1.6rem, 5vw, 2.5rem);}

.content-main a{}
a img{border: none}
a:hover{text-decoration: none;color: #000;background-color: transparent}

.fleximage{ display:flex}
.v-list, .news-listing{background-color: transparent}
.v-list a{ text-decoration:none}
.v-list:nth-of-type(3n){clear: right; margin-right: 0}
.v-list{color: #fff;width: 100%; margin: 0 0 18px 0; overflow:hidden}
.v-list h1, .v-list headline_1{width: auto; height: 30px; padding: 10px 12px 8px 12px;font-family: 'Noto Sans', Helvetica, Arial, sans-serif;font-weight: 700; background-color:#2a4662; font-size: .9rem;color: #fff; margin:0}
.v-list img{ width:100%; height:auto}
.
.v-list:hover .ov-c{opacity:1;bottom: 0}
.v-list .archive-top{ opacity:1}
.v-list:hover .archive-top{ opacity:0}
.v-list .ov{left: -1px;bottom: 0;width: 100%; height: 181px; position: absolute; overflow: hidden;padding-right:1px}
.v-list .ov-c{opacity:0; position: absolute; text-align: left; transition-delay: 0.3s; transition-duration: 0.6s, 0.2s; transition-property: opacity, transform; transition-timing-function: ease, ease; width: 100% !important; left: 1px; min-height: 90px; z-index: 1; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 91%);bottom: -40px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out}

.btn-fotostrecke{position: absolute; bottom: 20px; right: 20px; transition: all .2s ease}

.primary-link{ border-radius: 6px; background: var(--primary-link-bg-color); color: var(--primary-link-text-color); text-align: center; padding: 10px 27px; display: inline-block !important; margin: 0 auto;width: auto; width: auto; position: relative; bottom:0;text-transform: uppercase;text-decoration: none}
.primary-link:hover{background: var(--primary-link-bg-color-hover); color:#fff }
.secondary-link{ border-radius: 6px; background: var(--secondary-link-bg-color); color: var(--secondary-link-text-color); text-align: center; padding: 10px 27px; display: inline-block !important; margin: 0 auto;width: auto; width: auto; position: relative; bottom:0;text-transform: uppercase;text-decoration: none}

data-image{overflow:hidden !important; max-width: 100%; line-height: 0; margin-bottom:10px}
data-image img{ max-width: 100%}
data-item h2, data-item headline_2{font-family: 'Noto Sans', Helvetica, Arial, sans-serif;font-weight: 700; text-transform: uppercase; line-height:1.1em; margin-bottom:10px}

.calendar-bar{ margin:0 0 60px 0 !important; padding:0; border-top: 1px solid #2a4662; border-bottom: 1px solid #2a4662; display: flex; width: 100%}
.calendar-bar a{ text-decoration: none; font-weight:600}
.calendar-bar a:hover, .calendar-bar .active a:hover{color: var(--navitem-active-text-color)}
.calendar-bar li{display:flex; padding: 15px 0; text-transform: uppercase;flex-grow: 1;}
.calendar-bar .active a{ color: var(--navitem-active-text-color); border-bottom: 2px solid var(--navitem-active-text-color)}
.calendar-bar .active a:hover{border-color:#fff}
.calendar-bar .unavailable, .calendar-bar .unavailable a{color:#cccac9}

label[for=toggle-category], #toggle-category, label[for=toggle-month], #toggle-month, label[for=toggle-year], #toggle-year, label[for=toggle-media], #toggle-media{display: none}

.download-box{ display:table;width:100%;padding-top:11px;font-family: 'Noto Sans', Helvetica, Arial, sans-serif;font-weight: 600}
.table{ display:table;;margin-bottom:27px;float:none}

.download-box a{ text-decoration:none}
.download-box img{ float: left;margin:0 11px 11px 11px; width:73px; height:auto}
.download-box h1, .download-box headline_1{ text-transform:uppercase;font-size:1.1rem}
.download-box .d-icon{ width: 73px; float: left; text-align: center;margin:0 11px 11px 11px}
.download-box .d-icon img{float:none; width:auto;height:auto}

.w_700{width:700px; display:inline-block}

.containerContent{width: 1360px;padding: 0 20px}
.containerContent ul{padding: 0;margin: 0 0 0 10px;list-style: square}
.containerContent section ul{padding: 0;margin: 0;list-style: square}
.a_small{font-size: 0.9rem;color: #3f3f3f;background-color: transparent;text-decoration: none;font-weight: normal}
.a_small:hover{font-size: 0.9rem;color: #474747;background-color: transparent;text-decoration: none;font-weight: normal}
.pageNavigation ul{padding: 0rem;margin: 0 0 0 2em}
#pageSitemap ul li{list-style: none;margin-left: -1em}
.articleImage img{margin-bottom: 2em}
.list_spacer{margin: 10px 0 10px 0;height: 1px;border-bottom: 1px solid #e8d8b0}
.p-table{width: 310px}
.p-table h4{margin-bottom: 0}
.p-table tr td{vertical-align: top;padding-bottom: 5px}
.td-label{padding-right: 10px}
.active-image img{opacity: 1}
.inactive-image{opacity:0.18}
.inactive-image:hover{opacity:1}

.price_info{font-size: 0.8rem;font-family: 'Noto Sans', Helvetica, Arial, sans-serif;font-weight: 300}
.price_info ol li{list-style-type: super-decimal; margin-left: -40px}
/** gallery part **/

#p-thumblist{overflow: hidden}
#p-overlay{display: none;width: 1360px;height: 550px;background-color: #8d121b;color: #2a4662;position: absolute;z-index:201}
#galleryImageBox{width: 1360px;height: 550px;display: none;overflow:hidden}
#gallery_navig{width: 1360px;position: absolute;z-index: 20;margin-top: -29px;text-align: center}
#gallery_navig img{margin-right: 1px}
#ul-page-sitemap li{list-style-type:none}

.image-signature, .image-copyright{color: #2a4662;font-size: clamp(.8rem, 3vw, 1rem);margin-top: -10px}
.image-signature{ padding: 10px 0;font-weight: 400}
.image-copyright{ padding: 0 0 5px 0;font-weight: 300}

#THUMBNAIL_LISTING{text-align: left}
#THUMBNAIL_LISTING a{margin: 0;padding:0;display: inline-block}
#THUMBNAIL_LISTING a:nth-of-type(3n){margin-right: 0; clear: left}
.img-no{opacity: 0.5;width: 140px;height: 70px}
.img-no:hover{opacity: 1}
#wrap-gal{width: 100%; overflow:hidden;text-align:center}
.wrap-g{width: 100%; height: auto; min-width: 1360px;min-height: 550px;overflow: hidden;visibility: hidden}
.wrap-g img{width: 100%; height: auto; min-width: 1360px;min-height: 550px}

#customer-gal div{float: left;margin: 0;padding:0;position: relative}
#customer-gal{overflow: hidden;position: relative}
.swipe-wrap{overflow: hidden;position: relative}
.a-left, .a-right{float: left}
.act-img{outline: 2px solid #fff}
.act-img img, .act-img:hover{opacity: 1}
.label{margin-right: 6px;color: #f59000;background-color: transparent}
.icon-img-left{float: left;margin-right: 12px}
.icon-img-right{float: right;margin-left: 12px}
.arrows{display: none;position: absolute;z-index: 12}
.arrows a img{opacity:0.85}
.arrows a img:hover{opacity: 1}
#thumb-preview{position: absolute;z-index: 18;box-shadow: 0px 2px 12px #050505; border: 10px solid #fff; display: none}

.f-img{}
.box-image-left{}
.box-image-left .f-img{ margin-bottom:12px}
.box-image-left .f-img{float: left;margin-right: 15px}
.box-image-left h1, .box-image-left headline_1{font-size:1.3rem; margin: 0;font-family: 'Noto Sans', Helvetica, Arial, sans-serif;font-weight: 400}
.box-image-left h2, .box-image-left headline_2{font-size:1.2rem;font-family: 'Noto Sans', Helvetica, Arial, sans-serif;margin-bottom: 10px}

.box-image-right{}
.box-image-right img{}
.box-image-right .f-img{padding-left: 15px}
.box-image-right h1, .box-image-right headline_1{font-size:1.3rem; margin: 0;font-family: 'Noto Sans', Helvetica, Arial, sans-serif;font-weight: 400}
.box-image-right h2, .box-image-right headline_2{font-size:1.2rem;font-family: 'Noto Sans', Helvetica, Arial, sans-serif; margin-bottom: 10px}

.box-image-top{ margin-bottom:12px; display: inline-block}
.f-left{float: left}
.f-right{float: right}
.clear{clear: both}
.content-spacer{clear:both;height: 60px}
.code-only{display: none}
.inner-wrap{width: 100%; margin: 0 auto 0 auto; text-align: left}

.ul-files{padding: 0; }
.ul-files li{list-style:none;margin-left:-12px}
.filedownload{color: #2a4662;text-decoration: none}
.filedownload a{color: #2a4662}
.filedownload:hover{color: #585858}
.filedownload:before{padding-left: 2px; position: relative; top: -20px; margin-right: 5px; display: block; width: 60px; height: 60px;  float: left}
.filedownload.pdf:before{content: url('../icon/file-pdf.svg')}
.filedownload.default:before{content: url('../icon/file-default.svg')}
.vtt-audio-wrapper{ display: flex; flex-direction: column; position: relative; overflow:hidden}
.vtt-audio-wrapper audio{width: 100%}
.vtt-display{ align-items: center; overflow:hidden;
  justify-content: center;display: flex; flex-wrap: wrap;
	text-align:center;font-weight:400;text-wrap:balance; font-size:1.1rem; padding: 27px;color: #fff; background:#2a4662;height:120px}
.box-small{ width: 600px}
.dialog-close{ background:url(../icon/icon-close-white.svg); width: 27px; height: 27px; position:absolute;z-index: 50000; right: 14px;top:14px}
.dialog-close:hover{cursor:pointer}

preview_image:after{ content: ''; background: url(../global/play.png) bottom right no-repeat; width: 26px; height: 26px; position: absolute; z-index: 1; display: block; right: 0; bottom: 8px}
.icon-play{ background:url(../global/play.png) bottom right no-repeat; width: 100%; height: 26px; position:absolute}
.icon-play:hover{cursor:pointer}
.tinytext{font-size:.9rem;font-weight:400}

.lightbox{display: none;position: fixed; z-index: 999;top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,0.8) !important;text-decoration:none}
.lightbox:hover{background: rgba(0,0,0,0.8)}
.lightbox img, #ov-inner.multimedia-video, #ov-inner.multimedia-audio{max-width: 80vw;max-height: 80vh;margin-top: 2%}

.lightbox .caption{text-align: left; background-color: #fff; color:#5a5a5a;max-width:1360px; margin: 0 auto}
.lightbox .caption p{margin: 0; padding: 5px 10px; font-size: 1.1rem}
.lightbox:target{outline: none; display: block}


.lightbox-wrp .swiper_container{ width:100%}
.lightbox-wrp .swiper_pagination{ margin: 10px 0 0 10px}
.lightbox-wrp .swiper_pagination .swiper-pagination-bullet:hover, .lightbox-wrp .swiper_pagination .swiper-pagination-bullet-active{ background-color:#e05710;border: 1px solid #e05710}
.lightbox-wrp .swiper_pagination .swiper-pagination-bullet{border: 1px solid #e05710}
.lightbox-wrp .swiper-wrapper{ height: 400px !important; width: 100% !important; overflow:hidden}
.lightbox-wrp .swiper-slide{ height: auto !important; width: 100% !important; max-height: 900px !important}
.lightbox-wrp .swiper-slide img{ min-width:100% !important; height: auto !important; object-fit:scale-down}
.lightbox-wrp .swiper-slide .caption{ width: 100% !important; background: #fff; position:absolute; bottom: 0}

.lightbox-wrp, #ov-inner.multimedia-video, #ov-inner.multimedia-audio{display:inline-block; max-width: 90%;background: url(../global/loader_24.png) no-repeat center #2a4662;
	margin-top: 2%}
.lightbox-wrp{ height: auto !important}

.lightbox-wrp .caption{ width: auto !important; max-width: 100%;}
.lightbox-wrp .caption p{ display:inline-block !important}
.lightbox-wrp .caption p{margin: 0; padding: 7px 14px; font-size: 1.1rem}
#ov-inner{ height: auto !important}
#ov-inner.multimedia-audio, #ov-inner.multimedia-audio audio{max-width:100vw; overflow:hidden}
#ov-inner .box-image-ledt.f-img{ margin:0 !important}
#ov-inner img{ width: 100%}
#ov-inner.multimedia-bild img{max-width: 100%;height: auto; width: auto !important}

#mm-elm{ max-height:90vh; min-width: 80vw;max-width:1360px}
#mm-elm img{ position:relative}
#mm-elm audio{ width: 100%}

#mm-elm .video-embed{min-width:65vw; max-height:80vh;float: none; clear: both; max-width: 1360px; width: 100%; position: relative; padding-bottom: 56.25%; height: 0; display:block !important}
#mm-elm .video-embed iframe, .video-wrapper iframe{position: absolute;top: 0;left: 0; max-width: 1360px;width: 100%;height: 100%}

.subpage-navigation{display: flex; flex-wrap: wrap;}
.subpage-navigation h2{ }
.subpage-navigation a.secondary-link{ margin-bottom: 14px; width: 100%;border:1px solid var(--secondary-link-bg-color)}
.subpage-navigation a.secondary-link.active{color: var(--secondary-link-bg-color); background: var(--secondary-link-text-color); border:1px solid var(--secondary-link-bg-color)}
	

.video-wrapper{height: auto;position: relative}
.video-wrapper iframe, .video-wrapper embed, .video-wrapper object, .video-wrapper video{top: 0;left: 0;width: 100%;height: 100%}
.video-wrapper, .video-wrapper .caption{ background-color: #fff}
.video-wrapper[rel=aspect-ratio--4_3]{ position: relative; padding-bottom: 75%; height: 0}
.video-wrapper[rel=aspect-ratio--16_9]{ position: relative; padding-bottom: 56.25%; height: 0}
.video-wrapper[rel=aspect-ratio--21_9]{ position: relative; padding-bottom: 41.6%; height: 0}
/**
ratio padding-bottom = 100 / width-ratio * height-ratio
*/

.lbi{position: fixed; z-index: 40000;top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,0.8) !important;text-decoration:none}

.lbi img{max-width: 100%; height: auto; max-height: 80vh}
.lbi .caption{text-align: left; background-color: #fff; color:#5a5a5a; margin: 0 auto; border-top:1px solid #eaeaea}
.lbi .caption p{display:inline-block !important;margin: 0; padding: 5px 0; font-size: 1rem}

.lbi .lb-wrp{overflow:hidden;max-width: 90%; background: url(../global/loader_24.png) no-repeat center #2a4662; display: inline-block;box-shadow: 0px 6px 12px #000; outline:1px solid #fff;margin-top: 5%}

ul.grid-list{margin-left:-10px}
ul.grid-list li{list-style:none; list-style-type: none}


.sidebar-button{ display:none; right:0; margin-top:32px}
.sidebar_visible{ width: 100%; display:block!important}
.cookie-policy{ background-color:#fff; padding-bottom:0px; position:fixed; text-align:center; bottom:0; left:0; width:100%; z-index: 20;display: inline-block !important; font-size: 1.1rem; max-height: 90vh;overflow: auto;border-top:1px solid #cccac9}

body[rel=data-privacy] .cookie-policy{position:static}
.page-content.cookie-policy-innerwrap{ border-radius: 0;background: transparent; paddin:0}
.cookie-policy h3, .cookie-policy headline_3{ font-size: 1.1rem}
.cookie-policy a{ }
.cookie-policy .a-button a,.cookie-policy button{border-radius:9px; float: left; margin: 0 10px 10px 0}
.cookie-policy p{margin: 0 auto 20px auto}
.cookie-policy-innerwrap{ max-width:90%; margin: 10px auto; text-align: left}
.cookie-policy button:hover{}
.cookie-policy .feedback-error{color:#3d4b61}
.cookie-policy label.cb-label{width:90%}
#cookie-customize{ clear: both;display: none}
.fl{ float:left}

ul.flex {box-sizing: border-box; list-style: outside none none; margin: 0; padding: 0 0 0 0 !important; display: flex; flex-wrap: wrap; flex-direction: row}
ul.flex li{display: flex;transition: all .2s ease}
ul.flex li .list-content{ width:100%;flex-direction: column;display:flex; padding: 32px 0 0 32px;position: relative}

.grid-col-2 li{flex-basis: 50%}
.grid-col-3 li{flex-basis: 33.33%}
.grid-col-4 li{flex-basis: 25%}

.grid-box {
    display: flex;
    height: 100%;
    width: 50%;
    transition: all .2s ease;
}

.list-content {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 15px 15px 0;
    width: 100%;
}

.grid-box .img-box{ overflow: hidden; margin-bottom: 0}

.img-box.downloads img{ width: 240px; height:auto }

p.filedownload{margin-top:0}
.grid-box img {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    width: 100%;
    height: auto;
}

.img-width-910{ margin-bottom:10px}

*[device-view=smartphone], *[device-view=tablet], *[device-view=smartphone_tablet]{ display: none}
.hidden{ display:none}
.mobile-button{ position: fixed; z-index:22;left: 0;top: 50px; width:40px; height: 40px; display:table-cell; vertical-align:middle; text-align:center}
.mobile-button img{ width: 40px !important; height: 40px !important; display: inline; padding: 9px}

.box-image-left{ }
.box-image-left .f-img{}

@media all and (max-width: 1480px){
	#mp-menu{margin-left:40px}
}

@media all and (max-width: 1420px){
	#page-wrap, .page-wrap, .containerContent{width:auto}
	.banner-wrapper-inline .page-wrap{ width: 100%}
	
}
@media all and (max-width: 1300px){
	.prev_button{left:-5px}
	.next_button{right:-5px}
	#info-box:hover{z-index:158}
}

@media all and (max-width: 1390px){
	#mp-menu ul { padding: 0 10px 0 20px}
}

@media all and (max-width: 1360px){
    #p-logo{ margin-left: 20px}
	.info-box{ left: auto; right:18px}
	.box-main{width:auto; max-width: 100%; display:inline-block}
    .p-footer{ width:100%;display: inline-block !important; margin: 0}
    .p-footer ul.flex{ margin: 0 10px !important}
    .p-footer table{width:100% !important}
    #sidebar-menu{ position: fixed; z-index:40;left: 0;bottom:0; width: 100%; box-shadow: none; margin:0; padding: 0; display: inline-block}
    #sidebar-menu a{background-image: none}
    #sidebar-menu li{width: 25%; float:left; border:none; margin:0}
    #sidebar-menu li:first-of-type, #sidebar-menu li:last-child{ margin:0; padding: 0}
}

@media all and (max-width: 1280px){
	
}
@media all and (max-width: 1140px){
	#mp-menu ul { padding: 0 0 0 10px}
}
@media all and (max-width: 1100px){
    .box-main{margin: 20px 0 0 0}
    body,.page-header{ background-image: none}
    .outer-wrap{ background-color:  #fff; position:fixed; top:0; z-index:40; width:100%; height:60px}
    #p-logo{ margin: 10px 0 0 10px}
    #p-logo img{ margin:10px 0; width: 265px; height:auto}
    .next_button, .prev_button{display: none}
    .page-header{ height: auto}
    .swiper_pagination{ margin-left: 10px; margin-top: -30px}
    #page-wrap,.containerContent{ width: auto !important}
	
	.page-content{padding:40px}
	.info-box{top: 0; left:auto;right: 0}
    .info-box article{padding:3px 0 3px 0}
    .info-box .bg-90{ padding-top:4px}
    .info-box section[rel=aktuelles]{ display:none}
    #sidebar-menu{ position: fixed; z-index:40;left: 0;bottom:0; width: 100%; box-shadow: none; margin:0; padding: 0; display: inline-block}
    #sidebar-menu a{background-image: none}
    #sidebar-menu li{width: 25%; float:left; border:none; margin:0}
    #sidebar-menu li:first-of-type, #sidebar-menu li:last-child{ margin:0; padding: 0}
	.containerMM{font-size:1.2em}
	.containerMM button, .p-footer{ display: none}
	.swiper-slide content cta{display: block}
	.top-bar{padding: 20px 20px 0 20px}
	article[rel="article-detail"] .inner1{flex-basis:100%}
    .v-list .ov-c{opacity:1; bottom:0; z-index: 1}
    .v-list{margin-bottom: 10px}
    .v-inner{height:225px}
    .v-inner h1, .v-inner headline_1{ font-size:9pt; height: auto}
    .v-inner h2[rel=datum], .v-inner headline_2[rel=datum]{ position:absolute; font-size: 8pt; font-weight: 400; text-transform: uppercase;background-color: #e05710; padding:3px 12px}
    ul.grid-list{ margin-left:0}
    .box-image-top img{width:100%; height:auto}
    .box-image-left .f-left.img-width-910{ float: none;width:100%;padding-right:0}
    .img-width-910 img{ width:100%; height:auto}
    .box-image-right .f-right.img-width-910{ float: none;width:100%;padding-left:0}
    .box-image-right .img-width-910 img{ width:100%; height:auto}
    .box-main{ float:none; width: 100%; max-width:100%}
	
	.p-logo img{top:0}
    .containerMM a, .containerMM span[rel=topic]{background-color: transparent !important; background-image: none !important}
    .containerMM span[rel=topic]{ color: #fff !important; text-transform: uppercase; text-align: left !important;width: auto !important; display: table-cell;height: 34px; vertical-align:middle; font-style: italic}
	#mp-menu ul{margin-bottom: 20px;display: flex;
    flex-wrap: wrap;}
      #mp-menu ul li a, #mp-menu ul li span[rel=topic]{ border:none; width:auto; padding-left: 20px}
      .level0{ height:auto}
      .level0 li:first-of-type{display:none}
      #p-main-menu ul{ display: block;position: static; float:none;background-color: transparent; box-shadow: none; margin-bottom: 30px; width: 100%}
      #p-main-menu ul li{ float:none; width: 100%; margin:0; background-color: transparent !important; border:none}
      #p-main-menu ul li a, #p-main-menu ul li span[rel=topic]{ background-color:  transparent; border: none}
      #p-main-menu ul{ visibility: visible}
      #p-main-menu ul li a:after{ content:''; width:0}
      *[data-attr="mobile-only"]{ display:block !important}
      .menuItem a, .menuItemACT a, #p-main-menu ul li.menuItemACT a, #p-main-menu ul li li.menuItemACT a, .menuItemACT span[rel=topic]{ }
    #mp-menu ul li:hover{ background-color:transparent}
	
	.cookie-policy{ padding-bottom: 0}
	.cookie-policy-innerwrap{ max-width:100%; padding: 0 18px}
    
    .inner1, .inner3{float: none; width: auto !important; margin-right: 0;padding:10px}
	article[rel="article-detail"]{padding: 20px 0}
	article[rel="article-detail"] .inner3{ flex-basis:100%}
    .inner1{ margin-top:0}
	
}

@media all and (max-width: 980px){
    .grid-col-3 li{ flex-basis: 50%}
	label[rel=toggle-dropdown]{ display: flex; text-transform: uppercase;float: none; width: 100%; position: relative; background: #eeeeee; color:#2a4662; font-weight: 600}
	label[rel=toggle-dropdown] displayed_selection{padding: 27px 14px;text-align: center;width: 100%}
}

@media all and (max-width: 850px){
	.containerContent{padding:0}
	top-bar{ text-align:center}
	.flex-2-3{display:flex; flex-basis:100%}
.flex-1-3{display:flex; flex-basis:100%}
.flex-1-3 img{max-width: 100%; margin: 0 auto}
.flex .align-bottom{align-items:last baseline}
.flex .align-right{text-align: center}
	
	.containerContent .page-topic1:first-of-type, .containerContent headline_1:first-of-type{font-size: 2rem}
	h1, headline_1{font-size: 1.8rem}
	.detail .page-topic3{font-size: 1.3rem}
	.swiper-slide content{}
	.slideshow-link-next, .slideshow-link-previous{bottom:80px}
	.page-content{padding:30px;margin:0 20px}
	.box-image-left{ display:flex; flex-direction: column; margin-bottom:43px}
	.img-width-475{width:100% !important}
	.box-image-left .f-img{margin-right: 0}
	.box-image-left .f-img img{width:100%}
}

@media all and (max-width: 850px) and (orientation: portrait) {
	page-owner{padding:0 0 0 28px}
	.swiper-slide .image-wrap{max-height: 85vh}
	.swiper-slide content{ padding: 40px 28px 0 28px;display: flex; flex-direction: column;justify-content: flex-start}
	.swiper-slide content p strong{max-width:70%;font-size:clamp(2.4rem, 3.8vw, 3.8rem)}
	.banner-wrapper-inline content{max-width:100%; justify-content: flex-start;padding: 0 28px}
	.swiper-slide content a.primary-link, .swiper-slide content cta a{position: absolute;bottom:20px}
	.banner-wrapper-inline content headline_2{font-size: clamp(2.1rem, 4.8vw, 4.8rem)}
}
/** tablets */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
      .containerMM{ position: fixed; z-index:80; width:100%; height: 100%}
      .containerMM a, .containerMM span[rel=topic]{background-color: transparent !important; background-image: none !important}
      .containerMM span[rel=topic]{ color: #fff !important; text-transform: uppercase; text-align: left !important;width: auto !important; display: table-cell;height: 34px; vertical-align:middle; font-style: italic}
      #mp-menu ul li{ width:33%}
      #mp-menu ul{margin-bottom: 20px}
      #mp-menu ul li a, #mp-menu ul li span[rel=topic]{ border:none; width:auto; padding-left: 20px}
      .level0{ height:auto}
      .level0 li:first-of-type{display:none}
      #p-main-menu ul{ display: block;position: static; float:none;background-color: transparent; box-shadow: none; margin-bottom: 30px}
      #p-main-menu ul li{ float:none; width: 100%; margin:0; background-color: transparent !important; border:none}
      #p-main-menu ul li a, #p-main-menu ul li span[rel=topic]{ background-color:  transparent; border: none}
      #p-main-menu ul{ visibility: visible}
      #p-main-menu ul li a:after{ content:''; width:0}
      *[data-attr="mobile-only"]{ display:block !important}
      .menuItem a, .menuItemACT a, #p-main-menu ul li.menuItemACT a, #p-main-menu ul li li.menuItemACT a, .menuItemACT span[rel=topic]{ height: 30px}
      *[device-view=desktop], *[device-view=smartphone]{ display:none !important}
      *[device-view=tablet], *[device-view=smartphone_tablet]{ display: block !important}
      .box-image-left .f-img{float:none !important; margin-right:0px !important}
}
@media all and (max-width: 620px){
	top-bar{ font-size:}
}
@media only screen and (max-device-width: 1024px){
    .box-image-left .f-img img, .f-img img { width:100%}
    .box-image-left .f-img{float: none !important;margin-right: 0}
    .box-image-left .f-img{ float:none; margin-right:0}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
    #p-teaser img{object-fit: fill}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    #p-teaser{height:410px; max-height:410px;min-height:410px}
    #p-teaser img{object-fit: fill}
    #p-teaser img{min-height: 410px !important; max-height: 410px !important;width: 100% !important}
    .info-box section[rel=aktuelles]{ display:block}
   .box-main{padding-bottom: 40px}
}

/* smartphones */
@media all and (max-width: 800px){
	.detail .p-footer{ margin-bottom: 83px}
	.cookie-policy{position:static !important;position: fixed !important;bottom:0}
    
    .download-box, .download-box:hover{background-image:none}
    .w_700{ width:auto; padding: 0 20px}
    .compressed-list{ width:auto}
    ul.flex{ margin:0}
	
	.p-footer ul.flex, .p-footer ul.flex li{ display: block}
	#footer-menu li{float:none}
	#footer-menu li::after{ content:''}
}

@media all and (max-width: 600px){

}

@media all and (max-width: 700px){
    #sidebar-menu li{ width:50%; border-bottom: 1px solid #9c9e9f}
    #sidebar-menu li:nth-of-type(3), #sidebar-menu li:nth-of-type(4){border-bottom: none}
    #mp-menu ul li{ width: 100%}
    #mp-menu ul li:hover{ background-color: transparent}
	#BOX_contentMain{margin-bottom: 80px !important}
	input[type="text"], textarea{ display: inline-block !important; width:95% !important}

	#sidebar-menu li{ width:50% !important; border-bottom: 1px solid #9c9e9f}
    #sidebar-menu li:nth-of-type(4){border-bottom: none}
	
	.scroller{ right: 20px; bottom: 20px !important; top: auto !important; width: 40px; height: 40px}
	.cookie-policy{ padding-bottom: 0}
	.cookie-policy-innerwrap{ max-width:100%; padding: 0 18px}
	
	.cookie-policy .btn-big{ width:45% !important}
	.cookie-policy .btn-big:first-of-type{margin-bottom:18px}
    .box-image-left .f-img{ margin-right:0}
}

@media all and (max-width: 600px){
	.cookie-policy{position: fixed !important;bottom:0}
	.cookie-policy .btn-big{ width:100% !important; display:block; float: none !important; clear: both !important;text-align: center}
	.cookie-policy .btn-big:first-of-type{margin-bottom:18px}
}

@media all and (max-width: 480px){
    #p-logo img{ width:190px}
    #page-wrap{padding-top:50px}
    #BOX_contentMain{margin-bottom: 0px !important}
    .outer-wrap{ height: 50px}
    .containerMM{ overflow: auto}
    #mp-menu{ overflow: auto}
    #mp-menu ul li{ width: 100%}
    #sidebar-menu{ position: static; display:  inline-block}
    #sidebar-menu li{ width: 100% !important; float:none; clear:both}
    #sidebar-menu li:nth-of-type(3){border-bottom: 1px solid #9c9e9f}
	
	.cookie-policy .btn-big{ width:100% !important}
	.cookie-policy .btn-big:first-of-type{margin-bottom:18px}
}