/* globals */
html, body {
    background: var(--html-body-background);
    font-size: var(--base-font-size);
    line-height: var(--base-line-height);
    color: var(--base-color);
    font-family: var(--base-font);
    scroll-behavior: smooth;
    font-weight: 400;
}

a {
    transition: all .2s ease;
}


img{
    height: auto;
}
/* selection */
::selection {
    background: var(--select-background-color);
    color: var(--selection-color);
}

a::selection, a span::selection {
    color: var(--selection-span-color);
}

::-moz-selection {
    background: var(--select-background-color);
    color: var(--selection-color);
}

a::-moz-selection, a span::-moz-selection {
    color: var(--selection-span-color);
}

/* root */
#inner-wrapper, body > #root {
    margin: 0 auto;
    position: relative;
    min-height: 100%;
    width: 100%;
}

#root {
    margin: 0 auto;
    min-height: 100vh;
    position: relative;
}

/* page width */
/* content-area, max-width is directly on content elements*/
#mainHeader {
    clear: both;
    margin: 0 auto;
    padding: 0 20px;
    max-width: var(--max-page-width);
}
#mainHeader {
    position: relative;
}

/*Section */
main.site-content [class*=col-container] .maskElement, main.site-content [class*=col-container] .frame {
    max-width: unset;
    padding-inline: unset;
    margin-inline: unset;
}
main.site-content .maskElement, main.site-content .frame {
    max-width: var(--max-page-width);
    padding-inline: 20px;
    margin-inline: auto;
}
@media screen and (max-width: 1280px) {
    main.site-content .maskElement,
    main.site-content .frame {
        padding-inline: 50px;
    }

}
@media screen and (max-width: 834px) {
    main.site-content .maskElement,
    main.site-content .frame {
        padding-inline: 30px;
    }

}
@media screen and (max-width: 600px) {
    main.site-content .maskElement,
    main.site-content .frame {
        padding-inline: 20px;
    }

}

/* animation */
.header #logo,.header #customlogo, .navbar-toggler, .navbar-toggler-icon, .toggleSubNav span {
    transition: .25s ease-out;
}

/** content area */
#content-area {
}

#content-area::after,
#content-area #content::after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
}

/* main content */
#content-area #content {
    margin-top: 60px;
}

#mainContent {
    display: block;
}

/* footer */
#mainFooter .footer-bottom-after {
    position: relative;
    font-size: 16px;
    padding: 0 0 25px 0;
}

#mainFooter .footer-bottom-after a:after {
    content: "";
}

/* * * screen width */
@media screen and (max-width: 1300px) {
    /* before full width of design */
}

/* design */

@media screen and (max-width: 1200px) {
    /* width of design */
}

/* design */

@media screen and (max-width: 1024px) {
    /* ipad - landscape */
}

/* 1024px */

@media screen and (max-width: 1023px) {
    /* smaller than ipad - landscape */
}

/* 1023px */

@media screen and (max-width: 992px) {
}

/* 992px */

/* main navi - as sidebar */
@media screen and (max-width: 991px), (min-width: 992px) and (max-width: 1024px) {
    html {
        overflow-x: hidden;
        overflow-y: auto;
    }

    #nav-toggle:checked ~ #outer-wrapper #inner-wrapper {
        position: fixed;
        transform: translateX(-40%);
    }

    #nav-toggle:checked ~ body {
        overflow: hidden;
        height: 100vh;
    }


    .navbar-toggler,
    #mainNav .toggle--sub-nav {
        display: block;
    }

    #mainNav {
        background: #F7F7F7;
        clear: both;
        display: block;
        height: 100vh;
        height: var(--vh, 100vh);
        width: 40%;
        margin: 0;
        text-align: left;
        overflow: hidden;
        overflow-y: scroll;
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto;
        z-index: 9999;
        transform: translateX(100%);
        -webkit-overflow-scrolling: touch;
    }
    body {
        font-size: 19px;
    }
}

@media screen and (max-width: 900px) {
}

/* 900px */

@media screen and (max-width: 812px) {
    /* iphone X - landscape  */
}

@media screen and (max-width: 800px) {
}

/* 800px */

@media screen and (max-width: 768px) {
    /* ipad - portrait */
}

/* 768px */

@media screen and (max-width: 767px) {
    /* smaller than ipad - portrait */
    #nav-toggle:checked ~ #outer-wrapper #inner-wrapper {
        transform: translateX(-60%);
    }

    #mainNav {
        width: 60%;
    }
}

/* 767px */

@media screen and (max-width: 736px) {
    /* iphone 6+ - landscape */
}

/* 736px */

@media screen and (max-width: 735px) {
    /* smaller than iphone 6+ - landscape */
    #mainNav {
        padding-top: 20px;
    }
}

