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%}
:root {
    --nav-breakpoint: 1024;
    --nav-color: #fff;
    --nav-active-color: rgb(198, 245, 255);
    --nav-item-line-height: 1.5;
    --nav-font-size: 1rem;
    --nav-font-weight: 400;
    --nav-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23fff" stroke-linecap="roejoinund" stroke-lin="round" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>');
    --nav-icon-background: transpartent;
    --nav-mobile-background: hsl(189, 77%, 17%);
    --nav-mobile-color: #d3d6da;
    --nav-mobile-active-background: hsl(189, 77%, 17%);
    --nav-mobile-active-color: rgb(198, 245, 255);
    --nav-mobile-active-border-color: #f47c00;
    --nav-mobile-btn-clr: #f47c00;
    --nav-mobile-separator-color: hsla(0, 0%, 100%, 0.1);
    --nav-mobile-padding: 120px 20px 20px;
    --nav-mobile-font-size: 18px;
    --nav-mobile-backdrop-height: 80px;
    --nav-mobile-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>');
    --nav-submenu-background: hsl(189, 77%, 17%);
    --nav-burger-line-color: #ffffff;
    --skip-background: #172b3b;
    --skip-color: #d3d6da;
    --skip-focus-border-color: #f47c00;
    --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);
}


body:not(.navigation-open):not(.nav-is-desktop) .navigation-main {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

body.navigation-open {
    overflow: hidden;
}

body.navigation-open header .logo {
    position: relative;
    z-index: 7;
}

.nav-wrapper * {
    box-sizing: border-box;
}

.navigation-main a,
.navigation-main strong {
    line-height: 1.5;
    line-height: var(--nav-item-line-height);
}

.navigation-main .skip-link {
    visibility: hidden;
}

.btn-toggle-submenu {
    all: revert;
    background: transparent !important;
    background: var(--nav-icon-background) !important;
    border: none;
    cursor: pointer;
    height: 44px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 44px;
    z-index: 1;
  
}

.btn-toggle-submenu:after {
    align-items: center;
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>') no-repeat 50%;
    background: var(--nav-mobile-icon) no-repeat center;
    content: "";
    display: flex;
    height: 100%;
    justify-content: center;
    transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.3, 1.1);

}

.nav-burger {
    align-items: center;
    background: transparent;
    border: none;
    display: flex;
    justify-content: flex-start;
    line-height: 1.5;
    padding: 0;
    position: relative;
    z-index: 7;
}

.nav-burger .icon-line {
    top: 50%;
    transform: translateY(-50%);
    transition: background-color 0.2s ease-in-out;
    z-index: 1;
}

.nav-burger .icon-line:before {
    top: -0.625rem;
}

.nav-burger .icon-line:after {
    bottom: -0.625rem;
}

.nav-burger .icon-line,
.nav-burger .icon-line:after,
.nav-burger .icon-line:before {
    background: var(--nav-burger-line-color);
    border-radius: 3rem;
    height: 0.25rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 2.25rem;
}

.nav-burger .icon-line:after,
.nav-burger .icon-line:before {
    content: "";
    transition: transform 0.2s ease-in-out, top 0.2s ease-in-out,
        bottom 0.2s ease-in-out;
    z-index: 6;
}

.nav-burger.is-active .icon-line {
    background: transparent;
}

.nav-burger.is-active .icon-line:before {
    top: 0;
    transform: translateX(-50%) rotate(45deg);
}

.nav-burger.is-active .icon-line:after {
    bottom: 0;
    transform: translateX(-50%) rotate(-45deg);
}

.nav-burger:hover {
    cursor: pointer;
    background-color: var(--mkl-maincolor);
}

.nav-burger__inner {
    height: 44px;
    position: relative;
    width: 44px;
}

body.nav-is-mobile .nav-wrapper {
    position: relative;
    z-index: 5;
}

body.nav-is-mobile .navigation-main {
    background: #172b3b;
    background: var(--nav-mobile-background);
    bottom: 0;
    color: #d3d6da;
    color: var(--nav-mobile-color);
    font-size: 18px;
    font-size: var(--nav-mobile-font-size);
    left: 0;
    line-height: 1.5;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    padding: 120px 20px 20px;
    padding: var(--nav-mobile-padding);
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 0.15s ease-in-out, visibility 0.1s;
    z-index: 6;
}

body.nav-is-mobile .navigation-main.is-active:before {
    backdrop-filter: blur(1px);
    bottom: auto;
    content: "";
    display: block;
    height: 80px;
    height: var(--nav-mobile-backdrop-height);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1;
}

