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}.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%}
.download-element{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie{background-image:url(../../assets/contao/images/iconMOVIE.svg)}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
.justify-items-start{justify-items:start}.justify-items-center{justify-items:center}.justify-items-end{justify-items:end}.content-start{align-content:start}.content-center{align-content:center}.content-end{align-content:end}.items-start{align-items:start}.items-center{align-items:center}.items-end{align-items:end}[class*=grid_]{display:grid;grid-gap:1rem}[class*=grid_]>.block{margin-bottom:0}@media(min-width: 576px){.grid_mobile_100{grid-template-columns:1fr}.grid_mobile_50_50{grid-template-columns:repeat(2, 1fr)}.grid_mobile_33_33_33{grid-template-columns:repeat(3, 1fr)}.grid_mobile_25_25_25_25{grid-template-columns:repeat(4, 1fr)}.grid_mobile_75_25{grid-template-columns:3fr 1fr}.grid_mobile_25_75{grid-template-columns:1fr 3fr}.grid_mobile_66_33{grid-template-columns:2fr 1fr}.grid_mobile_33_66{grid-template-columns:1fr 2fr}.grid_mobile_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_mobile_25_50_25{grid-template-columns:1fr 2fr 1fr}.grid_mobile_25_25_50{grid-template-columns:1fr 1fr 2fr}.grid_mobile_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_mobile_30_40_30{grid-template-columns:3fr 4fr 3fr}.grid_mobile_30_30_40{grid-template-columns:3fr 3fr 4fr}}@media(min-width: 768px){.grid_tablet_100{grid-template-columns:1fr}.grid_tablet_50_50{grid-template-columns:repeat(2, 1fr)}.grid_tablet_33_33_33{grid-template-columns:repeat(3, 1fr)}.grid_tablet_25_25_25_25{grid-template-columns:repeat(4, 1fr)}.grid_tablet_75_25{grid-template-columns:3fr 1fr}.grid_tablet_25_75{grid-template-columns:1fr 3fr}.grid_tablet_66_33{grid-template-columns:2fr 1fr}.grid_tablet_33_66{grid-template-columns:1fr 2fr}.grid_tablet_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_tablet_25_50_25{grid-template-columns:1fr 2fr 1fr}.grid_tablet_25_25_50{grid-template-columns:1fr 1fr 2fr}.grid_tablet_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_tablet_30_40_30{grid-template-columns:3fr 4fr 3fr}.grid_tablet_30_30_40{grid-template-columns:3fr 3fr 4fr}.grid_tablet_20_40_40{grid-template-columns:1fr 2fr 2fr}.grid_tablet_40_20_40{grid-template-columns:2fr 1fr 2fr}.grid_tablet_40_40_20{grid-template-columns:2fr 2fr 1fr}}@media(min-width: 992px){.grid_desktop_100{grid-template-columns:1fr}.grid_desktop_50_50{grid-template-columns:repeat(2, 1fr)}.grid_desktop_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_desktop_33_33_33{grid-template-columns:repeat(3, 1fr)}.grid_desktop_75_25{grid-template-columns:3fr 1fr}.grid_desktop_25_75{grid-template-columns:1fr 3fr}.grid_desktop_66_33{grid-template-columns:2fr 1fr}.grid_desktop_33_66{grid-template-columns:1fr 2fr}.grid_desktop_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_desktop_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_desktop_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_desktop_25_50_25{grid-template-columns:1fr 2fr 1fr}.grid_desktop_25_25_50{grid-template-columns:1fr 1fr 2fr}.grid_desktop_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_desktop_30_40_30{grid-template-columns:3fr 4fr 3fr}.grid_desktop_30_30_40{grid-template-columns:3fr 3fr 4fr}.grid_desktop_20_40_40{grid-template-columns:1fr 2fr 2fr}.grid_desktop_40_20_40{grid-template-columns:2fr 1fr 2fr}.grid_desktop_40_40_20{grid-template-columns:2fr 2fr 1fr}.grid_desktop_25_25_25_25{grid-template-columns:repeat(4, 1fr)}.grid_desktop_40_20_20_20{grid-template-columns:2fr 1fr 1fr 1fr}.grid_desktop_20_40_20_20{grid-template-columns:1fr 2fr 1fr 1fr}.grid_desktop_20_20_40_20{grid-template-columns:1fr 1fr 2fr 1fr}.grid_desktop_20_20_20_40{grid-template-columns:1fr 1fr 1fr 2fr}.grid_desktop_20_20_20_20_20{grid-template-columns:repeat(5, 1fr)}}/*# sourceMappingURL=clickpress-grid.css.map */

@font-face {
  font-family: LemonSans;
  src: local(LemonSans-Light),
    url(/files/Schriften/supertype/LemonSans-SLight.woff2) format("woff2"),
    url(/files/Schriften/supertype/LemonSans-SLight.woff) format("woff"),
    url(/files/Schriften/supertype/LemonSans-SLight.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: LemonSans;
  src: local(LemonSans-Regular),
    url(/files/Schriften/supertype/LemonSans-Regular.woff2) format("woff2"),
    url(/files/Schriften/supertype/LemonSans-Regular.woff) format("woff"),
    url(/files/Schriften/supertype/LemonSans-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: NotoSerifJP;
  src: local(NotoSerifJP-Regular),
    url(/files/Schriften/Noto_Serif_JP/NotoSerifJP-Regular.woff2) format("woff2"),
    url(/files/Schriften/Noto_Serif_JP/NotoSerifJP-Regular.woff) format("woff"),
    url(/files/Schriften/Noto_Serif_JP/NotoSerifJP-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

html {
	font-size: 100%;
	-webkit-hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
     -webkit-hyphenate-limit-chars: 6 3 3;
     -webkit-hyphenate-limit-lines: 2;
     -webkit-hyphenate-limit-last: always;
     -webkit-hyphenate-limit-zone: 8%;
     -moz-hyphens: auto;
     -moz-hyphenate-limit-chars: 6 3 3;
     -moz-hyphenate-limit-lines: 2;
     -moz-hyphenate-limit-last: always;
     -moz-hyphenate-limit-zone: 8%;
     -ms-hyphens: auto;
     -ms-hyphenate-limit-chars: 6 3 3;
     -ms-hyphenate-limit-lines: 2;
     -ms-hyphenate-limit-last: always;
     -ms-hyphenate-limit-zone: 8%;
     hyphens: auto;
     hyphenate-limit-chars: 6 3 3;
     hyphenate-limit-lines: 2;
     hyphenate-limit-last: always;
     hyphenate-limit-zone: 8%;
}


h1, .Headlines-Green-2 {
  font-family: LemonSans;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  color: #535859;
}

h2, .button p {
  font-family: LemonSans;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.67px;
  color: #235B4E;
}
ce_text.button.block p {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.ce_cp_grid_start.block h2 {
    margin-bottom: auto;
}

.Call-to-Action {
  font-family: LemonSans;
  font-size: 30px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.07;
  letter-spacing: 0.1px;
  text-align: center;
  color: #fff;
}

ul, .Aufzhlung {
  font-family: LemonSans;
  font-size: 22px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: 0.14px;
  color: #235B4E;
}

h3, .Headlines-Versal-Green {
  font-family: LemonSans;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.46px;
  text-transform: uppercase;
  color: #235B4E;
  margin-top: 1rem;
  margin-bottom: 0.3rem;
}

h3 + p {
    margin-top: 0;
}

#footer p {
  font-family: LemonSans;
  font-size: 15px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: 1px;
  color: #535859;
  text-transform: uppercase;
}

a {
    color: inherit;
    text-decoration-color: #c8ded2;
}
#footer a {
    text-decoration: none;
    color: inherit;
} 
#footer a:hover {
    text-decoration: underline;
}



/* Formular */

input::placeholder, textarea::placeholder {
    color: #555 !important;
    opacity: 1;
    font-family: NotoSerifJP;
}


#ctrl_2 {
  font-family: NotoSerifJP;
  color: #555 !important;
}
.ce_form.block {
    margin-top: 1.2rem;
}

form .widget input, form .widget textarea, form .widget select {
    width: 93%;
}

input, textarea, select {
    padding: 10px;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid rgba(0,0,0,0.2);
    transition: all 0.15s linear 0s;
    width: 100%;
    font-family: inherit;
}
form div.widget {
    margin-bottom: 20px;
}
input, select, textarea {
    background-color: rgb(247, 247, 247);
    border-color: rgb(247, 247, 247);
    font-size: 0.9rem;
}

.widget.name {
width: 30%;
margin-right: 3%;
float: left;
}
.widget.widget-text.name input {
width: 90%;
}



.widget.widget-text.tel {
  width: 47%;
  float: left;
  margin-right: 3%;
}

.widget.widget-text.tel input {
  width: 92%;
}

.widget.name {
  min-height: 3rem;
}

#ctrl_10 {
    width: 97%;
    background: #C8DED2;
    border: none;
    padding: 1.5rem;
    font-size: 16px;
    color: #54565A;
}
#ctrl_10:hover {
    text-decoration: underline;
    cursor: pointer;
}
/* formular */