/* 735px */

@media screen and (max-width: 667px) {
    /* iphone 6 - landscape */
}

/* 667px */

@media screen and (max-width: 666px) {
    /* smaller than iphone 6 - landscape */
}

@media screen and (max-width: 600px){
    body {
        font-size: 17px;
    }
}
/* 666px */

@media screen and (max-width: 568px) {
    /* iPhone5 - landscape */
}

/* 568px */

@media screen and (max-width: 567px) {
    /* smaller than iPhone5 - landscape */
}

/* 567px */

@media screen and (max-width: 480px) {
    /* iPhone4 - landscape */
}

/* 480px */

@media screen and (max-width: 479px) {
    /* smaller than iPhone4 - landscape */
    #nav-toggle:checked ~ #outer-wrapper #inner-wrapper {
        transform: translateX(-70%);
    }

    #mainNav {
        width: 70%;
    }
}

/* 479px */

@media screen and (max-width: 414px) {
    /* iPhone6+ - portrait */
}

/* 414px */

@media screen and (max-width: 375px) {
    /* iPhone6 - portrait */
}

/* 375px */

@media screen and (max-width: 374px) {
    /* smaller than iPhone6 - portrait */
    #nav-toggle:checked ~ #outer-wrapper #inner-wrapper {
        transform: translateX(-80%);
    }

    #mainNav {
        width: 80%;
    }
}

/* 374px */

@media screen and (max-width: 320px) {
    /* iPhone4/5 - portrait */
}

@media screen and (max-width: 319px) {
    /* smaller devices */
}

/* smaller */

/** content */
.content div {
    position: relative;
}


/** fade elements if in view */
.off-view {
    opacity: 0;
    backface-visibility: hidden;
    transform: translate3d(0, 50px, 0);
    transition: all 500ms ease-out;
}

.off-view.in-view-above {
    transform: translate3d(0, -50px, 0);
}

.off-view.in-view {
    opacity: 1;
    transform: none;
}

@media print {
    .off-view {
        opacity: 1;
        transform: none;
    }
}

/* link */
h1, h1 a, .h1, .h1 a {
    color: var(--headline-a-color);
}

h2, h2 a, .h2, .h2 a {
    color: var(--headline-a-color);
}

h3, h3 a, .h3, .h3 a {
    color: var(--headline-a-color);
}

h4, h4 a, .h4, .h4 a {
    color: var(--headline-a-color);
}

h5, h5 a, .h5, .h5 a {
    color: var(--headline-a-color);
}

h6, h6 a, .h6, .h6 a {
    color: var(--headline-a-color);
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
    text-decoration: none;
}

h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover {
    text-decoration: none;
}

.header a, .csc-header a {
    text-decoration: none;
}

a {
    color: var(--a-color);
    text-decoration: none;
}
@media screen and (max-width: 1024px) {
    a {
        display: inline-block;
    }
}

a:hover {
    text-decoration: underline;
}

a, a:hover, a:focus, a:visited {
}

/* external link */
a.link-external {
}

a.link-external::after {
    /*content: "\f35d";*/
    /*display: inline-block;*/
    /*font-family: "Font Awesome 5 Free";*/
    /*font-size: 70%;*/
    /*font-weight: 900;*/
    /*line-height: 1;*/
    /*margin-left: 5px;*/
    /*position: relative;*/
    /*top: -1px;*/
}

hr {
    border: none;
    box-sizing: content-box;
    clear: both;
    display: block;
    text-align: left;
    overflow: visible;
}

section p {
    line-height: 25px;
}

p {
    margin: 0 0 20px;
}

p:first-child {
}

p:last-child {
    margin-bottom: 0;
}

/*only desktop line break*/
@media screen and (max-width: 1024px) {
    br.onlyDesktop {
        display: none;
    }
}

