legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
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%}
.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}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
:root {
    --white: #fff;
    --mkl-maincolor: hsl(189, 77%, 17%);
    --mkl-boxcolor: hsl(0, 0%, 96%);
    --mkl-text: #888;
    --mkl-box_headline: hsla(190, 91%, 9%, 0.495);

}

 *,
 *::before,
 *::after {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 .invisible {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
 }

 html,
 body {
     height: 100%;
 }



 body {
     margin: 0;
     padding: 0;
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     font-size: 1.125em;
     color: #555;
     overflow-y: scroll;
 }



 #wrapper {
     margin: 0;
     padding: 0;
     height: 100%;
     min-height: 100%;
     display: grid;
     grid-template-rows: auto auto 1fr auto;
 }

 #header {
     background-color: var(--mkl-maincolor);
     color: var(--white);


 }


 #header .inside {
     margin: 0 auto;
     padding: 1.25em 6em;
     display: flex;
     align-items: baseline;
 }

 #header .inside .claim {
     font-size: clamp(1rem, -1.5rem + 5vw, 2rem);
     width: 70%;
     font-weight: 300;
 }

 #header .inside .logo {
     width: 200px;
     height: auto;
     margin-left: auto;
 }


 #footer {
    position: relative;
    bottom: 0px;
     background-color: var(--mkl-maincolor);
     color: var(--white);

     & a {
         color: var(--white);
     }

 }

 #footer .inside {
     text-align: center;
     padding: 1em;
     font-size: .9rem;
 }

 #footer >div {
    display: flex;
    align-items: center;
   justify-content: center;
 }


 #main {
     min-height: 100vh;
padding-bottom: 2em;
  }


 #main .inside {
     width: 100%;
     max-width: 1280px;
     margin: 0 auto;


 }

 .contact_btn {
	color:var(--white);
	background-color: var(--mkl-maincolor);
	position: fixed;
	right: -58px;
	top: 470px;
	padding: 0.5em;
	width: 160px;
    height: 50px;
	border-radius: 8px 8px 0 0 ;
	box-shadow: -2px 2px 3px grey;
    transform: rotate(-90deg);
}

.contact_btn a {
	color:var(--white);
	text-decoration: none;
	font-size: 1.125rem;
    font-weight: 600;
}

.contact_btn a:hover {
	color:var(--white);
	text-decoration: underline;
	font-size: 1.125rem;
}


 .mod_article {
     padding: 0 40px;
 }


 h1 {
     font-size: clamp(2rem, -1.5rem + 8vw, 3rem);
     font-weight: 400;
     line-height: 1.2;
     padding: .5em 0;
     font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }

 h2 {
     font-size: clamp(1.5rem, -1.5rem + 6vw, 2rem);
     font-weight: 400;
     line-height: 1.2;
     padding: .5em 0;
     font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }

 h4 {
    padding: 0.5em 0 0;
 }


 p {
     line-height: 1.5;
 }

 .ce_headline h2 {
    font-weight: 400;
 }

 img {
     width: 100%;
     height: auto;
     display: block;
     margin: 0;
     padding: 0;
 }

 .content {
     /*   outline: 1px solid red; */
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }

 .content:nth-child(odd) {
     flex-direction: row-reverse;
 }

 .content>div {
     flex: 1 1 calc(991px / 2);
 }

 .text {

     padding: 2em;
 }

 .ce_text ul {
    margin: 0;
    padding: .5em 0 0 1em;
 }


 .ce_headline {
 /*    outline: 1px solid yellowgreen; */
    padding: 1em 0;
 }

 .columns-kontakt {
 /*    outline: 1px solid blue; */
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1280px;
    display: grid;
    /*  grid-auto-flow: column; */
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
}

.box-kontakt {
    background-color: var(--mkl-boxcolor);
    border-radius: .5em;
}


.box-kontakt .ce_text {
    margin: 0;
    padding: 0;

}

.box-kontakt .ce_image img {
 /*    border-radius: .5em .5em 0 0; */
 padding-top: 1em;
 padding-bottom: 1em;

}

.mkl-formular label {
    font-weight: normal;
}

.mkl-formular input {
    font-size: 1rem;
    padding: .5em;
}

