@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;}

*, *: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; color: rgba(75,75,75,1); font-family: 'Alegreya Sans', 'Trebuchet MS', sans-serif; font-size: 1.125em; line-height: 1.5;
-webkit-font-feature-settings: "liga" off, "dlig"; -moz-font-feature-settings: "liga=0, dlig=1"; font-feature-settings: "liga", "dlig"; font-feature-settings: "liga" off; font-variant-numeric: lining-nums;}
body.fixed {height: 100%; overflow: hidden;}

/***************************** FORMAT *****************************/
h1, h2 {font-size: 1.75em;}
h3, h4 {font-size: 1.375em;}
h5, h6 {font-size: 1.25em;}
h1, h2, h3, h4, h5, h6 {font-weight: 700; line-height: 1.25;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit; border: 0 !important; text-decoration: none;}

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.25em;}

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 {}
p + p, ul + p, ol + p {margin-top: 0.75rem;}
p + ul, p + ol {margin-top: 0.25rem;}
.col-text p + p {margin-top: 0.375rem;}
.col-text .big + p {margin-top: 0;}

blockquote > *, .big {font-size: 1.25em;}
.small {font-size: 0.875em;}

b, strong, .bold {font-variant: normal; font-weight: 700;}
i, em, .italic, blockquote {font-variant: normal; font-style: italic; font-weight: 500;}
.white, .white *, .white a.phone, .white a.phone:hover {color: rgba(255,255,255,1);}
.uppercase {text-transform: uppercase;}
.center-text {text-align: center;}

hr {border-color: rgba(221,226,190,1); border-style: solid;}

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 {font-style: inherit;}
footer li {padding: 0;}
footer li:before {content: '';}

.infobox .big + p {margin-top: 0;}

/***************************** LINKS/SPANS *****************************/
a {text-decoration: none; color: inherit;}
a, button, a span {-webkit-transition: color .3s, background .3s, border .3s; transition: color .3s, background .3s, border .3s, opacity .3s;}
a:hover, a:hover span {color: rgba(245,169,51,1);}

a.phone, a.phone:hover {cursor: text;}
a.phone, a.phone:hover, a:hover p.no-hov {color: rgba(75,75,75,1);}

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

.block-link {display: block;}
.img-wrap .block-link {position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden;}
.img-div .block-link {padding: 1rem;}
a.abs-center, span.abs-center {z-index: 1; text-align: center;}

.darkend, .darkend-rev {background: rgba(0,0,0,1);}
.darkend img, a.darkend-rev:hover img, a:hover .darkend-rev img, a:hover + .darkend-rev img {opacity: 0.75; transition: opacity .3s;}
a.darkend:hover img, a:hover + .darkend img, .darkend-rev img {opacity: 1;}

span.hover {opacity: 0;}
a:hover span.hover {opacity: 1;}

.author {display: block; font-size: 0.75em;}
.author:before {content: '\2013\2003';}

.pfeil {display: inline-block; padding-left: 0.75em; position: relative;}
.pfeil:after {display: block; content: ''; position: absolute; width: 0; height: 0; left: 0; top: 0.5em; border-style: solid; border-width: 0.25em 0 0.25em 0.5em; border-color: transparent transparent transparent rgba(75,75,75,1); transition: border .3s;}
.white .pfeil:after {border-left-color: rgba(255,255,255,1);}
.pfeil:hover:after {border-left-color: rgba(245,169,51,1);}

/***************************** LAYOUT *****************************/
/* BASIC */
main {display: block; width: 100%; padding: 3.5rem 1rem 0 1rem; position: relative;}
.content {width: 100%; position: relative;}
.wrapper {width: 100%; height: auto; margin: 0 auto; max-width: 32rem; position: relative;}

img, svg {width: 100%; height: auto; display: block;}
.stretch-w img {width: 100%; height: auto;}
.stretch-h img {width: auto; height: 100%;}

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

.image img {width: auto; max-width: 100%;}

.image + *, * + .image, .video + *, .map-wrap + *, * + .map-wrap {margin-top: 0.75em;}

