body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
h1{font-size: 250%;color: #103a5d;font-weight: 300;margin: 30px 0;line-height: 150%}h2{font-size: 180%;color: #103a5d;font-weight: 400;margin: 30px 0;line-height: 140%}h2 strong{font-weight: 600}.schwarz h2{color: #103a5d;margin: 50px 0 20px 0;padding-bottom: 40px}.underline .rte{background-image: url('../../files/layout/strich.svg');background-position: 0 90px;background-repeat: no-repeat;background-size: inherit;background-size: 150px}.underline-center .rte{background-image: url('../../files/layout/strich.svg');background-position: 50% 90px;background-repeat: no-repeat;background-size: inherit;background-size: 150px}h3{font-size: 120%;font-weight: 600;color: #103a5d}p{font-weight: 400}a{color: #103a5d;font-weight: 600;text-decoration: none}a:hover{text-decoration: none}.keinabstand h1,.keinabstand h2,.keinabstand h3{margin: 0}#main .inside .content-text.abstand30{margin-bottom: 30px}#main .inside .content-text.abstand50{margin-bottom: 50px}#main .inside .content-text.abstand80{margin-bottom: 80px}#main .inside .content-text.abstand-oben{margin-top: 70px}*{box-sizing: border-box}html{height: 100%}body{font-family: 'Raleway', Arial, sans-serif;height: 100%;font-size: 105%;line-height: 160%;color: #103a5d}#wrapper{width: 100%}#header{width: 100%;height: 100px;top: 0;position: fixed;display: block;z-index: 50;-webkit-box-shadow: 0px 1px 5px #808080;-moz-box-shadow: 0px 1px 5px #808080;box-shadow: 0px 1px 5px #808080}#header .contact{background-color: #103a5d}#header .contact p{max-width: 1180px;margin: 0 auto;color: #fff;font-size: 80%;text-align: right}#header .contact a{color: #fff;margin-right: 30px}#header .inside{height: 100px;-moz-transition: all .7s;-webkit-transition: all .7s;transition: all .7s;background-color: #fff}#header .inside.fixedTop{background-color: #fff}.divauf{max-width: 1180px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between}.logo{margin: 0;padding: 15px 0;width: 240px}.logo a{border-bottom: 0px}.menu{padding-top: 14px;width: 378px;padding-right: 30px}.menu a{padding-left: 30px}#header .inside.fixedTop .logo img{max-height: 50px;width: auto}#main .inside{padding-top: 70px}#main .inside .content-text,#main .inside .content-hyperlink{max-width: 1180px;margin: 0 auto}#main .inside .mod_article{clear: both;float: none;width: 100%}#main .inside .mod_article.last{padding-bottom: 0px}.hg{padding-top: 50px;padding-bottom: 50px}.willkommen{padding: 350px 0 150px;background-image: url('../../files/content/MH-48-Flur.jpg');background-position: center top;background-repeat: no-repeat;background-size: cover;position: relative;overflow: hidden}.willkommen .flaeche{width: 1000px;height: 1000px;background: rgba(16,58,93,0.8);position: absolute;right: -100px;top: -20px;transform: skew(-20deg)}.willkommen .content-text{z-index: 2;position: relative;padding-left: 40%;padding-right: 0}.willkommen p{max-width: 350px}.willkommen h1,.willkommen h2{color: #fff}.zukunft{padding: 80px 0;background-color: #fff}.basis{padding: 50px 0;background-image: url('../../files/content/MH-15 Kopie.jpg');background-position: right center;background-repeat: no-repeat;background-size: 80%;position: relative}.basis .flaeche{width: 1000px;height: 700px;background: #103a5d;position: absolute;left: -100px;top: 0;transform: skew(-15deg)}.basis .content-text{z-index: 2;position: relative}.basis p{max-width: 350px;color: #fff;text-align: left}.basis h2{color: #fff;font-weight: 600}.kontakt{padding: 100px 0;background-image: url('../../files/content/hg-Kontakt.jpg');background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative}.kontakt p{text-transform: uppercase;color: #fff;font-size: 200%;width: 350px;line-height: 180%;font-weight: 600}.clearfix:after{content: "";display: table;clear: both}.karte{padding-top: 40px}.schmal p{max-width: 750px}#main .inside .content-text.schmalcenter{max-width: 750px;marrgin: 0 auto}#main .inside .content-text.schmalcenter p{text-align: center}.center{text-align: center}.mod_article.blau{background-color: #d9e6eb}.mod_article.blau .ce_text,.mod_article.blau h2,.mod_article.blau h3,.mod_article.blau a{color: #fff}.mod_article.blau-bg{background-color: #103a5d;padding: 50px 0px;background-image: url('../../files/layout/dreieck.svg');background-position: calc(50% - 510px) 0;background-repeat: no-repeat;background-size: 100px}.mod_article.blau-bg p{color: #fff}.mod_article.hellblau{background-color: #d9e6eb;padding: 70px 0px;background-image: url('../../files/layout/dreieck.svg');background-position: 50% 0;background-repeat: no-repeat;background-size: 100px}.mod_article.dreieck{background: url('../../files/layout/dreieck-linie.svg') no-repeat center center;padding: 70px 0;background-size: 600px}.mod_article.dreieck .border{background-image: url('../../files/layout/strich.svg');background-position: 50% 80px;background-repeat: no-repeat;background-size: 150px;padding-bottom: 20px}.punkte{display: -webkit-flex;display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;background-color: #103a5d;padding: 30px 20px;margin: 50px auto !important}.punkte .quadrat{background-image: url('../../files/layout/favicon-weiss.svg');background-position: 0 21px;background-repeat: no-repeat;background-size: inherit;background-size: 18px}.punkte .quadrat .rte{padding-left: 30px}.punkte .quadrat p{color: #fff}.cluster{display: -webkit-flex;display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between}.cluster .content-text{background-color: #fff;padding: 0;margin: 0 30px;width: 350px;border-bottom: 6px solid #103a5d}.cluster .content-text .rte{padding: 20px}.kontaktdaten{max-width: 1180px;display: flex;flex-wrap: wrap;border-top: 1px solid #103a5d;padding-top: 50px;margin: 50px auto 0}.kontaktdaten .firma{margin-right: 100px;color: #434f4f;width: 50%;line-height: 110%}.kontaktdaten .angaben.content-text{padding: 0;width: 30%}.kontaktdaten .angaben.content-text table,.kontaktdaten .angaben.content-text td{border: 0}#footer{width: 100%;background-color: #103a5d;margin-top: 80px}#footer .inside{max-width: 1180px;margin: 0 auto;padding: 15px 0}#footer .inside .mod_customnav ul{width: 300px;margin: 0 auto}#footer .inside .mod_customnav ul li{text-align: center;display: inline;float: left}#footer .inside .mod_customnav ul li a{display: block;padding: 0px 10px;color: #fff;font-weight: 400;font-style: normal;text-decoration: none;border-bottom: 0px;font-size: 80%}#footer .inside .mod_customnav ul li a:hover{text-decoration: underline}#footer .inside .mod_customnav ul li strong{color: #fff;font-size: 80%;text-decoration: unset}#footer .inside .mod_cookiebarOpener a{padding: 0px 10px;color: #fff;font-weight: 400;font-style: normal;font-size: 80%;padding-left: 50px}.topnav .icon{display: none}.button a{padding: 10px 30px;background-color: #fff;color: #103a5d;background-image: none;font-size: 100%;border-radius: 5px;margin-left: 30px}.button a:hover{background-color: #d9e6eb;font-weight: 600}@media only screen and (min-width: 2050px){.willkommen .flaeche,.basis .flaeche{width: 1200px}}@media only screen and (min-width: 2400px){.willkommen .flaeche,.basis .flaeche{width: 1400px}}@media only screen and (min-width: 2750px){.willkommen .flaeche,.basis .flaeche{width: 1600px}}@media only screen and (min-width: 3000px){.willkommen .flaeche,.basis .flaeche{width: 1800px}}@media only screen and (max-width: 1450px){.basis .flaeche{width: 800px}}@media only screen and (max-width: 1330px){.willkommen .flaeche{width: 800px}.willkommen .content-text{padding-left: 50%}}@media only screen and (max-width: 1200px){.basis{background-size: 100%}.basis .flaeche{width: 600px}}@media only screen and (max-width: 1180px){.logo{padding-left: 30px}.content-text{padding-left: 30px;padding-right: 30px}.punkte .quadrat .rte{padding-left: 0}}@media only screen and (max-width: 1024px){#main .inside .content-text,#main .inside .content-hyperlink{max-width: 100%}.willkommen .flaeche{width: 80%}.basis p{max-width: 45%}.mod_article.blau-bg{background-position: calc(50% - 300px) 0}.cluster .content-text{width: 300px}#footer .inside .firma{width: 50%}#footer .inside .mod_customnav{margin-top: 90px;margin-left: 0%}}@media only screen and (max-width: 900px){.mod_article.blau-bg{background-position: calc(50% - 200px) 0}.punkte{flex-wrap: wrap}.cluster{flex-wrap: wrap}.cluster .content-text{width: 80%;margin-bottom: 40px !important}.fokus .underline-center .rte{background-position: 50% 150px}.basis{background-size: cover}#footer .inside .firma{margin-right: 0}}@media only screen and (max-width: 770px){#footer .inside .footer-inhalt .firma{width: 100%;margin-right: 0}#footer .inside .mod_customnav{margin: 0}#footer .inside .mod_customnav ul{padding-left: 30px}#footer .inside .mod_customnav li a{padding: 0px 20px 0 0}h1{font-size: 150%}h2{font-size: 130%}.schwarz h2{padding-bottom: 50px}.kontakt p{font-size: 110%;width: 40%}.willkommen{padding: 50px 0;height: 300px}.willkommen .flaeche{width: 500px;height: 600px;top: -100px;transform: skew(0deg)}.willkommen p{max-width: 90%}.basis .flaeche{width: 500px}.basis p{max-width: 45%}.zukunft{padding-top: 20px}}@media only screen and (max-width: 620px){.willkommen .flaeche{width: 70%;height: 400px;top: 0}.logo{width: 200px}.menu{padding-top: 3px;width: 320px}.menu a{padding-left: 10px}.punkte .quadrat{margin: 0 !important}#footer .inside{padding: 50px 0}.basis p{max-width: 90%}.kontaktdaten .firma,.kontaktdaten .angaben.content-text{width: 100%}.kontaktdaten .angaben .rte{padding-left: 30px}}@media only screen and (max-width: 520px){#header,#header .inside{height: 120px}#main .inside{padding-top: 120px}.logo{padding-bottom: 0}.menu{padding-left: 15px;width: 100%}.menu p{margin-top: 0}.willkommen .flaeche{right: -15%}.kontakt{background-position: center right}.kontakt p{width: 100%}#footer .inside{padding: 20px 0}#footer .inside .mod_customnav ul{width: 100%}#footer .inside .mod_customnav ul li{text-align: left}}@media only screen and (max-width: 460px){#header .contact p{text-align: left;padding-left: 30px}.cluster .content-text{width: 90%}}
/* raleway-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/script/fonts/raleway-v34-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/script/fonts/raleway-v34-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/script/fonts/raleway-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/script/fonts/raleway-v34-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/script/fonts/raleway-v34-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('../../files/script/fonts/raleway-v34-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../../files/script/fonts/raleway-v34-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: url('../../files/script/fonts/raleway-v34-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}