/*frame class margins*/
/*space before*/
#content section .margin-top-10, #content section.margin-top-10 {
    margin-top: 10px;
}
#content section .margin-top-20, #content section.margin-top-20 {
    margin-top: 20px;
}
#content section .margin-top-25, #content section.margin-top-25 {
    margin-top: 25px;
}
#content section .margin-top-30, #content section.margin-top-30 {
    margin-top: 30px;
}
#content section .margin-top-40, #content section.margin-top-40 {
    margin-top: 40px;
}
#content section .margin-top-50, #content section.margin-top-50 {
    margin-top: 50px;
}
#content section .margin-top-60, #content section.margin-top-60 {
    margin-top: 60px;
}
#content section .margin-top-70, #content section.margin-top-70 {
    margin-top: 70px;
}
#content section .margin-top-75, #content section.margin-top-75 {
    margin-top: 75px;
}
#content section .margin-top-80, #content section.margin-top-80 {
    margin-top: 80px;
}
#content section .margin-top-90, #content section.margin-top-90 {
    margin-top: 90px;
}
#content section .margin-top-100, #content section.margin-top-100 {
    margin-top: 100px;
}
#content section .margin-top-120, #content section.margin-top-120 {
    margin-top: 120px;
}
#content section .margin-top-140, #content section.margin-top-140 {
    margin-top: 140px;
}
#content section .margin-top-160, #content section.margin-top-160 {
    margin-top: 160px;
}
#content section .margin-top-180, #content section.margin-top-180 {
    margin-top: 180px;
}
#content section .margin-top-200, #content section.margin-top-200 {
    margin-top: 200px;
}
#content section .margin-top-220, #content section.margin-top-220 {
    margin-top: 220px;
}
#content section .margin-top-240, #content section.margin-top-240 {
    margin-top: 240px;
}
#content section .margin-top-260, #content section.margin-top-260 {
    margin-top: 260px;
}
#content section .margin-top-280, #content section.margin-top-280 {
    margin-top: 280px;
}
#content section .margin-top-300, #content section.margin-top-300 {
    margin-top: 300px;
}
@media screen and (max-width: 1023px) {
    #content section .margin-top-tablet-10, #content section.margin-top-tablet-10 {
        margin-top: 10px;
    }
    #content section .margin-top-tablet-20, #content section.margin-top-tablet-20 {
        margin-top: 20px;
    }
    #content section .margin-top-tablet-25, #content section.margin-top-tablet-25 {
        margin-top: 25px;
    }
    #content section .margin-top-tablet-30, #content section.margin-top-tablet-30 {
        margin-top: 30px;
    }
    #content section .margin-top-tablet-40, #content section.margin-top-tablet-40 {
        margin-top: 40px;
    }
    #content section .margin-top-tablet-50, #content section.margin-top-tablet-50 {
        margin-top: 50px;
    }
    #content section .margin-top-tablet-60, #content section.margin-top-tablet-60 {
        margin-top: 60px;
    }
    #content section .margin-top-tablet-70, #content section.margin-top-tablet-70 {
        margin-top: 70px;
    }
    #content section .margin-top-tablet-75, #content section.margin-top-tablet-75 {
        margin-top: 75px;
    }
    #content section .margin-top-tablet-80, #content section.margin-top-tablet-80 {
        margin-top: 80px;
    }
    #content section .margin-top-tablet-90, #content section.margin-top-tablet-90  {
        margin-top: 90px;
    }
    #content section .margin-top-tablet-100, #content section.margin-top-tablet-100 {
        margin-top: 100px;
    }
    #content section .margin-top-tablet-120, #content section.margin-top-tablet-120 {
        margin-top: 120px;
    }
    #content section .margin-top-tablet-140, #content section.margin-top-tablet-140 {
        margin-top: 140px;
    }
    #content section .margin-top-tablet-160, #content section.margin-top-tablet-160 {
        margin-top: 160px;
    }
    #content section .margin-top-tablet-180, #content section.margin-top-tablet-180 {
        margin-top: 180px;
    }
    #content section .margin-top-tablet-200, #content section.margin-top-tablet-200 {
        margin-top: 200px;
    }
    #content section .margin-top-tablet-220, #content section.margin-top-tablet-220 {
        margin-top: 220px;
    }
    #content section .margin-top-tablet-240, #content section.margin-top-tablet-240 {
        margin-top: 240px;
    }
    #content section .margin-top-tablet-260, #content section.margin-top-tablet-260 {
        margin-top: 100px;
    }
    #content section .margin-top-tablet-280, #content section.margin-top-tablet-280 {
        margin-top: 280px;
    }
    #content section .margin-top-tablet-300, #content section.margin-top-tablet-300 {
        margin-top: 300px;
    }
}
@media screen and (max-width: 640px) {
    #content section .margin-top-mobile-10, #content section.margin-top-mobile-10 {
        margin-top: 10px;
    }
    #content section .margin-top-mobile-20, #content section.margin-top-mobile-20 {
        margin-top: 20px;
    }
    #content section .margin-top-mobile-25, #content section.margin-top-mobile-25 {
        margin-top: 25px;
    }
    #content section .margin-top-mobile-30, #content section.margin-top-mobile-30 {
        margin-top: 30px;
    }
    #content section .margin-top-mobile-40, #content section.margin-top-mobile-40 {
        margin-top: 40px;
    }
    #content section .margin-top-mobile-50, #content section.margin-top-mobile-50 {
        margin-top: 50px;
    }
    #content section .margin-top-mobile-60, #content section.margin-top-mobile-60 {
        margin-top: 60px;
    }
    #content section .margin-top-mobile-70, #content section.margin-top-mobile-70 {
        margin-top: 70px;
    }
    #content section .margin-top-mobile-75, #content section.margin-top-mobile-75 {
        margin-top: 75px;
    }
    #content section .margin-top-mobile-80, #content section.margin-top-mobile-80 {
        margin-top: 80px;
    }
    #content section .margin-top-mobile-90, #content section.margin-top-mobile-90 {
        margin-top: 90px;
    }
    #content section .margin-top-mobile-100, #content section.margin-top-mobile-100 {
        margin-top: 100px;
    }
    #content section .margin-top-mobile-120, #content section.margin-top-mobile-120 {
        margin-top: 120px;
    }
    #content section .margin-top-mobile-140, #content section.margin-top-mobile-140 {
        margin-top: 140px;
    }
    #content section .margin-top-mobile-160, #content section.margin-top-mobile-160 {
        margin-top: 160px;
    }
    #content section .margin-top-mobile-180, #content section.margin-top-mobile-180 {
        margin-top: 180px;
    }
    #content section .margin-top-mobile-200, #content section.margin-top-mobile-200 {
        margin-top: 200px;
    }
    #content section .margin-top-mobile-220, #content section.margin-top-mobile-220 {
        margin-top: 220px;
    }
    #content section .margin-top-mobile-240, #content section.margin-top-mobile-240 {
        margin-top: 100px;
    }
    #content section .margin-top-mobile-260, #content section.margin-top-mobile-260 {
        margin-top: 260px;
    }
    #content section .margin-top-mobile-280, #content section.margin-top-mobile-280 {
        margin-top: 280px;
    }
    #content section .margin-top-mobile-300, #content section.margin-top-mobile-300 {
        margin-top: 300px;
    }
}