.Headlines-Mobile-Green-3 {
  font-family: LemonSans;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: #fff;
}

p, .Copytext-16-grau {
  font-family: NotoSerifJP;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: 0.23px;
  color: #3b4041;
}

.head li {
  font-family: LemonSans;
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.2px;
  color: #445D57;
  text-transform: uppercase;
  list-style: none;
  float: left;
  margin-left: 3rem;
  margin-left: min(3rem, 3vw);
}

.mobile_menu ul li {
	letter-spacing: 1.2px;
	
}

.mobile_menu .mod_navigation li a::after, .mod_navigation li.active::after {
    
    margin-bottom: 1.3rem;
   
}

.head li a {
	text-decoration: none;
	color: #445D57;
	
	
}

.Copytext-14-grau {
  font-family: NotoSerifJP;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #fff;
}

.Footer-Mobile {
  font-family: LemonSans;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: 0.4px;
  color: #fff;
}

.-grau-2-Mobile {
  font-family: NotoSerifJP;
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: #fff;
}
:root {
  --gunmetal: #445d57;
  --champagner: #c1b58c;
  --dark-gray: #535859;
  --light-green: #c8ded2;
  --racing-green: #235b4e;
  --black: #000;
  --bright-champagner: rgba(193, 181, 140, 0.13);
  --bright-champagner: #f7f6f0;
  --light-green: #e8f1ec;
}