.video {padding-bottom: 56.25%; position: relative;}
.video iframe, .video video {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

.thumb {width: 33.33%;}

.no-mob {display: none;}

.white-bg {background: rgba(255,255,255,1);}
.dark-green {background: rgba(58,75,14,1);}
.mid-green {background: rgba(143,160,76,1);}
.light-green {background: rgba(181,192,135,1);}
.extra-green {background: rgba(221,226,190,1);}

.color-bar {width: 100%; height: 1rem;}
.blue-bg {background: rgba(51,106,160,1);}
.orange-bg {background: rgba(245,169,51,1);}
.yellow-bg {background: rgba(255,221,51,1);}
.sand-bg {background: rgba(245,233,181,1);}
.olive-bg {background: rgba(136,125,77,1);}
.violet-bg {background: rgba(134,52,166,1);}

/* divide elements */
.div-form-wrap {width: 100%; position: absolute; left: 0;}
.block .div-form-wrap {z-index: 0;}
.img-block .div-form-wrap {z-index: 1;}
.img-block .div-top {top: -0.125rem;}
/*.div-top-wrap {top: -0.125rem;}*/

.div-top {top: 0;}
.div-text-top {-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);}

.div-bottom-wrap {bottom: -0.125rem;}
.div-form path {fill: rgba(255,255,255,1);}

.fill-dg path {fill: rgba(58,75,14,1);}
.fill-mid path {fill: rgba(143,160,76,1);}
.fill-light path {fill: rgba(181,192,135,1);}
.fill-extra path {fill: rgba(221,226,190,1);}

/*.div-bottom-wrap {width: 100%; position: absolute; left: 0; bottom: -0.125rem;}

/* HEADER */
#mh {padding: 0 1rem; position: absolute; width: 100%; background: rgba(255,255,255,1); z-index: 2;}
.header-inner {padding: 0.5rem 0;}
.header-inner:before, .header-inner:after {display: block; content: ''; width: 1rem; height: 100%; position: absolute; top: 0; background: rgba(255,255,255,1);}
.header-inner:before {left: 0;}
.header-inner:after {right: 0;}

.logo a {display: block; visibility: hidden;}
.logo img {width: auto; height: 2.5rem; transition: height .3s;}
#mh.fixed .logo img {height: 2rem;}

#mh.fixed {position: fixed; top: 0;}
#mh.fixed .header-inner, .no-head  .header-inner {box-shadow: 0 0 0.75rem rgba(0,0,0,0.5);}
#mh.fixed .logo a, .no-head .logo a {visibility: visible;}

.logo-big {width: 50%; max-width: 12rem; position: absolute; left: 50%; top: 40%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); padding-bottom: 0 !important;}

/* 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: 3; -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); transition: transform .3s; -webkit-overflow-scrolling: touch;}
#mn.open {-ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0);}
#mn ul {width: 100%; height: 100%; position: absolute; right: 0; z-index: 3; padding: 4.5rem 2rem; background: rgba(255,255,255,1);}
#mn.open ul {box-shadow: 0 0 2rem rgba(0,0,0,0.5);}
#mn ul li {padding: 0; max-width: 32rem; margin: 0 auto; border-top: 0.125rem solid rgba(58,75,14,1);}
#mn ul li:first-of-type {border-top: none;}
#mn a {display: block; padding: 1rem 0;}
#mn ul li a:hover, #mn ul li.active a {color: rgba(245,169,51,1);}

/* nav pull */
#pull {width: 2.5rem; height: 2.5rem; padding: 0.625rem 0 0.625rem 0.75rem; position: absolute; top: 50%; right: 1rem; z-index: 12; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}

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

.burger, .burger:before, .burger:after {width: 1.75rem; height: 0.25rem; display: block; position: absolute; background: rgba(58,75,14,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);}

