﻿@charset "utf-8";
@font-face {font-family:'Roboto';font-weight:400;font-style:normal;src:url('fonts/roboto-400.woff2') format('woff2');font-display:swap;}
@font-face {font-family:'Roboto';font-weight:400;font-style:italic;src:url('fonts/roboto-400-italic.woff2') format('woff2');font-display:swap;}
@font-face {font-family:'Roboto';font-weight:700;font-style:normal;src:url('fonts/roboto-700.woff2') format('woff2');font-display:swap;}
@font-face {font-family:'Roboto';font-weight:700;font-style:italic;src:url('fonts/roboto-700-italic.woff2') format('woff2');font-display:swap;}
@font-face {font-family:'Roboto';font-weight:500;font-style:normal;src:url('fonts/roboto-500.woff2') format('woff2');font-display:swap;}
@font-face {font-family:'Roboto';font-weight:500;font-style:italic;src:url('fonts/roboto-500-italic.woff2') format('woff2');font-display:swap;}
@font-face {font-family:'Roboto Condensed';font-weight:700;font-style:normal;src:url('fonts/roboto-condensed-600.woff2') format('woff2');font-display:swap;}
@font-face {font-family:'Roboto Condensed';font-weight:700;font-style:italic;src:url('fonts/roboto-condensed-600-italic.woff2') format('woff2');font-display:swap;}
@font-face {font-family:'Roboto Condensed';font-weight:400;font-style:normal;src:url('fonts/roboto-condensed-400.woff2') format('woff2');font-display:swap;}
@font-face {font-family:'Roboto Condensed';font-weight:400;font-style:italic;src:url('fonts/roboto-condensed-400-italic.woff2') format('woff2');font-display:swap;}

/*RESET*/

*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:none;}
body {margin:0;padding:0;text-align:left;}
input:not([type="checkbox"]):not([type="radio"]), textarea {-moz-appearance:none;-webkit-appearance:none;appearance:none;}
input, textarea, select, a {outline:none;border-radius:0;}
*:invalid {box-shadow:none;}
.clearfix::after, article::after {display:table;content:"";clear:both;}
#page img, #page svg {vertical-align:middle;}
header,main,nav,aside,section,article,footer {display:block;}

/*COLORS*/

:root {
--green:rgb(129,184,75); /*#81b84b*/
--green-midi:rgb(177,207,139);/*#b1cf8b,66%*/
--green-light:rgb(218,231,200);/*#dae7c8,33%*/
--beige:#e3dfd4;
--grey:rgb(86,85,85);/*#565555*/
--grey-midi:rgb(159,158,158);/*9f9e9e*/
--grey-light:rgb(201,200,200);/*c9c8c8*/
--grey-lighter:rgb(243,242,242);/*f3f2f2*/
--white:#fff;
--text-color:rgb(86,85,85);/*#565555*/
--text-color-light:rgb(159,158,158);/*#9f9e9e*/
--footer-text-color:rgb(218,231,200);
--gap:32px;
--gap-neg:-32px;
--halfgap:16px;
--halfgap-neg:-16px;
--dblgap:32px;
}

/*BASICS*/

.blank {background-color:var(--white);}
body, .txt {font-family:'Roboto',sans-serif;font-size:16px;line-height:1.44;font-weight:400;color:var(--text-color);}

/*CONTENT*/

.txt sub, .txt sup {font-size:0.7em;line-height:1;}

.txt a {position:relative;padding:0 4px;color:var(--green);border-bottom:1px dashed var(--green);border-radius:4px;text-decoration:none;transition:color 0.25s, border-color 0.25s, background-color 0.25s;}
.txt a:hover {color:var(--white);background-color:var(--green);}

.txt h1, .txt h2, .txt h3, .txt h4, .txt h5 {margin:0;line-height:1.2;font-weight:400;font-family:'Roboto Condensed','Roboto',sans-serif;}
.txt h1 {font-size:2.4em;}
.txt h2 {font-size:2.0em;}
.txt h3 {font-size:1.7em;}
.txt h4 {font-size:1.4em;}
.txt h5 {font-size:1em;line-height:1.44;font-weight:700;letter-spacing:0.025em;letter-spacing:0.125em;}

.txt ul, .txt ol {display:block;padding:0 0 0 36px;overflow:hidden;}
.txt ul {list-style: circle;}
.txt li {position:relative;padding-left:4px;}
.txt li em {opacity:0.6;}