/*space after*/

#content section .margin-bottom-10, #content section.margin-bottom-10 {
    margin-bottom: 10px;
}
#content section .margin-bottom-20, #content section.margin-bottom-20 {
    margin-bottom: 20px;
}
#content section .margin-bottom-25, #content section.margin-bottom-25 {
    margin-bottom: 25px;
}
#content section .margin-bottom-30, #content section.margin-bottom-30 {
    margin-bottom: 30px;
}
#content section .margin-bottom-40, #content section.margin-bottom-40 {
    margin-bottom: 40px;
}
#content section .margin-bottom-50, #content section.margin-bottom-50 {
    margin-bottom: 50px;
}
#content section .margin-bottom-60, #content section.margin-bottom-60 {
    margin-bottom: 60px;
}
#content section .margin-bottom-70, #content section.margin-bottom-70 {
    margin-bottom: 70px;
}
#content section .margin-bottom-75, #content section.margin-bottom-75 {
    margin-bottom: 75px;
}
#content section .margin-bottom-80, #content section.margin-bottom-80 {
    margin-bottom: 80px;
}
#content section .margin-bottom-90, #content section.margin-bottom-90 {
    margin-bottom: 90px;
}
#content section .margin-bottom-100, #content section.margin-bottom-100 {
    margin-bottom: 100px;
}
#content section .margin-bottom-120, #content section.margin-bottom-120 {
    margin-bottom: 120px;
}
#content section .margin-bottom-140, #content section.margin-bottom-140 {
    margin-bottom: 140px;
}
#content section .margin-bottom-160, #content section.margin-bottom-160 {
    margin-bottom: 160px;
}
#content section .margin-bottom-180, #content section.margin-bottom-180 {
    margin-bottom: 180px;
}
#content section .margin-bottom-200, #content section.margin-bottom-200 {
    margin-bottom: 200px;
}
#content section .margin-bottom-220, #content section.margin-bottom-220 {
    margin-bottom: 220px;
}
#content section .margin-bottom-240, #content section.margin-bottom-240 {
    margin-bottom: 240px;
}
#content section .margin-bottom-260, #content section.margin-bottom-260 {
    margin-bottom: 260px;
}
#content section .margin-bottom-280, #content section.margin-bottom-280 {
    margin-bottom: 280px;
}
#content section .margin-bottom-300, #content section.margin-bottom-300 {
    margin-bottom: 300px;
}
@media screen and (max-width: 1023px) {
    #content section .margin-bottom-tablet-10, #content section.margin-bottom-tablet-10 {
        margin-bottom: 10px;
    }
    #content section .margin-bottom-tablet-20, #content section.margin-bottom-tablet-20 {
        margin-bottom: 20px;
    }
    #content section .margin-bottom-tablet-25, #content section.margin-bottom-tablet-25 {
        margin-bottom: 25px;
    }
    #content section .margin-bottom-tablet-30, #content section.margin-bottom-tablet-30 {
        margin-bottom: 30px;
    }
    #content section .margin-bottom-tablet-40, #content section.margin-bottom-tablet-40 {
        margin-bottom: 40px;
    }
    #content section .margin-bottom-tablet-50, #content section.margin-bottom-tablet-50 {
        margin-bottom: 50px;
    }
    #content section .margin-bottom-tablet-60, #content section.margin-bottom-tablet-60 {
        margin-bottom: 60px;
    }
    #content section .margin-bottom-tablet-70, #content section.margin-bottom-tablet-70 {
        margin-bottom: 70px;
    }
    #content section .margin-bottom-tablet-75, #content section.margin-bottom-tablet-75 {
        margin-bottom: 75px;
    }
    #content section .margin-bottom-tablet-80, #content section.margin-bottom-tablet-80 {
        margin-bottom: 80px;
    }
    #content section .margin-bottom-tablet-90, #content section.margin-bottom-tablet-90 {
        margin-bottom: 90px;
    }
    #content section .margin-bottom-tablet-100, #content section.margin-bottom-tablet-100 {
        margin-bottom: 100px;
    }
    #content section .margin-bottom-tablet-120, #content section.margin-bottom-tablet-120 {
        margin-bottom: 120px;
    }
    #content section .margin-bottom-tablet-140, #content section.margin-bottom-tablet-140 {
        margin-bottom: 140px;
    }
    #content section .margin-bottom-tablet-160, #content section.margin-bottom-tablet-160 {
        margin-bottom: 160px;
    }
    #content section .margin-bottom-tablet-180, #content section.margin-bottom-tablet-180 {
        margin-bottom: 180px;
    }
    #content section .margin-bottom-tablet-200, #content section.margin-bottom-tablet-200 {
        margin-bottom: 200px;
    }
    #content section .margin-bottom-tablet-220, #content section.margin-bottom-tablet-220 {
        margin-bottom: 220px;
    }
    #content section .margin-bottom-tablet-240, #content section.margin-bottom-tablet-240 {
        margin-bottom: 240px;
    }
    #content section .margin-bottom-tablet-260, #content section.margin-bottom-tablet-260 {
        margin-bottom: 260px;
    }
    #content section .margin-bottom-tablet-280, #content section.margin-bottom-tablet-280 {
        margin-bottom: 280px;
    }
    #content section .margin-bottom-tablet-300, #content section.margin-bottom-tablet-300 {
        margin-bottom: 300px;
    }
}
@media screen and (max-width: 640px) {
    #content section .margin-bottom-mobile-10, #content section.margin-bottom-mobile-10 {
        margin-bottom: 10px;
    }
    #content section .margin-bottom-mobile-20, #content section.margin-bottom-mobile-20 {
        margin-bottom: 20px;
    }
    #content section .margin-bottom-mobile-25, #content section.margin-bottom-mobile-25 {
        margin-bottom: 25px;
    }
    #content section .margin-bottom-mobile-30, #content section.margin-bottom-mobile-30 {
        margin-bottom: 30px;
    }
    #content section .margin-bottom-mobile-40, #content section.margin-bottom-mobile-40 {
        margin-bottom: 40px;
    }
    #content section .margin-bottom-mobile-50, #content section.margin-bottom-mobile-50 {
        margin-bottom: 50px;
    }
    #content section .margin-bottom-mobile-60, #content section.margin-bottom-mobile-60 {
        margin-bottom: 60px;
    }
    #content section .margin-bottom-mobile-70, #content section.margin-bottom-mobile-70 {
        margin-bottom: 70px;
    }
    #content section .margin-bottom-mobile-75, #content section.margin-bottom-mobile-75 {
        margin-bottom: 75px;
    }
    #content section .margin-bottom-mobile-80, #content section.margin-bottom-mobile-80 {
        margin-bottom: 80px;
    }
    #content section .margin-bottom-mobile-90, #content section.margin-bottom-mobile-90 {
        margin-bottom: 90px;
    }
    #content section .margin-bottom-mobile-100, #content section.margin-bottom-mobile-100 {
        margin-bottom: 100px;
    }
    #content section .margin-bottom-mobile-120, #content section.margin-bottom-mobile-120 {
        margin-bottom: 120px;
    }
    #content section .margin-bottom-mobile-140, #content section.margin-bottom-mobile-140 {
        margin-bottom: 140px;
    }
    #content section .margin-bottom-mobile-160, #content section.margin-bottom-mobile-160 {
        margin-bottom: 160px;
    }
    #content section .margin-bottom-mobile-180, #content section.margin-bottom-mobile-180 {
        margin-bottom: 180px;
    }
    #content section .margin-bottom-mobile-200, #content section.margin-bottom-mobile-200 {
        margin-bottom: 200px;
    }
    #content section .margin-bottom-mobile-220, #content section.margin-bottom-mobile-220 {
        margin-bottom: 220px;
    }
    #content section .margin-bottom-mobile-240, #content section.margin-bottom-mobile-240 {
        margin-bottom: 240px;
    }
    #content section .margin-bottom-mobile-260, #content section.margin-bottom-mobile-260 {
        margin-bottom: 260px;
    }
    #content section .margin-bottom-mobile-280, #content section.margin-bottom-mobile-280 {
        margin-bottom: 280px;
    }
    #content section .margin-bottom-mobile-300, #content section.margin-bottom-mobile-300 {
        margin-bottom: 300px;
    }
}