.mkl-formular textarea {
    font-size: 1rem;
    padding: .5em;
}

.mkl-formular submit {
    background-color: var(--mkl-maincolor);
}

.mkl-formular .submit {
    font-size: 1rem;
    padding: .5rem;
}

.centered {
    height: 70vh;
    display: grid;
    align-content: center; 
    justify-content: center; 
    font-size: clamp(1.8rem, -1.5rem + 5vw, 2.5rem);
}

 /* -------------Boxen-regionen----------------- */

 .columns {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1280px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.box {
    border-radius: .5em;
    place-items: center;
    justify-content: center;
}

.box h2 a   {  
    display: block;
    width: 100%;
    position: relative;
    top: -66px;
    z-index: 1;
    font-size: clamp(1.2rem, 0.3vw + 1.14rem, 1.4rem);
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 0;
    padding: 0.5em;
    background-color: var(--mkl-box_headline);
 
}


.box .ce_image img {
    
    border-radius: .5em .5em 0 0;

}


.angebote-text ul {
    list-style: none;
    margin: 0;
    padding: .5rem 0;
    font-size: 1.25rem;
}

.angebote-text li {
    list-style: none;
    margin: 0;
    padding: .5rem 0;
    display: inline-flex;

}

.angebote-text li a {
    padding:  0 1em 0 0;

}

 /* -------------RockSolid Slider----------------- */

/*  .mod_rocksolid_slider.slider {
    background-color: burlywood;
 } */

.mod_rocksolid_slider { 
    padding-bottom: 2em;
}

.rsts-nav.rsts-nav-bullets {
    margin-top: .5em;
    display: none;
}



/* 


@media only screen and (max-width: 699px) {

#mkl-slider {
    width: 100%;
    height: 200px;
}

    #mkl-slider {
        width: 100%;
        height: 200px;
    }

    #mkl-slider img {
        width: 400px;
        height: 225px;
    }
} */

/* .rsts-skin-light .rsts-prev::after, .rsts-skin-light .rsts-next::after, .rsts-skin-light .rsts-thumbs-prev::after, .rsts-skin-light .rsts-thumbs-next::after {
    background-color: var(--mkl-maincolor);
} */


 /* -------------Navigation----------------- */

 nav.mod_navigation {

     border-bottom: 1px solid #e5e5e5;
     display: flex;
     justify-content: flex-end;
     padding: 1em 18em 1em 1em;
     color: var(--mkl-text);

     & a {
         text-decoration: none;
         color: var(--mkl-text);
     }

     & a:hover {
        text-decoration: underline;
     }

 }

 nav strong {
     font-weight: normal;
 }


 nav li {
     list-style: none;
     display: inline-block;
     padding: 0 1em;
     justify-content: flex-end;

 }

 
 nav li.active {
    color: var(--mkl-maincolor);
    text-decoration: underline;
  }

  #navigation.sticky {
    width: 100%;
    height: 60px;
    margin-top: 0px;
    position: fixed;
    top:0;
    clear: both;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(5, 5, 5, 0.5);
    box-shadow: 0 2px 4px 0 rgba(5, 5, 5, 0.5);
    z-index: 10;
   transition: .5s;
}

#navigation .bvfi-logo {
    position: absolute;
    right: 0;
    top: 10px;
    margin-right: 6em;

}

.bvfi-logo img {
    width: 100%;
    max-width: 200px;
    height: auto;

}