.txt table {width:100%;margin:0;padding:0;border-collapse:collapse;border-spacing:0;border:1px solid var(--grey-light);border-collapse:separate;border-radius:8px;}
.txt table tr td {padding:9px 8px;vertical-align:middle;border-left:1px solid var(--grey-light);border-top:1px solid var(--grey-light);}
.txt table tr:first-child td {border-top-width:0;}
.txt table tr td:first-child {border-left-width:0;}
.txt .c-tablewrap:before, .txt .c-tablewrap:after {content:"« Wischen/Scrollen »";display:block;font-size:0.8em;font-weight:400;letter-spacing:0.025em;color:var(--grey-light);text-align:center;}

.txt input, .txt textarea, .txt select {width:100%;padding:8px 12px;background-color:var(--green-light);border:1px solid transparent;border-radius:4px;font-family:'Roboto',sans-serif;font-size:1em;letter-spacing:0.0125em;color:var(--grey);transition:border-color 0.25s;}
.txt textarea {height:6.5em;line-height:1.4;resize:vertical;}
.txt select {width:auto;}
.txt ul.c-checkbox-list, .txt ul.c-radio-list {display:block;margin:0;padding:0 0 4px 0;background-color:var(--green-light);border-radius:4px;}
.txt ul.c-checkbox-list li, .txt ul.c-radio-list li {display:inline-block;margin:4px 0 0 4px;padding:0;}
.txt ul.c-checkbox-list label, .txt ul.c-radio-list label {display:inline-block;padding:4px 8px 4px 2px;}
.txt ul.c-checkbox-list label input, .txt ul.c-radio-list label input {width:auto;padding:0;}
.txt ul.c-checkbox-list label span, .txt ul.c-radio-list label span {margin-left:4px;}
.txt ul.c-checkbox-list label:hover span, .txt ul.c-radio-list label:hover span {border-bottom:1px solid var(--text-color)}
.txt input:focus, .txt textarea:focus, .txt select:focus {border-color:var(--grey);}
.txt *:invalid {box-shadow:none;}

.txt iframe {max-width:100%;}

a.button, .txt .c-button, .txt input[type="button"], .txt input[type="submit"] {display:inline-block;width:auto;padding:12px 16px;margin:1.2em 0;background-color:var(--white);border:2px solid var(--green);border-radius:4px;color:var(--green);font-family:'Roboto',sans-serif;font-size:1em;font-weight:500;text-transform:uppercase;cursor:pointer;transition:background-color 0.25s, border-color 0.25s, color 0.25s;}
a.button:not(:disabled):hover, .txt .c-button:not(:disabled):hover, .txt input[type="button"]:not(:disabled):hover, .txt input[type="submit"]:not(:disabled):hover {background-color:var(--green);color:var(--white);}
a.button:disabled, .txt .c-button:disabled, .txt input[type="button"]:disabled, .txt input[type="submit"]:disabled {opacity:0.5;}
a.button::before, .txt .c-button::before {display:none;transition:none;}
a.button.max {min-width:200px;max-width:100%;text-align:center;}

/*margins*/
.txt h1, .txt h2, .txt h3, .txt h4 {margin:1.2em 0 0.8em;}
.txt h5 {margin:1em 0 0.6em;}
.txt p, .txt div {margin:0.6em 0;}
.txt ul, .txt ol {margin:0.8em 0;}
.txt ul ul, .txt ol ol, .txt ul ol, .txt ol ul {margin:0;}
.txt ul li + li, .txt ol li + li {margin:0.25em 0;}
.txt table, .txt .c-tablewrap {margin:1em 0;}
.txt *:first-child {margin-top:0 !important;}
.txt *:last-child {margin-bottom:0 !important;}


/*ELEMENTS*/

.c-image .c-imgbox .c-img,
.c-textimage .c-imgbox .c-img {border-radius:8px;overflow:hidden;}
.c-image .c-imgbox .c-img img,
.c-textimage .c-imgbox .c-img img {border-radius:8px;overflow:hidden;}
.c-image .c-imgbox .txt,
.c-textimage .c-imgbox .txt {padding:6px 10px;font-style:italic;font-size:0.9em;line-height:1.44;}
.c-image.float .c-imgbox,
.c-textimage.float .c-imgbox {margin-bottom:8px;}

.c-imagegallery {overflow:hidden;}
.c-imagegallery .c-imgbox {padding:1px;}
.c-imagegallery .c-imgbox .c-img {background-color:var(--grey-lighter);border-radius:8px;overflow:hidden;}
.c-imagegallery .c-imgbox a {cursor:pointer;}
.c-imagegallery .c-imgbox img {transition:transform ease 0.25s;}
.c-imagegallery .c-imgbox a:hover img {transform:translateY(-50%) scale(1.2);}
.c-imagegallery.flex .c-imgbox a:hover img {transform:scale(1.2);}