.head {
    max-width: 1170px;
    margin: 0 auto;
    /*min-height: 130px;*/
    
}


.mod_navigation.block {
  float: right;
  margin-top: 2.8rem;
}

.head .ce_image.block {
  float: left;
  margin-left: -2rem;
  max-width: 30vw;
}

.mod_navigation li a::after, .mod_navigation li.active:after {
    content: '';
    display: block;
    margin-top: 0.3rem;
    
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #C8DED2;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: color 0.1s,transform 0.2s ease-out;
}
.mod_navigation li a:hover::after,.mod_navigation li a:focus::after, .mod_navigation li.active:after {
    transform-origin: left top;
    transform: scale(1, 1);
}

.head li.sibling.first {
margin-left: 0;
padding-left: 0;
}

.head ul {
	padding-left: 0;
}

#main .inside {
max-width: 1170px;
margin: 0 auto;
padding: 0 40px;
}

.green-box h1 {
    position: relative;
    display: block;
    padding: 1rem 2.5rem;
    background: #C8DED2;
    width: max-content;
    max-width:90%;
}



.head-text {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.green-box {
  max-width: 1170px;
  margin: 0 auto;
}

#header .image_container.float_above {
  line-height: 0;
}

.green-box h1 {
  margin: 0;
}

.green p {
	/*color: #235b4e; */
	font-family: LemonSans;
font-size: 22px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1.64;
letter-spacing: 0.14px;
color: #235B4E;
}

.bg-green {
    background: #E8F1EC;
}
/*
ce_text {
    margin-top: 1rem;
}
*/

p {
margin-top: 1.875rem;
}

/* layout.min.css,responsive.min.css,clickpress-grid.css,style.css-eaccbf88.css | https://bko.maxkom.de/assets/css/layout.min.css,responsive.min.css,clickpress-grid.css,style.css-eaccbf88.css */

.bg-green {
  padding: 1rem 4rem;
}

.bg-green [class*="grid_"] {
  grid-gap: 4rem;
}



.bg-green .ce_text {
  text-align: center;
  margin-top: 1rem;
  margin-bottom: -0.5rem;
}
#header .mod_article {
    clear: both;
}



/* slider bedienung */

.slider-box {
  position: relative;
}

#customize-controls {
  position: absolute;
  top: 23%;
  width: 100%;
}

img.links {
  left: -2rem;
  position: absolute;
  transform: scaleX(-1);
}

img.rechts {
  right: -2rem;
  position: absolute;
}
.tns-nav {
    display: none;
}
.over {
    overflow: visible;
}

/* button */

.ce_text.button.block {
text-align: center;
border: 1px solid #4a4f4f;

}

.ce_cp_grid_start.green.block, .ce_text.button.block, .slider-box {
margin: 1.875rem auto;
}
/* action field */
.ce_text.action {
border: 1px solid #235B4E;
padding: 1.5rem 2rem 0rem 2rem;
margin-top: 5rem;

}
.ce_text.button.block:hover {
    background: #c8ded2;
}