/*frame class paddings*/
/*space before*/
#content section .padding-top-10 {
    padding-top: 10px !important;
}
#content section .padding-top-20 {
    padding-top: 20px !important;
}
#content section .padding-top-25 {
    padding-top: 25px !important;
}
#content section .padding-top-30 {
    padding-top: 30px !important;
}
#content section .padding-top-40 {
    padding-top: 40px !important;
}
#content section .padding-top-50 {
    padding-top: 50px !important;
}
#content section .padding-top-60 {
    padding-top: 60px !important;
}
#content section .padding-top-70 {
    padding-top: 70px !important;
}
#content section .padding-top-75 {
    padding-top: 75px !important;
}
#content section .padding-top-80 {
    padding-top: 80px !important;
}
#content section .padding-top-90 {
    padding-top: 90px !important;
}
#content section .padding-top-100 {
    padding-top: 100px !important;
}
#content section .padding-top-120 {
    padding-top: 120px !important;
}
#content section .padding-top-140 {
    padding-top: 140px !important;
}
#content section .padding-top-160 {
    padding-top: 160px !important;
}
#content section .padding-top-180 {
    padding-top: 180px !important;
}
#content section .padding-top-200 {
    padding-top: 200px !important;
}
#content section .padding-top-220 {
    padding-top: 220px !important;
}
#content section .padding-top-240 {
    padding-top: 240px !important;
}
#content section .padding-top-260 {
    padding-top: 260px !important;
}
#content section .padding-top-280 {
    padding-top: 280px !important;
}
#content section .padding-top-300 {
    padding-top: 300px !important;
}
@media screen and (max-width: 1023px) {
    #content section .padding-top-tablet-10 {
        padding-top: 10px !important;
    }
    #content section .padding-top-tablet-20 {
        padding-top: 20px !important;
    }
    #content section .padding-top-tablet-25 {
        padding-top: 25px !important;
    }
    #content section .padding-top-tablet-30 {
        padding-top: 30px !important;
    }
    #content section .padding-top-tablet-40 {
        padding-top: 40px !important;
    }
    #content section .padding-top-tablet-50 {
        padding-top: 50px !important;
    }
    #content section .padding-top-tablet-60 {
        padding-top: 60px !important;
    }
    #content section .padding-top-tablet-70 {
        padding-top: 70px !important;
    }
    #content section .padding-top-tablet-75 {
        padding-top: 75px !important;
    }
    #content section .padding-top-tablet-80 {
        padding-top: 80px !important;
    }
    #content section .padding-top-tablet-90 {
        padding-top: 90px !important;
    }
    #content section .padding-top-tablet-100 {
        padding-top: 100px !important;
    }
    #content section .padding-top-tablet-120 {
        padding-top: 120px !important;
    }
    #content section .padding-top-tablet-140 {
        padding-top: 140px !important;
    }
    #content section .padding-top-tablet-160 {
        padding-top: 160px !important;
    }
    #content section .padding-top-tablet-180 {
        padding-top: 180px !important;
    }
    #content section .padding-top-tablet-200 {
        padding-top: 200px !important;
    }
    #content section .padding-top-tablet-220 {
        padding-top: 220px !important;
    }
    #content section .padding-top-tablet-240 {
        padding-top: 240px !important;
    }
    #content section .padding-top-tablet-260 {
        padding-top: 260px !important;
    }
    #content section .padding-top-tablet-280 {
        padding-top: 280px !important;
    }
    #content section .padding-top-tablet-300 {
        padding-top: 300px !important;
    }
}
@media screen and (max-width: 640px) {
    #content section .padding-top-mobile-10 {
        padding-top: 10px !important;
    }
    #content section .padding-top-mobile-20 {
        padding-top: 20px !important;
    }
    #content section .padding-top-mobile-25 {
        padding-top: 25px !important;
    }
    #content section .padding-top-mobile-30 {
        padding-top: 30px !important;
    }
    #content section .padding-top-mobile-40 {
        padding-top: 40px !important;
    }
    #content section .padding-top-mobile-50 {
        padding-top: 50px !important;
    }
    #content section .padding-top-mobile-60 {
        padding-top: 60px !important;
    }
    #content section .padding-top-mobile-70 {
        padding-top: 70px !important;
    }
    #content section .padding-top-mobile-75 {
        padding-top: 75px !important;
    }
    #content section .padding-top-mobile-80 {
        padding-top: 80px !important;
    }
    #content section .padding-top-mobile-90 {
        padding-top: 90px !important;
    }
    #content section .padding-top-mobile-100 {
        padding-top: 100px !important;
    }
    #content section .padding-top-mobile-120 {
        padding-top: 120px !important;
    }
    #content section .padding-top-mobile-140 {
        padding-top: 140px !important;
    }
    #content section .padding-top-mobile-160 {
        padding-top: 160px !important;
    }
    #content section .padding-top-mobile-180 {
        padding-top: 180px !important;
    }
    #content section .padding-top-mobile-200 {
        padding-top: 200px !important;
    }
    #content section .padding-top-mobile-220 {
        padding-top: 220px !important;
    }
    #content section .padding-top-mobile-240 {
        padding-top: 240px !important;
    }
    #content section .padding-top-mobile-260 {
        padding-top: 260px !important;
    }
    #content section .padding-top-mobile-280 {
        padding-top: 280px !important;
    }
    #content section .padding-top-mobile-300 {
        padding-top: 300px !important;
    }
}