/* SLIDER / IMAGES */
.headimg, .img-wrap {position: relative; overflow: hidden;}
.headimg .slide {position: relative; max-height: 60vh;}
.headimg figure, .img-div figure {padding-bottom: 50%;}
.slider figure, .img-low figure {padding-bottom: 56.25%;}
.headimg img, .slider img, .img-wrap img, .abs-center {position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

.headslider figcaption {position: absolute; top: 60%; left: 0; width: 100%; text-align: center;}

.img-mid figure {padding-bottom: 75%;}
.img-high figure {padding-bottom: 120%;}

.img-block .gallery {padding: 4rem 0;}
.gal-entry + .gal-entry {margin-top: 1.5rem;}

.img-div {max-height: 70vh;}
.img-div .img-wrap {position: static;}

/* CONTENT */
.block, .img-block, .col, .single-head, .col-img {width: 100%; position: relative;}
.block {padding: 2rem 1rem 3rem 1rem;}
.block + .col-block {padding-top: 0;}
.indent {margin-top: -1rem;}

.col + .col {margin-top: 1rem;}

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

.col-img .abs-center {top: 75%;}

/* single page */
.single-page {padding: 2rem 0;}
.single-head {padding-bottom: 0.5rem;}
.text-s + .text-l, .text-l + .text-s {margin-top: 1.25rem;}

/* subpage */
.infobox {padding: 1.5rem 0.5rem 0.5rem 0.5rem; position: relative; background: rgba(245,233,181,0.4);}
.infobox .color-bar {position: absolute; top: 0; left: 0;}
* + .infobox {margin-top: 0.5rem;}

.info + .info {margin-top: 0.75rem; padding-top: 0.75rem; border-top: 0.125rem solid rgba(75,75,75,0.5);}

.entry-nav {padding: 1rem 1rem 0.5rem 1rem;}

/* map */
.map-wrap {width: 100%; height: 0; padding-bottom: 90%; position: relative; overflow: hidden; background: rgba(255,255,255,1);}
.map {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0;}
.popup-cont {display: none;}

.img-block .leaflet-top {top: 1rem;}
.img-block .leaflet-bottom {bottom: 1rem;}

/* gallery */
.side-gal {width: 100%; height: 100%; position: fixed; top: 0; overflow: auto; z-index: 100; -webkit-overflow-scrolling: touch;}
.side-gal-cont {background: rgba(255,255,255,0.95);}
.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: 3rem 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%; max-height: 101vh; position: absolute; top: 0; left: 0; background: rgba(255,255,255,1); z-index: 100; transition: all .3s;}
#loader-icon-wrap {width: 4rem; height: 4rem; display: none; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); transition: all .3s;}

#loader-icon {width: 100%; height: 100%; background: url(../images/layout/loader.svg) center center/ 100% 100% no-repeat; -ms-animation: pulse 0.75s infinite; -webkit-animation: pulse 0.75s infinite; animation: pulse 0.75s infinite; transition: all .3s;}

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

/* small close */
.cross {display: block; position: relative; transition: all .3s;}
.btn-rd {width: 2rem; height: 2rem; border-radius: 50%; border: 0.125rem solid rgba(58,75,14,1);}

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

button:hover .btn-rd {border-color: rgba(245,169,51,1);}
button:hover .cross:before, button:hover .cross:after {background: rgba(245,169,51,1);}
button:hover .btn .cross:before, button:hover .btn .cross:after {background: rgba(255,255,255,1);}

.close .cross {-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}



/* FOOTER */
#mf {padding: 0 1rem 1rem 1rem;}
.footer-inner {padding: 3.5rem 1rem 1rem 1rem; position: relative;}
.footer-icon {width: 5rem; position: absolute; top: 1rem; right: 3rem;}
.footer-top {padding-top: 1rem; border-top: 0.125rem solid rgba(255,255,255,1)}
.footer-bottom {padding-top: 1rem;}

#mf .col + .col {margin-top: 0.75rem;}

/* back top*/
.arrow:before, .arrow:after {width: 0.125rem; height: 1rem; content: ''; position: absolute; display: block; background: rgba(255,255,255,1); top: 0;}

.arrow:before {transform: rotate(45deg); -webkit-transform: rotate(45deg); left: 0.625rem;}
.arrow:after {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); right: 0.625rem;}