.ce_text.action p {
	font-family: LemonSans;
  font-size: 30px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.07;
  letter-spacing: 0.1px;
  text-align: center;
  color: #235B4E;
  padding-bottom: 1rem;
}


.ce_text.action::before {
  content: url(/files/Grafik/rosette.svg);
  background: #fff;
  left: calc(50% - 48px);
  position: absolute;
  margin-top: -3.4rem;
  padding: 0 1rem;
}
.action:hover strong {
    border-bottom: #C8DED2 solid 3px;
}

.gap {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
}

#footer  {
	margin-top: 4rem;
	background: #E8F1EC;
}
#footer .inside {
	margin: 0 auto;
	max-width: 1170px;
}

#footer .image_container {
    margin: 1rem auto;
    width: max-content;
}
#footer .grid_desktop_33_33_33 {
    grid-template-columns: 1.6fr 1.3fr 1fr;
}


.hist ol li::after {
    position: absolute;
top: calc(50% - 3.5rem);
left: 0;
border-radius: 50%;
display: inline-block;
text-align: center;
height: 2rem;
width: 4rem;
line-height: 2rem;
color: #235b4e;
font-family: LemonSans;
font-size: 40px;
background: #fff;
padding: 1rem 0;

}
.hist ol li::before {
    position: absolute;
    top: 0;
    content: "";
    height: 100%;
    width: 0;
    left: calc(2rem - 0.5px);
    border-left: 1px solid #979797;
}

.hist ol li {
    padding: 0 0rem 2rem 6rem;
    position: relative;
    
    font-size: 16px;
    
    
  font-weight: 500;
  line-height: 1.63;
  letter-spacing: 0.23px;
  color: #235b4e;
    
    
}
.hist ol {
    list-style-type: none;
    padding-left: 0;
}

.hist ol li:nth-child(1)::after {
    content: "1949";
}
.hist ol li:nth-child(2)::after {
    content: "1987";
}
.hist ol li:nth-child(3)::after {
    content: "1999";
}
.hist ol li:nth-child(4)::after {
    content: "2021";
    
}

.hist ol li:last-child::before {
    
    height: 50%;
    
}
/* mobile menu */




.menuBtn .line {
  display: block;
  background: #c1b58c;
}


#mobile-menu-4-trigger {
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.menuBtn {
    zoom: 1;
    position:relative;
    z-index:200;
    width: 2.5em;
    float: right;
    margin-right: 2.1%;
    margin-top: 3.5vw;
    margin-top: min(3rem, 7.5vw);
    cursor: pointer;
    margin-bottom: 1rem;
}

.menuBtn .line {
    height: 0.15em;
    margin-bottom: 0.4em;
    transition: 1s;
}

.mobile_menu .inner {
background: #e8f1ecf2;
}

.mod_mobile_menu .active .line:first-child {
    transform: translate(0,7px) rotate(45deg);
    -webkit-transform: translate(0,7px) rotate(45deg);
    -moz-transform: translate(0,7px) rotate(45deg);
    -ms-transform: translate(0,7px) rotate(45deg);
}


.mod_mobile_menu .active .line:nth-child(2) {
    opacity: 0;
}

.mod_mobile_menu .active .line:last-child {
    transform: translate(0px,-10px) rotate(-45deg);
    -webkit-transform: translate(0px,-10px) rotate(-45deg);
    -moz-transform: translate(0px,-10px) rotate(-45deg);
    -ms-transform: translate(0px,-10px) rotate(-45deg);
    top: -1.2em;
}



.mobile_menu ul {
  list-style: none;
  padding-left: 0;
  margin: 1.875rem;
  text-transform: uppercase;
}

.mobile_menu li {
width: max-content;
}

.mobile_menu a {
  color: #535859;
  text-decoration: none;
  width: max-content;
  display: block;
}






/* counter */

.ce_rsce_counter.block {
  text-align: center;
  position: relative;
}
.counter {
    font-size: 60px;
    letter-spacing: 1.25px;
    text-align: center;
    color: #235b4e;
    font-family: LemonSans;
  display: block;
  
}
.ce_cp_grid_start.green.block {
    background: #E8F1EC;
    padding: 1.875rem;
}



.ce_rsce_counter.block:nth-child(1)::after, .ce_rsce_counter.block:nth-child(2)::after {
  border-right: 1px solid gray;
  content: "";
  position: absolute;
  height: 95%;
  right: 0;
  top: 5%;
}