body.nav-is-mobile .navigation-main a,
body.nav-is-mobile .navigation-main strong {
    color: #d3d6da !important;
    color: var(--nav-mobile-color) !important;
    display: inline-block;
    padding: 12px 10px;
    text-decoration: none;
    text-decoration: initial;
    width: calc(100% - 44px);
}

body.nav-is-mobile .navigation-main a.active,
body.nav-is-mobile .navigation-main strong.active {
    --nav-mobile-color: var(--nav-mobile-active-color);
}

body.nav-is-mobile .navigation-main .level_1 ul {
    display: none;
    flex-direction: column;
}

body.nav-is-mobile .navigation-main .level_2 li {
    padding: 0 0 0 20px;
}

body.nav-is-mobile .navigation-main ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

body.nav-is-mobile .navigation-main li {
    padding: 0;
    position: relative;
}

body.nav-is-mobile .navigation-main li:not(:last-child) {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
    border-bottom: 1px solid var(--nav-mobile-separator-color);
}

body.nav-is-mobile .navigation-main li.submenu li:first-child {
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
    border-top: 1px solid var(--nav-mobile-separator-color);
}

body.nav-is-mobile .navigation-main li>.btn-toggle-submenu:after {
    transform: rotateX(180deg) rotate(-90deg);
}

body.nav-is-mobile .navigation-main li.active {
    background: #172b3b;
    background: var(--nav-mobile-active-background);
    color: #f47c00;
    color: var(--nav-mobile-active-color);
}

body.nav-is-mobile .navigation-main li.nav-expanded>ul {
    display: flex;
}

body.nav-is-mobile .navigation-main li.nav-expanded>.btn-toggle-submenu:after {
    transform: rotateX(0deg) rotate(-90deg);
}

body.nav-is-desktop .nav-wrapper {
    align-items: center;
    display: flex;
}

body.nav-is-desktop .navigation-main a {
    text-decoration: none;
    text-decoration: initial;
}

body.nav-is-desktop .navigation-main a,
body.nav-is-desktop .navigation-main strong {
    color: #25455f;
    color: var(--nav-color);
    display: block;
    font-size: 20px;
    font-size: var(--nav-font-size);
    font-weight: 600;
    font-weight: var(--nav-font-weight);
    position: relative;
}

body.nav-is-desktop .navigation-main a:focus-visible {
    color: #f47c00;
    color: var(--nav-active-color);
}

body.nav-is-desktop .navigation-main a.trail,
body.nav-is-desktop .navigation-main a:hover,
body.nav-is-desktop .navigation-main strong:not(.does-not-exist) {
    color: #f47c00;
    color: var(--nav-active-color);
}

body.nav-is-desktop .navigation-main ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

body.nav-is-desktop .navigation-main ul li.submenu {
    position: relative;
}

body.nav-is-desktop .navigation-main ul ul {
    background: #fff;
    background: var(--nav-submenu-background);
    box-shadow: 1px 2px 15px 8px rgba(0, 0, 0, 0.1);
    gap: 0;
    min-width: 270px;
    position: absolute;
    top: 100%;
    z-index: 2;
}

body.nav-is-desktop .navigation-main ul ul li {
    padding: 0;
}

body.nav-is-desktop .navigation-main ul ul li.submenu {
    padding-right: 40px;
}

body.nav-is-desktop .navigation-main ul ul li:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

body.nav-is-desktop .navigation-main ul ul .btn-toggle-submenu {
    bottom: 0;
    height: 100%;
    right: 0;
    top: 0;
    width: 40px;
}

body.nav-is-desktop .navigation-main li.nav-expanded>ul {
    display: flex;
}

body.nav-is-desktop .navigation-main li.nav-expanded .level_2 ul {
    left: 100%;
    min-width: 200px;
    top: 0;
}

body.nav-is-desktop .navigation-main li.nav-expanded .level_2 ul.bounds-right,
body.nav-is-desktop .navigation-main li.nav-expanded .level_2 ul.bounds-right ul {
    left: auto;
    right: 100%;
}

body.nav-is-desktop .navigation-main .level_1 {
    align-items: center;
    gap: 0 1.25rem;
    justify-content: flex-end;
}

body.nav-is-desktop .navigation-main .level_1 ul {
    border-radius: 4px;
    display: none;
    flex-direction: column;
}