/*space after*/
#content section .padding-bottom-10 {
    padding-bottom: 10px !important;
}
#content section .padding-bottom-20 {
    padding-bottom: 20px !important;
}
#content section .padding-bottom-25 {
    padding-bottom: 25px !important;
}
#content section .padding-bottom-30 {
    padding-bottom: 30px !important;
}
#content section .padding-bottom-40 {
    padding-bottom: 40px !important;
}
#content section .padding-bottom-50 {
    padding-bottom: 50px !important;
}
#content section .padding-bottom-60 {
    padding-bottom: 60px !important;
}
#content section .padding-bottom-70 {
    padding-bottom: 70px !important;
}
#content section .padding-bottom-75 {
    padding-bottom: 75px !important;
}
#content section .padding-bottom-80 {
    padding-bottom: 80px !important;
}
#content section .padding-bottom-90 {
    padding-bottom: 90px !important;
}
#content section .padding-bottom-100 {
    padding-bottom: 100px !important;
}
#content section .padding-bottom-120 {
    padding-bottom: 120px !important;
}
#content section .padding-bottom-140 {
    padding-bottom: 140px !important;
}
#content section .padding-bottom-160 {
    padding-bottom: 160px !important;
}
#content section .padding-bottom-180 {
    padding-bottom: 180px !important;
}
#content section .padding-bottom-200 {
    padding-bottom: 200px !important;
}
#content section .padding-bottom-220 {
    padding-bottom: 220px !important;
}
#content section .padding-bottom-240 {
    padding-bottom: 240px !important;
}
#content section .padding-bottom-260 {
    padding-bottom: 260px !important;
}
#content section .padding-bottom-280 {
    padding-bottom: 280px !important;
}
#content section .padding-bottom-300 {
    padding-bottom: 300px !important;
}
@media screen and (max-width: 1023px) {
    #content section .padding-bottom-tablet-10 {
        padding-bottom: 10px !important;
    }
    #content section .padding-bottom-tablet-20 {
        padding-bottom: 20px !important;
    }
    #content section .padding-bottom-tablet-25 {
        padding-bottom: 25px !important;
    }
    #content section .padding-bottom-tablet-30 {
        padding-bottom: 30px !important;
    }
    #content section .padding-bottom-tablet-40 {
        padding-bottom: 40px !important;
    }
    #content section .padding-bottom-tablet-50 {
        padding-bottom: 50px !important;
    }
    #content section .padding-bottom-tablet-60 {
        padding-bottom: 60px !important;
    }
    #content section .padding-bottom-tablet-70 {
        padding-bottom: 70px !important;
    }
    #content section .padding-bottom-tablet-75 {
        padding-bottom: 75px !important;
    }
    #content section .padding-bottom-tablet-80 {
        padding-bottom: 80px !important;
    }
    #content section .padding-bottom-tablet-90 {
        padding-bottom: 90px !important;
    }
    #content section .padding-bottom-tablet-100 {
        padding-bottom: 100px !important;
    }
    #content section .padding-bottom-tablet-120 {
        padding-bottom: 120px !important;
    }
    #content section .padding-bottom-tablet-140 {
        padding-bottom: 140px !important;
    }
    #content section .padding-bottom-tablet-160 {
        padding-bottom: 160px !important;
    }
    #content section .padding-bottom-tablet-180 {
        padding-bottom: 180px !important;
    }
    #content section .padding-bottom-tablet-200 {
        padding-bottom: 200px !important;
    }
    #content section .padding-bottom-tablet-220 {
        padding-bottom: 220px !important;
    }
    #content section .padding-bottom-tablet-240 {
        padding-bottom: 240px !important;
    }
    #content section .padding-bottom-tablet-260 {
        padding-bottom: 260px !important;
    }
    #content section .padding-bottom-tablet-280 {
        padding-bottom: 280px !important;
    }
    #content section .padding-bottom-tablet-300 {
        padding-bottom: 300px !important;
    }
}
@media screen and (max-width: 640px) {
    #content section .padding-bottom-mobile-10 {
        padding-bottom: 10px !important;
    }
    #content section .padding-bottom-mobile-20 {
        padding-bottom: 20px !important;
    }
    #content section .padding-bottom-mobile-25 {
        padding-bottom: 25px !important;
    }
    #content section .padding-bottom-mobile-30 {
        padding-bottom: 30px !important;
    }
    #content section .padding-bottom-mobile-40 {
        padding-bottom: 40px !important;
    }
    #content section .padding-bottom-mobile-50 {
        padding-bottom: 50px !important;
    }
    #content section .padding-bottom-mobile-60 {
        padding-bottom: 60px !important;
    }
    #content section .padding-bottom-mobile-70 {
        padding-bottom: 70px !important;
    }
    #content section .padding-bottom-mobile-75 {
        padding-bottom: 75px !important;
    }
    #content section .padding-bottom-mobile-80 {
        padding-bottom: 80px !important;
    }
    #content section .padding-bottom-mobile-90 {
        padding-bottom: 90px !important;
    }
    #content section .padding-bottom-mobile-100 {
        padding-bottom: 100px !important;
    }
    #content section .padding-bottom-mobile-120 {
        padding-bottom: 120px !important;
    }
    #content section .padding-bottom-mobile-140 {
        padding-bottom: 140px !important;
    }
    #content section .padding-bottom-mobile-160 {
        padding-bottom: 160px !important;
    }
    #content section .padding-bottom-mobile-180 {
        padding-bottom: 180px !important;
    }
    #content section .padding-bottom-mobile-200 {
        padding-bottom: 200px !important;
    }
    #content section .padding-bottom-mobile-220 {
        padding-bottom: 220px !important;
    }
    #content section .padding-bottom-mobile-240 {
        padding-bottom: 240px !important;
    }
    #content section .padding-bottom-mobile-260 {
        padding-bottom: 260px !important;
    }
    #content section .padding-bottom-mobile-280 {
        padding-bottom: 280px !important;
    }
    #content section .padding-bottom-mobile-300 {
        padding-bottom: 300px !important;
    }
}