/* Liste */

.ce_text ul {
  list-style-image: url(/files/Grafik/check.svg);
  padding-left: 1.8rem;
}


ul li {
  padding-left: 0.5rem;
}

.home img {
  min-height: 320px;
  object-fit: cover;
}
.page img {
  min-height: 220px;
  object-fit: cover;
}


/* Aufzählungskasten 

.ce_text.green.block {
  background: #E8F1EC;
  padding: 1rem 2rem;
}

*/


/* Downloads */

.ce_downloads ul {
  padding: 1rem 2rem;
  background: #e8f1ec;
}

.ce_downloads a {
  text-decoration: none;
  color: #445D57;
  font-weight: 300;
}


.download-element {
  background-size: 1.5rem;
  padding-left: 2rem;
}



.head, footer {
  padding: 0 40px;
}
#article-23 {
    margin-top: 4rem;
}

.ce_text.action.download.last.block {
    margin-top: 3.5rem;
}
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 576px) {
 h1, h2, h3, .green p,.ce_text.action p  {
  font-size: 1.4rem;
}
ul li {
    line-height: 1.2;
}
.ce_cp_grid_start.space.block {
    margin: 1.3rem auto;
}
p {
    font-size: 1rem;
    line-height: inherit;
}

#footer .grid_desktop_33_33_33 {
    grid-template-columns: initial;
}
.head, footer, #main .inside {
  padding: 0 23px;
}



img.links {
  left: -1rem;
  height: 14px;
  width: auto;
}

img.rechts {
  right: -1rem;
  height: 14px;
}

#customize-controls {
  top: 30%;
}

.green-box {
  margin: 0 23px;
}
.green-box h1 {
	padding: 1rem;
}





.bg-green {
  
  padding: 2rem 2rem;
}

.bg-green .ce_text {
  
  text-align: left;
  margin-top: 0rem;
}



.bg-green .image_container.float_above {
  float: left;
  margin-right: 2rem;
  margin-bottom: 2rem;
}

.bg-green h3 {
  margin-top: 0;
}

.bg-green .image_container.float_above {
  margin-top: 0.5rem;
}

/* */


/* layout.min.css,responsive.min.css,icons.min.css,mobile-menu.min....-6c340dfa.css | https://bko.maxkom.de/assets/css/layout.min.css,responsive.min.css,icons.min.css,mobile-menu.min....-6c340dfa.css */

.ce_text.button.block {
  text-align: left; 
  border: none; 
}

.button p {
  
  font-size: 1.4rem;
  margin: 0;
}

.ce_cp_grid_start.green.block, .ce_text.button.block, .slider-box {
 
  margin: 0;
}


.ce_text.button.block::before {

  content: " ";
  float: left;
  height: 1rem;
  width: 1rem;
  background: url(/files/Grafik/pfeil.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 0.3rem;
}




.ce_text.button.block:hover {

  background: #fff;
}
#article-11, #article-23 {
    margin-top: 2rem;
}

/**/




.ce_rsce_counter.block:nth-child(1)::after, .ce_rsce_counter.block:nth-child(2)::after {
  border-right: none;
  border-bottom: 1px solid gray;
  width: 100%;
  left: 0;
  bottom: 0px;
  padding-top: 0;
  top:0;
}

.ce_rsce_counter.block {
  padding-bottom: 2rem;
}
.ce_text.bg-green-mob.block {
    background: #e8f1ec;
    padding: 1rem 2rem;
}

}
@media screen and (max-width: 1023px) {
.head .ce_image.block {
    max-width: 77vw;
margin-left: -1.8rem;
}
.mod_navigation.block {
	display:none;
}
.mobile_menu .mod_navigation.block {
    display: block;
    float: none;
margin-top: 5.5rem;
}
}



.mod_customnav.block {
  margin-top: 5rem;
}

.mod_customnav.block li {
  margin-bottom: 1rem;
}

:focus {
	outline:none;
}


/* In Webseite enthaltenes Stil-Dokument #2 | https://beinkofer.de/datenschutz.html */

/* li { */
.daten ol li {
  font-family: LemonSans;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.67px;
  color: #235B4E;
}

/* In Webseite enthaltenes Stil-Dokument #3 | https://beinkofer.de/datenschutz.html */
.daten ol {
  padding-left: 3rem;
}

.up .image_container {
    text-align: center;
    margin-top: 4rem;
}