body.nav-is-desktop .navigation-main .level_1 ul a,
body.nav-is-desktop .navigation-main .level_1 ul strong {
    font-size: 1rem;
    line-height: 1.2;
    padding: 0.75rem 1rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 100%;
}

body.nav-is-desktop .navigation-main .level_1>li {
    padding: 5px 0;
}

body.nav-is-desktop .navigation-main .level_1>li>.btn-toggle-submenu:after {
    transform: rotateX;
}

body.nav-is-desktop .navigation-main .level_1>li.submenu {
    padding-right: 20px;
}

body.nav-is-desktop .navigation-main .level_1>li.nav-expanded>.btn-toggle-submenu:after {
    transform: rotateX(0deg) rotate(-90deg);
}

body.nav-is-desktop .navigation-main .level_2:before {
    border: 8px solid hsla(0, 0%, 100%, 0);
    border-bottom: 8px solid var(--nav-submenu-background);
    bottom: 100%;
    content: "";
    display: block;
    height: 0;
    left: 16px;
    margin-left: -8px;
    pointer-events: none;
    position: absolute;
    width: 0;
}

body.nav-is-desktop .navigation-main .level_2.bounds-right {
    right: 0;
}

body.nav-is-desktop .navigation-main .level_2.bounds-right:before {
    left: auto;
    right: 16px;
}

body.nav-is-desktop .navigation-main .level_2:not(.bounds-left):not(.bounds-right) {
    left: 50%;
    transform: translateX(-50%);
}

body.nav-is-desktop .navigation-main .level_2:not(.bounds-left):not(.bounds-right):before {
    left: 50%;
}

body.nav-is-desktop .navigation-main .skip-link {
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translateX(-50%);
    visibility: visible;
    clip: revert;
    background: #172b3b;
    background: var(--skip-background);
    color: #d3d6da;
    color: var(--skip-color);
    overflow: hidden;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    top: -100px;
    transition: top 0.15s ease-in-out;
    z-index: 6;
}

body.nav-is-desktop .navigation-main .skip-link:focus-visible {
    height: auto;
    opacity: 1;
    outline: 2px solid #f47c00;
    outline: 2px solid var(--skip-focus-border-color);
    outline-offset: 0;
    padding: 6px 12px;
    top: 0;
    width: auto;
}

body.nav-is-desktop .btn-toggle-submenu {
    height: 24px;
    padding: 0;
    right: -6px;
    top: 9px;
    width: 24px;

}

body.nav-is-desktop .btn-toggle-submenu:after {
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>') no-repeat 50%;
    background: var(--nav-icon) no-repeat center;

}

body.nav-is-desktop .nav-burger {
    display: none;
}

@media (forced-colors) {

    .nav-burger .icon-line,
    .nav-burger .icon-line:after,
    .nav-burger .icon-line:before {
        border: 1px solid transparent;
        height: 0;
    }

    .nav-burger.is-active .icon-line {
        border: 0;
    }

    .nav-burger.is-active .icon-line:after {
        bottom: -1px;
    }

    .nav-burger__inner {
        color: currentcolor;
    }
}

/* .navigation-main .level_1 .submenu.sibling .level_2 li {
	background-color: #9C3;
    margin-left: 5em

} */
: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);
    --mkl-overlay: hsla(183, 23%, 16%, 0.464);

}

*,
*::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 1fr auto;
}



header {
    background-color: var(--mkl-maincolor);

}

header .inside {
    height: auto;
    margin: 0 auto;
    padding: .5em 6em .75em;
    display: flex;
    align-items: center;
    justify-content: space-between;

}


header .inside .logo {
    width: 170px;
    height: auto;
}

/* main {
    background-color: darkkhaki;
} */

footer {
    background-color: var(--mkl-maincolor);
}





#footer {
    position: relative;
    bottom: 0px;
    background-color: var(--mkl-maincolor);
    color: var(--white);

    & a {
        color: var(--white);
    }

}

#footer .inside {
    margin: 0 auto;
    padding: 1em;
    font-size: .75rem;
    width: 100%;
    max-width: 1080px;
}

#footer>div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

#footer>div h2 {
    font-size: 1.25em;
}


.footernav-partner {
    margin-left: 1em;
}

#footer .footernav-partner h2,
#footer .footernav-partner ul {
    text-align: left;
}

#footer .footernav-partner ul {
    text-align: left;
    margin-left: 0;
    padding-left: 0;
    line-height: 1.5;
}

.footernav-partner a {
    text-decoration: none;
}


.footernav-anschrift p {
    font-size: .75rem;
}


#main {
    min-height: 100vh;
    padding: 1em 0 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 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