/* ul */
/* ul */
.cke_editable ul,
.ce-bodytext ul,
.content ul.ce-bullets,
#content section:not(.mask_textbild, .mask_haeufig_gesucht, .selectric-wrapper) ul:not(.slick-dots) {
    list-style: none;
    padding-left: 0;
}
.accordion ul > li,
#content section:not(.mask_textbild, .mask_haeufig_gesucht, .selectric-wrapper) ul:not(.slick-dots) > li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 27px;
}
.cke_editable ul > li::before,
.ce-bodytext ul > li::before,
.content ul.ce-bullets > li::before,
#content section:not(.mask_textbild, .mask_haeufig_gesucht, .selectric-wrapper) ul:not(.slick-dots) > li::before {
    content: "";
    border: solid var(--color-sherpa-blue);
    border-width: 2px 2px 0 0;
    display: inline-block;
    height: 8px;
    width: 8px;
    transform: rotate(45deg);
    position: absolute;
    top: 7px;
    left: 0;
}

 ol.list-big-numbers {
    padding-inline-start: 77px;
    list-style: none;
     counter-reset: item;
     margin-top: 40px;
}

.list-big-numbers li{
    position: relative;
    margin-bottom:25px;
    counter-increment: item;
}

.list-big-numbers li:before {
    content: counter(item,decimal-leading-zero);
    font-weight: 600;
    font-size: 55px;
    color: #99B7BD;
    display: inline-block;
    position: absolute;
    left: -77px;
    transform: translateY(-55%);
    top: 50%;
}

/* fixed image size class */
.mask_bild.fixedImageSize img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.mask_bild.fixedImageSize .maskElement a {
    width:100%;
}

/*shortcut*/
.shortcut:has(.list.powermail_pi1) {
    background-color: var(--color-sherpa-blue-10);
}

.shortcut:has(.list.powermail_pi1) input[type="submit"]{
    background-color: #fff;
}

/** ScrollToTop */

#ScrollToTop{
    min-height: 48px;
}

/* eof */