@charset "UTF-8";
/* CSS Document */
@import 'fonts.css';

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; font-size:100%; margin:0; padding:0; }
a { outline:none; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
del,ins { text-decoration:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup,sub { vertical-align:baseline; }
legend { color:#000; }
input,button,textarea,select,optgroup,option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input,button,textarea,select { font-size:100%; }

/* Clearfix */
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
/*.clearfix {*zoom: 1;}*/

*, *:before, *:after {padding: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
figure, figure:before, figure:after {padding: 0; margin: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

body {margin: 0; /*font-family: 'Inria Serif', serif;*/ font-family: 'Barlow', sans-serif; color: rgba(66,66,68,1); background: rgba(234,234,236,1); line-height: 1.5;}
body.fix {height: 100%; overflow: hidden;}

/***************************** FORMAT *****************************/
/*h1, h2 {font-size: 1.75em;}
h3, h4 {font-size: 1.375em;}
h5, h6 {font-size: 1.25em;}*/
.text h1, .text h2 {font-size: 1.5em;}
.text h3, .text h4 {font-size: 1.25em;}
.text h5, .text h6 {font-size: 1.125em;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit; border: 0 !important; text-decoration: none;}
.seohead {position: absolute; text-indent: -9999em; color: rgba(234,234,236,1);}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6,
ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6,
ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6 {margin-top: 0.75em;}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul,
h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol {margin-top: 0.5em;}

hr + p, hr + ul, hr + ol, hr + h1, hr + h2, hr+ h3, hr + h4, hr + h5, hr + h6,
p + hr, ul + hr, ol + hr, h1 + hr, h2 + hr, h3 + hr, h4 + hr, h5 + hr, h6 + hr {margin-top: 1em;}

p, ul, ol {font-weight: 300;}
p + p, ul + p, ol + p {margin-top: 0.75rem;}
p + ul, p + ol,
.col-cap p + p, .col-cap p + ul, .col-cap p + ol, .col-cap ul + p, .col-cap ul + p {margin-top: 0.25em;}
.big {font-size: 1.125em;}
blockquote > *, .extra {font-size: 1.25em;}
.small {font-size: 0.875em;}
.headmedia .extra {font-size: 1.5em;}

b, strong, .bold {font-variant: normal; font-weight: 500;}

.serif {font-family: 'Inria Serif', serif;}

sub, sup, .sub, .sup {font-size: 0.75em;}
sub, .sub {vertical-align: sub;}
sup, .sup {vertical-align: top;}

ul {list-style-type: none;}
ul li {padding: 0 0 0.25rem 0.5rem; position: relative;}
ul li:before {content: '\00b7'; position: absolute; left: 0;}
ul li:last-of-type, ol li:last-of-type {padding-bottom: 0;}

ol {list-style: none; counter-reset: list-count;}
ol li {padding: 0 0 0.25rem 1.375rem; position: relative; counter-increment: list-count;}
ol li:before {content: counter(list-count) '.'; position: absolute; left: 0; vertical-align: bottom;}

footer, .medium, #mn ul {font-weight: 400;}
footer li {padding: 0;}
footer li:before {content: '';}
footer a {}

.light, .light *, .light a.phone, .light a.phone:hover  {color: rgba(234,234,236,1)}
.uppercase {text-transform: uppercase;}

.center-text {text-align: center;}

.nowrap {white-space: nowrap;}

/***************************** LINKS/SPANS *****************************/
a {text-decoration: none; color: inherit;
-webkit-transition: color .3s, background .3s, border .3s; transition: color .3s, background .3s, border .3s;}
a:hover, .color-text, .color-text a {color: rgba(241,87,0,1);}

a.phone, a.phone:hover {color: rgba(66,66,68,1); cursor: text;}

.color-text a:hover, a.color-text:hover, .orange-bg a:hover, .orange-bg a.light:hover, .orange-bg a:hover {color: rgba(117,117,118,1);}

button {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; border-radius: none;}
button:hover {cursor: pointer;}

.btn {display: inline-block; padding: 0 0.5rem;}
.btn span {display: block; position: relative; line-height: 1; padding: 0.75rem 0;}

.btn span:before, .btn span:after {display: inline-block; content: ''; width: 0; height: 0.06125rem; position: absolute; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); background: rgba(66,66,68,1); transition: width .3s;}
.btn span:before {top: 0.25rem;}
.btn span:after {bottom: 0.25rem;}
.btn:hover span:before, .btn span:hover:after {width: 100%;}

.light .btn span:before, .light .btn span:after {background: rgba(234,234,236,1);}

.img-wrap a {display: block; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,1); overflow: hidden;}
.img-wrap a img {opacity: 0.5; transition: opacity .3s;}
.img-wrap a:hover img {opacity: 1;}

.link-cap {width: 100%; position: absolute; left: 0; bottom: 0; padding: 1rem;}

/***************************** LAYOUT *****************************/
/* BASIC */
.wrapper, .wrap-small {height: auto; margin: 0 auto; max-width: 32rem; position: relative;}
main {display: block; padding-top: 0;}
.no-head + main {padding-top: 2.5rem;}

.dark-bg {background: rgba(66,66,68,1);}
.light-bg, .news-entry .text-s, .news-entry .text-s:before {background: rgba(234,234,236,1);}
.orange-bg {background: rgba(241,87,0,1);}

.cols, .col {width: 100%;}
.cols {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; -ms-flex-wrap: wrap; justify-content: flex-start;}
.col {-webkit-box-flex: initial; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: initial; position: relative; float: left;}

/* HEADER */
#mh {position: absolute; width: 100%; padding: 1rem; z-index: 2; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); transition: background .3s;}
.head-inner {position: relative; width: 100%;}

.logo {width: 8rem; height: auto; position: relative; z-index: 3; -webkit-transition: width .3s; transition: width .3s;}
.logo svg, .logo img {width: 100%; height: auto; position: absolute; top: 0; left: 0;}
.logo a {display: block; position: relative; width: 100%; height: 0; padding-bottom: 43.75%; overflow: hidden;}
.fill-w {fill: rgba(255,255,255,1); -webkit-transition: fill .3s; transition: fill .3s;}
a:hover .fill-w {fill: rgba(241,87,0,1);}

#mh.fixed, #mh.no-head {position: fixed; top: 0; padding: 0.5rem 1rem; background: rgba(66,66,68,1);}
#mh.fixed .logo, .no-head .logo {width: 5rem;}
#mh.fixed .logo a, .no-head .logo a {padding-bottom: 30%;}

/* NAVI */
nav ul {list-style-type: none;}
nav ul li {line-height: 1em;}
nav ul li:before {content: '';}

#mn {width: 100%; height: 100%; position: fixed; right: 0; top: 0; z-index: -2; -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); transition: transform .3s, visibility .3s; -webkit-overflow-scrolling: touch; visibility: hidden;}
#mn.open {-ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); z-index: 2; visibility: visible;}
#mn .menu {width: 100%; height: 100%; position: absolute; right: 0; padding: 6rem 1rem; background: rgba(66,66,68,1);}
#mn.open .menu {box-shadow: 0 0 2rem rgba(0,0,0,0.5);}
#mn .menu-item {padding: 0; border-top: 1px solid rgba(234,234,236,1);}
#mn .menu-item:first-of-type {border-top: none;}
#mn a.top-level {display: block; padding: 0.75rem 0;}

#mn ul li a:hover, #mn ul li.active > a {color: rgba(241,87,0,1);}

/* nav pull */
#pull {display: block; width: 2.5rem; height: 2rem; padding: 0.375rem 0 0.375rem 0.75rem; position: absolute; right: 0; z-index: 12;}
#pull, .social {top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.burger-wrap {width: 100%; height: 100%; position: relative;}

.burger, .burger:before, .burger:after {width: 1.75rem; height: 0.125rem; display: block; position: absolute; background: rgba(234,234,236,1);
-webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.burger {left: 0; top: 0;}
.burger:before {top: 0.5rem; content: '';}
.burger:after {top: 1rem; content: '';}

.open .burger {background: none;}
.open .burger:before {top: 0.5rem; width: 1.75rem;
-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.open .burger:after {top: 0.5rem; width: 1.75rem;
-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}


/* sub nav */
.sub-menu {display: none; padding-bottom: 1rem;}
.sub-menu li {padding: 0;}
.sub-menu a {display: block; padding: 0.75rem 2.5rem 0.75rem 0.5rem;}

.no-js .menu-item:hover > .sub-menu {display: block;}

.sub-pull {position: absolute; width: 2rem; height: 100%; right: 0; top: 0; z-index: 1; background: rgba(241,87,0,1);}
.sub-pull:hover {background: rgba(234,234,236,1);}

.sub-pull:after {display: block; content: ''; width: 0; height: 0; position: absolute; border-style: solid; border-width: 0.75rem 0.375rem 0 0.375rem; border-color: rgba(255,255,255,1) transparent transparent transparent; transition: all .3s; left: 50%; top: 0.875rem; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.sub-pull:hover:after {border-top-color: rgba(241,87,0,1);}
.open > .sub-pull:after {-ms-transform: translateX(-50%) rotate(180deg); -webkit-transform: translateX(-50%) rotate(180deg); transform: translateX(-50%) rotate(180deg);}


/* social */
.social {position: absolute; right: 2.5rem; z-index: 2; flex-flow: row nowrap; -ms-flex-wrap: nowrap;}
.social .col {width: auto; padding: 0; align-self: center;}
.social .col + .col {margin-left: 0.5rem;}
.social-item {padding: 0;}
.social-item a {display: block; width: 2rem; padding-bottom: 100%; position: relative;}
.social svg {width: 75%; height: auto;}
.lang a + a {margin-left: 0.25rem;}

/* SLIDER / IMAGES / MEDIA */
figure img {width: 100%; display: block;}
.stretch-w img {width: 100%; height: auto;}
.stretch-h img {width: auto; height: 100%;}

.tiles .stretch-w img {width: 110%; height: auto;}
.tiles .stretch-h img {width: auto; height: 110%;}

@supports (object-fit: cover){
.stretch-w img, .stretch-h img {width: 100%; height: 100%; object-fit: cover;}
.tiles .stretch-w img, .tiles .stretch-h img {width: 110%; height: 110%;}
}

.video {padding-bottom: 56.25%; position: relative;}
.video iframe, .video video, .headvideo iframe, .headvideo video {width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}
.headvideo iframe, .headvideo video {opacity: 0.85;}
.headvideo div {position: absolute !important; bottom: 0; left: 0; width: 100%; height: 100%;} /* working draft */

.headmedia, .slider-wrap, .no-js .slide {position: relative;}
.headmedia {background: rgba(0,0,0,1);}
.headmedia figure {padding-bottom: 50%;}
.slider figure, .acc-cont .img-wrap, .news-entry .img-wrap {padding-bottom: 56.25%;}
.headmedia img, .slider img, .img-wrap img, .social svg, .img-divide .btn {position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

.headmedia img {opacity: 0.75;}
.headmedia figcaption {position: absolute; width: 100%; bottom: 2rem; left: 0; line-height: 1;}
.head-cap {padding: 0 4rem 0 1rem;}

.img-high .img-wrap {padding-bottom: 110%;}
.img-low .img-wrap {padding-bottom: 75%;}
.alert-box .img-wrap {padding-bottom: 66.66%;}

.slide-cap {width: 100%; position: absolute; left: 0; bottom: 0; padding: 0.5rem 1rem;}

.teaser-slider:before, .teaser-slider:after {display: block; content: ''; width: 1rem; height: 100%; background: rgba(234,234,236,1); position: absolute; top: 0; z-index: 1;}
.teaser-slider:before {left: 0;}
.teaser-slider:after {right: 0;}

.dark-bg .teaser-slider:before, .dark-bg .teaser-slider:after {background: rgba(66,66,68,1)}

.teaser-slider .active img {opacity: 1; /*border: 0.25rem solid rgba(241,87,0,1);*/}




.headslider, .slider {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row nowrap; -ms-flex-wrap: nowrap; overflow: auto;}
.slide {-webkit-box-flex: initial; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: initial; position: relative; float: left; padding: 0; width: 100%; min-width: 100%;}

.nowrap-flex {flex-wrap: nowrap;}
.teaser-slider {overflow: auto;}
.teaser-slider .col-m {min-width: 100%;}

.slick-initialized .slide, .teaser-slider.slick-initialized .col-m {min-width: initial;}

@supports (aspect-ratio: 1/ 1) {
.headmedia figure, .slider figure, .acc-cont .img-wrap, .news-entry .img-wrap, .fixed-img,
.img-wrap {padding-bottom: 0 !important;}

.headmedia img, .slider img, .img-wrap img {position: relative; top: auto; left: auto; -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0);}
.tiles .stretch-w img, .tiles .stretch-h img {width: 100%; height: 100%; transform: scale(1.1);}

.headmedia figure, .fixed-img {aspect-ratio: 2 / 1;}
.slider figure, .acc-cont .img-wrap, .news-entry .img-wrap {aspect-ratio: 16 / 9;}
.img-low .img-wrap, .headimg .img-wrap {aspect-ratio: 4 / 3;}
.img-high .img-wrap {aspect-ratio: 10 / 11;}
.alert-box .img-wrap {aspect-ratio: 3 / 2;}
}


/* gallery */
.side-gal {width: 100%; height: 100%; position: fixed; top: 0; overflow: auto; z-index: 100; -webkit-overflow-scrolling: touch;}
.gal-ol {display: none; left: 0;}

.side-gal {overflow-y: scroll; overflow-x: hidden; transition: transform .3s;}
.side-gal-cont {width: 100%; min-height: 101%; padding: 5rem 1rem 2.25rem 1rem; position: absolute; right: 0; left: auto; -webkit-overflow-scrolling: touch; -ms-transform: translateX(100%) -webkit-transform: translateX(100%); transform: translateX(100%); transition: transform .3s;}
.slidein .side-gal-cont {-ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0);}
.side-inner {padding-bottom: 1.5rem; -webkit-overflow-scrolling: touch; transition: translate .3s;}
.with-nav .side-inner {padding-bottom: 0;}
.side-gal .close-small {display: block; width: 2rem; height: 2rem; margin: 0 auto;}

#loader {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(234,234,236,1); z-index: 100;}
#loader-icon-wrap {width: 100%; height: 100%; top: 0; left: 0; max-height: 100vh; display: none; position: absolute;}

#loader-icon {width: 4rem; height: 4rem; position: absolute; background: url(../images/layout/logo.svg) center center/ 100% 100% no-repeat; transition: all .3s; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
#loader-icon .fill-w {fill: rgba(66,66,68,1);}

.close-btn {width: 2.5rem; height: 2.5rem; position: absolute; z-index: 1; top: 1rem; right: 1rem; padding: 0.25rem 0 0.5rem 0.75rem;}

/* small close */
.close-small .close {width: 2rem; height: 2rem; position: relative; border-radius: 50%; margin: 0 auto; transition: border .3s, background .3s; border: 0.125rem solid rgba(234,234,236,1);}
.close-small .cross {-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.cross:before, .cross:after {display: block; content: ''; width: 0.125rem; height: 66.66%; position: absolute; top: 50%; left: 50%; background: rgba(234,234,236,1); transition: all .3s;}
.cross:before {-ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.cross:after {-ms-transform: translate(-50%,-50%) rotate(90deg); -webkit-transform: translate(-50%,-50%) rotate(90deg); transform: translate(-50%,-50%) rotate(90deg);}

.close-small:hover .close {border-color: rgba(241,87,0,1);}
.close-small:hover .cross:before, .close-small:hover .cross:after,
.acc-head:hover .cross:before, .acc-head:hover .cross:after {background: rgba(241,87,0,1);}

/* alert */
.alert-ol {background: rgba(0,0,0,0.8);}
.alert-ol .alert-box {padding: 1rem; border: 0.125rem solid rgba(241,87,0,1); margin: 1rem auto;}

.alert-note {width: 100%; padding: 1rem;}
#mf + .alert-note, .alert-box .img-wrap + .text-wrap {margin-top: 1rem;}

/** fixed background img **/
.img-divide {position: relative;}
* + .img-divide {margin-top: 1.5rem;}

.fixed-img {width: 100%; padding-bottom: 50%; position: relative;}
.fixed-img-low {width: 100%; padding-bottom: 25%; position: relative;}
.bg-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,1);}

.fixed-img-bg {
position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5;
background-size: cover; -moz-background-size: cover; -webkit-background-size: cover;
background-position: center center; pointer-events: none; background-attachment: fixed;}

/** iOS fix **/
@supports (clip-path: inset(0, auto, auto, 0)) or (clip: rect(0, auto, auto, 0)){
.bg-wrap {clip: rect(0, auto, auto, 0); clip-path: inset(0, auto, auto, 0);}
.fixed-img-bg {position: fixed; background-attachment: scroll;}
}
/** end fixed background image **/

.tiles-bottom {padding: 1rem; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 25%)}

/* CONTENT */
.block, .single-page, .cols, .col, .single-head, .single-head , .img-wrap, .col-xxl {width: 100%; position: relative;}
.block, .single-page {padding: 1.5rem 0;}

.no-pad .block-inner {padding-top: 1.5rem;}

.text-wrap, .media-wrap {padding: 0 1rem;}
.text-wrap + .media-wrap, .gal-img + .gal-img, .col-wrap + .text-wrap {padding-top: 1.5rem;}

.col {padding: 1.5rem 1rem 0 1rem;}
.text-wrap .col {padding: 0;}

.col-cap {padding-top: 0.375rem;}

.col-xs {width: 50%; max-width: 50%;}

.news-entry + .news-entry {margin-top: 1.5rem;}
.news-entry .text-s, .news-ticker {padding: 1rem;}

/* single page */
.text + .text, .text .cols + *, .text * + .cols {margin-top: 1.25rem;}
.text-head + .text {margin-top: 0.5rem;}

/* accordion */
.acc-head {position: relative; padding: 0.5rem 3.5rem 0.5rem 0;}
.acc-head p {transition: color .3s;}
.acc-head:hover, .acc-head:hover p {cursor: pointer; color: rgba(241,87,0,1);}
.acc-head .cross {width: 1.75rem; height: 1.75rem; position: absolute; right: 0; top: 0.625rem;}
.open .acc-head .cross:before {-ms-transform: translate(-50%,-50%) rotate(90deg); -webkit-transform: translate(-50%,-50%) rotate(90deg); transform: translate(-50%,-50%) rotate(90deg);}
.no-bg .cross:before, .no-bg .cross:after {background: rgba(66,66,68,1);}

.acc-entry + .acc-entry {border-top: 0.125rem solid rgba(66,66,68,1);}
.dark-bg .acc-entry + .acc-entry {border-top-color: rgba(234,234,236,1);}

.dark-bg .accordion {border-top: 0.125rem solid rgba(234,234,236,1); border-bottom: 0.125rem solid rgba(234,234,236,1);}

.acc-cont {padding: 0.5rem 0 1rem 0; display: none;}
.img-wrap + .acc-text {padding-top: 0.375rem;}

@media (scripting: none){
.no-js .acc-cont {display: block;}
}

/* map */
.map-wrap {width: 100%; height: 0; padding-bottom: 90%; position: relative; overflow: hidden;}
#map {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0;}
#popup-cont {display: none;}
.leaflet-popup-content {text-align: center;}

* + .map-wrap, .map-wrap + * {margin-top: 1rem;}

/* FOOTER */
#mf {padding: 2rem 1rem;}
.footer-inner {padding: 0.5rem 0 0 0; border-top: 0.125rem solid rgba(66,66,68,1);}

#mf .col {padding: 0;}
#mf .col + .col {margin-top: 1rem;}

/* pagination */
.pagination, .entry-nav {width: 100%; padding: 1.5rem 1rem 0 1rem;}

.pagination ul {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row nowrap; -ms-flex-wrap: nowrap;}
.pagination ul li, .bc li {-webkit-box-flex: initial; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: initial; position: relative; float: left; padding: 0;}
.pagination ul li + li {margin-left: 0.125rem;}

.pagination ul li a, .pagination ul li span {min-width: 2.125rem; text-align: center; display: block; height: 100%; padding: 0.5rem 0.75rem;}
.pagination ul li a {background: rgba(66,66,68,1);}
.pagination ul li span {background: rgba(66,66,68,0.6);}
.pagination a:hover, .pagination a.active {background: rgba(241,87,0,1);}
.pagination a:hover {color: rgba(66,66,68,1);}

.entry-nav-top, .entry-nav-bottom {padding: 1rem 0 0 0;}
.entry-nav .col {padding: 0;}
.entry-nav .col + .col {margin-top: 0;}

/* back top*/
.arrow:after {display: block; content: ''; width: 0; height: 0; position: absolute; border-style: solid; border-width: 0 0.375rem 0.75rem 0.375rem; border-color: transparent transparent rgba(255,255,255,1) transparent;
transition: all .3s; top: 45%; right: 0.25rem; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
a:hover .arrow:after {border-bottom-color: rgba(241,87,0,1);}

#back-top {width: 2rem; height: 2rem; position: fixed; right: 1rem; bottom: 1rem; display: none; z-index: 1;}
body.fixed #back-top {z-index: -1;}
#back-top a, #back-top a:active {width: 2rem; height: 2rem; display: block; background: rgba(66,66,68,0.3); border-radius: 50%; -webkit-border-radius: 50%; transition: background 0.3s; -webkit-transition: background 0.3s;}
#back-top a:hover {background: rgba(66,66,68,1);}
#back-top .arrow {width: 100%; height: 100%; position: relative;}

#back-top a:hover .arrow {animation: pulse 0.5s 1;}

@-webkit-keyframes pulse {
0%, 100% {transform: scale(1);}
50% {transform: scale(1.1);}
}
@-moz-keyframes pulse {
0%, 100% {transform: scale(1);}
50% {transform: scale(1.1);}
}
@keyframes pulse {
0%, 100% {transform: scale(1);}
50% {transform: scale(1.1);}
}

/* responsiveness
--------------------------------------------- */

/* medium */
@media screen and (min-width:48em) {
/***************************** FORMAT *****************************/
blockquote > *, .extra {font-size: 1.375em;}
.acc-head .extra, .news-entry h3 {font-size: 1.5em;}
.headmedia .extra {font-size: 2em;}

.right-al {text-align: right;}

/***************************** LAYOUT *****************************/
/* BASIC */
.wrapper, .wrap-small {max-width: 44rem;}
.no-head + main {padding-top: 3.5rem;}

/* HEADER */
#mh {padding: 1.5rem 2rem;}
#mh.fixed, #mh.no-head {padding: 0.75rem 2rem;}

.logo {width: 9rem;}
#mh.fixed .logo, .no-head .logo {width: 7rem;}

/* NAVI */
#mn .menu {width: 50%;}

/* social */
.social {right: 3rem;}

/* SLIDER / IMAGES / MEDIA */
.headmedia figcaption {bottom: 2.5rem;}
.slide-cap {padding: 0.5rem 6rem 0.5rem 1rem;}

.teaser-slider .col-m {min-width: 50%;}

/* gallery */
.close-btn {position: fixed;}

/* CONTENT */
.block, .single-page {padding: 2rem 0;}
.no-bg + .no-bg, .block.dark-bg + .block.dark-bg {padding-top: 0;}

.no-pad .block-inner {padding-top: 2rem;}

.text-wrap + .col-wrap {padding-top: 1.5rem;}

.col {padding: 2rem 1rem 0 1rem;}

.cols-rev {justify-content: flex-end; flex-direction: row-reverse}
.cols-rev .col {float: right;}

.col-s, .col-xs {width: 33.33%; max-width: 33.33%;}
.col-m, .col-l {width: 50%; max-width: 50%;}

.text .col-m:nth-of-type(2n+1) {padding: 2rem 1rem 0 0;}
.text .col-m:nth-of-type(2n+2) {padding: 2rem 0 0 1rem;}

.col-s:nth-of-type(1), .col-s:nth-of-type(2), .col-s:nth-of-type(3),
.col-m:nth-of-type(1), .col-m:nth-of-type(2),
.text .col-m:nth-of-type(1), .text .col-m:nth-of-type(2), .teaser-slider .col-m {padding-top: 0;}

/*
.no-js .teaser-slider .col:nth-of-type(2n+1) {padding: 0 0 0 1rem;}
.no-js .teaser-slider .col:nth-of-type(2n+2) {padding: 0 1rem 0 0;}
*/

/* accordion */
.acc-head .cross {top: 0.875rem;}

/* map */
.map-wrap {padding-bottom: 56.25%;}

/* alert */
.alert-ol .alert-box {margin: 2rem auto;}
.alert-note {padding: 1rem 2rem;}

/* FOOTER */
#mf {padding: 2rem;}

#mf .cols {justify-content: space-between;}
#mf .col {width: auto;}
#mf .col + .col {margin-top: 0;}

.legal {text-align: right;}

/* pagination */
.pagination, .entry-nav {width: 100%; padding: 1.5rem 1rem 0 1rem;}
}

/* large */
@media screen and (min-width:64em) {
/***************************** FORMAT *****************************/
.acc-head .extra {font-size: 2em;}
.headmedia .extra {font-size: 2.5em;}

/***************************** LAYOUT *****************************/
/* BASIC */
.wrapper, .wrap-small {max-width: 60rem;}

/* HEADER */
#mh {padding: 1.5rem 3rem;}
#mh.fixed, #mh.no-head {padding: 0.75rem 3rem;}

/* NAVI */
#mn .menu {width: 33.33%;}

/* SLIDER / IMAGES / MEDIA */
.head-cap {padding: 0 5rem 0 1.5rem;}

* + .img-divide {margin-top: 2rem;}

.teaser-slider:before, .teaser-slider:after {width: 1.25rem;}

/* CONTENT */
.block, .single-page {padding: 3rem 0;}

.no-pad .block-inner {padding-top: 3rem;}

.text-wrap, .media-wrap {padding: 0 1.5rem;}
.text-wrap + .media-wrap, .gal-img + .gal-img {padding-top: 2rem;}
.col-wrap {padding: 0 0.25rem;}

.col {padding: 2.5rem 1.25rem 0 1.25rem;}

.news-entry .cols {align-items: flex-end;}
.news-entry .text {position: relative; z-index: 1;}
.news-entry .text-s:before {content: ''; position: absolute; width: calc(100% + 1rem); height: calc(100% + 1rem); bottom: 0; right: 0;}
.news-entry .cols-rev .text-s:before {right: auto; left: 0;}
.news-entry .text-s {padding: 0 1rem 1rem 0;}
.news-entry .cols-rev .text-s {padding: 0 0 1rem 1rem;}

.news-entry .text-s {width: 35%;}
.news-entry .text-l {width: 65%;}


/*.news-entry .text-wrap:after {content: ''; width: calc(100% - 1rem); height: 1rem; background: rgba(234,234,236,1);}*/
/*
.no-js .teaser-slider .col:nth-of-type(2n+1) {padding: 0 0 0 1.25rem;}
.no-js .teaser-slider .col:nth-of-type(2n+2) {padding: 0 1.25rem 0 0;}
*/

/* single page */
.text + .text, .text-head + .text, .text .col + .col {margin-top: 0;}

.text-s {width: 30%;}
.text-l {width: 70%;}
.text-xl {width: 75%;}

.mc-right .text-s {padding-right: 0.75rem;}
.mc-right .text-l {padding-left: 1.5rem;}
.mc-left .text-s {padding-left: 0.75rem;}
.mc-left .text-l {padding-right: 1.5rem;}

/* accordion */
.acc-head {padding: 0.75rem 4rem 0.75rem 0;}
.acc-head .cross {width: 2rem; height: 2rem; top: 1.375rem;}

/* alert */
.alert-ol .alert-box {margin: 4rem auto;}
.alert-note {padding: 1rem 3rem;}

/* FOOTER */
#mf {padding: 3rem 3rem 2rem 3rem;}
#mf ul {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row nowrap; -ms-flex-wrap: nowrap; justify-content: flex-start;}
#mf li {-webkit-box-flex: initial; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: initial; position: relative; float: left;}

#mf li {padding: 0 0.5rem;}
#mf li:first-of-type {padding-left: 0;}
#mf li:last-of-type {padding-right: 0;}

.address li:after {content: '.';}

/* pagination */
.pagination, .entry-nav {width: 100%; padding: 2.5rem 1.5rem 0 1.5rem;}
}

@media screen and (min-width:74em) {
body {font-size: 1.1em;}
.headmedia .extra {font-size: 3em;}

/***************************** LAYOUT *****************************/
/* BASIC */
.wrapper {max-width: 70rem;}

/* HEADER */
#mh {padding: 1.5rem 4rem;}
#mh.fixed, #mh.no-head {padding: 0.75rem 4rem;}

.logo {/*width: 9rem;*/ margin: 0 auto;}

/* NAVI */
#mn {right: auto; left: 0; -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%);}


/* nav pull */
#mn .menu, #pull {right: auto; left: 0;}

/* social */
.social {right: 0;}

/* CONTENT */
.col-cap {padding-top: 0.5rem;}

.col-xs {width: 25%; max-width: 25%;}

.news-entry .text-s {width: 30%;}
.news-entry .text-l {width: 70%;}

.news-entry .text-s:before {width: calc(100% + 1.5rem); height: calc(100% + 1.5rem);}
.news-entry .text-s {padding: 0 1.5rem 1.5rem 0;}
.news-entry .cols-rev .text-s {padding: 0 0 1.5rem 1.5rem;}

/* accordion */
.acc-head .cross {top: 1.5rem;}

/* alert */
.alert-note {padding: 1rem 4rem;}

/* FOOTER */
#mf {padding: 4rem 4rem 2rem 4rem;}
}

@media screen and (min-width:90em) {
/* NAVI */
#mn {width: 50%; position: absolute; right: auto; top: 50%; left: 0; z-index: 0; -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); height: auto; padding: 0 5.5rem 0 0; visibility: visible;}
#mn .menu {width: 100%; height: auto; position: relative; background: none; padding: 0; line-height: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row nowrap; -ms-flex-wrap: nowrap; justify-content: flex-start;}
#mn .menu-item {border-top: none; padding: 0 0.125rem; -webkit-box-flex: initial; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: initial; position: relative; float: left;}
#mn a.top-level {padding: 0.75rem 0.25rem;}
#mn .menu-item:first-of-type a {padding-left: 0;}
#mn .menu-item:last-of-type a {padding-right: 0;}
#mn .top-level:after {content: '.';}

#mn.open ul {box-shadow: none;}

/* nav pull */
#pull, .sub-pull {display: none;}

/* sub nav */
.sub-wrap {padding-right: 0;}
.sub-menu {display: block; visibility: hidden; opacity: 0; position: absolute; width: auto !important; padding: 0.5rem; left: 0.75rem; transition: all .3s ease .3s; pointer-events: none; z-index: -1; height: auto; background: rgba(234,234,236,1); text-align: left;}
.menu-item:first-of-type .sub-menu {left: 0.25rem;}
.sub-menu:before {display: block; content: ''; width: 0; height: 0; position: absolute; left: 0; top: -0.625rem; border-style: solid; border-width: 0.75rem; border-color: transparent transparent transparent rgba(234,234,236,1);}
.sub-wrap:hover > .sub-menu {visibility: visible; height: auto; opacity: 1; pointer-events: auto; z-index: 1; box-shadow: 0 0.5rem 0.5rem rgba(0,0,0,0.25);}

.sub-item a {padding: 0.5rem 0.75rem; color: rgba(66,66,68,1); white-space: nowrap;}

}

@media screen and (min-width:100em) {
/***************************** FORMAT *****************************/
.extra {font-size: 1.5em;}
.acc-head .extra {font-size: 2.25em;}
.headmedia .extra {font-size: 3.5em;}

/* BASIC */
.wrapper {max-width: 78rem;}

/* HEADER */
.logo {width: 11rem;}

/* NAVI */
#mn a.top-level {padding: 0.75rem 0.375rem;}

/* SLIDER / IMAGES / MEDIA */
* + .img-divide {margin-top: 2.5rem;}

/* CONTENT */
.block, .single-page {padding: 4rem 0;}

.no-pad .block-inner {padding-top: 4rem;}

.text-wrap + .media-wrap {padding-top: 2.5rem;}

.news-entry + .news-entry {margin-top: 2.5rem;}
.news-entry .text-s:before {width: calc(100% + 2.5rem); height: calc(100% + 2.5rem);}

/* accordion */
.acc-head .cross {width: 2.25rem; height: 2.25rem;}
}

@media screen and (min-width:120em) {
body {font-size: 1.25em;}

/* BASIC */
.wrapper {max-width: 92rem;}

/* NAVI */
#mn a.top-level {padding: 0.75rem 0.5rem;}

/* CONTENT */
.block, .single-page {padding: 5rem 0;}

.no-pad .block-inner {padding-top: 5rem;}

/* accordion */
.acc-head {padding: 1rem 4.5rem 1rem 0;}
.acc-head .cross {top: 2.125rem;}
}
/* end responsiveness
--------------------------------------------- */

* + .no-marg {margin-top: 0;}
.no-pad {padding: 0;}


/* accessibility
--------------------------------------------- */
/* nicht im Livebetrieb
@media (prefers-contrast: more) {
a:hover, .color-text, .color-text a {color: rgba(251,77,0,1);}
.dark-bg, .dark-bg .teaser-slider:before, .dark-bg .teaser-slider:after, #mh.fixed, #mh.no-head  {background: rgba(26,26,28,1);}
}
/* accessibility
--------------------------------------------- */