h3 {
    font-size: clamp(1.2rem, 1.1284rem + 0.3097vw, 1.5rem);
    font-weight: 400;
    line-height: 1;
    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;
}

.headline-ratgeber {
    padding: 0 2em;
}


p {
    line-height: 1.5;
}

.ce_headline h2 {
    font-weight: 400;
}

p strong {
    font-weight: 600;
}

img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
}


figure {
    margin: 0;
    padding: 0;

}

#header-image {
    position: relative;
    height: 100%;
}

figure figcaption {
    background-color: var(--mkl-overlay);
    color: var(--white);
    position: absolute;
    top: 40%;
    left: 20%;
    transform: translate(-20%, -40%);
    width: 80%;
    max-width: 660px;
    font-size: 2rem;
    padding: 1em;
}





.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;
}

.rte ul,
.rte ol {
    margin: 0;
    padding: .125em 0 1em 1em;
}

ol strong {
    font-weight: 600;
}

.rte ul li::marker {
    color: var(--mkl-maincolor);
    content: "» ";
    font-weight: bold;
}



.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 .content-text {
    margin: 0;
    padding: 1em;


}

.box-kontakt .ce_image img {
    /*    border-radius: .5em .5em 0 0; */
    padding-top: 1em;
    padding-bottom: 1em;

}

.box-kontakt .ce_form {
    margin: 0;
    padding: 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: 1em;
}

.columns-ratgeber {
    margin: 0 auto;
    padding: 0 2em;
    width: 100%;
    max-width: 1280px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em;
}

.box {
    border-radius: .5em;
    place-items: center;
    justify-content: center;
}

h2 .content-headline {
    color: red;
    text-align: left;
}

.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 {
    padding-bottom: 2em;
}

.rsts-nav.rsts-nav-bullets {
    margin-top: .5em;
    display: none;
}

#ratgeber-slider {
    outline: 1px solid red;
    width: 50%;
    height: 200px;
}

.ratgeber-slider-content {
    background-color: bisque;
    width: auto;
    height: 200px;

}



.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;
    }

}

@media (max-width: 1280px) {

    main .inside {
        padding: 0 2em;
    }

    .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 {
        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;

    }

    #footer>div {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .footernav-partner,
    .footernav-anschrift {
        padding-left: 2em;
    }

    figure figcaption {
        background-color: var(--mkl-overlay);
        color: var(--white);
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 71%;
        max-width: 660px;
        font-size: 1.5rem;
        padding: 1em;
    }



}

@media (max-width:1024px) {
    figure figcaption {
        background-color: var(--mkl-overlay);
        color: var(--white);
        text-align: center;
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 71%;
        max-width: 660px;
        font-size: 1.5rem;
        padding: 1em;
    }

    .columns-ratgeber {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2em;
    }
}

@media (max-width: 699px) {
    figure figcaption {
        background-color: var(--mkl-overlay);
        color: var(--white);
        text-align: center;
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 71%;
        max-width: 660px;
        font-size: 1.5rem;
        padding: 1em;
    }
}

@media (max-width: 474px) {
    figure figcaption {
        background-color: var(--mkl-overlay);
        color: var(--white);
        text-align: center;
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        max-width: 660px;
        font-size: 1.25rem;
        padding: 1em;
    }

    .headline-ratgeber {
        margin: 0;
        padding: 0;

    }

    .columns-ratgeber {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        margin: 0;
        padding: 0;
    }
}

@media (max-width: 422px) {
    figure figcaption {
        background-color: var(--mkl-overlay);
        color: var(--white);
        text-align: center;
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        max-width: 660px;
        font-size: 1.25rem;
        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 .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 {
    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;
}

.sell-video {
    display: flex;
    position: relative;

}

.sell-video figure video {
    width: 100%;
    height: 100%;
}

.sell-video figcaption {
    font-size: clamp(1rem, 0.821rem + 0.7742vw, 1.75rem);
    font-weight: 300;
    line-height: 1.25;
    color: var(--white);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    margin: 0 auto;
    text-align: center;
    width: 80%;
    padding: 1em;
    background-color: var(--mkl-overlay);

}


.video-ueber-uns video {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 2em;

}

button {
    font-size: 1em;
    padding: 1em 2em;
    border-radius: 1em;
    color: white;
    background-color: var(--mkl-maincolor);
    cursor: pointer;
}

button:hover {
    background-color: var(--white);
    color: var(--mkl-maincolor);
}

h1.m-0.mb-1 {
    color: red;
}