#back-top {width: 2.5rem; height: 2.5rem; position: fixed; right: 1rem; bottom: 1rem; display: none; z-index: 99;}
#back-top a, #back-top a:active {width: 2.5rem; height: 2.5rem; display: block; padding: 0.625rem 0.25rem; background: rgba(0,0,0,0.3); border-radius: 50%; -webkit-border-radius: 50%; transition: background 0.3s; -webkit-transition: background 0.3s;}
#back-top a:hover {background: rgba(0,0,0,1);}
#back-top .arrow {width: 2rem; height: 1.25rem; position: relative;}

#back-top a:hover .arrow {-ms-animation: pulse 0.5s 1; -webkit-animation: pulse 0.5s 1; 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 *****************************/
.intro h1, .intro h2, .single-head h1, .single-head h2 {font-size: 2em;}

blockquote > *, .big {font-size: 1.375em;}

.infobox .big {font-size: 1.125em; line-height: 1.25;}

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

/***************************** LAYOUT *****************************/
/* BASIC */
main {padding: 4rem 1rem 0 1rem;}
.wrapper {max-width: 44rem;}

.no-mob {display: block;}

/* HEADER */
.logo img {height: 3rem;}
#mh.fixed .logo img {height: 2.5rem;}

.logo-big {max-width: 16rem; top: 45%;}

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

/* CONTENT */
.block, .single-page {padding: 2rem 0 4rem 0;}
.small-gap {padding-bottom: 2rem;}
.indent {margin-top: -2rem;}

.intro {padding: 0 15%;}

.col + .col {margin-top: 0;}

.cols, #mf ul {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; -ms-flex-wrap: wrap;}
.col, #mf li {-webkit-box-flex: initial; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: initial; position: relative; float: left;}

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

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

.col-s:nth-of-type(3n+1) {padding: 1rem 0.66rem 0 0;}
.col-s:nth-of-type(3n+2) {padding: 1rem 0.33rem 0 0.33rem;}
.col-s:nth-of-type(3n+3) {padding: 1rem 0 0 0.66rem;}

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

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

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

/* single page */
.text-s + .text-l, .text-l + .text-s {margin-top: 1.5rem;}

/*.block .text-cols*/ .v-center {align-items: center;}
.block .text-s + .text-l, .block .text-l + .text-s {margin-top: 0;}
.block .text-s {width: 30%; max-width: 30%;}
.block .text-l {width: 70%; max-width: 70%;}

.block .mc-right .text-s {padding-right: 0.5rem;}
.block .mc-right .text-l {padding-left: 1rem;}
.block .mc-left .text-s {padding-left: 0.5rem;}
.block .mc-left .text-l {padding-right: 1rem;}

.entry-nav .col + .col {margin-top: 0;}
.entry-nav-top {align-items: baseline;}

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

/* FOOTER */
#mf .col + .col {margin-top: 0.5rem;}

#mf li:after {content: '\2003\00b7\2003';} /* \00a0 */
#mf li:last-of-type:after {content: '';}
}