.c-video,
.c-streetmap {border-radius:8px;overflow:hidden;}

.c-downloads ul {padding:0;display:block;border:1px solid var(--grey-light);border-radius:8px;list-style:none;overflow:hidden;}
.c-downloads li {overflow:hidden;}
.c-downloads li + li {/*margin-top:1px;*/border-top:1px solid var(--grey-light);}
.c-downloads div {padding:8px 12px 0;}
.c-downloads li > span {display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;}
.c-downloads a {flex:1;z-index:2;position:relative;display:inline-block;width:100%;padding:8px 12px;color:var(--green);text-decoration:none;overflow:hidden;text-overflow:ellipsis;transition:color ease 0.25s;white-space:nowrap;}
.c-downloads a::after {z-index:-1;content:"";display:block;height:100%;width:0px;position:absolute;top:0;left:0;background-color:var(--green);transition:width ease 0.25s;}
.c-downloads div + span > a::after {border-radius:0 4px 0 0;}
.c-downloads a:hover {color:#fff;}
.c-downloads a:hover::after {width:100%;}
.c-downloads span span {flex:0;display:inline-block;width:80px;padding-left:12px;padding-right:12px;font-size:0.8em;font-style:italic;color:var(--text-color-light);text-align:right;white-space:nowrap;}

.c-form {padding:23px;border:1px solid var(--green);border-radius:8px;}
.c-form .c-message {margin-bottom:32px;padding:12px;background-color:var(--green);border-radius:4px;color:var(--white);font-size:1.2em;}
.c-form dl + dl {margin-top:16px;}
.c-form dt:first-child {}
.c-form dt {padding-bottom:0px;font-size:0.9em;color:var(--grey);}
.c-form dd + dd {margin-top:6px}
.c-form dl.required dt span::after {padding-left:2px;}
.c-form dl.error dt span {color:var(--text-color);}
.c-form dl.error dd > * {border-left:4px solid var(--green);box-shadow:none;}
.c-form input.c-button {margin-top:32px;margin-bottom:0;}
.c-form input.c-button:disabled {cursor:not-allowed;}
.c-form input.c-button + * {display:inline-block;margin-left:18px;font-size:0.8em;}
.c-form span.c-reqinfo {display:inline-block;margin:15px 0 0 18px;font-size:0.8em;color:var(--text-color);}
.c-form .c-dataconfirmation {position:relative;margin-top:1.8em;margin-bottom:0;}
.c-form .c-dataconfirmation input[type="checkbox"] {position:absolute;top:1px;left:0;margin:0;padding:0;width:16px;height:16px;}
.c-form .c-dataconfirmation input[type="checkbox"] + label {position:relative;display:block;padding-left:28px;cursor:pointer;font-size:0.8em;}
.c-form .c-dataconfirmation input[type="checkbox"] + label i {display:none;}

.c-contactform .c-form .c-button {margin-bottom:0;}

.c-error401 {max-width:360px;margin:0 auto;}

/*BLOG {!} 2check*/

.c-paging {height:36px;margin-top:36px;text-align:center;}
.c-paging > * {display:inline-block;vertical-align:middle;}
.c-paging > * + * {margin-left:8px;}
.c-paging .c-link {display:inline-block;width:32px;height:32px;padding:6px;border:1px solid var(--grey-midi);font-size:1em;line-height:1.25em;color:var(--grey-midi);text-align:center;}
.c-paging .c-link.active {color:var(--white);background-color:var(--grey-midi);}
.c-paging .c-link:hover {text-decoration:none;color:var(--white);background-color:var(--green);border-color:var(--green);}
.c-paging .c-link.prev, .c-paging .c-link.next {position:relative;width:32px;height:32px;font-size:1.25em;border-color:var(--grey-midi);background-color:var(--white);color:var(--grey-midi);}
.c-paging .c-link.prev {float:left;}
.c-paging .c-link.next {float:right;}
.c-paging .c-link.prev span, .c-paging .c-link.next span {display:none;}
.c-paging .c-link.prev::before, 
.c-paging .c-link.next::before {display:block;position:absolute;top:5px;font-size:1em;line-height:1em;font-weight:400;transition:color 0.25s;}
.c-paging .c-link.prev::before {content:"❮";right:11px;}
.c-paging .c-link.next::before {content:"❯";left:10px;}
.c-paging .c-link.prev:hover, .c-paging .c-link.next:hover {background-color:var(--green);border-color:var(--green);}
.c-paging .c-link.prev:hover::before, .c-paging .c-link.next:hover::before {color:var(--white);}
.c-paging .c-link.passive {visibility:hidden;}
.c-paging .c-select {display:inline-block;min-width:52px;height:32px;margin:0 8px 0 12px;padding:6px;border-color:var(--grey-midi);background-color:var(--white);color:var(--grey-midi);transition:background-color 0.25s, border-color 0.25s, color 0.25s;}
.c-paging .c-select:focus {border-color:var(--grey-midi);}
.c-paging .c-select:hover {background-color:var(--green);border-color:var(--green);color:var(--white);}

/*element*/
.c-posts {overflow:hidden;}
/*blog-pages*/
.c-blog {overflow:hidden;}
.c-blog > h1 {font-size:2.4em;color:var(--green);text-transform:uppercase;}
.c-blog .c-post > div {display:flex;flex-flow:row wrap;}
.c-blog .c-post > div > * {width:100%;}
.c-blog .c-post > div > .date {font-family:'Roboto Condensed', 'Roboto', sans-serif;font-size:1.25em;font-weight:500;color:var(--text-color-light);}
.c-blog .c-post > div > .box {display:flex;flex-flow:column nowrap;}
.c-blog .c-post > div > .box > h2 {color:var(--green);}
.c-blog .c-post, .c-blog .c-paging {margin-top:48px;padding-top:48px;border-top:4px solid var(--grey-midi);}
/*element as list*/
.c-posts .list .c-post > div {display:flex;flex-flow:row wrap;}
.c-posts .list .c-post > div > * {width:100%;}
.c-posts .list .c-post > div > .date {font-family:'Roboto Condensed', 'Roboto', sans-serif;font-size:1.25em;font-weight:500;color:var(--text-color-light);}
.c-posts .list .c-post > div > .box {display:flex;flex-flow:column nowrap;}
.c-posts .list .c-post > div > .box > h2 {color:var(--green);}
.c-posts .list .c-post, .c-posts .c-paging {margin-top:48px;padding-top:48px;border-top:4px solid var(--grey-midi);}
@media screen and (min-width:800px) {
.c-posts .list .c-post > div > .date {width:25%;padding-right:12px;}
.c-posts .list .c-post > div > .box {width:75%;padding-left:12px;display:flex;flex-flow:column nowrap;}
.c-posts .list .c-post > div > * {margin-top:0;}
.c-posts .list .c-post > div > .box > h3 {order:1;}
.c-posts .list .c-post > div > .box > .img {order:2;}
.c-posts .list .c-post > div > .box > .content {order:3;}
.c-blog .c-post > div > .date {width:25%;padding-right:12px;}
.c-blog .c-post > div > .box {width:75%;padding-left:12px;display:flex;flex-flow:column nowrap;}
.c-blog .c-post > div > * {margin-top:0;}
.c-blog .c-post > div > .box > h2 {order:1;}
.c-blog .c-post > div > .box > .img {order:2;}
.c-blog .c-post > div > .box > .content {order:3;}
}
@media screen and (min-width:960px) {
.c-posts .list .c-post > div > .date,
.c-blog .c-post > div > .date {font-size:1.5em;}
}
/*element as boxes*/
.c-posts .boxes {margin:var(--halfgap-neg) !important;display:flex;flex-flow:row wrap;justify-content:center;}
.c-posts .boxes::after {display:block;height:0px;content:"";}
.c-posts .boxes::after,
.c-posts .boxes .c-post {width:100%;max-width:380px;}
.c-posts .boxes .c-post {padding:var(--halfgap);}
.c-posts .boxes .c-post > div {position:relative;height:100%;padding-top:4px;background-color:var(--grey-lighter);display:flex;flex-flow:column nowrap;align-items:flex-start;}
.c-posts .boxes .c-post > div > * {width:100%;margin:0;padding:0;}
.c-posts .boxes .c-post > div > .date {position:relative;flex:0 0 auto;width:auto;padding:8px 12px;font-family:'Roboto Condensed', 'Roboto', sans-serif;font-size:1em;font-weight:500;color:var(--text-color-light);}
.c-posts .boxes .c-post > div > .date::after {display:block;width:100%;height:4px;background-color:var(--green);position:absolute;left:0;top:-4px;content:"";}
.c-posts .boxes .c-post > div > .box {flex:1 1 auto;height:100%;padding:0 10%;display:flex;flex-flow:column nowrap;}
.c-posts .boxes .c-post > div > .box > * {display:block;margin:0;padding:0;}
.c-posts .boxes .c-post > div > .box > h2 {order:2;font-size:1.4em;-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}
.c-posts .boxes .c-post > div > .box > .img {order:1;position:relative;width:100%;max-width:308px;border:4px solid var(--white);background-color:var(--white);margin:0 auto 12px !important;overflow:hidden;}
.c-posts .boxes .c-post > div > .box > .img::after {content:"";display:block;width:100%;;padding-bottom: 66.66667%;}
.c-posts .boxes .c-post > div > .box > .img div {position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;/*background-size:cover;*/}
/*if img */.c-posts .boxes .c-post > div > .box > .img img {display:block;width:100%;height:100%;/*object-fit:cover;*/}
.c-posts .boxes .c-post > div > .box > .content {order:3;padding-top:12px;}
.c-posts .boxes .c-post > div > .postlink {padding-top:6px;/*text-align:right;*/}
.c-posts .boxes .c-post > div > .postlink a {display:inline-block;padding:8px 4px 8px 12px;font-size:0.9em;}
.c-posts .boxes .c-post > div > .postlink a::after {content:"";position:relative;top:2px;display:inline-block;margin-left:4px;margin-right:24px;width:22px;height:16px;background:transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"><path fill="orange" d="M22,10.991c0-0.016,0-0.032-0.001-0.048c-0.012-0.24-0.109-0.476-0.292-0.659l-7-7 c-0.391-0.391-1.024-0.391-1.414,0s-0.391,1.024,0,1.414l5.293,5.293H1c-0.552,0-1,0.448-1,1c0,0.003,0,0.015,0,0.018 c0,0.552,0.448,1,1,1h17.586l-5.293,5.293c-0.391,0.391-0.391,1.024,0,1.414s1.024,0.391,1.414,0l7-7 c0.183-0.183,0.28-0.419,0.292-0.659C22,11.041,22,11.025,22,11.009V10.991z" /></svg>') center center no-repeat;background-size:contain;transition:margin 0.25s;}
.c-posts .boxes .c-post > div > .postlink a:hover {background-color:var(--green);color:var(--white);}
.c-posts .boxes .c-post > div > .postlink a:hover::after {margin-left:24px;margin-right:4px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"><path fill="white" d="M22,10.991c0-0.016,0-0.032-0.001-0.048c-0.012-0.24-0.109-0.476-0.292-0.659l-7-7 c-0.391-0.391-1.024-0.391-1.414,0s-0.391,1.024,0,1.414l5.293,5.293H1c-0.552,0-1,0.448-1,1c0,0.003,0,0.015,0,0.018 c0,0.552,0.448,1,1,1h17.586l-5.293,5.293c-0.391,0.391-0.391,1.024,0,1.414s1.024,0.391,1.414,0l7-7 c0.183-0.183,0.28-0.419,0.292-0.659C22,11.041,22,11.025,22,11.009V10.991z" /></svg>');}
@media screen and (min-width:768px) {
.c-posts .boxes::after,
.c-posts .boxes .c-post {width:50%;}
}
@media screen and (min-width:1024px) {
.c-posts .boxes::after,
.c-posts .boxes .c-post {width:33.333%;max-width:none;}
}

/*CONTAINER*/

body {background-color:var(--white);}
#page {max-width:1920px;height:100%;margin:0 auto;padding:0;}
#innerHeader {max-width:1920px;margin:0 auto;padding:0;}
#innerSlider {width:100%;max-width:1200px;margin:0 auto;}
#innerMain {max-width:1200px;margin:0 auto;}
#footerbox > div {max-width:1200px;margin:0 auto;}

/*HEADER*/

header {z-index:1001;position:fixed;left:0;top:0;width:100%;background-color:var(--white);margin:0 auto;}
header, #headerSpacer {height:88px;}
#innerHeader {display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;height:100%;padding:0 12px;background-color:var(--beige);border-bottom:12px solid var(--green);box-shadow:0px 12px 12px -12px rgba(0,0,0,0.25);}
/*->logo*/
header #logo {z-index:1002;}
#logo a {display:block;width:240px;height:auto;}
#logo img {max-width:100%;}
/*->menu-icon*/
header #menu {z-index:1004;position:relative;height:36px;}
#menu-icon {z-index:2;position:absolute;top:0;right:0;display:block;width:36px;height:36px;/*background-color:var(--white);*/cursor:pointer;transition:width 0.25s, height 0.25s;border-radius:4px;}
#menu-icon div {position:relative;width:20px;height:16px;margin:10px 8px;}
#menu-icon span {display:block;width:20px;height:3px;position:absolute;left:0;background-color:var(--grey);transition:all 0.5s;}
#menu-icon span.top {top:0;}
#menu-icon span.middle {top:7px;}
#menu-icon span.bottom {top:14px;}
/*->nav*/
#nav {z-index:1003;position:absolute;top:0;right:-360px;width:360px;max-width:100%;height:100vh;transition:right 0.25s;}
#nav #nav-outerscroll {z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--green);overflow-x:hidden;overflow-y:scroll;}
#nav #nav-innerscroll {width:100%;min-height:100%;padding:0px 60px 0px 24px;}
#nav #nav-layer {z-index:1;position:fixed;top:0;left:0;width:0;height:100%;background-color:transparent;transition:background-color 0.25s;}
nav {position:relative;padding:78px 0 78px;font-family:'Roboto Condensed',sans-serif;font-size:18px;font-weight:400;letter-spacing:0.025em;color:var(--white);text-align:left;}
nav ul {padding:0;}
nav li {position:relative;display:block;margin:0;cursor:default;}
nav li > * {color:var(--white);text-decoration:none;}
nav li > *:not(ul) {display:inline-block;padding:4px 8px;transition:background-color 0.25s, border-color 0.25s, color 0.25s;border-radius:4px;}
nav li.subs > *:not(ul) > span {position:relative;}
nav li.subs > *:not(ul) > span::after {content:'';display:inline-block;vertical-align:top;width:0.4em;height:0.4em;border-style:solid;border-width: 0.125em 0.125em 0 0;position:relative;left:0;top:0.44em;margin-left:0.5em;margin-right:0.125em;transform:rotate(135deg);}
nav ul.lvl1 > li > *:not(ul) {text-transform:uppercase;}
nav ul.lvl1 > li + li {margin-top:12px;}
nav ul.lvl1 > li:last-child {margin-top:24px;padding-top:24px;border-top:1px solid var(--white);}
nav li > a:hover {background-color:var(--white) !important;color:var(--green);}
nav ul.lvl2 {padding-left:20px;}
nav ul.lvl2 li {padding-left:20px;}
nav ul.lvl2 li + li {padding-top:9px;}
/*nav-opened*/
body.nav-opened {overflow:hidden;}
body.nav-opened #nav {right:0;}
body.nav-opened #nav #nav-layer {width:100%;background-color:rgba(0,0,0,0.5);}
body.nav-opened #menu-icon span {left:-1px;width:22px;background-color:var(--green);background-color:var(--white);}
body.nav-opened #menu-icon span.top {top:-1px;-ms-transform:translateY(8px) rotate(-45deg);-webkit-transform:translateY(8px) rotateZ(-45deg);transform:translateY(8px) rotateZ(-45deg);}
body.nav-opened #menu-icon span.middle {opacity:0;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}
body.nav-opened #menu-icon span.bottom {top:13px;-ms-transform:translateY(-6px) rotate(45deg);-webkit-transform:translateY(-6px) rotateZ(45deg);transform:translateY(-6px) rotateZ(45deg);}
@media screen and (min-width:1096px) {
#innerHeader {padding:0 2%;}
#menu {display:none;}
#nav {position:relative;top:auto;right:auto;width:auto;height:auto;}
#nav #nav-layer {display:none;}
#nav #nav-outerscroll {position:relative;top:auto;left:auto;width:auto;height:auto;overflow:initial;background-color:transparent;}
#nav #nav-innerscroll {width:auto;min-width:0;min-height:0;padding:0;}
nav {padding:0;white-space:nowrap;}
nav li {padding:0;}
nav li > * {color:var(--green);color:var(--text-color);font-weight:700;}
nav ul.lvl1 {display:flex;flex-flow:row nowrap;}
nav ul.lvl1 > li {position:relative;display:block;margin-top:0;padding:0;}
nav ul.lvl1 > li + li {margin-top:0;margin-left:8px;}
nav ul.lvl1 > li > *:not(ul) {display:block;padding:6px 14px;font-size:19px;border:3px solid var(--beige);}
nav ul.lvl1 > li:hover > *:not(ul) {border-color:var(--green);}
nav ul.lvl1 > li:last-child {margin-top:0;margin-left:32px;padding-top:0;border-top:0;}
nav ul.lvl1 > li:last-child > *:not(ul) {border-color:var(--green);}
nav ul.lvl1 > li:hover > *:not(ul):hover {border-color:var(--green);background-color:var(--green) !important;color:var(--white);}
nav ul.lvl2 {display:block;height:0;overflow:hidden;visibility:hidden;opacity:0;position:absolute;top:100%;left:0;min-width:100%;padding:6px 0 0;transition:visibility 0.25s, opacity 0.25s;}
nav ul.lvl2 li {padding:0 !important;background-color:var(--beige);border:0px solid var(--green);border-width:0 3px;}
nav ul.lvl2 li:first-child {border-top-width:3px;border-top-left-radius:4px;border-top-right-radius:4px;}
nav ul.lvl2 li:last-child {border-bottom-width:3px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
nav ul.lvl2 li > *:not(ul) {font-size:18px;font-weight:400;display:block;padding:4px 8px;border:3px solid var(--beige);border-radius:4px;transition:background-color 0.25s, color 0.25s;}
nav ul.lvl2 li > *:not(ul):hover {color:var(--white);background-color:var(--green) !important;}
nav ul.lvl2 li::before {display:none;}
nav ul.lvl1:hover > li:hover > ul {height:auto;padding:6px 0 0;opacity:1;visibility:visible;}
}
@media screen and (min-height:600px) and (min-width:800px) {
header #menu {height:48px;}
#menu-icon {top:0px;right:0px;width:48px;height:48px;}
#menu-icon div {width:28px;height:21px;margin:13px 10px;}
#menu-icon span {width:28px;height:4px;}
#menu-icon span.top {top:0;}
#menu-icon span.middle {top:9px;}
#menu-icon span.bottom {top:18px;}
body.nav-opened #menu-icon span {left:-2px;width:32px;}
body.nav-opened #menu-icon span.top {top:-2px;-ms-transform:translateY(11px) rotate(-45deg);-webkit-transform:translateY(11px) rotateZ(-45deg);transform:translateY(11px) rotateZ(-45deg);}
body.nav-opened #menu-icon span.middle {opacity:0;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}
body.nav-opened #menu-icon span.bottom {-ms-transform:translateY(-4px) rotate(45deg);-webkit-transform:translateY(-4px) rotateZ(45deg);transform:translateY(-4px) rotateZ(45deg);}
}
@media screen and (min-height:600px) and (min-width:800px), (min-height:1000px) {
header, #headerSpacer {height:104px;}
#logo a {width:320px;}
}

/*SLIDER*/

#topslider {max-width:1200px;margin:0 auto;display:flex;flex-flow:column nowrap;}
#topslider #headerSpacer {flex:0 0 auto;}
#topslider .slider {background-color:var(--grey-lighter);}
#topslider .c-pageslider .c-pager a {background-color:var(--green-light);border:1px solid var(--white);border-radius:2px;}
#topslider .c-pageslider .c-pager a, #topslider .c-slider .c-pager a {height:10px;}
#topslider .c-pageslider .c-pager a.active, #topslider .c-slider .c-pager a.active {background-color:var(--green);}
#topslider.startpage {max-width:1920px;}
#topslider.startpage .slider {position:relative;overflow:hidden;max-height:640px !important;}
#topslider.startpage .slider::after {content:"";display:block;width:100%;padding-bottom:63vh;}
#topslider.startpage .slider .c-pageslider {position:absolute;top:0;left:0;width:100%;height:100%;}
#topslider.startpage .slider .c-wrapper,
#topslider.startpage .slider .c-sliderbox,
#topslider.startpage .slider .c-slides,
#topslider.startpage .slider .c-slides li {height:100% !important;}
#topslider.startpage .slider .c-slides::after {content:"";display:table;clear:both;}
#topslider.startpage .slider .c-slides li img {width:100%;height:100%;object-fit:cover;}

/*MAIN*/

main {min-height:768px;padding:0 7.5%;}
#innerMain {padding:64px 0 128px;}
#innerMain > *:first-child div.c:first-child .cms-toolbar {z-index:1002;top:-32px;}

/*FOOTER*/

footer {position:relative;background-color:var(--green);}
footer .txt {font-size:1em;color:var(--footer-text-color);line-height:1.44;}
footer .txt h4 {margin:0 0 16px;font-family:'Roboto Condensed',Roboto,sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;}
footer .txt a, footer .txt a:not([href]) {color:inherit;position:relative;z-index:1;text-decoration:none;border-bottom:1px dotted transparent;transition:color 0.25s;}
footer .txt a[href]:hover {color:var(--white);border-color:var(--white);}
footer .txt p + * {margin-top:12px;}
footer .txt ul {list-style:none;padding:0;overflow:visible;}
footer .txt ul li {padding:0;}
/*footerbox*/
#footerbox {padding:48px 7.5%;}
#footerbox .columns {display:flex;flex-flow:row wrap;}
#footerbox img.footer-logo {display:inline-block;width:100%;max-width:200px;height:auto;}
#footerbox span.contacttype {padding-right:8px;}
#footerbox span.contacttype + * {display:inline-block;}
#footerbox .columns {display:flex;flex-flow:row wrap;gap:36px;}
#footerbox .columns > * {width:100%;}
#footerbox .columns > .column:first-child {text-align:center;}
@media screen and (min-width:480px) {#footerbox .columns > * ~ * {flex:1;}}
@media screen and (min-width:680px) {#footerbox .columns > * {flex:1;}#footerbox .columns > .column:first-child {text-align:initial;}}
/*footernote*/
#footernote {border-top:1px solid var(--green-light);padding:16px 0;}
#footernote > div {width:100%;padding:0 24px;display:flex;flex-flow:row wrap;justify-content:space-between;gap:6px 24px;}
#footernote > div > span {vertical-align:middle;text-align:left;}
#footernote .txt {font-size:0.8em;}
#footernote .copyright {order:2;white-space:nowrap;}
#footernote .legalinfo {text-align:left;}
#footernote .legalinfo ul {display:block;margin:0 -8px;padding:0;}
#footernote .legalinfo li {display:inline-block;margin:0;padding:0 8px;}
@media screen and (min-width:480px) {#footernote > div {flex-flow:row wrap;}}
@media screen and (min-width:560px) {#footernote .copyright {order:initial;}}
@media screen and (min-width:800px) {#footernote > div {padding:0 2%;}}

/*TOTOP*/

#totop {display:none;z-index:1000;position:fixed;bottom:32px;right:16px;width:48px;height:48px;background-color:var(--white);border:1px solid var(--green);border-radius:50%;cursor:pointer;opacity:0.5;transition:all ease 0.25s;}
#totop span {top:21px;display:block;width:12px;height:2px;position:absolute;background-color:var(--green);transition:background-color 0.25s;}
#totop span.l {left:13px;transform:rotate(-45deg);}
#totop span.r {right:13px;transform:rotate(45deg);}
#totop:hover {background-color:var(--green);border-color:var(--green-light);opacity:1;}
#totop:hover span {background-color:var(--green-light);}

/*GRID [FLUID]*/

div.c + div.c {margin-top:var(--dblgap);}
div.c + div.c[data-element="line"], div.c[data-element="line"] + div.c  {margin-top:64px;}
.c-columns, .c-textimage, .c-line {margin:0 var(--halfgap-neg);padding:0;}
.c-column {width:100%;margin:0;padding:0 var(--halfgap);}
.c-column:nth-child(n+2) {margin-top:var(--dblgap);}
.c-textimage.float {margin:0 var(--gap-neg);}
.c-textimage.float > * {padding:0 var(--gap);}
.txt div.tc2, .txt div.tc3 {column-count:1;}
@media screen and (min-width:800px) {
.c-column.c2.w50, 
.c-column.c4.w25 {width:50%;}
.c-column.c2.w50:nth-child(n+2), 
.c-column.c4:nth-child(-n+2) {margin-top:0px;}
.c-column.c2.w33 {width:50%;}
.c-column.c2.w66 {width:50%;}
.c-column.c3.w33 {width:50%;}
.c-column.c2:nth-child(n+2),
.c-column.c3 {margin-top:0px;}
.txt div.tc2 {column-count:2;}
.txt div.tc3 {column-count:3;}
.txt div.tc2, .txt div.t3 {column-gap:var(--gap);}
}
@media screen and (min-width:1024px) {
.c-column.c2.w33 {width:33.3333333333%;}
.c-column.c2.w66 {width:66.6666666667%;}
.c-column.c3.w33 {width:33.3333333333%;}
.c-column.c2:nth-child(n+2),
.c-column.c3 {margin-top:0px;}
.c-column.c4.w25 {width:25%;}
.c-column {margin-top:0px !important;}
}


/*hyphens*/
/*main .txt h1, main .txt h2, main .txt h3, main .txt h4, main .txt h5 {-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}*/

/*admin-helper*/
/*body.logged section + section {border-top:1px dashed #ddd;}*/