.footer-logo {
    display: none;

    }  


 @media (max-width: 1399px) {
     .ce_text {
         width: 100%;
         max-width: 1140px;
         margin: 0 auto;

     }

     #header .inside {
         margin: 0 auto;
         display: flex;
         align-items: baseline;
         padding: 1em 2em;
     }

     #header .inside .claim {
         font-size: clamp(1rem, -1.5rem + 5vw, 2rem);
         width: 70%;
         font-weight: 300;
     }

     nav.mod_navigation {
        padding: 1em 9em 1em 1em;
     }

     #navigation .bvfi-logo {
        position: absolute;
        right: 0;
        top: 10px;
        margin-right: 2em;
    
    }
 }

 @media (max-width: 1280px) {
    .columns {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        max-width: 1280px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: .5em;
    }

.box .ce_text {
    position: relative;
    margin: 0;
    padding: 0 1em;

} 

 }
 

 @media (max-width: 1199px) {
     .ce_text {
         width: 100%;
         max-width: 960px;

     }
 }


 @media (max-width: 991px) {
     .ce_text {
         width: 100%;
         max-width: 720px;

     }

     .text {
         /*         background-color: beige;  */
         padding: 1em 0 3em;
     }

     nav  {
        padding: 1em 2em 1em 1em;
    
     }

 }

 @media (max-width: 860px) {
     .ce_text {
         width: 100%;
         max-width: 540px;

     }
     
         nav.mod_navigation  {
        display: none;
    
     }

     .claim {
        display: none;
     }

     #header .inside .logo {
        width: 200px;
        height: auto;
        margin: 0;
        padding-left: .3em; 
    }

    #navigation.sticky {
        background-color: var(--mkl-maincolor);
    }

    #navigation .bvfi-logo {
        position: absolute;
        right: 0;
        top: 50px;
        margin-right: 1.5em;
    
    }
#navigation .bvfi-logo {
  display: none;
    
    }


   .footer-logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 1em;

    }  
   
 }

 @media (max-width: 1380px) {

    nav.mod_navigation {
        padding: 1em 14em 1em 1em;
   
    }

    nav li {
        list-style: none;
        display: inline-block;
        padding: 0 .25em;
        justify-content: flex-end;
   
    }


 }

 @media (max-width: 600px) {

 .columns-kontakt {
       grid-template-columns: 1fr;
   }
 
    .columns {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .angebote-text li {
        list-style: none;
        margin: 0;
        padding: .5rem 0;
        display: flex;
        flex-wrap: wrap;
    
    }
}
 
 
 /* ---------Mobile Navigation------------ */

.menu-btn {
    /**/
    z-index: 1000;
    position: absolute;
    right: 20px;
    top: -60px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: all .5s ease-in-out;
    
}
.menu-btn__burger {
    width: 30px;
    height: 2px;
    background: var(--white);
    border-radius: 5px;
    transition: all .5s ease-in-out;
}

.menu-btn__burger::before,
.menu-btn__burger::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background:  var(--white);;
    border-radius: 5px;
    transition: all .5s ease-in-out;
}

.menu-btn__burger::before {
    transform: translateY(-8px);
}

.menu-btn__burger::after {
    transform: translateY(8px);
}


#navigation.sticky  .menu-btn  {
    z-index: 1000;
    position: absolute;
    right: 20px;
    top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: all .5s ease-in-out;
}



/* ANIMATION */



.menu-btn.open .menu-btn__burger {
    transform: translateX(-50px);
    background: transparent;
    box-shadow: none;
}

.menu-btn.open .menu-btn__burger::before {
    transform: rotate(45deg) translate(35px, -35px);
}

.menu-btn.open .menu-btn__burger::after {
    transform: rotate(-45deg) translate(35px, 35px);
}

/* #mobile-menu-89-overlay {
    width: 60%;
    padding-right: 5px;
} */

.mobile_menu .inner {
    background-color: var(--mkl-maincolor);
    width: 100%;
}



.mobile_menu {
    font-size: 110%;
    z-index: 50000;

}

.mobile_menu .logo {
    padding: 2em 3em 1em;
}


nav.mod_customnav {
    margin: 0;
    padding: 0 0 1em 2em;
    text-align: left;

}

nav.mod_customnav li  {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #fff;
    line-height: 2;


}

nav.mod_customnav li a {
    color: #fff;
    text-decoration: none;
}


.mobile_menu .cookie-settings a {
    border-bottom: 1px solid #999;
    color: #666;
    display: block;
    padding: 8px 0 8px 20px;
    text-decoration: none;
    font-weight: 400;
}

.mobile_menu .contact-box {
/*     background-color: aqua; */
    color: #fff;
    display: block;
    padding: .5em 0 0 3em;
    text-decoration: none;
    font-weight: 400;
    line-height: 1.5;
    font-size: 1rem;

}

.mobile_menu .contact-box a {
    color: #fff;
    text-decoration: none;
}