/* large */
@media screen and (min-width:64em) {
/***************************** FORMAT *****************************/
body {font-size: 1.25em;}
.intro h1, .intro h2, .single-head h1, .single-head h2 {font-size: 2.25em;}
/*h3, h4 {font-size: 1.75em;}
h5, h6 {font-size: 1.5em;}

/***************************** LAYOUT *****************************/
/* BASIC */
main {padding: 5rem 2rem 0 2rem;}
.wrapper {max-width: 60rem;}

/* HEADER */
#mh {padding: 0 2rem;}
.header-inner {padding: 0.75rem 0;}
#mh.fixed .header-inner {padding: 0.5rem 0;}
.header-inner:before, .header-inner:after {width: 2rem;}

.logo img {height: 3.5rem}

.logo, #mn li {-webkit-box-flex: initial; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: initial; position: relative; float: left;}
#mh .cols, #mn ul {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row nowrap; -ms-flex-wrap: nowrap;}
#mh .cols {justify-content: space-between; align-items: center;}

/* NAVI */
#mn {width: auto; right: auto; top: auto; z-index: 0; height: auto; padding: 0.5rem 0 0 3rem; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); -webkit-box-flex: initial; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: initial; position: relative; float: left;}
#mn ul {width: auto; max-width: 100%; position: relative; background: none; padding: 0; justify-content: flex-end; align-items: center;}
#mh.fixed #mn ul {border-bottom: none;}
#mn ul li {border-top: none; padding: 0; margin: initial;}
#mn ul li a {padding: 0.75rem 0.5rem;}
#mn ul li:first-of-type a {padding-left: 0;}
#mn ul li:last-of-type a {padding-right: 0;}

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

/* nav pull */
#pull {display: none;}

/* SLIDER / IMAGES */
.gallery {padding: 0 10%;}
.img-block .gallery {padding: 5rem 10%;}
.gal-entry + .gal-entry {margin-top: 2rem;}

.intro {padding: 0 20%;}

/* CONTENT */
.col-s-m {width: 33.33%; max-width: 33.33%;}

.col-s:nth-of-type(3n+1), .col-s-m:nth-of-type(3n+1) {padding: 1.5rem 1rem 0 0;}
.col-s:nth-of-type(3n+2), .col-s-m:nth-of-type(3n+2) {padding: 1.5rem 0.5rem 0 0.5rem;}
.col-s:nth-of-type(3n+3), .col-s-m:nth-of-type(3n+3) {padding: 1.5rem 0 0 1rem;}

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

.col-s-m:nth-of-type(3) {padding-top: 0 !important;}

/* single page */
.single-page {}

.text-s + .text-l, .text-l + .text-s {margin-top: 0;}
.text-s {width: 30%; max-width: 30%;}
.text-l {width: 70%; max-width: 70%;}

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

.text-xl {width: 80%;}

/* subpage */
.infobox {padding: 1.5rem 1rem 1rem 1rem; position: relative;}

.info + .info {margin-top: 1rem; padding-top: 1rem;}

.entry-nav {padding: 1rem 2rem;}

/* map */
.img-block .leaflet-top {top: 2rem;}
.img-block .leaflet-bottom {bottom: 2rem;}

/* FOOTER */
#mf {padding: 0 2rem 2rem 2rem;}
.footer-inner {padding: 3.5rem 2rem 2rem 2rem;}
.footer-icon {right: 4rem;}
.footer-top {padding-top: 1.25rem;}
.footer-bottom {padding-top: 0.75rem;}

#mf .col + .col {margin-top: 0;}
#mf .col {max-width: 50%;}
#mf .cols {justify-content: space-between;}
.legal ul {text-align: right; justify-content: flex-end;}
}

@media screen and (min-width:74em) {

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

/* NAVI */
#mn ul li a {padding: 0.75rem;}

/* CONTENT */
.block, .single-page {padding: 3rem 0 6rem 0;}
.small-gap {padding-bottom: 3rem;}
.indent {margin-top: -3rem;}

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

@media screen and (min-width:100em) {
/* BASIC */
.wrapper {max-width: 80rem;}

/* NAVI */
#mn ul li a {padding: 0.75rem 1rem;}

/* CONTENT */
.block, .single-page {padding: 3.5rem 0 7rem 0;}
.small-gap {padding-bottom: 3.5rem;}
.indent {margin-top: -4rem;}

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

.col-s:nth-of-type(3n+1), .col-s-m:nth-of-type(3n+1) {padding: 2rem 1.5rem 0 0;}
.col-s:nth-of-type(3n+2), .col-s-m:nth-of-type(3n+2) {padding: 2rem 0.75rem 0 0.75rem;}
.col-s:nth-of-type(3n+3), .col-s-m:nth-of-type(3n+3) {padding: 2rem 0 0 1.5rem;}

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

.mc-right .text-s, .block .mc-right .text-s {padding-right: 1rem;}
.mc-right .text-l, .block .mc-right .text-l {padding-left: 2rem;}
.mc-left .text-s, .block .mc-left .text-s {padding-left: 1rem;}
.mc-left .text-l, .block .mc-left .text-l {padding-right: 2rem;}

}

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

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

/* CONTENT */
.col-m:nth-of-type(2n+1) {padding: 3rem 2.5rem 0 0;}
.col-m:nth-of-type(2n+2) {padding: 3rem 0 0 2.5rem;}
}
/* end responsiveness
--------------------------------------------- */

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