@charset "UTF-8";
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0}
html,body{width:100%}
img,embed,object,video{max-width:100%;height:auto;width:auto;margin:0; padding:0}
body{font-family:'Roboto+Condensed',sans-serif;font-weight:300;font-size:1.2em;background:#fff}
p{line-height: 1.4em}
h1{font-size:1.4em;color:#fff;font-weight:400;padding:0}
h2{font-size:1.4em;color:#1096a5;font-weight:300;padding:0;}
h3{font-size:1.3em;color:#1096a5;font-weight:300;padding:0}
.white h3{font-size:1.3em;color:#0e6f7a;font-weight:300;padding:0}
a{color:#1096a5}
a:link{color:#1096a5;text-decoration:none}
a:visited{color:#1096a5;text-decoration:none}
a:focus,a:hover,a:active{color:#000;text-decoration:none}
a:focus{outline:none}
#content a{color:#1096a5}
#content a:link{color:#1096a5;text-decoration:none}
#content a:visited{color:#1096a5;text-decoration:none}
#content a:focus,#content a:hover,#content a:active{color:#0e6f7a;text-decoration:none}
#content a:focus{outline:none}
.adresse a{color:#fff}
.adresse a:link{color:#fff;text-decoration:none}
.adresse a:visited{color:#fff;text-decoration:none}
.adresse a:focus,.adresse a:hover,.adresse a:active{color:#0e6f7a;text-decoration:none}
.adresse a:focus{outline:none}
#footer a{color:#fff}
#footer a:link{color:#fff;text-decoration:none}
#footer a:visited{color:#fff;text-decoration:none}
#footer a:focus,#footer a:hover,#footer a:active{color:#0e6f7a;text-decoration:none}
#footer a:focus{outline:none}
#content a.flex-item {color:#fff}
#content a.flex-item:hover{background:#0e6f7a;text-decoration:none}
#content i {color:#0e6f7a}
.start-bg{overflow:hidden;width:90%;position:relative;margin:0 auto;margin-top:50px}
.start-bg img{float:left;width: 100%;}
a{color:#000}
.center{text-align:center}
.image-open img{display:block}
.teaser{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:100%;text-align:center;padding:20px 0;z-index:10;color:#fff}
.teaser img{float:none;max-width:245px}
#kontakt img{max-width:350px;width:100%}
.adresse{overflow:hidden;width:90%;position:relative;margin:0 auto;background:#1096a5;text-align:center;padding:20px 0;color:#fff;font-size:.9em}
#content{margin:0 auto;width:90%;}
#footer{width:90%;margin:0 auto}
.header{background-color:#fff;box-shadow:1px 1px 4px 0 rgba(0,0,0,.1);position:fixed;top:0;left:0;width:100%;z-index:20}
.header ul{margin:0;padding:0;list-style:none;overflow:hidden;background-color:#fff}
.header li a{display:block;padding:20px;cursor:pointer;text-decoration:none;color:#000}
.header li a:hover,.header .menu-btn:hover{background-color:#1096a5;color:#fff}
.header li.active a{background-color:#1096a5;color:#fff}
.logo{display:block;float:left;padding-top:10px}
.logo img{max-width:150px}
.col-100{margin:0 auto;max-width:1200px;width:90%;}
.col-50{width:45%;}
.col-50 img{border-radius: 5px;}
.col-left{float:left;display: block;}
.col-right{float:right}
.p-20{padding:80px 0!important}
.pt-20{padding-top:20px}
.pb-20{padding-bottom:20px}
.pb-10{padding-bottom:10px}
.pb-50{padding-bottom:50px}
.pt-70{padding-top:80px}
.content-800{max-width:800px;margin:0 auto;width:90%;overflow: hidden}
.content-1200{max-width:1200px;display:inline-block;margin:0 auto;width:90%;overflow: hidden}
.bg-white{background:#fff;width:100%;float:left;text-align: center;overflow: hidden}
.bg-grey{background:#1e2223;width:100%;float:left;text-align: center;overflow: hidden}
.bg-grey-light{background:#f1f1f1;width:100%;float:left;text-align: center;overflow: hidden}
.white{color:#fff}
.white-text{color:#fff;font-size:1.2em;font-weight:300;}
.bg-blue{background:#1096a5;width:100%;float:left;text-align: center;}
.text-left{text-align: left;}
#content ul{list-style:none;padding:10px 0}
#content li{padding-left:1em;line-height:1.3em}
#content li:before{content:"\f0da";font-family:Font Awesome\ 5 Free;display:inline-block;margin-left:-1em;width:0.8em;color:#1096a5;font-weight:900}
.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}
.header .menu-icon{cursor:pointer;display:inline-block;float:right;padding:28px 20px;position:relative;user-select:none}
.header .menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}
.header .menu-icon .navicon:before,.header .menu-icon .navicon:after{background:#333;content:'';display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}
.header .menu-icon .navicon:before{top:5px}
.header .menu-icon .navicon:after{top:-5px}
.header .menu-btn{display:none}
.header .menu-btn:checked ~ .menu{max-height:400px}
.header .menu-btn:checked ~ .menu-icon .navicon{background:transparent}
.header .menu-btn:checked ~ .menu-icon .navicon:before{transform:rotate(-45deg)}
.header .menu-btn:checked ~ .menu-icon .navicon:after{transform:rotate(45deg)}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after{top:0}
main{display:block;background:none}
.flex-container{display:flex;flex-wrap:wrap;margin:0 auto;width:100%}
.flex-item{flex-basis:25.3333333333333333%;flex-grow:0;flex-shrink:0;margin:2%;display:flex;flex-wrap:wrap;justify-content:center;background:#21a8b7;border-radius:5px;padding:2%;font-size:.9em;text-align:center;}
.icon{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;padding-bottom:20px;min-height: 80px;}
.text{}
.flex-item-image{flex-basis:21%;flex-grow:0;flex-shrink:0;margin:2%;display:flex;flex-wrap:wrap;background:none;overflow:hidden;border-radius:5px;}
.flex-item-image-2{flex-basis:21%;flex-grow:1;flex-shrink:1;margin:2%;display:flex;flex-wrap:wrap;background:none;overflow:hidden;box-shadow: 0 0 1px #454545;border-radius:5px;position: relative;}
.image-open{transition:all .3s ease}
.image-open:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);cursor:pointer}
.item-text{position:absolute;bottom:0;text-align: center;color:#fff;background:#1096a5;width:100%;padding:5px 0px;font-size:0.9em;}
.white-popup{position:relative;background:#FFF;padding:50px;width:auto;max-width:800px;margin:20px auto;color:#000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align:center}
.white-popup img{width:100%;max-width:600px}
.bg-leistungen{background: url(../images/bg-leistungen.jpg) no-repeat fixed center;background-size: cover;text-align: center;}
@media (min-width: 48em) {
.header li{float:left}
.header li a{padding:20px 30px}
.header .menu{clear:none;float:right;max-height:none}
.header .menu-icon{display:none}
}
@media (max-width: 1400px) {
.flex-item{flex-basis:42%;flex-grow:0;flex-shrink:0}
}
@media (max-width: 950px) {
.flex-item{flex-basis:42%;flex-grow:0;flex-shrink:0}
.teaser img{max-width:150px}
	.flex-item-image{flex-basis:46%;flex-grow:0;flex-shrink:0}
	.flex-item-image-2{flex-basis:46%;flex-grow:1;flex-shrink:1}
	.col-50{width:100%}
	.col-right{margin-top: 50px;}
}
@media (max-width: 48em) {
.flex-item{flex-basis:100%;flex-grow:1;flex-shrink:1}
.teaser img{display:none}
}

@media (max-width: 400px) {
	.flex-item-image{flex-basis:96%;flex-grow:1;flex-shrink:1}
	.flex-item-image-2{flex-basis:96%;flex-grow:1;flex-shrink:1}
}
@font-face{font-family:'Roboto+Condensed';font-display:swap;font-weight:700;src:url(fonts/RobotoCondensed-Bold.ttf) format("truetype")}
@font-face{font-family:'Roboto+Condensed';font-display:swap;font-weight:400;src:url(fonts/RobotoCondensed-Regular.ttf) format("truetype")}
@font-face{font-family:'Roboto+Condensed';font-display:swap;font-weight:300;src:url(fonts/RobotoCondensed-Light.ttf) format("truetype")}