:root {
    --primary-green-dark: #007F3D; /* #007F3D; */
    --primary-green-light: #00b43e;

    --primary-gray-dark: #363636;
    --primary-gray-gradientlight: #4d4d4d;
    --primary-gray-gradientdark: #363636;
    --primary-gray-medium: #868686;
    --primary-gray-light: #ebeced;

    --secondary-red-dark: #bb0000;
    --secondary-red-gradientdark: #bb0000;
    --secondary-red-gradientlight: #cb420e;

    --secondary-blue-dark: #487092;
    --secondary-blue-gradientdark: #487092;
    --secondary-blue-gradientlight: #239ecd;

    --white: #ffffff;
    --red: #ff0000;
    --orange-gradientdark: #f47119;
    --orange-gradientlight: #EF905A;
    --gray-medium: #C4C4C4;
}
.k-form-group-headline,.k-form-group-headline1 {
    color: #007F3D;
    margin-bottom: 2rem;
    font-size: 2.5rem;
}

.k-form h2,.k-form-container,.k-form-group {
    text-align: center;
}

.k-form form,.k-form-field {
    width: 100%;
    float: left;
}

input,select,textarea {
    outline: 0;
}

.k-form {
    overflow: hidden;
    width: 100%;
    background-color: #fff;
}

.k-form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    clear: both;
}

.k-form-group-headline1 {
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 2rem;
}

#errors,.k-form-field,.k-form-field input[type=file] {
    margin-bottom: 1rem;
}

.k-form-field {
    margin-top: 0.5rem;
    color: #3b4047;
    position: relative;
    text-align: left;
}

.k-form-field.k-form-field--center {
    float: none;
    text-align: center;
    clear: both;
}

.k-form-field-text {
    width: 30rem;
    height: 5rem;
    padding-left: 1.5rem;
    border-radius: 2.5rem;
    border: 0.2rem solid #4f535a;
    margin-top: 0.5rem;
    font-size: 2rem;
}

.k-form-field-text.k-form-field-text--small {
    width: 10rem;
}

.k-form-field-text-area {
    padding-left: 2.5rem;
    border-radius: 2.5rem;
    border: 0.2rem solid #4f535a;
    overflow: auto;
}

.k-form-field-dropdown {
    width: 30rem;
    height: 5rem;
    font-size: 2rem;
    padding-left: 1rem;
    border: 0.2rem solid #4f535a;
}




.selectline.selectline--extended .k-form-field-dropdown
{
    width: 90%;
}

.selectline.selectline--extended:after
{
    right: 5.8rem;
}


.k-form-field-checkbox {
    float: left;
    margin-right: 1rem;
}

.k-form-field-radio {
    margin-right: 1rem;
}

.k-form-field-submit {
    width: 20rem;
    height: 5rem;
    font-size: 2rem;
    border: 0.2rem solid #007F3D;
    border-radius: 2.5rem;
    color: #007F3D;
    background-color: #fff;
}

.k-form-field-submit:disabled {
    border-color: #4f535a;
    color: #3b4047;
}

.k-form-field-submit:hover:enabled {
    border: 0.2rem solid transparent;
    color: #fff;
    background: linear-gradient(120deg,#00b43e 0,#007F3D 100%);
    border-left-color: #00b43e;
    border-right-color: #007F3D;
    cursor: pointer;
}

.k-form-error,.k-form-field-error .red {
    color: #c21a1a;
}

.k-form-field-error {
    margin-top: 0.5rem;
    font-size: 1.6rem;
    color: #c21a1a;
    position: relative;
    text-align: center;
}

.k-form-field-error span {
    font-size: 1.3rem;
}

.k-form-field-error>span {
    font-size: 1.6rem;
    display: block;
    text-align: left;
}

#errors,.selectline {
    display: inline-block;
}

#errors {
    text-align: left;
}

.k-form-error {
    border: 0.2rem solid #c21a1a;
    background: url(/modules2/framework/img/k-icon-Info.svg) right no-repeat;
}

.k-form-field-label {
    width: 50%;
    padding: 0 1.5rem;
    margin-top: 1.7rem;
    word-break: break-word;
    float: left;
    text-align: right;
}

.k-form-field-label-checkbox {
    font-size: 1.5rem;
    max-width: 30rem;
    float: right;
    text-align: left;
}

.k-form-field-required:after {
    content: " *";
}

.k-form-right-column {
    float: left;
    text-align: left;
    width: 50%;
    padding: 0 1.5rem;
}

.k-form-center-column {
    text-align: center;
    width: 100%;
    padding: 0 1.5rem;
    float: left;
}

.k-form-center-column .k-form-field-error>span {
    float: none;
    text-align: center;
}

.k-form-center-column-left {
    text-align: left;
    display: inline-block;
}

.k-form-center-column-left .k-button {
    margin-top: 1rem;
}

.k-form-right-column label {
    position: relative;
    top: -0.6rem;
}

a.k-button-sec {
    text-decoration: underline;
    color: #007F3D;
    margin-right: 2rem;
}

a.k-button-sec:hover {
    text-decoration: none;
}

.k-form-field select,.k-form-field textarea {
    margin-top: 0.5rem;
    position: relative;
}

.selectline:after {
    position: absolute;
    content: '';
    width: 0.2rem;
    height: 63%;
    background-color: #000;
    right: 2rem;
    top: 1.6rem;
    z-index: 10;
}

.k-form-center-column .selectline:after {
    top: 0.6rem;
    height: 77%;
}

.k-form-field-error table td {
    padding: 0;
    margin: 0;
}

.k-form-field-error table th {
    padding: 0;
    text-align: left;
}

.k-form-field-error th,td {
    border-bottom: 0;
}

.k-form-spacer1 {
    width: 100%;
    height: 4rem;
    float: left;
}



.k-form__selectboxwrapper {
    max-height: 5rem;
    cursor: pointer;
}

.k-form__selectboxwrapper>svg {
    position: absolute;
    right: 1.5rem;
    top: 0.6rem;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 1rem;
    z-index: 3;
    fill: #565656;
    transition: transform .5s ease-in-out;
    pointer-events: none;
}

.k-form__selectboxarrowseperator {
    position: absolute;
    right: 3.7rem;
    top: 0.5rem;
    height: 4rem;
    width: 0.2rem;
    background-color: #565656;
    z-index: 3;
    pointer-events: none;
}


.k-form__selectbox {
    background-color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 5rem;
    float: left;
    max-height: 5rem;
    transition: max-height 1s ease-in-out;
    overflow: hidden;
    min-width: 100%;

    /*border: 2px solid rgb(196, 196, 196);*/
    border-radius: 0.5rem;
    background-color: rgb(255, 255, 255);
    width: 100%;
    min-width: 30rem;
    -webkit-appearance: none;
    max-height: 50px;
    border:0;
}

.k-form__selectbox li {
    font-family: NettoOT-Bold,Sans-Serif;
    padding: 1rem 8rem 1rem 2rem;
    border-bottom: 0.1rem solid #ccc;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 5rem;
    white-space: nowrap;
    width: 100%;
}

.k-form__selectbox li:hover {
    background-color: #f0f0f0;
}

.k-form__selectbox li:last-child {
    border-bottom: 0;
}

.k-form__selectbox li.active {
    position: absolute;
    top: 0;
    border-bottom: 0;
}

.k-form__selectbox li svg {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1.5rem;
}


.k-form-center-column select
{
    position:relative;

}

.k-form-center-column input[type='text']
{

    position:relative;
    margin-bottom:1rem;
}

.k-form-center-column input[type='text'] + .selectline
{
    margin-left:14rem;
}



.error-box {
    color: #bb0000;
    padding-left: 2.6rem;
    font-size: 1.3rem;
    display:none;
    margin-top: 1rem;
}
.k-form-field-text.error
{
    border-color: #bb0000;
}



@media screen and (max-width: 900px) {
    input {
        font-size:1.5rem;
    }

    .k-form-field-error .red {
        font-size: 1.4rem;
    }

    .selectline {
        margin-top: 1.5rem;
    }

    .k-form-right-column>input+a {
        position: absolute;
        left: 80%;
        top: 1.9rem;
    }

    .k-form-center-column input[type='text'] + .selectline
    {
        margin-left:0;
        margin-bottom:2rem;
    }

    .k-form-center-column input[type='text']
    {

        margin-bottom:0;
        margin:0 auto;
    }

    .k-form-center-column input[type='checkbox']
    {

        margin-bottom:1rem;
        margin-top:1rem;
    }

    .k-form-center-column
    {
        width: 37rem;
        clear: both;
        margin-left: 28%;
    }
    .k-form-field-label
    {
        width:31%;
    }
    .k-form-right-column {

        width: 50%;

    }


}

@media screen and (max-width: 600px) {
    input {
        font-size:1.4rem;
    }

    .k-form-field-error .red {
        font-size: 1.2rem;
    }

    .k-form-field-label {
        text-align: left;
        width: 100%;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .k-form-right-column {
        width: 100%;
        padding-bottom: 1.5rem;
        border-bottom: 0.1rem solid #ccc;
    }

    .k-form-field {
        margin: 0.5rem 5% 0.7rem;
    }

    .k-form-field-text {
        width: 80%;
    }

    .k-form-field-error,.k-form-field-error>span {
        font-size: 1.3rem;
    }

    .k-form-right-column>input+a {
        position: static;
    }
    .k-form-center-column
    {

        margin-left: 1%;
    }
}

/* new styles for Kelag Relaunch 2019/20 */

.kform-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 4rem 2rem;
    background-color: #ffffff;
}

    .kform-wrapper h2 {

    }

    .kform {
        display: table;
        justify-content: center;
        font-size: 1.6rem;
        max-width:40rem;
    }

        .kform-group {
            display: table-row;
        }

            .kform-spacer {
                display: table-cell;
                height: 2rem;
            }

            .kform-label {
                display: table-cell;
                color: #363636;
                padding-right: 3rem;
                vertical-align: top;
                padding-top: 1rem;
            }

            .kform-field {
                display: table-cell;
            }

            .kform-headline {
                text-align: center;
            }

                .kform-headline h2 {
                    text-align: center;
                    color: #007F3D;
                }

                .kform-field .kform-rounded {
                    border: 2px solid #C4C4C4;
                    border-radius: 0.5rem;
                    background-color: #ffffff;
                    padding: 0.8rem 1rem;
                    width: 100%;
                    min-width: 30rem;
                    -webkit-appearance: none; /* Safari/iOS CSS fix */
                }

                    .kform-select-line {
                        position: absolute;
                        width: 3rem;
                        height: 70%;
                        top: 50%;
                        transform: translateY(-50%);
                        left: 0;
                        border-left: 2px solid #C4C4C4;
                    }

                    .kform-select-arrow {
                        position: absolute;
                        right: 0;
                        top: 0;
                        height: 100%;
                        width: 3.6rem;
                        border-radius: 0 0.5rem 0.5rem 0;
                        border: 2px solid #C4C4C4;
                        border-left: 0;
                        background-color: #ffffff;
                        color: #ffffff;
                        z-index: 1;
                        pointer-events: none;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        max-height: 3.8rem;
                    }

                    .kform-invalid ~ .kform-select-arrow {
                        border-color: #FF0000;
                    }

                        .kform-invalid ~ .kform-select-arrow kform-select-line {
                            border-color: #FF0000;
                        }

                    .kform-select-arrow svg {
                        fill: #363636;
                        transform: rotate(90deg) translateY(1.55rem);
                        width: 1.5rem;
                        height: 1.5rem;
                        margin: 0.2rem 0.3rem 0 0;
                    }

                    .kform-rounded ~ .kform-select-arrow {
                        border-radius: 0 0.5rem 0.5rem 0;

                    }

                .kform-field .kform-rounded.kform-invalid {
                    border-color: #FF0000;
                }

                .kform-invalid-label {
                    display: none;
                    color: #FF0000;
                    font-size: 1.1rem;
                    margin-top: 0.5rem;
                }

                .kform-radiogroup {
                    display: flex;
                    align-items: flex-start;
                    flex-grow: 1;
                    margin-bottom: 1rem;
                    float: left;
                }

                    .kform-radiogroup input {
                        opacity: 0;
                        margin-right: 1.5rem;
                        width: 2rem;
                        height: 2rem;
                        cursor: pointer;
                        float: left;
                    }

                    .kform-radiogroup .kform-radiowrapper {
                        width: 2rem;
                        min-width: 2rem;
                        height: 2rem;
                        min-height: 2rem;
                        margin-right: 0.8rem;
                        margin-top: -0.2rem;
                    }

                        .kform-radiogroup .kform-radio {
                            position: absolute;
                            margin-left: -0.1rem;
                        }

                            .kform-radiogroup .kform-radio:before {
                                position: absolute;
                                top: 0;
                                left: 0;
                                content: " ";
                                width: 2rem;
                                height: 2rem;
                                border: 0.1rem solid #007F3D;
                                border-radius: 2rem;
                                pointer-events: none;
                                background-color: #ffffff;
                                z-index: 1;
                            }

                            .kform-radiogroup .kform-radio.kform-invalid:before {
                                border: 0.1rem solid #ff0000;
                            }

                            .kform-radiogroup input:checked + .kform-radio:after {
                                content: " ";
                                position: absolute;
                                left: .3rem;
                                top: .3rem;
                                width: 1.6rem;
                                height: 1.6rem;
                                z-index: 2;
                                background-color: #007F3D;
                                border-radius: 2rem;
                            }

                    .kform-radio-label {
                        margin-right: 2rem;
                        float: left;
                    }

                .kform-checkboxgroup {
                    display: flex;
                }

                    .kform-checkboxwrapper {
                        display: flex;
                        align-items: flex-start;
                        float: left;
                        margin-top: -0.2rem;
                    }

                        .kform-checkbox-overlays {
                            position: absolute;
                            top: 0;
                            left: 0;
                            content: " ";
                            width: 2rem;
                            height: 2rem;
                            z-index: 1;
                            pointer-events: none;
                        }

                        .kform-checkbox-overlays:before {
                            position: absolute;
                            top: 0;
                            left: 0;
                            content: " ";
                            width: 2rem;
                            height: 2rem;
                            border: 0.1rem solid #007F3D;
                            border-radius: 2rem;
                            pointer-events: none;
                            background-color: #ffffff;
                            z-index: 2;
                        }

                        .kform-checkbox:checked + .kform-checkbox-overlays:before {
                            position: absolute;
                            content: " ";
                            top: 0;
                            left: 0;
                            width: 2rem;
                            height: 2rem;
                            background-color: #007F3D;
                            border-radius: 2rem;
                            pointer-events: none;
                            z-index: 2;
                        }

                        .kform-checkbox-overlays:after {
                            position: absolute;
                            top: -0.2rem;
                            left: -0.2rem;
                            content: "L";
                            color: #ffffff;
                            transform: scale(-1, 1) rotate(-45deg);
                            width: 1.8rem;
                            height: 1.8rem;
                            pointer-events: none;
                            z-index: 3;
                        }

                        .kform-checkbox {
                            display: flex;
                            width: 2.2rem;
                            height: 2.2rem;
                            align-items: center;
                            flex-grow: 1;
                            margin-bottom: 1rem;
                            opacity: 0;
                            margin-right: 1.5rem;
                        }

                        .kform-checkbox.kform-invalid + .kform-checkbox-overlays:before {
                            border: 0.1rem solid #ff0000;
                        }

                    .kform-checkbox-label {
                        margin-right: 2rem;
                        float: left;
                        font-size: 1.4rem;
                    }

                .kform .kform-field .k-button {
                    width: 100%;
                    float: left;
                    max-width: none;
                }


@media (max-width:470px) {
    .kform, .kform-group, .kform-label, .kform-spacer, .kform-field {
        display: block;
        float: left;
        width: 100%;
    }

    .kform-label {
        padding: 0 0 0.5rem 0.5rem;
    }

    .kform-field .kform-rounded {
        min-width: 25rem;
    }
}
@font-face{
    font-family:"MyriadPro-Regular";
    src: local('☺'), url("/modules2/framework/fonts/myriad-regular2.woff2") format("woff2"), url("/modules2/framework/fonts/myriad-regular2.woff") format("woff");
	font-display: swap;
}
@font-face{
    font-family:"MyriadPro-Bold";
    src: local('☺'), url("/modules2/framework/fonts/myriad-bold2.woff2") format("woff2"), url("/modules2/framework/fonts/myriad-bold2.woff") format("woff");
	font-display: swap;
}
@font-face{
    font-family:"NettoOT-Bold";
    src: local('☺'), url("/modules2/framework/fonts/netto-bold2.woff2") format("woff2"), url("/modules2/framework/fonts/netto-bold2.woff") format("woff");
	font-display: swap;
}
@font-face{
    font-family:"NettoOT-Light";
    src: local('☺'), url("/modules2/framework/fonts/netto-light2.woff2") format("woff2"), url("/modules2/framework/fonts/netto-light2.woff") format("woff");
	font-display: swap;
}


* {
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
}

html {
    font-size: 62.5%;
    height: 100%;
    background-color: #ebeced;
}

body {
	font-family: 'MyriadPro-Regular', Sans-Serif;
    font-size: 1.9rem;
    color: #363636;
    margin: 0;
    height: 100%;
}

.js-body a {
    color: #007F3D;
    float: none;
}

img {
    border: 0;
	height: auto;
}

td img { max-width: none; }

p {
    line-height: 1.3em;
}

h1 {
    font-size: 3.2rem;
    font-family: 'NettoOT-Bold', Sans-Serif;
    margin: 0 0 2rem 0;
    letter-spacing: -0.05rem;
    font-weight: normal;
    line-height: 1.1em;
}

h2 {
    font-size: 3.2rem;
    font-family: 'NettoOT-Bold', Sans-Serif;
    margin: 0 0 2rem 0;
    letter-spacing: -0.05rem;
    font-weight: normal;
    line-height: 1.1em;
}

h3 {
    font-size: 2.5rem;
    font-family: 'NettoOT-Bold', Sans-Serif;
    margin: 0 0 2rem 0;
    letter-spacing: -0.05rem;
    font-weight: normal;
    line-height: 1.1em;
}

h4 {
    font-size: 2.2rem;
    font-family: 'NettoOT-Bold', Sans-Serif;
    margin: 0 0 1.5rem 0;
    letter-spacing: -0.05rem;
    font-weight: normal;
    line-height: 1.1em;
}

/* <h6></h6> tags will be replaced with <span class="k-note"></span> */
h6 {
    font-size: 1.2rem;
    font-family: 'NettoOT-Bold', Sans-Serif;
    margin: 0;
    letter-spacing: -0.05rem;
    font-weight: normal;
    line-height: 1.1em;
}

.k-note {
    font-size: 1.2rem;
}

@media screen and (min-width:3001px) {
    body {
        font-size: 2.2rem;
    }
    h1 {
        font-size: 6rem;
    }

    h2 {
        font-size: 4rem;
    }

    h3 {
        font-size: 3.5rem;
    }

    h4 {
        font-size: 3rem;
    }
    
    /* <h6></h6> tags will be replaced with <span class="k-note"></span> */
    h6, .k-note {
        font-size: 1.6rem;
    }
}

@media screen and (min-width:2000px) and (max-width:3000px) {
    body {
        font-size: 2rem;
    }
    h1 {
        font-size: 4rem;
    }

    h2 {
        font-size: 4rem;
    }

    h3 {
        font-size: 3rem;
    }

    h4 {
        font-size: 2rem;
    }
    
    /* <h6></h6> tags will be replaced with <span class="k-note"></span> */
    h6, .k-note {
        font-size: 1.2rem;
    }
}

@media screen and (min-width:647px) and (max-width:820px) {
    body {
        font-size: 1.8rem;
    }
    h1 {
        font-size: 4rem;
    }

    h2 {
        font-size: 3.5rem;
    }

    h3 {
        font-size: 3rem;
    }

    h4 {
        font-size: 1.9rem;
    }
    
    /* <h6></h6> tags will be replaced with <span class="k-note"></span> */
    h6, .k-note {
        font-size: 0.9rem;
    }
}

@media screen and (max-width:646px) {
    body {
        font-size: 1.8rem;
    }
    h1 {
        font-size: 4rem;
    }

    h2 {
        font-size: 3rem;
    }

    h3 {
        font-size: 2rem;
    }

    h4 {
        font-size: 1.8rem;
    }
    
    /* <h6></h6> tags will be replaced with <span class="k-note"></span> */
    h6, .k-note {
        font-size: 0.9rem;
    }
}

@media screen and (max-width:449px) {
    body {
        font-size: 1.8rem;
    }
    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 2.5rem;
    }

    h3 {
        font-size: 2rem;
    }

    h4 {
        font-size: 1.8rem;
    }
    
    /* <h6></h6> tags will be replaced with <span class="k-note"></span> */
    h6, .k-note {
        font-size: 0.8rem;
    }
}

header, main, footer {
	float: left;
    width: 100%;
}

.js-lazy {
	/* display:none; */
}

.js-loadNonCritialImages:after {
	position: absolute;
	content: attr(data-imgload);
	margin: 0.4rem;
	z-index: 1;
	top: 0;
	left: 0;
}

.k-iconload {  
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
}

.k-layout-content {
    float: left;
    width: 100%;
    height: 8rem;
}

@media screen and (max-width:989px) {
	body.k-layout-content .k-layout-content {
		height: 6rem;
	}
}

body.k-layout-content > main .k-wrapper {
	padding-left: 4%;
    padding-right: 4%;
}

@media screen and (max-width:989px) {
	body.k-layout-content > main .k-wrapper {
		padding-left: 5%;
		padding-right: 5%;
	}
}

body.k-layout-content-keyvisual > main  .k-wrapper, body.k-layout-plusclub > main  .k-wrapper {
	padding-left: 4%;
    padding-right: 4%;
}

body.k-layout-content-keyvisual > main  .k-wrapper, body.k-layout-energiezukunft > main  .k-wrapper {
	padding-left: 4%;
    padding-right: 4%;
}

@media screen and (max-width:989px) {
	body.k-layout-content-keyvisual > main  .k-wrapper, body.k-layout-plusclub > main  .k-wrapper {
		padding-left: 5%;
		padding-right: 5%;
	}
}

body.k-layout-content-keyvisual > main  .k-wrapper, body.k-layout-landingpage > main  .k-wrapper {
	padding-left: 4%;
    padding-right: 4%;
}

body.k-layout-content-keyvisual > main  .k-wrapper, body.k-layout-interenergo > main  .k-wrapper {
	padding-left: 4%;
    padding-right: 4%;
}

body.k-layout-content-keyvisual > main  .k-wrapper, body.k-layout-energiezukunft > main  .k-wrapper {
	padding-left: 4%;
    padding-right: 4%;
}

@media screen and (max-width:989px) {
	body.k-layout-content-keyvisual > main  .k-wrapper, body.k-layout-landingpage > main  .k-wrapper {
		padding-left: 5%;
		padding-right: 5%;
	}
	body.k-layout-content-keyvisual > main  .k-wrapper, body.k-layout-interenergo > main  .k-wrapper {
		padding-left: 5%;
		padding-right: 5%;
	}	
	body.k-layout-content-keyvisual > main  .k-wrapper, body.k-layout-energiezukunft > main  .k-wrapper {
		padding-left: 5%;
		padding-right: 5%;
	}	
}

.k20-column4x-wrapper .k26-wrapper, .k21-column2x-wrapper .k-wrapper {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.js-body .k-button {
    font-family: 'NettoOT-Light', Sans-Serif;
    font-weight: bold;
    letter-spacing: 0.1rem;
    border: 0.2rem solid #ffffff;
    border-radius: 0.5rem;
    padding: 0.8rem 2rem 0.8rem;
    cursor: pointer;
    white-space: nowrap;
    background-color: transparent;
    color: #ffffff;
    font-size: 1.7rem;
    max-width: 25rem;
    transition: background linear .2s; /* for hover effect */
    text-align: center;
    text-decoration: none;
}

    .js-body .k-button:hover {
        border-color: #007F3D;
        color: #007F3D;
        background-color: rgba(255, 255, 255, .7);
    }

.js-body .k-button--green {
    border-color: #007F3D;
    background-color: rgba(255, 255, 255, 0.8);
    color: #007F3D;
}

#js-html #js-body-show .k-button--red {
    border-color: #bb0000;
    background-color: #ffffff;
    color: #bb0000;
}

#js-html #js-body-show .k-button--red:hover {
    border-color: #bb0000 !important;
    background: none !important;
    background-color: #bb0000 !important;
    color: #ffffff !important;
}

.js-body .k-button--orange-outline {
    border-color: #f47119;
    background-color: transparent;
    color: #f47119;
}


    #js-body-show .k-button--green:hover, #js-body-show .k-button--green.k-button--active {
        border: 0;
        color: #ffffff;
        background: linear-gradient(120deg, #00b43e 0%, #007F3D 100%);
        padding: 1rem 2.2rem;
    }



.js-body .k-button--orange, .js-body .k-button--orange:hover, .js-body .k-button--orange-outline:hover {
    border-color: #f47119;
    background-color: #f47119;
    color: #ffffff;
}

.js-body .k-button--transparent {
    background-color: transparent;
}

.k-icon-1x, .k-icon-2x {
    margin: 2vh 0 2vh 0;
    left: 50%;
    transform: translate(-50%);
    fill: #ffffff;
    width: 100%;

    /* IE (desktop and mobile) bugfix */
    max-width: 10rem;
}

.k-icon, .k-icon-1x {
    height: 4rem;
}

.k-icon-2x {
    height: 7rem;
}

@media screen and (max-width:646px) {
    .k-icon-2x {
        height: 5rem;
    }
}

.k-table table {
    border-spacing: 0.3rem 0;
    width: 100% !important;
}

.k-table table td {
    padding: 0.8rem;
    padding-left: 1.5rem;
    margin-right: 0.5rem;
}
.k-table table th {
    padding: 1.5rem 1rem 1rem 0;
    padding-left: 0.5rem;
    text-align: left;
}

.k-table table th, .k-table table td {
    font-family: 'NettoOT-Light', Sans-Serif;
}

.k-table-transparent-noheaderbg th, .k-table-transparent-noheaderbg td {
    border-bottom: 0.1rem solid #E3E3E3;
}

.k-table-transparent-noheaderbg th {
    color: #007F3D;
}

.k-table-transparent-noheaderbg th, .k-table-transparent-noheaderbg td {
    border-bottom: 0.1rem solid #E3E3E3;
}

.k-table-transparent-noheaderbg th {
    color: #007F3D;
}

.k-table-transparent-headerbg th {
    color: #ffffff;
    background: linear-gradient(90deg, #00b43e 0%, #007F3D 100%);
}

.k26-wrapper .k-table-transparent-headerbg th {
    border-bottom: 0.8rem solid #ffffff;
    padding: 0.8rem;
    padding-left: 1.5rem;
}

.k-table-transparent-headerbg td {
    border-bottom: 0.1rem solid #E3E3E3;
}

.k-table-transparent-headerbg tr:nth-child(2) td {
    border-top: 0.1rem solid #E3E3E3;
}

.k-table--green tr:nth-of-type(even) td {
    background-color: #daece2;
    border: 0;
}

.k-table--gray tr:nth-of-type(even) td {
    background-color: #ededed;
    border: 0;
}

.k-table--white tr:nth-of-type(even) td {
    background-color: #ffffff;
    border: 0;
}

.k-shadow {
    box-shadow: 0 0 0.8rem 0 rgba(0,0,0,0.1);
}

#js-modal {
    width: 0;
    height: 0;
    opacity: 0;
    transform: translate(-50%, -50%);
    background-color: #3c3c3c;
    padding: 0;
}

@media all and (min-width: 768px) {
    #js-html .mobilonly {display:none;}
}

@media all and (max-width: 768px) {
    #js-html .desktoponly {display:none;}
}

label.khidden {
    opacity:0;
    width:0px;
    height:0px;
}
.kModalContentWrapper {
    width: auto;
    height: 90%;
    background-color: #ffffff;
    border-radius: 2rem;
    min-height: 80%;
    padding: 5rem 2rem 2rem 2rem;
    margin: 5%;
    font-family: 'MyriadPro-Regular', Sans-Serif;
}

@media ( min-width: 750px ){
    .kModalContentWrapper {
        min-width: 70rem;
    }
}

.kModalClose {
    position: absolute;
    right: 1.5rem;
    top: 1rem;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
}
.k-slider {
    overflow: hidden;
    max-width: 100%;
}

    .k-slider-wrapper {
        overflow:hidden;
        display: block;
        float: left;
        white-space: nowrap !important;
        width: auto;
        left: 0;
        top: 0;
        transition: left 1s ease-in-out;
        max-width: none;
    }
    
        .k-slider-wrapper * {
            white-space: normal;
        }
    
        .k-slider-element {
            display: inline-block;
            float: none;
        }
        
        .k-slider-element:first-child {
            margin-left: 2.5rem;
        }

        .k-slider-control {
            position: absolute;
            text-align: center;
            background-color: #ebeced;
            z-index: 3;
            width: 5rem;
            height: 100%;
            cursor: pointer;
        }

            .k-slider-control--left {
            }
            
            .k-slider-control--right {
                top: 0;
                right: 0;
            }

            .k-slider-control svg {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                fill: #4d4d4d;
            }
            
            .k-slider-control--left svg {
                transform: translate(-50%, -50%) rotate(180deg);
            }
.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:#000;position:absolute;width:15.625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:9001;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid grey;border-radius:.263921875em;overflow:hidden;background:#fff;-webkit-box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3);box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3)}.qs-datepicker-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.75);color:#fff;width:100%;height:100%;padding:.5em;z-index:1;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{background:rgba(0,0,0,0);border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-size:.875em;padding:.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid #fff;border-radius:.263921875em;padding:.5em;margin:0 auto auto;cursor:pointer;background:hsla(0,0%,50.2%,.4)}.qs-overlay .qs-submit.qs-disabled{color:grey;border-color:grey;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.qs-overlay .qs-overlay-month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% / 3);cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;background:#d3d3d3;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.qs-controls.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:.263921875em;-webkit-transition:background .15s;transition:background .15s}.qs-arrow:hover{background:rgba(0,0,0,.1)}.qs-arrow:hover.qs-left:after{border-right-color:#000}.qs-arrow:hover.qs-right:after{border-left-color:#000}.qs-arrow:after{content:"";border:.390625em solid rgba(0,0,0,0);position:absolute;top:50%;-webkit-transition:border .2s;transition:border .2s}.qs-arrow.qs-left:after{border-right-color:grey;right:50%;-webkit-transform:translate(25%,-50%);-ms-transform:translate(25%,-50%);transform:translate(25%,-50%)}.qs-arrow.qs-right:after{border-left-color:grey;left:50%;-webkit-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}.qs-month-year{font-weight:700;-webkit-transition:border .2s;transition:border .2s;border-bottom:1px solid rgba(0,0,0,0);cursor:pointer}.qs-month-year:hover{border-bottom:1px solid grey}.qs-month-year:active:focus,.qs-month-year:focus{outline:none}.qs-month{padding-right:.5ex}.qs-year{padding-left:.5ex}.qs-squares{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.3125em;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.qs-squares.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;border-radius:.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:700;text-decoration:underline}.qs-active,.qs-range-end,.qs-range-start{background:#add8e6}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-end:not(.qs-range-0),.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:.2}.qs-disabled{cursor:not-allowed}.qs-day,.qs-empty{cursor:default}.qs-day{font-weight:700;color:grey}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:.46875em;height:.46875em;border-radius:50%;background:#07f;bottom:0;right:0}

/*! jQuery UI - v1.12.1 - 2020-01-14
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}
/* library overrides */

/* datepicker */
.qs-datepicker-container {
    font-size: 1.5rem;
}

.qs-datepicker .qs-square.qs-active {
    background-color: #00b43e !important;
    color: #ffffff;
}

.qs-datepicker .qs-square.qs-current {
    background-color: #eeeeee;
}

.qs-datepicker .qs-square.qs-current .qs-num {
    text-decoration: none;
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
.k-slider {
    overflow: hidden;
    width: 100%; /* safari fix */
}

    .k-slider-wrapper {
        width: 100%; /* sum of all slides */
        height: 100%;
        position: relative;
        left: 0;
        max-width: none;
        padding: 0;

        -webkit-transition: left .8s ease-in-out;
        -moz-transition: left .8s ease-in-out;
        -ms-transition: left .8s ease-in-out;
        -o-transition: left .8s ease-in-out;
        transition: left .8s ease-in-out;
    }


    .k-slider .rb-slider {
        z-index: -1;
        display: none;
    }

    .k-slider-element {
        float: left;

        max-width: none;
    }

    .k-slider.k-slider--on.k-slider--positioncontrols .k-slider-element {
        padding-bottom: 2rem;
    }

    .k-slider-wrapper:after {
        content: " ";
        display: block;
        height: 0.01rem;
        clear: both;
        visibility: hidden;
        font-size: 0;
        overflow: hidden;
    }

.k-slider-controls {
    display: none;

    position: absolute;
    left:0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

    .k-slider.k-slider--on .k-slider-controls {
        display: block;
    }

    .k-slider__controls-leftarrow, .k-slider__controls-rightarrow {
        position: absolute;
        /*top: 40%;*/
        z-index: 1;
        /*border-right: 0.5rem solid #4d4d4d;*/
        /*border-bottom: 0.5rem solid #4d4d4d;*/
        width: 3rem;
        height: 3rem;
        /*border-bottom-right-radius: 1rem;*/
        /*color: transparent; !* not neccessary, because there is no content in it *!*/
        visibility: hidden;

        fill: #4d4d4d;

        height: 8vh;
    }

        .k-slider__controls-leftarrow svg, .k-slider__controls-rightarrow svg {
            height: 100%;
        }

    .k-slider__controls-leftarrow {
        left: 5%;
        transform: rotate(180deg) translateY(50%);
        cursor:pointer;
    }

    .k-slider__controls-rightarrow {
        right: 5%;
        transform: translateY(-50%);
        cursor:pointer;
    }


    .k-slider.k-slider--on.k-slider--positioncontrols .k-slider-positioncontrols {
        position: absolute;
        bottom: 5%;
        left: 0;
        right: 0;
        /*max-width: none;*/
        display: flex;
        /*align-content: center;*/
        /*align-items: center;*/
        justify-content: center;
        /*flex-direction: row;*/
        /*flex-wrap: nowrap;*/
    }

.k-slider.k-slider--on.k-slider--positioncontrols .k-slider-positioncontrols__element
{
    margin: 0 0.2rem -0.8rem 0.2rem;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .k-slider.k-slider--on.k-slider--positioncontrols .k-slider-positioncontrols__element {
        margin-bottom: -1.6rem;
        display:inline-block;
    }
}



    .k-slider.k-slider--on.k-slider--positioncontrols .k-slider-positioncontrols__element > div {
        height: 1.5rem;
        width: 1.5rem;
        border-radius: 2rem;
        max-width: none;
        border: 0.1rem white solid;
        cursor: pointer;
        display:inline-block;
    }

    .k-slider.k-slider--on.k-slider.k-slider--positioncontrols input.rb-slider:nth-of-type(1):checked ~ .k-slider-positioncontrols .k-slider-positioncontrols__element:nth-child(1) > div { background-color: white; }
    .k-slider.k-slider--on.k-slider.k-slider--positioncontrols input.rb-slider:nth-of-type(2):checked ~ .k-slider-positioncontrols .k-slider-positioncontrols__element:nth-child(2) > div { background-color: white; }
    .k-slider.k-slider--on.k-slider.k-slider--positioncontrols input.rb-slider:nth-of-type(3):checked ~ .k-slider-positioncontrols .k-slider-positioncontrols__element:nth-child(3) > div { background-color: white; }
    .k-slider.k-slider--on.k-slider.k-slider--positioncontrols input.rb-slider:nth-of-type(4):checked ~ .k-slider-positioncontrols .k-slider-positioncontrols__element:nth-child(4) > div { background-color: white; }
    .k-slider.k-slider--on.k-slider.k-slider--positioncontrols input.rb-slider:nth-of-type(5):checked ~ .k-slider-positioncontrols .k-slider-positioncontrols__element:nth-child(5) > div { background-color: white; }
    .k-slider.k-slider--on.k-slider.k-slider--positioncontrols input.rb-slider:nth-of-type(6):checked ~ .k-slider-positioncontrols .k-slider-positioncontrols__element:nth-child(6) > div { background-color: white; }

.k-slider.k-slider--on input.rb-slider:nth-of-type(2):checked ~ .k-slider-wrapper {left: -100%;}
.k-slider.k-slider--on input.rb-slider:nth-of-type(3):checked ~ .k-slider-wrapper {left: -200%;}
.k-slider.k-slider--on input.rb-slider:nth-of-type(4):checked ~ .k-slider-wrapper {left: -300%;}
.k-slider.k-slider--on input.rb-slider:nth-of-type(5):checked ~ .k-slider-wrapper {left: -400%;}
.k-slider.k-slider--on input.rb-slider:nth-of-type(6):checked ~ .k-slider-wrapper {left: -500%;}

.k-slider.k-slider--on input.rb-slider:nth-of-type(1):checked ~ .k-slider-controls > div:nth-child(1) * {visibility: visible;}
.k-slider.k-slider--on input.rb-slider:nth-of-type(2):checked ~ .k-slider-controls > div:nth-child(2) * {visibility: visible;}
.k-slider.k-slider--on input.rb-slider:nth-of-type(3):checked ~ .k-slider-controls > div:nth-child(3) * {visibility: visible;}
.k-slider.k-slider--on input.rb-slider:nth-of-type(4):checked ~ .k-slider-controls > div:nth-child(4) * {visibility: visible;}
.k-slider.k-slider--on input.rb-slider:nth-of-type(5):checked ~ .k-slider-controls > div:nth-child(5) * {visibility: visible;}
.k-slider.k-slider--on input.rb-slider:nth-of-type(6):checked ~ .k-slider-controls > div:nth-child(6) * {visibility: visible;}
/**
 * Swiper 5.2.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 16, 2019
 */

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: #007aff;
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(44px / 44 * 27);
  height: 44px;
  margin-top: calc(-1 * 44px / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007aff;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 44px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: #007aff;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, #007aff);
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, #007aff);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: #007aff;
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, #007aff);
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.k1-wrapper {
    width: 100%;
    height: calc(65vh - 5.6rem);
    overflow: hidden;
    background-color: #017840;
    will-change: top;
    min-height: 35rem;
}

.k1-wrapper, .k1-wrapper * {
    box-sizing: border-box;
    position: relative;
    float: left;
}

    .k1-placeholder {
        opacity: 0;
    }
    
    .k1-slide {
        background-color: #017840;
    }

.k1-pullup + .k20-column4x-wrapper .k20-column4x {
    margin-top: -10rem;
    padding-top: 0;
}

.k1-pullup + .k20-column4x-wrapper {
    z-index: 50;
}

/* images and background position have to be editable in the CMS */
/*#k1-id1001 { background-image: url("../../k10-box/img/k10-kundenportal.jpg"),url("../img/1_blur.jpg"); background-position: center left; }
#k1-id1002 { background-image: url("../img/2.jpg"); background-position: center left; }
#k1-id1003 { background-image: url("../img/3.jpg"); background-position: center center; }
#k1-id1004 { background-image: url("../img/4.jpg"); background-position: center center; }*/


#k1-progress-bar {
    position: fixed;
    top: 16.7rem;
    z-index: 50;
    width: 0;
    height: 0.2rem;
    background: #017940;
    background: linear-gradient(to right, #017940 1%,#00b43e 100%);
}

.k1-slide1-placeholder {
    width: 100%;
    height: 100%;
    background-size: cover;
}

.k1-carousel {
    display: none;
}

.k1-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
}

.k1-slide--HorizontalTouchTransition {
    transition: opacity 0.5s linear;
}

    .k1-slide--HorizontalTranslate {
        -webkit-transition: all 2s ease-in;
        -moz-transition: all 2s ease-in;
        -ms-transition: all 2s ease-in;
        -o-transition: all 2s ease-in;
        transition: all 2s ease-in;
        opacity: 0;
    }

    .k1-slide__imagewrapper {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        .k1-slide__imagewrapper img {
            width: auto;
            height: auto;
            max-width: none;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .k1-slide__imagewrapper--fullwidth img {
            width: 100%;
        }

        .k1-slide__imagewrapper--fullheight img {
            height: 100%;
        }

        .k1-slide__imagewrapper.k1-slide__imagewrapper--aligncenter img {
            left: 50%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .k1-slide__imagewrapper.k1-slide__imagewrapper--alignright img {
            float: right;
        }

    .k1-slide__text {
        position: absolute;
        bottom: 4rem;
        padding: 0 3%;
        z-index: 2;
        width: 100%;
        font-size: 4rem;
    }

    .k1-pullup .k1-slide__text {
        bottom: 12rem;
    }

        .k1-slide__headline {
            color: #fff;
            font-family: NettoOT-Bold,Sans-Serif;
            font-size: 1em;
            margin: 0;
            box-decoration-break: clone;
            -webkit-box-decoration-break: clone;
            background: linear-gradient(120deg,#00a33b 0,#046f3d 100%);
            display: inline;
            border-radius: 0.4rem;
            line-height: 1.5em;
            padding: 0 1.1rem .1rem 1.1rem;
        }

        .k1-slide__headline * {
            float: none;
        }

        .k1-slide__sublinewrapper {
            width: 100%;
        }

        .k1-slide__sublinewrapper .k1-slide-b__button {
            background: linear-gradient(120deg,#00a33b 0,#046f3d 100%);
            background-color: unset;
        }
        
            .k1-slide__subline {
                font-size: 2.5rem;
                margin-top: 10px;
                margin-bottom: 10px;
                margin-right: 5%;
                color: #fff;
                background: linear-gradient(120deg,#00a33b 0,#046f3d 100%);
                border-radius: 0.4rem;
                line-height: 1.5em;
                padding: 0.2rem 1.1rem .1rem 1.1rem;
            }
            
            .k1-slide__sublinewrapper svg {
                display: none;
				filter: drop-shadow( 0px 0px 1px rgba(0, 0, 0, .5) );
            }
			
			.k1-slide__sublinewrapper button {
				box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
				text-shadow: 0px 0px 1px rgba(0, 0, 0, .5);
			}

            #k1-wrapper .k1-slide__button.k1-slide__button {
                background-color: #ffffff;
                border-color: #ffffff;
                color: #007F3D;
                margin-top: 10px;
                padding: 0.8rem 1.5rem 0.7rem;
                transition: none;
            }

            #k1-wrapper .k1-slide__button.k1-slide__button:hover {
                background: linear-gradient(120deg,#09e443 0,#01b256 100%);
                border: 0;
                color: #ffffff;
                padding: 1rem 1.7rem .9rem;
            }

.k1-caption-wrapper {
        position: absolute;
        top: 5vh;
        left: 3%;
        z-index: 20;
        display: flex;
        display: -ms-flexbox;
        flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        width: calc(100% - 200px);
}

    .k1-caption {
        box-sizing: content-box !important;
        flex-basis: 15%;
        -ms-flex-preferred-size: 15%;
        flex-grow: 1;
        justify-content: flex-start;
        width: 15%;
        background-color: #ffffff;
        padding: 1px 20px 3px 20px;
        border: 0;
        cursor: pointer;
        text-align: left;
        outline-width: 0;
        margin-right: 20px;
        margin-top: 30px;
        display: inline-flex;
        flex-flow: column wrap;
        overflow: visible;
        min-width: 230px;
		max-width:230px;		
    }

        .k1-caption:before {
            position: absolute;
            top: 0;
            left: 0;
            margin-top: -3px;
            background-color: transparent;
            width: 100%;
            height: 3px;
            content: " ";
        }
        
        .k1-caption:after {
            position: absolute;
            top: 0;
            left: 0;
            margin-top: -3px;
            background-color: transparent;
            width: 0%;
            height: 3px;
            content: " ";
            z-index: 2;
            transition: width 7s linear;
        }

        .k1-caption:hover, .k1-caption--active {
            opacity: 1 !important;
        }

        .k1-caption:hover:before, .k1-caption--active:before {
            background: #b2b2b2;
        }
        
        .k1-caption--active:after {
            background: #00b43e;
            background: linear-gradient(to right, #00b43e 1%,#017940 100%);
        }

        #k1-wrapper .k1-caption h2 {
            font-size: 1.7rem;
            font-weight: 400;
			margin: 0;
			min-height:56px;
			display:flex;
			justify-content:center;
			align-items:center;
        }
		
		#k1-wrapper .k1-caption__plusclub h2 {
			font-size: 1.5rem;	
		}
        
        @media (max-width: 1590px) {
            #k1-wrapper .k1-caption h2 {
                font-size: 1.7rem;
            }
        }

        .k1-caption-ad {
            flex-grow: 2;
            padding-right: 70px;
        }

            .k1-caption-ad img {
                position: absolute;
                right: 10px;
                top: 50%;
                transform: translateY(-50%);
            }

            #k1-caption-kundewerden-icon {
                height: 40px;
            }
			
			.k1-caption-calendarwrapper {
				
			}

.k1-clear {
    clear: both;
}

/* show component after all css is loaded */
#k1-wrapper .js-k1-slide-zindex .k1-slide__text,
#k1-wrapper .k1-caption-wrapper {
    opacity: 1;
}

#k1-wrapper .k1-slide__text--greentxt {
    color: #017840;
}

#k1-wrapper .k1-slide__text--greentxt button {
	color: #017840;
    border-color: #017840;
}

#k1-wrapper .k1-slide__text--graytxt {
    color: #363636;
}

#k1-wrapper .k1-slide__text--graytxt button {
	color: #363636;
    border-color: #017840;
}

#k1-wrapper .k1-slide__text--whitetxt {
    color: #ffffff;
}

#k1-wrapper .k1-slide__text--whitetxt button {
	color: #ffffff;
    border-color: #ffffff;
}

#k1-wrapper .k1-slide__text--whitetxt button:hover {
	color: #017840;
    border-color: #017840;
}

@media (max-width:1155px), (max-height:799px) {

#k1-wrapper {
    height: 47vh;
	margin-top: 56px;
}

#k1-wrapper .k1-caption-wrapper {
    width: auto;
    bottom:auto;
    margin-bottom: 10px;
    top: 0;
    display: block;
    left: 50%;
    transform: translateX(-50%);
}

    .k1-caption-wrapper > button:last-child {
        margin-right: 0;
    }

        .k1-caption {
            width: 10px;
            height: 10px;
            border: 1px solid #ffffff;
            background-color: transparent;
            border-radius: 10px;
            overflow: hidden;
            padding: 0;
            color: transparent;
            opacity: 1 !important;
            margin-right: 10px;
			min-width: auto;
			max-width: none;
			box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
		}
        
        .k1-caption__plusclub {
            min-height: 0;
            min-width: 0;
        }
        
            .k1-caption__calendar {
                display: none;
            }

            .k1-caption:last-child {
                background-color: transparent;
                color: transparent;
            }

            .k1-caption:hover, .k1-caption--active {
                background-color: #ffffff !important;
                color: #ffffff;
            }


    .k1-pullup .k1-slide__text {
        bottom: 3rem;
    }

.k1-wrapper+.k20-column4x-wrapper>.k20-column4x, .k1-wrapper+.k18-b2b-wrapper>.k18-column2x, .k1-wrapper+.k18-b2b-wrapper>.k18-column2x>.k18-column50 {
    margin-top: 2.5rem !important;
}

}

@media (max-width:850px) {
    .k1-slide__headline {
        font-size: 3rem;
    }

    .k1-slide__subline {
        font-size: 2rem;
    }

    #k1-wrapper .k1-slide__button.k1-slide__button {
        padding: 0.4rem 1.5rem;
    }
}

@media (max-width:550px) {
    .k1-slide__headline {
        font-size: 2.5rem;
    }
}
#k1-wrapper.k1-kng .k1-caption-wrapper {
    width: auto;
    bottom:auto;
    margin-bottom: 1rem;
    top: 5.5rem;
    display: block;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 1155px) {
    #k1-wrapper.k1-kng .k1-caption-wrapper {
        top: 2rem;
    }
}

    .k1-kng .k1-caption-wrapper > button:last-child {
        margin-right: 0;
    }

        .k1-kng .k1-caption {
            width: 1rem;
            height: 1rem;
            border: 0.1rem solid #dddddd;
            background-color: transparent;
            border-radius: 1rem;
            overflow: hidden;
            padding: 0;
            color: transparent;
            opacity: 1 !important;
            margin-top: 0;
            margin-right: 1rem;
			min-width: auto;
			max-width: none;
        }

        .k1-kng .k1-caption__plusclub {
            min-height: 0;
            min-width: 0;
        }

            .k1-kng .k1-caption__calendar {
                display: none;
            }

            .k1-kng .k1-caption:last-child {
                background-color: transparent;
                color: transparent;
            }

            .k1-kng .k1-caption:hover,
            .k1-kng .k1-caption--active {
                background-color: #ffffff !important;
                color: #ffffff;
            }


.k1-wrapper.k1-kng+.k20-column4x-wrapper>.k20-column4x,
.k1-wrapper.k1-kng+.k18-b2b-wrapper>.k18-column2x,
.k1-wrapper.k1-kng+.k18-b2b-wrapper>.k18-column2x>.k18-column50 {
    margin-top: 0 !important;
}
.k10-wrapper * {
    color: #ffffff;
}

.k10-wrapper.k10-wrapper--gray * {
    color: #363636;
}

.k10-wrapper.k10-wrapper--green * {
    color: #017840;
}

.k10-wrapper {
    width: 100%;
    float: left;
    display: flex;
    background-size: cover;
	min-height: 50vh;
    overflow: hidden;
}

.k10-caption {
    width: 100%;
	margin-bottom: 40px;
}

.k10-image-blur {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
}

.k10-content {
    margin-bottom: 5rem;
    margin-left: 15%;
    margin-right: 10%;
    width: 75%;
    display: flex;
    align-items: flex-end;
}

.k10-text {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.k10-text__button {
    width: 30%;
    min-width: 200px;
    min-height: 40px;
    flex-grow: 1;
    align-self: flex-end;
    /*margin-top: 20px;*/
    margin-left: auto;
	padding-left: 30px;    
}

.k10-text__plain {
    max-width: 50%;
    align-self: flex-end;
}

.k10-text__plain div {
    padding-right: 0px;
    padding-bottom:8px;
}

.js-body .k-button.k10-button {
    float: right;
    min-width: 200px;
    max-width: 300px;
    bottom: 0;
    display: block;
}

.k10-wrapper--gray .k10-button {
    border-color: #363636;
	color: #363636;
}

.k10-wrapper--green .k10-button {
    border-color: #017840;
}

.k10-icon {
    width: auto;
}

.k10-wrapper--gray .k10-icon {
    fill: #363636;
}

.k10-wrapper--green .k10-icon {
    fill: #017840;
}

@media (min-width:992px) and (max-width:1170px) {

.k10-text__button {
	padding-left: 0px;
}

}
.k10-text {
	height: 100%;
}

.k10-text__plain {
	height: 78%;
}
@media (min-width:647px) and (max-width:991px) {

.k10-text__button {
    display: flex;
    justify-content: center;
	text-align: center;
    width:100%;
    margin-top:5%;

}
.k10-text__plain {
    width:100%;
	margin:0 auto;
	text-align:center;
	height: 78%;
}

.k10-text__plain div	{
	padding-right: 0;
}

.k10-icon {
	left:20%
}
.k10-button {
	position: relative;
}

.k10-text__button {
	padding-left: 0px;
}

.k10-text {
	height: 100%;
	padding-top: 40%;
}

}
@media (min-width:401px) and (max-width:646px) {

.k10-wrapper {
    min-height:0;
    padding: 3rem 0;
}

	.k10-text {
		height: 100%;
		padding-top: 40%;
	}

    .k10-text__plain {
        width: 100%;
        text-align: center;
        max-width: 100%;
		height: 78%;
    }
	
	.k10-text__plain div	{
		padding-right: 0;
	}

    .k10-text__button {
        display: flex;
        justify-content: center;
        width: 100%;
        text-align: center;
        margin-top:5%;
		padding-left: 0px;
	}

    .k10-button {
        float: none;
		position: relative;
    }

    .k10-icon {
        left: auto;
        transform: none;
    }

}
@media (max-width:400px) {

.k10-wrapper {
    min-height:0;
}

    .k10-text__plain {

        width:100%;
        text-align:center;
        max-width:100%;
    }
	
	.k10-text__plain div	{
		padding-right: 0;
	}


    .k10-text__button {
        display: flex;
        justify-content: center;
        width:100%;
        text-align:center;
        margin-top:5%;
		padding-left: 0px;

    }
    
    .k10-button
    {
        float:none;
        margin-top:20px;
		position:relative;
    }

    .k10-icon
    {
        left:auto;
        transform:none;
    }

    .k10-caption {
        margin-top: 20px;
    }

}
.k10-wrapper {
    /*background: url('/modules2/k10-box/img/k10-bg.jpg') no-repeat center center;*/
    background-size:cover !important;
}

.k11-wrapper {
    width:100%;
    height: 100%;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 4rem;
    background-color: #ebeced;
}

.k11-article {
    width: 100%;
    background-color: #ffffff;
    border-radius: 1.5rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 1rem 0rem;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.k11-article:hover {
    background: linear-gradient(120deg, #00A33B 0%, #046F3D 100%);
}

.k11-article-date a {
    color: #868686;
    text-decoration: none;
    font-size: 1.6rem;
}

.k11-article:hover .k11-article-date a {
    color: #ffffff;
}

.k11-article-headline {
    color: #007F3D;
    font-family: 'NettoOT-Bold', Sans-Serif;
    font-size: 2.3rem;
    text-decoration: none;
}

.k11-article:hover .k11-article-headline {
    color: #ffffff;
}

.k11-wrapper .k-button {
    float: left;
    margin-top: 2rem;
    background: transparent;
}
.k12-wrapper {
    width: 100%;
    height: 100%;
    padding: 5rem 0;
    text-align: center;
    display: flex;
    background-color: #ffffff;
    background-size: cover;
    overflow: hidden;
}

.k12-wrapper h2 {
	margin: 0 0 10px 0;
}

.k12-wrapper.k12-openclose h2 {
	cursor: pointer;
}

.k12-wrapper h3 {
	margin: 20px 0;
}

.k12-wrapper + .k12-wrapper {
    margin-top: 15px;
}

.k12-wrapper__alignleft {
    text-align: left;
}

.k12-wrapper__aligncenter {
    text-align: center;
}

.k12-wrapper__valigncenter {
    align-items: center;
}

.k12-wrapper__valignbottom {
    align-items: flex-end;
}

.k12-wrapper__alignright {
    text-align: right;
}

.k12-wrapper__alignleft .k12-caption, .k12-wrapper__alignleft .k12-teaser, .k12-wrapper__alignleft .k12-text {
    text-align: left;
} 

.k12-wrapper__aligncenter .k12-caption, .k12-wrapper__aligncenter .k12-teaser, .k12-wrapper__aligncenter .k12-text {
    text-align: center;
}

.k12-wrapper__alignright .k12-caption, .k12-wrapper__alignright .k12-teaser, .k12-wrapper__alignright .k12-text {
    text-align: right;
}

.k12-wrapper .k-icon-2x.k12-icon {
    width: auto;
}

.k12-wrapper p {
    margin: 0;
}

.k12-image-blur {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
}

.k12-content {
    margin: 0 5%;
    width:90%;
    color: #363636;
    flex-wrap: wrap;
    z-index: 2;
}

#js-body-show .k12-wrapper .k12-content .k-button--orange {
	border-color: #f47119 !important;
	background-color: #f47119 !important;
	color: #fff !important;
}

#js-body-show .k12-wrapper .k12-content .k-button--green {
	border-color: #017840;
	background-color: #ffffff;
	color: #017840;
}

.k12-wrapper .k12-content .k-button {
    border-color: #017840;
    color: #017840;
    min-width: 223px;
    max-width: 300px;
}


#js-body-show .k12-wrapper .k12-content .k-button:hover {
    border: 0;
    color: #fff !important;
    background: linear-gradient(120deg,#09e443 0,#01b256 100%) !important;
    padding: 10px 22px;
}

#js-body-show .k12-wrapper .k12-content .k-button--white {
    border-color: #ffffff;
    color: #ffffff;
    background-color: transparent;
}

#js-body-show .k12-wrapper .k12-content .k-button--white:hover {
    border: 2px solid #017840;
    color: #017840;
    background: transparent;
    background-color: rgba(255, 255, 255, .7);
    padding: 8px 22px;
}
    
.k12-optional-buttons {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.k12-optional-buttons--invisible {
    opacity: 0;
}

.k12-wrapper__alignleft .k12-optional-buttons {
    left: -10px;
}

.k12-wrapper__alignright .k12-optional-buttons {
    right: -10px;
}

.k12-optional-buttons__alignleft {
    margin-left: 0px;
    justify-content: left;
}

.k12-optional-buttons__alignright {
    margin-right: 0px;
    justify-content: right;
}

.k12-optional-buttons__aligncenter a {
    flex-grow: 1;    
}

.k12-optional-buttons__alignleft a {
    margin-left: 0px;
    flex-grow: 1;
}

.k12-optional-buttons__alignright a {
    margin-right: 0px;
    flex-grow: 1;    
}

.k12-wrapper--button1column .k12-optional-buttons {
    display: block;
}

.k12-wrapper .k12-content .k-button-optional {

    display: inline-block;
}

.k-button-optional {
    margin-left: 10px;
    margin-right: 10px;
	margin-top: 10px;
    clear: both;
    display: block;
}

.k12-wrapper--button2rows .k12-content .k-button {
    min-width: 223px;
    max-width: 270px;
}

.k12-caption {
    width: 100%;
    color: #363636;
    text-align: center;
    align-self: flex-start;
    word-wrap: break-word;
}

.k12-teaser {
    font-family: 'NettoOT-Bold', Sans-Serif;
    color: #017840;
    text-align: center;
    font-size: 2.5rem;
    margin-top: 3.5rem;
    margin-bottom: 2rem;
    align-self: flex-start;
    width:100%;
}

.k12-text {
    color: #363636;
    text-align: center;
    width: 100%;
    align-self: flex-start;
	margin-top: 20px;
}

.k12-button-cover {
    left: 50%;
    transform: translate(-50%);
    position: absolute;
    bottom: 0;
    min-width: 270px;
}

.k12-button-cover a {
    display: block;
}

/** k12 unviversal module extensions **/

.k12-wrapper--gray {
    background-color: #4d4d4d;
}

.k12-wrapper--green {
    background-color: #00b43e;
}

.k12-wrapper--lightgray {
    background-color: #ebeced;
}

.k12-wrapper--lightgreen {
    background-color: #e5ede9;
}

.k12-wrapper--green .k12-caption,
.k12-wrapper--green .k12-teaser,
.k12-wrapper--green .k12-text,
.k12-wrapper--gray .k12-caption,
.k12-wrapper--gray .k12-teaser,
.k12-wrapper--gray .k12-text,
.k12-wrapper--greengradient .k12-caption,
.k12-wrapper--greengradient .k12-teaser,
.k12-wrapper--greengradient .k12-text,
.k12-wrapper--redgradient .k12-caption,
.k12-wrapper--redgradient .k12-teaser,
.k12-wrapper--redgradient .k12-text,
.k12-wrapper--bgimage .k12-caption,
.k12-wrapper--bgimage .k12-teaser,
.k12-wrapper--bgimage .k12-text {
    color: #ffffff;
    background: none;
}

.k12-wrapper--gray .k12-icon,
.k12-wrapper--green .k12-icon,
.k12-wrapper--greengradient .k12-icon,
.k12-wrapper--redgradient .k12-icon,
.k12-wrapper--bgimage .k12-icon {
    fill: #ffffff;
}

.k12-icon {
    left: auto;
    transform: none;
}

.k-icon-2x.k12-icon
{
    left: auto;
    -ms-transform: none;
    transform: none;
}



.k12-wrapper--lightgray .k12-caption {
    color: #4d4d4d;
}

.k12-arrowdown {
    position: absolute;
    padding: 12px;
    height: 43px;
    width: 100%;
    z-index: 1;
    bottom: -40px;
    left: 0;
    max-width: 100%;
}

.k12-arrowdown > div {
    left: 25%;
    height: 221%;
    background: #e5ede9;
    top: -14px;
    width: 50%;

}

.k12-arrowdown:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50.5%;
    background: #e5ede9;
    transform: skew(0deg, 14deg);
}

.k12-arrowdown:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    background: #e5ede9;
    transform: skew(0deg, -14deg);
}

​
.k12-arrowdown, .k12-arrowdown > div, .k12-arrowdown:after, .k12-arrowdown:before {
    display: none;
}

.k18-column50 h2, .k18-column100 h2 {
    display: none;
}

.k18-column100 h3 {
    margin-bottom: 10px;
}

.k18-column50 .k12-wrapper h2,
.k18-column50 .k12-wrapper h3,
.k18-column100 .k12-wrapper h2,
.k18-column100 .k12-wrapper h3 {
    word-wrap: break-word;
    background-image: none;
}

.k18-column50 .k12-content {
    margin: 0 10% 0 10%;
    padding-bottom: 1%;
}

.k18-column50 .k12-wrapper {
    padding-top: 2rem;
    padding-bottom: 5rem;
}

.k18-column100 .k12-wrapper {
    padding: 2rem 0;
}

.k18-column100 .k12-text {
    margin-bottom: 0;
}


.k12-wrapper.k12-wrapper--green,
.k12-wrapper.k12-wrapper--gray {
	background-image: none !important;
}

.k12-wrapper.k12-wrapper--green *,
.k12-wrapper.k12-wrapper--gray *,
.k12-wrapper--greengradient *,
.k12-wrapper--redgradient * {
    color: #ffffff;
}

#js-body-show .k12-wrapper.k12-wrapper--green .k12-icon,
#js-body-show .k12-wrapper.k12-wrapper--gray .k12-icon,
#js-body-show .k12-wrapper--greengradient .k12-icon,
#js-body-show .k12-wrapper--redgradient .k12-icon {
    fill: #ffffff;
}

.k12-wrapper.k12-wrapper--greengradient {
    background: linear-gradient(120deg, #00b43e 0%, #017840 100%) !important;
}

.k12-wrapper.k12-wrapper--redgradient {
    background: linear-gradient(120deg, #cb420e 0%, #bb0000 100%) !important;    
}

#js-body-show .k12-wrapper.k12-wrapper--greengradient svg, #js-body-show .k12-wrapper.k12-wrapper--redgradient svg {
    fill: #ffffff;
}

#js-body-show .k12-wrapper.k12-wrapper--greentxt * {
    color: #017840;
}

#js-body-show #js-page-main .k12-wrapper.k12-wrapper--redgradient .k-button, #js-body-show .k12-wrapper.k12-wrapper--gray .k-button, #js-body-show .k12-wrapper.k12-wrapper--green .k-button {
    border-color: #ffffff;
    color: #ffffff;
	background: transparent;
}

#js-body-show .k12-wrapper.k12-wrapper--greengradient .k-button {
    border-color: #ffffff;
    color: #ffffff;
    background-color: transparent;
}

#js-body-show .k12-wrapper.k12-wrapper--greentxt .k-button {
    border-color: #017840;
}

#js-body-show .k12-wrapper.k12-wrapper--greentxt svg {
    fill: #017840;
}

#js-body-show .k12-wrapper.k12-wrapper--graytxt * {
    color: #363636;
}

#js-body-show .k12-wrapper.k12-wrapper--graytxt .k-button {
    border-color: #363636;
}

#js-body-show .k12-wrapper.k12-wrapper--graytxt svg {
    fill: #363636;
}

#js-body-show .k12-wrapper.k12-wrapper--whitetxt * {
    color: #ffffff;
}

#js-body-show .k12-wrapper.k12-wrapper--whitetxt .k-button {
    border-color: #ffffff;
}

#js-body-show .k12-wrapper.k12-wrapper--whitetxt svg {
    fill: #ffffff;
}

#js-body-show .k12-wrapper.k12-wrapper--redheadlineicon * {
    color: #363636;
}

#js-body-show .k12-wrapper.k12-wrapper--redheadlineicon h2 {
    color: #bb0000;
}

#js-body-show #js-page-main .k12-wrapper.k12-wrapper--redheadlineicon .k-button {
    border-color: #bb0000 !important;
    color: #bb0000 !important;
    background: none;
    background-color: #ffffff !important;
}

#js-body-show #js-page-main .k12-wrapper.k12-wrapper--redheadlineicon .k-button:hover {
    border-color: #bb0000 !important;
    color: #ffffff !important;
    background: none !important;
    background-color: #bb0000 !important;
}

#js-body-show .k12-wrapper.k12-wrapper--redheadlineicon svg {
    fill: #bb0000;
}

#js-body-show .k12-wrapper.k12-wrapper--rediconteaser * {
    color: #363636;
}

#js-body-show .k12-wrapper.k12-wrapper--rediconteaser .k12-teaser {
    color: #bb0000;
}

#js-body-show #js-page-main .k12-wrapper.k12-wrapper--rediconteaser .k-button {
    border-color: #bb0000 !important;
    color: #bb0000 !important;
    background: none;
    background-color: #ffffff !important;
}

#js-body-show #js-page-main  .k12-wrapper.k12-wrapper--rediconteaser .k-button:hover {
    border-color: #bb0000 !important;
    color: #ffffff !important;
    background: none !important;
    background-color: #bb0000 !important;
}

#js-body-show .k12-wrapper.k12-wrapper--rediconteaser svg {
    fill: #bb0000;
}

.vbr-input-submit-area .vbr-submit-button .button.button-grau:hover {
    border-color: rgba(255,255,255,.7);
}

#vbr-box-page1-submit:hover {
	border-color: rgba(255,255,255,.7);
    color: #017840 !important;
    background: rgba(255,255,255,.7);
    border-radius: 50px;
}

#js-body-show #js-page-main .k12-wrapper--redgradient .k12-content .k-button {
	border-color: #ffffff !important;
    color: #ffffff !important;
    background-color: transparent !important;
}

#js-body-show #js-page-main .k12-wrapper--redgradient .k12-content .k-button:hover {
    color: #bb0000 !important;
    background: none !important;
    background-color: #ffffff !important;
}

.k12-wrapper--greenheadline-button .k12-caption {
    color: #007F3D;
}

#js-body-show .k12-wrapper.k12-wrapper--greenheadline-button .k12-content .k-button {
    background: linear-gradient(79deg, #00b43e 0%, #007F3D 100%);
    color: #ffffff;
    border: 0;
    padding: 10px 22px;
}


/* .k12-openclose .k12-content.k12-hidden h2.k12-caption {
	margin-bottom: 0;	
}*/

.k12-openclose-arrow {
    display: none;
    vertical-align: middle;
    height: 3rem !important;
    width: 3rem;
	min-width: 30px;
	min-height: 30px;
    margin-left: 25px;
}

.k12-wrapper--gray .k12-openclose-arrow, .k12-wrapper--green .k12-openclose-arrow, .k12-wrapper--greengradient .k12-openclose-arrow {
	fill: #ffffff;
}

.k12-openclose .k12-openclose-arrow{
    display: inline-block;
    transition: all .2s;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    top: -2px;
}

.k12-openclose .k12-header.rotate .k12-openclose-arrow {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}

.k12-openclose .k12-content {
    position: relative;
    overflow: hidden;
    transition: all .2s;
}

.k12-openclose .k12-optional-buttons {
    position: static;
    visibility: hidden;
}

.k12-openclose .k12-visible .k12-optional-buttons {
	position: absolute;
	visibility: visible;
}

.k12-openclose .k12-header{
    display: flex;
    align-items: center;
    justify-content: center;
}

.k12-openclose .k12-header .k12-caption{
    width: auto;
    margin-left: 25px;
}

@media (min-width:401px) and (max-width:646px) {

.k12-wrapper--arrowdown .k12-arrowdown, .k12-wrapper--arrowdown .k12-arrowdown > div, .k12-wrapper--arrowdown .k12-arrowdown:after, .k12-wrapper--arrowdown .k12-arrowdown:before {
    display: block;
}

.k18-column2x-inner .k18-column100 .k12-text {
    display: block;
	margin-bottom: 10px;
}

.k18-column2x-inner .k18-column100 h3 {
    font-size: 3rem;
}

.k18-column2x-inner .k18-column100 .k12-wrapper {
    padding-bottom: 0;
}

.k12-wrapper--line.k12-wrapper:after {
    content: '';
    position: absolute;
    width: 70%;
    height: 2px;
    background-color: #ffffff;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.k18-column100 + .k18-column50 .k12-wrapper {
    padding-top: 1em;
}

.k18-column50 .k12-content {
    width: 100%;
    text-align: center;
}

.k12-teaser {
    margin-top: 0;
    font-size: 2rem;
}

.k12-content {
	width:90%;
}

}
@media (max-width:400px) {

.k12-wrapper {
    padding: 3rem 0;
}

.k12-teaser {
    font-size: 1.8rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

.k12-content {
    margin: auto 0 auto 0;
	width: 100%;
}

.k18-column50 .k12-content {
    width: 100%;
    text-align: center;
}

.js-body .k-button {
    font-size: 1.4rem;
}

.k18-column2x-inner .k18-column100 .k12-text {
    display: block;
}

.k12-wrapper--arrowdown .k12-arrowdown, .k12-wrapper--arrowdown .k12-arrowdown > div, .k12-wrapper--arrowdown .k12-arrowdown:after, .k12-wrapper--arrowdown .k12-arrowdown:before {
    display: block;
}

.k18-column2x-inner .k18-column100 h3 {
    font-size: 3rem;
}

.k18-column2x-inner .k18-column100 .k12-wrapper {
    padding-bottom: 0;
}

.k12-arrowdown {
    bottom: -28px;
}

.k12-wrapper--line.k12-wrapper:after {
    content: '';
    position: absolute;
    width: 70%;
    height: 2px;
    background-color: #ffffff;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.k18-column100 + .k18-column50 .k12-wrapper {
    padding-top: 6em;
}

}
.k12-openclose .k12-header{
    padding: 0 15px;
}

.k13-wrapper {	
    float: left;
    width: 100%;
}

.k13-wrapper * {
	color: #ffffff;
}

.k13-wrapper.k13-5050 {
	width: 100%;
	height: 100%;
	color: #ffffff;
	display: flex;
    padding: 2% 3%;
	background: linear-gradient(120deg, #00b43e 0%, #017840 100%);
}

.k13-wrapper.k13-wrapper--redgradient {
	background: linear-gradient(120deg, #cb420e 0%, #bb0000 100%);
}

.k13-5050 .k13-content {
	height: 100%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;

}

.k13-5050 .k13-content > div {
	align-items: center;
	flex-direction: row;
	width: 50%;
	display: flex;
}

.k13-5050 .k13-content__left {
	justify-content: flex-end;
    padding-right: 2%;
}

.k13-5050 .k13-content__right {
	justify-content: flex-start;
    padding-left: 2%;
}

.k13-content .k13-icon {
	left: auto;
	transform: none;
	margin: 0;
	margin-right: 20px;
}

.k13-content .k13-icon.k-icon-1x {
	max-height: 60px;
	max-width: 60px;
}

.k13-5050 .k13-title {
	margin: 0;
	padding: 0;
	font-size:3rem;
}

.k13-5050 .k13-text {
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
}

.k13-5050 .k13-content > .k13-button-cover {
	display: none;
}

.k13-5050 .k13-button-cover {
	margin-left: 5%;
	align-items: center;
	width:45%;
}

.k13-wrapper.k13-no5050 {
	width: 100%;
	color: #ffffff;
	display: flex;
    padding: 0 3%;
	background: linear-gradient(120deg, #00b43e 0%, #017840 100%);
}

.k13-no5050 .k13-content {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
    align-items: center;
}

.k13-no5050 .k13-content__left {
    flex-grow: 1;
    flex-basis: 300px;
    padding: 2% 3% 2% 0;
}

.k13-no5050 .k13-content__right {
	flex-grow: 1;
    flex-basis: 300px;
    padding: 2% 3% 2% 0;
}

.k13-no5050 .k13-title {
	margin: 0;
	padding: 0;
	font-size:3.5rem;
}

.k13-no5050 .k13-text {
	height: 100%;
}

.k13-no5050 .k13-content__right .k13-button-cover {
    display: none;
}

.k13-no5050 .k13-button-cover {
    flex-grow: 0;
    padding: 2% 0;
}
@media (max-width:1180px) {
    .k13-5050 .k13-content > div {
        padding: 0;
    }

    .k13-5050 .k13-content__left, .k13-5050 .k13-title, .k13-5050 .k13-content__right, .k13-5050 .k13-text, .k13-5050 .k13-button-cover
    {
        min-width:100%;
        justify-content: center;
        margin-bottom: 0;
        flex-wrap: wrap;
    }

    .k13-5050 .k13-content__left {
        margin-bottom: 30px;
    }

    .k13-icon {
        margin-right: 0;
    }

    .k13-5050 .k13-button-cover
    {
        margin-bottom:0;
        margin-left:0;
        margin-top:40px;
    }

    .k13-5050 .k13-content {
        margin: 3% 10% 3% 10%;
        height:100%;
        display:block;
    }

    .k13-5050 .k13-title {
        text-align:	center;
    }

    .k13-5050 .k13-text {
        text-align: center;
    }

    .k13-5050 .k13-button-cover {
        display: flex;
    }
}
@media (max-width:450px) {

    .k13-wrapper.k13-5050 {
        padding: 5%;
    }

}
.k13-wrapper .k13-content .k13-content__left {
    width: 100%;
    display: flex;
    align-items: center;
}

.k13-wrapper.k13-5050 .k13-content .k13-content__left {
    width: 50%;
    justify-content: center;
}
.k13-wrapper.k13-no5050 .k13-content .k13-content__left {
    justify-content: flex-start;
}
.k14-wrapper {
    width: 100%;
    /*height: 100%;*/
    float: left;
    background-color: #EBECED;
    padding: 2% 3%;
    display: flex;
}

    .k14-content__webcams, .k14-content__social {
        flex-grow: 1;
    }

    .k14-content__social {
        display: flex;
        justify-content: center;
    }

        .k14-content__social > div {
            float: right;
        }

            .k14-social-links {
                list-style: none;
                margin: 0;
                padding: 0;
            }
            
                .k14-social-links li {
                    float: left;
                    margin-right: 6rem;
                    margin-top: 0.5rem;
                    margin-bottom: 0.5rem;
                    max-width: 23rem;
                }

                .k14-social-links li:last-child {
                    margin-right: 0rem;
                }
                
                .k14-content__webcams li {
                    width: 41rem;
                }
            
                    .k14-social-links a {
                        text-decoration: none;
                        display: flex;
                        flex-direction: row;
                    }

                    .k14-social-links a span {
                        display: flex;
                        justify-content: center;
                        flex-direction: column;
						flex: 1;
                        color: #007F3D;
                    }                
                    
                    .k14-social-icon-wrapper {
                        margin: 0.3rem 1.5rem 0 0;
                        min-width: 4rem;
                    }
                    
                        #js-page-main .k14-social-icon {
                            fill: #007F3D;
                            height: 4rem;
                            max-width: 4.5rem;
                            margin: 1vh 0;
                        }

                        .k14-social-text {
                            display: flex;
                            align-items: center;
                        }

@media (min-width:751px) and (max-width:1100px) {

.k14-social-links__text {
	font-size:1.9rem;
}

.k14-social-links li {
    float: left;
    margin-right: 2rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    width: 19rem;
}

.k14-content__webcams li {
    width: 32.3rem;
}

}
@media (max-width:830px) {

.k14-wrapper {
    display: block;
}

    .k14-wrapper > div {
        float: left;
        width: 100%;
    }

        .k14-content__social > div {
            float: left;
        }
        .k14-social-links__text {
            font-size:1.9rem;
        }

        .k14-social-links li {
            float: left;
            margin-right: 2rem;
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
            width: 100%;
        }

        .k14-wrapper .k14-content__webcams li {
            width: 100%;
        }

	.k14-social-icon {
		margin: 0;
	}
        
}
.k15-wrapper {
    width: 100%;
    text-align: center;
    float: left;
    background-color: #ffffff;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

#js-page-main .k15-wrapper.k-wrapper {
    padding-left: 10%;
    padding-right: 10%;
}

    .k15-wrapper svg {
        left: 0;
        transform: none;
    }

    .k15-icon {
        fill: url(#k-svg-green-gradient);
    }

    .k15-wrapper.red .k15-icon {
        fill: #bb0000;
    }

    .k15-headline {
        color: #363636;
        margin-bottom: 0;
    }
    
    .k15-text {
        display: inline-block;
        max-width: 90rem;
    }

    .k15-wrapper .k-button {
        margin: 1rem 0 2rem 0;
        display: inline-block;
    }

    .k15-logo-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
    }
    
        .k15-logo {
            float: left;
			min-width: 12rem;
            display: flex;
            align-items: center;
        }

            .k15-logo > div {
                padding: 0 !important;
                margin: 0 !important;
            }
        
            .k15-logo img {
                margin: 0.5rem 2rem;
            }
            
            @media screen and (max-width:449px) {
                .k15-logo img {
                    height: 6rem;
                }
            }
.k16-wrapper {
    float: left;
    width: 100%;
    background-color: #383939;
    background: linear-gradient(120deg, #383939 0%, #4d4d4d 100%);
}

     .js-body .k16-wrapper a {
        color: #ffffff;
        text-decoration: none;
    }

    #k16-cb-collapse {
        display: none;
    }

    .k16-collapseable {
        display: none;
    }

    .k16-wrapper ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .k16-wrapper .k16-level1 {
        margin: 3% 10%;
        float: left;
        width: 80%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .k16-level1_item {
        float: left;
        margin: 1.5rem;
        flex-grow: 1;
        min-width: 10rem;
        margin-left:0;
    }

        .k16-level1_itemheadline {
            color: #ffffff;
            font-family: 'NettoOT-Light', sans-serif;
            font-weight: bold;
            font-size: 2.2rem;
            margin-bottom: 2rem;
            display: inline-block;
        }
        
        .k16-level2_item {
            font-family: 'NettoOT-Light', sans-serif;
            color: #ffffff;
            margin-bottom: 1rem;
        }
@media (min-width:501px) and (max-width:646px) {

    #k16-cb-collapse:checked ~ ul.k16-level1 {
        max-height: 200rem;
    }

    .k16-level1_item {
        min-width: 12rem;
    }

    .k16-wrapper .k16-level1 {
        max-height: 200rem;
    }

}
@media (max-width:500px) {

    .k16-collapseable {
        display: flex;
        align-items: center;
        padding: 1rem 10%;
        fill: white;
        color: white;
    }

        .k16-collapseable__icon-left {
            height: 3.4rem;
        }
        
        .k16-collapseable__icon-left svg {
            width: 3.4rem;
            height: 3.4rem;
        }
    
        .k16-collapseable__caption {
            text-align: center;
            display: block;
            margin: 0.3rem auto 0;
            font-size: 1.8rem;
            font-family: NettoOT-Bold,Sans-Serif;
            font-weight: bold;
        }

        .k16-collapseable__icon-right {
            width: 3.4rem;
            height: 3.4rem;
            border: 0.2rem solid #ffffff;
            border-radius: 3.4rem;
        }
        
        .k16-collapseable__plus, .k16-collapseable__minus {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0.2rem;
            height: 60%;
            background-color: #ffffff;
            
        }
        
        .k16-collapseable__plus {
            transform: translate(-50%, -50%);
            transition: all .5s linear;
        }
        
        .k16-collapseable__minus {
            transform: translate(-50%, -50%) rotate(-90deg);
            transition: all .5s linear;
        }


    #k16-cb-collapse:checked ~ ul.k16-level1 {
        max-height: 200rem;
        margin-top: 3%;
        margin-bottom: 3%;
    }

    #k16-cb-collapse:checked ~ .k16-collapseable .k16-collapseable__plus {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    #k16-cb-collapse:checked ~ .k16-collapseable .k16-collapseable__minus {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    .k16-wrapper ul.k16-level1 {
        max-height: 0;
        transition: max-height .5s linear, margin-top .5s linear;
        overflow: hidden;
        flex-wrap: nowrap;
        flex-direction: column;
        box-sizing: content-box;
        margin: 0 10%;
    }

        .k16-level1_item {
            min-width: 12rem;
            margin: 1rem;
        }

    .k16-wrapper ul.k16-level1 {
        display: block;
    }

    .k16-level1_itemheadline {
        min-width: 32rem;
    }

}
#k17-wrapper * {
    color: #ffffff;
}

#k17-wrapper {
    width: 100%;
    background: linear-gradient(120deg, #00b43e 0%, #007F3D 100%);
    color: #ffffff;
    display: flex;
    overflow: hidden;
    /* max-height: 100vh; /* safari 8 fix; taking 100% relative to body */
}

#k17-wrapper.k17-wrapper-red {
    background: linear-gradient(120deg, #bb0000 0%, #cb420e 100%);
}

.k17-content {
    margin: 3rem 3%;
    width: 100%;
    margin-left:10%;

}

.k17-content__right {

	font-size: 1.7rem;
}

.k17-content__left{
    font-size: 1.7rem;
    position:absolute;
    left:-11%;

}

.k17-footer-logo {
    margin-top: -0.2rem;
    margin-left: -0.7rem;
    width: 9.5rem;
}

@media (min-width:1001px) and (max-width:1270px) {
    #k17-wrapper .k17-footer-logo {
        width: 7.2rem;
        margin-top: 0.1rem;
        margin-left: 0.9rem;
    }
}

.k17-footer-logo img {
    max-width: 70%;
}

.k17-navigation {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
}

.k17-info {

    float: left;
    width: 100%;
    margin-top: 2rem;
}

.k17-navigation li {
    float: left;
    margin-right: 1rem;
}

.k17-navigation li a {
    display: inline-block;
    padding-right: 1rem;
}

.k17-navigation li:after {
    content: '|';
}

.k17-navigation li:last-child:after {
    content: '';
}

.k17-navigation--last {
    margin: 0;
}

.k17-bottom-wrapper {
    float: left;
    display: flex;
    width: 90%;
    margin: 2rem 0;
}

.k17-left-wrapper {
    float: left;
    margin-right: 5rem;
}

.k17-right-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-grow: 1;
    align-items: flex-end;
}

#k17-wrapper .k-button:hover {
    color: #007F3D;
}

@media screen and (max-width:1155px) {
    .k17-bottom-wrapper {
        flex-wrap: wrap;
        width: 100%;
    }

    .k17-right-wrapper {
        margin-top: 4rem;
        align-items: flex-start;
    }
}

@media (min-width:2000px) and (max-width:3000px) {

.k17-footer-logo {

    width: 9rem;
}
    .k17-content__left{

        left: -9%;
        top: -0.7rem;
    }

}

@media (min-width:1001px) and (max-width:1999px) {

    .k17-footer-logo {

        width: 9.5rem;
    }
    .k17-content__left{

        left: -10rem;

        top: 0.2rem;

    }

}
@media (min-width:719px) and (max-width:1000px) {

    .k17-footer-logo {

        width: 7.2rem;
		padding-right: 1rem;
		display: none;

    }
    .k17-content__left{

        left: -7.4rem;

        top: 0.7rem;

    }

}
@media (max-width:719px) {

.k17-content {
    margin-left: 5%;
    margin-right: 5%;
    height: 100%;
    width: 100%;
    display: flex;
	margin-bottom: 15%;
}

.k17-content__left {
    display: none;

}

.k17-content__right {
    width: 100%;
    margin-left: 0;
}

.k17-navigation--last li {

    margin-top: 2rem;
}

.k17-navigation--last li:after {
    content: '';
}

.k17-footer-logo {
	padding-right: 1rem;
}

}
.k19-wrapper {
    width: 100%;
    height: 100%;
    float: left;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.k19-wrapper.k19-wrapper-whitebg {
    background-color: #ffffff;
}

.k19-wrapper.k19-wrapper-graybg {
    background-color: #ebeced;
}

.k19-header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.k19-header-wrapper svg {
    fill: #007F3D;
}

.k19-header-wrapper img {
    /* css for reddot */
    position: absolute;
    margin-top: 0.8rem;
    margin-left: -2rem;
}

.k19-redbg .k19-header-wrapper svg {
    fill: #bb0000;
}

.k19-tabs {
    width: 100%;
    display: none;
}

.k19-container article {
    background-color:#f9f9f9;
}


.k19-container label {
    position: relative;
    z-index: 20;
    display: block;
    cursor: pointer;
    background: linear-gradient(120deg, #00b43e 0%, #017840 100%);
    border-bottom:2px solid #ffffff;
    outline: none;
}

.k-wrapper.k19-redbg .k19-container label {
    background: linear-gradient(120deg, #cb420e 0%, #bb0000 100%);
}

.k19-container label h2 {
    font-size:2.2rem;
    color:#ffffff;
    padding: 1.1rem 3rem .7rem 2rem;
    margin:0;
    word-wrap:break-word;
}

.k19-wrapper input {
    display: none;
}

.k19-content__wrapper {
    height: 0;
    max-height: 0;
    overflow: hidden;
    background-color: #eeeeee;
}

.k19-content {
    float: left;
    padding:0 1% 2rem 1%;
    margin-top: -1px;
    position: relative;
    z-index: 10;
    transition: max-height 2s ease-in-out;
    color: #000000;
    width: 100%;
}

.k19-content__teaser {
    width: 100%;
    display: block;
    margin: 15px 0 0 0;
    font-size: 2rem;
    font-family: 'NettoOT-Bold';  
    color: #363636;
}

.k19-content__headlinespacer {
    float: left;
    width: 100%;
    height: 5px;
}

.k19-content__text {
    float: left;
    width: 100%;
}

@media screen and (max-width:719px) {
    .k19-content__text .tableheadline_txteditor {
        font-size: 1.6rem;
    }
}

.k19-icon {
    position:absolute;
    right:1rem;
    top:-1px;
	transform: rotate(90deg);
}

.k19-icon svg {
    fill:#ffffff;
    width:2.1rem;
    transition:transform 0.5s;
}


.k19-wrapper > input[type=radio]:nth-of-type(1):checked ~ .k19-container article:nth-of-type(1) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(2):checked ~ .k19-container article:nth-of-type(2) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(3):checked ~ .k19-container article:nth-of-type(3) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(4):checked ~ .k19-container article:nth-of-type(4) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(5):checked ~ .k19-container article:nth-of-type(5) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(6):checked ~ .k19-container article:nth-of-type(6) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(7):checked ~ .k19-container article:nth-of-type(7) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(8):checked ~ .k19-container article:nth-of-type(8) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(9):checked ~ .k19-container article:nth-of-type(9) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(10):checked ~ .k19-container article:nth-of-type(10) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(11):checked ~ .k19-container article:nth-of-type(11) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(12):checked ~ .k19-container article:nth-of-type(12) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(13):checked ~ .k19-container article:nth-of-type(13) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(14):checked ~ .k19-container article:nth-of-type(14) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(15):checked ~ .k19-container article:nth-of-type(15) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(16):checked ~ .k19-container article:nth-of-type(16) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(17):checked ~ .k19-container article:nth-of-type(17) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(18):checked ~ .k19-container article:nth-of-type(18) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(19):checked ~ .k19-container article:nth-of-type(19) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }
.k19-wrapper > input[type=radio]:nth-of-type(20):checked ~ .k19-container article:nth-of-type(20) .k19-content__wrapper { transition:max-height 10s ease-in-out; height:auto; padding-bottom:20px; }

.k19-wrapper > input[type=radio]:nth-of-type(1):checked ~ .k19-container article:nth-of-type(1) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(2):checked ~ .k19-container article:nth-of-type(2) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(3):checked ~ .k19-container article:nth-of-type(3) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(4):checked ~ .k19-container article:nth-of-type(4) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(5):checked ~ .k19-container article:nth-of-type(5) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(6):checked ~ .k19-container article:nth-of-type(6) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(7):checked ~ .k19-container article:nth-of-type(7) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(8):checked ~ .k19-container article:nth-of-type(8) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(9):checked ~ .k19-container article:nth-of-type(9) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(10):checked ~ .k19-container article:nth-of-type(10) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(11):checked ~ .k19-container article:nth-of-type(11) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(12):checked ~ .k19-container article:nth-of-type(12) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(13):checked ~ .k19-container article:nth-of-type(13) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(14):checked ~ .k19-container article:nth-of-type(14) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(15):checked ~ .k19-container article:nth-of-type(15) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(16):checked ~ .k19-container article:nth-of-type(16) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(17):checked ~ .k19-container article:nth-of-type(17) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(18):checked ~ .k19-container article:nth-of-type(18) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(19):checked ~ .k19-container article:nth-of-type(19) .k19-icon svg { transform:rotate(180deg); }
.k19-wrapper > input[type=radio]:nth-of-type(20):checked ~ .k19-container article:nth-of-type(20) .k19-icon svg { transform:rotate(180deg); }

.k19-container input:checked ~ label svg { transform:rotate(180deg); transition:transform 0.5s; }

.k19-footer {
    display: flex;
    background-color: #52575e;
    padding: 2rem 5rem;    
}

.k19-footer__icon {
    min-width: 70px;
}

.k19-footer__icon svg {
    fill: #ffffff;
}

.k19-footer__headline {
    float: left;
    padding-left: 2rem;
    color: #ffffff;
    font-family: 'NettoOT-Bold';  
    font-size: 2rem;
    margin-bottom: 5px;
}

.k19-footer__text {
    float: left;
    clear: both;
    color: #ffffff;
    font-size: 1.6rem;
    padding-left: 2rem;
}
@media (min-width:720px) {
    .k19-layouttabs .k19-tabs {
        display: flex;
    }
    
    .k19-layouttabs .k19-tab {
        flex-grow: 1;
        background-color: #cccccc;
        margin: 5px;        
    }
    .k19-layouttabs .k19-tab:first-child {
        margin-left: 0;
    }
    .k19-layouttabs .k19-tab:last-child {
        margin-right: 0;
    }

    .k19-layouttabs .k19-tab label {
        float: left;
        width: 100%;
        height: 100%;
        padding: 10px;
        text-align: center;        
        cursor: pointer;
    }
    
    .k19-layouttabs .k19-content {
        background-color:#eeeeee;
    }
    
    .k19-layouttabs .k19-container > article > input, {
        display: none;
    }

    .k19-layouttabs .k19-container label {
        z-index: 1;
        background: transparent;
        border: 0;
    }
    .k19-layouttabs .k19-container label:hover {
        background: transparent;
    }
    
    .k19-layouttabs .k19-icon {
        display: none;
    }
    
    .k19-layouttabs .k19-container label h2, .k19-layouttabs .k19-tab label h2 {
        font-size:2.2rem;
        color:#363636;
        padding: 1rem 1rem;
        margin:0;
        word-wrap:break-word;
    }
    .k19-layouttabs .k19-container label h2 {
        font-size: 3.5rem;
        padding: 5rem 5rem 0 5rem;
        background-color:#eeeeee;
    }
 
    .k19-layouttabs article {
        overflow: hidden;
        max-height: 0;
    }
    
    .k19-layouttabs .k19-content {
        color: #363636;
    }
    
    .k19-layouttabs .k19-content__teaser {
        display: block;
        margin: 5px 0 20px 0;
        font-size: 2.5rem;
        font-family: 'NettoOT-Bold';  
        color: #363636;
    }
 
    .k19-wrapper > input[type=radio]:nth-of-type(1):checked ~ .k19-container article:nth-of-type(1) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(2):checked ~ .k19-container article:nth-of-type(2) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(3):checked ~ .k19-container article:nth-of-type(3) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(4):checked ~ .k19-container article:nth-of-type(4) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(5):checked ~ .k19-container article:nth-of-type(5) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(6):checked ~ .k19-container article:nth-of-type(6) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(7):checked ~ .k19-container article:nth-of-type(7) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(8):checked ~ .k19-container article:nth-of-type(8) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(9):checked ~ .k19-container article:nth-of-type(9) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(10):checked ~ .k19-container article:nth-of-type(10) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(11):checked ~ .k19-container article:nth-of-type(11) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(12):checked ~ .k19-container article:nth-of-type(12) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(13):checked ~ .k19-container article:nth-of-type(13) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(14):checked ~ .k19-container article:nth-of-type(14) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(15):checked ~ .k19-container article:nth-of-type(15) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(16):checked ~ .k19-container article:nth-of-type(16) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(17):checked ~ .k19-container article:nth-of-type(17) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(18):checked ~ .k19-container article:nth-of-type(18) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(19):checked ~ .k19-container article:nth-of-type(19) { max-height:10000px; }
    .k19-wrapper > input[type=radio]:nth-of-type(20):checked ~ .k19-container article:nth-of-type(20) { max-height:10000px; }
 
    .k19-wrapper > input[type=radio]:nth-of-type(1):checked ~ .k19-tabs .k19-tab:nth-of-type(1) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(2):checked ~ .k19-tabs .k19-tab:nth-of-type(2) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(3):checked ~ .k19-tabs .k19-tab:nth-of-type(3) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(4):checked ~ .k19-tabs .k19-tab:nth-of-type(4) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(5):checked ~ .k19-tabs .k19-tab:nth-of-type(5) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(6):checked ~ .k19-tabs .k19-tab:nth-of-type(6) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(7):checked ~ .k19-tabs .k19-tab:nth-of-type(7) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(8):checked ~ .k19-tabs .k19-tab:nth-of-type(8) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(9):checked ~ .k19-tabs .k19-tab:nth-of-type(9) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(10):checked ~ .k19-tabs .k19-tab:nth-of-type(10) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(11):checked ~ .k19-tabs .k19-tab:nth-of-type(11) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(12):checked ~ .k19-tabs .k19-tab:nth-of-type(12) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(13):checked ~ .k19-tabs .k19-tab:nth-of-type(13) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(14):checked ~ .k19-tabs .k19-tab:nth-of-type(14) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(15):checked ~ .k19-tabs .k19-tab:nth-of-type(15) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(16):checked ~ .k19-tabs .k19-tab:nth-of-type(16) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(17):checked ~ .k19-tabs .k19-tab:nth-of-type(17) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(18):checked ~ .k19-tabs .k19-tab:nth-of-type(18) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(19):checked ~ .k19-tabs .k19-tab:nth-of-type(19) { background-color:#eeeeee; }
    .k19-wrapper > input[type=radio]:nth-of-type(20):checked ~ .k19-tabs .k19-tab:nth-of-type(20) { background-color:#eeeeee; }
 
    .k19-tab:before {
        content: " ";
        display:none;
        position: absolute;
        top: -8px;
        left: 0;
        width: 100%;
        height: 8px;
        background-image: linear-gradient(270deg, #017840 0, #00b43e 100%);
    }
    
    .k19-wrapper > input[type=radio]:nth-of-type(1):checked ~ .k19-tabs .k19-tab:nth-of-type(1):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(2):checked ~ .k19-tabs .k19-tab:nth-of-type(2):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(3):checked ~ .k19-tabs .k19-tab:nth-of-type(3):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(4):checked ~ .k19-tabs .k19-tab:nth-of-type(4):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(5):checked ~ .k19-tabs .k19-tab:nth-of-type(5):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(6):checked ~ .k19-tabs .k19-tab:nth-of-type(6):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(7):checked ~ .k19-tabs .k19-tab:nth-of-type(7):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(8):checked ~ .k19-tabs .k19-tab:nth-of-type(8):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(9):checked ~ .k19-tabs .k19-tab:nth-of-type(9):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(10):checked ~ .k19-tabs .k19-tab:nth-of-type(10):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(11):checked ~ .k19-tabs .k19-tab:nth-of-type(11):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(12):checked ~ .k19-tabs .k19-tab:nth-of-type(12):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(13):checked ~ .k19-tabs .k19-tab:nth-of-type(13):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(14):checked ~ .k19-tabs .k19-tab:nth-of-type(14):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(15):checked ~ .k19-tabs .k19-tab:nth-of-type(15):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(16):checked ~ .k19-tabs .k19-tab:nth-of-type(16):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(17):checked ~ .k19-tabs .k19-tab:nth-of-type(17):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(18):checked ~ .k19-tabs .k19-tab:nth-of-type(18):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(19):checked ~ .k19-tabs .k19-tab:nth-of-type(19):before { display: block; }
    .k19-wrapper > input[type=radio]:nth-of-type(20):checked ~ .k19-tabs .k19-tab:nth-of-type(20):before { display: block; } 
 
    .k19-wrapper > input[type=radio]:nth-of-type(1):checked ~ .k19-tabs .k19-tab:nth-of-type(1) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(2):checked ~ .k19-tabs .k19-tab:nth-of-type(2) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(3):checked ~ .k19-tabs .k19-tab:nth-of-type(3) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(4):checked ~ .k19-tabs .k19-tab:nth-of-type(4) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(5):checked ~ .k19-tabs .k19-tab:nth-of-type(5) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(6):checked ~ .k19-tabs .k19-tab:nth-of-type(6) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(7):checked ~ .k19-tabs .k19-tab:nth-of-type(7) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(8):checked ~ .k19-tabs .k19-tab:nth-of-type(8) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(9):checked ~ .k19-tabs .k19-tab:nth-of-type(9) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(10):checked ~ .k19-tabs .k19-tab:nth-of-type(10) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(11):checked ~ .k19-tabs .k19-tab:nth-of-type(11) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(12):checked ~ .k19-tabs .k19-tab:nth-of-type(12) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(13):checked ~ .k19-tabs .k19-tab:nth-of-type(13) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(14):checked ~ .k19-tabs .k19-tab:nth-of-type(14) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(15):checked ~ .k19-tabs .k19-tab:nth-of-type(15) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(16):checked ~ .k19-tabs .k19-tab:nth-of-type(16) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(17):checked ~ .k19-tabs .k19-tab:nth-of-type(17) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(18):checked ~ .k19-tabs .k19-tab:nth-of-type(18) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(19):checked ~ .k19-tabs .k19-tab:nth-of-type(19) h2 { color:#017840; }
    .k19-wrapper > input[type=radio]:nth-of-type(20):checked ~ .k19-tabs .k19-tab:nth-of-type(20) h2 { color:#017840; }
}
@media (min-width:720) {
    .k19-tabs {
        display: block;
    }
}
@media (min-width:0) and (max-width:419px) {
    .k19-footer__icon {
        display: none;
    }
    
    .k19-footer__headline {
        padding-left: 0;
    }

    .k19-footer__text {
        padding-left: 0;
    }
}
.k19-container label:hover{
    background: linear-gradient(120deg, #555555 0%, #3c3c3c 100%);
}

.k19-container input:checked + label,
.k19-container input:checked + label:hover{
    background: linear-gradient(120deg, #555555 0%, #3c3c3c 100%);

}

article .k19-label--active {
    background: linear-gradient(120deg, #555555 0%, #3c3c3c 100%);
}

.k19-container input:checked ~ .k19-content__wrapper {
    height: auto;
    max-height: 3000px;
}
#k2-wrapper {
    width: 100%;
    z-index: 100;
    float: left;
    will-change: top;
}

.k2-wrapper * {
    float: left;
    position: relative;
    outline: 0;
}

    .k2-mainnav-l0-toolbar-wrapper,
    .k2-mainnav-l0wrapper,
    .k2-mainnav-l0,
    .k2-mainnav-l1wrapper,
    .k2-mainnav-l1 {
        height: 100%;
    }

    .k2-mainnav-l1 {
        max-height: 8.3rem;
    }

    #k2-wrapper .k2-arrow {
        display: none;
    }

    #k2-wrapper ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #k2-wrapper ul li a {
        text-decoration: none;
    }
    
    #k2-portalnav {
        width: 100%;
        font-family: 'NettoOT-Bold', sans-serif;
        background-color: #007F3D;
        font-size: 1.4rem;
    }
    
    #k2-portalnav ul {
        float: right;
        margin: 0 5% 0 0;
        padding: 0.6rem 0 0.7rem 1.5rem;
    }
    
    #k2-portalnav ul li {
        margin-right: 3rem;
    }
    
        #k2-portalnav ul li:last-child {
            margin-right: 0;
        }
    
    #k2-portalnav ul li a {
        color: #ffffff;
        opacity: 0.6;
    }

    #k2-wrapper #k2-portalnav .k2-arrow {
        display: none !important;
    }
    
    #k2-mainnav {
        width: 100%;
        font-family: 'NettoOT-Bold', sans-serif;
        font-size: 1.8rem;        
        background-color: rgba(255,255,255,0.94);
        padding-right: 3.9%;
        transition: all 0.5s;
        display: flex;
		border-bottom: 0.1rem solid #eeeeee;
	}

    #k2-wrapper.k2-kng #k2-mainnav {
        padding-right: 1%;
    }
	
    
        #k2-mainnav_logo {
            margin: 0 5.5rem 0 5%;
            padding: 1.5rem 0;
            width: 12.5rem;
            transition: all 0.5s
        }

        #k2-wrapper.k2-kng #k2-mainnav_logo {
            margin: 0 2.5rem 0 5%;
            padding: 1.5rem 0;
            width: 22rem;
            transition: all 0.5s
        }
        
        #k2-mainnav_logo.k2-mainnav_logo--small {
            padding: 1.3rem 0;
        }

        #k2-mainnav_logo.k2-mainnav_logo--small img {
            width: 8rem;
        }
        
        #k2-mainnav_logo img {
            max-width: 100%;
            max-height: 100%;
        }
        
        #k2-mainnav_logoresponsive, #k2-mainnav_logoresponsive-menu {
            display: none;
        }

        .k2-mainnav-l1wrapper > li > a {
            padding: 2.9rem 2rem 2.2rem 2rem;
            font-size: 2rem;
        }

        .k2-button-wechseln {
            display: inline-block;
            color: #007F3D;
            border: 0.2rem solid #007F3D;
            padding: 1rem 1.5rem;
            border-radius: .5rem;
            margin-top: -.6rem;
            line-height: 0.75em;
        }

        .k2-button-wechseln:hover {
            background-color: #007F3D;
            color: #ffffff;
        }
        
        @media (max-width:1420px) {
            .k2-mainnav-l1wrapper > li > a {
                padding: 3.2rem 2rem 2.3rem 1rem;
                font-size: 1.9rem;
            }
        }

        @media (min-width:1156px) and (max-width:1420px) {
            #k2-mainnav_logo {
                margin: 0 3rem 0 5%;
            }

            #k2-wrapper #k2-breadcrumb {
                padding: .7rem .7rem .7rem calc(16.5rem + 5%);
            }
        }

        #k2-mainnav-l2background {
            z-index: 2;
            position: fixed;
            left: -999rem;
            width: 100%;
            background: linear-gradient(to bottom, rgba(230,242,236,0.95) 0%,rgba(255,255,255,0.95) 38%,rgba(255,255,255,0.97) 100%);
        }
        
        #k2-mainnav_navigation.k2-mainnav_navigation--small .k2-mainnav-l1wrapper > li > a {
            padding: 1.8rem 2rem 1.5rem 2rem;
        }
        
        .k2-mainnav_responsiveradio {
            display: none;
        }
        
        .k2-mainnav_openradio, .k2-mainnav_openimg, .k2-mainnav_closeradio, .k2-mainnav_closeimg {
            display: none;
        }
        
        .k2-mainnav_openimglabel {
            display: none;
        }

        .k2-mainnav-l0.k2-mainnav-mobile {
            display: none;
        }

        #k2-mainnav_navigation .k2-mainnav-l0 > a {
            display: none;
        }
        
        #k2-mainnav_navigation ul li a {
            color: #363636;
            display: block;
            float: left;
            /*width: calc(100% - 2rem);*/
        }

#k2-mainnav_navigation .k2-mainnav-l3 a
{
    z-index:10;
}

#k2-mainnav_navigation .k2-mainnav-l2wrapper {

        }
        
        #k2-toolbar {
            flex-grow: 1;
            display: flex;
            justify-content: flex-end;
            transform-origin: center center;
            align-items: center;
        }

        @media (min-width:1156px) and (max-width:1220px) {
            #k2-wrapper.k2-kng #k2-toolbar {
                max-width: 33rem;
                position: absolute;
                right: 0;
                top: 0.7rem;
            }
        }

            #k2-toolbar > div {
                margin-right: 0.1rem;
            }
            
                #k2-toolbar > div > div {
                    display: flex;
                    align-items: center;
                }
            
                #k2-toolbar > div:last-child {
                    margin-right: 0;
                }
            
                #k2-toolbar .k2-icon  {
                    fill: #4d4d4d;
                    height: 3.5rem;
                    width: 3.5rem;
                    margin-top: 0.8rem;
                    margin-bottom: 0.2rem;
                }

                #k2.wrapper.k2-kng #k2-toolbar .k2-icon {
                    margin-top: 0.3rem;
                }
                
                .k2-toolbar-icon-wrapper {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                }

                #k2-toolbar.k2-toolbar--small .k2-icon {
                    margin-top: 1rem;
                    margin-bottom: 1rem;
                    margin-right: 2rem;
                }

                #k2-toolbar.k2-toolbar--small .k2-toolbar_text {
                    display: none;
                }
                
                #k2-toolbar > div:hover .k2-toolbar_text {
                    text-decoration: underline;
                    color: #007F3D;
                }
                #k2-toolbar > div:hover .k2-icon {
                    fill: #007F3D;
                }
                
                .k2-toolbar_text {
                    display: block;
                    text-align: center;
                    font-size: 1.4rem;
                    width: 100%;
                    left: 0;
                    white-space: nowrap;
                }
                                
                #k2-mainnav #k2-toolbar .k2-arrow {
                    display: none;
                    fill: rgba(230,242,236,1.0);
                    bottom: -2rem;
                    height: auto;
                    transform-origin: 15% 50%;
                    transform: rotate(180deg);
                    width: 2.5rem;
                    height: 0.9rem;
                }
  
    #k2-breadcrumb {
        position: absolute;
        bottom: -0.2rem;
        transform: translateY(100%);
        width: 100%;
        font-size: 1.2rem;        
        background-color: rgba(255,255,255,0.94);
        margin-top: 0.2rem;
        padding: 0.7rem 0.7rem 0.7rem calc(19.6rem + 5%);
		border-bottom: 0.1rem solid #eeeeee;
	}

    #k2-wrapper.k2-kng #k2-breadcrumb {
        padding: .7rem .7rem .7rem 5%;
    }
    
        #k2-breadcrumb > ul > li a {
            color: #000000;
        }
        
        #k2-breadcrumb > ul > li:after {
            display: inline-block;
            content: " \003e ";        
            margin: 0 0.8rem;
        }
        
        #k2-breadcrumb > ul > li:last-child:after {
            display: none;
        }
        
/* hide until noncritical css is loaded */
.k2-l2werbung,
.k2-mainnav-l2wrapper,
.k2-login__close,
#k2-search,
#k2-login,
.k2-mainnav-l0 > .k-icon-Arrow2 {
    display: none;
}

#k2-wrapper #k2-login {
    display: flex;
}

.js-body a.k2-navigation-logo-plusclub
{
position: absolute;
z-index: 100;
top: -1.6rem;
left: -0.4rem;
}

.js-body .k2-mainnav_logo--small a.k2-navigation-logo-plusclub
{
    top:0.7rem
}
@keyframes k2-hamburger-path1 {
    0% { transform: translateY(0.9rem) rotate(45deg); }
    50% { transform: translateY(0.9rem) rotate(0deg); }
    100% { transform: translateY(0) rotate(0deg); }
}

@keyframes k2-hamburger-path2 {
    0% { opacity: 0; }                
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes k2-hamburger-path3 {
    0% { transform: translateY(-0.9rem) rotate(-45deg); }
    50% { transform: translateY(-0.9rem) rotate(0deg); }
    100% { transform: translateY(0) rotate(0deg); }
}

@keyframes k2-hamburger-path1-x {
    0% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(0.9rem) rotate(0deg); }
    100% { transform: translateY(0.9rem) rotate(45deg); }
}

@keyframes k2-hamburger-path2-x {
    0% { opacity: 1; }                
    50% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes k2-hamburger-path3-x {
    0% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-0.9rem) rotate(0deg); }
    100% { transform: translateY(-0.9rem) rotate(-45deg); }
}

@media (max-width:1155px) {

#k2-wrapper {
    position: fixed;
    transition: transform 0.5s;
}

#k2-wrapper #k2-portalnav {
    display: none;
}

#k2-wrapper #k2-mainnav {
    padding-right: 0;
}

    .k2-mainnav-l0-toolbar-wrapper,
    .k2-mainnav-l0wrapper,
    .k2-mainnav-l0,
    .k2-mainnav-l1wrapper,
    .k2-mainnav-l1 {
        height: auto;
    }

    #k2-mainnav input {
        cursor: pointer;
    }

    #k2-wrapper #k2-mainnav_logo {
        display: none;
    }

    #k2-wrapper #k2-mainnav_logoresponsive {
        display: block;
        left: 50%;
        transform: translateX(-50%);
        margin: 1rem 0;
    }

    #k2-wrapper #k2-mainnav_logoresponsive a {
        left: 50%;        
        transform: translate(-50%);
        float: left;
    }

    #k2-wrapper #k2-mainnav_logoresponsive a.k2-navigation-logo-plusclub
    {
        position:relative;
        top:0;
        zoom:1.2;

    }


    #k2-wrapper #k2-mainnav_logoresponsive img, #k2-mainnav_logoresponsive-menu img {
        height: 3.5rem;
    }

    #k2-mainnav_logoresponsive-menu {
        position: absolute;
        top: 0;
        right: 0;
        display: none;
        background-color: #ffffff;
        height: 5.6rem;
        justify-content: center;
        z-index: 50;
    }

    #k2-mainnav_logoresponsive-menu {
        display: none;
        width: 35rem;
    }

    .k2-mainnav_openradio:checked ~ #k2-mainnav_logoresponsive-menu {
        display: flex;
    }

    .k2-mainnav_openradio:checked ~ #k2-mainnav_logoresponsive-menu img {
        top: 1.2rem;
    }

    #k2-wrapper #k2-toolbar {
        margin: 1.5rem 0 0 0.8rem;
    }

    #k2-wrapper #k2-mainnav_navigation {
        position: absolute;
        width: 100%;
        left: auto;
        right: 0;
        z-index: 5;
    }
    
        #k2-mainnav_navigation .k2-mainnav-l0-toolbar-wrapper {
            position: absolute;
            width: 100%;
            height: auto;
            display: flex;
            justify-content: flex-end;
            background-color: rgba(0,0,0,0.5);
        }
    
            #k2-mainnav_navigation .k2-mainnav-l1.k2-has-children .k-icon-Arrow2 {
                right: 2rem;
            }
    
    #k2-wrapper .k2-mainnav_responsiveradio {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: transparent;
        opacity: 0;        
    }
    
    #k2-mainnav_navigation .k2-has-children > .k2-mainnav_responsiveradio {
        display: block;
    }
   
        #k2-mainnav_navigation .k2-mainnav-l2.k2-active > a {
            color: #363636;
        }
   
        #k2-wrapper #k2-mainnav_navigation li {
            outline:none;
        }

      #k2-wrapper .k2-mainnav-l0wrapper > li:first-child
      {
        padding-top: 0.9rem;
      }
        
        #k2-wrapper #k2-mainnav #k2-mainnav_navigation .k2-mainnav-l0wrapper {
			display: flex !important;
			flex-direction: column !important;
            max-width: 35rem;
            padding: 3%;
            left: -500vw;
            max-height: calc(96vh - 2rem - 6rem);
            overflow: auto;
            position: absolute;
            background-color: #ffffff;
        }

        #k2-wrapper #k2-mainnav #k2-mainnav_navigation .k2-mainnav_openradio:checked ~ .k2-mainnav-l0wrapper {
            left: auto;
        }
		
			.k2-mainnav-l0.k2-has-children {
				order: -1;
			}		

            #k2-wrapper .k2-mainnav_openradio, .k2-mainnav_closeradio, #k2-menuhamburger {
                display: block;
                position: absolute;
                margin: 1.8rem 1.8rem 1.5rem 1rem;
                width: 2.5rem;
                min-width: 2.5rem;
                height: 2rem;
                right: 0;
                z-index: 52;
            }

            #k2-wrapper .k2-mainnav_openradio, .k2-mainnav_closeradio {
                z-index: 53;
            }

            .k2-menuhamburger__bar {
                width: 100%;
                height: 0.2rem;
                border-radius: 0.1rem;
                background-color: #4d4d4d;
                border: 0.1rem solid #4d4d4d;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                outline: 0.1rem solid transparent;
            }
            
            .k2-menuhamburger__bar:nth-child(1) {
                top: 0;
                transform: translateY(0);
            }
            
            .k2-menuhamburger__bar:nth-child(3) {
                top: auto;
                bottom: 0;
                transform: translateY(0);
            }
            
            .k2-menuhamburger__bar {
                transform-origin: 50% 50%;
                animation-duration: 1s;
                animation-timing-function: ease;
                animation-fill-mode: forwards;
            }       

            #k2-menuhamburger .k2-menuhamburger__bar:nth-child(1) {
                animation-name: k2-hamburger-path1;
            }
            #k2-menuhamburger .k2-menuhamburger__bar:nth-child(2) {
                animation-name: k2-hamburger-path2;
            }
            #k2-menuhamburger .k2-menuhamburger__bar:nth-child(3) {
                animation-name: k2-hamburger-path3;
            }
            
            .k2-mainnav_openradio:checked ~ #k2-menuhamburger .k2-menuhamburger__bar:nth-child(1) {
                animation-name: k2-hamburger-path1-x;
            }
            .k2-mainnav_openradio:checked ~ #k2-menuhamburger .k2-menuhamburger__bar:nth-child(2) {
                animation-name: k2-hamburger-path2-x;
            }
            .k2-mainnav_openradio:checked ~ #k2-menuhamburger .k2-menuhamburger__bar:nth-child(3) {
                animation-name: k2-hamburger-path3-x;
            }

            .k2-mainnav_openradio:checked ~ .k2-menuhamburger-close-circle {
                border: 0.1rem solid #363636;
                border-radius: 3rem;
                width: 2.5rem;
                height: 2.5rem;
                position: absolute;
                right: 0;
                top: 0;
                margin: 1.5rem 1.8rem 1.2rem 1rem;
                z-index: 51;
            }

            .k2-mainnav_openradio:checked ~ #k2-menuhamburger {
                transform: scale(0.6);
            }

            #k2-wrapper .k2-mainnav_openradio, .k2-mainnav_closeradio {
                width: 7.5rem;
                min-width: 7.5rem;
            }
            
            #k2-wrapper .k2-mainnav_openradio, .k2-mainnav_closeradio {
                opacity: 0;
            }
            
            .k2-mainnav_openimglabel {
                display: block;
                position: absolute;
                top: -4rem;
                left: 4.2rem;
                font-family: 'NettoOT-Light', sans-serif;
            }

            #k2-wrapper .k2-mainnav-l0 {
                width: 100%;
                clear: both;
                padding: 1.5rem 0 1.5rem 0;
            }

            #k2-wrapper #k2-mainnav_navigation .k2-mainnav_openradio:checked {
                display: none;
            }
            
            #k2-mainnav_navigation .k2-notactive * {
                display: block;
            }
			
            #k2-mainnav_navigation .k2-notactive script {
                display: none;
            }

            .k2-button-wechseln {
                margin: 0;
            }

            #k2-wrapper #k2-mainnav_navigation .k2-menulevel {
                max-height: 0;
                /*transition: max-height 0.5s;*/ /* transition doesn't work on height auto */
                overflow: hidden;
            }
            
            #k2-wrapper #k2-mainnav #k2-mainnav_navigation .k2-menulevel {
                top: auto !important;
                padding-left: 0;
                width: 100%;
            }

            #k2-wrapper #k2-mainnav #k2-mainnav_navigation .k2-mainnav_openradio:checked ~ .k2-menulevel {
                display: block;
                margin-left: 0;
                transition: margin 1s;
                position: relative;
                padding: 0;
            }

            #k2-wrapper #k2-mainnav #k2-mainnav_navigation .k2-mainnav_openradio:checked ~ .k2-mainnav-l0wrapper {
                padding-top: 5.6rem;
                background-color: #ffffff;
                min-height: 100vh;
            }

            #k2-wrapper .k2-mainnav-l0:last-child {
                border-bottom: 0;
            }

            .k2-mainnav-l0.k2-mainnav-mobile {
                display: block;
            }

            .k2-mainnav-l0.k2-mainnav-desktop {
                display: none;
            }


                #k2-wrapper #k2-mainnav_navigation .k2-mainnav-l0 > a {
                    display: block;
                    font-size: 2rem;
                    text-transform: uppercase;
                }
            
                #k2-wrapper #k2-mainnav_navigation .k2-menulevel > li > a {
                    z-index: 2;
                }
            
                #k2-wrapper #k2-mainnav_navigation .k2-arrow {
                    display: none;
                }
                
                #k2-wrapper #k2-mainnav_navigation .k2-menuarrow {
                    display: none;
                }

                .k2-mainnav-l0.k2-has-children > .k-icon-Arrow2 {
                    display: block;
                    fill: #4d4d4d;
                    position: absolute;
                    transform: translateY(-50%);
                    right: 0;
                    top: 3.3rem;
                    width: 2.5rem;
                    height: 2.5rem;
                    transition: all 0.5s;
                }

                .k2-mainnav-l0.k2-has-children > .k-icon-Arrow2.k2-icon-level1-mobile {
                    fill: #4d4d4d;
                    position: absolute;
                    transform: translateY(-50%) rotate(90deg);
                    left: auto;
                    right: 1.7rem;
                    top: 1.2rem;
                    width: 2.5rem;
                    height: 2.5rem;
                    transition: all .5s;
                }

                .k2-mainnav-l0>.k2-mainnav-l0-radioarray-mobile:checked~.k-icon-Arrow2.k2-icon-level1-mobile {
                    transform: translateY(-50%) rotate(270deg);
                }
                
                .k2-mainnav-l0 > .k2-mainnav_responsiveradio:checked ~ .k-icon-Arrow2 {
                    transform: rotate(-180deg) translateY(50%);
                }

                #js-body-show #k2-wrapper #k2-mainnav #k2-mainnav_navigation .k2-mainnav-l1.k2-has-children > .k-icon-Arrow2,
                #js-body-show #k2-wrapper #k2-mainnav #k2-mainnav_navigation .k2-mainnav-l2.k2-has-children > .k-icon-Arrow2 {
                    display: block;
                    fill: #4d4d4d;
                    position: absolute;
                    transform: translateY(-100%) rotate(90deg);
                    right: 2rem;
                    top: 3rem;
                    width: 2rem;
                    height: 2rem;
                    transition: all 0.5s;
                }

                #js-body-show #k2-wrapper #k2-mainnav #k2-mainnav_navigation .k2-mainnav-l2.k2-has-children > .k-icon-Arrow2 {
                    right: 8.1rem;
                    top: 3rem;
                    width: 1.8rem;
                    height: 1.8rem;
                }

                .k2-mainnav-l1 > .k2-mainnav-l0-radioarray-mobile:checked ~ .k-icon-Arrow2,
                .k2-mainnav-l2 > .k2-mainnav-l0-radioarray-mobile:checked ~ .k-icon-Arrow2 {
                    transform: rotate(-90deg) translateX(100%) !important;
                }
                
                #k2-wrapper #k2-mainnav_navigation .k2-mainnav-l0.k2-has-children > .k2-arrow .k2-arrow_path {
                    fill: #363636;
                }
        
                #k2-wrapper #k2-mainnav_navigation .k2-mainnav-l1wrapper {
                    width: 100%;
                    display: none;
                    clear: both;
                    margin-top: 1rem;
                }

                    #k2-wrapper #k2-mainnav_navigation .k2-mainnav-l0 .k2-mainnav_responsiveradio:checked ~ .k2-arrow {
                        display: none;
                    }
                
                    #k2-wrapper #k2-mainnav #k2-mainnav_navigation .k2-has-children .k2-mainnav_responsiveradio:checked ~ .k2-menulevel {
                        display: block;
                        max-height: 900rem;
                        /*transition: max-height 10s;*/ /* transition doesn't work on height auto */
                    }
        
                    #k2-wrapper .k2-mainnav-l1 {
                        clear: both;
                        width: 100%;
                        max-height: none;
                    }
                    
                        #k2-wrapper #k2-mainnav_navigation .k2-mainnav-l1 > a {
                            padding: 0.7rem 1rem;
                            font-size: 2rem;
                        }
                        
                        #k2-wrapper #k2-mainnav #k2-mainnav_navigation .k2-mainnav-l2wrapper {
                            width: calc(100% + 6rem);
                            left: -3rem;
                            position: relative;
                            left: auto;
                            padding: 0 3rem;
                            top: auto;
                            clear: both;
                            min-width: initial;
                            padding:0;
                            min-height: auto;
                            background: none;
                            background-color: #edf8f1;
                            box-shadow: inset 0 0 1rem 0 rgba(0,0,0,0.2);
                        }

                        #k2-mainnav #k2-mainnav_navigation .k2-mainnav-l2wrapper li
                        {
                            position:relative !important;
                            padding-left: 0;
                        }


                        #k2-wrapper #k2-mainnav_navigation .k2-mainnav-l1wrapper:focus .k2-mainnav-l2wrapper {
                            display: block;
                        }
                        
                            #k2-wrapper .k2-mainnav-l2 {
                                width: 100%;
                            }
                        
                            #k2-wrapper .k2-mainnav-l2wrapper a {
                                padding: 0.7rem 2rem;
                            }
                            
                            #k2-wrapper #k2-mainnav_navigation .k2-mainnav-l3wrapper {
                                width: 100%;
                                position: relative;
                                left: auto;
                                z-index: 1;
                                padding: 0;
                                top: auto;
                                clear: both;
                                background: 0 0;
                                min-height:auto;
                                margin-left:0;
                            }
                            
                                #k2-wrapper .k2-mainnav-l3 {
                                    width: 100%;
                                    padding-right: 5.5rem;
                                }

                                #k2-wrapper .k2-mainnav-l3wrapper a {
                                    padding: 0.7rem 3rem;
                                    font-family: 'NettoOT-Light', sans-serif;
                                    font-weight: bold;
                                }
        
#k2-wrapper #k2-breadcrumb {
    height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0;
    margin: 0;
}

#k1-progress-bar {
    margin-top: -0.2rem;
}

#k2-wrapper #k2-mainnav .k2-mainnav-l0 > a {
    z-index: 1;
    color: #007F3D;
    padding: 0 4rem 0 3.3rem;
    width: 100%;
}
#k2-wrapper #k2-mainnav .k2-mainnav-l0 > input {
    z-index: 2;
}
#k2-wrapper #k2-mainnav .k2-mainnav-l0 > ul {
    z-index: 3;
}

#k2-wrapper #k2-mainnav .k2-mainnav-l1 > a {
    z-index: 4;
    padding: 1rem 5.5rem 1rem 3.3rem;
    width: 100%;
}
#k2-wrapper #k2-mainnav .k2-mainnav-l1 > input {
    z-index: 5;
}
#k2-wrapper #k2-mainnav .k2-mainnav-l1 > ul {
    z-index: 6;
}
#k2-wrapper #k2-mainnav .k2-mainnav-l1 > .k2-l2werbung {
    z-index: 7;
}

#k2-wrapper #k2-mainnav .k2-mainnav-l2 > a {
    z-index: 8;
    padding: 1rem 5.5rem 1rem 3.3rem;
    width: 100%;
}
#k2-wrapper #k2-mainnav .k2-mainnav-l2:first-child > a {
    padding-top: 2rem;
}
#k2-wrapper #k2-mainnav .k2-mainnav-l2:last-child > a {
    padding-bottom: 2rem;
}

#k2-wrapper #k2-mainnav .k2-mainnav-l2 > input {
    z-index: 9;
}
#k2-wrapper #k2-mainnav .k2-mainnav-l2 > ul {
    z-index: 10;
}

#k2-wrapper #k2-mainnav .k2-mainnav-l3 > a {
    z-index: 11;
    padding: 0.8rem 5.5rem 0.8rem 5rem;
    font-size: 1.7rem;
    width: 100%;
}
#k2-wrapper #k2-mainnav .k2-mainnav-l3:first-child > a {
    padding-top: 1.3rem;
}
#k2-wrapper #k2-mainnav .k2-mainnav-l3:last-child > a {
    padding-bottom: 2rem;
}

#k2-wrapper #k2-mainnav .k2-mainnav-l3 > input {
    z-index: 12;
}
#k2-wrapper #k2-mainnav .k2-mainnav-l3 > ul {
    z-index: 13;
}

#k2-toolbar {
    margin-top: 0;
    z-index: 3;
}

#k2-toolbar.k2-toolbar--small .k2-icon {
    margin-top: 0;

}

}
    #k2-portalnav ul li.k2-portalnav--active a {
        opacity: 1;
    }

    #k2-portalnav ul li.k2-portalnav--active .k2-arrow {
        display:block; z-index:1;
    }

    #k2-portalnav .k2-arrow, #k2-mainnav .k2-arrow {
        position: absolute;
        bottom: -1.6rem;
        left: calc(50% + 0.5rem);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .k2-wrapper .k-icon-Arrow2 {
        display: none;
    }

    #k2-portalnav .k2-arrow_path {
        fill: #007F3D;
    }

    #k2-mainnav_navigation .k2-active > .k2-arrow .k2-arrow_path
    {
        fill:rgba(1,120,64,0.2);
    }


    #k2-mainnav.k2-mainnav-active {
        background-color: rgba(255,255,255,1.0);
        transition: all 0.5s;
        overflow:initial;
    }

        #k2-mainnav_navigation .k2-arrow {
            bottom: -1.2rem;
            z-index: 3;
        }

        #k2-mainnav_navigation .k2-arrow_path {
            fill: #ffffff;
        }

        #k2-mainnav_navigation .k2-mainnav_responsiveradio {
            display: none;
        }

        .k2-mainnav-l1wrapper {
            display: none;
        }

        .k2-mainnav-l0 > input[name="k2-mainnav-l0-radioarray"]:checked ~ .k2-mainnav-l1wrapper {
            display: block;
            max-height: none;
        }

        .k2-notactive * {
            display: none;
        }

        .k2-mainnav-l1wrapper .k2-menulevel > li {
            clear: both;
        }

			#k2-mainnav_navigation .k2-mainnav-l1 > a {
				text-decoration: none;
				cursor: default;
			}

			#k2-mainnav_navigation .k2-mainnav-l1 > a:hover {
				text-decoration: underline;
				cursor: pointer;
				color: #007F3D;
			}

            #k2-mainnav_navigation .k2-mainnav-l1.k2-has-children > a:hover {
				text-decoration: none;
				cursor: default;
            }

            #k2-mainnav_navigation .k2-mainnav-l1 > .k2-mainnav-l1-active {
                color: #007F3D;
            }

			.k2-mainnav-l2 { cursor:pointer }
			@media (min-width:1156px) {
				.k2-mainnav-l2.k2-has-children > a { pointer-events:none; }
				.k2-mainnav-l2.k2-has-children > svg { pointer-events:none; }
			}

            #k2-mainnav_navigation .k2-mainnav-l2wrapper {
				position: absolute;
				z-index: 2;
				max-width: none;
				padding: 2rem 0 2rem 0;
				background: linear-gradient(135deg, rgba(170,216,194,0.95) 0%,rgba(229,242,236,0.95) 76%,rgba(229,242,236,0.95) 100%);
				left: -999rem;
				min-width: 28rem;
				top: 8.6rem;
                opacity:0;
                transition:opacity 0.5s;
            }


				#k2-mainnav_navigation .k2-mainnav-l2wrapper li {
                    width: 100%;
                    position: relative;
					padding-left: 2rem;
                }

                #k2-mainnav_navigation .k2-active > a {
                    color: #ffffff;
                }

                .k2-menuarrow {
                    position: absolute;
                    margin-top: 0.8rem;
                    width: 2.2rem;
                    height: 2.2rem;
                    padding: 0.3rem;
                    display: inline-block;
                    right: 0.7rem;
                }

				.k2-active > .k2-menuarrow {
					color: #ffffff;
				}

		.k2-active {
			background: linear-gradient(135deg, rgba(1,120,64,0.8) 0%,rgba(0,180,62,0.8) 100%);
		}

		#k2-mainnav_navigation .k2-mainnav-l1wrapper > li li:hover {
			background: linear-gradient(135deg, rgba(1,120,64,0.8) 0%,rgba(0,180,62,0.8) 100%);
		}

		#k2-mainnav_navigation .k2-mainnav-l1wrapper > li li:hover > a {
			color: #ffffff;
		}

        #k2-mainnav_navigation .k2-active > .k2-arrow {
           bottom: initial;
           transform: rotate(-90deg);
           right: -2.3rem;
           position: absolute;
           left: initial;
           opacity: .5;
           margin-top: 1rem;
		}

        .k2-icon-level1-mobile {
            display: none;
        }

		#k2-mainnav_navigation .k2-mainnav-l2.k2-has-children .k2-icon-level2 {
			position: absolute;
			right: 0.5rem;
			bottom: 1rem;
			left: auto;
			transform: none;
			width: 1.7rem;
			height: 1.7rem;
			margin: 0;
			display: inline-block;
			fill: #363636;
			float: right;
		}

		#k2-mainnav_navigation .k2-mainnav-l2.k2-has-children:hover .k2-icon-level2 {
			fill: #ffffff;
		}

                .k2-mainnav-l2wrapper a {
                    padding: 0.8rem 1rem 0.8rem 0;
                }

                #k2-mainnav_navigation .k2-mainnav-l3wrapper {
                    position: absolute;
                    left: -999rem;
                    padding: 2rem 0;
                    min-width: 28rem;
                    margin-left: 28rem;
                    margin-top: -2rem;
                    top: 0 !important;
                    opacity:0;
                    transition:opacity 0.5s;
					background: linear-gradient(135deg, rgba(229,242,236,0.95) 0%,rgba(247,251,249,0.95) 76%,rgba(247,251,249,0.95) 100%);
                    min-height: 100%;
                }

                    #k2-mainnav_navigation .js-k2-mainnav-l3wrapper-show {
                        left: 0;
                        opacity:1;

                    }

                    #k2-mainnav_navigation .js-k2-mainnav-l3wrapper-showfast {
                        left: 0;
                        opacity:1;
                    }


                   #k2-mainnav_navigation .k2-mainnav-l3wrapper.js-k2-mainnav-l3wrapper-collide {
                       left: -56rem;
                       opacity:1;
                       background-color:#caefdb;
                    }

                    #k2-mainnav_navigation .k2-mainnav-l3wrapper.js-k2-mainnav-l3wrapper-collide:before,#k2-mainnav_navigation .k2-mainnav-l3wrapper.js-k2-mainnav-l3wrapper-collide:after
                    {
                        display:none;
                    }


                    #k2-mainnav_navigation .js-k2-mainnav-l3wrapper-hide {
                        left: 100vw;
                        transition: left 0.5s;
                        opacity:0;
                    }

                    #k2-mainnav_navigation .js-k2-mainnav-l3wrapper-hidefast {
                        left: 100vw;
                        opacity:0;
                    }

                .k2-l2werbung {
                    display: none;
                    position: fixed;
                    z-index: 4;
                    right: 5%;
                    width: 30%;
                    background: linear-gradient(120deg, #00b43e 0%, #007F3D 100%);
                    text-align: center;
                    opacity: 0;
                }

                    #k2-mainnav_navigation .js-k2-l2werbung-show {
                        opacity: 1.0;
                        transition: opacity 1.0s;
						top: 12.9rem !important;
                    }

                    .k2-l2werbung * {
                        float: none;
                    }

                    .k2-l2werbung-image-wrapper {
                        width: 100%;
                        min-height: 7rem;
                    }

                    .k2-l2werbung-image {
                        display: block;
                        position: absolute;
                        float: left;
                        width: 100%;
                        height: 100%;
                        overflow: hidden;
                        background-size: cover;
                        background-position: top center;
                    }

                    .k2-l2werbung-image img {
                        opacity: 0.0;
                    }

                    .k2-l2werbung-text-wrapper {
                        background: linear-gradient(120deg, #00b43e 0%, #007F3D 100%);
                    }

                    .k2-l2werbung-headline {
                        display: inline-block;
                        padding:2rem 1rem 0 1rem;
                        color: #ffffff;
                        font-size: 3rem;
                    }

                    .k2-l2werbung-text {
                        display: inline-block;
                        padding:0 3rem;
                        color: #ffffff;
                        font-family: 'MyriadPro-Regular', sans-serif;
                    }

                    .k2-l2werbung-button {
                        margin-bottom: 2rem;
                    }

               #k2-mainnav_navigation .js-k2-mainnav-l2background-show {
                    left: 0;
					top: calc(100% + 0.2rem) !important;
                    opacity:1;
                }

				#k2-mainnav_navigation.k2-mainnav_navigation--small .js-k2-mainnav-l2background-show {
					top: calc(100% + 0.2rem) !important;
                }

                #k2-mainnav_navigation.k2-mainnav_navigation--small .k2-arrow {
                    bottom: -1.1rem;
                }

                #k2-mainnav_navigation  .k2-mainnav-l2wrapper.k2-menulevel.js-k2-mainnav-l2background-show ~ .k2-arrow {
                    display:block;
                    z-index: 3;
                }


                 #k2-mainnav_navigation  .k2-mainnav-l3wrapper.k2-menulevel.js-k2-mainnav-l3wrapper-showfast ~ .k2-arrow
                 {
                     display:block;
                 }

             #k2-mainnav_navigation  .k2-mainnav-l3wrapper.k2-menulevel.js-k2-mainnav-l3wrapper-showfast:hover ~ .k2-arrow
            {
            visibility:hidden;
            }
               #k2-mainnav_navigation .k2-mainnav-l3wrapper.js-k2-mainnav-l3wrapper-collide ~ .k2-arrow
               {
                  left: -2.3rem;
                   transform: rotate(-270deg);
                }




                    .js-k2-mainnav-l2background-show {
                     display: none;
                    }
                #k2-mainnav_navigation .js-k2-mainnav-l2background-hide {
                    left: 100%;
                    transition: left 0.5s;
                }

        #k2-toolbar > div {
            cursor: pointer;
            float: none;
            z-index: 50;
        }

        #k2-toolbar .k2-toolbar_search-active .k2-icon, #k2-toolbar .k2-toolbar_login-active .k2-icon {
            fill: #007F3D;
        }

            .k2-search__close, .k2-login__close {
                display: none;
            }

        #k2-toolbar .k2-toolbar_login-active .k2-toolbar_text {
            color: #007F3D;
        }

    #k2-search {
        width: 100%;
        padding: 0 5%;
        background: linear-gradient(to bottom, rgba(230,242,236,1.0) 0%,rgba(255,255,255,0.95) 100%);
        height: 0;
        transition: all 0.3s;
        overflow: hidden !important;
        display: flex;
        position: absolute;
        bottom: 0;
        transform: translateY(100%);
        z-index: 2;
		border-bottom: 0.1rem solid #eeeeee;
    }

    .k2-search-wrapper {
        min-height: 7rem;
        min-width: 100%;
    }

    #k2-search.k2-search-active {
        height: 7rem;
        transition: all 0.3s;
        overflow:inherit;
    }

        .k2-search-icon {
            width: 4rem;
            height: 4rem;
            fill: #4d4d4d;
            margin: 1.5rem 1.5rem 1.5rem -0.6rem;
        }

        #k2-search__text2 {
            display: none;
        }

        #k2-search-button {
            display: none;
            position: absolute;
            left: auto !important;
            right: 2.6rem;
            top: 1.5rem;

            min-width: 10rem;
        }

        @media (max-width: 115.5rem) {
            #k2-search #k2-search-button {
                left: 50%;
            }
        }

        .k2-search-close {
            position: absolute;
            right: -1rem;
            width: 2rem;
            height: 2rem !important;
            margin: 2.5rem 0;
            cursor: pointer;
        }

        #k2-search__form {
            width: calc(90vw - 8.8rem);
            margin-bottom: 0;
        }

        #k2-search__text, #k2-search__text2 {
            width: calc(100% - 8rem);
            height: 4rem;
            margin: 1.5rem 3rem 1.5rem 7rem;
            background-color: transparent;
            border: 0;
            font-family: 'NettoOT-Bold', sans-serif;
            font-size: 3rem;
            padding-top: 0.5rem;
            outline: 0;
            color: #007F3D;
        }

        #k2-search__text2 {
            height: auto;
        }

    #k2-login {
        width: 100%;
        padding-left: calc(5% + 12.5rem + 5.5rem + 1.5rem);
        padding-right: 5%;
        background: linear-gradient(to bottom, rgba(230,242,236,1.0) 0%,rgba(255,255,255,0.95) 100%);
        max-height: 0;
        transition: all 1s;
        overflow: hidden;
        display: flex;
        position: absolute;
        bottom: 0;
        transform: translateY(100%);
        z-index: 2;
    }

    #k2-login.k2-login-active {
        max-height: 30rem;
        transition: all 1s;
    }

        .k2-login__intro {
            flex-grow: 2;
            /*width: 22vw;*/
            padding: 5rem 0;
        }

        .k2-login__intro h2 {
            width: 100%;
            min-width: 33rem;
            font-size: 3rem;
        }

        #k2-login__form {
            flex-grow: 1;
            display: flex;
            padding: 5rem;
        }

            #k2-login__form > div > p {
                width: 100%;
                margin: 1.5rem;
                font-size: 1.6rem;
                margin-left: 3rem;
            }

                #k2-login__form > div > p > .k-icon {
                    width: 2rem;
                    height: 2rem;
                    margin-left: -2.5rem;
                }

                #k2-login__form > div > p > input {
                    margin-left: -2.5rem;
                }

            .k2-login__formleft {
                max-width: 60rem;
            }

            .k2-login__input {
                background-color: #ffffff;
                color: #007F3D;
                border: 0.1rem solid #363636;
                border-radius: 3rem;
                width: 100%;
                min-width: 30rem;
                max-width: 40rem;
                padding: 0.8rem 2rem 0.5rem;
                font-family: 'NettoOT-Bold', sans-serif;
                margin: 1rem 0;
            }

            .k2-loginbtn {
                width: 100%;
            }

                .k2-loginbtn svg, .k2-loginbtn img {
                    position: absolute;
                    height: 3.4rem;
                    cursor: pointer;
                    right: -4.5rem;
                    fill: #007F3D;
                    margin-top: 1rem;
                }

        .k2-login__closebutton {
            flex-grow: 1;
            margin: 5rem 0 5rem 3rem;
            min-width: 2rem;
        }

            .k2-login-close {
                width: 2rem;
                height: 2rem;
                cursor: pointer;
                position: absolute;
                top: 0;
                right: 0;
            }

.k2-breadcrumb-dropdownMain  .breadactive > span {
	color: #007F3D;
	font-weight: bold;
}

#k2-breadcrumb .breadactive > ul {
	max-height: 150rem;
	transition: max-height 1s ease-in-out;
}

#k2-breadcrumb .breadactive .k2-breadcrumb-dropdownMain {
	display: block;
}

#k2-breadcrumb  > ul > li {
	cursor: pointer;
}

#k2-breadcrumb  > ul > li:last-child > a {
	cursor: default;
}

#k2-breadcrumb .k2-breadcrumb-dropdown {
    white-space: nowrap;
    max-width: none;
	max-height: 0;
	overflow: hidden;
}

#k2-breadcrumb .k2-breadcrumb-dropdownMain {
	display: none;
    background-color: #ffffff;
	position: absolute;
    z-index: 101;
    bottom: -0.5rem;
    left: -1rem;
    transform: translateY(100%);
    border-radius: 0.4rem;
    min-width: 30rem;
    border:	0.1rem solid #cccccc;
	padding: 0.5rem 0 1rem 0;
}
	.k2-breadcrumb-dropdownMainHeadline {
		padding: 1rem;
		font-size: 1.7rem;
		font-family: 'NettoOT-Bold', sans-serif;
		color: #007F3D;
	}

	#k2-breadcrumb .k2-breadcrumb-dropdownMain .k-icon-close1 {
        position: absolute;
        top: 0.5rem;
        right: 0.5rem;
        width: 2rem;
        height: 2rem;
        fill: #888888;
    }

	#k2-breadcrumb > ul > li > .k2-breadcrumb-dropdownMain > .breadactive {
		background-color: #eeeeee;
		padding: 1rem 0 1rem 1rem;
	}

	#k2-breadcrumb .k2-breadcrumb-dropdown li {
        clear: both;
		font-family: 'MyriadPro-Regular', sans-serif;
		font-size: 1.5rem;
		margin: 0.3rem 0;
        cursor: pointer;
		width: 100%;
		padding: 0.2rem 0 0.2rem 1rem;
    }

		#k2-breadcrumb .k2-breadcrumb-dropdown li span {
			padding: 0 3.5rem 0 0;
		}

        .k2-breadcrumb-menuarrow {
			position: absolute;
			right: 0.8rem;
			top: 0.5rem;
			width: 1.5rem;
			height: 1.5rem;
			padding: 0.3rem;
			border-radius: 1.5rem;
			background-color: #cccccc;
			transform: rotate(90deg);
            transition: transform 0.2s ease-in-out;
        }

        .breadactive > .k2-breadcrumb-menuarrow {
            transform: rotate(-90deg);
        }

        #k2-breadcrumb .k2-breadcrumb-dropdownSub {
            border-radius: 0 0.4rem 0.4rem 0.4rem;
			width: 100%;
        }

            .k2-breadcrumb__submenu--nolink:hover > span {
                color: #007F3D;
            }

/* show after noncritical css is loaded */
.k2-l2werbung,
.k2-mainnav-l2wrapper,
#k2-search,
#k2-login {
    display: block;
}

#k2-mainnav_navigation,
#k2-toolbar,
#k2-breadcrumb {
    opacity: 1;
}
@media (max-width:1155px) {

    #k2-wrapper #k2-toolbar {
        position: absolute;
        left: 1rem;
        margin:1.5rem 0 0 0;
    }
    
    #k2-toolbar .k2-icon {
        width: 2.5rem;
        height: 2.5rem;
        cursor: pointer;
        margin: 0;
    }
        
        #k2-wrapper #k2-toolbar > div {
            margin-right: 1.5rem;
        }
        
        #k2-wrapper #k2-toolbar > div:last-child {
            margin-right: 0;
        }
        
        #k2-wrapper #k2-toolbar_myshop {
            display: none;
        }
        
        #k2-wrapper #k2-search {
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            height: 0;
            /*width: 100vw;*/ /* does not work; use right property */
            right: 0;
            overflow: hidden;
            padding: 0 1rem;
            transform: none;
        }
        
        .k2-search-icon {
            display: none;
        }
        
        #k2-search #k2-search__form {
            width: 100%;
        }
        
            #k2-search__text {
                display: none;
            }
            
            #k2-search #k2-search__text2 {
                display: block;
                margin: 1.5rem 0;
                width: 100%;
            }
        
        #k2-search #k2-search-button {
            display: none;
            left: 50%;
            transform: translateX(-50%);
            position: relative;
            top: auto;
            right: auto;
            min-width: 15rem;
        }
        
        #k2-search .k2-search-close {
            display: none;
        }

        #k2-toolbar_search {
            display: none;
        }

        .k2-toolbar_search-active .k2-search__magnify {
            display: none;
        }
        
        .k2-toolbar_search-active .k2-search__close {
            display: block;
        }
        
        #k2-wrapper #k2-login {
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            height: 0;
            width: 100vw;
            overflow: hidden;
            padding: 0 1rem;
        }
        
        #k2-wrapper #k2-login.k2-login-active {
            max-height: 100vh;
            transition: all 1s;
        }
        
            #k2-login .k2-login__intro {
                width: 100%;
                padding: 5rem 3rem 0;
            } 
            
                .k2-login__intro p {
                    display: none;
                }        
            
            #k2-login #k2-login__form {
                width: 100%;
                padding: 0 3rem 5rem;

                display: block;
            }
            
            
                /*#k2-login__form > div {*/
                    /*width: 50%;*/
                /*}*/
                
                #k2-login #k2-login__form > div:first-child {
                    margin: 0 4rem 0 0;
                }            
                
                    #k2-login #k2-login-button {
                        display: none;
                        left: 50%;
                        transform: translateX(-50%);
                        position: relative;
                        top: auto;
                        right: auto;
                        min-width: 15rem;
                    }

                .k2-loginbtn {
                    display: block;
                    width: 100%;
                }

                    .k2-loginbtn svg, .k2-loginbtn img{
                        display: none;
                    }
            
                #k2-login #k2-login-button {
                    display: block;
                    margin-top: 4rem;
                }
            
            #k2-login .k2-login-close {
                display: none;
            }
            
            .k2-toolbar_login-active .k-icon-Lock {
                display: none;
            }
            
            .k2-toolbar_login-active .k2-login__close {
                display: block;
            }


	#k2-mainnav_navigation.k2-mainnav_navigation--small .k2-mainnav-l1wrapper > li > a {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	#k2-mainnav .k2-mainnav-l1 > a, .k2-mainnav-l2 > a, .k2-mainnav-l3 > a {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.k2-l2werbung {
		display: none !important;
	}

	#k2-portalnav > ul {
		margin-right: 3%;
	}

	#k2-mainnav {
		padding-right: 3%;
	}

	#k2-toolbar img {
		margin-right: 0;
	}

	.k2-toolbar_text {
		display: none;
	}

	#k2-breadcrumb {
		padding-left: calc(19.6rem + 2%);
	}
	
	.k2-mainnav-l2 > a {
		color: #363636 !important;
	}
	
	.k2-mainnav-l2 > svg {
		fill: #363636 !important;
	}
	
	#k2-mainnav #k2-mainnav_navigation .k2-mainnav-l2wrapper {
		opacity: 1;
	}
	
	#k2-mainnav #k2-mainnav_navigation .k2-mainnav-l1wrapper>li li:hover, .k2-active {
		background: transparent;
	}
	
	#k2-mainnav #k2-mainnav_navigation .k2-mainnav-l3wrapper {
		opacity: 1;
	}
	
	#k2-mainnav #k2-mainnav_navigation .k2-mainnav-l2.k2-has-children .k2-icon-level2 {
		position: absolute;
	}

	.k2-mainnav-l3 a {
		color: #363636 !important;
	}
}
@media (max-width:599px) {

#k2-login * {
    float: none;
} 


#k2-wrapper #k2-login .k2-login__intro {
    text-align: center;
    padding: 5rem 3vw 0;
} 

    #k2-login .k2-login__intro h2 {
        color: #007F3D;
        min-width: 0;
    }

#k2-wrapper #k2-login #k2-login__form {
    padding: 0 3vw 5rem;
}

#k2-login p {
    display: none;
}

#k2-login__form {
    display: block;
}

#k2-login__form > div {
    text-align: center;
}

#k2-login__form > div * {
    float: none;
}

#k2-login__form input {
    background-color: transparent;
    border: 0;
    border-bottom: 0.1rem solid #cccccc;
    border-radius: 0;
}

#k2-wrapper #k2-login #k2-login__form > div {
    width: 100%;
    margin: 2rem auto;
    height: auto;
}

}
.k20-column4x-wrapper {
    float: left;
    width: 100%;
    background-color: #ebeced;
    z-index: 0;
}

.k20-column4x-wrapper--bgwhite {
	background-color: #fff;
}

    .k20-column4x {
        z-index: 30;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .k20-padding .k20-column4x {
        padding: 5rem 3.5rem;
    }

    .k20-column4x-wrapper.k20-noborder .k20-column4x {
        margin: 0;
    }

        .k20-column4x > div {
            transition: all 1s ease-in-out;
        }

        .k20-padding .k20-column4x > div {
            transition: all 1s ease-in-out;
            padding: 1.5rem;
        }

        .k20-columnwrapper {
            flex-grow: 1;
            display: flex;
            flex-wrap: wrap;
        }

        .k20-padding .k20-column4x .k20-columnwrapper {
            padding: 0;
            margin: 0;
        }

        .k20-padding .k20-columnwrapper > div {
            transition: all 1s ease-in-out;
            padding: 1.5rem;
            width: 0;
        }

        .k20-column25 {
            display: flex;
            min-width: 31.5rem;
            flex-basis: 31.5rem;
            flex-grow: 1;
            flex-wrap: wrap;
        }

        .k20-column33 {
            display: flex;
            min-width: 31.5rem;
            flex-basis: 31.5rem;
            flex-grow: 1;
            flex-wrap: wrap;
        }

        .k20-column50 {
            display: flex;
            min-width: 31.5rem;
            flex-basis: 31.5rem;
            flex-grow: 2;
            flex-wrap: wrap;
        }

        .k20-column75 {
            display: flex;
            min-width: 31.5rem;
            flex-basis: 31.5rem;
            flex-grow: 10;
            flex-wrap: wrap;
        }

        .k20-column100 {
            width: 100%;
        }

        .k20-nomaxwidth {
            max-width: none;
        }

        .k20-column4x .k20-column25 > div, .k20-column4x .k20-column33 > div, .k20-column4x .k20-column50 > div, .k20-column4x .k20-column75 > div {
            height: auto;
        }

        .k20-borderradius .k20-column4x .k20-column25 > div, .k20-borderradius .k20-column4x .k20-column33 > div, .k20-borderradius .k20-column4x .k20-column50 > div, .k20-borderradius .k20-column4x .k20-column75 > div {
            border-radius: 1.5rem;
        }


      .k20-column4x-wrapper.k20-column4x-wrapper--plusclub .k20-column50
      {
        margin-left:0;
        margin-right:0;
      }

     .k20-column4x-wrapper.k20-column4x-wrapper--plusclub ~ .k20-column4x-wrapper .k20-column100
     {
      margin-left:0;
      margin-right:0;

     }

/*
START styles for slider version
slider ist activated when more than 4 columns are inserted
some style are defined in the CMS template
*/
.k20-arrow {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 100%;
    z-index: 100;
    display: none;
}
.k20-arrow-left {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.85) 1%, rgba(255, 255, 255, 1) 100%);
    left: 0;
}

.k20-arrow-left svg {
    transform: rotate(180deg);
}

.k20-arrow-right {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.85) 1%, rgba(255, 255, 255, 1) 100%);
}

.k20-arrow svg {
    width: 2.1rem;
    height: 4rem;
}
/* END styles for slider version */

@media screen and (max-width:1155px) {
    .k20-padding .k20-column4x {
        padding: 2.5rem 2%;
    }

    .k20-padding .k20-column4x > div {
        padding: 1%;
    }
}

@media screen and (max-width:900px) {
    .k20-column4x {
        width: 100%;
        margin: 0;
        display: block;
        float: left;
    }
    
    .k20-column4x > div {
        float: left;
        width: 100%;
        margin: 0;
        max-width: none;
        margin-top: 1rem;
    }

    .k20-column4x > div > div {
        float: left;
    }
}
.k21-columns2x-wrapper {
    float: left;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

    .k21-box50 {
        display: flex;
        flex: 1 1 auto;
        width: 50%;
        min-width: 31.5rem;
    }
    
        .k21-columns2x-wrapper .k21-box50 > div {
            height: auto;
        }

            #js-page-main .k21-columns2x-wrapper .k-wrapper {
                padding-left: 8%;
                padding-right: 8%;
            }

@media screen and (max-width:900px) {
    .k21-columns2x-wrapper.k21-direction-reverse {
        flex-direction: column-reverse;
    }
    .k21-box50 {
        width: 100%;
    }

    .k-layout-plusclub .k21-columns2x-wrapper:nth-child(2n+1) {
        flex-direction:column-reverse;
    }

    .k-layout-plusclub .k21-columns2x-wrapper:nth-child(n) .k21-box50 {
        min-height:30rem;
    }
}
.k22-columns1x-wrapper {
    float: left;
    width: 100%;
}
.k23-topbutton__wrapper {
    position: fixed;
    bottom: 2vh;
    right: 2vh;
    transition: all 0.5s;
    width: 0;
    overflow: hidden;
    z-index: 9998;

    display: none; /* will be displayed if JS is active */
}

.k23-topbutton__button,
.k23-topbutton__button--small {
    width: 100%;
    border: 0;
    background: transparent;
    cursor: pointer;
    outline-width: 0;

    padding: 0;
}

.k23-topbutton__wrapper.k23-topbutton__wrapper--show,
.k23-topbutton__button--small.k23-topbutton__wrapper--show {
    width: 5rem;
    transition: all 0.5s;
}

.k23-topbutton__button--small {
    display: none;
}

.k23-topbutton__button img {
    height: 8.1rem;
}
@media (max-width:1155px) {

    #js-k23-topbutton {
        display: none !important;
    }

}
.k25-wrapper {
    text-align: center;
    width: 100%;
    float: left;
}

@media (max-width:1023px) {
    .k25-wrapper {
        margin: 3rem 0;
    }
}

    .k25-wrapper svg {
        left: 0;
        transform: none;
    }
    
        .k25-illustration {
            display: none;
            padding-top: 31.5%;
        }
    
            .k25-headline {
                /*color: green;*/
                text-align: center;
            }

            .k25-content {
                display: flex;
                align-content: space-between;
                justify-content: center;
                flex-wrap: wrap;
            }
                .k25-content__item {
                    display: flex;
                    flex-direction: column;
                    flex-basis: 165px;
                }

                    .k25-text {
                        font-size: 1.5rem;
                        padding: 0 15px;
                        border-right: 2px lightgray solid;
                        flex-grow: 1;
                        color: gray;
                    }
                    .k25-text h2
                    {
                        font-size: 1.5rem;
                    }


                    .k25-content__item:last-child .k25-text {
                        border: none;
                    }



                .k25-content__item-linesv::before {
                    content:'';
                    position:absolute;
                    background-color: #d8d8d8;
                    width:2px;
                    right:0;
                    top:13%;
                    height:70%;


                }


                .k25-content__item-linesh::after {
                    content:'';
                    position:absolute;
                    background-color: #d8d8d8;
                    width:70%;
                    bottom:4%;
                    left:14%;
                    height:2px;


                }


@media (min-width:1024px) {

.k25-showillustration .k25-symbols {
    display: none;
}

.k25-showillustration .k25-illustration {
    display: block;
}

.k25-illustration svg {
    position: absolute;
    top: 0;
    left: 0;
}

}
.k26-wrapper {
    width: 100%;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #ffffff;
}

.k26-wrapper.k26-transparent-bgcolor {
    background-color: transparent;
}

.k26-wrapper.k26-gray-bgcolor {
    background-color: #ebeced;
}

    .k26-wrapper .k26-icon {
        fill: url(#k-svg-green-gradient);
        left: auto;
        transform: none;
    }

    .k26-wrapper h2 {
        color: #363636;
    }
    
    .k26-wrapper .k26-teaser {
        color: #017840;
		font-size: 2.2rem;
		margin: 0 0 15px;
		font-family: NettoOT-Bold,Sans-Serif;
		letter-spacing: -.5px;
		font-weight: 400;
		line-height: 1.1em;
    }
    
    .k26-2columns .k26-text {
        column-count: 2;
        column-width: 300px;
        column-gap: 5rem;
    }

    .k26-wrapper .k26-imagewrapper {
        width: 100%;
    }
    
    .k26-wrapper.k26-2columns .k26-imagewrapper {
        width: 50%;
    }
    
    #js-page-main .k26-imagewrapper.k26-imagewidth40 {
        width: 40%;
    }
    
    #js-page-main .k26-imagewrapper.k26-imagewidth30 {
        width: 30%;
    }
    
    .k26-wrapper .k26-imagewrapper .k26-image {
        width: 100%;
    }

    .k26-text h1, .k26-text h2, .k26-text h3, .k26-text h4, .k26-text h5, .k26-text h6 {
        color: #017840;
    }
    
    .k26-text img {
        height: auto;
    }
    
    .k26-text-info {
        color: #017840;
    }

    .k26-text-note {
        color: #868686;
        font-style: italic;
    }
    
    .k26-button-wrapper {
        width: 100%;
        margin-top: 40px;
    }

.k26-text table {
    max-width: none;
}

.k26WideTableTopScrollbar {
    width: 100%;
    height: 2rem;
}
.k26WideTable,
.k26WideTableTopScrollbarWrapper {
    overflow-x: scroll;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 10px;
}

::-webkit-scrollbar:horizontal {
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
    border: 2px solid #eee;
}

::-webkit-scrollbar-track {
    background-color: #eee;
}

@media screen and (max-width:989px) {
	.k26-wrapper .k26-teaser {
		font-size: 1.9rem;
    }
	
    .k26-button-wrapper {
        display: flex;
        justify-content: center;
        margin-top: 0px;
    }
}
    
    .k26-text-image100 {
        display: block;
    }
    
    .k26-text-image50 {
        display: none;
    }
    
    .k26-image50 .k26-text-image50 {
        display: block;
    }
    
    .k26-image50 .k26-text-image100 {
        display: none;
    }
    
    .k26-imagewrapper {
        margin: 0;
        max-width: 50%;
        margin-bottom: 20px;
        z-index: 1;
        display: none;        
    }
    
    .k26-image100 .k26-imagewrapper, .k26-image50 .k26-imagewrapper {
        display: block;
    }
    
    .k26-image100 .k26-imagewrapper {
        width: 100%;
        max-width: none;
        margin-top: 40px;
    }
    
    .k26-image--right {
        float: right;
        margin-left: 40px;
    }
    
    .k26-image--left {
        float: left;
        margin-right: 40px;
    }
    
    .k26-image100 .k26-image {
        width: 100%;
    }
    
    .k26-caption {
        font-size: 1.4rem;
    }
    
    #js-modal {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    
    .k26ModalContentWrapper {
        float: left;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    .k26ModalImage {
        display: block;
        opacity: 0;
        transition: all 1s;
    }
    
    .k26ModalImageCaption {
        background-color: #ffffff;
        padding: 15px;
        font-size: 1.4rem;
        position: absolute;
        bottom: 20px;
        left: 20px;
        opacity: 0;
    }
    
    .k26ModalClose {
        position: absolute;
        right: 0;
        top: -50px;
        fill: #ffffff;
        width: 30px;
        cursor: pointer;
        opacity: 0;
    }
    
    .k26-zoom-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: #363636;
        padding: 8px;
        border-radius: 40px;
        height: 36px;
        fill: #fff;
        width: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .k26-icon-magnify {
        fill: #ffffff;
        width: 20px;
        height: auto !important;
        pointer-events:none;
    }    
    
    .k26-image-clickoverlay {
        z-index:2;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;        
        left: 0;
        cursor: pointer;
        background-color: #ffffff;
        opacity: 0.01;
    }
    
    /*.k26-text table {
        break-inside: avoid-column;
    }*/

@media screen and (max-width:750px) {
    .k26-imagewrapper {
        max-width: none;
    }
}
.k28-wrapper {
    width: 100%;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
}

.k28-wrapper.k28-vertical-top {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.k28-wrapper.k28-vertical-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.k28-wrapper.k28-vertical-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

    .k28-iconwrapper {
        width: 100%;
        display: flex;
        justify-content: center;
    }

        .k28-iconwrapper svg {
            fill: #007F3D;
            left: auto;
            transform: none;
            margin: 2rem;
        }

    .k28-wrapper h2 {
        color: #017840;
        width: 100%;
        text-align: center;
    }

    .k28-wrapper.k28--red h2 {
        color: #bb0000;
    }

    .k28-wrapper h2.k28-headline--gray {
        color: #363636;
    }

    .k28-wrapper h2.k28-headline--green {
        color: #017840;
    }

    .k28-wrapper h2.k28-headline--red {
        color: #bb0000;
    }

    .k28-wrapper.k28--green h3, .k28-wrapper.k28--red h3 {
        color: #ffffff;
        width: 100%;
        padding: 1.6rem;
        text-align: center;
        margin-bottom: 3px;
    }

    .k28-wrapper.k28--green h3 {
        background-color: #017840;
    }

    .k28-wrapper.k28--red h3 {
        background-color: #bb0000;
    }

    .k28-wrapper ol, .k28-wrapper ul {
    	counter-reset: li;
        margin-left: 0;
        padding-left: 0;
    }
    
    .k28-wrapper.k28--green ol, .k28-wrapper.k28--green ul, .k28-wrapper.k28--red ol, .k28-wrapper.k28--red ul  {
        margin-top: 0px;
    }
    
        .k28-wrapper ol > li, .k28-wrapper ul > li {
            margin-bottom: 3px;
            padding: 1.6rem 10px 1.2rem 6.5rem;
            list-style: none;
            background-color: #f4f4f4;
        }
        
        .k28-wrapper.k28--bullet ol > li, .k28-wrapper.k28--bullet ul > li {
            padding-left: 5rem;
        }
        
            .k28-wrapper.k28--bullet ol > li:before, .k28-wrapper.k28--bullet ul > li:before {
                border: 0;
                content: '';
                display: inline-block;
                width: 0.5rem;
                height: 0.5rem;
                background-color: #888888;
                border-radius: 1rem;
                margin-top: 1rem;
            }

            .k28-wrapper.k28--bullet.k28--green ol > li:before, .k28-wrapper.k28--bullet.k28--green ul > li:before {
                background-color: #017840;
                margin-top: 1.2rem;
            }

            .k28-wrapper.k28--bullet.k28--red ol > li:before, .k28-wrapper.k28--bullet.k28--red ul > li:before {
                background-color: #bb0000;
                margin-top: 1.2rem;
            }
        
       
        .k28-wrapper.k28--green ol > li,
        .k28-wrapper.k28--green ul > li {
            background-color: transparent;
            background: transparent linear-gradient(128deg, #00A33B 0%, #046F3D 100%);
            color: #ffffff;
        }

            .k28-wrapper.k28--green ol > li a,
            .k28-wrapper.k28--green ul > li a {
                color: #ffffff;
            }

        .k28-wrapper.k28--red ol > li,
        .k28-wrapper.k28--red ul > li {
            background-color: #fff4f4;
            color: #bb0000;
        }

        .k28-wrapper.k28--white ol > li,
        .k28-wrapper.k28--white ul > li {
            background-color: #ffffff;
        }
        
        .k28-wrapper ol > li, .k28-wrapper ul > li {
            font-size: 1.9rem;
        }
        
        .k28-wrapper ol > li:before,
        .k28-wrapper ul > li:before {
            content: counter(li);
            counter-increment: li;
            position: absolute;
            top: 1rem;
            left: 1.3rem;
            width: 2rem;
            height: 2rem;
            text-align: center;
            padding: 5px;
            border: 1px solid #4d4d4d;
            border-radius: 2rem;
        }

        .k28-wrapper.k28-bullet-valign-center ol > li:before,
        .k28-wrapper.k28-bullet-valign-center ul > li:before {
            top: 50%;
            transform: translateY(-50%);
        }
        
        .k28-wrapper.k28--green ol > li:before, .k28-wrapper.k28--green ul > li:before {
            border: 1px solid #ffffff;
        }

        .k28-wrapper.k28--red ol > li:before, .k28-wrapper.k28--red ul > li:before {
            border: 1px solid #bb0000;
        }
        
        .k28-wrapper ol > li p, .k28-wrapper ul > li p {
            margin: 0;
            padding: 0;
        }
@media (min-width:0px) and (max-width:646px) {

	.k28-wrapper ol > li, .k28-wrapper ul > li {
		font-size: 1.8rem;
	}

	.k28-wrapper ol > li:before, .k28-wrapper ul > li:before {
		padding-top: 7px;
		padding-bottom: 3px;
	}

}
.k28-wrapper.k28--checkmark ol > li:before, .k28-wrapper.k28--checkmark ul > li:before {
    border: 0;
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url('data:image/svg+xml,%3Csvg%20class%3D%22Checkmark1Green%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2054.83%2054.83%22%3E%3Cdefs%3E%3Cstyle%3E.Checkmark1%7Bfill%3A%234d4d4d%3B%7D%20.Checkmark2%7Bfill%3A%234d4d4d%3B%7D%3C/style%3E%3C/defs%3E%3Cpath%20class%3D%22Checkmark1%22%20d%3D%22M35.33%2C54.86A27.41%2C27.41%2C0%2C1%2C1%2C62.75%2C27.44%2C27.44%2C27.44%2C0%2C0%2C1%2C35.33%2C54.86Zm0-52.43a25%2C25%2C0%2C1%2C0%2C25%2C25A25%2C25%2C0%2C0%2C0%2C35.33%2C2.43Z%22%20transform%3D%22translate%28-7.92%20-0.03%29%22/%3E%3Cpath%20class%3D%22Checkmark2%22%20d%3D%22M29.76%2C40.88l-1-1.78c-2.31-4.1-9.14-9.91-9.21-10A1.2%2C1.2%2C0%2C0%2C1%2C21.1%2C27.3a63%2C63%2C0%2C0%2C1%2C8.7%2C9C32.32%2C32.48%2C39.24%2C22.65%2C48%2C15.63a1.2%2C1.2%2C0%2C1%2C1%2C1.5%2C1.87C39%2C25.94%2C30.91%2C39%2C30.83%2C39.13Z%22%20transform%3D%22translate%28-7.92%20-0.03%29%22/%3E%3C/svg%3E');
}

.k28-wrapper.k28--checkmark.k28--green ol > li:before, .k28-wrapper.k28--checkmark.k28--green ul > li:before {
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url('data:image/svg+xml,%3Csvg%20class%3D%22Checkmark1Green%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2054.83%2054.83%22%3E%3Cdefs%3E%3Cstyle%3E.Checkmark1%7Bfill%3A%2300b43e%3B%7D%20.Checkmark2%7Bfill%3A%2300b43e%3B%7D%3C/style%3E%3C/defs%3E%3Cpath%20class%3D%22Checkmark1%22%20d%3D%22M35.33%2C54.86A27.41%2C27.41%2C0%2C1%2C1%2C62.75%2C27.44%2C27.44%2C27.44%2C0%2C0%2C1%2C35.33%2C54.86Zm0-52.43a25%2C25%2C0%2C1%2C0%2C25%2C25A25%2C25%2C0%2C0%2C0%2C35.33%2C2.43Z%22%20transform%3D%22translate%28-7.92%20-0.03%29%22/%3E%3Cpath%20class%3D%22Checkmark2%22%20d%3D%22M29.76%2C40.88l-1-1.78c-2.31-4.1-9.14-9.91-9.21-10A1.2%2C1.2%2C0%2C0%2C1%2C21.1%2C27.3a63%2C63%2C0%2C0%2C1%2C8.7%2C9C32.32%2C32.48%2C39.24%2C22.65%2C48%2C15.63a1.2%2C1.2%2C0%2C1%2C1%2C1.5%2C1.87C39%2C25.94%2C30.91%2C39%2C30.83%2C39.13Z%22%20transform%3D%22translate%28-7.92%20-0.03%29%22/%3E%3C/svg%3E');
}

.k28-wrapper.k28--checkmark.k28--red ol > li:before, .k28-wrapper.k28--checkmark.k28--red ul > li:before {
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NC44MiA1NC44MiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNiYTIwMjU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5rMjgtY2hlY2ttYXJrPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yNy40MSw1NC44M0EyNy40MSwyNy40MSwwLDEsMSw1NC44MywyNy40MSwyNy40MSwyNy40MSwwLDAsMSwyNy40MSw1NC44M1ptMC01Mi40M2EyNSwyNSwwLDEsMCwyNSwyNSwyNSwyNSwwLDAsMC0yNS0yNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjAxIC0wLjAxKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIxLjg0LDQwLjg1bC0xLTEuNzhjLTIuMzEtNC4xLTkuMTQtOS45MS05LjIxLTEwYTEuMiwxLjIsMCwwLDEsMS41NS0xLjgsNjIuNzQsNjIuNzQsMCwwLDEsOC43LDljMi41Mi0zLjgyLDkuNDQtMTMuNjUsMTguMi0yMC42N2ExLjIsMS4yLDAsMCwxLDEuNTksMS44bC0uMDkuMDdDMzEuMDgsMjUuOTEsMjMsMzksMjIuOTEsMzkuMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjAxIC0wLjAxKSIvPjwvc3ZnPg==');
}
.k29-wrapper {
    float: left;
    width: 100%;
    background-color: #ebeced;
}

.k29-image {
    width: 100vw;
    height: calc(65vh - 5.6rem);
}

.k29-content {
    position: absolute;
    bottom: 7rem;
    padding: 0 3.5%;
    z-index: 2;
    max-width: 90%;
    font-size: 4rem;
}

.k29-content-mobile-wrapper {
    display: none;
}

.k29-headline {
    color: #ffffff;
    font-family: 'NettoOT-Bold', Sans-Serif;
    font-size: 1em;
    margin: 0;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    background: linear-gradient(120deg, #00A33B 0%, #046F3D 100%);
    display: inline;
    border-radius: 0.1em;
    line-height: 1.5em;
    padding: 0 0.3em 0.1em 0.3em;
}

.k29-headline a {
    color: #ffffff;
}

.k29-teaser {
    font-size: 2.5rem;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 5%;
    color: #fff;
    background: linear-gradient(120deg,#00a33b 0,#046f3d 100%);
    border-radius: .4rem;
    line-height: 1.5em;
    padding: .2rem 1.1rem .1rem 1.1rem;
}

.k29-button-wrapper {
    width: 100%;
    margin-top: 0.5em;
}

.js-body .k29-button {
    color: #007F3D;
    padding: 0.4em 2.3em 0.4em 0.65em;
    background-color: #ffffff;
    font-size: 0.4em;
    border-radius: 0.2em;
    text-align: left;
    display: inline;
}

.k29-button svg {
    position: absolute;
    top: 50%;
    right: 0.65em;
    left: auto;
    fill: #007F3D;
    margin: 0;
    transform: translateY(-47%) rotate(-90deg);
    height: 1em;
    width: 1em;
}

.k29-description {
    padding: 1.7rem 3.5%;
}

.k29-image {
    background-size: cover;
}

.k29-text {
    color: #ffffff;
}

.k29-description {
    background-color:#4c4c4c;
    color:#ffffff;
    border-top:0.1rem solid #ffffff;
}

.k29-pullup .k29-content {
    bottom: 15rem;
}

.k29-pullup + .k64-wrapper + .k20-column4x-wrapper .k20-column4x {
    margin-top: -16rem;
}

@media (max-width:1155px), (max-height: 700px) {
    .k29-pullup .k29-content {
        bottom: 7rem;
    }

    .k29-pullup + .k64-wrapper + .k20-column4x-wrapper .k20-column4x {
        margin-top: 0;
    }
}

.k29-hidden {
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

#k29-slider-wohnflaeche {
    width: 100%;
    height: 0.7rem;
    background-color: #dddddd;
    border-radius: 0.4rem;
    margin: 4.7rem 0 3rem 0;
}

#k29-slider-wohnflaeche .ui-slider-range-min {
    width: 100%;
    height: 0.7rem;
    background: linear-gradient(88deg, #00A33B 0%, #046F3D 100%);
    border-radius: 0.4rem;
}

#k29-slider-wohnflaeche .ui-slider-handle {
    width: 2.3rem;
    height: 2.3rem;
    margin-top: -0.2rem;
    border-radius: 1.5rem;
    background-color: #ffffff;
    border: 2px solid #017840;
    outline: 0;
}

.k29-slider-wohnflaeche-handle-tooltip {
    padding: 0.2rem 1.5rem;
    border: 2px solid #C4C4C4;
    background-color: #ffffff;
    border-radius: 0.4rem;
    position: absolute;
    top: -4.1rem;
    transform: translateX(-19%);
    min-width: 9rem;
    font-family: 'NettoOT-Bold', Sans-Serif;
    font-size: 1.5rem;
}

.k29-slider-wohnflaeche-handle-tooltip-valuewrapper {
    z-index: 1;
    width: 100%;
    text-align: center;
}

.k29-slider-wohnflaeche-handle-tooltip-arrow {
    width: 1.5rem;
    height: 1.5rem;
    border-right: 2px solid #C4C4C4;
    border-bottom: 2px solid #C4C4C4;
    border-top: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    border-radius: 0.4rem;
    transform: rotate(45deg);
    position: absolute;
    bottom: -0.8rem;
    left: 20%;
    background-color: #ffffff;
}

.k29-options-wrapper {
    width: 60%;
    margin-left: 2.5rem;
    display: flex;
    max-width: 32rem;
    flex-wrap: wrap;
    align-items: center;
    min-height: 100px;
}

.k29-wohnflaeche-headline {
    margin-top: 1.4rem;
}
.k29-min-height-wrapper {
    width: 100%;
    min-height: 100px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.k29-plusclubline {
    display: none;
    position: absolute;
    bottom: 0;
    height: 20px;
    width: 100%;
    z-index: 10;
}

@media (max-width:1155px) {
	#js-page-main .k29-wrapper {
		margin-top: 5.6rem;
	}

	.k29-content {
		display: none;
		font-size: 3rem;
	}

	.k29-content-mobile-wrapper {
		display: block;
		width: 100%;
		padding: 3% 3% 0 3%;
		margin-top: -6.5rem;
	}

	.k29-content.k29-content-mobile {
		display: block;
		position: relative;
		/*float: left;
        left: 50%;
        transform: translateX(-50%);*/
		background-color: #007F3D;
		background: linear-gradient(120deg, #00A33B 0%, #046F3D 100%);
		border-radius: 1rem;
		max-width: none;
		bottom: auto;
		padding: 1.5rem 2rem;
	}

	.k29-headline {
		font-size: 3rem;
		background: none;
		line-height: 1em;
		padding: 0;
	}

	.k29-button-wrapper {
		margin-top: 0;
	}

	.js-body .k29-button {
		background: none;
		color: #ffffff;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		font-size: 0.5em;
	}

	.js-body .k29-button svg {
		fill: #ffffff;
	}
}
@media (min-width:701px) and (max-width:1050px) {



}
@media (max-width:700px) {

    .k29-image {
        height: calc(35vh - 5.6rem);
    }

    .k29-headline {
        font-size: 3rem;
    }

}
@media (max-width:600px) {



}
@media (max-width:500px) {



}
@media (max-width:450px) {

	.k29-headline {
		font-size: 2.5rem;
	}

}
.k29-image.tarifrechner {
    min-height: 63rem;
}

.k29-tarifrechner {
    display: none;
    background-color: #ffffff;
    border-radius: 1.5rem;
    position: absolute;
    top: 7rem;
    right: 7rem;
    padding: 2.5rem;
    z-index: 1;
    max-width: 41.6rem;
}

.k29-image.tarifrechner ~ .k29-tarifrechner {
    display: block;
}

.k29-tarifrechner-hidden {
    opacity: 0;
    pointer-events: none;
    width: 0.1px;
    height: 0.1px;
    overflow: hidden;
}

.k29-tarifrechner-section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.k29-tarifrechner-section-seperator {
    width: 100%;
    border-bottom: 0.1rem solid #C4C4C4;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.k29-tarifrechner-section-seperator-noline {
    width: 100%;
    margin-bottom: 1rem;
}

.k29-tarifrechner-section h2 {
    font-size: 2.8rem;
    margin: 0;
    color: #007F3D;
    flex-grow: 1;
}

.k29-tarifrechner-buttongroup {
    border: 0.1rem solid #C4C4C4;
    border-radius: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.k29-tarifrechner-header .k29-tarifrechner-buttongroup {
    width: auto;
}

h2 ~ .k29-tarifrechner-buttongroup {
    margin-left: 2rem;
}

.k29-tarifrechner-button-icon {
    flex-grow: 1;
    font-family: 'NettoOT-Bold', Sans-Serif;
    font-size: 1.5rem;
    color: #007F3D;
    padding: 1rem 1rem;
    text-align: center;
    cursor: pointer;
}

.k29-tarifrechner-buttongroup-personen .k29-tarifrechner-button-icon {
    max-height: 6rem;
}

.k29-tarifrechner-buttongroup-single .k29-tarifrechner-button-icon {
    padding: 1rem 2rem;
}

.k29-tarifrechner-button-icon:first-child {
    border-radius: 0.5rem 0 0 0.5rem;
}

.k29-tarifrechner-button-icon:last-child {
    border-radius: 0 0.5rem 0.5rem 0;
}

.k29-tarifrechner-button-icon:hover {
    background-color: #ebeced;
}

.k29-tarifrechner-button-icon-spacer {
    position: absolute;
    right: 0;
    height: 85%;
    width: 0.1rem;
    top: 50%;
    transform: translateY(-50%);
    background-color: #C4C4C4;
}

.k29-tarifrechner-button-icon.active .k29-tarifrechner-button-icon-spacer, .k29-tarifrechner-button-icon:hover .k29-tarifrechner-button-icon-spacer {
    display: none;
}

#js-page-main .k29-tarifrechner-button-icon svg {
    fill: #007F3D;
    margin: 0;
    left: auto;
    transform: none;
}

.k29-iconheight-2rem .k29-tarifrechner-button-icon svg {
    max-height: 2rem;
}

.k29-tarifrechner-button-icon.active {
    color: #ffffff;
    border-radius: 0.5rem;
    box-shadow: 0 0 0 0.1rem #007F3D;
    background: linear-gradient(120deg, #00A33B 0%, #046F3D 100%);
}

#js-page-main .k29-tarifrechner-button-icon.active svg {
    fill: #ffffff;
}

.k29-tarifrechner-headline {
    font-family: 'NettoOT-Bold', Sans-Serif;
    font-size: 1.8rem;
    color: #007F3D;
    min-width: 30%;
}

.k29-tarifrechner .fullwidth {
    width: 100%;
    max-width: none;
    margin: 0;
}

.k29-tarifrechner-headline.fullwidth {
    margin-bottom: 1.3rem;
}

.k29-tarifrechner-form-wrapper {
    display: flex;
    flex-grow: 1;
    margin-left: 2.5rem;
}

.k29-tarifrechner-form-wrapper.no-margin {
    margin-left: 0;
}

.k29-mt15 {
    max-width: 22.7rem;
}

.k29-tarifrechner-form-wrapper input,
.k29-tarifrechner-form-wrapper select {
    background-color: #C4C4C4;
    border-radius: 0.4rem;
    border: 0;
    padding: 1rem 1rem;
    flex-grow: 1;
    font-family: 'NettoOT-Bold', Sans-Serif;
    text-align: center;
}

.k29-tarifrechner-form-wrapper select {
    max-width: 227px;
}

.k29-tarifrechner-form-wrapper .submit {
    background-color: #007F3D;
    background: linear-gradient(120deg, #00A33B 0%, #046F3D 100%);
    border-radius: 0.4rem;
    border: 0;
    padding: 1rem 3rem;
    flex-grow: 1;
    font-family: 'NettoOT-Bold', Sans-Serif;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}

.k29-tarifrechner-radiogroup {
    display: flex;
    align-items: center;
    flex-grow: 1;
    margin-bottom: 1rem;
}

.kform-radiogroup .kform-radiowrapper {
    margin-top: 0;
}

.k29-image.tarifrechner input.error {
    border: 2px solid #ff0000;
    color: #ffffff;
}

.k29-tarifrechner-input-error {
    display: none;
    width: 100%;
    text-align: left;
    color: #ff0000;
    font-size: 1.2rem;
    position: absolute;
    left: 0;
    bottom: -2rem;
}

@media (max-width:1155px) {
    .k29-tarifrechner {
        top: 4.5rem;
    }
}

@media (max-width:700px) {
    .k29-image.tarifrechner {
        min-height: auto;
    }

    .k29-tarifrechner {
        position: relative;
        margin: 3% 3% 0 3%;
        max-width: none;
        top: auto;
        right: auto;
    }

    .k29-tarifrechner-button-icon {
        padding: 1rem;
    }

    .k29-tarifrechner-header .k29-tarifrechner-button-icon {
        padding: 1rem 2rem;
    }

    .k29-tarifrechner-form-wrapper.netoperator {
        margin-left: 0;
        width: 100%;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    #tarifrechner-grid-operators {
        max-width: none;
    }
}

@media (max-width:455px) {
    .k29-tarifrechner-header {
        justify-content: center;
    }

    .k29-tarifrechner-header h2 {
        flex-grow: 0;
        margin-bottom: 2rem;
        width: 100%;
        text-align: center;
    }

}

.k3-wrapper {
    position: fixed;
    right: 0;
    top: 19rem;
    z-index: 50;
}

    .k3-wrapper > input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .k3-wrapper-toolbar {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

        .k3-toolbarelement {
            opacity: 0.85;
        }

        .k3-toolbarelement:hover {
            opacity: 1;
        }

            .k3-toolbarelement * {
                cursor: pointer;
            }

            .k3-toolbarelement > input {
                width: 100%;
                height: 100%;
                z-index: 1;
            }

            .k3-toolbarelement > label {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                margin-bottom: 0.1rem;
                background-color: #017840;
                padding: 1rem .5rem;
            }

                .k3-toolbarelement > input {
                    width: 100%;
                    height: 100%;
                    z-index: 1;
                    opacity: 0;
                }

                .k3-toolbar-icon {
                    fill: #ffffff;
                    width: 3rem;
                }

                .k3-toolbarelement > label > label {
                    font-size: 1.3rem;
                    color: #ffffff;
                    text-align: center;
                }

                .k3-popup-wrapper {
                    display: none;
                    position: absolute;
                    left: -57.8rem;
                    bottom: 0;
                    width: 58rem;
                    min-width: 58rem;
                    max-width: 58rem;
                    padding-right: 2.5rem;
                }

                .k3-toolbarelement > input:checked ~ label .k3-popup-wrapper {
                    display: flex;
                }

                /*@media (hover: hover) {
                    .k3-toolbarelement:hover .k3-popup-wrapper,
                    .k3-popup-wrapper:hover {
                        display: flex;
                    }
                }*/


                    .k3-message-box,
                    .k3-toolbarelement:hover > label {
                        background: linear-gradient(120deg,rgba(0,180,62,1) 0,rgba(1,120,64,1) 100%);
                    }

                    .k3-message-box {
                        width: 100%;
                        padding: 2rem;
                        border-radius: 1.5rem;
                    }

                    .k3-message-box:after {
                        left: 100%;
                        bottom: 1.5rem;
                        content: " ";
                        height: 0;
                        width: 0;
                        position: absolute;
                        pointer-events: none;
                        border: 1.5rem solid rgba(27,85,245,0);
                        border-left-color: rgba(1,120,64,1);
                        margin-top: -1.5rem;
                    }

                    .k3-message-box > label {
                        position: absolute;
                        right: 1.2rem;
                        top: 0;
                        width: 2rem;
                    }

                        .k3-message-box > label > svg {
                            fill: #ffffff;
                        }

                    .k3-message-box > svg {
                        display: none;
                    }

                    .k3-toolbarelement > input {
                        display: none;
                    }

                    .k3-caption {
                        color: #ffffff;
                        font-size: 2.3rem;
                        margin: 0 5rem 2rem 0;
                    }

                    .k3-text {
                        display: flex;
                        align-items: flex-end;
                        font-family: 'MyriadPro-Regular', Sans-Serif;
                        color: #ffffff;
                        font-size: 1.7rem;
                    }

                        .k3-text p {
                            margin: 0 2rem 0 0;
                        }

@media screen and (min-width: 1156px) {
            .k3-toolbarelement:hover .k3-popup-wrapper {
                display: flex;
            }
}

@media screen and (max-width: 1155px) {
    .k3-wrapper {
        display: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 35rem;
        max-width: 35rem;
    }

    .k2-mainnav_openradio:checked ~ .k3-wrapper {
        display: block;
    }

        .k3-wrapper-toolbar {
            width: auto;
            flex-direction: row;
        }

            .k3-toolbarelement {
                margin-right: 0.1rem;
            }

                    .k3-toolbar-icon {
                        fill: #ffffff;
                        height: 2rem;
                    }

                    .k3-toolbarelement > label > label {
                        display: none;
                    }

                    .k3-popup-wrapper {
                        position: fixed;
                        left: auto;
                        right: 0;
                        top: 4rem;
                        width: 35rem;
                        min-width: auto;
                        max-width: 35rem;
                        padding-right: 0;
                    }

                        .k3-message-box {
                            border-radius: 0;
                        }

                            .k3-message-box > label {
                                right: 2rem;
                            }

                            .k3-text {
                                display: block;
                            }

                                .k3-button {
                                    margin-top: 2rem;
                                }
}
.k30-wrapper {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 100%;
    background-color: #ffffff;
    min-height: 180px; 
    overflow: hidden;
}

    .k30-textwrapper,
    .k30-bonuswrapper {
        flex-grow: 1;
        flex-basis: 315px;
        margin: 45px 70px;
    }

    .k30-bonuswrapper {
        display: flex;
        flex-wrap: wrap;
    }

        .k30-seperator--top {
            flex-grow: 0;
            position: absolute;
            top: -46px;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #bbbbbb;
        }

        .k30-seperator--left {
            flex-grow: 0;
            position: absolute;
            top: 0;
            left: -71px;
            width: 1px;
            height: 100%;
            background-color: #bbbbbb;
        }

        .k30-bonustext {
            flex-grow: 1;
            flex-basis: 300px;
            align-self: center;
            min-width: 300px;
            margin: 20px 0;
        }
    
            .k30-bonustextbig {
                display: inline-block;
                margin: 10px 0;
                font-family: 'NettoOT-Bold',Sans-Serif;
                color: #017840;
                font-size: 6rem;
                text-transform: uppercase;
                line-height: 1em;
            }
            
            .k30-bonustextbig--orange {
                color: #f47119;
            }

        .k30-bonussticker {
            flex-grow: 1;
            flex-basis: 250px;
            min-width: 250px;
            display: flex;
        }

            .k30-stickerwrapper {
                left: 50%;
                transform: translateX(-50%);
                align-self: center;
            }
        
                .k30-sticker {
                    background-color: #f47119;
                    width: 22rem;
                    height: 22rem;
                    border-radius: 22rem;
                    left: 50%;
                    transform: translateX(-50%) rotate(-10deg);
                }

                    .k30-stickertext {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        text-align: center;
                        min-width: 20rem;
                    }

                        .k30-stickertext--big {
                            font-family: 'NettoOT-Bold',Sans-Serif;
                            color: #ffffff;
                            font-size: 6rem;
                            text-transform: uppercase;
                            line-height: 1.2em;
                        }

                        .k30-stickertext--small {
                            font-family: 'NettoOT-Bold',Sans-Serif;
                            color: #ffffff;
                            font-size: 2.5rem;
                            text-transform: uppercase;
                            line-height: 1em;
                        }
                        
                .k30-sticker__note {
                    color: #f47119;
                    text-align: center;
                    margin-top: 10px;
                }
                
        .k30-image {
            width: 50%;
            max-width: 50%;
            text-align: center;
            font-family: 'NettoOT-Bold', sans-serif;
            color: #017840;
        }
        
        .k30-image .js-loadNonCritialImages {
            display: inline-block;
        }
@media (max-width:899px) {

.k30-bonustextbig {
    font-size: 4rem;
}

}
@media (max-width:469px) {

.k30-textwrapper,
.k30-bonuswrapper {
    margin: 20px 10%;
}

    .k30-seperator--top {
        top: -21px;
    }

    .k30-bonustext {
        min-width: 250px;
    }
    
        .k30-bonustextbig {
            font-size: 3rem;
        }

        .k30-sticker {
            background-color: #f47119;
            width: 16rem;
            height: 16rem;
            border-radius: 16rem;
            left: 50%;
            transform: translateX(-50%) rotate(-10deg);
        }

            .k30-stickertext {
                min-width: 14rem;
            }

                .k30-stickertext--big {
                    font-size: 4rem;
                }

                .k30-stickertext--small {
                    font-size: 1.5rem;
                }
}
.k31-wrapper {
    width: 100%;
    float: left;
    padding: 25px 4%;
    display: flex;
    flex-wrap: wrap;
    background-color: #ffffff;
}

    .k31-wrapper > div {
        margin: 20px 0;
    }

    .k31-icon-wrapper {
        flex-basis: 200px;
        align-self: flex-start;
        flex-grow: 0;
        flex-shrink: 0;
        width: 200px;
        min-width: 200px;
        margin-right: 20px;
    }

    .k31-maintext-wrapper {
        flex-grow: 1;
        flex-basis: 300px;
        padding: 0 60px 60px 0;
    }

        .k31-headline, .k31-maintext, .k31-pros-list-entry {
            padding: 10px 20px;
            margin-bottom: 0;
        }
        
        .k31-maintext {

        }
    
        .k31-pros-list {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-basis: 200px;
            flex-wrap: wrap;
        }
        
        .k31-pros-list-entry {
            width: 300px;
            display: flex;
            align-items: flex-start;
        }
        
            .k31-pros-icon {
                flex-grow: 0;
                min-width: 100px;
                display: flex;
                align-items: center;
                flex-direction: column;
            }
            
                .k31-pros-icon svg {
                    fill: #017840;
                    width: auto;
                    left: auto;
                    transform: none;
                    margin: 0 20px 0 0;
                }
            
            .k31-pros-text {
                font-size: 1.6rem;
            }
            
        .k31-pros-list-entry--orange .k31-pros-text {
            color: #f47119;
        }

        .k31-pros-list-entry--orangebox {
            background-color: #f47119;
        }

        .k31-pros-list-entry--orangebox .k31-pros-text {
            color: #ffffff;
        }

        .k31-pros-list-entry--orangebox .k31-pros-icon svg {
            fill: #ffffff;
        }

            
            
        #js-body-show .k31-button-details {
            float: left;
            padding: 5px 7px 5px 30px;
            margin: 20px 20px 0;
            display: flex;
            align-items: center;
            position: absolute;
            bottom: 0;
        }
        
        #js-body-show .k31-button-details:hover svg {
            fill: #ffffff;
        }
        
        .k31-button-details > div {
            display: flex;
            align-items: center;
        }
        
        .k31-button-details > div > span {
            padding-right: 20px;
        }
        
        .k31-button-details svg {
            fill: #017840;
            width: 26px;
            height: 26px;
        }

    .k31-pricetable-wrapper {
        padding: 10px 20px;
        flex-basis: 300px;
        flex-grow: 1;
        padding-bottom: 60px;
    }
    
        .k31-pricetable-wrapper table {
            border-collapse: collapse;
            float: right;
            clear: both;
            border: 0;
            width: 100%;
            min-width: 400px;
        }
    
            .k31-pricetable-wrapper tr {
                background-color: #ebeced;
            }
            
                .k31-pricetable-wrapper th, .k31-pricetable-wrapper td {
                    padding: 0;
                    margin: 0;                
                }
            
                .k31-pricetable-wrapper th {
                    font-weight: normal;
                    text-align: left;
                    background-color: #e5f1ec;
                    color: #017840;
                }
                
                .k31-pricetable-wrapper td {
                    background-color: #ebeced;
                }
                
                .k31-pricetable-wrapper td:before {
                    content: "";
                    width: 100%;
                    height: 1px;
                    background-color: #ebeced;
                    border-top: 2px solid #ffffff;
                    position: absolute;
                    top: -2px;
                    left: 0;
                }
                
                    .k31-pricetable-wrapper th, .k31-pricetable-wrapper td {
                        padding: 6px 15px;
                    }
                
            .k31-pricetable-wrapper tr td:last-child, .k31-pricetable-wrapper tr th:last-child  {
                text-align: right;                
            }
            .k31-pricetable-wrapper tr td:first-child, .k31-pricetable-wrapper tr th:first-child  {
                text-align: left;
            }
            
    .k31-pricetable-note {
        float: right;
        clear: both;
        font-size: 1.4rem;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    
    .k31-pricetable-wrapper .k31-orderbutton {
        position: absolute;
        margin: 20px 20px 0;
        bottom: 0;
        right: 0;
    }
    
    .k31-note {
        flex-grow: 0;
        width: 100%;
        border-top: 1px solid #cccccc;
        padding: 10px 20px 40px;
        text-align: center;
        color: #017840;
    }
    
    .k31-chartheadline {
        font-family:"NettoOT-Bold";
        font-size: 2rem;
        color: #017840;
        margin-bottom: 20px;
        width: 100%;
        float: left;
    }
    
	canvas {
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}
	.chart-container {
		width: calc(100% + 40px);
        height: 100%;
        margin-left: -20px;
        max-width: none;
	}
    .k31-wrapper .chart-container canvas {
        height: 100% !important;
	}
    
	.k31-chartcontainer {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
        margin-top: 10px;
        margin-bottom: 20px;
        width: 100%;
        height: 155px;
	}


.k31new-wrapper.k31new-wrapper-2columns {
    flex-wrap: wrap;
    padding-bottom: 5vw;
}

    .k31new-header,
    .k31new-column {
        padding: 5vw 5vw 0 5vw;
    }

    .k31new-header  {
        min-width: 100%;
    }

    .k31new-column {
        flex-grow: 1;
        flex-basis: 32rem;
    }

        .k31new-column table {
            width: 100% !important;/*CMS texteditor override*/
            margin: 0.5rem 0;
        }

            .k31new-column table td {
                width: auto !important;/*CMS texteditor override*/
                white-space: nowrap;
            }

            .k31new-column table td:first-child,
            .k31new-column table td sub {
                white-space: normal;
            }

            .k31new-column table td:first-child {
                padding: 1rem 1rem 1rem 0 !important;/*CMS texteditor override*/
            }

            .k31new-column table tr:first-child td {
                padding-top: 0 !important;/*CMS texteditor override*/
            }

@media all and (min-width: 1100px) {
    .k31new-wrapper.k31new-wrapper-2columns {
        padding-bottom: 4.4rem;
    }

    .k31new-header,
    .k31new-column {
        padding: 4.4rem 4.4rem 0 4.4rem;
    }
}
@media (max-width:799px) {

.k31-icon-wrapper {
    display: none;
}

.k31-maintext-wrapper {
    padding: 0 0 60px 0;
}

.k31-pricetable-wrapper {
    flex-grow: 1;
}

.k31-pricetable-wrapper table {
    float: left;
    min-width: 200px;
}

.k31-pricetable-wrapper table, .k31-pricetable-note, .k31-orderbutton {
    float: left;
}

.k31-pricetable-wrapper th, .k31-pricetable-wrapper td {
    white-space: normal;
}

.k31-wrapper .k31-price {
    white-space: nowrap;
}

.k31-wrapper .k31-orderbutton {
    left: 0;
    right: auto;
}

}
@media (max-width:549px) {

.k31-icon-wrapper {
    display: none;
}

.k31-pricetable-wrapper table {
    float: left;
}

.k31-pricetable-wrapper table, .k31-pricetable-note, .k31-orderbutton {
    float: left;
}

}
.k31new-wrapper {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: nowrap;
}

.k31new-2column-text .k31new-text {
    column-count: 2;
    column-width: 300px;
    column-gap: 5rem;
}

.k31new-2column-text .k31new-left {
    display: none;
}

.k31new-left,
.k31new-right {
    padding: 6rem;
    min-width: 31.5rem;
    flex-basis: 31.5rem;
}

.k31new-left > img[data-guid] {
    position: absolute;
    left: 10rem;
    top: 10rem;
    z-index: 1;
}

.k31new-left {
    flex-grow: 1;
    text-align: center;
}

@media (max-width: 899px) {
    .k31new-left {
        display: none;
    }

    .k31new-right {
        padding-left: 10%;
        padding-right: 10%;
    }
}

@media (max-width: 399px) {
    .k31new-right {
        padding-left: 5%;
        padding-right: 5%;
    }
}

.k31new-right {
    flex-grow: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.k31new-produktbild {
    max-height: 40rem;
}

.k31new-aktionen {
    background-color: #00843e;
    padding: 1rem;
    color: #ffffff;
    font-family: NettoOT-Light,Sans-Serif;
    font-weight: 700;
}

.k31new-aktionen-mobile {
    display: none;
    width: 100%;
    text-align: center;
    font-size: 1.8rem;
    font-family: NettoOT-Bold,Sans-Serif;
    font-weight: 400;
}

@media (max-width: 899px) {
    .k31new-aktionen-mobile {
        display: block;
    }
}

.k31new-teaser {
    color: #007F3D;
    font-size: 2.5rem;
    font-family: NettoOT-Bold,Sans-Serif;
}

.k31new-download-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
}

.k31new-download-wrapper a {
    display: flex;
    align-items: center;
}

.k31new-download-wrapper svg {
    width: 2.7rem;
    height: 2.7rem;
    fill: #007F3D;
    margin-right: 1rem;
}

.k31new-button {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.k31new-button .k-button {
    margin: 2rem;
}

.k31new-chart + .k31new-button {
    margin-top: 3rem;
}

.k31new-text-icons ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.k31new-text-icons li {
    padding: 0 0 0 3.5rem;
    margin: 0.5rem 0;
}

.k31new-text-icons.k31new-text-plusicon li {
    padding: 0 0 0 3rem;
}

.k31new-text-icons li:before {
    position: absolute;
    left: 0;
    top: 0.2rem;
    content: '';
    height: 1.6rem;
    width: 2rem;
    background-image: url('/modules2/k31-product-overview/img/k31-checkmark.svg');;
    background-repeat: no-repeat;
}

.k31new-text-icons.k31new-text-plusicon li:before {
    background-image: url('/modules2/k31-product-overview/img/k31-plus.svg');;
}

.k31new-text {
    width: 100%;
}

.k31new-text table {
    border-spacing: 0;
}

.k31new-text td {
    padding: 0.5rem;
    font-family: NettoOT-Light,Sans-Serif;
    border-bottom: 0.1rem solid #cccccc;
}

.k31new-text tr:last-child td {
    border-bottom: 0;
}

.k31new-comment {
    font-size: 1.2rem;
    font-family: NettoOT-Bold,Sans-Serif;
    white-space: nowrap;
}

.k31new-chart {
    float: left;
    width: 100%;
    margin-top: 5rem;
    text-align: center;
}

.k31new-chart .chart-container {
    max-width: 100%;
    max-height: 20rem;
    float: left;
}

.k31new-chartheadline {
    font-family: NettoOT-Bold, Sans-Serif;
    font-size: 2rem;
    color: #017840;
    margin-bottom: 20px;
    width: 100%;
    float: left;
}
.k32-wrapper {
    width: 100%;
    float: left;
}

    .k32-list {
        display: block;
        list-style: none;
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
        .k32-listentry {
            display: block;
            float: left;
            display: flex;
            flex-wrap: wrap;
            padding: 25px 4%;
            background-color: #ebeced;
            margin-bottom: 5px;
            width: 100%;
        }
        
        .k32-listentry:last-child {
            margin-bottom: 0px;
        }
        
            .k32-iconwrapper {
                flex-grow: 0;
                align-self: center;
            }
            
            .k32-wrapper .k32-icon {
                fill: #017840;
            }
            
            .k32-caption {
                font-family: 'NettoOT-Bold',Sans-Serif;
                font-size: 3rem;
                color: #017840;
                flex-basis: 300px;
                align-self: center;
                flex-grow: 1;
                padding: 0 3%;
            }
            
            .k32-text {
                color: #000000;
                flex-basis: 300px;
                align-self: center;
                flex-grow: 4;
            }
            
.k32-pullinboxes .k32-listentry:last-child {
    padding-bottom: 100px;
}

.k32-pullinboxes + div  {
    margin-top: -100px;
    background-color: transparent;
}
@media (max-width:499px) {

.k32-iconwrapper {
    display: none;
}

.k32-caption {
    font-size: 2.5rem;
    padding: 10px 0;
}

}
#js-page-main .k34-wrapper {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5rem 0 0 0;
	background-color: #ffffff;
}

	.k34-wrapper .k-icon {
		fill: url(#k-svg-green-gradient);
		margin:0 0 3px 0;
	}
	
    .k34-headline {
		padding: 0 4%;
		width: 100%;
		text-align: center;
        align-self: flex-start;
		margin-bottom: 3.5rem;
    }

    .k34-wrapper.k34-headline--green .k34-headline {
        color: #017840;
    }

    .k34-wrapper.k34-headline--red .k34-headline {
        color: #bb0000;
    }
    
    .k34-teaser {
		padding: 0 4%;
		width: 100%;
		text-align: center;
		color: #017840;
		font-family: NettoOT-Bold,Sans-Serif;
		font-size: 2.5rem;
        align-self: flex-start;
		margin-bottom: 2rem;
    }

    .k34-wrapper.k34-headline--gray .k34-teaser {
        color: #363636;
    }

    .k34-wrapper.k34-headline--red .k34-teaser {
        color: #bb0000;
    }
	
	.k34-text {
		padding: 0 4%;
		width: 100%;
		text-align: center;
        margin-bottom: 20px;
	}
    
    .k34-iframe-wrapper {
        width: 100%;
        float: left;
        overflow: hidden;
        background-color: #000000;
		-webkit-overflow-scrolling: touch;
    }
    
        .k34-iframe {
            clear: both;
            width: 100%;
            height: 100%;
        }
        
        .k34-iframecaption {
            float: left;
            clear: both;
            width: 100%;
            background-color: #4d4d4d;
            color: #ffffff;
            font-size: 1.5rem;
            z-index: 2;
            position: absolute;
            bottom: 0;
            padding: 15px 20px;
        }
.k35-wrapper {
    float: left;
    width: 100%;
    height: 36.2vw;
    max-width: 100%;
    max-height: 36.2vw;
    overflow: hidden;
}

.k35-iframe {
    width: 100%;
    height: 36.2vw;
}

.k35-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.k35-headline-wrapper {
    font-size: 3rem;
}

.k35-headline-count {
    font-size: 8rem;
    line-height: 1.2em;
}

.k35-description {
    width: 90vw;
}

.k35-content .k35-icon {
    margin-top: 3vh;
    fill: #ffffff;
    width: 100%;
}

@media screen and (min-width: 821px) and (max-width: 989px) {
    .k35-headline-wrapper {
        font-size: 2rem;
    }

    .k35-headline-count {
        font-size: 6rem;
        line-height: 1em;
    }

    .k35-description {
        font-size: 1.6rem;
    }

    .k35-content .k35-icon {
        margin-top: 2vh;
        height: 30px;
    }
}

@media screen and (min-width: 647px) and (max-width: 820px) {
    .k35-headline-wrapper {
        font-size: 1.8rem;
    }

    .k35-headline-count {
        font-size: 4rem;
        line-height: 1em;
    }

    .k35-description {
        font-size: 1.4rem;
    }

    .k35-content .k35-icon {
        margin-top: 1.5vh;
        height: 30px;
    }
}

@media screen and (max-width: 646px) {
    .k35-content {
        padding: 0;
    }

    .k35-headline-wrapper {
        font-size: 1.6rem;
        margin-bottom: 5px;
    }

    .k35-headline-count {
        font-size: 3rem;
        line-height: 1em;
    }

    .k35-description {
        font-size: 1.2rem;
    }

    .k35-content .k35-icon {
        margin-top: 0.5vh;
        height: 20px;
    }
}

.k35-wrapper--gray h2 {
    color: #363636;
}

.k35-wrapper--gray .k35-description {
    color: #363636;
}

.k35-wrapper--gray .k35-icon {
    fill: #363636;
}

.k35-wrapper--green h2 {
    color: #017840;
}

.k35-wrapper--green .k35-description {
    color: #017840;
}

.k35-wrapper--green .k35-icon {
    fill: #017840;
}
.k36-wrapper {
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    border-top: 0.1px solid #cccccc;
}

.k36-content {
    margin: 0;
    width: 100%;
    display: flex;
	position: relative;
	padding: 1rem 1% 1rem 4.8%;
	background-color: #ffffff;
	z-index: 101;
}

.k36-button-cover {
	padding-left: 10%;
}


.k36-content__right {
    margin-left: 2%;
	align-self: center;
}

.k36-info {
    float: left;
    width: 100%;
    margin-top: 0.5rem;
}

@media print {
    .k36-wrapper {
        display: none !important;
    }
}
@media (max-width:719px) {

.k36-content {
    margin-left: 0;
    width: 100%;
    display: flex;
	background-color: #ffffff;
	z-index: 999;
	position: relative;
	padding: 1rem 5% 1rem 0;	
}

.k36-button-cover {
	float: right;
	padding-right: 15%;
}

.k36-content__left {
	padding-left: 5%;
}

.k36-content__right {
    width: 60%;
    margin-left: 0;
}

}
.k37-wrapper {
    padding: 5rem 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-color: #efefef;
    float: left;
}

.k37-contentwrapper {
    width: 100%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.k37-news__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 10px;
    margin-bottom: 30px;
    width: 100%;
    max-width: 425px;
    min-width: 315px;
    background-color: #ffffff;
    border-radius: 1.5rem;
}
.k37-news__container label {
    margin-right: 10%;
    margin-left: 10%;
}
.k37-news__container-image {
    cursor: pointer;
    background-size:cover;
    background-position: center center;
    height:200px;
    width:100%;
    border-radius: 1.5rem 1.5rem 0 0;
}
.k37-news__container-image img {
    width: 100%;
}
.k37-news__container-teaser {
    /*color: #4d4d4d;*/
    cursor: pointer;
    font-size: 2rem;
    text-align: center;
    margin-top: .5rem;
    align-self: center;
}
.k37-news__container-date {
    /*color: #4d4d4d;*/
    cursor: pointer;
    text-align: center;
    font-size: 2.3rem;
    margin-top: 1.8rem;
    font-weight: bold;
    white-space: nowrap;
    align-self: center;
    font-family: 'NettoOT-Bold', Sans-Serif;
}
.k37-news__container-icon {
    cursor: pointer;
    margin-top: auto;
    padding: 10px 0;
    align-self: center;
}
.k37-blog-topnewsarea.hub2-wrapper {
    margin-top: 5rem;
}

.k37-blog-topnewsarea .hub5-wrapper {
    padding: 2.4rem;
}

.k37-blog-topnewsarea .hub3-wrapper,
.k37-blog-topnewsarea .hub4-wrapper,
.k37-blog-topnewsarea .hub5-wrapper {
    border-radius: 1.5rem;
}

.k37-blog-topnewsarea .hub3-text-wrapper {
    border-radius: 0 0 1.5rem 1.5rem;
}

.k37-blog-topnewsarea .hub3-image {
    border-radius: 1.5rem 1.5rem 0 0;
}

.k37-blog-topnewsarea .hub4-metadata {
    margin: 1rem 0 1rem 4.1rem;
}

.hub2-content-wrapper>div>div+div {
    margin-top: 3.2rem;
}

.k37-blog-topnewsarea .k12-wrapper {
    height: auto;
    max-height: 19rem;
    padding: 2rem 0;
    background: linear-gradient(120deg,#00b43e 0,#017840 100%);
    border-radius: 1.5rem;
}

.k37-blog-topnewsarea .k12-wrapper svg {
    width: 5.5rem;
    height: 5.5rem;
    fill: #ffffff;
    margin-bottom: 0.4rem;
}

.k37-blog-topnewsarea .k12-wrapper .k12-caption {
    font-size: 2.7rem;
    color: #ffffff;
}

.k37-blog-topnewsarea .k12-wrapper .k12-text,
.k37-blog-topnewsarea .k12-wrapper .k12-text a {
    color: #ffffff;
}

@media (max-width: 899px) {
    #js-body-show {
        padding-top: 0;
    }
}

.k37-blog-wrapper {
    padding: 0 0 5rem 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-color: #efefef;
    float: left;
    display: flex;
    justify-content: center;
}

.k29-wrapper ~ .k37-blog-wrapper {
    margin-top: 4rem;
}

.k37-blog-contentwrapper {
    width: 110.7rem;
    max-width: 110.7rem;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.k37-blog-news__container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 33.3%;
    min-width: 27rem;
    max-width: 34.3rem;
    background-color: #fff;
    margin: 1.3rem;
    font-size: 1.6rem;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 0 0.8rem 0 rgba(0,0,0,.1);
    border-radius: 1.5rem;
}

@media (max-width: 599px) {
    .k37-blog-news__container {
        width: 100%;
        max-width: none;
    }
}

.k37-blog-news__container:hover {
    transform: scale(1.04);
    box-shadow: 0 0 1.3rem 0 rgba(0,0,0,.3);
}

.k37-blog-news__container label {
    margin-right: 10%;
    margin-left: 10%;
}

.k37-blog-news__container-image {
    cursor: pointer;
    background-size:cover;
    background-position: center center;
    width:100%;
    min-height: 20rem;
    max-height: 20rem;
    border-radius: 1.5rem 1.5rem 0 0;
}

.k37-blog-news__container-image img {
    width: 100%;
}

.k37-blog-img-linkbar {
    display: none;
    width: 100%;
    height: 3.8rem;
    background-color: #007f3d;
    padding: 1.2rem 1.5rem;
    text-align: right;
    position: absolute;
    bottom: 0;
    justify-content: flex-end;
}

.k37-blog-news__container:hover .k37-blog-img-linkbar {
    display: flex;
}

.k37-blog-img-linkbar span {
    color: #fff;
}

.k37-blog-img-linkbar svg {
    fill: #fff;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    margin: .2rem 0 0 .6rem;
    transform: rotate(-90deg);
    left: auto;
}

.k37-blog-news__container-textwrapper {
    flex-grow: 1;
    padding: 2rem;
    display: flex;
    flex-direction: column;
}

.k37-blog-news__container-headline {
    cursor: pointer;
    font-family: NettoOT-Bold,Sans-Serif;
    font-size: 2rem;
    color: #007f3d;
    flex-grow: 0;
}

.k37-blog-news__container-teaser {
    display: inline-block;
    margin: 0 0 2.7rem 0;
    flex-grow: 0;
}

.k37-blog-news__container-date {
    font-size: 1.3rem;
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
}
.k38-blog.k38-wrapper {
    display: block;
    background-color: #ffffff;
    margin: 0;
    padding-top: 2rem;
}

.k38-blog .k38-content-wrapper {
    width: 100%;
    margin: 0 auto;
    max-width: calc(108.1rem + 8%);
    padding: 0 4%;
    display: flex;
    flex-direction: column;
}

.k38-blog .k38-headline {
    color: #017840;
    margin-bottom: 1rem;
    font-size: 4.3rem;
}

.k38-blog .k38-metadata {
    font-size: 1.3rem;
    display: flex;
    margin: 1rem 0;
}

.k38-blog .k38-image {
    width: 100%;
    height: 49rem;
    max-height: 49rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 1rem;
}

.k38-imgdesc {
    width: 100%;
    font-size: 1.6rem;
    padding: 0 0 1rem 0;
}

@media (max-width: 1010px) {
    .k38-blog .k38-image {
        max-height: 50vh;
    }
}

#js-page-main .k38-blog .k38-news-topnav {
    width: 100%;
    max-width: none;
    padding: 2rem 0;
}

.js-body .k38-blog .k38-news-topnav a {
    color: #aaaaaa;
}

.k38-blog .k38-news-icon1 {
    fill: #aaaaaa;
}

.k38-blog .k38-news-icon {
    fill: #aaaaaa;
}

.k38-blog .k38-news-sharing > span {
    top: -1rem;
    font-family: NettoOT-Bold, Arial, Sans-Serif;
    color: #017840;
    font-size: 2.3rem;
}

.k38-blog .k38-news-sharing-icon-wrapper svg {
    fill: #017840;
}

.k38-blog .k38-textwrapper {
    display: flex;
}

.k38-blog .k38-index ol {
    width: 30rem;
    margin-right: 7rem;
}

#js-page-main .k38-blog.k38-wrapper .k26-wrapper {
    padding-left: 0;
    padding-right: 0;
}

.k38-blog.k38-wrapper .k26-wrapper > h2 {
    display:none;
}

.k38-blog.k38-wrapper .k26-wrapper .k26-text-image100 .k26-teaser {
    font-size: 2.5rem;
    color: inherit;
    margin: 1rem 0 3rem 0;
    display: inline-block;
}

.k38-blog.k38-wrapper .k26-wrapper .k26-text-image100 h2 {
    font-size: 2.5rem;
    color: inherit;
    margin-bottom: 1rem;
    display: block;
    font-family: 'NettoOT-Bold', sans-serif;
}

.k38-blog .k38-toc {
    list-style-position: inside;
    counter-reset: toc-list;
    display: table;
    border-collapse: collapse;
    padding: 0;
    margin: 3.4rem 0 5rem 0;
    border-bottom: .1rem solid #ddd;
}

.k38-blog .k38-toc li {
    display: table-row;
    counter-increment: toc-list;
    padding: 1.7rem 0;
    border-top: .1rem solid #ddd;
    font-family: NettoOT-Bold,Sans-Serif;
    font-size: 1.8rem;
    color: #007f3d;
}

.k38-blog .k38-toc li:before {
    display: table-cell;
    content: counter(toc-list) ".";
    padding: 1.7rem 1rem 0 0;
    font-family: NettoOT-Bold,Sans-Serif;
    font-size: 1.8rem;
    color: #007f3d;
    text-align: right;
}

.k38-blog .k38-toc li span {
    display: block;
    padding: 1.7rem 0;
}

@media (max-width: 1000px) {
    .k38-blog.k38-wrapper {
        padding-top: 4rem;
    }

    .k38-blog .k38-news-topnav li {
        font-size: 0;
    }

    .k38-blog .k38-news-topnav a span {
        display: none;
    }

    .k38-blog .k38-headline {
        font-size: 2.8rem;
    }

    .k38-blog .k38-textwrapper {
        margin: 0;
        width: 100%;
        flex-wrap: wrap;
    }

    .k38-blog .k38-index {
        margin: 0;
        width: 100%;
    }

    #js-page-main .k38-blog .k38-toc {
        margin-bottom: 2rem;
        width: 100%;
        background-color: #ebeced;
    }

    .k38-blog .k38-toc li:before {
        padding: 1.7rem 2rem 1.7rem 2rem;
        width: 2.1rem;
    }

    .k38-blog .k38-toc li span {
        padding: 1.7rem 2rem 1.7rem 0;
    }
}
.k38-wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
#js-page-main .k38-news-topnav {
    float: left;
    margin: 1rem 0;
    width: 100%;
    max-width: 100rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 2rem;
}

.k38-news-topnav + .k26-wrapper {
    max-width: 100rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 1.5rem;
    padding: 5rem 4%;
}

@media (max-width: 1010px) {
    .k38-news-topnav + .k26-wrapper {
        border-radius: 0;
    }
}

.k38-wrapper .k26-text h2 {
    font-size: inherit;
    color: inherit;
    font-weight: bold;
    font-family: 'MyriadPro-Regular', sans-serif;
    margin: 0;
}

.k38-wrapper .k26-text h2 + br {
    display: none;
}

.k38-news-topnav ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    margin: 0;
    align-items: flex-end;
}
.k38-news-topnav li {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
}
.js-body .k38-news-topnav a {
    display: inline-block;
    color: #017840;
    font-family: 'NettoOT-Bold', Sans-Serif;
}
.k38-news-topnav a span {
    position: relative;
    top: -12px;
}
.k38-news-topnav-icon-wrapper {
    min-width: 40px;
    display: inline-block;
}
.k38-news-icon1 {
    fill: #017840;
    width: 40px;
    height: 40px;
    transform: rotate(180deg);
}
.k38-news-icon {
    fill: #017840;
    width: 40px;
    height: 40px;
}

.k38-news-icon1-right {
    transform: rotate(0deg);
}

.k38-news-bottomnav .k38-news-icon1,
.k38-news-bottomnav .k38-news-icon {
    fill: #ffffff;
}
.k38-news-bottomnav {
    float: left;
    width: 100%;
    text-align: center;
    background: linear-gradient(120deg, #00b43e 0%, #017840 100%);
    color: #ffffff;
}
.k38-news-bottomnav ul {
    list-style: none;
    padding: 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 0;
}
.k38-news-bottomnav li {
    margin-bottom: 17px;
    margin-top: 17px;
}
.js-body .k38-news-bottomnav a {
    display: inline-block;
    color: #ffffff;
    font-family: 'NettoOT-Bold', Sans-Serif;
}
.k38-news-bottomnav a span {
    color: #ffffff;
    position: relative;
    top: -12px;
}
.k38-news-bottomnav-icon-wrapper {
    min-width: 40px;
    display: inline-block;
}
.k38-news-bottomnav-icon1 {
    fill: #ffffff;
    width: 40px;
    height: 40px;
    transform: rotate(180deg);
}

.k38-news-tags {
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    color: #ffffff;
    background: linear-gradient(120deg, #4c4c4c 0%, #363636 100%);
}
.js-body .k38-news-tags a {
    display: inline-block;
    margin: 5px;
}
.k38-news-sharing {
    float: left;
    width: 100%;
    text-align: right;
    margin: 5px 0;
}
.k38-news-sharing > span {
    display: inline-block;
    position: relative;
    top: -13px;
}
.k38-news-sharing ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.k38-news-sharing li {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
}
.k38-news-sharing-icon-wrapper {
    margin: 3px 8px 0 7px;
    min-width: 40px;
    display: inline-block;
}
li:last-child .k38-news-sharing-icon-wrapper {
    margin-right: 0
}

.k29-gradient {
    width: 100%;
    height: 70%;
    position: absolute;
    bottom: 0;    
    z-index: 1;
}
@media (min-width: 701px) and (max-width: 1050px) {
    .k38-news-topnav {
        width:70%;
    }
}
@media (min-width: 451px) and (max-width: 700px) {
    .k38-news-topnav {
        width:100%;
    }
}
@media (max-width: 450px) {
    .k38-news-topnav a span,.k38-news-bottomnav a span {
        display:none;
    }

    .k38-news-topnav {
        width:100%;
    }

    .k38-news-sharing span,.k38-news-tags span {
        display:none;
    }

    .k38-news-sharing {
        text-align:center;
    }

    .js-body .k38-news-tags .k-button:after {
        content:',';
    }

    .js-body .k38-news-tags .k-button {
        transition:none;
        border-radius:0;
        background-color:transparent;
        border:0;
        padding:2px;
        margin:0;
    }

    .js-body .k38-news-tags .k-button:hover {
        background-color:transparent;
        text-decoration:underline;
        color:#ffffff;
    }
}
#js-modal {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.k39ModalContentWrapper {
    width:100%;
    max-width:60rem;
    background-color:#ffffff;
    border-radius:2rem;
    min-height:18rem;
    padding:1.5rem 2rem 2rem 2rem;
    font-family: 'MyriadPro-Regular', Sans-Serif;
}

.k39ModalContent-header {
    color: #017840;
    font-size:3rem;
    margin-top:0;
    margin-right:3rem;
}

.k39ModalClose {
    position:absolute;
    right:1.5rem;
    top:1rem;
    width:3rem;
    height:3rem;
    outline: 0;
    z-index: 10;
}

.k39ModalContent-cover {
    display:flex;
}


.k39ModalContent-left {
    width:50%;
    padding-bottom:6rem;
    padding-right:1rem;
}

.k39ModalContent-left::after {
    position:absolute;
    content:' ';
    height:100%;
    width: 0.1rem;
    background-color:#cccccc;
    top:0;
    right: 0;
}


.k39ModalContent-right {
    width:50%;
    padding-left:1rem;
    padding-bottom:6rem;
}

.k39-b2bc .k39-options-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 39rem;
}

.k39-segment .kform-group {
    width:100%;
    display: flex;
    flex-wrap:wrap;
}

.k39-segment .kform-label {
    font-size: 2.2rem;
    font-family: 'NettoOT-Bold', Sans-Serif;
    padding-top: 0.6rem;
}

.k39-b2bc.k39-segment .kform-label {
    font-size: 4.5rem;
    font-family: 'NettoOT-Bold', Sans-Serif;
    max-width: 17rem;
    margin-top: 1rem;
}

.k39-b2bc.k39-segment .kform-radiogroup {
    align-items: center;
    margin-top: 1rem;
}

.k39-segment select {
    padding: 0.8rem 1rem;
}

#k39-gewerbetyp.error {
    border-color: #ff0000;
}

.k39-segment .kform-select-arrow {
    min-height: 100%;
}

#k39-gewerbetyp.error ~ .kform-select-arrow {
    border-color: #ff0000;
}

.k39ModalContentWrapper .k39-button {
    position:absolute;
    left: 0;
    bottom:0;
    min-width:26.5rem;
    max-width: 27rem;
	white-space: normal !important;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    padding: 0.8rem 1rem 0.8rem;
    letter-spacing: -0.01rem;
}

#js-body-show .k39ModalContentWrapper .k39-button:hover {
    border: 0;
    padding: 1rem;
}

#js-body-show .k39ModalContentWrapper .k39-button:hover .k39-arrow-right {
    top: 0.9rem;
    right: 1.1rem;
}


.k39ModalContent-right .k39-button {
    margin-left: 1rem;
}

.k39-arrow-right {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    fill: #ffffff;
    float: right;
    top: 0.7rem;
    right: 0.9rem;
}

.k-button--green .k39-arrow-right {
    fill: #017840;
}

.k-button--orange-outline .k39-arrow-right {
    fill:  #f47119;
}

.k-button--green:hover .k39-arrow-right,.k-button--orange-outline:hover .k39-arrow-right {
    fill: #ffffff;
}
@media (max-width:530px) {


    .k39ModalContent-cover
    {
        flex-direction: column;
    }


    .k39ModalContent-header
    {

        font-size:2.5rem;

    }



    .k39ModalContent-right,.k39ModalContent-left
    {
        width:100%;
        padding:0;
        padding-bottom:60px;
        border:0;
    }

    .k39ModalContent-left::after
    {
        background-color:transparent;
    }



    .k39ModalContent-right
    {
        padding-top:20px;
    }


    .k39ModalContent-left .k39-button,.k39ModalContent-right .k39-button
    {
        right:0;
    }

    .k39ModalContent-right .k39-button {
        margin-left: 0;
    }
}

.k41-wrapper {
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .k41-table {
        width: 100%;        
    }
    
    .k41-table td {
        padding: 10px;
    }
    
    .k41-table tr td:first-child {
        background-color: #daece2;
        width:75%;
    }
    
    .k41-table tr td:last-child {
        background-color: #eeeeee;
        text-align: center;        
        width:25%;
    }
    
    audio {
        width: 100%;
        min-width: 100px;
    }
.k42-wrapper {
    float: left;
    width: 100%;
    margin-top: 5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    background-color: #ffffff;
}

.k42-caption {
    text-align: center;
    color: rgb(1, 120, 64);
    margin-top:2rem;
}

.k42-header {
	width: 100%;	
}

.k42-header__headline {
    display: flex;
	align-items: center;
    justify-content: center;
    width: 100%;
    color: #ffffff;
    background: linear-gradient(120deg, #00b43e 0%, #017840 100%);
    text-align: center;
    padding: 1rem;
    min-height: 8rem;
    margin: 0;
    margin-bottom: 0.9rem;
	font-family: 'NettoOT-Bold', Sans-Serif;
}

.k42-categories {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.5rem;
	justify-content: center;
	max-width: 145rem;
}

.k42-category {
    flex-grow: 1;
    min-width: 30rem;
    margin: 0.3rem;
    padding: 1.2rem;
    text-align: center;
    height: 100%;
    margin-right: 0;
}

.k42-category-link {
    text-decoration: none;
    background-color: #ebeced;
    cursor: pointer;
	flex-basis: 30rem;
    display: block;
    margin: 0.5rem;
    flex-grow: 1;
    max-width: 35rem;
}
.k42-category-link:hover,
.k42-category-link-active {
    background: linear-gradient(120deg, #00b43e 0%, #017840 100%);
    color: #ffffff;
}

.k42-category .k42-category__name {
    color: #017840;
    font-size: 2.2rem;
	font-family: 'NettoOT-Bold', Sans-Serif;
}

.k42-category-link-active .k42-category__name {
    color:#ffffff;
}

.k42-category__icon {
    text-align: center;
    margin-top: 1rem;
    fill: #017840;
    display: inline;
}

.k42-category__icon svg {
    width:4rem;
    height:4rem;
}

.k42-category-link-active .k42-category__icon svg {
	fill: #ffffff;
}

.k42-wrapper input + .k42-category__icon {
    right: 1.3rem;
    top: 0;
    position: absolute;
    cursor:pointer;
}


.k42-wrapper input + .k42-category__icon svg {
    width:3rem;
    height:3rem;
}



.k42-category h3 {
    word-wrap:break-word;
}



.k42-category:hover h3 {
    color: #ffffff;
}

.k42-category:hover .k42-category__icon,
.k42-category-link-active .k42-category__icon {
    fill: #ffffff;
}

#k42-query-input {
    width: 30rem;
    height: 5rem;
    padding: 0 6rem 0 2.5rem;
    border-radius: 0.5rem;
    border: 0.1rem solid #ffffff;
    font-family: MyriadPro-Regular,Sans-Serif;
    font-size: 2rem;
}


.k42-header__search {
    position:absolute;
    top: 1.5rem;
    right: 3.3rem;
    display:flex;
	align-items: center;
}

#k42-accordion {
    background-color: #ffffff;
    display: flex;
    justify-content: center;
}

    #k42-accordion .k19-container {
        max-width: 144rem;
    }

        #k42-accordion .js-k19-accordion-label {
            background: linear-gradient(120deg,#555 0,#3c3c3c 100%);
        }

@media (max-width:1190px) {
    .k42-header__headline {
        justify-content: flex-start;
        padding-left: 4rem;
    }
}

@media (max-width:830px) {
    .k42-header__headline {
        padding-left: 0;
        padding-right: 0;
        flex-wrap: wrap;
        justify-content: center;
    }

    .k42-header__headline span {
        width: 100%;
        text-align: center;
        margin-bottom: 2rem;
    }

    .k42-header__search {
        position: relative;
        top: auto;
        right: auto;
        display: inline-block;
    }

    #k42-query-input {
        height: 4.5rem;
        margin-bottom: 1rem;
    }
}


@media screen and (max-width:646px) {
    .k42-wrapper .k42-category-link {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.3rem;
    }

    .k42-wrapper .k42-category .k42-category__icon {
        margin-top: 0;
    }

    .k42-wrapper .k42-category .k42-category__icon svg {
        margin-top: 0;
        width: 3rem;
        height: 3rem;
        margin: 0.4rem;
    }

    .k42-category {
        padding: 0 1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: left;
    }

    .k42-category__name {
        margin-bottom: 0;
        margin-top: -0.8rem;
    }

    .k42-wrapper input+.k42-category__icon {
        top: 0.8rem;
        margin-top: 0;
    }

    .k42-caption {
        margin-bottom:0.4rem;
    }
}
@media (min-width:990px) and (max-width:20000px) {

    .k46-wrapper {
        width: 100%;
        float: left;
        border-bottom: 20px solid #ffffff;
    }

    .k46-checkbox {
        display: none;
    }

    .k46-category-wrapper {
        display: flex;
        background-color: #ebeced;
        padding: 30px 4% 0;
        justify-content: center;
    }

    .k46-category {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 10px 10px 30px 10px;
        overflow: hidden;
        display: none;
    }

    .k46-category-labelelements {
        cursor: pointer;
    }

    .k46-category-labelelements:after {
        display: none;
        position: absolute;
        left: 50%;
        bottom: -30px;
        content: " ";
        width: 20px;
        height: 20px;
        background-color: #01953f;
        border-radius: 2px;
        transform: translate(-50%, calc(50% + 2px)) rotate(45deg);
        -ms-transform: translate(-50%, 50%) rotate(45deg);
    }

    .k46-category > .k46-category-labelelements > * {
        flex-basis: 100%;
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .k46-category-labelelements:hover a {
        color: #017840;
    }

    .k46-category-labelelements:hover svg {
        fill: #017840;
    }

    .k46-category-icon {
        margin-bottom: 5px;
    }

    .k46-category-icon a {
        line-height: 0;
    }

    .k46-category-icon svg {
        fill: #363636;
    }

    .k46-category-labelelements .k46-category-label * {
        font-family: "NettoOT-Bold";
        color: #363636;
        text-decoration: none;
    }

    .k46-menulayer-mobile {
        display: none;
    }

    .k46-menulayer-wrapper {
        width: 100%;
    }

    .k46-menulayer {
        float: left;
        display: none;
        width: 92%;
        margin: 0 4%;
        background-color: #01953f;
        padding: 20px 10%;
        color: #ffffff;
        column-count: 4;
    }

    .k46-menulayer span {
        display: block;
        margin: 10px;

    }

    .k46-menulayer span a {
        color: #ffffff;
        text-decoration: none;
    }

    .k46-checkbox:nth-of-type(1):checked ~ .k46-category-wrapper > .k46-category:nth-child(1) .k46-category-labelelements:after {
        display: block;
    }

    .k46-checkbox:nth-of-type(1):checked ~ .k46-category-wrapper > .k46-category:nth-child(1) svg {
        fill: #017840;
    }

    .k46-checkbox:nth-of-type(1):checked ~ .k46-category-wrapper > .k46-category:nth-child(1) .k46-category-labelelements .k46-category-label span {
        color: #017840;
    }

    .k46-checkbox:nth-of-type(1):checked ~ .k46-menulayer-wrapper .k46-menulayer:nth-child(1) {
        display: block;
    }

    .k46-checkbox:nth-of-type(2):checked ~ .k46-category-wrapper > .k46-category:nth-child(2) .k46-category-labelelements:after {
        display: block;
    }

    .k46-checkbox:nth-of-type(2):checked ~ .k46-category-wrapper > .k46-category:nth-child(2) svg {
        fill: #017840;
    }

    .k46-checkbox:nth-of-type(2):checked ~ .k46-category-wrapper > .k46-category:nth-child(2) .k46-category-labelelements .k46-category-label span {
        color: #017840;
    }

    .k46-checkbox:nth-of-type(2):checked ~ .k46-menulayer-wrapper .k46-menulayer:nth-child(2) {
        display: block;
    }

    .k46-checkbox:nth-of-type(3):checked ~ .k46-category-wrapper > .k46-category:nth-child(3) .k46-category-labelelements:after {
        display: block;
    }

    .k46-checkbox:nth-of-type(3):checked ~ .k46-category-wrapper > .k46-category:nth-child(3) svg {
        fill: #017840;
    }

    .k46-checkbox:nth-of-type(3):checked ~ .k46-category-wrapper > .k46-category:nth-child(3) .k46-category-labelelements .k46-category-label span {
        color: #017840;
    }

    .k46-checkbox:nth-of-type(3):checked ~ .k46-menulayer-wrapper .k46-menulayer:nth-child(3) {
        display: block;
    }

    .k46-checkbox:nth-of-type(4):checked ~ .k46-category-wrapper > .k46-category:nth-child(4) .k46-category-labelelements:after {
        display: block;
    }

    .k46-checkbox:nth-of-type(4):checked ~ .k46-category-wrapper > .k46-category:nth-child(4) svg {
        fill: #017840;
    }

    .k46-checkbox:nth-of-type(4):checked ~ .k46-category-wrapper > .k46-category:nth-child(4) .k46-category-labelelements .k46-category-label span {
        color: #017840;
    }

    .k46-checkbox:nth-of-type(4):checked ~ .k46-menulayer-wrapper .k46-menulayer:nth-child(4) {
        display: block;
    }

    .k46-checkbox:nth-of-type(5):checked ~ .k46-category-wrapper > .k46-category:nth-child(5) .k46-category-labelelements:after {
        display: block;
    }

    .k46-checkbox:nth-of-type(5):checked ~ .k46-category-wrapper > .k46-category:nth-child(5) svg {
        fill: #017840;
    }

    .k46-checkbox:nth-of-type(5):checked ~ .k46-category-wrapper > .k46-category:nth-child(5) .k46-category-labelelements .k46-category-label span {
        color: #017840;
    }

    .k46-checkbox:nth-of-type(5):checked ~ .k46-menulayer-wrapper .k46-menulayer:nth-child(5) {
        display: block;
    }

    .k46-checkbox:nth-of-type(6):checked ~ .k46-category-wrapper > .k46-category:nth-child(6) .k46-category-labelelements:after {
        display: block;
    }

    .k46-checkbox:nth-of-type(6):checked ~ .k46-category-wrapper > .k46-category:nth-child(6) svg {
        fill: #017840;
    }

    .k46-checkbox:nth-of-type(6):checked ~ .k46-category-wrapper > .k46-category:nth-child(6) .k46-category-labelelements .k46-category-label span {
        color: #017840;
    }

    .k46-checkbox:nth-of-type(6):checked ~ .k46-menulayer-wrapper .k46-menulayer:nth-child(6) {
        display: block;
    }

    .k46-checkbox:nth-of-type(7):checked ~ .k46-category-wrapper > .k46-category:nth-child(7) .k46-category-labelelements:after {
        display: block;
    }

    .k46-checkbox:nth-of-type(7):checked ~ .k46-category-wrapper > .k46-category:nth-child(7) svg {
        fill: #017840;
    }

    .k46-checkbox:nth-of-type(7):checked ~ .k46-category-wrapper > .k46-category:nth-child(7) .k46-category-labelelements .k46-category-label span {
        color: #017840;
    }

    .k46-checkbox:nth-of-type(7):checked ~ .k46-menulayer-wrapper .k46-menulayer:nth-child(7) {
        display: block;
    }

    .k46-checkbox:nth-of-type(8):checked ~ .k46-category-wrapper > .k46-category:nth-child(8) .k46-category-labelelements:after {
        display: block;
    }

    .k46-checkbox:nth-of-type(8):checked ~ .k46-category-wrapper > .k46-category:nth-child(8) svg {
        fill: #017840;
    }

    .k46-checkbox:nth-of-type(8):checked ~ .k46-category-wrapper > .k46-category:nth-child(8) .k46-category-labelelements .k46-category-label span {
        color: #017840;
    }

    .k46-checkbox:nth-of-type(8):checked ~ .k46-menulayer-wrapper .k46-menulayer:nth-child(8) {
        display: block;
    }

}
@media (max-width:989px) {


.k46-wrapper {
    width: 100%;
    float: left;
}

    .k46-checkbox {
        display: none;
    }

    .k46-category-wrapper {
        width: 100%;
        float: left;
        background-color: #ebeced;
    }

        .k46-category {
            float: left;
            width: 100%;
            overflow: hidden;
            padding: 5px 0 0 0;
            border-bottom: 1px solid #cccccc;
            display: none;
        }

            .k46-category-labelelements {
                display: flex;
                cursor: pointer;
            }
            
                .k46-category-labelelements a {
                    line-height: 0;
                }

				.k46-category-labelelements:hover a {
					color: #017840;
				}

				.k46-category-labelelements:hover svg {
					fill: #017840;
				}
				
                .k46-category-labelelements .k46-category-label a {
                    text-decoration: none;
                    color: #363636;
                }
            
        
                .k46-category-icon {
                    display: block;
                    float: left;
                    margin: 0 10px 0 20px;
                    height: 40px;
                    display: flex;
                    align-items: center;
                    flex-shrink: 0;
                }
                
                .k46-category-icon svg {
                    width: 30px;
                    height: 30px;
                }
                
                    .k46-category-icon svg {
                        fill: #363636;
                    }
                    

                
                .k46-category-label {
                    height: 40px;
                    float: left;
                    margin: 0 20px 0 0px;
                    font-family:"NettoOT-Bold";
                    display: flex;                
                    align-items: center;
                }
                
                .k46-collapseable__icon-right {
                    display: none;
                    margin-left: auto;
                    margin-right: 20px;
                    width: 30px;
                    height: 30px;
                    border: 2px solid #363636;
                    border-radius: 30px;
                    align-self: center;
                    flex-shrink: 0;
                }
                
                .k46-collapseable__plus, .k46-collapseable__minus {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 2px;
                    height: 60%;
                    background-color: #363636;
                    
                }
                
                .k46-collapseable__plus {
                    transform: translate(-50%, -50%);
                    transition: all .3s linear;
                }
                
                .k46-collapseable__minus {
                    transform: translate(-50%, -50%) rotate(-90deg);
                    transition: all .3s linear;
                }
            
            .k46-menulayer-mobile {
                flex-basis: 100%;
                min-width: 100%;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.3s ease-in-out;
                background: linear-gradient(120deg, #00b43e 0%, #017840 100%);
                margin-top: 4px;
            }
            
            .k46-menulayer-mobile span a {
                color: #ffffff;
                text-decoration: none;
            }
            
            .k46-menulayer-mobile span {
                display: block;
                padding: 10px 20px;
            }
            
    .k46-menulayer-wrapper {
        display: none;
    }

    .k46-checkbox:nth-of-type(1):checked ~ .k46-category-wrapper > .k46-category:nth-child(1) { padding-bottom: 0; border-bottom: 0; }
    .k46-checkbox:nth-of-type(1):checked ~ .k46-category-wrapper > .k46-category:nth-child(1) svg { fill: #017840; }
    .k46-checkbox:nth-of-type(1):checked ~ .k46-category-wrapper > .k46-category:nth-child(1) .k46-category-label { color: #017840; }
    .k46-checkbox:nth-of-type(1):checked ~ .k46-category-wrapper > .k46-category:nth-child(1) .k46-collapseable__icon-right { border-color: #017840; }
    .k46-checkbox:nth-of-type(1):checked ~ .k46-category-wrapper > .k46-category:nth-child(1) .k46-collapseable__icon-right * { background-color: #017840; transform: translate(-50%, -50%) rotate(90deg); }
    .k46-checkbox:nth-of-type(1):checked ~ .k46-category-wrapper > .k46-category:nth-child(1) .k46-menulayer-mobile { max-height: 1000px; transition: max-height 1s ease-in-out; }    
        
    .k46-checkbox:nth-of-type(2):checked ~ .k46-category-wrapper > .k46-category:nth-child(2) { padding-bottom: 0; border-bottom: 0; }
    .k46-checkbox:nth-of-type(2):checked ~ .k46-category-wrapper > .k46-category:nth-child(2) svg { fill: #017840; }
    .k46-checkbox:nth-of-type(2):checked ~ .k46-category-wrapper > .k46-category:nth-child(2) .k46-category-label { color: #017840; }
    .k46-checkbox:nth-of-type(2):checked ~ .k46-category-wrapper > .k46-category:nth-child(2) .k46-collapseable__icon-right { border-color: #017840; }
    .k46-checkbox:nth-of-type(2):checked ~ .k46-category-wrapper > .k46-category:nth-child(2) .k46-collapseable__icon-right * { background-color: #017840; transform: translate(-50%, -50%) rotate(90deg); }
    .k46-checkbox:nth-of-type(2):checked ~ .k46-category-wrapper > .k46-category:nth-child(2) .k46-menulayer-mobile { max-height: 1000px; transition: max-height 1s ease-in-out; }
    
    .k46-checkbox:nth-of-type(3):checked ~ .k46-category-wrapper > .k46-category:nth-child(3) { padding-bottom: 0; border-bottom: 0; }
    .k46-checkbox:nth-of-type(3):checked ~ .k46-category-wrapper > .k46-category:nth-child(3) svg { fill: #017840; }
    .k46-checkbox:nth-of-type(3):checked ~ .k46-category-wrapper > .k46-category:nth-child(3) .k46-category-label { color: #017840; }
    .k46-checkbox:nth-of-type(3):checked ~ .k46-category-wrapper > .k46-category:nth-child(3) .k46-collapseable__icon-right { border-color: #017840; }
    .k46-checkbox:nth-of-type(3):checked ~ .k46-category-wrapper > .k46-category:nth-child(3) .k46-collapseable__icon-right * { background-color: #017840; transform: translate(-50%, -50%) rotate(90deg); }
    .k46-checkbox:nth-of-type(3):checked ~ .k46-category-wrapper > .k46-category:nth-child(3) .k46-menulayer-mobile { max-height: 1000px; transition: max-height 1s ease-in-out; }
    
    .k46-checkbox:nth-of-type(4):checked ~ .k46-category-wrapper > .k46-category:nth-child(4) { padding-bottom: 0; border-bottom: 0; }
    .k46-checkbox:nth-of-type(4):checked ~ .k46-category-wrapper > .k46-category:nth-child(4) svg { fill: #017840; }
    .k46-checkbox:nth-of-type(4):checked ~ .k46-category-wrapper > .k46-category:nth-child(4) .k46-category-label { color: #017840; }
    .k46-checkbox:nth-of-type(4):checked ~ .k46-category-wrapper > .k46-category:nth-child(4) .k46-collapseable__icon-right { border-color: #017840; }
    .k46-checkbox:nth-of-type(4):checked ~ .k46-category-wrapper > .k46-category:nth-child(4) .k46-collapseable__icon-right * { background-color: #017840; transform: translate(-50%, -50%) rotate(90deg); }
    .k46-checkbox:nth-of-type(4):checked ~ .k46-category-wrapper > .k46-category:nth-child(4) .k46-menulayer-mobile { max-height: 1000px; transition: max-height 1s ease-in-out; }
    
    .k46-checkbox:nth-of-type(5):checked ~ .k46-category-wrapper > .k46-category:nth-child(5) { padding-bottom: 0; border-bottom: 0; }
    .k46-checkbox:nth-of-type(5):checked ~ .k46-category-wrapper > .k46-category:nth-child(5) svg { fill: #017840; }
    .k46-checkbox:nth-of-type(5):checked ~ .k46-category-wrapper > .k46-category:nth-child(5) .k46-category-label { color: #017840; }
    .k46-checkbox:nth-of-type(5):checked ~ .k46-category-wrapper > .k46-category:nth-child(5) .k46-collapseable__icon-right { border-color: #017840; }
    .k46-checkbox:nth-of-type(5):checked ~ .k46-category-wrapper > .k46-category:nth-child(5) .k46-collapseable__icon-right * { background-color: #017840; transform: translate(-50%, -50%) rotate(90deg); }
    .k46-checkbox:nth-of-type(5):checked ~ .k46-category-wrapper > .k46-category:nth-child(5) .k46-menulayer-mobile { max-height: 1000px; transition: max-height 1s ease-in-out; }
    
    .k46-checkbox:nth-of-type(6):checked ~ .k46-category-wrapper > .k46-category:nth-child(6) { padding-bottom: 0; border-bottom: 0; }
    .k46-checkbox:nth-of-type(6):checked ~ .k46-category-wrapper > .k46-category:nth-child(6) svg { fill: #017840; }
    .k46-checkbox:nth-of-type(6):checked ~ .k46-category-wrapper > .k46-category:nth-child(6) .k46-category-label { color: #017840; }
    .k46-checkbox:nth-of-type(6):checked ~ .k46-category-wrapper > .k46-category:nth-child(6) .k46-collapseable__icon-right { border-color: #017840; }
    .k46-checkbox:nth-of-type(6):checked ~ .k46-category-wrapper > .k46-category:nth-child(6) .k46-collapseable__icon-right * { background-color: #017840; transform: translate(-50%, -50%) rotate(90deg); }
    .k46-checkbox:nth-of-type(6):checked ~ .k46-category-wrapper > .k46-category:nth-child(6) .k46-menulayer-mobile { max-height: 1000px; transition: max-height 1s ease-in-out; }
    
    .k46-checkbox:nth-of-type(7):checked ~ .k46-category-wrapper > .k46-category:nth-child(7) { padding-bottom: 0; border-bottom: 0; }
    .k46-checkbox:nth-of-type(7):checked ~ .k46-category-wrapper > .k46-category:nth-child(7) svg { fill: #017840; }
    .k46-checkbox:nth-of-type(7):checked ~ .k46-category-wrapper > .k46-category:nth-child(7) .k46-category-label { color: #017840; }
    .k46-checkbox:nth-of-type(7):checked ~ .k46-category-wrapper > .k46-category:nth-child(7) .k46-collapseable__icon-right { border-color: #017840; }
    .k46-checkbox:nth-of-type(7):checked ~ .k46-category-wrapper > .k46-category:nth-child(7) .k46-collapseable__icon-right * { background-color: #017840; transform: translate(-50%, -50%) rotate(90deg); }
    .k46-checkbox:nth-of-type(7):checked ~ .k46-category-wrapper > .k46-category:nth-child(7) .k46-menulayer-mobile { max-height: 1000px; transition: max-height 1s ease-in-out; }
    
    .k46-checkbox:nth-of-type(8):checked ~ .k46-category-wrapper > .k46-category:nth-child(8) { padding-bottom: 0; border-bottom: 0; }
    .k46-checkbox:nth-of-type(8):checked ~ .k46-category-wrapper > .k46-category:nth-child(8) svg { fill: #017840; }
    .k46-checkbox:nth-of-type(8):checked ~ .k46-category-wrapper > .k46-category:nth-child(8) .k46-category-label { color: #017840; }
    .k46-checkbox:nth-of-type(8):checked ~ .k46-category-wrapper > .k46-category:nth-child(8) .k46-collapseable__icon-right { border-color: #017840; }
    .k46-checkbox:nth-of-type(8):checked ~ .k46-category-wrapper > .k46-category:nth-child(8) .k46-collapseable__icon-right * { background-color: #017840; transform: translate(-50%, -50%) rotate(90deg); }
    .k46-checkbox:nth-of-type(8):checked ~ .k46-category-wrapper > .k46-category:nth-child(8) .k46-menulayer-mobile { max-height: 1000px; transition: max-height 1s ease-in-out; }

}
.k47-wrapper {
    margin: 0 auto;
    height: 100%;
    text-align: center;
}

@media ( min-width: 700px ){
    .k47-wrapper {
        width:650px;
    }
}

.k47-wrapper h2 {
    margin-top: 0;
}

.k47-iframe-wrapper {
    height: calc(100% - 40px);
}

.k47-wrapper h2 {
    margin: 50px 0;
    color: #00b43e;
}


.k48-wrapper {
	height: 100%;
	width: 100%;
}

.k48-wrapper h3 {
	margin: 0;
	color: #2c8f61;
}

.k48-wrapper .k48-headline {
	height: 80px;
	position: absolute;
	z-index: 2;
	background-color: #fff;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	/*background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);*/
}

.google-map {
	margin-top: 80px;
}

.google-map * {
	max-width: none;
}
.k49-wrapper {
    width: 100%;
    float: left;
    padding: 25px 4%;
    display: flex;
    flex-wrap: wrap;
    /*background-color: #ffffff;*/
    justify-content: center;
}

    .k49-chartwrapper {
        
    }

        .k49-chartheadline {
            font-family:"NettoOT-Bold";
            color: #017840;
            margin-bottom: 20px;
            width: 100%;
            float: left;
        }
        
        canvas {
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
        }
        .chart-container {
            width: calc(100% + 40px);
            height: 100%;
            margin-left: -20px;
            max-width: none;
        }
        .k49-wrapper .chart-container canvas {
            height: 100% !important;
        }
        
        .k49-chartcontainer {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 10px;
            margin-bottom: 20px;
            width: 100%;
            min-height: 200px;
        }
.k5-wrapper, .k5-wrapper * {
    float: left;
    overflow: hidden;
}

.k5-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;
    float: none;
    background-color: #017840;
	/* margin-left: 1vw; */
}

    .k5-content {
        width: 50%;
        text-align: right;
        padding-left: 3rem;
    }

        .k5-text {
            width: 100%;
            margin-bottom: 2rem;
        }

        .k5-caption {
            width: 100%;
        }


    .k5-icon {
        fill: #017840;
		z-index: 1;
    }

    .k-button.k5-button-readon {
        margin: 2rem 20% 22px;
        width: 60%;
        margin-top: auto;
    }
  
.k5-image-blur {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-size: cover;
}

.k5-wrapper.k5-wrapper--greentxt {
    color: #017840;
}

.k5-wrapper.k5-wrapper--greentxt .k-icon {
    fill: #017840;
}

.k5-wrapper.k5-wrapper--greentxt .k-button {
	color: #017840;
    border-color: #017840;
}

.k5-wrapper.k5-wrapper--graytxt {
    color: #363636;
}

.k5-wrapper.k5-wrapper--graytxt .k-icon {
    fill: #363636;
}

.k5-wrapper.k5-wrapper--graytxt .k-button {
	color: #363636;
    border-color: #363636;
}

.k5-wrapper.k5-wrapper--whitetxt {
    color: #ffffff;
}

.k5-wrapper.k5-wrapper--whitetxt .k-icon {
    fill: #ffffff;
}

.k5-wrapper.k5-wrapper--whitetxt .k-button {
	color: #ffffff;
    border-color: #ffffff;
	background: transparent;
}
@media (min-width:0px) and (max-width:700px) {

    .k-button.k5-button-readon {
        margin: 1.3rem 20%;
    }

}
.k5-image-background {
    background: url("../img/background.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
}


.k50-wrapper {
    width: 100%;
    float: left;
    padding: 25px 4%;
    z-index: 2;
}

.k20-column50 .k50-wrapper {
    padding: 0;
}

.k29-wrapper + .k50-wrapper {
    margin-top: -150px;
}    

.k50-steps-wrapper {
    float: left;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-left: 50px;
    width: calc(100% - 50px);
}

.k50-step {
    flex-grow: 1;
    flex-basis: 350px;
    display: flex;
    float: left;
    overflow: hidden;
    height: 359px;
    max-height: 359px;
    margin: 10px 0 10px -50px;
}

.k29-wrapper + .k20-column4x-wrapper .k50-wrapper .k50-step:first-child {
    border-left: 1px solid #58c981;
}    

.k29-wrapper + .k50-wrapper .k50-step:first-child {
    border-left: 1px solid #58c981;
}    

.k50-right-end {
    display: none;
    width: 50px;
    height: 100%;
    border: 1px solid #58c981;
    border-left: 0;
}

.k50-content {
    width: calc(100% - 100px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    padding: 30px 30px;
    height: 100%;
    border: 1px solid #58c981;
    border-right: 0;
    border-left: 0;
}

.k50-step:last-child .k50-content {
    padding-right: 0;
}

.k50-content > div {
    width: 100%;
    height: 50%;
    text-align: center;
}

.k50-content p {
    margin: 0;    
}

.k50-content-iconwrapper  {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 30px;
}

.k50-content-icon  {
    margin: 0 10px;
    display: none;
}

.k50-content-iconwrapper svg {
    left: auto;
    transform: none;
}

.k50-content-icontext {
    display: flex; 
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: -10px;
    white-space: nowrap;
    
}

/* CMS reddot display overrides */
.k50-content-icontext img {
    position: absolute;
    left: -17px;
}

.k50-step:first-child .k50-content {
    width: calc(100% - 50px);
}

.k50-step:last-child .k50-right-arrow {
    display: none;
}

.k50-right-arrow, .k50-left-arrow {    
    max-height: 359px;
}

.k50-step:last-child .k50-right-end {
    display: block;
}
@media (min-width:0) and (max-width:1260px) {
    .k50-steps-wrapper {
        width: 100%;
        display: block;
        margin: 0;
        background-color: #58c981;
        overflow: hidden;
    }
    
    .k50-step .k50-right-arrow, .k50-step .k50-left-arrow {
        display: none;
    }    

    .k50-step {
        display: block;
        width: 100%;
        margin: 0 0 2px 0;
        overflow: visible;
        height: auto;
        max-height: none;
        border: 1px solid #58c981;
        border-bottom: 0;
    }
    
    .k50-step:last-child:before, .k50-step:last-child:after {
        display: none;
    }
    
    .k50-content {
        width: 100%;
        border: 0;
        padding-top: 70px;
        padding-bottom: 0px;
    }
    
    .k50-content > div {
        height: 40%;
    }
    
    .k50-content-iconwrapper  {
        height: 60%;
    }
    
    .k50-step:last-child .k50-content {
        padding-right: 30px;
    }
    
    .k50-content:first-child {
        width: 100%;
        border: 0;
        padding-top: 30px;
    }
    
    .k50-step:first-child .k50-content {
        width: 100%;
    }
    
    
    .k50-step:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: calc(50vw - 4vw) solid transparent;
        border-right: calc(50vw - 4vw) solid transparent;
        left: 0;
        top: 100%;
        z-index: 3;
    }
    
    #k50-step1.k50-step:before {
        border-top: 46px solid #04803e;
    }
    
    #k50-step2.k50-step:before {
        border-top: 46px solid #168d4c;
    }
    
    #k50-step3.k50-step:before {
        border-top: 46px solid #219947;
    }
    
    #k50-step4.k50-step:before {
        border-top: 46px solid #2aa73f;
    }
    
    #k50-step5.k50-step:before {
        border-top: 46px solid #3bac52;
    }
    
    .k50-step:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: calc(50vw - 4vw) solid transparent;
        border-right: calc(50vw - 4vw) solid transparent;
        border-top: 46px solid #58c981;
        left: 0;
        top: calc(100% + 2px);
        z-index: 2;
    }
    
    #js-html .k50-right-end {
        display: none;
    }
    
}
@media (min-width:0) and (max-width:550px) {
    #js-page-main .k50-step:before {
        border-left: 48vw solid transparent;
        border-right: 48vw solid transparent;
    }

    #js-page-main .k50-step:after {
        border-left: 48vw solid transparent;
        border-right: 48vw solid transparent;
    }
}
.k51-wrapper {
    width: 100%;
    float: left;
    padding: 25px 4%;
}

.k51-letters-container {
    display: flex;    
    flex-wrap: wrap;
    padding-top: 10px;
}

.k51-letter {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;    
    border: 1px solid #868686;
    padding: 5px 10px;
    font-family: NettoOT-Bold, Arial, sans-serif;
    color: #cccccc;
    line-height: 1em;
    margin: 0 7px 7px 0;
    font-size: 2.3rem;
    width: 40px;
    height: 40px;
}

.k51-letter a {
    text-decoration: none;
    color: #017840;
}

.k51-wordlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.k51-word {
    color: #017840;
    font-size: 1.8rem;
}

.k51-word:before {
    content: "\0025b6\00a0";    
}

.k51-textarea {
    display: none;    
}

.k51-details {
    display: none;
}
.k52-wrapper {
    width: 100%;
    float: left;
    padding: 25px 4%;
    background-color: #ebeced;
    padding-bottom: 40px;
}

.k52-buttons-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.k52-button {
    min-width: 400px;
    background-color: #ffffff;    
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 40px 0 20px;
    margin: 10px;
    cursor: pointer;
}

.k52-button svg {
    fill: #000000;
}

.k52-buttontext {
    font-family: "NettoOT-Bold", Arial, Sans-Serif;
    font-size: 3rem;
    margin-left: 20px;
}

@media (min-width:0) and (max-width:460px) {
    .k52-button {
        min-width: auto;
    }    
}
.k56-wrapper {
    float: left;
    width: 100%;
    padding: 5rem 0;
    text-align: center;
    overflow: hidden;
    background-color: #ffffff;
}

.k56-items {
    display: flex;
    justify-content: center;
    min-height: 400px;
    max-height: 400px;
    overflow: hidden;
    max-width: none;
    min-width: 100%;
    transition: 1s all;
}

.k56-items div {
    background-color: #ffffff;
    margin: 0 5px;
    min-width: 350px;
    min-height: 400px;
    cursor: pointer;
}

.k56-items iframe {
    pointer-events: none;
}

.k56-arrow {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 100%;
    z-index: 3;
    display: none;
}
.k56-arrow-left {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.7) 1%, rgba(255, 255, 255, 1) 100%);
    left: 0;
}

.k56-arrow-left svg {
    transform: rotate(180deg);
}

.k56-arrow-right {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 1%, rgba(255, 255, 255, 1) 100%);
}

.k56-arrow svg {
    width: 21px;
    height: 40px;
}

.k56-more {
    width: 100%;
    height: 300px;
    margin-top: -300px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100%);
    z-index: 1;
    pointer-events: none;
}

.k56-more-button {
    width: 100%;
    height: 45px;
    margin-top: -45px;
    z-index: 2;
}
.k57-wrapper {
    float: left;
    width: 100%;
    overflow: hidden;
}

.k57-wrapper.k57-whitebg {
    background-color: #ffffff;
}

.k57-wrapper.k57-graybg {
    background-color: #ebeced;
}

    .k57-content {
        max-width: 1200px;
        display: flex;
        flex-wrap: wrap;
        padding: 15px 15px 75px 15px;
        left: 50%;
        transform: translateX(-50%);
    }

        .k57-entry {
            min-width: 100%;
            display: flex;
            justify-content: center;
        }

            .k57-leftwrapper, .k57-rightwrapper {
                display: flex;
                flex-wrap: wrap;
                width: calc(50% - 70px);
                align-content: center;
            }

            .k57-linewrapper {
                flex-grow: 0;
                display: flex;
                justify-content: center;
                width: 70px;
                min-width: 70px;
            }

                .k57-linemarker {
                    border: 4px solid #00b43e;
                    background-color: #ffffff;
                    min-width: 70px;
                    min-height: 70px;
                    height: 70px;
                    height: 70px;
                    width: 70px;
                    border-radius: 35px;
                    z-index: 1;
                    padding: 0 0 2px 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: #00b43e;
                    font-weight: bold;
                    font-size: 3.2rem;
                    line-height: 1.2em;
                    font-family: 'NettoOT-Bold', Sans-Serif;
                    top: 50%;
                    transform: translateY(-50%);
                    left: 0px;
                }

                .k57-linemarker.abs {
                    position: absolute;
                    z-index: 2;
                    background: transparent;
                }

                .k57-entry:hover .k57-linemarker.abs {
                    width: 76px;
                    min-width: 76px;
                    height: 76px;
                    border-radius: 40px;
                    left: -3px;
                }

                .k57-content .k57-entry:nth-child(even) .k57-linemarker {
                    border-color: #017840;
                    color: #017840;
                }

                .k57-line {
                    position: absolute;
                    height: calc(100% - -25px);
                    top: 7px;
                    background: linear-gradient(180deg, #017840 0%, #017840 49%, #00b43e 50%, #00b43e 100%);
                    width: 6px;
                    left: 50%;
                    transform: translateX(-50%);
                }

                .k57-content .k57-entry:first-child .k57-line {
                    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, #00b43e 50%, #00b43e 100%);
                }

                .k57-content .k57-entry:nth-child(even) .k57-line {
                    background: linear-gradient(180deg, #00b43e 0%, #00b43e 49%, #017840 50%, #017840 100%);
                }

                .k57-wrapper .k57-content .k57-entry:last-child .k57-line {
                    border-bottom-left-radius: 3px;
                    border-bottom-right-radius: 3px;
                }

            .k57-headlinewrapper {
                width: 100%;
                margin-top: 24px;
            }

            .k57-content .k57-entry:nth-child(odd) .k57-leftwrapper .k57-headlinewrapper {
                margin-top: 0;
            }

            .k57-content .k57-entry:nth-child(even) .k57-rightwrapper .k57-headlinewrapper {
                margin-top: 0;
            }

            .k57-leftwrapper .k57-headlinewrapper {
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-end;
                text-align: right;
            }

            .k57-content .k57-entry:nth-child(odd) .k57-leftwrapper .k57-year {
                width: 100%;
            }

            .k57-leftwrapper .k57-headlinewrapper, .k57-leftwrapper .k57-text {
                margin-right: 30px;
            }

            .k57-rightwrapper .k57-headlinewrapper, .k57-rightwrapper .k57-text {
                margin-left: 30px;
            }

                .k57-headline, .k57-year {
                    color: #00b43e;
                    font-family: 'NettoOT-Bold', Sans-Serif;
                    font-size: 3rem;
                    line-height: 1.2em;
                    display: inline-block;
                }

                .k57-content .k57-entry:nth-child(even) .k57-leftwrapper .k57-year,
                .k57-content .k57-entry:nth-child(odd) .k57-rightwrapper .k57-year {
                    opacity: 0;
                    display: block;
                    height: 1px;
                    overflow: hidden;
                }

                .k57-content .k57-entry:nth-child(even) .k57-rightwrapper .k57-year,
                .k57-content .k57-entry:nth-child(odd) .k57-leftwrapper .k57-year {
                    width: 100%;
                    display: block;
                }

                .k57-year-dash {
                    display: none;
                }

                .k57-content .k57-entry:nth-child(odd) .k57-leftwrapper .k57-headline,
                .k57-content .k57-entry:nth-child(odd) .k57-leftwrapper .k57-text,
                .k57-content .k57-entry:nth-child(even) .k57-rightwrapper .k57-headline,
                .k57-content .k57-entry:nth-child(even) .k57-rightwrapper .k57-text {
                    opacity: 0;
                    height: 1px;
                    overflow: hidden;
                    margin-top: 0;
                    margin-bottom: 0;
                    display: block;
                }

                .k57-content .k57-entry:nth-child(even) .k57-year, .k57-content .k57-entry:nth-child(even) .k57-headline {
                    color: #017840;
                }

                .k57-text {
                    margin-top: 15px;
                    margin-bottom: 30px;
                    width: 100%;
                }

                .k57-leftwrapper .k57-text {
                    justify-content: flex-end;
                    text-align: right;
                }

                    .k57-text p {
                        margin: 0;
                    }

            .k57-linemarker .k-icon {
                width:40px;
                height: 40px;
                /*border-radius: 20px;*/
                fill: #00b43e;
                margin-top: 2px;
            }

            .k57-content .k57-entry:nth-child(even) .k-icon {
                fill: #017840;
            }


/* ----- START k57-alignHeadlines ----- */
/* if the class "k57-alignHeadlines" is put into the the k57-wrapper classlist, year/month bubble and headline will be aligned */

.k57-alignHeadlines .k57-leftwrapper, .k57-alignHeadlines .k57-rightwrapper {
    align-content: flex-start;
    margin-top: 11px;
}

.k57-alignHeadlines .k57-linemarker {
    top: auto;
    transform: translateY(0%);
}

.k57-alignHeadlines .k57-entry:hover .k57-linemarker.abs {
    top: -3px;
}

.k57-alignHeadlines .k57-line {
    background: none;
    background-color: #00b43e;
}

.k57-alignHeadlines .k57-content .k57-entry:first-child .k57-line {
    background: none;
    background-color: #00b43e;
}

.k57-alignHeadlines .k57-content .k57-entry:nth-child(even) .k57-line {
     background: none;
     background-color: #017840;
}

.k57-alignHeadlines .k57-content .k57-entry:last-child .k57-line {
    height: calc(100% - 10px);
}

.k57-wrapper.k57-alignHeadlines .k57-content .k57-entry .k57-headlinewrapper {
    margin-top: 5px;
}

.k57-wrapper.k57-alignHeadlines .k57-content .k57-entry:nth-child(odd) .k57-rightwrapper .k57-headlinewrapper {
    margin-top: 4px;
}

.k57-wrapper.k57-alignHeadlines .k57-content .k57-entry:nth-child(even) .k57-leftwrapper .k57-headlinewrapper {
    margin-top: 5px;
}

@media (max-width:799px) {
    .k57-wrapper.k57-alignHeadlines .k57-content .k57-entry:nth-child(even) .k57-rightwrapper .k57-headlinewrapper,
    .k57-wrapper.k57-alignHeadlines .k57-content .k57-entry:nth-child(odd) .k57-rightwrapper .k57-headlinewrapper {
        margin-top: 9px;
    }
}

/* ----- END k57-alignHeadlines ----- */

/* ----- START content alignment ----- */
/* align content horizontally and/or vertically by assigning classes to leftwrapper/rightwrapper */

.k57-leftwrapper.k57-alignhoriz-left,
.k57-rightwrapper.k57-alignhoriz-left {
    justify-content: flex-start;
}

.k57-leftwrapper.k57-alignhoriz-right,
.k57-rightwrapper.k57-alignhoriz-right {
    align-content: flex-end;
}

.k57-leftwrapper.k57-alignhoriz-center,
.k57-rightwrapper.k57-alignhoriz-center {
    align-content: center;
}

.k57-leftwrapper.k57-alignvert-top,
.k57-rightwrapper.k57-alignvert-top {
    align-content: flex-start;
}

.k57-leftwrapper.k57-alignvert-bottom,
.k57-rightwrapper.k57-alignvert-bottom {
    align-content: flex-end;
}

.k57-leftwrapper.k57-alignvert-center,
.k57-rightwrapper.k57-alignvert-center {
    align-content: center;
}

.k57-leftwrapper.k57-alignvert-top .k57-headlinewrapper,
.k57-rightwrapper.k57-alignvert-top .k57-headlinewrapper {
    margin-top: 30px;
}

.k57-leftwrapper.k57-alignvert-bottom .k57-headlinewrapper,
.k57-rightwrapper.k57-alignvert-bottom .k57-headlinewrapper {
    margin-top: 30px;
}

.k57-leftwrapper.k57-alignhoriz-left .k57-headlinewrapper,
.k57-leftwrapper.k57-alignhoriz-left .k57-text,
.k57-rightwrapper.k57-alignhoriz-left .k57-headlinewrapper,
.k57-rightwrapper.k57-alignhoriz-left .k57-text {
    text-align: left;
    justify-content: flex-start;
}

.k57-leftwrapper.k57-alignhoriz-right .k57-headlinewrapper,
.k57-leftwrapper.k57-alignhoriz-right .k57-text,
.k57-rightwrapper.k57-alignhoriz-right .k57-headlinewrapper,
.k57-rightwrapper.k57-alignhoriz-right .k57-text {
    text-align: right;
    justify-content: flex-end;
}

.k57-leftwrapper.k57-alignhoriz-center .k57-headlinewrapper,
.k57-leftwrapper.k57-alignhoriz-center .k57-text,
.k57-rightwrapper.k57-alignhoriz-center .k57-headlinewrapper,
.k57-rightwrapper.k57-alignhoriz-center .k57-text {
    text-align: center;
    justify-content: center;
}

/* ----- END content alignment ----- */

@media (max-width:899px) {
    .k57-content {
        padding: 15px;
    }
}

@media (max-width:799px) {
    .k57-leftwrapper, .k57-rightwrapper {
        flex-grow: 1;
        width: auto;
    }

    .k57-linemarker {
        top: 0%;
        transform: none;
    }

    .k57-linemarker.abs {
        display: none;
    }

    .k57-line {
        background: none;
        background-color: #00b43e;
    }

    .k57-wrapper .k57-content .k57-entry:last-child .k57-line {
        height: calc(100% - 10px);
    }


    .k57-wrapper.k57-red .k57-content .k57-line {
        background: none;
        background-color: #e53b3b;
    }

    .k57-wrapper .k57-content .k57-entry:first-child .k57-line {
        background: none;
        background-color: #00b43e;
    }

    .k57-wrapper.k57red .k57-content .k57-entry:first-child .k57-linewrapper .k57-line {
        background: none;
        background-color: #e53b3b;
    }

    .k57-content .k57-entry:nth-child(even) .k57-line {
        background: none;
        background-color: #017840;
    }

    .k57-wrapper .k57-content .k57-entry:first-child .k57-linewrapper .k57-line {
        background: none;
        background-color: #00b43e;
    }

    .k57-wrapper.k57-red .k57-content .k57-entry:first-child .k57-linewrapper .k57-line {
        background: none;
        background-color: #e53b3b;
    }

    .k57-wrapper.k57-red .k57-content .k57-entry:nth-child(even) .k57-linewrapper .k57-line {
        background: none;
        background-color: #bb0000;
    }

    .k57-leftwrapper {
        display: none;
    }

    .k57-headlinewrapper {
        margin-top: -4px;
    }

    .k57-wrapper.k57-alignHeadlines .k57-content .k57-entry .k57-leftwrapper .k57-headlinewrapper {
        margin-top: 8px;
    }

    .k57-wrapper.k57-alignHeadlines .k57-content .k57-entry .k57-rightwrapper .k57-headlinewrapper {
        margin-top: 12px;
    }

    .k57-rightwrapper .k57-headlinewrapper, .k57-rightwrapper .k57-text {
        opacity: 1 !important;
    }

    .k57-year, .k57-headline {
        font-size: 2.5rem;
    }

    .k57-year-dash {
        display: inline;
    }

    .k57-text {
        margin-bottom: 40px;
    }

    .k57-text {
    }

    .k57-rightwrapper .k57-headlinewrapper, .k57-rightwrapper .k57-text {
        margin-left: 15px;
    }

    .k57-content .k57-entry:last-child .k57-text {
        margin-bottom: 0;
    }

    .k57-content .k57-entry:nth-child(even) .k57-rightwrapper .k57-headline,
    .k57-content .k57-entry:nth-child(even) .k57-rightwrapper .k57-text {
        opacity: 1;
        height: auto;
        overflow: inherit;
    }

    .k57-content .k57-entry:nth-child(even) .k57-rightwrapper .k57-year,
    .k57-content .k57-entry:nth-child(even) .k57-rightwrapper .k57-headline {
        display: inline-block;
        width: auto;
    }

    .k57-content .k57-entry:nth-child(even) .k57-rightwrapper .k57-headline {
        margin-top: -4px;
    }
    .k57-content .k57-entry:nth-child(even) .k57-rightwrapper .k57-text {
        margin: 15px 0 40px 15px;
    }

    .k57-content .k57-entry:last-child .k57-rightwrapper .k57-text {
        margin-bottom: 0;
    }

    .k57-content .k57-entry:nth-child(odd) .k57-rightwrapper .k57-year {
        opacity: 1;
        display: inline-block;
        height: auto;
        overflow: inherit;
        margin-bottom: 0;
    }
}

/* ----- START k57-hideLastLine ----- */
/* if the class "k57-hideLastLine" is put into the the k57-wrapper classlist, the last line will be hidden */

.k57-wrapper.k57-hideLastLine .k57-content .k57-entry:last-child .k57-line {
    height: 50%;
}

.k57-wrapper.k57-hideLastLine.k57-alignHeadlines  .k57-content .k57-entry:last-child .k57-line {
    display: none;
}

/* ----- END k57-hideLastLine ----- */

/* ----- START k57-alignHeadlines ----- */
/* if the class "k57-alignHeadlines" is put into the the k57-wrapper classlist, year/month bubble and headline will be aligned */

.k57-alignHeadlines .k57-content .k57-entry .k57-rightwrapper .k57-headlinewrapper {
    margin-top: 5px;
}

/* ----- END k57-alignHeadlines ----- */

/* ----- START k57-red ----- */
/* if the class "k57-red" is put into the the k57-wrapper classlist, the color scheme will be switched to red */

.k57-red .k57-linemarker {
    border: 4px solid #e53b3b;
    color: #e53b3b;
}

.k57-red .k57-content .k57-entry:nth-child(even) .k57-linemarker {
    border-color: #bb0000;
    color: #bb0000;
}

.k57-wrapper.k57-red .k57-content .k57-line {
    position: absolute;
    height: calc(100% - -25px);
    top: 7px;
    background: linear-gradient(180deg, #bb0000 0%, #bb0000 49%, #e53b3b 50%, #e53b3b 100%);
    width: 6px;
    left: 50%;
    transform: translateX(-50%);
}

.k57-wrapper.k57-red .k57-content .k57-entry:first-child .k57-line {
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, #e53b3b 50%, #e53b3b 100%);
}

.k57-wrapper.k57-red .k57-content .k57-entry:nth-child(even) .k57-line {
    background: linear-gradient(180deg, #e53b3b 0%, #e53b3b 49%, #bb0000 50%, #bb0000 100%);
}

.k57-wrapper.k57-red.k57-alignHeadlines .k57-content .k57-entry .k57-line {
    background: none;
    background-color: #e53b3b;
}

.k57-wrapper.k57-red.k57-alignHeadlines .k57-content .k57-entry:first-child .k57-line {
    background: none;
    background-color: #e53b3b;
}

.k57-wrapper.k57-red.k57-alignHeadlines .k57-content .k57-entry:nth-child(even) .k57-line {
    background: none;
    background-color: #bb0000;
}

.k57-wrapper.k57-red .k57-linemarker .k-icon {
    fill: #e53b3b;
}

.k57-wrapper.k57-red .k57-content .k57-entry:nth-child(even) .k-icon {
    fill: #bb0000;
}

.k57-wrapper.k57-red .k57-headline, .k57-wrapper.k57-red .k57-year {
    color: #e53b3b;
}

.k57-wrapper.k57-red .k57-content .k57-entry:nth-child(even) .k57-year, .k57-wrapper.k57-red .k57-content .k57-entry:nth-child(even) .k57-headline {
    color: #bb0000;
}


@media (max-width:799px) {
    .k57-wrapper.k57-red .k57-content .k57-line {
        background: none;
        background-color: #e53b3b;
    }
}

/* ----- END k57-red ----- */

/* ----- START k57-no-headline----- */
/* if there is no headline for an entry we need to hide the headlinewrapper on the textside if we are in desktop mode. This class is added by Javascript */

@media (min-width:800px) {
    .k57-content .k57-entry.k57-no-headline:nth-child(odd) .k57-rightwrapper .k57-headlinewrapper,
    .k57-content .k57-entry.k57-no-headline:nth-child(even) .k57-leftwrapper .k57-headlinewrapper {
        display: none;
    }

    .k57-content .k57-entry.k57-no-headline:nth-child(odd) .k57-rightwrapper .k57-text,
    .k57-content .k57-entry.k57-no-headline:nth-child(even) .k57-leftwrapper .k57-text {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .k57-alignHeadlines .k57-content .k57-entry.k57-no-headline:nth-child(even) .k57-leftwrapper .k57-text,
    .k57-alignHeadlines .k57-content .k57-entry.k57-no-headline:nth-child(odd) .k57-rightwrapper .k57-text {
        margin-top: 13px;
    }

    .k57-wrapper.k57-alignHeadlines .k57-content .k57-entry:nth-child(odd) .k57-rightwrapper .k57-headlinewrapper {
        margin-top: 4px !important;
    }

    .k57-wrapper.k57-alignHeadlines .k57-content .k57-entry:nth-child(even) .k57-leftwrapper .k57-headlinewrapper {
        margin-top: 5px !important;
    }

}

/* ----- END k57-no-headline----- */
.k58-wrapper {
    float: left;
    width: 100%;
    background-color: #ebeced;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 4rem 2rem;
}

.k58-wrapper h2 {
    width: 100%;
    padding: 0 3% 1rem 3%;
    text-align: center;
}

@media (max-width:646px) {
    .k58-wrapper h2 {
        margin: 0;
    }
}

.k58-slider-wrapper {
    width: 100%;
    max-width: calc(70% + 10rem);
}

.k58-wrapper .swiper-container {
    width: 100%;
}

.k58-wrapper .swiper-wrapper {
    padding: 2rem 0;
}

.k58-wrapper .swiper-slide {
    height: auto;
    text-align: center;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-content: center;
    border-radius: 1.5rem;
    flex-wrap: wrap;
    padding: 3rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 1rem 0rem;
    color: #363636;
    cursor: pointer;
    text-decoration: none;
}

.k58-wrapper .swiper-slide:hover {
    color: #ffffff;
    background: linear-gradient(120deg, #00A33B 0%, #046F3D 100%);
}

.k58-wrapper .swiper-wrapper .swiper-slide:hover svg {
    fill: #ffffff;
}

.k58-wrapper .swiper-slide svg {
    fill: #007F3D;
    /* min-width: 100%; */
    height: 5rem;
    margin-top: 0;
}

.k58-wrapper .swiper-slide span {
    display: inline-block;
    min-width: 100%;
}

.k58-wrapper .swiper-button-prev {
    left: -4rem;
    right: auto;
}

.k58-wrapper .swiper-button-next {
    right: -4rem;
    left: auto;
}

.k58-wrapper .swiper-button-prev:after, .k58-wrapper .swiper-button-next:after {
    content: '';
    cursor: pointer;
}

.k58-wrapper .swiper-button-prev svg, .k58-wrapper .swiper-button-next svg {
    width: 100%;
    height: 100%;
    fill: #363636;
}

.k58-wrapper .swiper-button-prev svg {
    transform: rotate(180deg);
}

.k58-wrapper .swiper-button-disabled {
    display: none;
}

@media (max-width:500px) {
    .k58-wrapper .swiper-button-prev,
    .k58-wrapper .swiper-button-next {
        height: 3rem;
        opacity: 0.1;
        margin-top: -1.5rem;
    }

    .k58-wrapper .swiper-button-prev {
        left: -2.4rem;
        right: auto;
    }

    .k58-wrapper .swiper-button-next {
        right: -2.4rem;
        left: auto;
    }
}

/* christians code from cms template */
.k58-wrapper a.swiper-slide.PlusClubNeu:hover { background: #00b43e;}
.k58-wrapper a.swiper-slide.PlusClubKulinarik:hover {background: #f08977; }
.k58-wrapper a.swiper-slide.PlusClubKultur:hover {background: #a17e9d;}
.k58-wrapper a.swiper-slide.PlusClubFreizeit:hover {background: #8abf80;}
.k58-wrapper a.swiper-slide.PlusClubShopping:hover {background: #80bcb3;}
.k58-wrapper a.swiper-slide.PlusClubSport:hover {background: #4c899b;}
.k58-wrapper a.swiper-slide.InterenergoRot:hover {background: #bb0000;}
.k58-wrapper a.swiper-slide.PlusClubNeu  > svg {fill: #00b43e;}
.k58-wrapper a.swiper-slide.PlusClubKulinarik > svg {fill: #f08977;}
.k58-wrapper a.swiper-slide.PlusClubKultur > svg {fill: #a17e9d;}
.k58-wrapper a.swiper-slide.PlusClubFreizeit > svg {fill: #8abf80;}
.k58-wrapper a.swiper-slide.PlusClubShopping > svg {fill: #80bcb3;}
.k58-wrapper a.swiper-slide.PlusClubSport > svg {fill: #4c899b;}
.k58-wrapper a.swiper-slide.InterenergoRot  > svg {fill: #b00;}
.k58-wrapper.k58-single {
    padding: 5rem 2rem;
    background-color: #ffffff;
}

.k58-single.k58-wrapper-green {
    background-color: transparent;
    background: linear-gradient(120deg,#00b43e 0,#017840 100%);
}

.k58-single.k58-wrapper-gray {
    background-color: #4d4d4d;
}

.k58-single.k58-wrapper-red {
    background-color: transparent;
    background: linear-gradient(120deg,#cb420e 0,#b00 100%);
}

.k58-single .k58-slider-wrapper {
    display: flex;
    align-items: center;
}

.k58-single.k58-vertical-top .k58-slider-wrapper {
    align-items: flex-start;
}

.k58-single.k58-vertical-bottom .k58-slider-wrapper {
    align-items: flex-end;
}

.k58-wrapper.k58-single .swiper-wrapper {
    padding: 0;
}

.k58-single .k58-headline {
    font-family: NettoOT-Bold,Sans-Serif;
    font-size: 3.2rem;
    margin-bottom: 0.1rem;
}

.k58-wrapper.k58-single .swiper-slide svg {
    margin: 0 0 0.5rem 0;
    height: 7rem;
}

#js-page-main .k58-single.k58-green .k58-icon {
    fill: #007F3D;
}

#js-page-main .k58-single.k58-red .k58-icon {
    fill: #bb0000;
}

.k58-single .swiper-slide {
    padding: 0 0 3rem 0;
    box-shadow: none;
}

.k58-wrapper.k58-single .swiper-slide:hover {
    color: inherit;
    background: none;
}

.k58-wrapper.k58-single.k58-horizontal-left .swiper-slide {
    text-align: left;
    justify-content: flex-start;
}

.k58-wrapper.k58-single.k58-horizontal-right .swiper-slide {
    text-align: right;
    justify-content: flex-end;
}

.k58-single .k58-pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.k58-single .swiper-pagination-bullet {
    margin: 0.5rem;
    width: 1rem;
    height: 1rem;
    background-color: #888888;
    border-radius: 1rem;
    outline: 0;
}

.k58-single .swiper-pagination-bullet-active {
    background-color: #007F3D;
}

.k58-single.k58-red .swiper-pagination-bullet-active {
    background-color: #bb0000;
}

.k58-single .swiper-slide svg {
    left: auto;
    transform: none;
}

.k58-wrapper.k58-single .swiper-button-next,
.k58-wrapper.k58-single .swiper-button-prev {
    display: none;
}

.k58-wrapper.k58-single .swiper-button-next {
    right: -2rem;
}

.k58-wrapper.k58-single .swiper-button-prev {
    left: -2rem;
}

@media screen and (max-width: 646px) {
    .k58-wrapper.k58-single .swiper-slide svg {
        height: 5rem;
    }

    .k58-single .k58-headline {
        font-size: 3rem;
    }
}

@media screen and (max-width: 449px) {
    .k58-single .k58-headline {
        font-size: 2.5rem;
    }
}

/* color options */

.k58-single.k58-wrapper-green {
    background-color: transparent;
    background: linear-gradient(120deg,#00b43e 0,#017840 100%);
}

.k58-single.k58-wrapper-gray {
    background-color: #4d4d4d;
}

.k58-single.k58-wrapper-red {
    background-color: transparent;
    background: linear-gradient(120deg,#cb420e 0,#b00 100%);
}

.k58-single.k58-wrapper-green .swiper-slide,
.k58-single.k58-wrapper-green .swiper-slide:hover,
.k58-single.k58-wrapper-gray .swiper-slide,
.k58-single.k58-wrapper-gray .swiper-slide:hover,
.k58-single.k58-wrapper-red .swiper-slide,
.k58-single.k58-wrapper-red .swiper-slide:hover {
    background-color: transparent !important;
    color: #ffffff;
}

#js-page-main .k58-wrapper.k58-single.k58-wrapper-green svg,
#js-page-main .k58-wrapper.k58-single.k58-wrapper-gray svg,
#js-page-main .k58-wrapper.k58-single.k58-wrapper-red svg {
    fill: #ffffff;
}

.k58-wrapper.k58-single.k58-wrapper-green .swiper-pagination-bullet,
.k58-wrapper.k58-single.k58-wrapper-gray .swiper-pagination-bullet,
.k58-wrapper.k58-single.k58-wrapper-red .swiper-pagination-bullet {
    background-color: #ffffff;
    opacity: 0.3;
}

.k58-wrapper.k58-single.k58-wrapper-green .swiper-pagination-bullet-active,
.k58-wrapper.k58-single.k58-wrapper-gray .swiper-pagination-bullet-active,
.k58-wrapper.k58-single.k58-wrapper-red .swiper-pagination-bullet-active {
    opacity: 1;
}

/* background image */

.k58-single .k58-bgimage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.k20-column4x-wrapper.k20-borderradius .k58-single .k58-bgimage {
    border-radius: 1.5rem;
}
.k59-wrapper {
    float: left;
    width: 100%;
    background-size: cover;
    overflow: hidden;
}

.k59-gradient {
    width: 100%;
    height: 100%;
    float: left;
    background: linear-gradient(120deg, rgba(0,163,59,0.9) 0%, rgba(4,111,61,0.9) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.k59-content-wrapper {
/*    top: calc(50% - 4rem);
    left: calc(50% - 4rem); */
    max-width: 75%;
/*    transform: translate(-50%, -50%); */
    display: flex;
    margin: 4rem;
}

.k59-content {
    float: left;
    max-width: 50%;
}

.k59-content-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 9rem;
}

.k59-content-center {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.k59-headline-big {
    font-family: 'NettoOT-Bold', Sans-Serif;
    font-size: 8.5rem;
    color: #ffffff;
    margin-bottom: 2rem;
    text-align: center;
}

.k59-headline-small {
    font-family: 'NettoOT-Bold', Sans-Serif;
    font-size: 4rem;
    color: #ffffff;
    margin-bottom: 2rem;
    text-align: center;
}

.k59-text {
    margin-top: 4rem;
    color: #ffffff;
    text-align: center;
}

.k59-text a {
    color: #ffffff;
}

.k59-iconitem {
    display: flex;
    align-items: center;
    color: #ffffff;
    margin-bottom: 2rem;
}

.k59-icon {
    margin-right: 2rem;
}

.k59-icon svg {
    fill: #ffffff;
    width: 4rem;
    margin: 0;
}

.k59-wrapper .k-button {
    margin-top: 3rem;
}

.k59-wrapper .k-button:hover {
    background-color: #ffffff;
    color: #007F3D;
}

@media screen and (max-width:1600px) {
    .k59-content-wrapper {
        max-width: none;
    }
}

@media screen and (max-width:1155px) {
    .k59-content-right {
        margin-left: 4rem;
    }
}

@media screen and (max-width:650px) {
    .k59-content-wrapper {
        flex-wrap: wrap;
    }

    .k59-content {
        max-width: none;
        width: 100%;
    }

    .k59-content-right {
        display: block;
        margin-top: 4rem;
        margin-left: 0;
    }

    .k59-content-center {
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
    }

    .k59-headline-big {
        font-size: 6rem;
    }

    .k59-headline-small {
        font-size: 3rem;
    }
    
    .k59-wrapper .k-button {
        float: left;
        clear: both;
        left: 50%;
        transform: translateX(-50%);
        min-width: 85%;
    }
}
.k60-wrapper {
    width: 100%;
    min-height: 20rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 2.7rem;
    display: flex;
    align-items: center;
	overflow: hidden;
}

.k20-padding .k60-wrapper {
	box-shadow: 0 0 0.8rem 0 rgba(0,0,0,0.1);
}

.k20-borderradius .k60-wrapper {
	border-radius: 1.5rem;
}

	.k60-buttonwrapper {
		min-width: 100%;
		display: flex;
		justify-content: center;
	}

		.k60-wrapper .k60-button {
			display: inline-block;
			padding: 1rem 2rem;
			margin: 0;
			background-color: #017840;
			background: linear-gradient(39deg, #00A33B 0%, #046F3D 100%);
			color: #fff;
			font-family: NettoOT-Bold,Sans-Serif;
			font-size: 1.7rem;
			border-radius: .5rem;
			text-decoration: none;
			text-align: center;
			transition: 0.5s opacity;
		}

		.k60-wrapper:hover .k60-button {
			opacity: 0;
		}

	.k60-overlay {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(39deg, #00A33B 0%, #046F3D 100%);
		z-index: 0;
		opacity: 0.85;
		transition: 0.5s top;
	}

	.k60-wrapper:hover .k60-overlay {
		top: 0;
	}

	.k60-overlay-content {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		padding: 5rem;
		transition: 0.5s top;
		display: flex;
		flex-wrap: wrap;
	}

	.hub-main .k60-overlay-content {
		padding: 2.7rem;
	}

	.k60-wrapper:hover .k60-overlay-content {
		top: 0;
	}

	.k60-overlay-content-invisible {
		opacity: 0;
		z-index: 0;
		position: relative;
		padding: 2.3rem;
	}

	.hub-main .k60-overlay-content-invisible {
		padding: 0;
	}

		.k60-overlay-content h2 {
			width: 100%;
			text-align: center;
			color: #ffffff;
			font-family: 'NettoOT-Bold', Sans-Serif;
			font-size: 3rem;
		}

		.hub-main .k60-overlay-content h2 {
			font-size: 1.7rem;
		}

		.k60-overlay-textwrapper {
			min-width: 100%;
			display: flex;
			justify-content: center;
		}

			.k60-overlay-text {
				color: #ffffff;
				text-align: center;
				font-size: 1.6rem;
			}

		.k60-overlay-linkbutton {
			width: 100%;
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
			padding-top: 2.5rem;
			text-decoration: none;
			cursor: pointer;
		}

			.k60-overlay-linkbutton span {
				display: block;
				color: #ffffff;
				font-family: 'NettoOT-Bold', Sans-Serif;
				font-size: 1.7rem;
			}

			.hub-main .k60-overlay-linkbutton span {
				font-size: 1.4rem;
			}

			.k60-overlay-linkbutton svg {
				fill: #ffffff;
				width: 1.5rem;
				height: 1.5rem;
				display: inline-block;
				margin: 0 0 0 1rem;
				transform: rotate(-90deg);
				left: auto;
			}
.k61-wrapper {
    float: left;
    width: 100%;
    background-size: cover;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .k61-gradient {
        position: absolute;
        width: 100%;
        height: 100%;
        float: left;
        background: linear-gradient(120deg, rgba(0,163,59,0.9) 0%, rgba(4,111,61,0.9) 100%);
        z-index: 0;
    }

    .k61-content-textwrapper {
        width: 100%;
        margin: 6.5rem 25% 0 25%;
        z-index: 1;
    }

        .k61-content-textwrapper h2 {
            font-family: NettoOT-Bold,Sans-Serif;
            font-size: 5rem;
            color: #ffffff;
            text-align: center;
        }

        .k61-content-textwrapper span {
            color: #ffffff;
            display: block;
            text-align: center;
        }

    .k61-content-boxwrapper {
        width: 100%;
        margin: 5rem 10%;
        z-index: 1;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .k61-box {
            margin: 1.3rem;
            padding: 2rem;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            border: 1px solid #ffffff;
            border-radius: 1.2rem;
            max-width: 23rem;
            min-width: 23rem;
            text-decoration: none;
        }

        .k61-box:hover {
            padding: 1.9rem;
            border: 2px solid #ffffff;
            background-color: #007F3D;
        }

            .k61-box svg {
                height: 5.5rem;
                fill: #ffffff;
                transform: none;
                left: auto;
                margin: 0 0 1.5rem 0;
            }

            .k61-box-headline {
                font-family: NettoOT-Bold,Sans-Serif;
                font-size: 2rem;
                color: #ffffff;
                margin: 0 0 1.5rem 0;
                width: 100%;
                text-align: center;
            }

            .k61-text {
                width: 100%;
                text-align: center;
                color: #ffffff;
                font-size: 1.6rem;
            }


@media screen and (max-width:650px) {
    .k61-content-textwrapper {
        width: 100%;
        margin: 6.5rem 10% 0 10%;
        z-index: 1;
    }
}
.k62-wrapper {
    width: 100%;
    background: linear-gradient(90deg, #00A33B 0%, #046F3D 100%);
    justify-content: center;
}

    .k62-image {
        width: 100%;
        height: 30vh;
        background-position: center center;
        background-size: cover;
        z-index: 1;
    }

    .k62-wrapper-fullwidth {
        width: 100%;
        display: flex;
        justify-content: center;
    }

        .k62-progress-wrapper {
            width: 100%;
            max-width: 73rem;
            margin: 3rem 4rem 2.5rem 4rem;
            list-style: none;
            padding: 0;
            width: 100%;
            left: 0;
            top: 0;
            display: flex;
        }

            .k62-progress-item {
                flex-grow: 1;
                padding: 0;
                display: flex;
                flex-wrap: wrap;
                flex-direction: column;
                align-items: center;
            }

                .k62-progress-item:before,
                .k62-progress-item:after {
                    content: " ";
                    position: absolute;
                    top: 1.2rem;
                    height: 0.7rem;
                    width: 50%;
                    background-color: #ffffff;
                }

                .k62-progress-item:before {
                    left: 0;
                }

                .k62-progress-item:after {
                    right: 0;
                }

                .k62-progress-item:first-child:before {
                    display: none;
                }

                .k62-progress-item-active:after {
                    background-color: #005A2B;
                }

                .k62-progress-item-active ~ .k62-progress-item:before,
                .k62-progress-item-active ~ .k62-progress-item:after {
                    background-color: #005A2B;
                }

                .k62-progress-item:last-child:after {
                    display: none;
                }

                .k62-bullet {
                    display: flex;
                    justify-content: center;
                    align-content: center;
                    height: 3.1rem;
                    width: 3.1rem;
                    border-radius: 1.6rem;
                    background-color: #ffffff;
                    color: #007F3D;
                    border: 0.2rem solid #ffffff;
                    margin-top: -0.1rem;
                    padding-top: 0.3rem;
                    z-index: 1;
                }

                .k62-progress-item-active .k62-bullet,
                .k62-progress-item-active ~ .k62-progress-item .k62-bullet{
                    background-color: #007F3D;
                    color: #ffffff;
                }

                .k62-progress-item:first-child.k62-progress-item-active .k62-bullet {
                    background-color: #ffffff;
                    color: #007F3D;
                }

                .k62-progress-item:last-child.k62-progress-item-active.k62-finished .k62-bullet {
                    background-color: #ffffff;
                    color: #007F3D;
                }

                .k62-bullet-invisible {
                    opacity: 0;
                }

                .k62-progress-label {
                    width: 100%;
                    font-family: NettoOT-Bold,Sans-Serif;
                    font-size: 1.7rem;
                    color: #ffffff;
                    display: flex;
                    justify-content: center;
                    margin-top: 0.6rem;
                    z-index: 1;
                }

                .k62-progress-label-invisible {
                    opacity: 0;
                }


@media screen and (max-width:550px) {
    .k62-progress-label {
        display: none;
    }
}
.k63-ovarechner-wrapper {
    width: calc(100% - 3rem);
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 5rem 1.5rem;
    display: flex;
    flex-wrap: wrap;
}

.k63-ovarechner {
    background-color: #ffffff;
    border-radius: 1.5rem;
    padding: 3.5rem;
    z-index: 1;
    width: calc(100% - 7rem);
    max-width: 73rem;
    margin-bottom: 3.5rem;
}

.k63-ovarechner-hidden {
    opacity: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.k63-ovarechner > h2 {
    width: 100%;
    font-size: 3.2rem;
    margin: 0 0 4rem 0;
    color: #007F3D;
}

.k63-ovarechner-section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.k63-ovarechner-section-seperator {
    width: 100%;
    border-bottom: 0.1rem solid #C4C4C4;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
}

.k63-ovarechner-section-seperator-noline {
    width: 100%;
    margin-bottom: 3rem;
}

.k63-ovarechner-label {
    width: calc(50% - 3rem);
    font-family: 'NettoOT-Bold', Sans-Serif;
    font-size: 2.5rem;
    margin-right: 3rem;
    display: flex;
    align-items: center;
    padding: 1rem 0;
}

.k63-options-wrapper {
    width: 50%;
    display: flex;
    max-width: 32rem;
    flex-wrap: wrap;
    align-items: center;
}

.k63-full-width {
    width:100%;
}
.k63-options-wrapper.k63-options-vertical {
    margin: -1rem 0;
}

.k63-ovarechner-buttongroup {
    border: 0.1rem solid #C4C4C4;
    border-radius: 0.5rem;
    display: flex;
    flex-wrap: wrap;
}

.k63-ovarechner-header .k63-ovarechner-buttongroup {
    width: auto;
}

h2 ~ .k63-ovarechner-buttongroup {
    margin-left: 2rem;
}

.k63-ovarechner-button-icon {
    flex-grow: 1;
    font-family: 'NettoOT-Bold', Sans-Serif;
    font-size: 1.5rem;
    color: #007F3D;
    padding: 1rem 1.5rem;
    text-align: center;
    cursor: pointer;
}

.k63-ovarechner-buttongroup-single .k63-ovarechner-button-icon {
    min-width: 8.5rem;
    padding: 1rem 0.5rem;
}

#js-page-main .k63-ovarechner-button-icon.dualicons svg {
    max-width: 3rem;
    min-width: 3rem;
}

.k63-ovarecher-iconlabel {
    width: 100%;
}

.k63-ovarechner-button-icon:first-child {
    border-radius: 0.5rem 0 0 0.5rem;
}

.k63-ovarechner-button-icon:last-child {
    border-radius: 0 0.5rem 0.5rem 0;
}

.k63-ovarechner-button-icon:hover {
    background-color: #ebeced;
}

.k63-ovarechner-button-icon-spacer {
    position: absolute;
    right: 0;
    height: 85%;
    width: 0.1rem;
    top: 50%;
    transform: translateY(-50%);
    background-color: #C4C4C4;
}

.k63-ovarechner-button-icon.active .k63-ovarechner-button-icon-spacer, .k63-ovarechner-button-icon:hover .k63-ovarechner-button-icon-spacer {
    display: none;
}

#js-page-main .k63-ovarechner-button-icon svg {
    fill: #007F3D;
    margin: 0;
    left: auto;
    transform: none;
}

.k29-iconheight-2rem .k63-ovarechner-button-icon svg {
    max-height: 2rem;
}

.k63-ovarechner-button-icon.active {
    color: #ffffff;
    border-radius: 0.5rem;
    box-shadow: 0 0 0 0.1rem #007F3D;
    background: linear-gradient(120deg, #00A33B 0%, #046F3D 100%);
}

#js-page-main .k63-ovarechner-button-icon.active svg {
    fill: #ffffff;
}

.k63-ovarechner-optionlabel {
    font-family: 'NettoOT-Bold', Sans-Serif;
    font-size: 1.7rem;
}

.k63-ovarechner-radio + .k63-ovarechner-optionlabel {
    padding-left: 3.5rem;
}

.k63-segement {
    display: none;
}

.k63-ovarechner .fullwidth {
    width: 100%;
    max-width: none;
    margin: 0;
}

.k63-ovarechner .halfwidth {
    max-width: 60%;
    max-width: none;
    margin: 0;
}

.k63-ovarechner-optionlabel.fullwidth {
    margin-bottom: 1.3rem;
}

.k63-ovarechner-form-wrapper {
    display: flex;
    flex-grow: 1;
}

.k63-ovarechner-form-wrapper input {
    border: 2px solid #C4C4C4;
    background-color: #ffffff;
    border-radius: 0.4rem;
    padding: 0.7rem 1.6rem;
    flex-grow: 1;
    font-family: 'NettoOT-Bold', Sans-Serif;
    font-size: 1.6rem;
}

.k63-ovarechner-form-wrapper .submit {
    max-width: 35rem;
}

.k63-ovarechner-radiogroup {
    margin: 1rem 0;
    align-items:center;
}

.k63-options-vertical .k63-ovarechner-radiogroup {
    width: 100%;
}

.k63-ovarechner-radiogroup input[type="radio"] {
    margin-right: 1rem;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    z-index: 1;
}

.k63-ovarechner-input[type="text"] {
    width: 100%;
    border-radius: 0.4rem;
    padding: 0.8rem 2.9rem 0.8rem 1.5rem;
    display: flex;
    align-items: center;
    font-family: 'NettoOT-Bold', Sans-Serif;
    font-size: 1.7rem;
}

#ovarechner-einzugsdatum-wrapper {
    width: 100%;
}

    #ovarechner-einzugsdatum-wrapper input {
        height: auto;
        opacity: 1;
    }

    #ovarechner-einzugsdatum-wrapper .qs-datepicker-container {
        margin-top: -22rem;
    }

    #ovarechner-einzugsdatum-wrapper .qs-datepicker .qs-square.qs-empty {
        display: none;
    }

.k63-ovarechner-input-gray {
    background-color: #dddddd;
    border: 0;
}

.k63-ovarechner-input-icon {
    padding-right: 5rem;
}

.k63-calendar-icon {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    top: 2.9rem;
    right: 1rem;
    width: 1.9rem;
    height: 1.9rem;
    fill: #4D4D4D;
    transform: none;
    left: auto;
    margin: 0;
}

.k63-verbrauchblock-wrapper {
     display: flex;
    /*display: none;*/
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    margin-bottom: 2rem;
}

.k63-ovarechner-wrapper input.error {
    border: 2px solid #ff0000;
}

.k63-ovarechner-input-error {
    display: none;
    width: 100%;
    text-align: left;
    color: #ff0000;
    font-size: 1.2rem;
    position: absolute;
    left: 0;
    bottom: -2rem;
}

#k63-slider-wohnflaeche {
    width: 100%;
    height: 0.7rem;
    background-color: #dddddd;
    border-radius: 0.4rem;
    margin: 4.7rem 0 3rem 0;
}

    #k63-slider-wohnflaeche .ui-slider-range-min {
        width: 100%;
        height: 0.7rem;
        background: linear-gradient(88deg, #00A33B 0%, #046F3D 100%);
        border-radius: 0.4rem;
    }

    #k63-slider-wohnflaeche .ui-slider-handle {
        width: 2.3rem;
        height: 2.3rem;
        margin-top: -0.2rem;
        border-radius: 1.5rem;
        background-color: #ffffff;
        border: 2px solid #017840;
        outline: 0;
    }

        .k63-slider-wohnflaeche-handle-tooltip {
            padding: 0.2rem 1.5rem;
            border: 2px solid #C4C4C4;
            background-color: #ffffff;
            border-radius: 0.4rem;
            position: absolute;
            top: -4.1rem;
            transform: translateX(-19%);
            min-width: 9rem;
            font-family: 'NettoOT-Bold', Sans-Serif;
            font-size: 1.5rem;
        }

            .k63-slider-wohnflaeche-handle-tooltip-valuewrapper {
                z-index: 1;
                width: 100%;
                text-align: center;
            }

            .k63-slider-wohnflaeche-handle-tooltip-arrow {
                width: 1.5rem;
                height: 1.5rem;
                border-right: 2px solid #C4C4C4;
                border-bottom: 2px solid #C4C4C4;
                border-top: 2px solid #FFFFFF;
                border-left: 2px solid #FFFFFF;
                border-radius: 0.4rem;
                transform: rotate(45deg);
                position: absolute;
                bottom: -0.8rem;
                left: 20%;
                background-color: #ffffff;
            }

.k63-ovarechner-buttonswitch {
    width: 100%;
    display: flex;
    border: 2px solid #007F3D;
    border-radius: 4px;
}

.k63-ovarechner-buttonswitch div {
    width: 50%;
    text-align: center;
    background-color: #ffffff;
    color: #007F3D;
    font-family: 'NettoOT-Bold', Sans-Serif;
    font-size: 1.7rem;
    padding: 0.8rem 2rem;
}

.k63-ovarechner-buttonswitch div.active {
    background: linear-gradient(84deg, #00A33B 0%, #046F3D 100%);
    color: #ffffff;
}

.k63-showhide {
    max-height: 100rem;
    transition: 1s max-height;
}

.k63-hidden {
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

@media (max-width:770px) {
    .k63-options-wrapper {
        width: 100%;
    }

    .k63-ovarechner-label {
        width: 100%;
    }
}

@media (max-width:700px) {
    .k63-ovarechner {
        width: 94%;
        position: relative;
        margin: 0 3% 3.5rem 3%;
        max-width: none;
        top: auto;
        right: auto;
    }

    .k63-ovarechner-header .k63-ovarechner-button-icon {
        padding: 1rem 2rem;
    }
}

@media (max-width:540px) {
    .k63-ovarechner-label {
        font-size: 1.8rem;
    }

    .k63-ovarechner-optionlabel {
        font-size: 1.6rem;
    }

    .k63-ovarechner-section-seperator {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }

    .k63-ovarechner-buttongroup {
        margin: 0.5rem 0 1rem 0;
    }
}

@media (max-width:455px) {
    .k63-ovarechner-header {
        justify-content: center;
    }

    .k63-ovarechner-header h2 {
        flex-grow: 0;
        margin-bottom: 2rem;
        width: 100%;
        text-align: center;
    }

    .k63-ovarechner {
        padding: 2rem 2rem 3rem 2rem;
        width: 100%;
        margin: 0 0 3.5rem 0;
        max-height: none;
    }
}

.k63-checkboxsection {
    flex-wrap: nowrap;
}

.k63-checkboxwrapper {
    width: 2.2rem;
    min-width: 2.2rem;
}

.k63-gdpr-checkbox {
    min-width: 2.2rem;
}

.k63-checkboxlabel{
    width: calc(100% - 4rem);
    font-family: NettoOT-Bold,Sans-Serif;
    font-size: 1.7rem;
    margin-left: 1rem;
    margin-right: 0;
}

.k63-checkbox-overlays:after{
    left:0;
}
.k63-checkbox-overlays {
    top: 2px;
}
.k63-ovarechner-checkbox-error{
    bottom: -1rem;
}

/* jQuery UI override start
bugfix for vertical scrolling on mobile when draggable is covering screen
preventDefault() has to be removed from "jquery ui touch punch" library
*/
.ui-draggable-handle {
    touch-action: auto !important;
}
/* jQuery UI override end */

.k64-wrapper {
    width: 100%;
    max-height: none;
    float: left;
    padding: 5rem 0 8rem 0;
    background-color: #DDDDDD;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    overflow: hidden;
}

    .k64-wrapper > div {
        width: 100%;
    }

        .k64-ovarechner-products-submit {
            margin-top: 5rem;
        }

        .k64-weitergehts {
            max-width: 100rem;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 3rem;
        }

            .k64-weitergehts-line {
                position: absolute;
                background-color: #007F3D;
                height: 0.3rem;
                width: 100%;
                left: 0;
                border-radius: 0.2rem;
            }

            .k64-weitergehts-infowrapper {
                display: flex;
                align-items: center;
                z-index: 1;
                background-color: #dddddd;
                padding: 1.5rem;
            }

                .k64-weitergehts-infowrapper svg {
                    fill: #007F3D;
                    width: 4rem;
                    left: auto;
                    transform: none;
                    margin-right: 1rem;
                }

                .k64-weitergehts-infowrapper-text {
                    font-family: 'NettoOT-Bold', Sans-Serif;
                    font-size: 2rem;
                    color: #007F3D;
                }

        .k64-header {
            padding: 0 2.5rem;
            text-align: center;
            width: 100%;
        }

            .k64-header-einzeln {
                display: none;
                margin-bottom: 2rem;
            }

            .k64-header-beides {
                display: none;
            }

                .k64-header-beides span {
                    font-family: 'NettoOT-Bold', Sans-Serif;
                    font-size: 2rem;
                    display: block;
                    margin-bottom: 6rem;
                }

            .k64-wrapper h2 {
                color: #007F3D;
                margin: 0 0 1.5rem 0;
                width: 100%;
                text-align: center;
                font-size: 4rem;
            }

            .k64-teaser {
                display: block;
                font-family: 'NettoOT-Bold', Sans-Serif;
                font-size: 2.5rem;
                text-align: center;
            }

        .k64-slider-wrapper1 {
            width: 100%;
            overflow: hidden;
            display: flex;
            justify-content: center;
            padding-top: 8rem;
        }

            .k64-slider-wrapper2 {
                max-width: none;
                position: absolute;
                display: flex;
                justify-content: center;
            }

            @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
                /* IE10+ specific styles go here */
                .k64-slider-wrapper2 {
                   position: relative;
                }
            }

                .k64-slider {
                    position: absolute;
                    display: flex;
                    justify-content: center;
                    align-content: flex-start;
                    max-width: none;
                }

                @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
                    /* IE10+ specific styles go here */
                    .k64-slider {
                        position: relative;
                    }
                }

                    .k64-produkt {
                        max-width: 34rem;
                        min-width: 31rem;
                        min-height: 40rem;
                        text-align: center;
                        margin: 0 1.5rem;
                        align-self: center;
                        border-radius: 1.5rem;
                    }

                    .k64-topprodukt {

                    }

                        .k64-produkt-top {
                            border-radius: 1.2rem 1.2rem 0 0;
                            background-color: #ffffff;
                            border-top: 4px solid #ffffff;
                            border-left: 4px solid #ffffff;
                            border-right: 4px solid #ffffff;
                            flex-grow: 1;
                        }

                        @media (min-width:540px) {
                            .k64-produkt {
                            height: 100%;
                            display: flex;
                            flex-direction: column;
                            }
                        }

                        .k64-resize-to-tallest-wrapper {
                            height: 100%;
                            display: flex;
                            flex-direction: column;
                        }

                        .k64-resize-to-tallest-container {
                            flex: 1;
                        }

                        .k64-details-link {
                            background-color: #ebeced;
                        }

                            .k64-details-link a {
                                text-decoration: none;
                                font-size: 1.7rem;
                            }

                            .k64-produktseitelink-icon {
                                width: 2.5rem;
                                height: 2.5rem;
                                margin: -0.2rem 0 0 0.7rem;
                                fill: #007f3d;
                            }


                        .k64-topprodukt .k64-produkt-top:before {
                            content: "Tarif- Empfehlung für Sie";
                            width: 10rem;
                            height: 10rem;
                            position: absolute;
                            top: -5rem;
                            right: 3rem;
                            background: linear-gradient(45deg, #00A33B 0%, #046F3D 100%);
                            color: #ffffff;
                            border-radius: 5rem;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            font-family: 'NettoOT-Bold', Sans-Serif;
                            font-size: 1.6rem;
                            transform: rotate(-10deg);
                        }

                        .k64-produkt-selected .k64-produkt-top {
                            display: flex;
                            flex-direction: column;
                            border-top: 4px solid #007f3d;
                            border-left: 4px solid #007f3d;
                            border-right: 4px solid #007f3d;
                        }

                            .k64-produkt-header {
                                padding: 2.5rem 1.7rem 0 1.7rem;
                                margin-bottom: 2.5rem;
                            }

                            .k64-header-info {
                                display: block;
                                margin-bottom: 5rem;
                                font-size: 2rem;
                                font-family: 'NettoOT-Bold', Sans-Serif;
                            }

                            .k64-produkticon {
                                height: 7.8rem;
                                width: 7.8rem;
                                min-height: 7.8rem;
                                min-width: 7.8rem;
                            }

                            .k64-produktname {
                                font-family: 'NettoOT-Bold', Sans-Serif;
                                font-size: 3.2rem;
                                color: #007F3D;
                            }

                            .k64-produktinfo {
                                font-family: 'NettoOT-Bold', Sans-Serif;
                                font-size: 2rem;
                                color: #007F3D;
                                display: block;
                                min-height: 2rem;
                            }

                            .k64-produkt-preisboxen {
                                display: flex;
                                border-top: 1px solid #E3E3E3;
                                border-bottom: 1px solid #E3E3E3;
                            }

                                .k64-produkt-box-preisbox {
                                    padding: 1.7rem;
                                    display: flex;
                                    justify-content: center;
                                    align-content: center;
                                    flex-wrap: wrap;
                                    width:50%;
                                }

                                .k64-produkt-box-preisbox > .k64-preis {
                                    font-size: 3.2rem;
                                }

                                .k64-produkt-box-preisbox > .k64-preis-label {
                                    font-size: 1.6rem;
                                }

                                .k64-produkt-box-grundpreis {
                                    border-right: 1px solid #E3E3E3;
                                }

                                    .k64-preis {
                                        font-family: 'NettoOT-Bold', Sans-Serif;
                                        font-size: 3.2rem;
                                        color: #007F3D;
                                        display: block;
                                        width: 100%;
                                        margin-bottom: 0.5rem;
                                    }

                                    .k64-preis-label {
                                        font-size: 1.6rem;
                                    }

                            .k64-produkt-preisbox {
                                border-top: 1px solid #E3E3E3;
                                padding: 1.7rem;
                            }

                                .k64-preis {
                                    font-size: 4rem;
                                }

                            .k64-infoline-wrapper {
                                border-bottom: 1px solid #E3E3E3;
                                padding: 1.7rem;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }

                            .k64-details-wrapper {
                                max-height: 50rem;
                                flex-grow: 1;
                                display: flex;
                                flex-direction: column;
                            }

                                .k64-infoline-wrapper.k64-aktion {
                                    min-height: 8rem;
                                    align-items: center;
                                    flex-grow: 1;
                                }

                                    .k64-aktionswrapper {
                                        padding-left: 5.5rem;
                                        display: flex;
                                        align-items: center;
                                        color: #007F3D;
                                    }

                                    .k64-aktionswrapper svg {
                                        position: absolute;
                                        width: 4rem;
                                        height: 4rem;
                                        fill: #007F3D;
                                        left: 0;
                                        transform: none;
                                        margin: 0;
                                        top: -1rem;
                                    }

                            .k64-produkt-bottom {
                                border-radius: 0 0 1.2rem 1.2rem;
                                background-color: #4D4D4D;
                            }

                            .k64-produkt-bottom-einzeln {
                                background-color: #ffffff;
                            }

                            .k64-topprodukt .k64-produkt-bottom-einzeln {
                                border-bottom: 4px solid #007f3d;
                                border-left: 4px solid #007f3d;
                                border-right: 4px solid #007f3d;
                            }

                            .k64-produkt-bottom-selected {
                                background-color: #007f3d;
                            }

                                .k64-buttongroup {
                                    padding: 3rem 1rem 2.5rem 1rem;
                                    border-radius: 0 0 1.2rem 1.2rem;
                                    display: flex;
                                    flex-wrap: wrap;
                                    justify-content: center;
                                }

                                    .k64-buttongroup a {
                                        width: calc(100% - 1rem);
                                        margin: 0.5rem;
                                        cursor: pointer;
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                        min-height: 4.1rem;
                                    }

                                    .k64-produkt-bottom.k64-produkt-bottom-beides .k64-buttongroup .k-button--green {
                                        color: #ffffff;
                                        border-color: #ffffff;
                                        background: transparent;
                                    }

                                    #k64-wrapper .k64-produkt-bottom.k64-produkt-bottom-beides .k64-buttongroup .k-button--green:hover {
                                        color: #4D4D4D;
                                        background: none;
                                        background-color: #ffffff;
                                    }

                                    .k64-produkt-bottom .k64-buttongroup .k-button--orange {
                                        display: none;
                                        /*display:inline-block*/
                                    }

                                        .k64-collapseable__icon-right {
                                            width: 2rem;
                                            height: 2rem;
                                            position: absolute;
                                            right: 0.4rem;
                                            top: 0.9rem;
                                        }

                                        .k64-produkt-bottom-beides .k-button:hover .k64-collapseable__icon-right {
                                            right: 0.6rem;
                                            top: 1.1rem;
                                        }

                                            .k64-collapseable__plus, .k64-collapseable__minus {
                                                position: absolute;
                                                top: 50%;
                                                left: 50%;
                                                width: 0.2rem;
                                                height: 60%;
                                                background-color: #ffffff;

                                            }

                                            .k64-produkt-bottom-einzeln .k64-collapseable__plus, .k64-produkt-bottom-einzeln  .k64-collapseable__minus {
                                                background-color: #007F3D;
                                            }

                                            .k64-produkt-bottom-einzeln .k-button:hover .k64-collapseable__plus, .k64-produkt-bottom-einzeln .k-button:hover .k64-collapseable__minus {
                                                background-color: #ffffff;
                                            }

                                            .k64-produkt-bottom-beides .k-button:hover .k64-collapseable__plus, .k64-produkt-bottom-beides .k-button:hover  .k64-collapseable__minus {
                                                background-color: #4D4D4D;
                                            }

                                            .k64-collapseable__plus {
                                                transform: translate(-50%, -50%);
                                                transition: all .5s linear;
                                            }

                                            .k64-collapseable__minus {
                                                transform: translate(-50%, -50%) rotate(-90deg);
                                                transition: all .5s linear;
                                            }

                                            .k64-collapseable__icon-right.k64-button-active .k64-collapseable__plus {
                                                transform: translate(-50%, -50%) rotate(90deg);
                                            }

                                            .k64-collapseable__icon-right.k64-button-active .k64-collapseable__minus {
                                                transform: translate(-50%, -50%) rotate(90deg);
                                            }

                                    .k64-buttongroup .k64-button-details-onoff {
                                        display: none;
                                    }

                                    .k64-produkt-bottom .kform-field {
                                        display: none;
                                        /*display: flex;*/
                                        float: none;
                                        min-width: 100%;
                                        justify-content: center;
                                        margin-top: 1.5rem;
                                    }

                                        .k64-produkt-bottom .kform-checkboxgroup {
                                            display: flex;
                                            align-items: center;
                                        }

                                            .k64-produkt-bottom .kform-checkbox {
                                                margin: 0;
                                                width: 3.1rem;
                                                height: 3.1rem;
                                                margin-right: 0.5rem;
                                                cursor: pointer;
                                            }

                                            .k64-produkt-bottom .kform-checkbox-label {
                                                font-family: 'NettoOT-Bold', Sans-Serif;
                                                font-size: 2rem;
                                                color: #ffffff;
                                                margin-left: 0.5rem;
                                                margin-top: -0.2rem;
                                                margin-right: 0;
                                            }

                                            .k64-produkt-bottom .kform-checkbox-overlays:before {
                                                border: 0.5rem solid #f47119;
                                                background-color: #DDDDDD;
                                                width: 2.1rem;
                                                height: 2.1rem;
                                            }

                                            .k64-produkt-bottom .kform-checkbox:checked + .kform-checkbox-overlays:before {
                                                border-color: #ffffff;
                                                background-color: #ffffff;
                                                width: 2.1rem;
                                                height: 2.1rem;
                                            }

                                            .k64-produkt-bottom .kform-checkbox-overlays:after {
                                                display: none;
                                                width: 2.3rem;
                                                height: 2.3rem;
                                                top: -0.1rem;
                                                left: 0.8rem;
                                                font-family: NettoOT-Bold,Sans-Serif;
                                                font-size: 2.5rem;
                                                color: #007f3d;
                                                transform: scale(-1,1) rotate(-40deg);
                                            }

                                            .k64-produkt-bottom .kform-checkbox:checked + .kform-checkbox-overlays:after {
                                                display: block;
                                            }

@media (max-width:698px) {
    .k64-details-wrapper {
        overflow: hidden;
        max-height: 0;
    }
}

@media (max-width:540px) {
    .k64-wrapper h2 {
        margin: 0;
    }

    .k64-slider-wrapper1 {
        padding-top: 6rem;
    }

    .k64-produkt-bottom .kform-checkbox-label {
        font-size: 1.7rem;
    }

    .k64-produkt {
        min-width: auto;
        max-width: 25rem;
        min-width: 23rem;
    }

    .k64-topprodukt .k64-produkt-top:before {
        right: 1rem;
    }

    .k64-produktname {
        font-size: 2.5rem;
    }

    .k64-produktinfo {
        font-size: 1.7rem;
    }

    .k64-produkt-box-preisbox > .k64-preis {
        font-size: 2.5rem;
    }

    .k64-produkt-box-preisbox>.k64-preis-label {
        font-size: 1.4rem;
    }

    .k64-infoline-wrapper, .k64-aktionswrapper {
        font-size: 1.4rem;
    }

    .k64-topprodukt:before {
        right: 1rem;
        transform: scale(0.9) rotate(-10deg);
    }

    .k64-buttongroup .k64-button-details {
        display: none;
    }

    .k64-buttongroup .k64-button-details-onoff {
        display: flex;
    }
}

.k64-details-link {
    display: flex;
}

@media (min-width:540px) {
    .k64-details-link {
        display: none;
    }
}

.k64-tax-info {
    display: block;
    font-size: initial;
    width: 100%;
    padding-top: 2rem;
    text-align: center;
}

.k64-product-order-0 {
    order:0;
}

.k64-product-order-1 {
    order:1;
}

.k64-product-order-2 {
    order:2;
}

.k65-wrapper {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    padding: 1rem 1rem 1rem 2rem;
    display: flex;
    background-color: #EBECED;
}

    .k65-rightcolumn-mobile {
        display: none;
        background: linear-gradient(90deg, #00A33B 0%, #046F3D 100%);
        padding: 2rem 3rem 2rem 3rem;
    }

        .k65-mobile-edit-wrapper {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

            .k65-mobile-edit-headline {
                font-family: 'NettoOT-Bold', Sans-Serif;
                font-size: 1.6rem;
                color: #ffffff;
            }

            .k65-mobile-edit-action {
                display: flex;
            }

                .k65-rightcolumn-mobile .k65-actionicon {
                    height: 2rem;
                    width: 2rem;
                    fill: #ffffff;
                    transform: none;
                    left: auto;
                    margin: 0 0.7rem 0 0;
                }

                .k65-rightcolumn-mobile .k65-actionlabel {
                    color: #ffffff;
                    font-family: 'NettoOT-Bold', Sans-Serif;
                    text-decoration: none;
                }

        .k65-mobile-produktname {
            font-family: 'NettoOT-Bold', Sans-Serif;
            font-size: 2.5rem;
            color: #ffffff;
            text-decoration: underline;
            margin-top: 0.5rem;
        }


    .k65-leftcolumn {
        flex-grow: 1;
        padding-top: 4rem;
    }

        .k65-formbox {
            background-color: #ffffff;
            border-radius: 1.2rem;
            padding: 4rem;
            margin-bottom: 4rem;
            max-width: 85rem;
            margin: 0 auto;
        }

    .k65-rightcolumn {
        padding: 4rem 2rem 4rem 4rem;
        width: 32rem;
    }

        .k65-rightcolumn-content {
            position: sticky;
            top: 7rem;
        }

            .k65-headline {
                font-family: 'NettoOT-Bold', Sans-Serif;
                font-size: 1.7rem;
                margin-bottom: 1.3rem;
            }

            .k65-produktname-wrapper {
                display: flex;
                align-items: center;
            }

            .k65-produkticon {
                height: 6.2rem;
            }

            .k65-produktname {
                font-family: 'NettoOT-Bold', Sans-Serif;
                font-size: 2.5rem;
                color: #007F3D;
            }

            .k65-linespacer {
                width: 100%;
                background-color: #C4C4C4;
                height: 1px;
                margin: 2rem 0rem;
            }

            .k65-pricewrapper {
                display: flex;
                align-items: center;
            }

                .k65-price {
                    font-family: 'NettoOT-Bold', Sans-Serif;
                    font-size: 2rem;
                    color: #007F3D;
                    margin-right: 1.5rem;
                    line-height: 1.5em;
                    display: block;
                }

                .k65-pricelabel {
                    font-size: 1.6rem;
                    display: block;
                    margin-top: 0.3rem;
                }

            .k65-info {
                display: flex;
                align-items: center;
                font-size: 1.6rem;
                margin: 1.3rem 0;
            }

                .k65-aktionsicon {
                    margin: 0 1.5rem 0 0;
                    transform: none;
                    left: auto;
                    width: 4rem;
                    height: 4rem;
                    fill: #007F3D;
                }

                .k65-aktionslabel {
                    color: #007F3D;
                }

            .k65-actionwrapper {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

                .k65-action {
                    display: flex;
                    align-items: center;
                }

                    .k65-actionicon {
                        height: 2.3rem;
                        width: 2.3rem;
                        fill: #7e7e7e;
                        transform: none;
                        left: auto;
                        margin: 0 0.7rem 0 0;
                    }

                    .k65-actionlabel {
                        color: #7e7e7e;
                        font-family: 'NettoOT-Bold', Sans-Serif;
                        font-size: 1.7rem;
                        text-decoration: underline;
                    }


@media (max-width:999px) {
    .k65-rightcolumn {
        padding: 4rem 0 4rem 4rem;
        width: 28rem;
    }
}

@media (max-width:800px) {
    .k65-rightcolumn {
        padding: 4rem 0rem 4rem 2rem;
        width: 25rem;
    }
}

@media (max-width:750px) {
    .k65-wrapper {
        float: left;
        display: block;
        padding: 0;
    }
    
    .k65-rightcolumn-mobile {
        display: block;
    }

    .k65-leftcolumn {
        padding: 2rem;
    }

    .k65-rightcolumn {
        display: none;
    }
}

@media (max-width:450px) {
    .k65-leftcolumn {
        padding: 2rem 1rem;
    }
}

.k65-headline:not(:first-child) {
    padding-top: 7rem;
}

@media (max-width:750px) {
    .k65-formbox {
        padding: 1.5rem;
    }
}

iframe {
    border:none;
}

#k65-rechner-iframe-wrapper {
    display: none;
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-overflow-scrolling:touch;
}
.k67-wrapper {
	float: left;
	width: 100%;
	background-color: #ebeced;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 4rem 2rem;
}

.k67-slider-wrapper {
	width: 100%;
	max-width: calc(70% + 10rem);
}

.k67-wrapper .swiper-container {
	width: 100%;
}

.k67-wrapper .swiper-container,
.k67-wrapper .swiper-container-initialized { overflow: hidden; }

.k67-wrapper .swiper-wrapper {
	padding: 2rem 0;
}

.k67-wrapper .swiper-slide {
	width: 34.3rem;
	height: auto;
	background: #fff;
	display: flex;
	flex-direction: column;
	border-radius: 1.5rem;
	flex-wrap: wrap;
	box-shadow: rgba(0,0,0,.15) 0 0 1rem 0;
	color: #363636;
	cursor: pointer;
	text-decoration: none;
}

.k67-wrapper .swiper-slide > span {
	display: inline-block;
}

.k67-image {
	width: 100%;
	height: 20rem;
	background-size:cover;
	background-position: center center;
	border-radius: 1.5rem 1.5rem 0 0;
}

.k67-linkbar {
	display: none;
	width: 100%;
	height: 3.8rem;
	color: #fff;
	background-color: #007f3d;
	padding: 0.9rem 1.5rem;
	text-align: right;
	position: absolute;
	top: 16.2rem;
	justify-content: flex-end;
}

.k67-wrapper .swiper-slide:hover .k67-linkbar {
	display: flex;
}

	.k67-linkbar svg {
		fill: #fff;
		width: 1.4rem;
		height: 1.4rem;
		display: inline-block;
		margin: 0 0 0 .6rem;
		transform: rotate(-90deg);
		left: auto;
	}

.k67-headline {
	font-family: NettoOT-Bold,Sans-Serif;
	font-size: 2rem;
	color: #007f3d;
	padding: 2rem;
}

.k67-teaser {
	padding: 0 2rem;
	font-size: 1.6rem;
}

#js-page-main .k67-meta {
	padding: 2rem;
	font-size: 1.3rem;
	flex-grow: 1;
	display: flex;
	align-items: flex-end;
}

.k67-wrapper .swiper-button-next:after, .k67-wrapper .swiper-button-prev:after {
	display: none;
}

.k67-wrapper .swiper-button-prev {
	left: -4rem;
	right: auto;
	outline: 0;
}

.k67-wrapper .swiper-button-next {
	right: -4rem;
	left: auto;
	outline: 0;
}

.k67-wrapper .swiper-button-next svg, .k67-wrapper .swiper-button-prev svg {
	width: 2.7rem;
	height: 4.4rem;
	fill: #363636;
}

.k67-wrapper .swiper-button-prev svg {
	transform: rotate(180deg);
}

.k67-wrapper .swiper-button-disabled {
	opacity: 0;
}

@media all and (max-width: 796px) {
	.k67-wrapper {
		padding: 2rem 3%;
	}
	
	.k67-slider-wrapper {
		max-width: 100%;
	}
	
	.k67-linkbar {
		display: block;
	}
	
	.k67-wrapper .swiper-button-next svg, .k67-wrapper .swiper-button-prev svg {
		display: none;
	}
}

@media all and (max-width: 400px) {
	.k67-wrapper .swiper-slide {
		min-width: 85%;
	}
}


/* css from clipp */
.k67-wrapper.k12-wrapper--greentxt .k12-caption { background-image:linear-gradient(120deg, #017840 0%, #00b43e 100%); color:transparent; -webkit-background-clip:text; background-clip:text; }
.k67-wrapper .k-icon-gradient { stroke:url(#k-svg-green-gradient) !important; }
.k67-wrapper .k-icon-2x.k12-icon { fill:url(#k-svg-green-gradient); margin-top:0; margin-bottom:3px; }
#js-modal-k68tarif-splash-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.6;
    background-color: #000000;
    z-index: 100000;
}

#js-modal-k68tarif-splash-wrapper {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 100001;
    cursor: pointer;
}

    #js-modal-k68tarif-splash {
        cursor: pointer;
        z-index: 100002;
        line-height: 0;
        max-width: 90%;
        max-height: 90%;
    }

        #js-modal-k68tarif-splash svg {
            width: 40px;
            height: 40px;
            fill: #ffffff;
            position: absolute;
            top: -20px;
            right: -20px;
            z-index: 100003;
            background-color: #017840;
            border-radius: 40px;
            padding: 2px;
        }

        #js-modal-k68tarif-splash img {
            border-radius: 1.5rem;
        }

        #js-modal-k68tarif-splash .k68-img-desktop,
        #js-modal-k68tarif-splash .k68-img-mobile {
            display: none;
        }

@media (min-width: 651px) {
        #js-modal-k68tarif-splash .k68-img-desktop {
            display: block;
        }
}

@media (max-width: 650px) {
        #js-modal-k68tarif-splash svg {
            width: 30px;
            height: 30px;
            top: -10px;
            right: -10px;
        }

        #js-modal-k68tarif-splash .k68-img-mobile {
            display: block;
        }
}
#k69-dblclick-banner-wrapper {
    background-color: #ffffff;
    display: none;
}

    #k69-dblclick-banner {
        top: 0;
        left: 0;
        width: 100%;
        border-bottom: 0.3rem solid #ebeced;
        background-color: #ebeced;
        z-index: 101;

        display: flex;
        justify-content: center;
    }

        .k69-banner {
            width: 100%;
            height: 0;
            transition: 1s all;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .k69-banner-contentdesktop,
            .k69-banner-contentmobile {
                max-height: 100%;
                display: none;
            }

        .k69-flap {
            position: absolute;
            bottom: -2.5rem;
            height: 2.5rem;
            width: 19rem;
            max-width: 19rem;
            left: 50%;
            transform: translateX(-50%);
            background-color: #ebeced;
            border-radius: 0 0 1.5rem 1.5rem;
            padding: 0.6rem 3rem 0 2rem;
            text-align: center;
            color: #007f3d;
            z-index: 1;
            font-family: 'NettoOT-Bold';
            font-size: 1.4rem;
            line-height: 1em;
        }

            .k69-flap-text-open {
                display: none;
            }

            .k69-arrow,
            .k69-close {
                fill: #007f3d;
                transform: rotate(90deg);
                width: 1.3rem;
                height: 1.3rem;
                position: absolute;
                right: 1rem;
                top: .6rem;
                transition: 0.5s transform;
            }

            .k69-close {
                display: none;
                width: 1.5rem;
                height: 1.5rem;
                right: 1rem;
                top: 0.9rem;
            }

            #k69-close-checkbox {
                display: none;
                opacity: 0;
                width: 1.5rem;
                height: 1.5rem;
                right: 1rem;
                top: 0.9rem;
                position: absolute;
                z-index: 1;
                cursor: pointer;
            }

            #k69-banner-toggle:checked ~ .k69-flap .k69-arrow {
                transform: rotate(270deg);
            }

            #k69-banner-toggle:checked ~ .k69-flap .k69-flap-text-closed {
                display: none;
            }

            #k69-banner-toggle:checked ~ .k69-flap .k69-flap-text-open {
                display: block;
            }

        #k69-banner-toggle {
            position: absolute;
            bottom: -3.3rem;
            height: 3.3rem;
            width: 30rem;
            left: 50%;
            transform: translateX(-50%);
            z-index: 2;
            opacity: 0;
            cursor: pointer;
        }

        #k69-banner-toggle:checked ~ .k69-banner {
            height: 10rem;
        }

/*            #k69-banner-toggle:checked ~ .k69-flap .k69-arrow {
                display: none;
            }

            #k69-banner-toggle:checked ~ .k69-flap .k69-close {
                display: block;
            }

            #k69-banner-toggle:checked ~ .k69-flap #k69-close-checkbox {
                display: block;
            }
*/

@media screen and (min-width: 1156px) and (max-width: 1500px) {
    #k69-dblclick-banner {
        justify-content: flex-start;
    }

    #k69-banner-toggle {
        left: 0;
        transform: translateX(0);
    }

    .k69-flap {
        left: 0;
        transform: translateX(0);
        border-radius: 0 0 1.5rem 0;
    }
}

@media screen and (max-width: 1155px) {
    #k69-dblclick-banner-wrapper {
        padding-bottom: 3.3rem;
    }

    #k69-dblclick-banner {
        position: relative;
        border-bottom: 0;
    }

    .k69-banner {
        border-top: 0.3rem solid #ebeced;
        height: 0;
        transition: 1s height;
    }

    #k69-banner-toggle {
        left: 50%;
        transform: translateX(-50%);
    }

    .k69-flap {
        left: 50%;
        transform: translateX(-50%);
        padding: 0.4rem 3rem 0 2rem;
        border-radius: 0 0 1.5rem 1.5rem;
    }

    .k69-arrow,
    .k69-close {
        top: 0.7rem;
    }

    #k69-banner-toggle:checked {
        bottom: -3.3rem;
    }

    #k69-banner-toggle:checked ~ .k69-banner {
        border-top: 0;
        border-bottom: 0.3rem solid #ebeced;
        background-color: #ebeced;
    }
}

@media screen and (max-width: 971px) {
    #k69-banner-toggle:checked ~ .k69-banner {
        height: 10rem;
    }

    .k69-banner-contentmobile {
        display: block;
        width: 32rem;
        height: 10rem;
    }
}

@media screen and (min-width: 972px) {
    #k69-banner-toggle:checked ~ .k69-banner {
        height: 9rem;
    }

    .k69-banner-contentdesktop {
        width: 97rem;
        height: 9rem;
        display: block;
    }
}
.k7-wrapper, .k7-wrapper * {
    box-sizing: border-box;
    position: relative;
    float: left;
}

@media (max-width: 450px) {
    .k7-wrapper {
        margin-top: 30px;
    }
}

.k7-wrapper {
    color: #01873f;
    width: 100%;
    text-align: center;
}

	.k7-caption {
		width: 100%;
		text-align: center;
        color: #363636;
	}

    .k7-text {
        width: 100%;
        margin-bottom: 40px;
        color: #363636;
        text-align: center;
    }
    
    .k7-wrapper--greentxt .k7-caption {
        color: #017840;
    }
    
    .k7-wrapper--lightgreentxt .k7-caption {
        color: #00b43e;
    }
    
    @media screen and (min-width:1400px) {
        .k7-caption {
            font-size: 5rem;
        }
    }
.k74-wrapper {
    float: left;
    width: 100%;
    min-height: 10rem;
}

.k74-img-desktop,
.k74-img-mobile {
    position: absolute;
    opacity: 0;
}

.k74-img-desktop img,
.k74-img-mobile img {
    min-width: 100%;
}

@media screen and (max-width: 1155px) {
    .k74-img-desktop {
        margin-top: 5.6rem;
    }
}

@media screen and (max-width: 599px) {
    .k74-img-mobile {
        opacity: 1;
        position: relative;
    }
}
@media screen and (min-width: 600px) {
    .k74-img-desktop {
        opacity: 1;
        position: relative;
    }

    .k74-pullup+.k20-column4x-wrapper .k20-column4x {
        margin-top: -11vw;
    }
}
.k9-wrapper {
    float: left;
    width: 100%;
    background: linear-gradient(120deg, #00b43e 0%, #017840 100%);
    color: #ffffff;
    display: flex;
    min-height: 440px;
}

.k9-content {
    align-self: flex-end;
    margin: 0 -3% 5rem 3%;
    float: left;
    width: calc(100% - 220px);
    text-align: right;
    z-index: 31;
}

.k9-headline {
    margin-top: 5%;
}

.k9-button {
    margin-top: 20px;
    display: block;
    float: right;
}

.k9-imageplaceholder {
    opacity: 0;
    height: 10px;
    width: 220px;
}

.k9-imagefloat {
    position:absolute;
    bottom: -15%;
    right: -10%;
    z-index: 30;
}
@media (min-width:0px) and (max-width:1399px) {

.k9-content {
    padding-right: 5%;
}

.k9-headline {
    margin-top: 20px;
}

}
@media (min-width:0px) and (max-width:849px) {

.k9-content {
    width: calc(100% - 180px);
}

.k9-headline {
    font-size: 3rem;
}

.k9-imageplaceholder {
    width: 162px;
}

.k9-imagefloat {
    width: 200px;
}

}
@media (min-width:0px) and (max-width:646px) {

.k9-wrapper {
    min-height: initial;
}

.k9-content {
    width: calc(100% - 170px);
    margin-bottom: 3rem;
}

.k9-headline {
    font-size: 2rem;
    
}

.k9-imagefloat {
    max-width: 150px;
    top: 50%;
    right: 2%;
    width: 100%;
    height: 120%;
    transform: translateY(-50%);
}

.k9-imagefloat img {
    width: auto;
    
    top: 0;
    /* transform: translateY(-50%) */
}

}
@media (min-width:0px) and (max-width:399px) {

.k9-content {
    width: calc(100% - 150px);
}

.k9-imagefloat {
    width: 120px;
    right: 5%;
    top: 70%;
}

}
/* icon smaller on col 25 */

.k20-column25 .k-icon-2x.kng1-icon {
    height:40px;
}

.kng1-wrapper {
    float: left;
    margin: 0 auto;
    width:100%;
    height: 100%;
    background-color: #e0ece6;
}

.kng1-mainwrapper {
    width: 100%;
    padding: 3%;
    padding-top: 2.3%;
}

.kng1-header-wrapper {
    width: 100%;
    margin-bottom: 40px;
}

.kng1-header-wrapper h2 {
    color: #017840;
}

.kng1-header-wrapper p {
    margin-bottom: 0;
}

.kng1-header-textbutton {
    display: flex;
    align-items: flex-end;    
}

#js-html .kng1-header-button {
    margin-left: 20%;
    max-width: inherit;
    background: transparent;
    flex-shrink: 0;
}

.kng1-contentwrapper {
    width: 100%;
    opacity: 0;
    display: flex;
}

.kng1-newscontent {
    display: flex;
    flex-wrap: wrap;
    width: 40%;
    text-align:center;
	background-color: #fff;
}

.kng1-news-image-cover {
    width:60%;
    min-height:100%;
}

.kng1-newsimages {
    width:100%;
    height:100%;
    background-position: center center;
    background-size: cover;
    color:red;
    font-size:8rem;
    transition: all 1.5s ease;
    opacity:0;
    position:absolute;
    left:0;
    top:0;
    z-index:8;
}

.kng1-articles {
    z-index:20;
    text-align:left;
    display: flex;
    align-items: center;
    width: 100%;
    flex-grow: 1;
    border-bottom: 1px solid #017840;
}

.kng1-articles:last-child {
    border-bottom: 0;
}

.kng1-article-icon {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 20px;
    flex-basis: 50px;
    min-width: 50px;
}

.kng1-articles .kng1-article-icon svg {
    fill: #017840;
}

.kng1-articles.active .kng1-article-icon svg {
    fill: #ffffff;
}

.kng1-article {
    margin:0;
    padding:30px 10px 30px 0;
    cursor:pointer;
    width: 100%;
}

.kng1-article a {
    text-decoration: none;
}

.kng1-article-header {
    color: #017840;
    font-size:2.0rem;
    padding-bottom:3px;
    margin-bottom: 0px;
    width: 90%;
}

.kng1-article-text {
    font-family: 'NettoOT-Light', Sans-Serif;
    font-weight: bold;
    color:#353636;
    font-size:1.5rem;
    margin-top:3px;
    width: 90%;
}

@media (min-width:651px) {
    .kng1-articles.active .kng1-article-header, .kng1-articles.active .kng1-article-text {
        color: #ffffff;
    }
}

.kng1-arrow-slider {
    background-color: #108a3d;
    z-index: 9;
    transition: all .2s ease-out;
    position:absolute;
    left:0;
    top:300px;
    width:100%;
    height:80px;
}

.kng1-arrow-slider-tip {
    height: 100%;
    position: absolute;
    transform: translateX(50%);
    right: 0;
}

.kng1-arrow-slider-tip img {
    height: 100%;
    width: 100%;
}

#js-html .kng1-circlearrow {
    fill: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 30%;
}

@media (max-width:1200px) {
    #js-html .kng1-header-button {
        margin-left: 15%;
    }
}

@media (max-width:1024px) {
    #js-html .kng1-header-button {
        margin-left: 10%;
    }
}

@media (max-width:830px) {
    .kng1-newscontent {
        width: 50%;
    }

    .kng1-news-image-cover {
        width:60%;
    }

    #js-html .kng1-header-button {
        margin-left: 5%;
    }
}

@media (max-width:650px) {
    .kng1-mainwrapper {
        padding: 0;
    }
    
    .kng1-header-wrapper {
        padding: 3%;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .kng1-header-textbutton {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    #js-html .kng1-header-button {
        margin-left: 0;
        margin-top: 20px;
    }
    
    .kng1-news-image-cover {
        display: none !important;
    }
    
    .kng1-newscontent {
        width: 100% !important;
        background-color: #e0ece6;
    }
    
    .kng1-arrow-slider {
        display: none;
    }
}
.kng2-wrapper {
    background-color: #e5f2eb;
    float: left;
    width: 100%;
}

.kng2-wrapper h2, .kng2-info, .kng2-result-phonenumber, .kng2-result-headline {
    display: block;
    margin: 0 10px;
    color: #017840;
    font-family: 'NettoOT-Bold', Sans-Serif;
}

.kng2-info {
    font-size: 2.2rem;
}

.kng2-result-phonenumber {
    font-size: 2.6rem;
    text-decoration: underline;
    white-space: nowrap;
}

.kng2-headlinewrapper {
    text-align: center;
    padding-top: 20px;
}

.kng2-mapwrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}

.kng2-mapwrapper > svg {
    width: 80%;
    height: 40%;
}

.kng2-map-district {
    fill: #ffffff;
    position: relative;
}

.kng2-map-district-marker {    
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    flex-direction: column;
    align-items: center;
    color: #017840;
    font-size: 1.2rem;
    font-family: 'NettoOT-Bold', Sans-Serif;
    white-space: nowrap;
    transform: translateX(-50%) translateY(-50%);
    cursor: pointer;
}

.kng2-map-district-marker svg {
    width: 22px;
    height: 30px;
}

.kng2-marker-label {
    display: block;
    background-color: #ffffff;
    padding: 2px;
    border-radius: 2px;
    line-height: 1em;
}

.kng2-mapwrapper svg .kng2-map-district:hover {
    fill: #d4d4d6 !important;
}

.kng2-infowrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 30px 0 0 0;
}

.kng2-infowrapper svg, .kng2-result-rightcolumn svg, .kng2-result-header svg {
    fill: #017840;
    min-width: 40px;
    height: 40px;
    width: 40px;
}

.kng2-resultwrapper {
    padding: 30px;
    display: flex;
    justify-content: center;
}

.kng2-results {
    margin: 0;
    list-style: none;
    padding: 0;
    max-width: 920px;
    overflow: hidden;
}

.kng2-result {
    padding: 20px 20px 0 20px;
    background-color: #ffffff;
}

.kng2-result > div {
    display: none;
    flex-wrap: wrap;
    width: 100%;
}

.kng2-result-leftcolumn {
    flex-grow: 1;
}

.kng2-result-header {
    display: flex;
    align-items: center;    
}

.kng2-result-header svg {
    fill: #353636;
}

.kng2-result-headline {
    font-size: 2.4rem;
    color: #353636;
    line-height: 1em;
}

.kng2-result-areas {
    padding: 20px 30px 30px 20px;
    list-style: none;
}

.kng2-result-areas * {
    font-family: 'NettoOT-Bold', Sans-Serif;
}

.kng2-result-areas li {
    line-height: 1.5em;
}

.kng2-result-areas li:before {
    content: ">";
    position: absolute;
    left: -20px;
    line-height: 1.4em;
}

.kng2-result-rightcolumn {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 20px;
}

@media (max-width:899px) {
    .kng2-mapwrapper > svg {
        width: 100%;
        height: 40%;
    }
}

@media (max-width:499px) {
    .kng2-info {
        font-size: 1.9rem;
    }
}
@media (max-width:399px) {
    .kng2-info {
        margin: 0;
    }
    
    .kng2-infowrapper svg {
        display: none;
    }
}
.kew-page #js-modal {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
	background-color: transparent !important;
}

.kew1-background {
	position: fixed;
	background-color: #3c3c3c;
	opacity: 0.3;
	width: 100%;
	height: 100%;
    top: 0;
    left: 0;
}

.kew1ModalContentWrapper {
	z-index: 1;
    width:100%;
    max-width:600px;
    background-color:#ffffff;
    border-radius:20px;
    min-height:200px;
	margin: 10px;
    padding:15px 20px 20px 20px;
    font-family: 'MyriadPro-Regular', Sans-Serif;
}

.kew1ModalContent-header {
    color: #bb0000;
    font-size:3rem;
    margin-top:0;
    margin-right:30px;
}

.kew1ModalClose {
    position:absolute;
    right:15px;
    top:10px;
    width:30px;
    height:30px;
}

.kew1ModalContent-cover {
    display:flex;
	padding-bottom:60px;
}


.kew1ModalContent-left {
    width:50%;
    padding-bottom:40px;
    padding-right:10px;


}

.kew1ModalContent-left::after {
    position:absolute;
    content:' ';
    height:100%;
    width:1px;
    background-color:#cccccc;
    top:0;
    right:2px;
}

.kew1ModalContent-right {
    width:50%;
    padding-left:10px;
    padding-bottom:60px;


}

.kew-page #js-modal .kew1-button {
    position:absolute;
    left: 50%;
    transform: translate(-50%);
    bottom:0;
    min-width:100px;
	white-space: normal !important;
	border-color: #bb0000;
	color: #bb0000;
}

.kew-page #js-modal .kew1-button:hover {
	background-color: #bb0000;
	color: #ffffff;
}