@charset "UTF-8";@keyframes spin {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }



    to {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg)

    }

}



/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */

html {

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

    font-family: sans-serif

}



body {

    background-color: #fff;

    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

}



progress {

    vertical-align: baseline

}



[hidden],template {

    display: none

}



a {

    background-color: transparent

}



a:active,a:hover {

    outline-width: 0

}



abbr[title] {

    border-bottom: none;

    text-decoration: underline;

    text-decoration: underline dotted

}



b,strong {

    font-weight: inherit;

    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;

    vertical-align: baseline

}



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;

    overflow: visible

}



button,input,select,textarea {

    font: inherit

}



optgroup {

    font-weight: 700

}



button,input,select {

    overflow: visible

}



button,input,select,textarea {

    margin: 0

}



button,select {

    text-transform: none

}



[type=button],[type=reset],[type=submit],button {

    cursor: pointer

}



[disabled] {

    cursor: default

}



[type=reset],[type=submit],button,html [type=button] {

    -webkit-appearance: button

}



input[type=submit] {

    border: none;

    box-sizing: border-box

}



button::-moz-focus-inner,input::-moz-focus-inner {

    border: 0;

    padding: 0

}



button:-moz-focusring,input:-moz-focusring {

    outline: 1px dotted ButtonText

}



fieldset {

    border: 1px solid silver;

    margin: 0 2px;

    padding: .35em .625em .75em

}



legend {

    box-sizing: border-box;

    color: inherit;

    display: table;

    max-width: 100%;

    padding: 0;

    white-space: normal

}



textarea {

    overflow: auto

}



[type=checkbox],[type=radio] {

    box-sizing: border-box;

    padding: 0

}



[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {

    height: auto

}



[type=search] {

    -webkit-appearance: textfield

}



[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {

    -webkit-appearance: none

}



p {

    margin: 0

}



.ce_qf_ce_contact .contact-position,blockquote,body,code,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,table,td,textarea,th,ul {

    margin: 0;

    padding: 0

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



caption,td,th {

    text-align: left;

    text-align: start;

    vertical-align: top

}



abbr,acronym {

    border-bottom: 1px dotted #666;

    cursor: help;

    font-variant: normal

}



blockquote,q {

    quotes: none

}



fieldset,img {

    border: 0

}



ul {

    list-style-type: none

}



sup {

    vertical-align: text-top

}



sub {

    vertical-align: text-bottom

}



del {

    text-decoration: line-through

}



ins {

    text-decoration: none

}



article,aside,figcaption,figure,footer,header,nav,section {

    display: block

}



button,input,select,textarea {

    font-family: inherit;

    font-size: 100%;

    font-weight: inherit

}



code,pre {

    font-family: Monaco,monospace

}



table {

    font-size: inherit

}



caption,th {

    font-weight: 700

}



:root {

    --logo-ratio: 0.371739506;

    --logo-width: 173px;

    --logo-height: calc(var(--logo-width)*var(--logo-ratio));

    --color-page: #009fdf;

    --color-footer: var(--color-page);

    --color-text: #000;

    --select-border: #eee;

    --form-focus: #009fdf;

    --select-arrow: #ccc;

    --button-color: #009fdf;

    --button-secondary-color: #c70087;

    --button-text-color: #fff;

    --button-text-secondary-color: #fff;

    --button-border-color: #009fdf;

    --button-border-secondary-color: #c70087;

    --color-cyan: #009fdf;

    --color-cyan-75: rgba(0,159,223,.75);

    --color-cyan-50: rgba(0,159,223,.5);

    --color-cyan-25: rgba(0,159,223,.25);

    --color-blue: #0067be;

    --color-blue-75: rgba(0,103,190,.75);

    --color-blue-50: rgba(0,103,190,.5);

    --color-blue-25: rgba(0,103,190,.25);

    --color-petrol: #00788e;

    --color-petrol-75: rgba(0,120,142,.75);

    --color-petrol-50: rgba(0,120,142,.5);

    --color-petrol-25: rgba(0,120,142,.25);

    --color-violet: #65266d;

    --color-violet-75: rgba(101,38,109,.75);

    --color-violet-50: rgba(101,38,109,.5);

    --color-violet-25: rgba(101,38,109,.25);

    --color-magenta: #c70087;

    --color-magenta-75: rgba(199,0,135,.75);

    --color-magenta-50: rgba(199,0,135,.5);

    --color-magenta-25: rgba(199,0,135,.25);

    --color-red: #e00700;

    --color-red-75: rgba(224,7,0,.75);

    --color-red-50: rgba(224,7,0,.5);

    --color-red-25: rgba(224,7,0,.25);

    --color-darkorange: #d45d00;

    --color-darkorange-75: rgba(212,93,0,.75);

    --color-darkorange-50: rgba(212,93,0,.5);

    --color-darkorange-25: rgba(212,93,0,.25);

    --color-yellow: #eaab00;

    --color-yellow-75: rgba(234,171,0,.75);

    --color-yellow-50: rgba(234,171,0,.5);

    --color-yellow-25: rgba(234,171,0,.25);

    --color-green: #65a812;

    --color-green-75: rgba(101,168,18,.75);

    --color-green-50: rgba(101,168,18,.5);

    --color-green-25: rgba(101,168,18,.25);

    --color-brown: #623c2c;

    --color-brown-75: rgba(98,60,44,.75);

    --color-brown-50: rgba(98,60,44,.5);

    --color-brown-25: rgba(98,60,44,.25);

    --grid-column-single: 122px

}





.clear:after {

    clear: both;

    content: "";

    display: table

}



a {

    color: #009fdf

}



:not(p) a {

    text-decoration: none

}



figure {

    margin: 0

}



img {


    height: auto;

    max-width: 100%;

    width: auto

}



p.back {

    margin-top: 15px

}



body {

    color: #000;

    font-size: 18px;

    line-height: 1.6

}



.ce_qf_ce_contact .contact-name,.ce_qf_ce_contact .contact-position,.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5,p {

    word-break: break-word

}



.h1,h1 {

    font-size: 56px;

    margin-bottom: 47px

}



.h1,.h2,h1,h2 {

    line-height: 1.1em;

    text-transform: uppercase

}



.h2,h2 {

    font-size: 48px;

    margin-bottom: 1em

}



.ce_qf_ce_contact .contact-name,.h3,h3 {

    font-size: 36px

}



.h4,h4 {

    font-size: 24px

}



.ce_qf_ce_contact .contact-position,.h5,h5 {

    font-size: 20px;

    font-weight: 700

}





.ce_qf_ce_contact .contact-name,.h1,.h2,.h3,h1,h2,h3 {

    margin-top: 0

}



*+h1,*+h2,*+h3 {

    margin-top: 47px

}



.m-b-0 {

    margin-bottom: 0!important

}



.m-t-0 {

    margin-top: 0!important

}



.m-r-0 {

    margin-right: 0!important

}



.m-l-0 {

    margin-left: 0!important

}



.p-b-0 {

    padding-bottom: 0!important

}



.p-t-0 {

    padding-top: 0!important

}



.p-r-0 {

    padding-right: 0!important

}



.p-l-0 {

    padding-left: 0!important

}



.m-b-5 {

    margin-bottom: 5px!important

}



.m-t-5 {

    margin-top: 5px!important

}



.m-r-5 {

    margin-right: 5px!important

}



.m-l-5 {

    margin-left: 5px!important

}



.p-b-5 {

    padding-bottom: 5px!important

}



.p-t-5 {

    padding-top: 5px!important

}



.p-r-5 {

    padding-right: 5px!important

}



.p-l-5 {

    padding-left: 5px!important

}



.m-b-10 {

    margin-bottom: 10px!important

}



.m-t-10 {

    margin-top: 10px!important

}



.m-r-10 {

    margin-right: 10px!important

}



.m-l-10 {

    margin-left: 10px!important

}



.p-b-10 {

    padding-bottom: 10px!important

}



.p-t-10 {

    padding-top: 10px!important

}



.p-r-10 {

    padding-right: 10px!important

}



.p-l-10 {

    padding-left: 10px!important

}



.m-b-15 {

    margin-bottom: 15px!important

}



.m-t-15 {

    margin-top: 15px!important

}



.m-r-15 {

    margin-right: 15px!important

}



.m-l-15 {

    margin-left: 15px!important

}



.p-b-15 {

    padding-bottom: 15px!important

}



.p-t-15 {

    padding-top: 15px!important

}



.p-r-15 {

    padding-right: 15px!important

}



.p-l-15 {

    padding-left: 15px!important

}



.m-b-20 {

    margin-bottom: 20px!important

}



.m-t-20 {

    margin-top: 20px!important

}



.m-r-20 {

    margin-right: 20px!important

}



.m-l-20 {

    margin-left: 20px!important

}



.p-b-20 {

    padding-bottom: 20px!important

}



.p-t-20 {

    padding-top: 20px!important

}



.p-r-20 {

    padding-right: 20px!important

}



.p-l-20 {

    padding-left: 20px!important

}



.m-b-25 {

    margin-bottom: 25px!important

}



.m-t-25 {

    margin-top: 25px!important

}



.m-r-25 {

    margin-right: 25px!important

}



.m-l-25 {

    margin-left: 25px!important

}



.p-b-25 {

    padding-bottom: 25px!important

}



.p-t-25 {

    padding-top: 25px!important

}



.p-r-25 {

    padding-right: 25px!important

}



.p-l-25 {

    padding-left: 25px!important

}



.m-b-30 {

    margin-bottom: 30px!important

}



.m-t-30 {

    margin-top: 30px!important

}



.m-r-30 {

    margin-right: 30px!important

}



.m-l-30 {

    margin-left: 30px!important

}



.p-b-30 {

    padding-bottom: 30px!important

}



.p-t-30 {

    padding-top: 30px!important

}



.p-r-30 {

    padding-right: 30px!important

}



.p-l-30 {

    padding-left: 30px!important

}



.m-b-35 {

    margin-bottom: 35px!important

}



.m-t-35 {

    margin-top: 35px!important

}



.m-r-35 {

    margin-right: 35px!important

}



.m-l-35 {

    margin-left: 35px!important

}



.p-b-35 {

    padding-bottom: 35px!important

}



.p-t-35 {

    padding-top: 35px!important

}



.p-r-35 {

    padding-right: 35px!important

}



.p-l-35 {

    padding-left: 35px!important

}



.m-b-40 {

    margin-bottom: 40px!important

}



.m-t-40 {

    margin-top: 40px!important

}



.m-r-40 {

    margin-right: 40px!important

}



.m-l-40 {

    margin-left: 40px!important

}



.p-b-40 {

    padding-bottom: 40px!important

}



.p-t-40 {

    padding-top: 40px!important

}



.p-r-40 {

    padding-right: 40px!important

}



.p-l-40 {

    padding-left: 40px!important

}



.m-b-45 {

    margin-bottom: 45px!important

}



.m-t-45 {

    margin-top: 45px!important

}



.m-r-45 {

    margin-right: 45px!important

}



.m-l-45 {

    margin-left: 45px!important

}



.p-b-45 {

    padding-bottom: 45px!important

}



.p-t-45 {

    padding-top: 45px!important

}



.p-r-45 {

    padding-right: 45px!important

}



.p-l-45 {

    padding-left: 45px!important

}



.m-b-50 {

    margin-bottom: 50px!important

}



.m-t-50 {

    margin-top: 50px!important

}



.m-r-50 {

    margin-right: 50px!important

}



.m-l-50 {

    margin-left: 50px!important

}



.p-b-50 {

    padding-bottom: 50px!important

}



.p-t-50 {

    padding-top: 50px!important

}



.p-r-50 {

    padding-right: 50px!important

}



.p-l-50 {

    padding-left: 50px!important

}



.m-b-55 {

    margin-bottom: 55px!important

}



.m-t-55 {

    margin-top: 55px!important

}



.m-r-55 {

    margin-right: 55px!important

}



.m-l-55 {

    margin-left: 55px!important

}



.p-b-55 {

    padding-bottom: 55px!important

}



.p-t-55 {

    padding-top: 55px!important

}



.p-r-55 {

    padding-right: 55px!important

}



.p-l-55 {

    padding-left: 55px!important

}



.m-b-60 {

    margin-bottom: 60px!important

}



.m-t-60 {

    margin-top: 60px!important

}



.m-r-60 {

    margin-right: 60px!important

}



.m-l-60 {

    margin-left: 60px!important

}



.p-b-60 {

    padding-bottom: 60px!important

}



.p-t-60 {

    padding-top: 60px!important

}



.p-r-60 {

    padding-right: 60px!important

}



.p-l-60 {

    padding-left: 60px!important

}



.m-b-65 {

    margin-bottom: 65px!important

}



.m-t-65 {

    margin-top: 65px!important

}



.m-r-65 {

    margin-right: 65px!important

}



.m-l-65 {

    margin-left: 65px!important

}



.p-b-65 {

    padding-bottom: 65px!important

}



.p-t-65 {

    padding-top: 65px!important

}



.p-r-65 {

    padding-right: 65px!important

}



.p-l-65 {

    padding-left: 65px!important

}



.m-b-70 {

    margin-bottom: 70px!important

}



.m-t-70 {

    margin-top: 70px!important

}



.m-r-70 {

    margin-right: 70px!important

}



.m-l-70 {

    margin-left: 70px!important

}



.p-b-70 {

    padding-bottom: 70px!important

}



.p-t-70 {

    padding-top: 70px!important

}



.p-r-70 {

    padding-right: 70px!important

}



.p-l-70 {

    padding-left: 70px!important

}



.m-b-75 {

    margin-bottom: 75px!important

}



.m-t-75 {

    margin-top: 75px!important

}



.m-r-75 {

    margin-right: 75px!important

}



.m-l-75 {

    margin-left: 75px!important

}



.p-b-75 {

    padding-bottom: 75px!important

}



.p-t-75 {

    padding-top: 75px!important

}



.p-r-75 {

    padding-right: 75px!important

}



.p-l-75 {

    padding-left: 75px!important

}



.m-b-80 {

    margin-bottom: 80px!important

}



.m-t-80 {

    margin-top: 80px!important

}



.m-r-80 {

    margin-right: 80px!important

}



.m-l-80 {

    margin-left: 80px!important

}



.p-b-80 {

    padding-bottom: 80px!important

}



.p-t-80 {

    padding-top: 80px!important

}



.p-r-80 {

    padding-right: 80px!important

}



.p-l-80 {

    padding-left: 80px!important

}



.m-b-85 {

    margin-bottom: 85px!important

}



.m-t-85 {

    margin-top: 85px!important

}



.m-r-85 {

    margin-right: 85px!important

}



.m-l-85 {

    margin-left: 85px!important

}



.p-b-85 {

    padding-bottom: 85px!important

}



.p-t-85 {

    padding-top: 85px!important

}



.p-r-85 {

    padding-right: 85px!important

}



.p-l-85 {

    padding-left: 85px!important

}



.m-b-90 {

    margin-bottom: 90px!important

}



.m-t-90 {

    margin-top: 90px!important

}



.m-r-90 {

    margin-right: 90px!important

}



.m-l-90 {

    margin-left: 90px!important

}



.p-b-90 {

    padding-bottom: 90px!important

}



.p-t-90 {

    padding-top: 90px!important

}



.p-r-90 {

    padding-right: 90px!important

}



.p-l-90 {

    padding-left: 90px!important

}



.m-b-95 {

    margin-bottom: 95px!important

}



.m-t-95 {

    margin-top: 95px!important

}



.m-r-95 {

    margin-right: 95px!important

}



.m-l-95 {

    margin-left: 95px!important

}



.p-b-95 {

    padding-bottom: 95px!important

}



.p-t-95 {

    padding-top: 95px!important

}



.p-r-95 {

    padding-right: 95px!important

}



.p-l-95 {

    padding-left: 95px!important

}



.m-b-100 {

    margin-bottom: 100px!important

}



.m-t-100 {

    margin-top: 100px!important

}



.m-r-100 {

    margin-right: 100px!important

}



.m-l-100 {

    margin-left: 100px!important

}



.p-b-100 {

    padding-bottom: 100px!important

}



.p-t-100 {

    padding-top: 100px!important

}



.p-r-100 {

    padding-right: 100px!important

}



.p-l-100 {

    padding-left: 100px!important

}



html {

    scroll-behavior: smooth

}



#wrapper {

    overflow: hidden;

    position: relative

}



.mod_article.last,.mod_article>.ce_headline,.mod_article>div.last {

    padding-bottom: 0

}



.gototop {

    -webkit-animation: fade-out 1s;

    -moz-animation: fade-out 1s;

    -o-animation: fade-out 1s;

    animation: fade-out 1s;

    bottom: 0;

    margin-bottom: 34px;

    opacity: 0;

    position: fixed;

    right: 20px;

    z-index: 1

}



@-webkit-keyframes fade-out {

    0% {

        opacity: 1

    }



    99% {

        opacity: 0

    }



    to {

        display: none

    }

}



@-moz-keyframes fade-out {

    0% {

        opacity: 1

    }



    99% {

        opacity: 0

    }



    to {

        display: none

    }

}



@-o-keyframes fade-out {

    0% {

        opacity: 1

    }



    99% {

        opacity: 0

    }



    to {

        display: none

    }

}



@keyframes fade-out {

    0% {

        opacity: 1

    }



    99% {

        opacity: 0

    }



    to {

        display: none

    }

}



.gototop.show {

    -webkit-animation: fade-in .15s;

    -moz-animation: fade-in .15s;

    -o-animation: fade-in .15s;

    animation: fade-in .15s;

    opacity: 1

}



@-webkit-keyframes fade-in {

    0% {

        display: block;

        opacity: 0

    }



    1% {

        opacity: 0

    }



    to {

        opacity: 1

    }

}



@-moz-keyframes fade-in {

    0% {

        display: block;

        opacity: 0

    }



    1% {

        opacity: 0

    }



    to {

        opacity: 1

    }

}



@-o-keyframes fade-in {

    0% {

        display: block;

        opacity: 0

    }



    1% {

        opacity: 0

    }



    to {

        opacity: 1

    }

}



@keyframes fade-in {

    0% {

        display: block;

        opacity: 0

    }



    1% {

        opacity: 0

    }



    to {

        opacity: 1

    }

}





canvas {

    height: 360px;

    width: 640px

}



@media (max-width: 1024px) {

    h1 {

        font-size:28px!important;

        line-height: 33px!important

    }



    h2 {

        font-size: 26px!important;

        line-height: 38px!important

    }



    p {

        font-size: 18px!important;

        line-height: 24px!important

    }

}



p:not(#header-slider p) p:not(.metaFields p):not(.ce_rsce_ce10_jobdetails p):not(.ce_rsce_ce3_branchen_product_slider p):not(.protected-values-wrapper p):not(.ecosystem p):not(.stories p):not(.stories-swiper p):not(footer p):not(.page-my-story-2 p):not(.page-my-story p):not(.page-my-story-3 p):not(.ce_rsce_ce8_hero_banner p) {

    font-size: 24px!important;

    line-height: 38px!important

}



/* .ce_qf_ce_contact .contact-position,h1,h2,h3,h4,h5,h6 {

    font-weight: 400!important

} */



@media (max-width: 1441px) {

    .page-my-story-2 .article-my-story .inside-article>div:nth-child(8),.page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

        margin-top:-400px!important

    }

}



@media (min-width: 951px) and (max-width:1340px) {

    .page-my-story-2 .article-my-story .inside-article>div:nth-child(8),.page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

        margin-top:-400px!important

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(3),.page-my-story-3 .article-my-story .inside-article>div:nth-child(3) {

        margin-top: -46px!important

    }

}



@media (max-width: 1440px) {

    .page-my-story-2 .article-my-story .inside-article>div:nth-child(9),.page-my-story-3 .article-my-story .inside-article>div:nth-child(9) {

        z-index:9999

    }

}



.page-my-story-2 .article-my-story .inside-article>div:nth-child(9),.page-my-story-3 .article-my-story .inside-article>div:nth-child(9) {

    z-index: 9999

}



@media (max-width: 950px) {

    .page-my-story-2 .article-my-story .inside-article>div:nth-child(4),.page-my-story-3 .article-my-story .inside-article>div:nth-child(4) {

        margin-top:unset!important

    }

}



@media (min-width: 951px) and (max-width:1250px) {

    .page-my-story-2 .article-my-story .inside-article>div:nth-child(8),.page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

        margin-top:-570px!important

    }

}



#header {

    padding-bottom: 29px;

    padding-top: 29px;

    position: fixed;

    z-index: 1000

}



#header,#header:after {

    background-color: #fff;

    width: 100%

}



#header:after {

    content: "";

    display: block;

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    transition: opacity .2s;

    z-index: -1

}



#header,#header a {

    color: #fff

}



#header .inside .logo+* {

    margin-left: auto

}



.header-secondary-state #header {

    box-shadow: 0 0 2px var(--color-cyan-25)

}



.header-secondary-state #header:after {

    opacity: 1

}



.header-secondary-state #header .logo,.header-secondary-state #header .mod_changelanguage .language-nav-toggle:after {

    filter: invert(48%) sepia(52%) saturate(4240%) hue-rotate(168deg) brightness(97%) contrast(101%)

}



.header-secondary-state #header,.header-secondary-state #header a,.header-secondary-state #header a:hover,.header-secondary-state #header nav li strong {

    color: #009fdf!important

}



.header-secondary-state #header .mod_changelanguage li a {

    color: #fff!important

}



.header-right-column {

    align-items: flex-end;

    align-self: stretch;

    display: flex;

    flex-direction: column;

    justify-content: space-between

}



.header-right-column .header-right-column-first-row {

    display: flex

}



.headerSentinel {

    height: 150px;

    left: 0;

    position: absolute;

    top: 0

}



#container .inside>:first-child {

    padding-top: 151px

}



#container .inside>:last-child {

    padding-bottom: 123px

}



#container .inside p a {

    text-decoration: underline;

    word-break: break-all

}



#container .inside p a:hover {

    text-decoration: none

}



#container .mod_article.first>:first-child,#container .mod_article.first>:first-child>:first-child {

    margin-top: 0

}



@media (max-width: 1480px) {

    #container .inside>:first-child {

        padding-top:100px

    }

}



#main .mod_article {

    padding-bottom: 123px

}



#main .mod_article .inside-article .accordion>div>div,#main .mod_article .inside-article .ce_columns:not(.popUp-fields)>div,#main .mod_article .inside-article .ce_qf_wrapper>div,#main .mod_article .inside-article .node_wrapper>div,#main .mod_article .inside-article>div {

    margin-bottom: 29px

}



#main .mod_article .inside-article .accordion>div>div:last-child,#main .mod_article .inside-article .ce_columns:not(.popUp-fields)>div:last-child,#main .mod_article .inside-article .ce_qf_wrapper>div:last-child,#main .mod_article .inside-article .node_wrapper>div:last-child,#main .mod_article .inside-article>div:last-child {

    margin-bottom: 0

}



#main blockquote,#main form,#main ol,#main p,#main pre,#main table,#main ul {

    margin-bottom: 29px

}



#main blockquote:last-child,#main form:last-child,#main ol:last-child,#main p:last-child,#main pre:last-child,#main table:last-child,#main ul:last-child {

    margin-bottom: 0

}



#main li p:last-child {

    margin-bottom: 29px

}



#main .ce_accordion+.ce_accordion {

    margin-top: 7px

}



#main .ce_accordion+* {

    margin-top: 29px

}



body.layout-left #container,body.layout-right #container {

    box-sizing: border-box

}



body.layout-left #container:after,body.layout-right #container:after {

    clear: both;

    content: "";

    display: table

}



body.layout-left #main,body.layout-right #main {

    float: left;

    position: relative;

    width: 100%

}



body.layout-left #container {

    padding-left: 300px

}



body.layout-left #left {

    float: left;

    margin-left: -100%;

    position: relative;

    right: 300px;

    width: 300px

}



body.layout-left #left>.inside {

    padding-right: 29px

}



body.layout-right #container {

    padding-right: 250px

}



body.layout-right #right {

    float: left;

    margin-right: -100%;

    position: relative;

    width: 250px

}



body.layout-right #right>.inside {

    padding-left: 29px

}



.page-home #container {

    padding-top: 0!important

}







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

    #footer .footer-first-row-inside {

        grid-template-columns:1fr 2fr

    }



    #footer .footer-second-row-inside,#footer .footer-third-row-inside {

        grid-template-columns: 1fr 1fr 1fr

    }



    #footer .footer-third-row-inside {

        grid-template-columns: 100%

    }



    #footer .footer-third-row-inside>* {

        grid-column-start: 1

    }

}



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

    #footer .footer-first-row-inside {

        grid-row-gap:18px;

        grid-template-columns: 100%

    }



    #footer .footer-second-row-inside {

        grid-template-columns: auto 1fr 1fr

    }

}



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

    #footer {

        --logo-width:100px;

        margin-top: 120px

    }



    #footer * {

        font-size: 14px!important

    }



    #footer .mainmenu {

        display: none!important

    }



    #footer .footer-first-row-inside,#footer .footer-fourth-row-inside,#footer .footer-second-row-inside {

        margin: 0 80px!important

    }



    #footer .footer-fourth-row-inside {

        display: flex!important;

        flex-flow: row!important;

        justify-content: space-between!important;

        width: unset!important

    }



    #footer .footer-fourth-row-inside .footermenu .level_1 {

        display: flex;

        flex-flow: row!important

    }



    #footer .footer-second-row-inside {

        grid-template-columns: 1fr 1fr 1fr!important

    }



    #footer .footer-second-row-inside .icon-facebook:before,#footer .footer-second-row-inside .icon-insta:before,#footer .footer-second-row-inside .icon-linkedin:before,#footer .footer-second-row-inside .icon-youtube:before {

        height: 30px!important;

        width: 30px!important

    }



    #footer .footer-second-row-inside .footer-second-column {

        margin-top: -63px

    }



    #footer .footer-second-row-inside .footer-fifth-column-inside .level_1 {

        max-width: 200px!important

    }



    #footer .footer-second-row-inside .footer-first-column {

        grid-row-start: 1

    }



    #footer .footer-second-row-inside .footer-second-column {

        grid-row-start: 2

    }



    #footer .footer-second-row-inside .footer-fourth-column,#footer .footer-second-row-inside .footer-third-column {

        grid-row-start: 1

    }



    #footer .footer-second-row-inside .footer-fifth-column {

        grid-row-start: 2

    }



    #footer .footer-third-row {

        padding-bottom: 29px

    }



    #footer .footer-third-row .footer-third-row-inside {

        display: flex;

        flex-direction: column

    }



    #footer .footer-fourth-row-inside {

        flex-direction: column-reverse;

        gap: 29px

    }



    #footer .footer-fourth-row-inside .footermenu ul {

        display: flex;

        flex-direction: column;

        line-height: 2

    }

}



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

    #footer .mainmenu ul.level_1>li {

        float:none!important;

        margin-bottom: 18px

    }



    #footer .mainmenu ul.level_1>li:last-child {

        margin-bottom: 0

    }



    .footer-first-row {

        padding-bottom: 29px

    }

}





@media (min-width: 1598px) {

    #footer .footer-second-row .footer-first-column {

        min-width:395px

    }



    #footer .footer-second-row .footer-second-column {

        min-width: 358px

    }



    #footer .footer-second-row .footer-third-column {

        min-width: 317px

    }

}



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

    #footer {

        --logo-width:100px;

        margin-top: 80px

    }



    #footer .logo img {

        width: unset!important

    }



    #footer .mainmenu {

        display: none!important

    }



    #footer .footer-first-row-inside,#footer .footer-fourth-row-inside,#footer .footer-second-row-inside {

        margin: 0 36px!important

    }



    #footer .footer-fourth-row-inside {

        flex-flow: column-reverse!important

    }



    #footer .footer-second-row-inside {

        grid-template-columns: 1fr 1fr!important

    }



    #footer .footer-second-row-inside .icon-facebook:before,#footer .footer-second-row-inside .icon-insta:before,#footer .footer-second-row-inside .icon-linkedin:before,#footer .footer-second-row-inside .icon-youtube:before {

        height: 30px!important;

        width: 30px!important

    }



    #footer .footer-second-row-inside .footer-second-column {

        margin-top: -63px

    }



    #footer .footer-second-row-inside .footer-fifth-column-inside .level_1 {

        max-width: 200px!important

    }



    #footer .footer-second-row-inside .footer-first-column {

        grid-row-start: 1

    }



    #footer .footer-second-row-inside .footer-second-column {

        grid-row-start: 2

    }



    #footer .footer-second-row-inside .footer-fourth-column,#footer .footer-second-row-inside .footer-third-column {

        grid-row-start: 3

    }



    #footer .footer-second-row-inside .footer-fifth-column {

        grid-row-start: 4

    }



    #footer .footer-third-row {

        padding-bottom: 29px

    }



    #footer .footer-third-row .footer-third-row-inside {

        display: flex;

        flex-direction: column

    }



    #footer .footer-fourth-row-inside {

        flex-direction: column-reverse;

        gap: 29px

    }



    #footer .footer-fourth-row-inside .footermenu ul {

        display: flex;

        flex-direction: column;

        line-height: 2

    }

}



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

    #footer {

        --logo-width:100px;

        margin-top: 80px

    }



    #footer a.goup {

        right: 38px!important;

        top: 35px!important

    }



    #footer .mainmenu {

        display: none!important

    }



    #footer .footer-first-row-inside,#footer .footer-fourth-row-inside,#footer .footer-second-row-inside {

        margin: 0 36px!important

    }



    #footer .footer-fourth-row-inside {

        flex-flow: column-reverse!important

    }



    #footer .footer-second-row-inside {

        grid-template-columns: 1fr 1fr!important

    }



    #footer .footer-second-row-inside .icon-facebook:before,#footer .footer-second-row-inside .icon-insta:before,#footer .footer-second-row-inside .icon-linkedin:before,#footer .footer-second-row-inside .icon-youtube:before {

        height: 30px!important;

        width: 30px!important

    }



    #footer .footer-second-row-inside .footer-second-column {

        margin-top: -63px

    }



    #footer .footer-second-row-inside .footer-fifth-column-inside .level_1 {

        max-width: 200px!important

    }



    #footer .footer-second-row-inside .footer-first-column {

        grid-row-start: 1

    }



    #footer .footer-second-row-inside .footer-second-column {

        grid-row-start: 2

    }



    #footer .footer-second-row-inside .footer-third-column {

        grid-row-start: 3

    }



    #footer .footer-second-row-inside .footer-fourth-column {

        grid-row-start: 4

    }



    #footer .footer-second-row-inside .footer-fifth-column {

        grid-row-start: 5

    }



    #footer .footer-third-row {

        padding-bottom: 29px

    }



    #footer .footer-third-row .footer-third-row-inside {

        display: flex;

        flex-direction: column

    }



    #footer .footer-fourth-row-inside {

        flex-direction: column-reverse;

        gap: 29px

    }



    #footer .footer-fourth-row-inside .footermenu ul {

        display: flex;

        flex-direction: column;

        line-height: 2

    }

}



.custom>#stage {

    color: #fff

}



.custom>#stage a {

    color: #fff

}



.custom>#stage a,.custom>#stage a:hover {

    text-decoration: none

}



.custom>#stage .inside {

    position: relative

}



.custom>#stage .mod_article {

    margin: auto;

    max-width: 1440px

}



.custom>#stage .mod_article.first {

    padding-top: 60px

}



.custom>#stage .mod_article.last {

    padding-bottom: 60px

}



.custom>#stage .mod_article p {

    margin-bottom: 29px

}



.custom>#stage .mod_article.article-image {

    left: 0;

    max-width: none;

    padding-bottom: 0;

    padding-top: 0;

    position: relative;

    top: 0;

    transform: none

}



.custom>#stage .mod_article.article-image .image_container {

    padding-bottom: 100vh;

    position: relative;

    width: 100%

}



.custom>#stage .mod_article.article-image .image_container img {

    height: 100%;

    object-fit: cover;

    position: absolute;

    width: 100%

}



.custom>#stage .mod_article.article-image .image_container .caption {

    display: none

}



.custom>#stage .mod_article.article-image+.mod_article {

    left: 50%;

    position: absolute;

    top: 50%;

    transform: translate(-50%,-50%);

    width: 100%

}



.custom>#stage .mod_article.article-image+.mod_article .ce_headline,.custom>#stage .mod_article.article-image+.mod_article>*>* {

    margin-bottom: 7px;

    padding-left: 7px;

    padding-right: 7px;

    padding-top: 0

}



.custom>#stage .mod_article.article-image+.mod_article .ce_text {

    padding-bottom: 34px

}



.custom>#stage .mod_article.article-image+.mod_article h1 {

    font-size: 68px;

    font-weight: 300

}



.custom>#stage .mod_article.article-image+.mod_article p {

    font-size: 26px

}



.custom>#stage .mod_article.article-image+.mod_article.last {

    padding-bottom: 20px

}



.ce_hyperlink.button a,.widget button,a.button,button.button,input.submit {

    background-color: #009fdf;

    background-color: var(--button-color);

    border: none;

    border: 1px solid var(--button-border-color);

    border-radius: 1.618em;

    color: var(--button-text-color)!important;

    display: inline-block;

    outline: none;

    padding: .5em 1.618em;

    text-decoration: none!important;

    text-transform: uppercase;

    transition: background-color .4s

}



.ce_hyperlink.button a:active,.ce_hyperlink.button a:focus,.ce_hyperlink.button a:hover,.widget button:active,.widget button:focus,.widget button:hover,a.button:active,a.button:focus,a.button:hover,button.button:active,button.button:focus,button.button:hover,input.submit:active,input.submit:focus,input.submit:hover {

    background-color: var(--button-secondary-color);

    background-image: none;

    background-position: 0;

    border-color: var(--button-border-secondary-color);

    color: var(--button-text-secondary-color)!important;

    text-decoration: none!important;

    transition: background-color .15s

}



.ce_hyperlink.button-100 a,a.button-100,button.button-100 {

    box-sizing: border-box;

    width: 100%

}



nav ul {

    list-style-type: none;

    margin: 0;

    padding: 0

}



nav ul:after {

    clear: both;

    content: "";

    display: table

}



nav ul.level_2 {

    display: none

}



nav a {

    color: #000

}



nav a.trail,nav a:hover,nav strong {

    color: #009fdf;

    text-decoration: none

}



nav strong {

    font-weight: 400

}



nav li:hover>ul {

    display: block

}



#footer .mainmenu ul.level_1 a,#footer .mainmenu ul.level_1 strong,#header .mainmenu ul.level_1 a,#header .mainmenu ul.level_1 strong {

    display: block;

    font-family: Neuropol;

}



#footer .mainmenu ul.level_1>li,#header .mainmenu ul.level_1>li {

    float: left;

    margin-right: 30px

}



#footer .mainmenu ul.level_1>li>a,#footer .mainmenu ul.level_1>li>strong,#header .mainmenu ul.level_1>li>a,#header .mainmenu ul.level_1>li>strong {

    font-size: 24px;

    line-height: 1;

    text-transform: uppercase

}



#footer .mainmenu ul.level_1>li a.trail,#footer .mainmenu ul.level_1>li a:hover,#footer .mainmenu ul.level_1>li strong,#header .mainmenu ul.level_1>li a.trail,#header .mainmenu ul.level_1>li a:hover,#header .mainmenu ul.level_1>li strong {

    color: #fff

}



#footer .mainmenu ul.level_1>li:last-child,#header .mainmenu ul.level_1>li:last-child {

    margin-right: 0

}



#footer .mainmenu ul.level_1>li.submenu ul,#header .mainmenu ul.level_1>li.submenu ul {

    background-color: #fff;

    padding: 11px;

    position: absolute;

    z-index: 1000

}



#header {

    box-sizing: border-box;

    height: 151px;

    padding: 35px 2rem;

    transition: .4s

}



#header .inside {

    align-items: flex-end;

    display: flex;

    height: 81px;

    max-width: 1596px!important

}



#header .inside .logo {

    height: 100%

}



#header .inside .logo a {

    display: block;

    height: 100%

}



#header .inside .logo a img {

    height: 100%;

    width: 219px

}



#header .inside nav li a:hover,#header .inside nav li strong {

    text-decoration: underline

}



#header .inside .mod_navigation.mainmenu {

    margin-right: 0

}



#header .inside .mod_navigation.mainmenu .level_1 li.submenu {

    display: flex

}



#header .inside .mod_navigation.mainmenu .level_1 li.submenu:after {

    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.328' height='6.053'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rechteck 79' fill='%23009fdf' d='M0 0h6.053v10.328H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Gruppe 215'%3E%3Cg data-name='Gruppe 102' transform='rotate(-90 3.026 3.027)' clip-path='url(%23a)'%3E%3Cpath data-name='Pfad 256' d='M0 5.177a.891.891 0 0 0 .256.618l4.273 4.273A.891.891 0 0 0 5.792 8.81L2.148 5.165l3.644-3.644A.891.891 0 0 0 4.532.262L.256 4.537a.89.89 0 0 0-.256.64' fill='%23009fdf'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    height: 10px;

    margin-left: 11px;

    position: relative;

    top: -5px;

    width: 6px

}



#header .inside .mod_navigation.mainmenu .level_1 li.submenu .level_2 {

    background: #fff;

    border-radius: 20px;

    box-shadow: 0 3px 15px 0 rgba(38,38,38,.2);

    margin-left: -68px;

    max-width: 300px;

    min-width: 278px;

    padding: 16px 5px;

    top: 101px

}



#header .inside .mod_navigation.mainmenu .level_1 li.submenu .level_2:before {

    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80.355' height='80.355'%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='80.355' height='80.355' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='3'/%3E%3CfeGaussianBlur stdDeviation='7.5' result='blur'/%3E%3CfeFlood flood-color='%23262626' flood-opacity='.2'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)'%3E%3Cpath data-name='Vereinigungsmenge 5' d='m40.18 19.5 17.678 17.678L40.18 54.856 22.502 37.178Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");

    display: flex;

    height: 41px;

    justify-content: center;

    left: 0;

    position: absolute;

    top: -37px;

    width: 100%;

    z-index: -1

}



#header .inside .mod_navigation.mainmenu .level_1 li.submenu .level_2:after {

    background: #fff;

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;

    height: 31px;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1

}



#header .inside .mod_navigation.mainmenu .level_1 li.submenu .level_2 li {

    align-items: center;

    display: flex;

    height: 39px;

    margin-bottom: 3px;

    transition: .2s;

    width: 100%

}



#header .inside .mod_navigation.mainmenu .level_1 li.submenu .level_2 li:hover {

    background: #009fdf;

    border-radius: 5px

}



#header .inside .mod_navigation.mainmenu .level_1 li.submenu .level_2 li:hover a {

    color: #fff!important

}



#header .inside .mod_navigation.mainmenu .level_1 li.submenu .level_2 li a {

    color: #000!important;

    display: flex;

    font-size: 18px;

    padding: 0 26px;

    text-decoration: none;

    text-transform: uppercase;

    transition: .2s;

    width: 100%

}



#header .inside .top-navi-lang {

    position: absolute;

    right: 0;

    top: 0

}



#header .mainmenu {

    margin-right: 29px

}



#header .mainmenu ul.level_1 .page-products,#header .mainmenu ul.level_1 .page-products strong {

    text-decoration: none!important

}



#header .mainmenu ul.level_1 .level_2 strong {

    color: #000!important;

    display: flex;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 18px;

    padding: 0 26px;

    text-decoration: none!important;

    text-transform: uppercase!important;

    transition: .2s;

    width: 100%

}



#header .mainmenu ul.level_1 .level_2 strong:hover {

    color: #fff!important

}



#header .mainmenu ul.level_2>li a {

    color: #009fdf;

    font-family: Arial,Helvetica,sans-serif

}



#header .mainmenu ul.level_2>li a:hover {

    color: #009fdf

}



#header .secondarymenu {

    display: flex;

    flex-direction: row

}



#header .secondarymenu .secondarymenu-company {

    position: relative

}



#header .secondarymenu .secondarymenu-company .dropdown-content {

    background-color: #fff;

    display: none;

    position: absolute

}



#header .secondarymenu .secondarymenu-company p {

    line-height: 24px;

    margin-bottom: -2px;

    margin-right: 30px

}



#header .secondarymenu .dropdown:hover .dropdown-content {

    display: block;

    padding: 7px 11px;

    width: 100%

}



#header .secondarymenu .dropdown:hover .dropdown-content a,#header .secondarymenu .dropdown:hover .dropdown-content strong {

    color: #009fdf;

    padding-bottom: 7px

}



#header .secondarymenu ul.level_1>li {

    float: left;

    margin-right: 30px

}



#header .secondarymenu ul.level_1>li>a,#header .secondarymenu ul.level_1>li>strong {

    display: block;

    line-height: 24px;

    margin-bottom: -2px

}



#header .secondarymenu ul.level_1>li:last-child {

    margin-right: 0

}



#header .mod_changelanguage {

    cursor: pointer

}



#header .mod_changelanguage .language-nav-toggle {

    color: #009fdf!important;

    padding-left: 11px;

    padding-right: 18px;

    position: relative

}



#header .mod_changelanguage .language-nav-toggle:after {

    background-image: url(/layout/images/icon-chevron-down.5b7344e7.svg);

    background-position: 100%;

    background-repeat: no-repeat;

    background-size: contain;

    content: "";

    display: block;

    filter: invert(48%) sepia(52%) saturate(4240%) hue-rotate(168deg) brightness(97%) contrast(101%);

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    width: 11px

}



#header .mod_changelanguage ul.level_1 {

    background-color: #009fdf;

    display: none;

    position: absolute

}



#header .mod_changelanguage ul.level_1 li a {

    padding-left: 11px;

    padding-right: 11px

}



#header .mod_changelanguage:hover ul.level_1 {

    display: block

}



#header .mod_mobile_menu {

    margin-left: auto

}



@media (max-width: 1480px) {

    #header {

        height:100px

    }

}



#footer .mainmenu {

    margin-bottom: 7px

}



#footer .mainmenu ul.level_1>li {

    margin-right: 47px

}



#footer .mainmenu ul.level_1>li>a,#footer .mainmenu ul.level_1>li>strong {

    font-size: 20px

}



#footer .footermenu ul.level_1>li {

    float: left;

    margin-right: 30px

}



#footer .footermenu ul.level_1>li:last-child {

    margin-right: 0

}



.fixed-header #header {

    height: 100px;

    padding: 12px 0

}



.fixed-header #header .logo {

    padding-bottom: 3px;

    width: 187px

}



.fixed-header #header .top-navi-lang {

    left: 15px;

    position: relative;

    top: 2px

}



.fixed-header #header .top-navi-lang,.fixed-header .mod_navigation {

    align-items: center;

    display: flex;

    height: 100%

}



.fixed-header .mod_navigation .level_2 {

    top: 75px!important

}



#header .mod_mobile_menu {

    display: none

}



.nav_toggle {

    align-items: center;

    cursor: pointer;

    display: block;

    height: 40px;

    width: 40px;

    z-index: 1001

}



.nav_toggle:after {

    background-image: url(/layout/images/icon-menu.8cc9cfe3.svg);

    background-position: 50%;

    background-repeat: no-repeat;

    background-size: contain;

    content: "";

    display: block;

    filter: invert(100%);

    height: 100%;

    width: 100%

}



.header-secondary-state .nav_toggle:after {

    filter: invert(48%) sepia(52%) saturate(4240%) hue-rotate(168deg) brightness(97%) contrast(101%)

}



.header-secondary-state .mod_breadcrumb li.active.last {

    color: #009fdf

}



.mobile_menu {

    z-index: 100001

}



.mobile_menu .inner {

    background-color: #fff

}



.mobile_menu .mainmenu a,.mobile_menu .mainmenu strong,.mobile_menu .mod_changelanguage a,.mobile_menu .mod_changelanguage strong,.mobile_menu .secondarymenu-links a,.mobile_menu .secondarymenu-links strong {

    color: #009fdf;

    display: block;

    padding: 7px 29px

}



.mobile_menu .mainmenu a:hover,.mobile_menu .mainmenu strong,.mobile_menu .mod_changelanguage a:hover,.mobile_menu .mod_changelanguage strong,.mobile_menu .secondarymenu-links a:hover,.mobile_menu .secondarymenu-links strong {

    background-color: #eee

}



.mobile_menu .mainmenu ul.level_1>li>a,.mobile_menu .mainmenu ul.level_1>li>strong,.mobile_menu .mod_changelanguage ul.level_1>li>a,.mobile_menu .mod_changelanguage ul.level_1>li>strong,.mobile_menu .secondarymenu-links ul.level_1>li>a,.mobile_menu .secondarymenu-links ul.level_1>li>strong {

    font-weight: 600;

    padding-right: 76px;

    position: relative;

    text-transform: uppercase

}



.mobile_menu .mainmenu ul.level_1>li>a.submenu:after,.mobile_menu .mainmenu ul.level_1>li>strong.submenu:after,.mobile_menu .mod_changelanguage ul.level_1>li>a.submenu:after,.mobile_menu .mod_changelanguage ul.level_1>li>strong.submenu:after,.mobile_menu .secondarymenu-links ul.level_1>li>a.submenu:after,.mobile_menu .secondarymenu-links ul.level_1>li>strong.submenu:after {

    content: "\f078";

    font-family: Font Awesome\ 5 Free;

    position: absolute;

    right: 29px

}



.mobile_menu .mainmenu ul.level_1>li.submenu_show>a:after,.mobile_menu .mainmenu ul.level_1>li.submenu_show>strong:after,.mobile_menu .mod_changelanguage ul.level_1>li.submenu_show>a:after,.mobile_menu .mod_changelanguage ul.level_1>li.submenu_show>strong:after,.mobile_menu .secondarymenu-links ul.level_1>li.submenu_show>a:after,.mobile_menu .secondarymenu-links ul.level_1>li.submenu_show>strong:after {

    content: "\f077"

}



.mobile_menu .mainmenu ul.level_1>li.active>a,.mobile_menu .mainmenu ul.level_1>li.active>strong,.mobile_menu .mainmenu ul.level_1>li.submenu_show>a,.mobile_menu .mainmenu ul.level_1>li.submenu_show>strong,.mobile_menu .mainmenu ul.level_1>li.trail>a,.mobile_menu .mainmenu ul.level_1>li.trail>strong,.mobile_menu .mod_changelanguage ul.level_1>li.active>a,.mobile_menu .mod_changelanguage ul.level_1>li.active>strong,.mobile_menu .mod_changelanguage ul.level_1>li.submenu_show>a,.mobile_menu .mod_changelanguage ul.level_1>li.submenu_show>strong,.mobile_menu .mod_changelanguage ul.level_1>li.trail>a,.mobile_menu .mod_changelanguage ul.level_1>li.trail>strong,.mobile_menu .secondarymenu-links ul.level_1>li.active>a,.mobile_menu .secondarymenu-links ul.level_1>li.active>strong,.mobile_menu .secondarymenu-links ul.level_1>li.submenu_show>a,.mobile_menu .secondarymenu-links ul.level_1>li.submenu_show>strong,.mobile_menu .secondarymenu-links ul.level_1>li.trail>a,.mobile_menu .secondarymenu-links ul.level_1>li.trail>strong {

    color: #009fdf

}



.mobile_menu .mod_changelanguage {

    margin-top: 29px

}



.mobile_menu .mod_changelanguage>.active {

    background-color: #009fdf;

    border-bottom: 1px solid #eee;

    color: #fff;

    display: block;

    font-weight: 700;

    padding: 7px 29px

}



@media (max-width: 1480px) {

    body.noScroll {

        height:100%;

        margin: 0;

        overflow: hidden

    }



    body.fixed-header .top-navi-lang {

        position: unset!important

    }



    body.fixed-header .mobile_menu .mod_navigation {

        display: block!important

    }



    #header {

        box-sizing: border-box;

        padding: 25px 40px!important

    }



    #header .inside {

        display: flex!important;

        flex-flow: row;

        max-height: 100%;

        width: 100%!important

    }



    #header .inside .logo {

        margin-right: auto

    }



    #header .inside .logo img {

        width: unset!important

    }



    #header .inside .top-navi-lang {

        position: relative

    }



    #header .inside .mod_mobile_menu {

        margin-left: 43px

    }



    #header .inside .mod_mobile_menu .nav_toggle {

        height: 29px;

        width: 44px

    }



    #header .inside .mod_mobile_menu .nav_toggle:after {

        background: unset;

        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='28'%3E%3Cg data-name='Gruppe 808' fill='none' stroke='%23009fdf' stroke-linecap='round' stroke-width='4'%3E%3Cpath data-name='Linie 29' d='M2 2h40'/%3E%3Cpath data-name='Linie 30' d='M2 14h40'/%3E%3Cpath data-name='Linie 31' d='M2 26h40'/%3E%3C/g%3E%3C/svg%3E");

        filter: unset

    }



    #header .inside .mod_mobile_menu .mobile_menu_trigger.active .nav_toggle {

        height: 38px!important

    }



    #header .inside .mod_mobile_menu .mobile_menu_trigger.active .nav_toggle:after {

        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37.657' height='37.657'%3E%3Cg data-name='Gruppe 1153' fill='none' stroke='%23009fdf' stroke-linecap='round' stroke-width='4'%3E%3Cpath data-name='Linie 29' d='m2.829 2.829 32 32'/%3E%3Cpath data-name='Linie 63' d='m34.829 2.829-32 32'/%3E%3C/g%3E%3C/svg%3E")

    }



    .mobile_menu {

        box-shadow: none!important;

        top: 100px!important;

        z-index: 999999!important

    }



    .mobile_menu,.mobile_menu .inner {

        width: 100vw!important

    }



    .mobile_menu .inner .mod_navigation {

        display: flex;

        justify-content: center;

        min-height: calc(78vh - 100px);

        position: relative;

        top: 50px

    }



    .mobile_menu .inner .social_container {

        background: #fafafa;

        bottom: 100px;

        box-sizing: border-box;

        padding: 2rem;

        position: absolute;

        text-align: center;

        width: 100vw;

        z-index: 1

    }



    .mobile_menu .inner .social_container .social_container_headline {

        color: #009fdf;

        font-size: 14px;

        font-weight: 700

    }



    .mobile_menu .inner .social_container .social_container__wrapper {

        display: flex;

        justify-content: space-around;

        margin: 10px auto;

        max-width: 215px

    }



    .mobile_menu .inner .social_container.hidden {

        display: none

    }



    .mobile_menu .inner a {

        font-weight: 400!important

    }



    .mobile_menu .inner .level_1 {

        min-width: 300px!important

    }



    .mobile_menu .inner .level_1:not(.level_2) li {

        margin-bottom: 19px;

        position: relative

    }



    .mobile_menu .inner .level_1 li {

        border: none;

        font-family: Neuropol X,Arial,Helvetica,sans-serif;

        font-size: 20px;

        font-weight: 400;

        padding: 0 0 10px;

        text-align: center;

        text-transform: uppercase!important

    }



    .mobile_menu .inner .level_1 li .level_2 li:first-child {

        margin-top: 19px;

        padding: 10px 0

    }



    .mobile_menu .inner .level_1 li a {

        border: none!important;

        font-family: Neuropol X,Arial,Helvetica,sans-serif;

        padding: 0!important;

        text-transform: uppercase!important

    }



    .mobile_menu .inner .level_1 li.submenu .level_2 strong {

        color: #404040!important;

        font-family: Arial,Helvetica,sans-serif!important;

        font-size: 18px!important

    }



    .mobile_menu .inner .level_1 li.submenu .level_2 strong:after {

        display: none!important

    }



    .mobile_menu .inner .level_1 li.submenu .level_2 a {

        color: #404040

    }



    .mobile_menu .inner .level_1 li.submenu .level_2 a:active,.mobile_menu .inner .level_1 li.submenu .level_2 a:focus,.mobile_menu .inner .level_1 li.submenu .level_2 a:focus-visible {

        color: #009fdf

    }



    .mobile_menu .inner .level_1 li.submenu a:not(.level_2 a) {

        background: none!important;

        color: #009fdf!important;

        font-weight: 400!important;

        margin: 0 auto;

        padding: 0!important;

        width: fit-content

    }



    .mobile_menu .inner .level_1 li.submenu a:not(.level_2 a):after {

        content: ""!important;

        display: none!important

    }



    .mobile_menu .inner .level_1 li.submenu .after-element {

        height: 42px;

        margin-top: -4px;

        position: absolute;

        text-align: left;

        top: 0;

        width: 35px

    }



    .mobile_menu .inner .level_1 li.submenu .after-element:after {

        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.328' height='6.053'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rechteck 79' fill='%23009fdf' d='M0 0h6.053v10.328H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Gruppe 215'%3E%3Cg data-name='Gruppe 102' transform='rotate(-90 3.026 3.027)' clip-path='url(%23a)'%3E%3Cpath data-name='Pfad 256' d='M0 5.177a.891.891 0 0 0 .256.618l4.273 4.273A.891.891 0 0 0 5.792 8.81L2.148 5.165l3.644-3.644A.891.891 0 0 0 4.532.262L.256 4.537a.89.89 0 0 0-.256.64' fill='%23009fdf'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important;

        margin-left: 13px;

        margin-top: -3px;

        pointer-events: none!important;

        right: unset!important

    }



    .mobile_menu .inner .level_1 li.submenu strong {

        background: none!important;

        color: #009fdf!important;

        font-weight: 400!important;

        margin: 0 auto;

        padding: 0!important;

        width: fit-content

    }



    .mobile_menu .inner .level_1 li.submenu strong:after {

        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.328' height='6.053'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rechteck 79' fill='%23009fdf' d='M0 0h6.053v10.328H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Gruppe 215'%3E%3Cg data-name='Gruppe 102' transform='rotate(-90 3.026 3.027)' clip-path='url(%23a)'%3E%3Cpath data-name='Pfad 256' d='M0 5.177a.891.891 0 0 0 .256.618l4.273 4.273A.891.891 0 0 0 5.792 8.81L2.148 5.165l3.644-3.644A.891.891 0 0 0 4.532.262L.256 4.537a.89.89 0 0 0-.256.64' fill='%23009fdf'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important;

        display: none!important;

        margin-top: -3px;

        pointer-events: none!important;

        right: 35px!important

    }



    .mobile_menu .inner .level_1 li.submenu a {

        background: none!important;

        font-weight: 400!important;

        padding: 0!important

    }



    .mobile_menu .inner .level_1 li.submenu .level_2 {

        display: none

    }



    .mobile_menu .inner .level_1 li.submenu.mobile-menu-active .after-element:after {

        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.328' height='6.053'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rechteck 79' transform='rotate(180 3.026 5.164)' fill='%23009fdf' d='M0 0h6.053v10.328H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Gruppe 215'%3E%3Cg data-name='Gruppe 102' transform='rotate(90 5.164 5.165)' clip-path='url(%23a)'%3E%3Cpath data-name='Pfad 256' d='M0 5.177a.891.891 0 0 0 .256.618l4.273 4.273A.891.891 0 0 0 5.792 8.81L2.148 5.165l3.644-3.644A.891.891 0 0 0 4.532.262L.256 4.537a.89.89 0 0 0-.256.64' fill='%23009fdf'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important;

        pointer-events: none!important

    }



    .mobile_menu .inner .level_1 .level_1 li {

        font-size: 20px

    }



    .mobile_menu .inner .level_1 .level_2 li {

        margin-bottom: 5px

    }



    .mobile_menu .inner .level_1 .level_2 li a {

        font-family: Arial,Helvetica,sans-serif!important;

        font-size: 18px!important

    }



    .mobile_menu .inner .level_1 .level_2 li:last-child {

        margin-bottom: 0

    }

}



@media (max-width: 370px) {

    #header {

        padding:25px 15px!important

    }



    #header .inside .logo {

        max-width: 100px

    }



    #header .inside .mod_mobile_menu {

        margin-left: 20px

    }

}



.mod_breadcrumb ul {

    list-style-type: none;

    margin: 0;

    padding: 0

}



.mod_breadcrumb ul:after,.mod_breadcrumb:after {

    clear: both;

    content: "";

    display: table

}



.mod_breadcrumb a {

    color: #000

}



.mod_breadcrumb li.active {

    color: #fff;

    text-decoration: underline

}



.mod_breadcrumb li {

    float: left;

    margin-right: 5px

}



.mod_breadcrumb li:after {

    content: " - "

}



.mod_breadcrumb li.active:after {

    content: ""

}



.mod_breadcrumb h6 {

    float: left;

    font-size: inherit;

    font-weight: 400;

    margin-bottom: 0;

    padding-right: 5px

}



.pagination {

    padding-top: 18px

}



.pagination ul {

    list-style-type: none;

    margin: 0;

    padding: 0

}



.pagination ul:after,.pagination:after {

    clear: both;

    content: "";

    display: table

}



.pagination p {

    float: left

}



.pagination ul {

    float: right

}



.pagination li {

    display: inline-block;

    padding-right: 18px

}



.pagination li:last-child {

    padding-right: 0

}



.ce_qf_slider {

    left: 50%;

    overflow: visible;

    transform: translateX(-50%);

    width: 100vw

}



.ce_qf_slider,.ce_qf_slider .qf-slider {

    position: relative

}



.ce_qf_slider .qf-slider-element {

    display: grid;

    grid-template-columns: repeat(2,minmax(0,50%));

    position: relative

}



.ce_qf_slider .qf-slider-element .left,.ce_qf_slider .qf-slider-element .right {

    height: 100%;

    position: relative

}



.ce_qf_slider .qf-slider-element .left:after,.ce_qf_slider .qf-slider-element .right:after {

    content: "";

    display: block;

    height: 100%;

    position: absolute;

    top: 0;

    width: 50vw;

    z-index: -1

}



.ce_qf_slider .qf-slider-element .left {

    align-items: center;

    box-sizing: border-box;

    color: #fff;

    display: flex;

    flex-direction: column;

    font-size: 24px;

    height: 100%;

    justify-content: space-between;

    padding: 76px 76px 29px calc(50vw - 673px);

    text-decoration: none;

    width: 100%

}



.ce_qf_slider .qf-slider-element .left:after {

    background-color: var(--color-violet);

    right: 0

}



.ce_qf_slider .qf-slider-element .left .img {

    margin-bottom: 18px

}



.ce_qf_slider .qf-slider-element .left .img+* {

    margin-top: auto

}



.ce_qf_slider .qf-slider-element .left .img img {

    max-height: 504px

}



.ce_qf_slider .qf-slider-element .left .imgHeadline {

    font-weight: 700

}



.ce_qf_slider .qf-slider-element .right {

    align-content: center;

    align-items: center;

    box-sizing: border-box;

    display: flex;

    flex-wrap: wrap;

    padding: 76px calc(50vw - 673px) 76px 123px

}



.ce_qf_slider .qf-slider-element .right:after {

    background-color: var(--color-violet-25);

    left: 0

}



.ce_qf_slider .qf-slider-element .right,.ce_qf_slider .qf-slider-element .right a {

    color: #fff

}



.ce_qf_slider .qf-slider-element .right>* {

    margin-bottom: 29px;

    width: 100%

}



.ce_qf_slider .qf-slider-element .right .headline,.ce_qf_slider .qf-slider-element .right>:last-child {

    margin-bottom: 0

}



.ce_qf_slider .qf-slider-element .right .link a {

    background-color: #009fdf;

    background-color: var(--button-color);

    border: none;

    border: 1px solid var(--button-border-color);

    border-radius: 1.618em;

    color: var(--button-text-color)!important;

    display: inline-block;

    outline: none;

    padding: .5em 1.618em;

    text-decoration: none!important;

    text-transform: uppercase;

    transition: background-color .4s

}



.ce_qf_slider .qf-slider-element .right .link a:active,.ce_qf_slider .qf-slider-element .right .link a:focus,.ce_qf_slider .qf-slider-element .right .link a:hover {

    background-color: var(--button-secondary-color);

    background-image: none;

    background-position: 0;

    border-color: var(--button-border-secondary-color);

    color: var(--button-text-secondary-color)!important;

    text-decoration: none!important;

    transition: background-color .15s

}



.ce_qf_slider .swiper-button-next,.ce_qf_slider .swiper-button-prev {

    cursor: pointer;

    display: block;

    height: 41px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 41px;

    z-index: 100

}



.ce_qf_slider .swiper-button-next:after,.ce_qf_slider .swiper-button-prev:after {

    background-image: url(/layout/images/icon-arrow-round-right.d01b994d.svg);

    background-repeat: no-repeat;

    background-size: contain;

    content: "";

    display: block;

    filter: invert(100%);

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    width: 100%

}



.ce_qf_slider .swiper-button-next {

    right: calc(50% - 720px)

}



.ce_qf_slider .swiper-button-prev {

    left: calc(50% - 720px)

}



.ce_qf_slider .swiper-button-prev:after {

    transform: rotate(180deg)

}



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

    .ce_qf_slider .qf-slider-element .left {

        padding-left:76px

    }



    .ce_qf_slider .qf-slider-element .right {

        padding-right: 76px

    }



    .ce_qf_slider .swiper-button-next {

        right: 29px

    }



    .ce_qf_slider .swiper-button-prev {

        left: 29px

    }

}



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

    .ce_qf_slider .qf-slider-element .right {

        padding-bottom:29px;

        padding-left: 29px;

        padding-top: 29px

    }



    .ce_qf_slider .qf-slider-element .right h2,.ce_qf_slider .qf-slider-element .right h3 {

        font-size: 30px

    }

}



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

    .ce_qf_slider .qf-slider-element {

        display:block

    }



    .ce_qf_slider .qf-slider-element .right {

        justify-content: center;

        margin-bottom: 0;

        padding: 76px 0;

        text-align: center

    }



    .ce_qf_slider .qf-slider-element .right:after {

        left: -20px;

        width: 100vw

    }



    .ce_qf_slider .qf-slider-element .right:nth-child(2):after {

        left: auto;

        right: -20px

    }



    .ce_qf_slider .qf-slider-element .left:after {

        left: -20px;

        width: 100vw

    }



    .ce_qf_slider .qf-slider-element .left:first-child:after {

        left: auto;

        right: -20px

    }



    .ce_qf_slider .swiper-button-next {

        right: 20px

    }



    .ce_qf_slider .swiper-button-prev {

        left: 20px

    }

}



.article-news-intro {

    overflow: visible;

    padding-top: 0!important

}



.article-news-intro .inside-article {

    padding-bottom: 64px!important;

    position: relative

}



.article-news-intro .ce_qf_wrapper {

    bottom: 0;

    position: absolute

}



.article-news-intro h1 {

    margin-bottom: 0;

    word-break: break-word

}



#main .article-news-list .inside-article {

    max-width: 1920px

}



.mod_newslist {

    grid-row-gap: 76px;

    display: grid;

    grid-template-columns: repeat(2,minmax(0,50%))

}



.mod_newslist .layout_latest_custom {

    position: relative

}



.mod_newslist .layout_latest_custom:first-child,.mod_newslist .layout_latest_custom:nth-child(3n+1) {

    margin-top: 170px

}



.mod_newslist .layout_latest_custom:nth-child(3n) {

    align-items: center;

    display: grid;

    grid-column: 1/span 2

}



.mod_newslist .layout_latest_custom:nth-child(3n) .image_container {

    margin-bottom: 0

}



.mod_newslist .layout_latest_custom:nth-child(3n) .box {

    margin-left: -76px;

    margin-top: 0;

    width: auto

}



.mod_newslist .layout_latest_custom:nth-child(6n-3) {

    grid-template-columns: auto 1fr

}



.mod_newslist .layout_latest_custom:nth-child(6n-3) .box {

    margin-left: -76px

}



.mod_newslist .layout_latest_custom:nth-child(6n) {

    grid-template-columns: 1fr auto

}



.mod_newslist .layout_latest_custom:nth-child(6n) .image_container {

    order: 2

}



.mod_newslist .layout_latest_custom:nth-child(6n) .box {

    margin-left: 0;

    margin-right: -76px;

    order: 1

}



.mod_newslist .layout_latest_custom .box {

    box-sizing: border-box;

    display: block;

    margin-left: 29px;

    margin-top: -250px;

    padding: 47px 76px;

    position: relative;

    width: calc(100% - 58px)

}



.mod_newslist .layout_latest_custom .box .headline {

    margin-bottom: 29px

}



.mod_newslist .layout_latest_custom .box .headline .sub-headline {

    margin-bottom: 7px

}



.mod_newslist .layout_latest_custom .box .headline h2 {

    font-size: 20px;

    margin-bottom: 7px;

    margin-top: 0

}



.mod_newslist .layout_latest_custom .box,.mod_newslist .layout_latest_custom .box a,.mod_newslist .layout_latest_custom .box h2 {

    color: #fff

}



.mod_newslist .layout_latest_custom .box p.info {

    margin-bottom: 11px!important

}



.mod_newslist .layout_latest_custom .box p.more a {

    background-color: #009fdf;

    background-color: var(--button-color);

    border: none;

    border: 1px solid var(--button-border-color);

    border-radius: 1.618em;

    color: var(--button-text-color)!important;

    display: inline-block;

    margin-top: 18px;

    outline: none;

    padding: .5em 1.618em;

    text-decoration: none!important;

    text-transform: uppercase;

    transition: background-color .4s

}



.mod_newslist .layout_latest_custom .box p.more a:active,.mod_newslist .layout_latest_custom .box p.more a:focus,.mod_newslist .layout_latest_custom .box p.more a:hover {

    background-color: var(--button-secondary-color);

    background-image: none;

    background-position: 0;

    border-color: var(--button-border-secondary-color);

    color: var(--button-text-secondary-color)!important;

    text-decoration: none!important;

    transition: background-color .15s

}



.mod_newslist .pagination {

    grid-column: 1/span 2

}



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

    .mod_newslist .layout_latest_custom:nth-child(6n-3) .box {

        margin-right:29px

    }



    .mod_newslist .layout_latest_custom:nth-child(6n) .box {

        margin-left: 29px

    }



    .mod_newslist .layout_latest_custom:first-child,.mod_newslist .layout_latest_custom:nth-child(3n+1) {

        margin-top: 8.854166667vw

    }

}



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

    .mod_newslist .layout_latest_custom .box {

        margin-top:-123px

    }



    .mod_newslist .layout_latest_custom:nth-child(6n-3) .box {

        margin-left: -29px;

        margin-right: 0

    }



    .mod_newslist .layout_latest_custom:nth-child(6n) .box {

        margin-left: 0;

        margin-right: -29px

    }

}



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

    .mod_newslist {

        display:block;

        padding-top: 0

    }



    .mod_newslist>* {

        margin-bottom: 29px

    }



    .mod_newslist>:last-child {

        margin-bottom: 0

    }



    .mod_newslist .layout_latest_custom {

        margin-top: 0!important

    }



    .mod_newslist .layout_latest_custom .image_container {

        margin-bottom: 0

    }



    .mod_newslist .layout_latest_custom .box {

        margin-top: 0

    }

}



@media screen and (max-width: 1080px) and (min-width:721px) {

    .mod_newslist .layout_latest_custom {

        align-items:center;

        display: grid;

        grid-template-columns: 1fr 1fr

    }



    .mod_newslist .layout_latest_custom .box {

        padding: 29px 47px;

        width: calc(100% + 29px)

    }



    .mod_newslist .layout_latest_custom:nth-child(odd) .box {

        margin-left: -29px

    }



    .mod_newslist .layout_latest_custom:nth-child(2n) .image_container {

        order: 3

    }



    .mod_newslist .layout_latest_custom:nth-child(2n) .box {

        margin-left: 0;

        margin-right: -29px

    }

}



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

    .mod_newslist .layout_latest_custom:nth-child(3n) {

        display:block

    }



    .mod_newslist .layout_latest_custom:nth-child(6n-3) .box {

        margin-left: 0

    }



    .mod_newslist .layout_latest_custom:nth-child(6n) .box {

        margin-right: 0

    }



    .mod_newslist .layout_latest_custom .box {

        margin-left: 0;

        padding: 29px 47px;

        width: 100%

    }

}



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

    .mod_newslist .layout_latest_custom .box {

        padding:18px 29px

    }

}



.page-news-details #container .inside>:first-child {

    padding-top: 0

}



.mod_newsreader {

    overflow: visible

}



.mod_newsreader>div>div {

    margin-bottom: 29px

}



.mod_newsreader>div>div.last {

    margin-bottom: 0

}



.mod_newsreader>div>.row {

    margin-bottom: 76px

}



.mod_newsreader>div>.row:last-child {

    margin-bottom: 0

}



.mod_newsreader .layout_full_custom_hero_image+p {

    display: none

}



.mod_newsreader .layout_full_custom_main {

    overflow: visible;

    padding-top: 123px

}



.mod_newsreader .layout_full_custom_main .intro {

    background-color: var(--color-cyan);

    box-sizing: border-box;

    max-width: 1000px;

    padding: 47px 76px;

    position: absolute;

    top: 76px;

    transform: translateY(-100%);

    width: calc(100% - 40px)

}



.mod_newsreader .layout_full_custom_main .intro,.mod_newsreader .layout_full_custom_main .intro h1 {

    color: #fff

}



.mod_newsreader .layout_full_custom_main .intro h1 {

    font-size: 42px;

    margin-top: 0

}



.mod_newsreader .layout_full_custom_main .intro .sub-headline {

    font-size: 28px

}



.mod_newsreader .layout_full_custom_main .intro p.info {

    margin-bottom: 11px!important

}



.mod_newsreader .layout_full_custom_main .intro+* {

    margin-top: 0

}



.mod_newsreader p.back a {

    background-color: #009fdf;

    background-color: var(--button-color);

    border: none;

    border: 1px solid var(--button-border-color);

    border-radius: 1.618em;

    color: var(--button-text-color)!important;

    display: inline-block;

    outline: none;

    padding: .5em 1.618em;

    text-decoration: none!important;

    text-transform: uppercase;

    transition: background-color .4s

}



.mod_newsreader p.back a:active,.mod_newsreader p.back a:focus,.mod_newsreader p.back a:hover {

    background-color: var(--button-secondary-color);

    background-image: none;

    background-position: 0;

    border-color: var(--button-border-secondary-color);

    color: var(--button-text-secondary-color)!important;

    text-decoration: none!important;

    transition: background-color .15s

}



.ce_form {

    overflow: visible

}



.ce_form .formbody {

    display: grid;

    flex-flow: wrap;

    margin: 0 auto;

    max-width: 1052px

}



@media (max-width: 1059px) {

    .ce_form .formbody>div {

        width:100%

    }

}



@media (min-width: 1060px) {

    .ce_form .formbody>div:not(.fullwidth) {

        margin-right:5%

    }

}



.ce_form .formbody .fullwidth {

    width: 100%

}



fieldset {

    border: 0;

    margin: 0;

    min-width: 0;

    padding: 0

}








textarea.textarea {

    height: auto;

    max-width: 1080px!important

}



input[type=search] {

    -webkit-appearance: none

}



input[type=file] {

    display: block;

    line-height: 1;

    vertical-align: middle

}



input.checkbox,input.radio {

    line-height: normal;

    margin: 5px 0 0 1px;

    margin-top: 1px\9

}



input.checkbox+label,input.radio+label {

    font-weight: 400;

    margin-right: 11px

}



.ce_columns {

    align-items: baseline;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    width: 100%

}



.ce_columns .widget-checkbox,.ce_columns .widget-textarea,.ce_columns .widget-upload {

    margin-bottom: 29px!important

}



.ce_columns.select-two-columns>div {

    width: 48.5%

}



.ce_columns.widget-fullwidth,.ce_columns.widget-fullwidth>div {

    width: 100%

}



.widget textarea {

    min-height: 240px

}



.widget input,.widget textarea {

    background: none;

    border: 2px solid #e5e5e5;

    border-radius: 15px;

    height: 80px

}



.widget input::placeholder,.widget textarea::placeholder {

    color: #e5e5e5

}



.widget input:focus,.widget textarea:focus {

    border-color: var(--form-focus);

    outline: none

}



.widget-captcha,.widget-checkbox,.widget-explanation,.widget-headline,.widget-password,.widget-radio,.widget-search,.widget-select,.widget-text,.widget-textarea,.widget-upload {

    margin-bottom: 29px

}



.widget-captcha legend,.widget-checkbox legend,.widget-explanation legend,.widget-headline legend,.widget-password legend,.widget-radio legend,.widget-search legend,.widget-select legend,.widget-text legend,.widget-textarea legend,.widget-upload legend {

    font-weight: 700

}



form table tr td {

    padding-bottom: 29px;

    padding-right: 18px

}



form table tr td:last-child {

    padding-right: 0

}



form table tr:last-child td {

    padding-bottom: 0

}



span.mandatory {

    color: #009fdf

}



p.error {

    color: red;

    margin-bottom: 0

}



.widget-select label {

    display: block

}



.widget-select {

    align-items: center;

    display: flex

}



.widget-select:after {

    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.179' height='7.723'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rechteck 79' d='M0 0h7.723v13.179H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Gruppe 669'%3E%3Cg data-name='Gruppe 102' transform='rotate(-90 3.862 3.861)' clip-path='url(%23a)'%3E%3Cpath data-name='Pfad 256' d='M0 6.605a1.136 1.136 0 0 0 .326.788l5.452 5.452a1.137 1.137 0 0 0 1.612-1.6l-4.65-4.65 4.65-4.65A1.138 1.138 0 0 0 5.782.333L.327 5.789A1.136 1.136 0 0 0 0 6.605'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    position: relative;

    right: 40px;

    width: 0;

    z-index: 9999

}



.widget-select select {

    appearance: none;

    background-color: transparent;

    background: #f2f2f2;

    border: none;

    border-radius: 15px;

    cursor: pointer;

    font-family: inherit;

    font-family: Neuropol X W05 Regular5102652,Arial;

    font-size: inherit;

    line-height: inherit;

    margin: 0;

    max-height: 80px;

    outline: none;

    padding: 27.5px 40px;

    width: 100%;

    z-index: 1

}



.widget-select select::-ms-expand {

    display: none

}



.widget-select select:focus+.select-focus {

    border: 1px solid var(--form-focus);

    border-radius: inherit;

    bottom: -1px;

    left: -1px;

    position: absolute;

    right: -1px;

    top: -1px

}



.widget-select select option {

    background-color: var(--button-secondary-color)

}



.widget-select .select-wrapper,.widget-select select option:active,.widget-select select option:hover {

    background-color: var(--button-color)

}



.widget-select .select-wrapper {

    align-items: center;

    border: 1px solid var(--button-color);

    border-radius: 1.618em;

    box-sizing: border-box;

    color: var(--button-text-color)!important;

    cursor: pointer;

    display: grid;

    grid-template-areas: "select";

    line-height: 1.1;

    max-width: 30ch;

    outline: none;

    padding-right: 18px;

    position: relative;

    transition: background-color .4s;

    width: 100%

}



.widget-select .select-wrapper select,.widget-select .select-wrapper:after {

    grid-area: select

}



.widget-select .select-wrapper:not(.select-multiple):after {

    background-color: var(--button-text-color);

    clip-path: polygon(100% 0,0 0,50% 100%);

    content: "";

    height: .5em;

    justify-self: end;

    width: .8em

}



.widget-select .select-wrapper:hover {

    background-color: var(--button-secondary-color);

    border: 1px solid var(--button-secondary-color)

}



input.hasDatepicker {

    padding-right: 42px

}



input.hasDatepicker+.ui-datepicker-trigger {

    clear: both;

    float: right;

    margin-right: 9px;

    margin-top: -35px

}



form {

    margin-top: 60px

}



form .formbody .popUp-fields>div {

    display: none

}



form .formbody .emailPopup {

    margin-left: auto

}



form .formbody .visible {

    display: block!important

}



form .formbody .widget-upload label {

    font-weight: 400

}



form .formbody .widget-upload input {

    height: auto;

    padding: 10px;

    width: 100%

}



form .formbody .widget-checkbox .callbackMail {

    align-items: center;

    display: flex;

    justify-content: space-between

}



form .formbody .widget-checkbox .callbackMail span:last-child {

    margin-right: 160px

}



form .formbody .widget-checkbox label a {

    color: #000;

    text-decoration: underline

}



form .formbody .widget-checkbox span {

    align-items: center;

    display: flex;

    justify-content: space-between

}



form .formbody .widget-checkbox input {

    appearance: none;

    -webkit-appearance: none;

    border: 2px solid #e6e6e6;

    border-radius: 5px;

    cursor: pointer;

    height: 30px;

    margin-right: 20px;

    margin-top: -4px;

    outline: none;

    width: 30px

}



form .formbody .widget-checkbox input:checked {

    background-color: #e6e6e6

}



form .formbody .widget-checkbox input:checked:before {

    color: #009fdf;

    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.162' height='16.96'%3E%3Cpath data-name='Pfad 410' d='m2.119 9.395 5.547 6.064 8.427-13.392' fill='none' stroke='%23009fdf' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E");

    display: block;

    font-size: 18px;

    line-height: 30px;

    text-align: center

}



form .formbody .send-button {

    align-items: end

}



form .formbody .send-button .widget-checkbox {

    margin-bottom: 0!important

}



@media (max-width: 768px) {

    .formbody .widget-select,.formbody .widget-text {

        margin-bottom:29px!important;

        width: 100%!important

    }



    .formbody .callbackMail {

        align-items: start!important;

        display: flex;

        flex-flow: column;

        justify-content: start

    }



    .formbody .popUp-fields {

        display: flex;

        flex-flow: column;

        width: 100%

    }



    .formbody .popUp-fields .emailPopup,.formbody .popUp-fields .phonePopup {

        width: 100%!important

    }



    .formbody .popUp-fields .emailPopup {

        margin-left: unset!important

    }



    .formbody .widget-upload input {

        max-width: fit-content!important

    }



    .formbody .send-button {

        align-items: start!important;

        flex-flow: column

    }



    .formbody .send-button .widget-submit {

        margin-top: 25px!important

    }

}



.ce_accordion {

    overflow: visible;

    position: relative

}



.ce_accordion .toggler {

    border-bottom: 1px solid var(--color-text);

    cursor: pointer;

    outline: none;

    padding: 18px 47px 18px 18px;

    position: relative

}



.ce_accordion .toggler:after,.ce_accordion .toggler:before {

    background-color: var(--color-text);

    content: "";

    display: block;

    height: 2px;

    position: absolute;

    right: 18px;

    top: calc(18px + .8em);

    width: 18px

}



.ce_accordion .toggler:after {

    transform: rotate(-90deg);

    transition: transform .5s

}



.ce_accordion .toggler.ui-state-active:after {

    transform: rotate(0)

}



.ce_accordion .toggler.active {

    border-bottom: 1px solid #fff;

    color: #fff;

    transition: opacity .5s

}



.ce_accordion .toggler.active:after,.ce_accordion .toggler.active:before {

    background-color: #fff

}



.ce_accordion .toggler.active+.accordion:before {

    opacity: 1;

    transition: opacity .5s

}



.ce_accordion .accordion {

    margin: auto;

    padding: 18px 18px 76px

}



.ce_accordion .accordion:before {

    background-color: #009fdf;

    content: "";

    height: 100%;

    left: -10%;

    opacity: 0;

    position: absolute;

    top: 0;

    transition: opacity .5s;

    width: 120%;

    z-index: -1

}



.ce_accordion .accordion,.ce_accordion .accordion a {

    color: #fff

}



.ce_accordion:focus .toggler.ui-accordion-header-collapsed,.ce_accordion:hover .toggler.ui-accordion-header-collapsed {

    border-bottom-color: #c70087

}



.ce_accordion:focus .toggler.ui-accordion-header-collapsed:after,.ce_accordion:focus .toggler.ui-accordion-header-collapsed:before,.ce_accordion:hover .toggler.ui-accordion-header-collapsed:after,.ce_accordion:hover .toggler.ui-accordion-header-collapsed:before {

    background-color: #fff

}



.ce_accordion:focus .toggler.ui-accordion-header-collapsed,.ce_accordion:focus .toggler.ui-accordion-header-collapsed a,.ce_accordion:hover .toggler.ui-accordion-header-collapsed,.ce_accordion:hover .toggler.ui-accordion-header-collapsed a {

    color: #fff

}



.ce_accordion:focus .toggler.ui-accordion-header-collapsed .ui-icon:before,.ce_accordion:hover .toggler.ui-accordion-header-collapsed .ui-icon:before {

    background-color: #c70087;

    content: "";

    height: calc(100% + 1px);

    left: -10%;

    position: absolute;

    top: 0;

    width: 120%;

    z-index: -1

}



.ce_download a,.ce_downloads a,.enclosure a {

    display: block;

    font-weight: 700;

    padding-right: 47px;

    position: relative;

    text-decoration: none!important;

    text-transform: uppercase

}



.ce_download a span,.ce_downloads a span,.enclosure a span {

    font-weight: 400;

    margin-left: 11px

}



.ce_download a:after,.ce_downloads a:after,.enclosure a:after {

    background-image: url(/layout/images/noun-download-5096851.f11d83bf.svg);

    background-repeat: no-repeat;

    content: "";

    filter: invert(100%);

    height: 30px;

    position: absolute;

    right: 0;

    top: 0;

    width: 30px

}



.ce_table td,.ce_table th,.ce_text td,.ce_text th {

    padding-right: .3em

}



table {

    border-collapse: separate;

    border-color: grey;

    border-spacing: 7px;

    display: table;

    text-indent: 0

}



table thead {

    border-color: inherit;

    display: table-header-group;

    vertical-align: middle

}



table thead tr {

    border-color: inherit;

    display: table-row;

    vertical-align: inherit

}



table thead tr th {

    background-color: var(--color-page);

    color: #fff;

    font-weight: 300;

    padding: 18px 11px

}



table tbody {

    border-color: inherit;

    display: table-row-group;

    vertical-align: middle

}



table tbody tr {

    border-color: inherit;

    display: table-row;

    vertical-align: inherit

}



table tbody tr td {

    border-bottom: thin solid;

    padding: 18px 18px 29px 0

}



.table-scrollable {

    margin: 0 0 1em;

    overflow-y: auto!important;

    width: 100%

}



.table-scrollable::-webkit-scrollbar {

    -webkit-appearance: none;

    height: 14px;

    width: 14px

}



.table-scrollable::-webkit-scrollbar-thumb {

    background-color: rgba(0,0,0,.3);

    border: 3px solid #fff;

    border-radius: 8px

}



.disable-fixed-width.ce_gallery ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;

    margin: -15px

}



.disable-fixed-width.ce_gallery ul li {

    box-sizing: border-box;

    padding: 15px

}



div:not(.disable-fixed-width).ce_gallery ul {

    grid-gap: 29px;

    display: grid

}



div:not(.disable-fixed-width).ce_gallery ul.cols_1 {

    grid-template-columns: repeat(1,minmax(0,1fr))

}



div:not(.disable-fixed-width).ce_gallery ul.cols_2 {

    grid-template-columns: repeat(2,minmax(0,1fr))

}



div:not(.disable-fixed-width).ce_gallery ul.cols_3 {

    grid-template-columns: repeat(3,minmax(0,1fr))

}



div:not(.disable-fixed-width).ce_gallery ul.cols_4 {

    grid-template-columns: repeat(4,minmax(0,1fr))

}



div:not(.disable-fixed-width).ce_gallery ul.cols_5 {

    grid-template-columns: repeat(5,minmax(0,1fr))

}



div:not(.disable-fixed-width).ce_gallery ul.cols_6 {

    grid-template-columns: repeat(6,minmax(0,1fr))

}



div:not(.disable-fixed-width).ce_gallery ul.cols_7 {

    grid-template-columns: repeat(7,minmax(0,1fr))

}



div:not(.disable-fixed-width).ce_gallery ul.cols_8 {

    grid-template-columns: repeat(8,minmax(0,1fr))

}



div:not(.disable-fixed-width).ce_gallery ul.cols_9 {

    grid-template-columns: repeat(9,minmax(0,1fr))

}



div:not(.disable-fixed-width).ce_gallery ul.cols_10 {

    grid-template-columns: repeat(10,minmax(0,1fr))

}



div:not(.disable-fixed-width).ce_gallery ul.cols_11 {

    grid-template-columns: repeat(11,minmax(0,1fr))

}



div:not(.disable-fixed-width).ce_gallery ul.cols_12 {

    grid-template-columns: repeat(12,minmax(0,1fr))

}



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

    div:not(.disable-fixed-width).ce_gallery ul.cols_10,div:not(.disable-fixed-width).ce_gallery ul.cols_12,div:not(.disable-fixed-width).ce_gallery ul.cols_9 {

        grid-template-columns:repeat(8,minmax(0,1fr))

    }

}



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

    div:not(.disable-fixed-width).ce_gallery ul.cols_10,div:not(.disable-fixed-width).ce_gallery ul.cols_12,div:not(.disable-fixed-width).ce_gallery ul.cols_8,div:not(.disable-fixed-width).ce_gallery ul.cols_9 {

        grid-template-columns:repeat(6,minmax(0,1fr))

    }



    div:not(.disable-fixed-width).ce_gallery ul.cols_5,div:not(.disable-fixed-width).ce_gallery ul.cols_6,div:not(.disable-fixed-width).ce_gallery ul.cols_7 {

        grid-template-columns: repeat(4,minmax(0,1fr))

    }

}



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

    div:not(.disable-fixed-width).ce_gallery ul.cols_10,div:not(.disable-fixed-width).ce_gallery ul.cols_12,div:not(.disable-fixed-width).ce_gallery ul.cols_8,div:not(.disable-fixed-width).ce_gallery ul.cols_9 {

        grid-template-columns:repeat(4,minmax(0,1fr))

    }



    div:not(.disable-fixed-width).ce_gallery ul.cols_4,div:not(.disable-fixed-width).ce_gallery ul.cols_5,div:not(.disable-fixed-width).ce_gallery ul.cols_6,div:not(.disable-fixed-width).ce_gallery ul.cols_7 {

        grid-template-columns: repeat(3,minmax(0,1fr))

    }

}



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

    div:not(.disable-fixed-width).ce_gallery ul.cols_10,div:not(.disable-fixed-width).ce_gallery ul.cols_12,div:not(.disable-fixed-width).ce_gallery ul.cols_8,div:not(.disable-fixed-width).ce_gallery ul.cols_9 {

        grid-template-columns:repeat(3,minmax(0,1fr))

    }



    div:not(.disable-fixed-width).ce_gallery ul.cols_3,div:not(.disable-fixed-width).ce_gallery ul.cols_4,div:not(.disable-fixed-width).ce_gallery ul.cols_5,div:not(.disable-fixed-width).ce_gallery ul.cols_6,div:not(.disable-fixed-width).ce_gallery ul.cols_7 {

        grid-template-columns: repeat(2,minmax(0,1fr))

    }

}



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

    div:not(.disable-fixed-width).ce_gallery ul[class*=cols_] {

        grid-template-columns:repeat(1,minmax(0,1fr))

    }

}



.mod_search p.header {

    border-bottom: 1px solid #eee;

    border-top: 1px solid #eee;

    padding: 11px 18px

}



.mod_search p.header+ul>li:first-child {

    border-top: 0

}



.mod_search>div {

    border-bottom: 1px solid #eee;

    padding: 18px

}



.mod_search>div:first-child {

    border-top: 1px solid #eee

}



.mod_search>div.featured {

    background-color: rgba(0,159,223,.1)

}



.mod_search>div.pagination {

    border-bottom: 0

}



.mod_search>div.pagination:hover {

    background: none

}



.ui-autocomplete {

    background-color: #fff;

    border: 1px solid #eee;

    width: 0

}



.ui-autocomplete li {

    padding: 9px 18px

}



.ui-autocomplete li:hover {

    background-color: #009fdf;

    color: #fff;

    cursor: pointer

}



.ui-autocomplete-input {

    outline: none

}



.ui-helper-hidden-accessible {

    display: none

}



#left .ce_list ul,#left .ce_text ul,#main .ce_list ul,#main .ce_text ul,#right .ce_list ul,#right .ce_text ul,.custom #intro .ce_list ul,.custom #intro .ce_text ul {

    list-style: disc;

    padding-left: 1.2em

}



#left .ce_list ol,#left .ce_text ol,#main .ce_list ol,#main .ce_text ol,#right .ce_list ol,#right .ce_text ol,.custom #intro .ce_list ol,.custom #intro .ce_text ol {

    padding-left: 1.5em

}



.float_above,.float_left,.float_right {

    margin-bottom: 29px

}



.float_left {

    margin-right: 29px

}



.float_right {

    margin-left: 29px

}



.force-overflow-visible {

    overflow: visible!important

}



.text-center {

    text-align: center!important

}



.text-citation {

    font-family: Neuropol X W05 Regular5102652,Arial,Helvetica,sans-serif;

    font-size: 48px;

    line-height: 1.1666em;

    text-transform: uppercase

}



body.disable-menu #header .mainmenu,body.disable-menu #header .secondarymenu {

    display: none

}



body.disable-menu #header .header-right-column {

    margin-left: auto

}



.ce_qf_ce_contact {

    grid-column-gap: 123px;

    grid-row-gap: 47px;

    display: grid;

    grid-template-columns: minmax(0,100%);

    justify-content: center;

    text-align: center

}



.ce_qf_ce_contact.contact-count-2 {

    grid-template-columns: repeat(2,minmax(0,700px))

}



.ce_qf_ce_contact.contact-count-3 {

    grid-template-columns: repeat(3,minmax(0,700px))

}



.ce_qf_ce_contact .contact-image {

    display: inline-block;

    margin-bottom: 47px

}



.ce_qf_ce_contact .contact-image img {

    border-radius: 50%

}



.ce_qf_ce_contact .bw-contact-container {

    display: flex;

    flex-wrap: wrap;

    gap: 29px;

    justify-content: center;

    margin-top: 47px

}



.ce_qf_ce_contact .bw-contact-container>* {

    box-sizing: border-box;

    width: calc(50% - 14.5px)

}



.ce_qf_ce_contact .bw-contact-container .contact-email,.ce_qf_ce_contact .bw-contact-container .contact-mobile,.ce_qf_ce_contact .bw-contact-container .contact-phone,.ce_qf_ce_contact .bw-contact-container .contact-schedule {

    color: red;

    min-width: 270px;

    text-align: center

}



.ce_qf_ce_contact .bw-contact-container .contact-email a,.ce_qf_ce_contact .bw-contact-container .contact-mobile a,.ce_qf_ce_contact .bw-contact-container .contact-phone a,.ce_qf_ce_contact .bw-contact-container .contact-schedule a {

    background-color: #009fdf;

    background-color: var(--button-color);

    border: none;

    border: 1px solid var(--button-border-color);

    border-radius: 1.618em;

    box-sizing: border-box;

    color: var(--button-text-color)!important;

    display: inline-block;

    outline: none;

    padding: .5em 1.618em;

    text-decoration: none!important;

    text-transform: uppercase;

    transition: background-color .4s;

    width: 100%

}



.ce_qf_ce_contact .bw-contact-container .contact-email a:active,.ce_qf_ce_contact .bw-contact-container .contact-email a:focus,.ce_qf_ce_contact .bw-contact-container .contact-email a:hover,.ce_qf_ce_contact .bw-contact-container .contact-mobile a:active,.ce_qf_ce_contact .bw-contact-container .contact-mobile a:focus,.ce_qf_ce_contact .bw-contact-container .contact-mobile a:hover,.ce_qf_ce_contact .bw-contact-container .contact-phone a:active,.ce_qf_ce_contact .bw-contact-container .contact-phone a:focus,.ce_qf_ce_contact .bw-contact-container .contact-phone a:hover,.ce_qf_ce_contact .bw-contact-container .contact-schedule a:active,.ce_qf_ce_contact .bw-contact-container .contact-schedule a:focus,.ce_qf_ce_contact .bw-contact-container .contact-schedule a:hover {

    background-color: var(--button-secondary-color);

    background-image: none;

    background-position: 0;

    border-color: var(--button-border-secondary-color);

    color: var(--button-text-secondary-color)!important;

    text-decoration: none!important;

    transition: background-color .15s

}



.ce_qf_ce_contact.contact-point-3 .bw-contact-container>* {

    width: calc(33.3333% - 29px)

}



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

    .ce_qf_ce_contact.contact-count-3 {

        grid-template-columns:repeat(2,minmax(0,700px))

    }

}



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

    .ce_qf_ce_contact.contact-count-2,.ce_qf_ce_contact.contact-count-3 {

        grid-template-columns:minmax(0,700px)

    }

}



#main .mod_bw_product_reader .main-image-wrapper {

    color: #fff;

    display: flex

}



#main .mod_bw_product_reader .main-image-wrapper .product-main {

    margin-bottom: 47px;

    margin-left: -29px;

    margin-right: 0;

    padding: 47px 123px;

    width: 503px;

    z-index: 1000

}



#main .mod_bw_product_reader .main-image-wrapper .product-main a {

    color: #fff

}



#main .mod_bw_product_reader .main-image-wrapper .product-main .back-to-list {

    font-size: .8em;

    margin-bottom: 15px

}



#main .mod_bw_product_reader .main-image-wrapper .product-main .back-to-list a {

    padding-left: 15px;

    position: relative

}



#main .mod_bw_product_reader .main-image-wrapper .product-main .back-to-list a:before {

    background-image: url(/layout/images/icon-chevron-down.5b7344e7.svg);

    background-repeat: no-repeat;

    background-size: contain;

    bottom: 5px;

    content: "";

    filter: invert(100%);

    height: 10px;

    margin-left: -15px;

    position: absolute;

    transform: rotate(90deg);

    width: 10px

}



#main .mod_bw_product_reader .main-image-wrapper .product-main .download {

    margin-top: 15px

}



#main .mod_bw_product_reader .main-image-wrapper .product-main .download a {

    padding-left: 29px;

    position: relative;

    text-transform: uppercase

}



#main .mod_bw_product_reader .main-image-wrapper .product-main .download a:before {

    background-image: url(/layout/images/icon-arrow-long-left.dc218f05.svg);

    background-position: 2px;

    background-repeat: no-repeat;

    background-size: contain;

    border-left: 2px solid #000;

    content: "";

    filter: invert(100%);

    height: 20px;

    margin-left: -29px;

    padding-left: 2px;

    position: absolute;

    transform: rotate(-90deg);

    width: 20px

}



#main .mod_bw_product_reader .main-image-wrapper .product-main .go-to-description {

    margin-top: 15px

}



#main .mod_bw_product_reader .main-image-wrapper .product-main .go-to-description a {

    padding-left: 29px;

    position: relative;

    text-transform: uppercase

}



#main .mod_bw_product_reader .main-image-wrapper .product-main .go-to-description a:before {

    background-image: url(/layout/images/icon-arrow-long-left.dc218f05.svg);

    background-repeat: no-repeat;

    background-size: contain;

    content: "";

    filter: invert(100%);

    height: 20px;

    margin-left: -29px;

    padding-left: 2px;

    position: absolute;

    transform: rotate(180deg);

    width: 20px

}



#main .mod_bw_product_reader .main-image-wrapper .product-main .headline {

    font-size: 1.5em

}



#main .mod_bw_product_reader .main-image-wrapper .product-main .subTitle {

    margin-top: 15px

}



#main .mod_bw_product_reader .main-image-wrapper .product-main .colors {

    margin-top: 15px;

    text-transform: uppercase

}



#main .mod_bw_product_reader .main-image-wrapper .product-main .colors .color {

    border-radius: 100%;

    display: inline-block;

    height: 30px;

    width: 30px

}



#main .mod_bw_product_reader .main-image-wrapper .product-main .colors .color.black {

    background-color: #000

}



#main .mod_bw_product_reader .main-image-wrapper .product-main .colors .color.orange {

    background-color: #ef891a

}



#main .mod_bw_product_reader .main-image-wrapper .product-main .find-at-store {

    margin: 15px 0

}



#main .mod_bw_product_reader .main-image-wrapper .product-image-gallery {

    margin-left: 0;

    margin-right: -29px;

    margin-top: 47px;

    overflow: hidden;

    width: 749px

}



#main .mod_bw_product_reader .headline {

    font-family: Neuropol;

    font-size: 2em

}



#main .mod_bw_product_reader .dimension-wrapper {

    display: flex

}



#main .mod_bw_product_reader .dimension-wrapper>div {

    width: 50%

}



#main .mod_bw_product_reader .dimension-wrapper>div.dimensions p {

    margin: 0

}



#main .mod_bw_product_reader .introduction {

    margin: 29px 0

}



#main .mod_bw_product_reader .introduction .highlight {

    display: flex

}



#main .mod_bw_product_reader .introduction .highlight .img {

    width: 33%

}



#main .mod_bw_product_reader .introduction .highlight .img .img_wrapper {

    max-width: 600px;

    position: relative

}



#main .mod_bw_product_reader .introduction .highlight .img .img_wrapper .highlight-marker {

    height: 1px;

    overflow: visible;

    position: absolute;

    width: 1px

}



#main .mod_bw_product_reader .introduction .highlight .img .img_wrapper .highlight-marker .marker-dot {

    background-color: #009fdf;

    border: 3px solid #fff;

    border-radius: 100%;

    cursor: pointer;

    display: block;

    height: 40px;

    left: -23px;

    opacity: .75;

    position: absolute;

    top: -23px;

    width: 40px

}



#main .mod_bw_product_reader .introduction .highlight .img .img_wrapper .highlight-marker .marker-dot.active {

    background-color: #c70087;

    height: 90px;

    left: -48px;

    top: -48px;

    width: 90px

}



#main .mod_bw_product_reader .introduction .highlight .highlight-content {

    width: 66%

}



#main .mod_bw_product_reader .introduction .highlight .highlight-content .highlight-content-item {

    display: none

}



#main .mod_bw_product_reader .introduction .highlight .highlight-content .highlight-content-item .wrapper {

    display: flex;

    gap: 15px

}



#main .mod_bw_product_reader .introduction .highlight .highlight-content .highlight-content-item .wrapper .text {

    width: calc(100% - 415px)

}



#main .mod_bw_product_reader .introduction .highlight .highlight-content .highlight-content-item .wrapper .text:before {

    background-color: #c70087;

    border: 3px solid #fff;

    border-radius: 100%;

    content: "";

    display: block;

    height: 40px;

    width: 40px

}



#main .mod_bw_product_reader .introduction .highlight .highlight-content .highlight-content-item .wrapper .text .markerHeadline {

    font-family: Neuropol;

    font-size: 24px;

    margin: 15px 0

}



#main .mod_bw_product_reader .introduction .highlight .highlight-content .highlight-content-item .wrapper .highlight-content-img {

    width: 400px

}



#main .mod_bw_product_reader .introduction .highlight .highlight-content .highlight-content-item .wrapper .highlight-content-img img {

    height: 400px;

    object-fit: none;

    width: 400px

}



#main .mod_bw_product_reader .similar-products .ce_headline:after {

    background-color: var(--color-red)

}



#main .mod_bw_product_reader .similar-products .mod_bw_product_list:after {

    background-color: var(--color-red-50)

}



#main .mod_bw_product_reader .related-products .swiper,#main .mod_bw_product_reader .similar-products .swiper {

    width: 50vw

}



#main .mod_bw_product_reader .feature-list {

    display: flex;

    flex-wrap: wrap;

    gap: 15px

}



.ce_bw_category_teaser {

    align-items: center;

    display: grid;

    grid-template-columns: 640px 1fr

}



.ce_bw_category_teaser .image {

    padding: 47px 76px;

    position: relative

}



.ce_bw_category_teaser .image:after {

    background-color: #009fdf;

    bottom: 0;

    content: "";

    display: block;

    height: 554px;

    left: 0;

    position: absolute;

    width: 640px;

    z-index: -1

}



.ce_bw_category_teaser .image .image-container,.ce_bw_category_teaser .image img {

    height: 460px;

    object-fit: contain;

    width: 460px

}



.ce_bw_category_teaser .content {

    margin-left: -76px;

    padding-bottom: 18px;

    padding-top: 18px

}



.ce_bw_category_teaser .content>div {

    margin-bottom: 18px

}



.ce_bw_category_teaser .content>div:last-child {

    margin-bottom: 0

}



.ce_bw_category_teaser .content>.ce_hyperlink a {

    background-color: #009fdf;

    background-color: var(--button-color);

    border: none;

    border: 1px solid var(--button-border-color);

    border-radius: 1.618em;

    color: var(--button-text-color)!important;

    display: inline-block;

    outline: none;

    padding: .5em 1.618em;

    text-decoration: none!important;

    text-transform: uppercase;

    transition: background-color .4s

}



.ce_bw_category_teaser .content>.ce_hyperlink a:active,.ce_bw_category_teaser .content>.ce_hyperlink a:focus,.ce_bw_category_teaser .content>.ce_hyperlink a:hover {

    background-color: var(--button-secondary-color);

    background-image: none;

    background-position: 0;

    border-color: var(--button-border-secondary-color);

    color: var(--button-text-secondary-color)!important;

    text-decoration: none!important;

    transition: background-color .15s

}



.ce_bw_category_teaser .content h3 {

    text-transform: uppercase

}



.ce_bw_category_teaser.elem-solution {

    align-items: start;

    overflow: visible

}



.ce_bw_category_teaser.elem-solution .text {

    max-width: 400px

}



.ce_bw_category_teaser.elem-solution .content {

    padding-top: 123px

}



.ce_bw_category_teaser.elem-solution .image {

    grid-row: 1/span 2

}



.ce_bw_category_teaser.elem-solution .content,.ce_bw_category_teaser.elem-solution .content-insert-tag {

    grid-column: 2

}



.ce_bw_category_teaser.elem-solution .nav-purposes {

    grid-gap: 29px;

    display: grid;

    grid-template-columns: repeat(3,1fr);

    grid-template-rows: repeat(5,auto);

    margin-top: 76px;

    padding-left: 105px

}



.ce_bw_category_teaser.elem-solution .nav-purposes>div {

    margin-bottom: 0!important

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_text {

    grid-column: 2/span 2;

    grid-row: 1;

    position: relative;

    text-transform: uppercase

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink {

    position: relative

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink:after {

    content: "";

    display: block;

    padding-bottom: calc(100% - 29px);

    width: 100%

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink a {

    background-color: var(--color-cyan);

    box-sizing: border-box;

    color: #fff;

    display: grid;

    flex-direction: column;

    font-size: 24px;

    grid-template-columns: 100%;

    grid-template-rows: 1fr auto;

    height: 100%;

    justify-content: flex-end;

    line-height: 1.1em;

    padding: 18px;

    position: absolute;

    text-align: center;

    text-transform: uppercase;

    width: 100%

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink a:before {

    align-self: center;

    background-position: 50%;

    background-repeat: no-repeat;

    background-size: contain;

    content: "";

    display: block;

    filter: invert(100%);

    height: 80px;

    margin-left: auto;

    margin-right: auto;

    width: 120px

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink a:hover {

    background-color: var(--color-magenta)!important

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-outdoor {

    grid-column: 1;

    grid-row: 3/span 2

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-outdoor a {

    background-color: var(--color-yellow)

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-outdoor a:before {

    background-image: url(/layout/images/icon-tent.22ee934a.svg)

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-handwerk {

    grid-column: 1;

    grid-row: 1/span 2

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-handwerk a {

    background-color: var(--color-green)

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-handwerk a:before {

    background-image: url(/layout/images/icon-tools.07aa0aae.svg)

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-rettung-sicherheit {

    grid-column: 3;

    grid-row: 3/span 2

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-rettung-sicherheit a {

    background-color: var(--color-violet)

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-rettung-sicherheit a:before {

    background-image: url(/layout/images/icon-medical.0eebea9e.svg)

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-multimedia {

    grid-column: 2;

    grid-row: 2/span 2

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-multimedia a {

    background-color: var(--color-petrol)

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-multimedia a:before {

    background-image: url(/layout/images/icon-laptop-camera.3f951592.svg)

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-fahrrad {

    grid-column: 2;

    grid-row: 4/span 2

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-fahrrad a {

    background-color: var(--color-darkorange)

}



.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-fahrrad a:before {

    background-image: url(/layout/images/icon-push-bike.e0394118.svg)

}



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

    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink a {

        font-size:20px

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink a:before {

        height: 70px;

        width: 100px

    }

}



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

    .ce_bw_category_teaser.elem-solution .image {

        grid-row-end:span 1

    }



    .ce_bw_category_teaser.elem-solution .content-insert-tag {

        grid-column: 1/span 2

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes {

        padding-left: 0

    }

}



@media screen and (min-width: 1015px) and (max-width:1370px) {

    .ce_bw_category_teaser.elem-solution .nav-purposes {

        grid-template-columns:repeat(5,1fr)

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_text {

        grid-column: 1/span 5

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink {

        grid-column: auto!important;

        grid-row: 2/span 1!important

    }

}



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

    .ce_bw_category_teaser {

        grid-template-columns:60vw 1fr

    }



    .ce_bw_category_teaser .image:after {

        height: 60vw;

        width: 60vw

    }



    .ce_bw_category_teaser .image img {

        width: 350px

    }

}



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

    .ce_bw_category_teaser .image {

        box-sizing:border-box;

        height: 100%

    }



    .ce_bw_category_teaser .image .image_container,.ce_bw_category_teaser .image img,.ce_bw_category_teaser .image:after {

        height: 100%

    }

}



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

    .ce_bw_category_teaser.elem-solution .nav-purposes {

        grid-template-columns:repeat(2,minmax(0,50%))

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_text {

        grid-column: 1/span 2;

        grid-row: 1/span 1

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-rettung-sicherheit {

        grid-column: 1;

        grid-row-start: 6

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-handwerk {

        grid-row-start: 2

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-outdoor {

        grid-row-start: 4

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-multimedia {

        grid-row-start: 3

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-fahrrad {

        grid-row-start: 5

    }

}



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

    .ce_bw_category_teaser {

        grid-template-columns:100%

    }



    .ce_bw_category_teaser.elem-solution>* {

        grid-column: auto!important;

        grid-row: auto!important

    }



    .ce_bw_category_teaser.elem-solution .content {

        padding-top: 18px

    }



    .ce_bw_category_teaser .image:after {

        width: 100%

    }



    .ce_bw_category_teaser .image img {

        width: auto

    }



    .ce_bw_category_teaser .content {

        margin-left: 0;

        margin-top: -49px

    }

}



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

    .ce_bw_category_teaser.elem-solution .nav-purposes {

        grid-template-columns:minmax(0,100%);

        grid-template-rows: auto

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_text {

        grid-column-end: span 1

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink {

        grid-row-end: span 1!important

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-outdoor {

        grid-row-start: 2

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-handwerk {

        grid-row-start: 3

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-multimedia {

        grid-row-start: 4

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-fahrrad {

        grid-row-start: 5

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-rettung-sicherheit {

        grid-row-start: 6

    }



    .ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-fahrrad,.ce_bw_category_teaser.elem-solution .nav-purposes .ce_hyperlink.page-multimedia {

        grid-column: 1

    }

}



.article-image-teaser-three-cols .inside-article .row,.article-image-teaser-two-cols .inside-article .row {

    grid-gap: 0;

    display: grid;

    left: 50%;

    max-width: 1920px;

    position: relative;

    transform: translateX(-50%);

    width: 100vw

}



.article-image-teaser-two-cols .inside-article .row {

    grid-template-columns: repeat(2,minmax(0,50%))

}



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

    .article-image-teaser-two-cols .inside-article .row {

        grid-template-columns:100%

    }



    .article-image-teaser-two-cols .inside-article .row .ce_bw_image_teaser {

        margin-top: 0

    }



    .article-image-teaser-two-cols .inside-article .row .ce_bw_image_teaser .box {

        bottom: 0;

        top: auto;

        transform: translateX(-50%)

    }

}



.article-image-teaser-three-cols .inside-article .row {

    grid-template-columns: repeat(3,minmax(0,33.33333%))

}



.ce_bw_image_teaser {

    margin-bottom: 0!important;

    position: relative

}



.ce_bw_image_teaser .box {

    background-color: var(--color-cyan);

    box-sizing: border-box;

    display: block;

    left: 50%;

    margin-top: -123px;

    max-width: 67%;

    padding: 47px 123px;

    position: relative;

    transform: translateX(-50%);

    width: 100%

}



.ce_bw_image_teaser .box .text {

    color: #fff;

    font-family: Neuropol;

    font-size: 24px;

    line-height: 1.33em;

    text-transform: uppercase

}



.ce_bw_image_teaser .box .ce_hyperlink {

    margin-top: 47px

}



.ce_bw_image_teaser .box .ce_hyperlink a {

    background-color: #009fdf;

    background-color: var(--button-color);

    border: none;

    border: 1px solid var(--button-border-color);

    border-radius: 1.618em;

    color: var(--button-text-color)!important;

    display: inline-block;

    outline: none;

    padding: .5em 1.618em;

    text-decoration: none!important;

    text-transform: uppercase;

    transition: background-color .4s

}



.ce_bw_image_teaser .box .ce_hyperlink a:active,.ce_bw_image_teaser .box .ce_hyperlink a:focus,.ce_bw_image_teaser .box .ce_hyperlink a:hover {

    background-color: var(--button-secondary-color);

    background-image: none;

    background-position: 0;

    border-color: var(--button-border-secondary-color);

    color: var(--button-text-secondary-color)!important;

    text-decoration: none!important;

    transition: background-color .15s

}



.ce_bw_image_teaser:nth-child(2) {

    margin-top: -123px

}



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

    .ce_bw_image_teaser .box {

        padding:47px

    }

}



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

    .ce_bw_image_teaser .box {

        max-width:calc(100% - 47px)

    }

}



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

    .ce_bw_image_teaser:nth-child(2) {

        margin-top:-29px

    }



    .ce_bw_image_teaser .box {

        padding: 29px

    }



    .ce_bw_image_teaser .box .text {

        font-size: 20px

    }



    .ce_bw_image_teaser .box .ce_hyperlink a {

        font-size: 16px

    }

}



.ce_qf_wrapper {

    padding: 76px 123px

}



.ce_qf_wrapper,.ce_qf_wrapper a {

    color: #fff

}



.ce_qf_image_wrapper_start {

    grid-row-gap: 29px;

    display: grid;

    left: 50%;

    max-width: 1920px;

    position: relative;

    transform: translateX(-50%);

    width: 100vw

}



.ce_qf_image_wrapper_start .ce_image .caption {

    background-color: var(--color-cyan);

    bottom: 0;

    box-sizing: border-box;

    color: #fff;

    display: block;

    font-family: Neuropol;

    line-height: 1.33em;

    margin-left: 29px;

    margin-top: -47px;

    padding: 29px 47px;

    position: relative;

    width: calc(100% - 58px)

}



.ce_qf_image_wrapper_start.two-children {

    grid-template-columns: repeat(2,minmax(0,50%));

    padding-top: 100px

}



.ce_qf_image_wrapper_start.two-children>div:nth-child(2n) {

    margin-top: -100px

}



.ce_qf_image_wrapper_start.two-children .headline {

    grid-column: 1/span 2;

    padding-left: 123px;

    padding-right: calc(50% + 18px)

}



.ce_qf_image_wrapper_start.two-children .headline~div:nth-child(3) {

    margin-top: -150px

}



.ce_qf_image_wrapper_start.two-children .headline~div:nth-child(2) {

    margin-top: 0

}



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

    .ce_qf_image_wrapper_start.two-children {

        padding-top:5.21vw

    }



    .ce_qf_image_wrapper_start.two-children>div:nth-child(2) {

        margin-top: -5.21vw

    }

}



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

    .ce_qf_image_wrapper_start.two-children .headline {

        padding-left:20px

    }

}



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

    .ce_qf_image_wrapper_start.two-children {

        grid-template-columns:100%;

        padding-top: 0

    }



    .ce_qf_image_wrapper_start.two-children .headline {

        grid-column: 1/span 1;

        padding-left: 18px;

        padding-right: 18px

    }



    .ce_qf_image_wrapper_start.two-children .ce_bw_image_teaser {

        margin-top: 0

    }



    .ce_qf_image_wrapper_start.two-children .ce_bw_image_teaser .box {

        bottom: 0;

        top: auto;

        transform: translateX(-50%)

    }



    .ce_qf_image_wrapper_start.two-children>div:nth-child(2),.ce_qf_image_wrapper_start.two-children>div:nth-child(3) {

        margin-top: 0!important

    }

}



.ce_qf_image_wrapper_start.three-children {

    grid-template-columns: repeat(3,minmax(0,33.3333%));

    padding-top: 200px

}



.ce_qf_image_wrapper_start.three-children .headline {

    grid-column: 1/span 3;

    margin-bottom: 80px;

    margin-top: -200px;

    padding-left: 123px;

    padding-right: calc(35% + 18px)

}



.ce_qf_image_wrapper_start.three-children .headline~div:nth-child(2) {

    margin-top: -80px

}



.ce_qf_image_wrapper_start.three-children .headline~div:nth-child(3) {

    margin-top: 0

}



.ce_qf_image_wrapper_start.three-children .headline~div:nth-child(4) {

    margin-top: -200px

}



.ce_qf_image_wrapper_start.three-children .image {

    overflow: hidden

}



.ce_qf_image_wrapper_start.three-children>div {

    overflow: visible

}



.ce_qf_image_wrapper_start.three-children>div .box,.ce_qf_image_wrapper_start.three-children>div .caption {

    max-width: calc(100% - 76px)

}



.ce_qf_image_wrapper_start.three-children>div:first-child {

    margin-top: -100px;

    z-index: 3

}



.ce_qf_image_wrapper_start.three-children>div:first-child .box {

    margin-left: 58px

}



.ce_qf_image_wrapper_start.three-children>div:first-child .caption {

    margin-right: -18px

}



.ce_qf_image_wrapper_start.three-children>div:nth-child(2) {

    margin-top: 0

}



.ce_qf_image_wrapper_start.three-children>div:nth-child(3) {

    margin-top: -200px;

    z-index: 2

}



.ce_qf_image_wrapper_start.three-children>div:nth-child(3) .caption {

    margin-left: -18px

}



.ce_qf_image_wrapper_start.three-children .ce_image .caption {

    margin-left: auto;

    margin-right: auto;

    width: 100%

}



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

    .ce_qf_image_wrapper_start.three-children {

        padding-top:10.42vw

    }



    .ce_qf_image_wrapper_start.three-children .headline {

        margin-top: -10.42vw

    }



    .ce_qf_image_wrapper_start.three-children .headline~div:nth-child(2) {

        margin-top: -80px

    }



    .ce_qf_image_wrapper_start.three-children .headline~div:nth-child(3) {

        margin-top: 0

    }



    .ce_qf_image_wrapper_start.three-children .headline~div:nth-child(4) {

        margin-top: -10.42vw

    }



    .ce_qf_image_wrapper_start.three-children>div:first-child {

        margin-top: -5vw

    }



    .ce_qf_image_wrapper_start.three-children>div:nth-child(3) {

        margin-top: -10.42vw

    }

}



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

    .ce_qf_image_wrapper_start.three-children>div:first-child .box,.ce_qf_image_wrapper_start.three-children>div:nth-child(3) .box {

        margin-left:0

    }



    .ce_qf_image_wrapper_start.three-children>div:first-child .caption,.ce_qf_image_wrapper_start.three-children>div:nth-child(3) .caption {

        margin-left: auto;

        margin-right: auto

    }



    .ce_qf_image_wrapper_start.three-children>div .box,.ce_qf_image_wrapper_start.three-children>div .caption {

        max-width: calc(100% - 29px)

    }

}



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

    .ce_qf_image_wrapper_start.three-children .ce_image .caption {

        font-size:14px;

        padding: 18px 29px

    }

}



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

    .ce_qf_image_wrapper_start.three-children {

        grid-template-columns:100%

    }



    .ce_qf_image_wrapper_start.three-children .headline {

        grid-column: 1/span 1;

        margin-bottom: 0;

        padding-left: 20px;

        padding-right: 20px

    }



    .ce_qf_image_wrapper_start.three-children>div:first-child,.ce_qf_image_wrapper_start.three-children>div:nth-child(2),.ce_qf_image_wrapper_start.three-children>div:nth-child(3),.ce_qf_image_wrapper_start.three-children>div:nth-child(4) {

        margin-top: 0!important

    }

}



@media screen and (min-width: 491px) and (max-width:890px) {

    .ce_qf_image_wrapper_start.three-children .ce_bw_image_teaser,.ce_qf_image_wrapper_start.three-children .ce_image .image_container {

        align-items:center;

        display: grid;

        grid-template-columns: 1fr 1fr

    }



    .ce_qf_image_wrapper_start.three-children .ce_bw_image_teaser .box,.ce_qf_image_wrapper_start.three-children .ce_image .caption {

        margin-left: -29px!important;

        margin-top: 0;

        max-width: none

    }



    .ce_qf_image_wrapper_start.three-children .ce_bw_image_teaser .box {

        padding-left: 47px

    }



    .ce_qf_image_wrapper_start.three-children>div:nth-child(2) .image_container :first-child,.ce_qf_image_wrapper_start.three-children>div:nth-child(2).ce_bw_image_teaser :first-child,.ce_qf_image_wrapper_start.three-children>div:nth-child(4) .image_container :first-child,.ce_qf_image_wrapper_start.three-children>div:nth-child(4).ce_bw_image_teaser :first-child {

        order: 3

    }



    .ce_qf_image_wrapper_start.three-children>div:nth-child(2) .image_container .box,.ce_qf_image_wrapper_start.three-children>div:nth-child(2) .image_container .caption,.ce_qf_image_wrapper_start.three-children>div:nth-child(2).ce_bw_image_teaser .box,.ce_qf_image_wrapper_start.three-children>div:nth-child(2).ce_bw_image_teaser .caption,.ce_qf_image_wrapper_start.three-children>div:nth-child(4) .image_container .box,.ce_qf_image_wrapper_start.three-children>div:nth-child(4) .image_container .caption,.ce_qf_image_wrapper_start.three-children>div:nth-child(4).ce_bw_image_teaser .box,.ce_qf_image_wrapper_start.three-children>div:nth-child(4).ce_bw_image_teaser .caption {

        margin-left: auto!important;

        margin-right: -29px!important

    }

}



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

    .ce_qf_image_wrapper_start.three-children .ce_image .image_container {

        display:block

    }



    .ce_qf_image_wrapper_start.three-children .ce_image .caption {

        margin-left: auto;

        max-width: calc(100% - 20px);

        padding-left: 18px;

        padding-right: 18px

    }

}



.ce_qf_image_wrapper_start.multiple-children.swiper-initialized {

    position: relative

}



.ce_qf_image_wrapper_start.multiple-children.swiper-initialized .swiper-button-next,.ce_qf_image_wrapper_start.multiple-children.swiper-initialized .swiper-button-prev {

    background-color: var(--color-cyan-75);

    cursor: pointer;

    height: 70px;

    position: absolute;

    top: calc(50% - 35px);

    width: 70px;

    z-index: 100

}



.ce_qf_image_wrapper_start.multiple-children.swiper-initialized .swiper-button-next:before,.ce_qf_image_wrapper_start.multiple-children.swiper-initialized .swiper-button-prev:before {

    background-image: url(/layout/images/icon-chevron-down.5b7344e7.svg);

    background-position: 50%;

    background-repeat: no-repeat;

    background-size: contain;

    content: "";

    filter: invert(100%);

    height: 70%;

    left: 15%;

    position: absolute;

    top: 15%;

    width: 70%

}



.ce_qf_image_wrapper_start.multiple-children.swiper-initialized .swiper-button-prev {

    left: 29px;

    transform: rotate(90deg)

}



.ce_qf_image_wrapper_start.multiple-children.swiper-initialized .swiper-button-next {

    right: 29px;

    transform: rotate(-90deg)

}



.node-perfect-solution .row-solution-navigation~.row-supreme {

    margin-top: -76px

}



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

    .node-perfect-solution .row-solution-navigation~.row-supreme {

        margin-top:0

    }

}



.node-perfect-solution>div {

    margin-bottom: 29px

}



.node-perfect-solution>div:last-child {

    margin-bottom: 0

}



.node-popular-products {

    display: grid;

    grid-template-columns: repeat(2,minmax(0,50%));

    position: relative

}



.node-popular-products .row {

    grid-gap: 0

}



.node-popular-products .ce_headline,.node-popular-products .ce_text,.node-popular-products .mod_bw_product_list {

    height: 100%;

    position: relative

}



.node-popular-products .ce_headline:after,.node-popular-products .ce_text:after,.node-popular-products .mod_bw_product_list:after {

    content: "";

    display: block;

    height: 100%;

    position: absolute;

    top: 0;

    width: 50vw;

    z-index: -1

}



.node-popular-products .ce_headline,.node-popular-products .ce_text {

    align-items: center;

    color: #fff;

    display: flex;

    flex-wrap: wrap;

    overflow: visible

}



.node-popular-products .ce_headline:after,.node-popular-products .ce_text:after {

    background-color: var(--color-violet);

    right: 0

}



.node-popular-products .ce_headline:nth-child(2):after,.node-popular-products .ce_text:nth-child(2):after {

    left: 0;

    right: auto

}



.node-popular-products .ce_text {

    align-content: center;

    box-sizing: border-box;

    padding: 76px 123px

}



.node-popular-products .ce_text>* {

    width: 100%

}



.node-popular-products .mod_bw_product_list {

    overflow: visible

}



.node-popular-products .mod_bw_product_list:after {

    background-color: var(--color-violet-50);

    left: 0

}



.node-popular-products .mod_bw_product_list:first-child:after {

    left: auto;

    right: 0

}



.node-popular-products .product {

    height: auto

}



.node-popular-products .product a {

    align-items: center;

    box-sizing: border-box;

    color: #fff;

    display: flex;

    flex-direction: column;

    font-size: 24px;

    height: 100%;

    justify-content: space-between;

    padding: 76px 76px 29px;

    text-decoration: none;

    width: 100%

}



.node-popular-products .product .product-image {

    margin-bottom: 18px

}



.node-popular-products .product .product-image+* {

    margin-top: auto

}



.node-popular-products .product .product-image img {

    max-height: 504px

}



.node-popular-products .product .product-name {

    font-weight: 700;

    margin-top: auto

}



.node-popular-products .product .product-category {

    font-family: Neuropol;

}



.node-popular-products .swiper {

    margin: 0

}



.node-popular-products .swiper-slide {

    margin-bottom: auto;

    margin-top: auto;

    width: 100%!important

}



.node-popular-products .swiper-button-next,.node-popular-products .swiper-button-prev {

    bottom: 29px;

    cursor: pointer;

    display: block;

    height: 41px;

    position: absolute;

    width: 41px;

    z-index: 100

}



.node-popular-products .swiper-button-next:after,.node-popular-products .swiper-button-prev:after {

    background-image: url(/layout/images/icon-arrow-round-right.d01b994d.svg);

    background-repeat: no-repeat;

    background-size: contain;

    content: "";

    display: block;

    filter: invert(100%);

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    width: 100%

}



.node-popular-products .swiper-button-next {

    right: 29px

}



.node-popular-products .swiper-button-prev {

    left: 29px

}



.node-popular-products .swiper-button-prev:after {

    transform: rotate(180deg)

}



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

    .node-popular-products .ce_text {

        padding:29px

    }



    .node-popular-products .ce_text h2,.node-popular-products .ce_text h3 {

        font-size: 30px

    }

}



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

    .node-popular-products {

        display:block

    }



    .node-popular-products .ce_headline,.node-popular-products .ce_text {

        justify-content: center;

        margin-bottom: 0;

        padding: 76px 0;

        text-align: center

    }



    .node-popular-products .ce_headline:after,.node-popular-products .ce_text:after {

        left: -20px;

        width: 100vw

    }



    .node-popular-products .ce_headline:nth-child(2):after,.node-popular-products .ce_text:nth-child(2):after {

        left: auto;

        right: -20px

    }



    .node-popular-products .mod_bw_product_list:after {

        left: -20px;

        width: 100vw

    }



    .node-popular-products .mod_bw_product_list:first-child:after {

        left: auto;

        right: -20px

    }

}



.node-protected-valuables .nav-values ul {

    grid-column-gap: 76px;

    grid-row-gap: 29px;

    display: grid;

    grid-template-columns: repeat(4,1fr)

}



.node-protected-valuables .nav-values ul li {

    position: relative

}



.node-protected-valuables .nav-values ul li:after {

    content: "";

    display: block;

    padding-bottom: 100%;

    width: 100%

}



.node-protected-valuables .nav-values ul li a {

    grid-gap: 7px;

    box-sizing: border-box;

    display: grid;

    font-size: 24px;

    grid-template-columns: 100%;

    grid-template-rows: 1fr minmax(2.2em,auto);

    height: 100%;

    hyphens: auto;

    justify-content: flex-end;

    line-height: 1.1em;

    padding: 18px;

    position: absolute;

    text-align: center;

    text-transform: uppercase;

    width: 100%

}



.node-protected-valuables .nav-values ul li a:before {

    align-self: center;

    background-position: 50%;

    background-repeat: no-repeat;

    background-size: contain;

    content: "";

    display: block;

    height: 150px;

    margin-left: auto;

    margin-right: auto;

    width: 150px

}



.node-protected-valuables .nav-values ul li a.page-werkzeug:before {

    background-image: url(/layout/images/icon-tools.07aa0aae.svg)

}



.node-protected-valuables .nav-values ul li a.page-kamera:before {

    background-image: url(/layout/images/icon-camera.36ace775.svg)

}



.node-protected-valuables .nav-values ul li a.page-computer:before {

    background-image: url(/layout/images/icon-laptop.72c148a5.svg)

}



.node-protected-valuables .nav-values ul li a.page-fahrrad:before {

    background-image: url(/layout/images/icon-push-bike.e0394118.svg)

}



.node-protected-valuables .nav-values ul li a.page-drohne:before {

    background-image: url(/layout/images/icon-drone.97ce8d75.svg)

}



.node-protected-valuables .nav-values ul li a.page-rettungsequipment:before {

    background-image: url(/layout/images/icon-medical.0eebea9e.svg)

}



.node-protected-valuables .nav-values ul li a.page-audio-technik:before {

    background-image: url(/layout/images/icon-audio.6b784bf7.svg)

}



.node-protected-valuables .nav-values ul li a.page-sensible-geraete:before {

    background-image: url(/layout/images/icon-microscope.80897989.svg)

}



.node-protected-valuables .nav-values ul li a:hover {

    background-color: var(--color-cyan);

    color: #fff

}



.node-protected-valuables .nav-values ul li a:hover:before {

    filter: invert(100%)

}



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

    .node-protected-valuables .nav-values ul li a {

        font-size:20px

    }



    .node-protected-valuables .nav-values ul li a:before {

        height: 130px;

        width: 110px

    }

}



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

    .node-protected-valuables .nav-values ul {

        grid-gap:29px

    }

}



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

    .node-protected-valuables .nav-values ul {

        grid-template-columns:repeat(2,1fr)

    }



    .node-protected-valuables .nav-values ul li:after {

        display: none

    }



    .node-protected-valuables .nav-values ul li a {

        grid-column-gap: 47px;

        grid-row-gap: 0;

        align-items: center;

        grid-template-columns: auto 1fr;

        position: static;

        text-align: left

    }



    .node-protected-valuables .nav-values ul li a:before {

        height: 100px;

        width: 100px

    }

}



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

    .node-protected-valuables .nav-values ul li a {

        grid-column-gap:29px

    }

}



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

    .node-protected-valuables .nav-values ul {

        grid-gap:0;

        grid-template-columns: 100%

    }



    .node-protected-valuables .nav-values ul li {

        border-bottom: 1px solid #000

    }



    .node-protected-valuables .nav-values ul li:first-child {

        border-top: 1px solid #000

    }



    .node-protected-valuables .nav-values ul li a {

        grid-column-gap: 29px

    }

}



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

    .node-protected-valuables .nav-values ul li a:before {

        height:60px;

        width: 60px

    }

}



.wrapper-ce_bw_ce_hero_1 {

    overflow: visible

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 {

    margin-left: auto;

    margin-right: auto;

    overflow: visible;

    width: 100%

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .image {

    left: 0;

    top: 0;

    width: 100%;

    z-index: -1

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .image figure.image_container {

    padding-bottom: 100vh;

    position: relative;

    width: 100%

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .image figure.image_container img {

    height: 100%;

    object-fit: cover;

    object-position: top;

    position: absolute;

    width: 100%

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case {

    margin-left: auto;

    margin-right: auto;

    max-width: 1440px;

    padding-bottom: 280px!important;

    position: relative

}



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

    .wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case {

        width:calc(100% - 40px)

    }

}



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

    .wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case {

        padding-bottom:0!important

    }

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .text {

    background-color: var(--color-page);

    bottom: 0;

    box-sizing: border-box;

    padding: 76px 123px;

    position: absolute;

    width: calc(50% + 47px)

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .text.color-theme-cyan {

    background-color: #009fdf

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .text.color-theme-blue {

    background-color: #0067be

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .text.color-theme-petrol {

    background-color: #00788e

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .text.color-theme-violet {

    background-color: #65266d

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .text.color-theme-magenta {

    background-color: #c70087

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .text.color-theme-red {

    background-color: #e00700

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .text.color-theme-darkorange {

    background-color: #d45d00

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .text.color-theme-yellow {

    background-color: #eaab00

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .text.color-theme-green {

    background-color: #65a812

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .text.color-theme-brown {

    background-color: #623c2c

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .text h2 {

    margin-bottom: 29px

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .text:first-child {

    left: 0;

    margin-bottom: 140px!important;

    z-index: 1

}



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

    .wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .text:first-child {

        margin-bottom:0!important;

        z-index: 2

    }

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .text:nth-child(2) {

    right: 0;

    z-index: 2

}



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

    .wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .text {

        padding:29px 47px;

        width: calc(50% + 16.5px)

    }

}



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

    .wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .text {

        margin-top:50px!important;

        padding-bottom: 47px;

        position: relative;

        width: 100%;

        z-index: unset!important

    }

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .article-story-case .row {

    grid-template-columns: 1fr 1fr

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .show-dropdown {

    z-index: 2

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .show-dropdown .dropdown-content {

    display: block!important

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .dropdown {

    margin-bottom: 29px;

    position: relative

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .dropdown .dropdown-content {

    background-color: var(--button-secondary-color);

    border-radius: 1.618em;

    -webkit-box-shadow: 2px 5px 14px -10px rgba(0,0,0,.87);

    box-shadow: 0 0 30px -15px rgba(0,0,0,.25);

    display: none;

    position: absolute;

    width: calc(50% + 142px);

    z-index: 2

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .dropdown .dropdown-content .ce_hyperlink {

    border-bottom: 1px solid hsla(0,0%,100%,.5);

    margin-bottom: unset!important

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .dropdown .dropdown-content .ce_hyperlink:last-child {

    border-bottom: none

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .dropdown .dropdown-content .ce_hyperlink a {

    display: block;

    padding: .5em 1.618em

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .dropdown .dropdown-content .ce_hyperlink:active a,.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .dropdown .dropdown-content .ce_hyperlink:focus a,.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .dropdown .dropdown-content .ce_hyperlink:hover a {

    background-color: var(--button-color)

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .dropdown .dropdown-content .ce_hyperlink:last-child:focus,.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .dropdown .dropdown-content .ce_hyperlink:last-child:hover {

    border-bottom-left-radius: 1.618em;

    border-bottom-right-radius: 1.618em

}



.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .dropdown .dropdown-content .ce_hyperlink:first-child:focus,.wrapper-ce_bw_ce_hero_1 .inside-article .ce_bw_ce_hero_1 .dropdown .dropdown-content .ce_hyperlink:first-child:hover {

    border-top-left-radius: 1.618em;

    border-top-right-radius: 1.618em

}



.wrapper-ce_bw_ce_hero_2 {

    margin-bottom: 20px!important;

    overflow: visible

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 {

    height: fit-content;

    margin-left: auto;

    margin-right: auto;

    max-height: 1275px;

    max-width: 1600px;

    overflow: visible;

    width: 100%;

    z-index: 2

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .image {

    left: 0;

    position: absolute;

    top: 0;

    width: 100%

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .image figure.image_container {

    padding-bottom: 100vh;

    position: relative;

    width: 100%

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .image figure.image_container img {

    height: 100%;

    max-height: 1275px;

    object-fit: cover;

    position: absolute;

    width: 100%

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container {

    grid-gap: 29px;

    grid-row-gap: 50px;

    display: grid;

    grid-template-columns: repeat(12,1fr);

    grid-template-rows: repeat(1,auto);

    padding-top: 40%

}



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

    .wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container {

        margin-left:20px;

        margin-right: 20px;

        width: calc(100% - 40px)

    }

}



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

    .wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container {

        padding-top:80%

    }

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .link {

    color: #fff;

    grid-column: 1/span 12;

    padding-left: 0;

    z-index: 3

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .link a {

    color: #fff;

    padding-left: 1.9em;

    position: relative;

    text-decoration: none!important

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .link a:hover {

    text-decoration: underline

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .link a:before {

    background-image: url(/layout/images/icon-arrow-long-left.dc218f05.svg);

    background-position: 0;

    background-repeat: no-repeat;

    background-size: contain;

    content: "";

    display: inline-block;

    filter: invert(100%);

    height: 1.4em;

    left: 0;

    position: absolute;

    top: unset;

    width: 1.4em

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text {

    background-color: var(--color-page);

    grid-column: 1/span 7;

    padding: 76px 123px 76px 0;

    position: relative;

    z-index: 0

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text.color-theme-cyan {

    background-color: #009fdf

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text.color-theme-blue {

    background-color: #0067be

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text.color-theme-petrol {

    background-color: #00788e

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text.color-theme-violet {

    background-color: #65266d

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text.color-theme-magenta {

    background-color: #c70087

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text.color-theme-red {

    background-color: #e00700

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text.color-theme-darkorange {

    background-color: #d45d00

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text.color-theme-yellow {

    background-color: #eaab00

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text.color-theme-green {

    background-color: #65a812

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text.color-theme-brown {

    background-color: #623c2c

}



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

    .wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text {

        grid-column:1/span 6

    }

}



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

    .wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text {

        padding:76px 0

    }

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text:before {

    background-color: inherit;

    content: "";

    display: block;

    height: 100%;

    left: 1px;

    position: absolute;

    top: 0;

    transform: translateX(-100%);

    width: 50vw

}



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

    .wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text:before {

        left:50%;

        transform: translateX(-50%);

        width: 130vw;

        z-index: -1

    }

}



.wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text .text-citation {

    font-size: 36px;

    margin-bottom: 60px!important

}



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

    .wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text .text-citation {

        font-size:24px

    }

}



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

    .wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text {

        grid-column:1/span 10

    }

}



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

    .wrapper-ce_bw_ce_hero_2 .inside-article .ce_bw_ce_hero_2 .container .text {

        grid-column:1/span 12;

        word-break: break-all

    }

}



.wrapper-ce_bw_ce_hero_3 {

    overflow: visible;

    padding-bottom: 252px!important;

    padding-top: 0!important

}



.wrapper-ce_bw_ce_hero_3 .ce_bw_ce_hero_3 {

    display: grid;

    grid-template-columns: auto 1fr;

    overflow: visible!important

}



.wrapper-ce_bw_ce_hero_3 h1 {

    font-size: 48px;

    margin-top: 0

}



.wrapper-ce_bw_ce_hero_3 .ce_text.h3 {

    margin-bottom: 0!important

}



.wrapper-ce_bw_ce_hero_3 .ce_qf_wrapper {

    margin-top: 47px;

    padding-bottom: 129px;

    position: relative

}



.wrapper-ce_bw_ce_hero_3 .ce_qf_wrapper:after,.wrapper-ce_bw_ce_hero_3 .ce_qf_wrapper:before {

    background-color: inherit;

    content: "";

    display: block;

    position: absolute;

    width: 100vw;

    z-index: -1

}



.wrapper-ce_bw_ce_hero_3 .ce_qf_wrapper:before {

    height: 100%;

    right: 1px;

    top: 0;

    transform: translateX(100%)

}



.wrapper-ce_bw_ce_hero_3 .ce_qf_wrapper:after {

    bottom: 1px;

    height: 123px;

    left: 0;

    transform: translateY(100%)

}



.wrapper-ce_bw_ce_hero_3 .ce_image {

    margin-left: -20px

}



@media screen and (min-width: 1922px) {

    .wrapper-ce_bw_ce_hero_3 .ce_image {

        margin-left:-241px

    }

}



@media screen and (max-width: 1921px) and (min-width:1440px) {

    .wrapper-ce_bw_ce_hero_3 .ce_image {

        margin-left:calc(-50vw - -720px)

    }

}



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

    .wrapper-ce_bw_ce_hero_3 h1 {

        font-size:40px

    }



    .wrapper-ce_bw_ce_hero_3 .ce_qf_wrapper {

        padding-left: 76px;

        padding-right: 76px

    }

}



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

    .wrapper-ce_bw_ce_hero_3 .ce_qf_wrapper {

        padding-bottom:220px

    }

}



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

    .wrapper-ce_bw_ce_hero_3 {

        padding-bottom:76px!important

    }



    .wrapper-ce_bw_ce_hero_3 .ce_bw_ce_hero_3 {

        grid-template-columns: auto

    }



    .wrapper-ce_bw_ce_hero_3 .ce_image {

        margin-bottom: 0!important;

        margin-right: -20px

    }



    .wrapper-ce_bw_ce_hero_3 .ce_qf_wrapper {

        margin-top: 0;

        padding-bottom: 170px

    }



    .wrapper-ce_bw_ce_hero_3 .ce_qf_wrapper:before {

        left: 50%;

        right: auto;

        transform: translateX(-50%)

    }



    .wrapper-ce_bw_ce_hero_3 .ce_qf_wrapper:after {

        display: none

    }

}



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

    .wrapper-ce_bw_ce_hero_3 .ce_qf_wrapper {

        padding-left:0;

        padding-right: 0

    }

}



.article-back .icon-back,.back-to-homepage,.footer-back-link {

    display: none!important

}



.mod_plenta_jobs_basic_offer_list .layout_default {

    border-bottom: 1px solid #222

}



.mod_plenta_jobs_basic_offer_list .layout_default>a {

    display: block;

    padding-bottom: 29px;

    padding-left: 29px;

    padding-right: 76px;

    position: relative

}



.mod_plenta_jobs_basic_offer_list .layout_default>a:after {

    background-image: url(/layout/images/icon-arrow-long-up.6498461c.svg);

    background-repeat: no-repeat;

    background-size: contain;

    content: "";

    display: block;

    height: 2em;

    position: absolute;

    right: 11px;

    top: .3em;

    transform: rotate(90deg);

    transform-origin: 0 0;

    width: 1em

}



.mod_plenta_jobs_basic_offer_list .layout_default>a * {

    display: inline-block

}



.mod_plenta_jobs_basic_offer_list .layout_default:nth-child(n+2)>a {

    padding-top: 29px

}



.mod_plenta_jobs_basic_offer_list .layout_default:nth-child(n+2)>a:after {

    top: calc(.3em + 29px)

}



.mod_plenta_jobs_basic_offer_list .layout_default .title,.mod_plenta_jobs_basic_offer_list .layout_default a {

    color: var(--color-text)!important;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 22px;

    font-weight: 400

}



html[lang*=de] .mod_plenta_jobs_basic_offer_list .layout_default .employment-type:before {

    content: "in "

}



.mod_plenta_jobs_basic_offer_reader>* {

    margin-bottom: 47px

}



.mod_plenta_jobs_basic_offer_reader>.row {

    margin-bottom: 123px

}



.mod_plenta_jobs_basic_offer_reader>:last-child {

    margin-bottom: 0

}



.mod_plenta_jobs_basic_offer_reader ul {

    list-style: none!important;

    padding-left: 2em!important

}



.mod_plenta_jobs_basic_offer_reader ul li {

    margin-bottom: .7em;

    position: relative

}



.mod_plenta_jobs_basic_offer_reader ul li:before {

    background-image: url(/layout/images/check-solid.5a7d2a85.svg);

    background-repeat: no-repeat;

    background-size: contain;

    content: "";

    display: block;

    height: 1em;

    left: -2em;

    position: absolute;

    top: .4em;

    width: 1em

}



.mod_plenta_jobs_basic_offer_reader ul li:last-child {

    margin-bottom: 0

}



.mod_plenta_jobs_basic_offer_reader .row-intro {

    grid-gap: 0

}



.mod_plenta_jobs_basic_offer_reader .row-intro>:first-child .ce_image {

    height: calc(100% - 76px);

    width: 100%

}



.mod_plenta_jobs_basic_offer_reader .row-intro>:first-child .image_container,.mod_plenta_jobs_basic_offer_reader .row-intro>:first-child img {

    height: 100%;

    width: 100%

}



.mod_plenta_jobs_basic_offer_reader .row-intro>:first-child img {

    object-fit: cover

}



.mod_plenta_jobs_basic_offer_reader .row-intro>:nth-child(2) {

    margin-top: 76px

}



.mod_plenta_jobs_basic_offer_reader .row-intro>:nth-child(2)>* {

    padding-bottom: 123px

}



.mod_plenta_jobs_basic_offer_reader .row-intro>:nth-child(2) .ce_text:first-child p:first-child,.mod_plenta_jobs_basic_offer_reader .row-intro>:nth-child(2) .ce_text:first-child p:nth-child(3) {

    font-family: Neuropol;

    font-size: 32px

}



.mod_plenta_jobs_basic_offer_reader .row-intro>:nth-child(2) .ce_text:first-child p:first-child {

    margin-bottom: 0!important

}



.mod_plenta_jobs_basic_offer_reader .row-intro>:nth-child(2) .ce_text:first-child h1 {

    margin-bottom: 0!important;

    margin-top: 0!important

}



.mod_plenta_jobs_basic_offer_reader .row-intro>:nth-child(3) {

    margin-top: -76px

}



.mod_plenta_jobs_basic_offer_reader .row-intro>:nth-child(3)>* {

    margin-right: 47px

}



.mod_plenta_jobs_basic_offer_reader .row-call-to-action>div:first-child .ce_image {

    margin-bottom: 47px

}



.mod_plenta_jobs_basic_offer_reader .row-call-to-action .ce_qf_wrapper {

    padding-left: 194px;

    position: relative

}



.mod_plenta_jobs_basic_offer_reader .row-call-to-action .ce_qf_wrapper:before {

    background-image: url(/layout/images/noun-send-icon-425127.d1f2a283.svg);

    background-repeat: no-repeat;

    background-size: contain;

    content: "";

    filter: invert(100%);

    height: 100px;

    left: 47px;

    position: absolute;

    top: calc(50% - 50px);

    width: 100px

}



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

    .mod_plenta_jobs_basic_offer_reader .row-intro>:first-child .ce_image {

        height:auto

    }



    .mod_plenta_jobs_basic_offer_reader .row-intro>:nth-child(2),.mod_plenta_jobs_basic_offer_reader .row-intro>:nth-child(3) {

        margin-top: 0

    }



    .mod_plenta_jobs_basic_offer_reader .row-intro>:nth-child(2)>* {

        padding-bottom: 29px

    }



    .mod_plenta_jobs_basic_offer_reader .row-intro>:nth-child(3)>* {

        margin-right: 0

    }



    .mod_plenta_jobs_basic_offer_reader .row-call-to-action>div:first-child .ce_image {

        margin-bottom: 0

    }



    .mod_plenta_jobs_basic_offer_reader .row-call-to-action>div:first-child .ce_image img {

        width: 100%

    }

}



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

    .mod_plenta_jobs_basic_offer_reader .row-call-to-action .ce_qf_wrapper {

        padding-left:29px

    }



    .mod_plenta_jobs_basic_offer_reader .row-call-to-action .ce_qf_wrapper:before {

        display: none

    }



    .mod_plenta_jobs_basic_offer_reader>.row {

        margin-bottom: 47px

    }

}



.article-story-case {

    overflow: visible;

    padding-bottom: 0;

    padding-top: 0!important

}



.article-story-case .inside-article {

    padding-bottom: 260px!important;

    position: relative

}



.article-story-case .ce_qf_wrapper {

    bottom: 0;

    box-sizing: border-box;

    position: absolute;

    width: calc(50% + 47px)

}



.article-story-case .ce_qf_wrapper h2 {

    margin-bottom: 29px

}



.article-story-case .ce_qf_wrapper:first-child {

    left: 0;

    margin-bottom: 140px!important;

    z-index: 1

}



.article-story-case .ce_qf_wrapper:nth-child(2) {

    right: 0;

    z-index: 2

}



.article-story-case .row {

    grid-template-columns: 1fr 1fr

}



.article-gallery .ce_gallery ul {

    grid-gap: 29px;

    display: grid;

    grid-template-columns: repeat(12,1fr);

    overflow: visible

}



.article-gallery .ce_gallery ul li {

    grid-row-end: span 6;

    overflow: visible;

    position: relative;

    z-index: 3

}



.article-gallery .ce_gallery ul li:nth-child(odd) {

    grid-column: 1/span 6

}



.article-gallery .ce_gallery ul li:nth-child(2n) {

    grid-column: 7/span 6

}



.article-gallery .ce_gallery ul li:nth-child(2) {

    grid-row-start: 5;

    z-index: 1

}



.article-gallery .ce_gallery ul li:nth-child(3) {

    grid-column: 2/span 5

}



.article-gallery .ce_gallery ul li .image_container {

    overflow: hidden

}



.article-gallery .ce_gallery ul li .image_container,.article-gallery .ce_gallery ul li img {

    height: 100%;

    width: 100%

}



.article-gallery .ce_gallery ul li img {

    object-fit: cover

}



.article-gallery .ce_qf_wrapper {

    box-sizing: border-box;

    margin-top: -260px;

    max-width: 900px;

    padding: 307px 123px 123px;

    position: relative;

    width: 100%;

    z-index: -1

}



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

    .article-gallery .ce_qf_wrapper {

        padding-left:calc(8.33333vw + 2.41667px);

        padding-right: calc(8.33333vw + 2.41667px);

        width: calc(100% - 8.33333vw - 2.41667px)

    }

}



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

    .article-gallery .ce_gallery ul li:nth-child(2) {

        z-index:3

    }



    .article-gallery .ce_qf_wrapper {

        margin-top: -220px;

        padding-bottom: 76px;

        padding-top: 249px

    }

}



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

    .article-gallery .ce_qf_wrapper {

        margin-top:-150px;

        padding-top: 168px

    }

}



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

    .article-gallery .ce_gallery {

        margin-bottom:0!important;

        margin-left: -20px;

        width: 100vw

    }



    .article-gallery .ce_gallery ul {

        display: block

    }



    .article-gallery .ce_gallery ul li {

        margin-bottom: 18px

    }



    .article-gallery .ce_gallery ul li:last-child {

        margin-bottom: 0

    }



    .article-gallery .ce_qf_wrapper {

        margin-top: -47px;

        padding-bottom: 47px;

        padding-top: 47px;

        width: 100%;

        z-index: 3

    }

}



.article-manager-success .ce_text {

    margin-left: auto;

    margin-right: auto;

    max-width: 800px

}



.article-manager-success .ce_text:nth-child(2) {

    margin-bottom: 76px!important

}



.article-manager-success .row-button-manager-success {

    margin-bottom: 76px!important;

    margin-left: auto;

    margin-right: auto;

    max-width: 1000px

}



.article-manager-success .ce_image .image_container {

    display: inline-block

}



.article-manager-success .ce_image img.image-manager-of-success-portrait {

    border-radius: 50%

}



.article-calendly,.article-full-width-image {

    padding-top: 123px;

    position: relative

}



.article-calendly .inside-article>.ce_image:first-child,.article-full-width-image .inside-article>.ce_image:first-child {

    height: 100%;

    left: 50%;

    position: absolute;

    top: 0;

    transform: translateX(-50%);

    width: 100vw

}



.article-calendly .inside-article>.ce_image:first-child .image_container,.article-calendly .inside-article>.ce_image:first-child img,.article-full-width-image .inside-article>.ce_image:first-child .image_container,.article-full-width-image .inside-article>.ce_image:first-child img {

    height: 100%;

    width: 100%

}



.article-calendly .inside-article>.ce_image:first-child img,.article-full-width-image .inside-article>.ce_image:first-child img {

    object-fit: cover

}



.article-full-width-image {

    box-sizing: border-box;

    height: 47.34375vw;

    max-height: 800px

}



.article-calendly .calendly {

    height: 1080px;

    position: relative;

    width: 100%;

    z-index: 2

}



.article-help .inside-article {

    text-align: center

}



.article-cases-of-success .inside-article {

    position: relative

}



.article-cases-of-success .row {

    align-items: end;

    grid-template-columns: 620px 1fr

}



.article-cases-of-success .row .ce_image:first-child {

    margin-bottom: 123px

}



.article-cases-of-success .arrow-icon.ce_image {

    margin: 0 auto;

    overflow: visible

}



.article-cases-of-success .arrow-icon.ce_image img {

    filter: invert(100%);

    margin: 0 auto -5%;

    min-width: 73px;

    transform: rotate(90deg)

}



@media (min-width: 1031px) {

    .article-cases-of-success .arrow-icon.ce_image img {

        margin-bottom:-15%

    }

}



.article-cases-of-success .ce_qf_wrapper {

    margin-left: 123px;

    margin-right: 370px;

    margin-top: -246px;

    max-width: 700px;

    padding-bottom: 123px;

    padding-top: 123px;

    position: relative;

    z-index: 2

}



.article-cases-of-success .elem-case-3000 {

    bottom: 0;

    margin-bottom: -200px!important;

    margin-right: -160px;

    position: absolute;

    right: 0;

    z-index: 3

}



@media screen and (min-width: 1415px) {

    .article-cases-of-success .elem-case-3000 {

        margin-right:-200px!important

    }

}



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

    .article-cases-of-success .row {

        grid-template-columns:1fr 1fr

    }



    .article-cases-of-success .ce_qf_wrapper {

        margin-left: 76px;

        padding-left: 47px

    }

}



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

    .article-cases-of-success .ce_qf_wrapper {

        margin-left:0;

        margin-top: -156px;

        padding-bottom: 47px;

        padding-top: 47px

    }



    .article-cases-of-success .elem-case-3000 {

        margin-bottom: -20px!important;

        margin-right: -120px;

        width: 600px

    }

}



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

    .article-cases-of-success .row {

        align-items:start

    }



    .article-cases-of-success .row .ce_image:first-child {

        margin-bottom: 0

    }



    .article-cases-of-success .ce_qf_wrapper {

        box-sizing: border-box;

        margin-top: -110px;

        max-width: none;

        width: 100%

    }



    .article-cases-of-success .elem-case-3000 {

        display: none

    }

}



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

    .article-cases-of-success .row {

        grid-template-columns:auto

    }



    .article-cases-of-success .ce_qf_wrapper {

        margin-top: 0

    }

}



.article-oekosystem {

    margin-top: -76px;

    overflow: visible

}



.article-oekosystem .inside-article {

    background-color: var(--color-magenta);

    box-sizing: border-box;

    display: grid;

    grid-template-columns: 740px 1fr;

    padding: 76px;

    position: relative

}



.article-oekosystem .inside-article .eco-system-background {

    --eco-system-background-width: 840px;

    --eco-system-background-ratio: 0.7523809524;

    --eco-system-background-height: calc(var(--eco-system-background-width)*var(----eco-system-background-ratio));

    display: block;

    height: var(--eco-system-background-height);

    left: -260px;

    position: absolute;

    top: -143px;

    width: var(--eco-system-background-width)

}



.article-oekosystem .inside-article .eco-system-background svg {

    height: 100%;

    width: 100%

}



.article-oekosystem .inside-article,.article-oekosystem .inside-article a {

    color: #fff

}



.article-oekosystem .inside-article .ce_image {

    align-content: end;

    margin-bottom: -120px!important;

    margin-top: -30px;

    padding-left: 360px;

    position: relative;

    z-index: 2

}



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

    .article-oekosystem .inside-article {

        grid-gap:18px;

        grid-template-columns: 1fr 380px

    }



    .article-oekosystem .inside-article .ce_image {

        margin-left: auto;

        margin-right: -47px;

        order: 3;

        padding-left: 0

    }



    .article-oekosystem .inside-article .ce_text {

        order: 2;

        padding-top: 420px

    }

}



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

    .article-oekosystem {

        margin-top:0

    }

}



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

    .article-oekosystem .inside-article {

        grid-gap:47px;

        grid-template-columns: auto

    }



    .article-oekosystem .inside-article .ce_image {

        margin-bottom: 0!important;

        margin-top: -200px;

        order: 2

    }



    .article-oekosystem .inside-article .ce_image .image_container {

        width: 330px

    }



    .article-oekosystem .inside-article .ce_text {

        order: 3;

        padding-top: 0

    }

}



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

    .article-oekosystem .inside-article .eco-system-background {

        --eco-system-background-width:100vw;

        left: -35vw;

        top: -17vw

    }



    .article-oekosystem .inside-article .ce_image {

        margin-right: -67px

    }



    .article-oekosystem .inside-article .ce_image .image_container {

        width: 40vw

    }

}



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

    .article-oekosystem .inside-article {

        padding-bottom:29px;

        padding-left: 29px;

        padding-right: 29px

    }



    .article-oekosystem .inside-article .eco-system-background {

        --eco-system-background-width: 134vw;

        left: -42vw;

        top: -23vw

    }



    .article-oekosystem .inside-article .ce_image {

        display: none

    }



    .article-oekosystem .inside-article .ce_text {

        padding-top: 70vw

    }

}



.article-history .ce_qf_wrapper {

    position: relative

}



.article-history .ce_qf_wrapper:first-child {

    max-width: 500px;

    z-index: 100

}



.article-history .ce_qf_wrapper:nth-child(2) {

    grid-gap: 18px;

    background-color: var(--color-cyan-75);

    display: grid;

    grid-template-columns: repeat(12,1fr);

    margin-left: 246px;

    margin-top: -430px

}



.article-history .ce_qf_wrapper:nth-child(2) h3 {

    line-height: 1.2em;

    text-align: center

}



.article-history .ce_qf_wrapper:nth-child(2) h3,.article-history .ce_qf_wrapper:nth-child(2) h3+.ce_text {

    grid-column: 7/span 6

}



.article-history .ce_qf_wrapper:nth-child(2) .ce_text {

    grid-column-end: span 4;

    grid-template-rows: auto minmax(2.2em,auto);

    text-align: center;

    text-transform: uppercase

}



.article-history .ce_qf_wrapper:nth-child(2) .ce_text:before {

    background-position: 50%;

    background-repeat: no-repeat;

    background-size: contain;

    content: "";

    display: block;

    filter: invert(100%);

    height: 150px;

    margin-bottom: 18px;

    margin-left: 10%;

    margin-top: 18px;

    width: 80%

}



.article-history .ce_qf_wrapper:nth-child(2) .ce_text.elem-employees:before {

    background-image: url(/layout/images/icon-mitarbeiter.6bd1abd0.svg)

}



.article-history .ce_qf_wrapper:nth-child(2) .ce_text.elem-revenue:before {

    background-image: url(/layout/images/icon-wachstum.ce972357.svg)

}



.article-history .ce_qf_wrapper:nth-child(2) .ce_text.elem-portfolio:before {

    background-image: url(/layout/images/icon-produkt-portfolio.554a0a00.svg)

}



.article-history .ce_qf_wrapper:nth-child(2) .ce_text.elem-branches:before {

    background-image: url(/layout/images/icon-tochtergesellschaften.2f0f0c62.svg)

}



.article-history .ce_qf_wrapper:nth-child(2) .ce_text.elem-factories:before {

    background-image: url(/layout/images/icon-produktionswerke.2f55b176.svg)

}



.article-history .ce_qf_wrapper:nth-child(2) .ce_text.elem-organisations:before {

    background-image: url(/layout/images/icon-vertrieb.4aea1b45.svg)

}



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

    .article-history .ce_qf_wrapper:first-child,.article-history .ce_qf_wrapper:nth-child(2) {

        padding-left:76px;

        padding-right: 76px

    }

}



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

    .article-history .ce_qf_wrapper:first-child,.article-history .ce_qf_wrapper:nth-child(2) {

        padding-left:47px;

        padding-right: 47px

    }

}



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

    .article-history .ce_qf_wrapper:first-child {

        box-sizing:border-box;

        margin-bottom: 0!important;

        max-width: none;

        width: calc(100% - 76px)

    }



    .article-history .ce_qf_wrapper:nth-child(2) {

        margin-left: 76px;

        margin-top: -47px

    }



    .article-history .ce_qf_wrapper:nth-child(2) h3 {

        align-self: center;

        grid-column-start: 1

    }

}



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

    .article-history .ce_qf_wrapper {

        padding-bottom:47px;

        padding-top: 47px

    }

}



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

    .article-history .ce_qf_wrapper {

        padding-top:76px

    }



    .article-history .ce_qf_wrapper:nth-child(2) {

        grid-template-columns: 1fr 1fr

    }



    .article-history .ce_qf_wrapper:nth-child(2) h3 {

        grid-column-end: span 2

    }



    .article-history .ce_qf_wrapper:nth-child(2) h3+.ce_text {

        grid-column-start: auto

    }



    .article-history .ce_qf_wrapper:nth-child(2) h3~.ce_text {

        grid-column-end: span 1

    }

}



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

    .article-history .ce_qf_wrapper {

        padding-top:47px

    }



    .article-history .ce_qf_wrapper:first-child {

        margin-bottom: 47px!important;

        width: 100%

    }



    .article-history .ce_qf_wrapper:nth-child(2) {

        grid-template-columns: auto;

        margin-left: 0;

        margin-top: 0

    }



    .article-history .ce_qf_wrapper:nth-child(2) h3,.article-history .ce_qf_wrapper:nth-child(2) h3~.ce_text {

        grid-column-end: span 1

    }

}



.color-cyan {

    color: var(--color-cyan)!important

}



.color-blue {

    color: var(--color-blue)!important

}



.color-petrol {

    color: var(--color-petrol)!important

}



.color-violet {

    color: var(--color-violet)!important

}



.color-magenta {

    color: var(--color-magenta)!important

}



.color-red {

    color: var(--color-red)!important

}



.color-darkorange {

    color: var(--color-darkorange)!important

}



.color-yellow {

    color: var(--color-yellow)!important

}



.color-green {

    color: var(--color-green)!important

}



.color-brown {

    color: var(--color-brown)!important

}



.text-size-medium {

    font-size: 1.333em

}



.text-uppercase {

    text-transform: uppercase!important

}



.ce_vimeo .responsive a,.ce_youtube .responsive a {

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%

}



.ce_vimeo .responsive a:before,.ce_youtube .responsive a:before {

    background-image: url(/layout/images/icon-play-button-cyan.39cb3053.svg);

    background-repeat: no-repeat;

    background-size: contain;

    content: "";

    height: 100px;

    left: calc(50% - 50px);

    position: absolute;

    top: calc(50% - 50px);

    width: 100px;

    z-index: 1

}



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

    .ce_vimeo .responsive a:before,.ce_youtube .responsive a:before {

        height:12vw;

        left: calc(50% - 6vw);

        top: calc(50% - 6vw);

        width: 12vw

    }

}



.ce_vimeo .responsive a img,.ce_youtube .responsive a img {

    height: 100%;

    object-fit: cover;

    width: 100%

}



.ce_vimeo.has-caption,.ce_youtube.has-caption {

    overflow: visible;

    position: relative

}



.ce_vimeo.has-caption .video_container,.ce_youtube.has-caption .video_container {

    margin-left: -76px

}



.ce_vimeo.has-caption .caption,.ce_youtube.has-caption .caption {

    background-color: var(--color-page);

    box-sizing: border-box;

    color: #fff;

    font-family: Neuropol;

    font-size: 20px;

    margin-left: 123px;

    padding: 76px 123px 76px 76px;

    text-transform: uppercase;

    width: 100%

}



.ce_vimeo.has-caption .caption:after,.ce_youtube.has-caption .caption:after {

    background-color: var(--color-page);

    content: "";

    display: block;

    height: calc(100% - 123px);

    position: absolute;

    right: -123px;

    top: 123px;

    width: 100%;

    z-index: -1

}



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

    .ce_vimeo.has-caption .video_container,.ce_youtube.has-caption .video_container {

        margin-left:0

    }

}



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

    .ce_vimeo.has-caption .caption,.ce_youtube.has-caption .caption {

        margin-left:18px;

        padding: 47px 76px 47px 47px

    }

}



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

    .ce_vimeo.has-caption .caption,.ce_youtube.has-caption .caption {

        margin-left:0;

        padding: 29px

    }



    .ce_vimeo.has-caption .caption:after,.ce_youtube.has-caption .caption:after {

        display: none

    }

}



#main .map-article {

    padding: 0!important

}



#main .map-article .inside-article {

    margin: 0;

    max-width: none;

    width: 100%

}



#main .map-article .inside-article .map-container {

    position: relative

}



#main .map-article .inside-article .map-container #map {

    height: calc(100vh - 125px);

    width: 100%

}



#main .map-article .inside-article .map-container #map .gm-style-iw-c {

    border-radius: 0;

    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);

    padding: .625rem

}



#main .map-article .inside-article .map-container #map .gm-style-iw-c .gm-ui-hover-effect {

    right: 10px!important;

    top: 10px!important

}



#main .map-article .inside-article .map-container #map .gm-style-iw-c .info-item {

    padding: .625rem 2.8125rem .625rem .625rem

}



#main .map-article .inside-article .map-container #map .gm-style-iw-c .info-item h3 {

    color: #424242;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 1rem;

    font-weight: 600;

    line-height: normal;

    margin: 0 0 .625rem

}



#main .map-article .inside-article .map-container #map .gm-style-iw-c .info-item span {

    color: #999;

    line-height: 1.3125rem

}



#main .map-article .inside-article .map-container #map .gm-style-iw-c .info-item .hide {

    display: none

}



#main .map-article .inside-article .map-container #map .gm-style-iw-c .info-item .hide.open {

    display: block

}



#main .map-article .inside-article .map-container #map .gm-style-iw-c .info-item .more {

    cursor: pointer;

    display: block;

    line-height: normal;

    margin-top: 1.125rem;

    text-decoration: underline

}



#main .map-article .inside-article .map-container .form {

    bottom: 1.875rem;

    display: flex;

    justify-content: center;

    pointer-events: none;

    position: absolute;

    width: 100%

}



#main .map-article .inside-article .map-container .form form {

    width: 80%

}



#main .map-article .inside-article .map-container .form form>div {

    background-color: #fff;

    display: flex;

    gap: .5rem;

    padding: 1rem;

    pointer-events: all;

    width: 100%

}



#main .map-article .inside-article .map-container .form form>div .widget {

    margin-bottom: 0;

    width: 20%

}



#main .map-article .inside-article .map-container .form form>div .widget .select-wrapper,#main .map-article .inside-article .map-container .form form>div .widget .select-wrapper select {

    height: 100%

}



#main .map-article .inside-article .map-container .form form>div .mobile-only,#main .map-article .inside-article .map-container .form-control {

    display: none

}



#main .map-article .inside-article .map-container .no-results-found {

    background-color: #009fdf;

    color: #fff;

    display: none;

    left: 50%;

    padding-right: 1rem;

    position: absolute;

    top: 50%

}



#main .map-article .inside-article .map-container .no-results-found button {

    background-color: #009fdf;

    border: 1px solid #009fdf;

    color: #fff;

    margin-right: .5rem;

    padding: 1rem;

    transition: .5s ease-out

}



#main .map-article .inside-article .map-container .no-results-found button:hover {

    background-color: #fff;

    color: #009fdf

}



.qf_product-overview .js__product-filters {

    align-items: center;

    display: flex;

    flex-flow: row wrap;

    justify-items: flex-start

}



.qf_product-overview .js__product-filters .js__filter {

    margin: 1rem 1rem 0 0;

    position: relative

}



.qf_product-overview .js__product-filters .js__filter button {

    background: #fff;

    border: 1px solid;

    border-radius: 24px;

    cursor: pointer;

    display: inline-block;

    font-family: inherit;

    font-size: 18px;

    margin: 0;

    outline: none;

    padding: .5rem 3rem;

    position: relative;

    text-align: center;

    text-decoration: none;

    user-select: none

}



.qf_product-overview .js__product-filters .js__filter button:after {

    content: "❯";

    position: absolute;

    right: 1rem;

    transform: rotate(90deg);

    transform-origin: center

}



.qf_product-overview .js__product-filters .js__filter ul {

    background: #fff;

    border: 1px solid;

    min-width: 100%;

    padding: .5rem 1rem;

    position: absolute;

    top: 100%;

    user-select: none;

    z-index: 1

}



.qf_product-overview .js__product-filters .js__filter ul li {

    display: block;

    margin: .5rem 0

}



.qf_product-overview .js__product-filters .js__filter ul label {

    align-items: center;

    display: flex;

    font-weight: 400;

    justify-content: flex-start;

    line-height: 1.1

}



.qf_product-overview .js__product-filters .js__filter ul input {

    display: inline-block;

    margin-right: .5rem

}



.qf_product-overview .js__product-filters .js__filter.js__open button:after {

    transform: rotate(-90deg)

}



.qf_product-overview .js__product-filters .js__filter:not(.js__open) ul {

    display: none

}



.qf_product-overview .product {

    margin: 1.5rem 0

}



.qf_product-overview .product a {

    color: inherit;

    display: flex;

    flex-flow: row wrap

}



.qf_product-overview .product figure {

    margin-bottom: 1rem;

    overflow: hidden;

    position: relative;

    width: 100%

}



.qf_product-overview .product figure:before {

    content: "";

    display: block;

    padding-bottom: 66.66%;

    width: 100%

}



.qf_product-overview .product figure img {

    height: 100%;

    left: 0;

    object-fit: contain;

    position: absolute;

    top: 0;

    width: 100%

}



.qf_product-overview .product .product_title {

    flex: 1;

    font-weight: 700

}



.qf_product-overview .product .product_size {

    color: rgba(0,0,0,.25)

}



.qf_product-overview .product .product_size svg.icon {

    color: inherit;

    display: inline-block;

    height: 1.1em;

    line-height: 0;

    vertical-align: -.2em;

    width: 1.1em

}



.qf_product-overview .product .product_size svg.icon * {

    fill: currentColor

}



.qf_product-overview .product .product_size.product_size__0 svg.icon:first-child,.qf_product-overview .product .product_size.product_size__1 svg.icon:nth-child(2),.qf_product-overview .product .product_size.product_size__2 svg.icon:nth-child(3) {

    color: #009fdf

}



.qf_product__selection_top {

    background: #e00700;

    padding-top: 100px

}



.qf_product__selection_top>.ce_text {

    margin: 0 auto 20px;

    width: calc(100% - 40px)

}



.qf_product__selection_top>a {

    display: block;

    padding: 20px;

    position: relative

}



.qf_product__selection_top>a:first-of-type {

    background: #e00700

}



.qf_product__selection_top>a:nth-of-type(2) {

    background: #c70087

}



.qf_product__selection_top>a:nth-of-type(3) {

    background: #65a812

}



.qf_product__selection_top>a h2 {

    left: 20px;

    position: absolute;

    right: 20px;

    text-align: center;

    top: 50%;

    transform: translateY(-50%)

}



@media (min-width: 940px) {

    .qf_product__selection_top {

        display:flex;

        padding-top: 0;

        position: relative

    }



    .qf_product__selection_top>.ce_text {

        left: 50%;

        max-width: 1440px;

        pointer-events: none;

        position: absolute;

        top: 150px;

        transform: translateX(-50%);

        z-index: 1

    }



    .qf_product__selection_top>.ce_text>* {

        max-width: 40rem

    }



    .qf_product__selection_top>.ce_text h1 {

        margin-bottom: 10px

    }



    .qf_product__selection_top>a {

        display: flex;

        flex: 1;

        height: calc(100vh - 275px);

        padding: 275px 30px 30px;

        transition: flex .25s ease

    }



    .qf_product__selection_top>a .ce_text {

        margin: auto

    }



    .qf_product__selection_top>a .ce_text figure img {

        max-height: 50vh;

        transition: max-height .25s ease

    }



    .qf_product__selection_top>a h2 {

        font-size: 36px;

        left: 30px;

        right: 30px;

        top: calc(50% + 75px)

    }



    .qf_product__selection_top>a:hover {

        flex: 1.25

    }



    .qf_product__selection_top>a:hover .ce_text figure img {

        max-height: 62.5vh

    }

}



.qf_product__category_top {

    background: #65a812

}



.qf_product__category_top h1 {

    font-size: 1rem;

    font-weight: 400;

    margin-bottom: 10px

}



.qf_product__category_top>.ce_image {

    height: 50vh;

    width: 100%

}



.qf_product__category_top>.ce_image figure {

    height: 100%

}



.qf_product__category_top>.ce_image figure img {

    height: 100%;

    object-fit: cover;

    width: 100%

}



.qf_product__category_top>.ce_text {

    padding: 20px

}



.qf_product__category_top>.ce_text figure {

    display: none

}



.qf_product__category_top>.ce_text:nth-child(3) {

    background: #c70087;

    text-transform: uppercase

}



.qf_product__category_top .row-filter {

    align-items: center;

    display: flex;

    flex-wrap: wrap;

    padding: 47px 20px

}



.qf_product__category_top .row-filter>* {

    box-sizing: border-box;

    width: 100%

}



.qf_product__category_top .row-filter>:first-child {

    width: 100%

}



@media (min-width: 550px) {

    .qf_product__category_top>.ce_image {

        height:75vh

    }

}



@media (min-width: 760px) and (max-width:939px) {

    .qf_product__category_top .row-filter>* {

        width:auto

    }

}



@media (min-width: 940px) {

    .qf_product__category_top {

        height:100vh;

        position: relative

    }



    .qf_product__category_top>.ce_image {

        height: 100%;

        position: absolute;

        right: 0;

        top: 0;

        width: 50%

    }



    .qf_product__category_top>.ce_text:nth-child(2) {

        bottom: 35%;

        max-width: 700px;

        overflow: visible;

        padding: 20px;

        position: absolute;

        right: 50%;

        width: calc(50% - 40px);

        z-index: 1

    }



    .qf_product__category_top>.ce_text:nth-child(2) figure {

        bottom: 60%;

        display: block;

        height: auto;

        left: 60%;

        position: absolute;

        width: 30vw;

        z-index: -1

    }



    .qf_product__category_top>.ce_text:nth-child(2) .text-citation {

        font-size: 32px

    }



    .qf_product__category_top>.ce_text:nth-child(3) {

        bottom: 0;

        left: max(20px,50vw - 720px);

        padding: 40px 120px;

        position: absolute;

        width: auto

    }



    .qf_product__category_top .row-filter {

        bottom: 0;

        max-width: 700px;

        position: absolute;

        right: 50%;

        width: calc(50% - 40px)

    }

}



@media (min-width: 1350px) {

    .qf_product__category_top>.ce_text:nth-child(2) {

        bottom:25%

    }



    .qf_product__category_top .row-filter>* {

        width: auto

    }

}



@media (min-width: 1400px) {

    .qf_product__category_top>.ce_text:nth-child(2) .text-citation {

        font-size:48px

    }

}



.qf_product-category-navigation {

    color: #fff;

    display: inline-block;

    max-width: 100%;

    position: relative

}



.qf_product-category-navigation:after {

    content: "❯";

    position: absolute;

    right: 2rem;

    top: calc(50% - .7em);

    transform: rotate(90deg);

    transform-origin: center

}



.qf_product-category-navigation select {

    appearance: none;

    background: #c70087;

    border: none;

    border-radius: 25px;

    box-sizing: border-box;

    color: #fff;

    cursor: pointer;

    height: 50px;

    max-width: 100%;

    outline: none;

    padding: 0 4rem 0 2rem

}



@media (min-width: 1480px) {

    #header-slider {

        margin-bottom:70px!important

    }

}



@media (max-height: 882px) {

    #header-slider {

        margin-bottom:142px!important;

        padding-bottom: 150px!important

    }

}



@media (max-width: 768px) {

    #header-slider {

        margin-bottom:40px!important

    }

}



#header-slider.block {

    overflow: unset!important

}



#header-slider .inside-article {

    max-width: unset

}



#header-slider .inside-article .swiper {

    overflow: initial!important;

    width: 100%

}



#header-slider .inside-article .swiper .swiper-wrapper .swiper-slide .slide-image-container {

    max-height: calc(100vh - 151px);

    min-height: calc(100vh - 151px);

    overflow: hidden;

    width: 100%

}



#header-slider .inside-article .swiper .swiper-wrapper .swiper-slide .slide-image-container img {

    max-height: calc(100vh - 151px);

    min-height: calc(100vh - 151px);

    object-fit: cover;

    width: 100%

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-left-tile-container {

    bottom: -39px;

    box-sizing: border-box;

    height: 394px;

    padding: 74px 68px 64px 72px;

    position: absolute;

    right: 806px;

    width: 650px

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-left-tile-container .slide-left-tile-text-container {

    color: #fff

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-left-tile-container .slide-left-tile-text-container h2 {

    margin-bottom: 20px

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container {

    bottom: 0;

    box-sizing: border-box;

    height: 500px;

    padding: 155px 247px 81px 130px;

    position: absolute;

    right: 0;

    width: 806px

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container {

    cursor: pointer;

    position: absolute;

    top: -59%

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container img {

    max-height: 485px;

    max-width: 485px;

    object-fit: contain

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container img:last-child {

    position: relative;

    top: -1.5rem

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container.active .slide-right-tile-image-container-last {

    cursor: pointer

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container.active .slide-right-tile-image-container-last:after {

    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cg data-name='Gruppe 897' transform='translate(-1069 -389)'%3E%3Ccircle data-name='Ellipse 43' cx='45.5' cy='45.5' r='45.5' transform='translate(1069 389)' fill='%23504c4a' opacity='.747'/%3E%3Cpath data-name='Linie 8' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='4' d='M1134.5 434.5h-40'/%3E%3C/g%3E%3C/svg%3E");

    display: block;

    height: 91px;

    position: absolute;

    right: 0;

    top: 70%;

    transition: .2s;

    width: 91px

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container .slide-right-tile-image-container-last {

    display: none

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container .slide-right-tile-image-container-last.fadeInAnimation {

    animation: fadeInAnimation .4s ease-in-out;

    display: block

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container .slide-right-tile-image-container-first.fadeInAnimation {

    animation: fadeInAnimation .4s ease-in-out;

    display: block!important

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container .slide-right-tile-image-container-first:after {

    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cg data-name='Gruppe 224' transform='translate(-1069 -389)'%3E%3Ccircle data-name='Ellipse 43' cx='45.5' cy='45.5' r='45.5' transform='translate(1069 389)' fill='%23504c4a' opacity='.747'/%3E%3Cg data-name='Gruppe 604' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='4'%3E%3Cpath data-name='Linie 7' d='M1114.5 414.5v40'/%3E%3Cpath data-name='Linie 8' d='M1134.5 434.5h-40'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    display: block;

    height: 91px;

    position: absolute;

    right: 0;

    top: 51%;

    transition: .2s;

    width: 91px

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container.active {

    position: absolute;

    top: -63%!important

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-text-container {

    color: #fff

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-text-container h2 {

    margin-bottom: 20px

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-button-container {

    margin-top: 30px

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-button-container .ce_hyperlink a {

    background-color: var(--button-color);

    border: 1px solid var(--button-border-color);

    border-radius: 1.618em;

    color: var(--button-text-color)!important;

    display: inline-block;

    outline: none;

    padding: .5em 1.618em;

    text-decoration: none!important;

    text-transform: uppercase;

    transition: background-color .4s

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-button-container .ce_hyperlink a:active,#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-button-container .ce_hyperlink a:focus,#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-button-container .ce_hyperlink a:hover {

    background-color: var(--button-secondary-color);

    background-image: none;

    background-position: 0;

    border-color: var(--button-border-secondary-color);

    color: var(--button-text-secondary-color)!important;

    text-decoration: none!important;

    transition: background-color .15s

}



#header-slider .inside-article .swiper .swiper-button-next,#header-slider .inside-article .swiper .swiper-button-prev {

    position: absolute;

    z-index: 9999

}



#header-slider .inside-article .swiper .swiper-pagination {

    align-items: center;

    background: hsla(0,0%,100%,.45);

    border-radius: 25px;

    box-shadow: 0 8px 20px rgba(0,0,0,.35);

    display: flex;

    justify-content: center;

    max-height: 50px;

    padding-left: 1.7rem;

    position: absolute;

    top: 30px;

    width: auto

}



#header-slider .inside-article .swiper .swiper-pagination .swiper-pagination-bullet {

    background: #fff;

    box-shadow: 0 8px 20px #000;

    height: 14px;

    margin-right: 26px;

    opacity: 1;

    width: 14px

}



#header-slider .inside-article .swiper .swiper-pagination .swiper-pagination-bullet-active {

    height: 20px;

    width: 20px

}



#header-slider .inside-article .swiper .swiper-pagination .swiper-pagination-bullet-active:after {

    animation: pulsate 2.75s ease-in-out infinite;

    background: transparent;

    border: 2px solid #009fdf;

    border-radius: 50%;

    content: "";

    display: block;

    height: 26px;

    left: -5px;

    position: relative;

    top: -5.5px;

    width: 26px

}



#header-slider .inside-article .swiper .swiper-button-next {

    height: 100%;

    top: 0;

    width: 200px

}



#header-slider .inside-article .swiper .swiper-button-next:after {

    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cg data-name='Gruppe 772'%3E%3Cg data-name='Gruppe 274' transform='translate(-1069 -389)'%3E%3Ccircle data-name='Ellipse 43' cx='45.5' cy='45.5' r='45.5' transform='translate(1069 389)' fill='%23504c4a' opacity='.747'/%3E%3Cpath data-name='Pfad 274' d='M1119.189 420.845a1.672 1.672 0 0 0 0 2.324l9.674 9.691h-32.715a1.65 1.65 0 0 0 0 3.3h32.715l-9.674 9.674a1.672 1.672 0 0 0 0 2.324 1.671 1.671 0 0 0 2.34 0l12.493-12.496a1.631 1.631 0 0 0 .478-1.171 1.683 1.683 0 0 0-.115-.626 1.129 1.129 0 0 0-.264-.379l-12.592-12.641a1.671 1.671 0 0 0-2.34 0' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    display: block;

    height: 91px;

    position: absolute;

    top: calc(68vh - 151px);

    width: 91px

}



#header-slider .inside-article .swiper .swiper-button-prev {

    height: 100%;

    top: 0;

    width: 200px

}



#header-slider .inside-article .swiper .swiper-button-prev:after {

    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cg data-name='Gruppe 772'%3E%3Cg data-name='Gruppe 274' transform='translate(-1069 -389)'%3E%3Ccircle data-name='Ellipse 43' cx='45.5' cy='45.5' r='45.5' transform='translate(1069 389)' fill='%23504c4a' opacity='.747'/%3E%3Cpath data-name='Pfad 274' d='M1119.189 420.845a1.672 1.672 0 0 0 0 2.324l9.674 9.691h-32.715a1.65 1.65 0 0 0 0 3.3h32.715l-9.674 9.674a1.672 1.672 0 0 0 0 2.324 1.671 1.671 0 0 0 2.34 0l12.493-12.496a1.631 1.631 0 0 0 .478-1.171 1.683 1.683 0 0 0-.115-.626 1.129 1.129 0 0 0-.264-.379l-12.592-12.641a1.671 1.671 0 0 0-2.34 0' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    display: block;

    height: 91px;

    position: absolute;

    top: calc(82vh - 151px);

    transform: rotate(180deg);

    width: 91px

}



#header-slider .inside-article .swiper .swiper-button-next,#header-slider .inside-article .swiper .swiper-button-prev {

    opacity: 0;

    transition: .2s

}



#header-slider .inside-article .swiper .swiper-button-next:hover,#header-slider .inside-article .swiper .swiper-button-prev:hover {

    opacity: 1

}



.fadeInAnimation {

    animation: fadeInAnimation .4s ease-in-out;

    display: block

}



.slide-right-tile-image-container.flyInAnimation {

    animation: flyInAnimation 1.5s ease-in-out;

    display: block

}



@keyframes flyInAnimation {

    0% {

        transform: translateX(1000px)

    }



    to {

        transform: translateX(0)

    }

}



@keyframes fadeInAnimation {

    0% {

        opacity: 0

    }



    to {

        opacity: 1

    }

}



.header-slider-select-options {

    align-items: center;

    display: flex;

    justify-content: space-between;

    margin-top: 30px

}



.header-slider-select-options * {

    text-transform: uppercase

}



.header-slider-select-options .selectLeft {

    width: 48.25%

}



.header-slider-select-options .selectLeft .selectLeft-headline {

    align-items: center;

    background: #009fdf;

    border-radius: 25px;

    color: #fff;

    cursor: pointer;

    display: flex;

    justify-content: space-between;

    padding: .5em 1.618em;

    transition: .2s

}



.header-slider-select-options .selectLeft .selectLeft-headline p {

    margin: 0!important

}



@media (max-width: 1024px) {

    .header-slider-select-options .selectLeft .selectLeft-headline p {

        font-size:18px!important

    }

}



.header-slider-select-options .selectLeft .selectLeft-headline:hover {

    background: #fff

}



.header-slider-select-options .selectLeft .selectLeft-headline:hover p {

    color: #bfbfbf

}



.header-slider-select-options .selectLeft .selectLeft-headline:hover svg path {

    fill: #bfbfbf

}



.header-slider-select-options .selectLeft .selectLeft-selectList {

    background: #fff;

    border-radius: 25px;

    display: none;

    max-height: 264px;

    min-width: 278px;

    overflow: auto;

    padding: 25px .4em;

    position: absolute

}



.header-slider-select-options .selectLeft .selectLeft-selectList a {

    color: #000;

    display: block;

    margin-bottom: 7.5px;

    max-width: 100%;

    padding: 5px

}



.header-slider-select-options .selectLeft .selectLeft-selectList a:hover {

    background: #009fdf;

    border-radius: 5px

}



.header-slider-select-options .selectLeft.active .selectLeft-headline {

    background: #fff;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

    position: relative;

    z-index: 1

}



.header-slider-select-options .selectLeft.active .selectLeft-headline p {

    color: #bfbfbf

}



.header-slider-select-options .selectLeft.active .selectLeft-headline svg {

    transform: rotate(180deg)

}



.header-slider-select-options .selectLeft.active .selectLeft-headline svg path {

    fill: #bfbfbf

}



.header-slider-select-options .selectLeft.active .selectLeft-selectList {

    border-top-left-radius: 0;

    box-shadow: 0 3px 15px rgba(38,38,38,.2);

    z-index: 0

}



.header-slider-select-options .selectLeft.active .selectLeft-selectList a:hover {

    color: #fff

}



.header-slider-select-options .selectRight {

    width: 48.25%

}



.header-slider-select-options .selectRight .selectRight-headline {

    align-items: center;

    background: #009fdf;

    border-radius: 25px;

    color: #fff;

    cursor: pointer;

    display: flex;

    justify-content: space-between;

    padding: .5em 1.618em;

    transition: .2s

}



.header-slider-select-options .selectRight .selectRight-headline p {

    margin: 0!important

}



.header-slider-select-options .selectRight .selectRight-headline:hover {

    background: #fff

}



.header-slider-select-options .selectRight .selectRight-headline:hover p {

    color: #bfbfbf

}



.header-slider-select-options .selectRight .selectRight-headline:hover svg path {

    fill: #bfbfbf

}



.header-slider-select-options .selectRight .selectRight-selectList {

    background: #fff;

    border-radius: 25px;

    display: none;

    max-height: 264px;

    min-width: 278px;

    overflow: auto;

    padding: 25px .4em;

    position: absolute

}



.header-slider-select-options .selectRight .selectRight-selectList a {

    color: #000;

    display: block;

    margin-bottom: 7.5px;

    max-width: 100%;

    padding: 5px

}



.header-slider-select-options .selectRight .selectRight-selectList a:hover {

    background: #009fdf;

    border-radius: 5px

}



.header-slider-select-options .selectRight.active .selectRight-headline {

    background: #fff;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

    position: relative;

    z-index: 1

}



.header-slider-select-options .selectRight.active .selectRight-headline p {

    color: #bfbfbf

}



.header-slider-select-options .selectRight.active .selectRight-headline svg {

    transform: rotate(180deg)

}



.header-slider-select-options .selectRight.active .selectRight-headline svg path {

    fill: #bfbfbf

}



.header-slider-select-options .selectRight.active .selectRight-selectList {

    border-top-left-radius: 0;

    box-shadow: 0 3px 15px rgba(38,38,38,.2);

    flex-flow: column;

    z-index: 0

}



.header-slider-select-options .selectRight.active .selectRight-selectList a:hover {

    color: #fff

}



@media (min-width: 1881px) and (max-height:1065px) {

    #header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container {

        bottom:-80px

    }



    #header-slider .slide-right-tile-image-container-first img,#header-slider .slide-right-tile-image-container-last img {

        max-width: 350px!important

    }



    #header-slider .slide-right-tile-image-container-last img:last-child {

        top: 3.5em!important

    }



    #header-slider .slide-right-tile-container {

        height: 530px!important;

        padding: 194px 247px 81px 130px!important

    }



    #header-slider .slide-right-tile-image-container {

        top: -35%!important

    }

}



@media (max-height: 1065px) and (max-width:1880px) {

    #header-slider .inside-article {

        width:unset!important

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-image-container img {

        max-height: unset;

        min-height: unset;

        object-fit: contain

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container {

        bottom: unset;

        height: 405px;

        padding: 45px 65px;

        right: 384px;

        top: 432px;

        width: 384px

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .slide-left-tile-text-container h2 {

        font-size: 26px;

        margin-bottom: 5px

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .slide-left-tile-text-container p {

        font-size: 14px

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options {

        display: flex;

        flex-flow: column

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectLeft {

        margin-bottom: 20px;

        width: 100%

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectLeft .selectLeft-headline {

        padding: .65em 1.618em

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectRight {

        width: 100%

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectRight .selectRight-headline {

        padding: .65em 1.618em

    }

}



@media (max-height: 1065px) and (max-width:1880px) and (max-width:1024px) {

    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectRight .selectRight-headline p {

        font-size:18px!important

    }

}



@media (max-height: 1065px) and (max-width:1880px) {

    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container {

        bottom:unset;

        height: 466px;

        padding: 166px 50px 40px;

        top: 393px;

        width: 384px

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container {

        top: -28%

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container.active {

        top: -44%!important

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container img {

        max-width: 300px

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container .slide-right-tile-image-container-first img {

        top: -2.5rem

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container .slide-right-tile-image-container-last img {

        top: 3.5rem

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-text-container h2 {

        font-size: 26px;

        margin-bottom: 5px

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-text-container p {

        font-size: 14px

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-button-next,#header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-button-prev {

        display: none

    }

}



@media (max-width: 1480px) {

    #header-slider .inside-article {

        width:unset!important

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-image-container img {

        max-height: unset;

        min-height: unset;

        object-fit: contain

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container {

        bottom: unset;

        height: 405px;

        padding: 45px 65px;

        right: 384px;

        top: 432px;

        width: 384px

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .slide-left-tile-text-container h2 {

        font-size: 26px;

        margin-bottom: 5px

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .slide-left-tile-text-container p {

        font-size: 14px

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options {

        display: flex;

        flex-flow: column

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectLeft {

        margin-bottom: 20px;

        width: 100%

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectLeft .selectLeft-headline {

        padding: .65em 1.618em

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectRight {

        width: 100%

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectRight .selectRight-headline {

        padding: .65em 1.618em

    }

}



@media (max-width: 1480px) and (max-width:1024px) {

    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectRight .selectRight-headline p {

        font-size:18px!important

    }

}



@media (max-width: 1480px) {

    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container {

        bottom:unset;

        height: 466px;

        padding: 166px 50px 40px;

        top: 393px;

        width: 384px

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container {

        top: -24%

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container.active {

        top: -43%!important

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container img {

        max-width: 300px

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container .slide-right-tile-image-container-first img {

        top: -2.5rem

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container .slide-right-tile-image-container-last img {

        top: 3.5rem

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-text-container h2 {

        font-size: 26px;

        margin-bottom: 5px

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-text-container p {

        font-size: 14px

    }



    #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-button-next,#header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-button-prev {

        display: none

    }

}



@media (min-width: 768px) and (max-width:910px) {

    #header-slider .slide-image-container img {

        scale:1.3

    }

}



@media (max-width: 767px) {

    #header-slider .swiper-slide:not(.swiper-slide-active) .slide-right-tile-container {

        display:none

    }



    #header-slider .slide-image-container {

        max-height: unset!important;

        min-height: unset!important

    }



    #header-slider .slide-left-tile-container {

        height: auto!important;

        padding: 45px 36px 140px!important;

        position: unset!important;

        width: 100%!important

    }



    #header-slider .slide-left-tile-container .slide-left-tile-text-container {

        text-align: center

    }



    #header-slider .slide-left-tile-container .slide-left-tile-text-container h2 {

        margin-bottom: 15px!important

    }



    #header-slider .slide-left-tile-container .slide-left-tile-text-container p {

        display: none

    }



    #header-slider .selectLeft,#header-slider .selectRight {

        max-width: 302px

    }



    #header-slider .selectLeft .selectLeft-headline,#header-slider .selectLeft .selectRight-headline,#header-slider .selectRight .selectLeft-headline,#header-slider .selectRight .selectRight-headline {

        z-index: 9999

    }



    #header-slider .selectLeft .selectLeft-selectList,#header-slider .selectLeft .selectRight-selectList,#header-slider .selectRight .selectLeft-selectList,#header-slider .selectRight .selectRight-selectList {

        border-top-right-radius: 0!important;

        z-index: 999

    }



    #header-slider .slide-right-tile-image-container {

        cursor: unset!important

    }



    #header-slider .slide-right-tile-image-container-first,#header-slider .slide-right-tile-image-container-last {

        position: relative!important

    }



    #header-slider .slide-right-tile-image-container-first:after,#header-slider .slide-right-tile-image-container-last:after {

        content: ""!important

    }



    #header-slider .slide-left-tile-text-container h2:after,#header-slider .slide-right-tile-text-container h2:after {

        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.328' height='6.053'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rechteck 79' fill='%23fff' d='M0 0h6.053v10.328H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Gruppe 1160'%3E%3Cg data-name='Gruppe 102' transform='rotate(-90 3.026 3.027)' clip-path='url(%23a)'%3E%3Cpath data-name='Pfad 256' d='M0 5.177a.891.891 0 0 0 .256.618l4.273 4.273A.891.891 0 0 0 5.792 8.81L2.148 5.165l3.644-3.644A.891.891 0 0 0 4.532.262L.256 4.537a.89.89 0 0 0-.256.64' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

        left: 15px;

        position: relative;

        top: -5px

    }



    #header-slider .slide-left-tile-text-container h2.active:after,#header-slider .slide-right-tile-text-container h2.active:after {

        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.328' height='6.053'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rechteck 79' fill='%23fff' d='M0 0h6.053v10.328H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Gruppe 1160'%3E%3Cg data-name='Gruppe 102' transform='rotate(90 5.164 5.165)' clip-path='url(%23a)'%3E%3Cpath data-name='Pfad 256' d='M0 5.177a.891.891 0 0 0 .256.618l4.273 4.273A.891.891 0 0 0 5.792 8.81L2.148 5.165l3.644-3.644A.891.891 0 0 0 4.532.262L.256 4.537a.89.89 0 0 0-.256.64' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")

    }



    #header-slider .slide-right-tile-container {

        height: auto!important;

        padding: 0 50px!important;

        position: unset!important;

        width: 100%!important

    }



    #header-slider .slide-right-tile-container .slide-right-tile-text-container {

        position: relative!important;

        text-align: center;

        top: -60px!important

    }



    #header-slider .slide-right-tile-container .slide-right-tile-text-container h2 {

        margin-bottom: 15px!important

    }



    #header-slider .slide-right-tile-container .slide-right-tile-text-container p {

        display: none

    }



    #header-slider .slide-right-tile-container .slide-right-tile-image-container {

        position: relative!important;

        top: -60px!important

    }



    #header-slider .slide-right-tile-container .slide-right-tile-image-container img {

        margin: 0 auto;

        max-width: 240px!important

    }



    #header-slider .slide-right-tile-button-container {

        position: relative!important;

        text-align: center;

        top: -60px!important

    }



    #header-slider .selectLeft-selectList,#header-slider .selectRight-selectList {

        padding: 25px .67em!important

    }

}



@media (max-width: 500px) {

    #header-slider .swiper-pagination {

        background:hsla(0,0%,100%,.28)!important;

        border-radius: 0!important;

        box-shadow: unset!important;

        left: 0!important;

        padding-left: 0!important;

        top: 250px!important;

        width: 100vw!important

    }



    #header-slider .swiper-pagination .swiper-pagination-bullet-active:after {

        left: -5.5px!important

    }



    #header-slider .slide-image-container img {

        height: 300px;

        object-fit: cover!important

    }

}



@media (max-width: 370px) {

    #header-slider .slide-left-tile-container {

        padding:45px 15px 140px!important

    }



    #header-slider .slide-right-tile-container {

        padding: 0 5px!important

    }

}



@media (max-width: 332px) {

    #header-slider .selectLeft-selectList,#header-slider .selectRight-selectList {

        min-width:unset!important

    }

}



@media (max-width: 768px) {

    #header-slider .inside-article .swiper .swiper-wrapper .swiper-slide {

        max-height:unset!important

    }

}



.protected-values {

    margin: 0 auto 100px;

    max-width: 1052px

}



.protected-values .headline-text-container {

    margin: 0 auto 80px;

    max-width: 1052px

}



.protected-values .headline-text-container.fadeInHeadline {

    animation: fadeInHeadline .4s ease-in;

    opacity: 1

}



.protected-values .protected-values-wrapper {

    display: flex;

    justify-content: space-between

}



.protected-values .protected-values-wrapper .protected-values-column {

    position: relative

}



.protected-values .protected-values-wrapper .protected-values-column.column-1 {

    top: 54px

}



.protected-values .protected-values-wrapper .protected-values-column.column-3 {

    top: 33px

}



.protected-values .protected-values-wrapper .protected-values-column.column-5 {

    top: 54px

}



.protected-values .protected-values-wrapper .protected-values-column .tile-bottom,.protected-values .protected-values-wrapper .protected-values-column .tile-top {

    height: 236px;

    transition: .2s;

    width: 236px

}



.protected-values .protected-values-wrapper .protected-values-column .tile-bottom:hover,.protected-values .protected-values-wrapper .protected-values-column .tile-top:hover {

    background: #c70087!important

}



.protected-values .protected-values-wrapper .protected-values-column .tile-bottom .tile-bottom-wrapper,.protected-values .protected-values-wrapper .protected-values-column .tile-bottom .tile-top-wrapper,.protected-values .protected-values-wrapper .protected-values-column .tile-top .tile-bottom-wrapper,.protected-values .protected-values-wrapper .protected-values-column .tile-top .tile-top-wrapper {

    align-items: center;

    display: flex;

    flex-flow: column;

    height: 100%;

    justify-content: center;

    width: 100%

}



.protected-values .protected-values-wrapper .protected-values-column .tile-bottom .tile-bottom-wrapper .tile-bottom-image-container,.protected-values .protected-values-wrapper .protected-values-column .tile-bottom .tile-bottom-wrapper .tile-top-image-container,.protected-values .protected-values-wrapper .protected-values-column .tile-bottom .tile-top-wrapper .tile-bottom-image-container,.protected-values .protected-values-wrapper .protected-values-column .tile-bottom .tile-top-wrapper .tile-top-image-container,.protected-values .protected-values-wrapper .protected-values-column .tile-top .tile-bottom-wrapper .tile-bottom-image-container,.protected-values .protected-values-wrapper .protected-values-column .tile-top .tile-bottom-wrapper .tile-top-image-container,.protected-values .protected-values-wrapper .protected-values-column .tile-top .tile-top-wrapper .tile-bottom-image-container,.protected-values .protected-values-wrapper .protected-values-column .tile-top .tile-top-wrapper .tile-top-image-container {

    margin-bottom: 30px

}



.protected-values .protected-values-wrapper .protected-values-column .tile-bottom .tile-bottom-wrapper .tile-bottom-image-container img,.protected-values .protected-values-wrapper .protected-values-column .tile-bottom .tile-bottom-wrapper .tile-top-image-container img,.protected-values .protected-values-wrapper .protected-values-column .tile-bottom .tile-top-wrapper .tile-bottom-image-container img,.protected-values .protected-values-wrapper .protected-values-column .tile-bottom .tile-top-wrapper .tile-top-image-container img,.protected-values .protected-values-wrapper .protected-values-column .tile-top .tile-bottom-wrapper .tile-bottom-image-container img,.protected-values .protected-values-wrapper .protected-values-column .tile-top .tile-bottom-wrapper .tile-top-image-container img,.protected-values .protected-values-wrapper .protected-values-column .tile-top .tile-top-wrapper .tile-bottom-image-container img,.protected-values .protected-values-wrapper .protected-values-column .tile-top .tile-top-wrapper .tile-top-image-container img {

    height: auto;

    max-width: 111px

}



.protected-values .protected-values-wrapper .protected-values-column .tile-bottom .tile-bottom-text-container p,.protected-values .protected-values-wrapper .protected-values-column .tile-bottom .tile-top-text-container p,.protected-values .protected-values-wrapper .protected-values-column .tile-top .tile-bottom-text-container p,.protected-values .protected-values-wrapper .protected-values-column .tile-top .tile-top-text-container p {

    color: #fff;

    font-size: 24px

}



.protected-values .protected-values-wrapper .protected-values-column .tile-top {

    margin-bottom: 30px;

    position: relative

}



.protected-values .protected-values-wrapper .protected-values-column .tile-top.tilesToBottom {

    animation: tilesToBottom 3.25s ease-in-out;

    opacity: 1;

    top: 0;

    z-index: 0

}



.protected-values .protected-values-wrapper .protected-values-column .tile-bottom {

    position: relative

}



.protected-values .protected-values-wrapper .protected-values-column .tile-bottom.tilesToTop {

    animation: tilesToTop 3.25s ease-in-out;

    opacity: 1;

    top: 0;

    z-index: 0

}



@keyframes tilesToTop {

    0% {

        opacity: 0

    }



    to {

        opacity: 1

    }

}



@keyframes tilesToBottom {

    0% {

        opacity: 0

    }



    to {

        opacity: 1

    }

}



@media (max-width: 1000px) {

    .ce_rsce_ce2_protected_values .headline-text-container {

        max-width:603px

    }



    .ce_rsce_ce2_protected_values .protected-values-wrapper {

        flex-wrap: wrap;

        justify-content: space-around!important;

        margin: 0 auto;

        max-width: 603px

    }



    .ce_rsce_ce2_protected_values .protected-values-wrapper .protected-values-column .tile-bottom,.ce_rsce_ce2_protected_values .protected-values-wrapper .protected-values-column .tile-top {

        height: 140px;

        width: 140px

    }



    .ce_rsce_ce2_protected_values .protected-values-wrapper .protected-values-column .tile-top {

        margin-bottom: 13px!important

    }



    .ce_rsce_ce2_protected_values .protected-values-wrapper .protected-values-column .tile-bottom-image-container,.ce_rsce_ce2_protected_values .protected-values-wrapper .protected-values-column .tile-top-image-container {

        margin-bottom: 12px!important;

        max-width: 62px

    }



    .ce_rsce_ce2_protected_values .protected-values-wrapper .protected-values-column .tile-bottom-image-container img,.ce_rsce_ce2_protected_values .protected-values-wrapper .protected-values-column .tile-top-image-container img {

        max-width: 62px!important

    }



    .ce_rsce_ce2_protected_values .protected-values-wrapper .protected-values-column .tile-bottom-text-container p,.ce_rsce_ce2_protected_values .protected-values-wrapper .protected-values-column .tile-top-text-container p {

        font-size: 14px!important

    }

}



@media (max-width: 620px) {

    .ce_rsce_ce2_protected_values .protected-values-wrapper {

        flex-wrap:wrap

    }



    .ce_rsce_ce2_protected_values .protected-values-wrapper .protected-values-column.column-1 {

        align-items: end;

        display: flex;

        flex-flow: column;

        width: 47.5%

    }



    .ce_rsce_ce2_protected_values .protected-values-wrapper .protected-values-column.column-2 {

        margin-bottom: 13px;

        width: 47.5%

    }



    .ce_rsce_ce2_protected_values .protected-values-wrapper .protected-values-column.column-3 {

        align-items: end;

        display: flex;

        flex-flow: column;

        margin-top: 21px;

        width: 47.5%

    }



    .ce_rsce_ce2_protected_values .protected-values-wrapper .protected-values-column.column-4 {

        top: unset;

        width: 47.5%

    }

}



.category-slider-container {

    padding: 0!important

}



.category-slider-container .headline-container {

    align-items: baseline;

    display: flex;

    justify-content: center;

    text-align: center

}



.category-slider-container .headline-container h2 {

    cursor: pointer

}



.category-slider-container .headline-container img {

    left: 30px;

    position: relative;

    top: -9px

}



.category-slider-container .headline-container.active img {

    transform: rotate(180deg)

}



.category-slider-container .headline-categories-container {

    display: none;

    margin: -50px 0 0;

    max-height: 330px;

    max-width: 1440px;

    position: absolute;

    width: 100%;

    z-index: 99

}



.category-slider-container .headline-categories-container .headline-categories-container-wrapper {

    background: #fff;

    border-radius: 20px;

    box-shadow: 0 0 31px 14px rgba(38,38,38,.08);

    box-sizing: border-box;

    margin: 30px auto 0;

    max-height: 284px;

    max-width: fit-content;

    overflow: auto!important;

    padding: 20px 5px

}



.category-slider-container .headline-categories-container .headline-categories-container-wrapper:before {

    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35.355' height='35.355'%3E%3Cpath data-name='Pfad 386' d='m17.678 0 17.678 17.678H0Z' fill='%23fff'/%3E%3C/svg%3E");

    height: 34px;

    left: 48.5%;

    position: absolute;

    top: 13px;

    width: 34px

}



.category-slider-container .headline-categories-container .headline-categories-container-wrapper .headline-category {

    align-items: center;

    display: flex;

    max-width: 399px

}



.category-slider-container .headline-categories-container .headline-categories-container-wrapper .headline-category p {

    color: #000;

    cursor: pointer;

    font-size: 18px;

    padding: 10px 20px;

    text-transform: uppercase;

    width: 100%

}



.category-slider-container .headline-categories-container .headline-categories-container-wrapper .headline-category p:hover {

    background: #009fdf;

    border-radius: 5px;

    color: #fff!important

}



.category-slider-container .headline-categories-container .headline-categories-container-wrapper .headline-category:before {

    height: 6px;

    margin-right: 22px;

    position: relative;

    top: -4px;

    width: 4px

}



.category-slider-container .category-swiper {

    margin: 0 auto;

    max-width: 1325px;

    width: 100%;

    z-index: -1

}



.category-slider-container .category-swiper .swiper-wrapper {

    min-height: 69px

}



.category-slider-container .category-swiper .swiper-wrapper .swiper-slide {

    display: flex;

    justify-content: center;

    margin-left: 20px;

    padding: 10px 25px;

    width: auto

}



.category-slider-container .category-swiper .swiper-wrapper .swiper-slide p {

    color: #504c4a;

    cursor: pointer;

    font-size: 22px

}



.category-slider-container .category-swiper .swiper-wrapper .swiper-slide.swiper-slide-active {

    background: #009fdf;

    border-radius: 10px

}



.category-slider-container .category-swiper .swiper-wrapper .swiper-slide.swiper-slide-active p {

    color: #fff

}



.category-slider-container .category-swiper .swiper-wrapper .swiper-slide.swiper-slide-active:after {

    bottom: -4px;

    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.76' height='21.76'%3E%3Cpath data-name='Pfad 381' d='M10.263 5.889 21.76 10.88 10.88 21.76 0 10.88Z' fill='%23009fdf'/%3E%3C/svg%3E");

    height: 15px;

    position: absolute;

    width: 15px

}



.category-slider-container .category-swiper .swiper-button-next {

    background: linear-gradient(90deg,rgba(2,0,36,0),#fff 79%);

    height: 100%;

    position: absolute;

    right: -.5px!important;

    top: 15px;

    width: 135px

}



.category-slider-container .category-swiper .swiper-button-next:after {

    content: "";

    display: flex;

    justify-content: end;

    position: relative;

    top: -4px;

    width: 100%

}



.category-slider-container .category-swiper .swiper-button-prev {

    background: linear-gradient(-90deg,rgba(2,0,36,0),#fff 79%);

    height: 100%;

    left: 0!important;

    position: absolute;

    top: 15px;

    width: 135px

}



.category-slider-container .category-swiper .swiper-button-prev:after {

    content: "";

    display: flex;

    justify-content: end;

    position: relative;

    top: 6px;

    transform: rotate(180deg);

    width: 100%

}



.category-slider-container .category-swiper.smallSlide {

    max-width: 870px

}



.category-slider-container .category-swiper.smallSlide .swiper-button-next {

    right: 0

}



.mw1596 .inside-article {

    max-width: 1596px!important

}



.mw1596 .inside-article .category-slider-container {

    margin: 0 auto;

    max-width: 1440px!important

}



.mw1596 .inside-article .ce_rsce_ce3_branchen_product_slider:not(.category-slider-container) {

    margin: 0 auto;

    max-width: 1596px!important

}



.ce_rsce_ce3_branchen_product_slider {

    overflow: unset!important;

    position: relative

}



.ce_rsce_ce3_branchen_product_slider .slide-product-names a {

    color: #000!important

}



.ce_rsce_ce3_branchen_product_slider .product-swiper {

    padding: 0 .5rem

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-wrapper {

    min-height: 1080px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide {

    border-radius: 20px;

    max-height: 808px;

    transition: .4s;

    width: 508px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide.swiper-slide-prev {

    position: relative;

    top: 62px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide.swiper-slide-active {

    animation: slideUp .5s ease-in-out

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide.swiper-slide-active .slide-top-container {

    background: #009fdf

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide.swiper-slide-next {

    position: relative;

    top: 62px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-top-container {

    background: #ebebeb;

    border-top-left-radius: 20px;

    border-top-right-radius: 20px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-bottom-container {

    margin: 0 auto;

    max-width: 446px;

    min-height: 320px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productImage {

    align-items: baseline;

    background-position: 200px;

    box-sizing: border-box;

    display: flex;

    flex-flow: column;

    height: 495px;

    justify-content: flex-end;

    margin: 95px auto 0;

    max-width: 446px;

    padding: 0 10px;

    width: 100%

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productImage a {

    width: 100%

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productImage a img {

    margin: 0 auto;

    max-height: 508px;

    position: relative;

    top: -75px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productImageGallery {

    align-items: center;

    display: flex;

    justify-content: center;

    position: relative;

    top: -56px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productImageGallery .slide-ProductImageGallery-image {

    align-items: center;

    background: #fff;

    border: none;

    border-radius: 14px;

    box-sizing: border-box;

    cursor: pointer;

    display: flex;

    height: 100px;

    justify-content: center;

    margin-right: 22px;

    padding: 14px;

    width: 100px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productImageGallery .slide-ProductImageGallery-image:last-child {

    margin-right: 0

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productImageGallery .slide-ProductImageGallery-image img {

    height: 100%;

    width: auto

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productImageGallery .slide-ProductImageGallery-image.active {

    border: 3px solid #009fdf

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container {

    background: #fff;

    margin: 0 auto;

    text-align: center

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container .h3 {

    font-size: 32px;

    line-height: 50px;

    text-transform: uppercase

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container .slide-productCategory {

    position: relative;

    top: -25px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container .slide-productName {

    display: none;

    font-size: 24px;

    position: relative;

    top: -12px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container .slide-productName:first-child {

    display: block

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container .slide-productLink {

    display: none;

    margin-top: 15px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container .slide-productLink:first-child {

    display: block

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container .slide-productLink a {

    background-color: #fff;

    border: 2px solid #009fdf;

    border-radius: 1.618em;

    color: #009fdf;

    display: inline-block;

    min-width: 240px;

    outline: none;

    padding: .5em 1.618em;

    text-decoration: none!important;

    text-transform: uppercase;

    transition: background-color .4s

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container .slide-productLink a:hover {

    background: #009fdf;

    color: #fff

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-wrapper {

    border-radius: 20px;

    box-shadow: 0 3px 15px hsla(0,0%,50%,.2)

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide.swiper-slide-active .slide-productLink a {

    background: #009fdf;

    color: #fff

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide.swiper-slide-active .slide-productLink a:hover {

    background: #fff;

    color: #009fdf

}



.ce_rsce_ce3_branchen_product_slider .swiper-button-next {

    top: 40%

}



.ce_rsce_ce3_branchen_product_slider .swiper-button-next:after {

    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cg data-name='Gruppe 276'%3E%3Cg data-name='Gruppe 219' transform='translate(-1069 -389)'%3E%3Ccircle data-name='Ellipse 43' cx='45.5' cy='45.5' r='45.5' transform='translate(1069 389)' fill='%23504c4a' opacity='.501'/%3E%3Cpath data-name='Pfad 383' d='M1109.811 420.845a1.672 1.672 0 0 1 0 2.324l-9.674 9.691h32.715a1.65 1.65 0 0 1 0 3.3h-32.715l9.674 9.674a1.672 1.672 0 0 1 0 2.324 1.671 1.671 0 0 1-2.34 0l-12.493-12.496a1.631 1.631 0 0 1-.478-1.171 1.683 1.683 0 0 1 .115-.624 1.129 1.129 0 0 1 .264-.379l12.592-12.643a1.671 1.671 0 0 1 2.34 0' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    transform: rotate(180deg) translateY(6px)

}



.ce_rsce_ce3_branchen_product_slider .swiper-button-next:hover:after {

    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cg data-name='Gruppe 274' transform='translate(-1069 -389)'%3E%3Ccircle data-name='Ellipse 43' cx='45.5' cy='45.5' r='45.5' transform='translate(1069 389)' fill='%23504c4a' opacity='.747'/%3E%3Cpath data-name='Pfad 274' d='M1119.189 420.845a1.672 1.672 0 0 0 0 2.324l9.674 9.691h-32.715a1.65 1.65 0 0 0 0 3.3h32.715l-9.674 9.674a1.672 1.672 0 0 0 0 2.324 1.671 1.671 0 0 0 2.34 0l12.493-12.496a1.631 1.631 0 0 0 .478-1.171 1.683 1.683 0 0 0-.115-.626 1.129 1.129 0 0 0-.264-.379l-12.592-12.641a1.671 1.671 0 0 0-2.34 0' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");

    transform: rotate(0deg)

}



.ce_rsce_ce3_branchen_product_slider .swiper-button-prev {

    top: 40%

}



.ce_rsce_ce3_branchen_product_slider .swiper-button-prev:after {

    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cg data-name='Gruppe 276'%3E%3Cg data-name='Gruppe 219' transform='translate(-1069 -389)'%3E%3Ccircle data-name='Ellipse 43' cx='45.5' cy='45.5' r='45.5' transform='translate(1069 389)' fill='%23504c4a' opacity='.501'/%3E%3Cpath data-name='Pfad 383' d='M1109.811 420.845a1.672 1.672 0 0 1 0 2.324l-9.674 9.691h32.715a1.65 1.65 0 0 1 0 3.3h-32.715l9.674 9.674a1.672 1.672 0 0 1 0 2.324 1.671 1.671 0 0 1-2.34 0l-12.493-12.496a1.631 1.631 0 0 1-.478-1.171 1.683 1.683 0 0 1 .115-.624 1.129 1.129 0 0 1 .264-.379l12.592-12.643a1.671 1.671 0 0 1 2.34 0' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    transform: rotate(0deg) translateY(6px)

}



.ce_rsce_ce3_branchen_product_slider .swiper-button-prev:hover:after {

    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cg data-name='Gruppe 274' transform='translate(-1069 -389)'%3E%3Ccircle data-name='Ellipse 43' cx='45.5' cy='45.5' r='45.5' transform='translate(1069 389)' fill='%23504c4a' opacity='.747'/%3E%3Cpath data-name='Pfad 274' d='M1119.189 420.845a1.672 1.672 0 0 0 0 2.324l9.674 9.691h-32.715a1.65 1.65 0 0 0 0 3.3h32.715l-9.674 9.674a1.672 1.672 0 0 0 0 2.324 1.671 1.671 0 0 0 2.34 0l12.493-12.496a1.631 1.631 0 0 0 .478-1.171 1.683 1.683 0 0 0-.115-.626 1.129 1.129 0 0 0-.264-.379l-12.592-12.641a1.671 1.671 0 0 0-2.34 0' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");

    transform: rotate(180deg)

}



@media (max-width: 1152px) {

    .category-slider-container .headline-categories-container {

        left:0!important

    }



    .category-slider-container .headline-categories-container-wrapper:before {

        left: 46.5%!important

    }



    .ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-wrapper {

        min-height: 583px!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-button-next,.ce_rsce_ce3_branchen_product_slider .swiper-button-prev {

        display: none

    }



    .ce_rsce_ce3_branchen_product_slider h2 {

        font-size: 26px!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-productImage {

        height: unset!important;

        max-height: 240px!important;

        max-width: 162px!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-productImage img {

        top: -44px!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-bottom-container {

        max-width: 192px;

        min-height: unset!important;

        padding-bottom: 15px!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-bottom-container .slide-productImageGallery {

        top: -27px

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-bottom-container .slide-productImageGallery .slide-ProductImageGallery-image {

        height: 50px;

        margin-right: 10px;

        padding: 5px;

        width: 50px

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-bottom-container .slide-productCategory .h3 {

        font-size: 14px

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-bottom-container .slide-productName {

        font-size: 14px!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-bottom-container .slide-product-links {

        display: none

    }



    .category-swiper .swiper-slide p {

        font-size: 18px!important

    }



    .category-slider-container .headline-categories-container {

        margin: -30px 0 0!important

    }



    .headline-container img {

        left: 22px!important;

        top: -6px!important;

        width: 10px!important

    }



    .headline-categories-container-wrapper .headline-category p {

        font-size: 14px!important

    }

}



@media (min-width: 961px) and (max-width:1152px) {

    .category-slider-container .headline-categories-container-wrapper:before {

        left:48%!important

    }

}



@media (min-width: 800px) and (max-width:960px) {

    .category-slider-container .headline-categories-container-wrapper:before {

        left:47.5%!important

    }

}



@media (max-width: 630px) {

    .category-swiper {

        display:none!important

    }



    .product-swiper .swiper-wrapper {

        min-height: 505px!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-button-next,.ce_rsce_ce3_branchen_product_slider .swiper-button-prev {

        display: block

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-button-prev {

        left: 1%!important;

        transform: translateY(52px)!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-button-prev:after {

        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Gruppe 1152'%3E%3Cg data-name='Gruppe 274' transform='rotate(180 30 30)'%3E%3Ccircle data-name='Ellipse 43' cx='30' cy='30' r='30' fill='%23504c4a' opacity='.747'/%3E%3Cpath data-name='Pfad 274' d='M32.517 19.758a1.254 1.254 0 0 0 0 1.743l7.256 7.269H15.236a1.236 1.236 0 0 0 0 2.472h24.537L32.517 38.5a1.254 1.254 0 0 0 0 1.743 1.254 1.254 0 0 0 1.755 0l9.37-9.37a1.223 1.223 0 0 0 .358-.88 1.262 1.262 0 0 0-.087-.47.847.847 0 0 0-.2-.284l-9.441-9.481a1.254 1.254 0 0 0-1.755 0' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide {

        top: 0!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-button-next {

        right: 10%!important;

        transform: translateY(52px)!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-button-next:after {

        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Gruppe 1150'%3E%3Cg data-name='Gruppe 274'%3E%3Ccircle data-name='Ellipse 43' cx='30' cy='30' r='30' fill='%23504c4a' opacity='.747'/%3E%3Cpath data-name='Pfad 274' d='M32.517 19.758a1.254 1.254 0 0 0 0 1.743l7.256 7.269H15.236a1.236 1.236 0 0 0 0 2.472h24.537L32.517 38.5a1.254 1.254 0 0 0 0 1.743 1.254 1.254 0 0 0 1.755 0l9.37-9.37a1.223 1.223 0 0 0 .358-.88 1.262 1.262 0 0 0-.087-.47.847.847 0 0 0-.2-.284l-9.441-9.481a1.254 1.254 0 0 0-1.755 0' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-top-container {

        background: #009fdf!important;

        min-height: 296px

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-bottom-container {

        min-height: 133px!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-wrapper {

        margin: 0 auto;

        max-width: 302px

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide.swiper-slide-active {

        top: unset!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-productCategory {

        top: -13px!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-product-names {

        position: relative;

        top: -5px

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-ProductImageGallery-image {

        border-radius: 5px!important;

        height: 60px!important;

        width: 60px!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-ProductImageGallery-image.active {

        border: 1px solid #009fdf!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-productImage {

        max-width: unset!important

    }



    .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-productImage img {

        max-height: 307px!important;

        max-width: 265px!important;

        top: 6px!important

    }

}



@media (max-width: 437px) {

    .ce_rsce_ce3_branchen_product_slider .swiper-slide {

        top:0!important

    }

}



@media (max-width: 455px) {

    .category-slider-container .headline-categories-container-wrapper:before {

        left:45.5%!important

    }

}



@media (min-width: 631px) and (max-width:1666px) {

    .ce_rsce_ce3_branchen_product_slider .swiper-button-next,.ce_rsce_ce3_branchen_product_slider .swiper-button-prev {

        display:none!important

    }

}



@media (max-width: 325px) {

    .category-slider-container .headline-categories-container-wrapper:before {

        left:43%!important

    }

}



@media (max-width: 370px) {

    .ce_rsce_ce3_branchen_product_slider .swiper-button-next,.ce_rsce_ce3_branchen_product_slider .swiper-button-prev {

        display:none!important

    }

}



@keyframes slideUp {

    0% {

        top: 62px

    }



    to {

        top: 0

    }

}



#ecosystem,#ecosystem .inside-article {

    margin: 0 auto;

    max-width: 1533px!important

}



#ecosystem .headline-text-container {

    margin: 0 auto 80px;

    max-width: 1052px

}



#ecosystem .ecosystem {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between

}



#ecosystem .ecosystem svg * {

    transition: .65s

}



#ecosystem .ecosystem text {

    cursor: pointer;

    font-family: Neuropol;

    pointer-events: none;

    text-transform: uppercase

}



#ecosystem .ecosystem #ecosystem-rows .ecosystem-row {

    cursor: pointer

}



#ecosystem .ecosystem #ecosystem-rows .ecosystem-row:hover path {

    fill: #009fdf

}



#ecosystem .ecosystem #ecosystem-rows .ecosystem-row:hover path.row-arrow {

    fill: #fff

}



#ecosystem .ecosystem #ecosystem-rows .ecosystem-row:hover text {

    fill: #fff;

    cursor: pointer;

    pointer-events: none;

    text-transform: uppercase

}



#ecosystem .ecosystem #ecosystem-rows .ecosystem-row .ecosystem-extendedRow,#ecosystem .ecosystem #ecosystem-rows .ecosystem-row .row-arrow {

    display: none

}



#ecosystem .ecosystem #ecosystem-rows .ecosystem-row.currentActive .ecosystem-extendedRow,#ecosystem .ecosystem #ecosystem-rows .ecosystem-row.currentActive path:first-child,#ecosystem .ecosystem #ecosystem-rows .ecosystem-row.currentActive path:nth-child(2),#ecosystem .ecosystem #ecosystem-rows .ecosystem-row.currentActive path:nth-child(3) {

    fill: #009fdf

}



#ecosystem .ecosystem #ecosystem-rows .ecosystem-row.currentActive .row-arrow {

    display: block

}



#ecosystem .ecosystem #ecosystem-rows .ecosystem-row.currentActive+text {

    fill: #fff

}



#ecosystem .ecosystem #ecosystem-rows .ecosystem-row.currentActive .ecosystem-extendedRow {

    animation: moveOut .65s ease-in-out;

    display: block

}



#ecosystem .ecosystem #ecosystem-rows .ecosystem-row.currentActive.pulsatingBG {

    animation: pulsatingBG 2.5s ease-in-out;

    z-index: 1

}



#ecosystem .ecosystem .ecosystem-greyBoxes {

    width: 508px

}



#ecosystem .ecosystem .ecosystem-greyBoxes .ecosystem-greyBox {

    background: #f2f2f2;

    box-sizing: border-box;

    display: none;

    min-height: 552px;

    padding: 40px 60px;

    text-align: center

}



@media (min-width: 1551px) {

    #ecosystem .ecosystem .ecosystem-greyBoxes .ecosystem-greyBox {

        height:691px;

        width: 508px

    }

}



#ecosystem .ecosystem .ecosystem-greyBoxes .ecosystem-greyBox.displayBlock {

    display: block

}



#ecosystem .ecosystem .ecosystem-greyBoxes .ecosystem-greyBox .ecosystem-greyBox-image {

    margin: 60px 0

}



#ecosystem .ecosystem .ecosystem-greyBoxes .ecosystem-greyBox .ecosystem-greyBox-image img {

    margin: 0 auto;

    max-height: 156px

}



#ecosystem .ecosystem .ecosystem-greyBoxes .ecosystem-greyBox .h3 {

    font-family: Neuropol;

    font-size: 50px;

    font-weight: 100;

    margin-bottom: 5px;

    text-transform: uppercase

}



#ecosystem .ecosystem-mobile-closingIcon {

    display: none

}



@media (max-width: 1490px) {

    .ecosystem {

        justify-content:center

    }



    .ecosystem .ecosystem-svg {

        margin-bottom: 50px

    }

}



@keyframes moveOut {

    0% {

        width: 0

    }



    20% {

        width: 0

    }



    to {

        width: 434.369px

    }

}



@keyframes pulsatingBG {

    0% {

        opacity: 1

    }



    50% {

        opacity: .5

    }



    to {

        opacity: 1

    }

}



@media (max-width: 1550px) {

    .ecosystem .ecosystem-svg {

        margin:0 auto

    }



    .ecosystem .ecosystem-svg svg {

        margin: 0 auto;

        width: 100%

    }



    .ecosystem .ecosystem-greyBoxes {

        background: rgba(0,0,0,.25);

        bottom: 0;

        box-sizing: border-box;

        display: none;

        height: 100vh;

        left: 0;

        max-width: 100vw!important;

        opacity: 1;

        position: fixed;

        right: 0;

        top: 0;

        width: 100vw!important;

        z-index: 9999

    }



    .ecosystem .ecosystem-greyBoxes.animation__slide-left {

        transform: unset!important

    }



    .ecosystem .ecosystem-greyBoxes .ecosystem-greyBox {

        box-sizing: border-box;

        left: calc(50vw - 226px);

        min-height: unset!important;

        position: absolute;

        top: calc(50vh - 145.5px);

        width: 452px

    }



    .ecosystem .ecosystem-greyBoxes .ecosystem-greyBox .h3 {

        font-size: 22px!important;

        margin-top: 15px!important

    }



    .ecosystem .ecosystem-greyBoxes .ecosystem-greyBox p {

        font-size: 14px!important

    }



    .ecosystem .ecosystem-greyBoxes .ecosystem-greyBox .ecosystem-greyBox-image {

        margin: unset!important

    }



    .ecosystem .ecosystem-greyBoxes .ecosystem-greyBox .ecosystem-greyBox-image img {

        max-height: 42px;

        max-width: 62px

    }



    .ecosystem .ecosystem-greyBoxes .ecosystem-mobile-closingIcon.active {

        display: flex!important;

        justify-content: flex-end;

        margin: 30px

    }

}



@media (max-width: 900px) {

    .ecosystem .ecosystem-svg svg {

        max-height:474px

    }

}



@media (max-width: 675px) {

    .ecosystem .ecosystem-svg svg {

        max-height:347px

    }

}



@media (max-width: 538px) {

    .ce_rsce_ce4_ecosystem .headline-text-container {

        margin:0 auto!important

    }



    .ecosystem .ecosystem-mobile-closingIcon {

        margin: 3px!important

    }



    .ecosystem .ecosystem-svg svg {

        left: -36vw!important;

        max-height: 362px!important;

        min-height: 62px!important;

        min-width: 544px!important;

        position: relative!important

    }



    .ecosystem .ecosystem-greyBox {

        left: calc(50vw - 151px)!important;

        padding: 25px!important;

        top: calc(50vh - 167.5px)!important;

        width: 302px!important

    }

}



@media (max-width: 410px) {

    .ecosystem .ecosystem-svg svg {

        left:-48vw!important

    }

}



@media (max-width: 378px) {

    .ecosystem .ecosystem-svg svg {

        left:-54vw!important

    }

}



@media (max-width: 356px) {

    .ecosystem .ecosystem-svg svg {

        left:-60vw!important

    }

}



@media (max-width: 343px) {

    .ecosystem .ecosystem-svg svg {

        left:-60vw!important;

        max-height: 324px!important

    }

}



@media (max-width: 322px) {

    .ecosystem .ecosystem-svg svg {

        left:-69vw!important

    }

}



@media (max-width: 308px) {

    .ecosystem .ecosystem-svg svg {

        left:-73vw!important

    }

}



#stories .headline-text-container {

    margin: 0 auto 80px;

    max-width: 1052px

}



#stories .inside-article {

    max-width: unset!important;

    width: 100%

}



#stories .stories {

    display: flex;

    margin-bottom: 189px

}



#stories .stories .imageLeft {

    top: 48px

}



#stories .stories .imageMiddle {

    top: 189px

}



#stories .stories .imageLeft,#stories .stories .imageMiddle,#stories .stories .imageRight {

    aspect-ratio: 1;

    height: 100%;

    overflow: hidden;

    position: relative;

    width: 33.3333%

}



#stories .stories .imageLeft .imageLeft-imageContainer,#stories .stories .imageLeft .imageMiddle-imageContainer,#stories .stories .imageLeft .imageRight-imageContainer,#stories .stories .imageMiddle .imageLeft-imageContainer,#stories .stories .imageMiddle .imageMiddle-imageContainer,#stories .stories .imageMiddle .imageRight-imageContainer,#stories .stories .imageRight .imageLeft-imageContainer,#stories .stories .imageRight .imageMiddle-imageContainer,#stories .stories .imageRight .imageRight-imageContainer {

    scale: .833

}



#stories .stories .imageLeft .imageLeft-imageContainer img,#stories .stories .imageLeft .imageMiddle-imageContainer img,#stories .stories .imageLeft .imageRight-imageContainer img,#stories .stories .imageMiddle .imageLeft-imageContainer img,#stories .stories .imageMiddle .imageMiddle-imageContainer img,#stories .stories .imageMiddle .imageRight-imageContainer img,#stories .stories .imageRight .imageLeft-imageContainer img,#stories .stories .imageRight .imageMiddle-imageContainer img,#stories .stories .imageRight .imageRight-imageContainer img {

    max-height: fit-content;

    object-fit: cover;

    width: 100%

}



#stories .stories .imageLeft .imageLeft-contentContainer,#stories .stories .imageLeft .imageMiddle-contentContainer,#stories .stories .imageLeft .imageRight-contentContainer,#stories .stories .imageMiddle .imageLeft-contentContainer,#stories .stories .imageMiddle .imageMiddle-contentContainer,#stories .stories .imageMiddle .imageRight-contentContainer,#stories .stories .imageRight .imageLeft-contentContainer,#stories .stories .imageRight .imageMiddle-contentContainer,#stories .stories .imageRight .imageRight-contentContainer {

    bottom: 60px;

    margin-left: 70px;

    max-width: 75%;

    position: absolute

}



#stories .stories .imageLeft .imageLeft-contentContainer .contentContainer-text,#stories .stories .imageLeft .imageMiddle-contentContainer .contentContainer-text,#stories .stories .imageLeft .imageRight-contentContainer .contentContainer-text,#stories .stories .imageMiddle .imageLeft-contentContainer .contentContainer-text,#stories .stories .imageMiddle .imageMiddle-contentContainer .contentContainer-text,#stories .stories .imageMiddle .imageRight-contentContainer .contentContainer-text,#stories .stories .imageRight .imageLeft-contentContainer .contentContainer-text,#stories .stories .imageRight .imageMiddle-contentContainer .contentContainer-text,#stories .stories .imageRight .imageRight-contentContainer .contentContainer-text {

    color: #fff;

    font-size: 32px;

    text-transform: uppercase

}



#stories .stories .imageLeft .imageLeft-contentContainer .contentContainer-text .h3,#stories .stories .imageLeft .imageMiddle-contentContainer .contentContainer-text .h3,#stories .stories .imageLeft .imageRight-contentContainer .contentContainer-text .h3,#stories .stories .imageMiddle .imageLeft-contentContainer .contentContainer-text .h3,#stories .stories .imageMiddle .imageMiddle-contentContainer .contentContainer-text .h3,#stories .stories .imageMiddle .imageRight-contentContainer .contentContainer-text .h3,#stories .stories .imageRight .imageLeft-contentContainer .contentContainer-text .h3,#stories .stories .imageRight .imageMiddle-contentContainer .contentContainer-text .h3,#stories .stories .imageRight .imageRight-contentContainer .contentContainer-text .h3 {

    margin-bottom: 0!important

}



#stories .stories .imageLeft .imageLeft-contentContainer .contentContainer-text .contentContainer-longText,#stories .stories .imageLeft .imageMiddle-contentContainer .contentContainer-text .contentContainer-longText,#stories .stories .imageLeft .imageRight-contentContainer .contentContainer-text .contentContainer-longText,#stories .stories .imageMiddle .imageLeft-contentContainer .contentContainer-text .contentContainer-longText,#stories .stories .imageMiddle .imageMiddle-contentContainer .contentContainer-text .contentContainer-longText,#stories .stories .imageMiddle .imageRight-contentContainer .contentContainer-text .contentContainer-longText,#stories .stories .imageRight .imageLeft-contentContainer .contentContainer-text .contentContainer-longText,#stories .stories .imageRight .imageMiddle-contentContainer .contentContainer-text .contentContainer-longText,#stories .stories .imageRight .imageRight-contentContainer .contentContainer-text .contentContainer-longText {

    font-size: 16px;

    margin-bottom: 30px!important;

    text-transform: none

}



#stories .stories .contentContainer-button {

    margin-top: 15px

}



#stories .stories .contentContainer-button a {

    background-color: #009fdf;

    border: 2px solid #009fdf;

    border-radius: 1.618em;

    color: #fff;

    display: inline-block;

    outline: none;

    padding: .5em 1.618em;

    text-decoration: none!important;

    text-transform: uppercase;

    transition: background-color .4s

}



#stories .stories .contentContainer-button a:hover {

    background: #fff;

    color: #009fdf

}



#stories .stories-swiper {

    display: none

}



@media (max-width: 1600px) {

    #stories .stories .h3 {

        font-size:26px!important

    }



    #stories .stories .imageLeft-contentContainer,#stories .stories .imageMiddle-contentContainer,#stories .stories .imageRight-contentContainer {

        margin-left: 35px!important;

        max-width: 85%!important

    }

}



@media (max-width: 1350px) {

    #stories .stories .imageLeft .imageLeft-contentContainer,#stories .stories .imageLeft .imageMiddle-contentContainer,#stories .stories .imageLeft .imageRight-contentContainer,#stories .stories .imageMiddle .imageLeft-contentContainer,#stories .stories .imageMiddle .imageMiddle-contentContainer,#stories .stories .imageMiddle .imageRight-contentContainer,#stories .stories .imageRight .imageLeft-contentContainer,#stories .stories .imageRight .imageMiddle-contentContainer,#stories .stories .imageRight .imageRight-contentContainer {

        bottom:25px!important;

        margin-left: 20px!important;

        max-width: 90%!important;

        position: absolute

    }



    #stories .stories .imageLeft .imageLeft-contentContainer .contentContainer-button a,#stories .stories .imageLeft .imageMiddle-contentContainer .contentContainer-button a,#stories .stories .imageLeft .imageRight-contentContainer .contentContainer-button a,#stories .stories .imageMiddle .imageLeft-contentContainer .contentContainer-button a,#stories .stories .imageMiddle .imageMiddle-contentContainer .contentContainer-button a,#stories .stories .imageMiddle .imageRight-contentContainer .contentContainer-button a,#stories .stories .imageRight .imageLeft-contentContainer .contentContainer-button a,#stories .stories .imageRight .imageMiddle-contentContainer .contentContainer-button a,#stories .stories .imageRight .imageRight-contentContainer .contentContainer-button a {

        font-size: 14px!important

    }



    #stories .inside-article {

        margin: 0 auto;

        width: 100%!important

    }



    #stories .h3 {

        font-size: 14px!important

    }

}



@media (max-width: 1215px) {

    #stories .stories .imageLeft,#stories .stories .imageMiddle,#stories .stories .imageRight {

        aspect-ratio:unset!important

    }

}



@media (min-width: 767px) and (max-width:935px) {

    #stories .stories .h3 {

        font-size:21px!important

    }



    #stories .stories .imageLeft .contentContainer-longText,#stories .stories .imageMiddle .contentContainer-longText,#stories .stories .imageRight .contentContainer-longText {

        display: none

    }

}



@media (max-width: 766px) {

    #stories .stories {

        display:none!important

    }



    #stories .headline-text-container {

        margin: 0 auto 65px!important;

        padding: 0 25px!important

    }



    #stories .stories-swiper {

        display: block!important

    }



    #stories .stories-swiper .swiper-wrapper .swiper-slide {

        width: 100%

    }



    #stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper {

        margin: 0 auto;

        max-height: 420px!important;

        max-width: 375px!important

    }



    #stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper img {

        max-height: 420px;

        object-fit: cover;

        width: 100%

    }



    #stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageLeft-contentContainer,#stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageMiddle-contentContainer,#stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageRight-contentContainer {

        bottom: 40px!important;

        margin-left: 30px!important;

        max-width: 333px!important;

        position: absolute

    }



    #stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageLeft-contentContainer .contentContainer-text,#stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageMiddle-contentContainer .contentContainer-text,#stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageRight-contentContainer .contentContainer-text {

        color: #fff;

        font-size: 14px;

        text-transform: uppercase

    }



    #stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageLeft-contentContainer .contentContainer-text .h3,#stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageMiddle-contentContainer .contentContainer-text .h3,#stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageRight-contentContainer .contentContainer-text .h3 {

        margin-bottom: 0!important

    }



    #stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageLeft-contentContainer .contentContainer-text .contentContainer-longText,#stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageMiddle-contentContainer .contentContainer-text .contentContainer-longText,#stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageRight-contentContainer .contentContainer-text .contentContainer-longText {

        text-transform: none!important

    }



    #stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageLeft-contentContainer .contentContainer-button,#stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageMiddle-contentContainer .contentContainer-button,#stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageRight-contentContainer .contentContainer-button {

        margin-top: 15px

    }



    #stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageLeft-contentContainer .contentContainer-button a,#stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageMiddle-contentContainer .contentContainer-button a,#stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageRight-contentContainer .contentContainer-button a {

        background-color: #009fdf;

        border: 2px solid #009fdf;

        border-radius: 1.618em;

        color: #fff;

        display: inline-block;

        font-size: 16px!important;

        outline: none;

        padding: .5em 1.618em;

        text-decoration: none!important;

        text-transform: uppercase;

        transition: background-color .4s

    }



    #stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageLeft-contentContainer .contentContainer-button a:hover,#stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageMiddle-contentContainer .contentContainer-button a:hover,#stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageRight-contentContainer .contentContainer-button a:hover {

        background: #fff;

        color: #009fdf

    }



    #stories .stories-swiper .swiper-pagination {

        bottom: 80px;

        left: unset!important

    }



    #stories .stories-swiper .swiper-pagination .swiper-pagination-bullet {

        background: #009fdf;

        height: 10px;

        margin-right: 15px;

        opacity: 1;

        width: 10px

    }



    #stories .stories-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

        height: 16px;

        position: relative;

        top: 4px;

        width: 16px

    }



    #stories .stories-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {

        animation: pulsate 2.75s ease-in-out infinite;

        background: transparent;

        border: 2px solid #009fdf;

        border-radius: 50%;

        content: "";

        display: block;

        height: 26px;

        left: -7px;

        position: relative;

        top: -7px;

        width: 26px

    }

}



@media (max-width: 351px) {

    #stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageLeft-contentContainer,#stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageMiddle-contentContainer,#stories .stories-swiper .swiper-wrapper .swiper-slide .slide-wrapper .imageRight-contentContainer {

        max-width:90%!important

    }

}



@keyframes pulsate {

    0% {

        opacity: 0

    }



    50% {

        opacity: 1

    }



    to {

        opacity: 0

    }

}



.ce_rsce_ce6_sticky_icons {

    position: fixed;

    right: 41px;

    top: 200px;

    z-index: 999999

}



@media (max-width: 1480px) {

    .ce_rsce_ce6_sticky_icons {

        top:150px

    }

}



@media (max-width: 555px) {

    .ce_rsce_ce6_sticky_icons {

        display:none!important

    }

}



.ce_rsce_ce6_sticky_icons .sticky-icons {

    align-items: end;

    display: flex;

    flex-flow: column

}



.ce_rsce_ce6_sticky_icons .sticky-icons a:not(.sticky-icons__icon--bottom a) {

    align-items: center;

    background: #fff;

    border-radius: 50%;

    box-shadow: 0 8px 8px rgba(0,0,0,.16);

    display: flex;

    height: 83px;

    justify-content: center;

    margin-bottom: 20px;

    width: 83px

}



.ce_rsce_ce6_sticky_icons .sticky-icons a:not(.sticky-icons__icon--bottom a) .sticky-icons__icon--top {

    align-items: center;

    display: flex

}



.ce_rsce_ce6_sticky_icons .sticky-icons .sticky-icons__icon--bottom {

    align-items: center;

    background: #fff;

    border-radius: 50%;

    box-shadow: 0 8px 8px rgba(0,0,0,.16);

    cursor: pointer;

    display: flex;

    height: 83px;

    justify-content: center;

    transition: .2s;

    width: 83px

}



.ce_rsce_ce6_sticky_icons .sticky-icons .sticky-icons__icon--bottom a {

    color: #000!important

}



@media (max-width: 821px) {

    .ce_rsce_ce6_sticky_icons .sticky-icons .sticky-icons__icon--bottom {

        display:none!important

    }

}



.ce_rsce_ce6_sticky_icons .sticky-icons .sticky-icons__icon--bottom.active,.ce_rsce_ce6_sticky_icons .sticky-icons .sticky-icons__icon--bottom:hover {

    background: #eaab00

}



.ce_rsce_ce6_sticky_icons .sticky-icons .sticky-icons__icon--bottom img {

    max-width: 54px

}



.ce_rsce_ce6_sticky_icons .sticky-icons .sticky-icons__icon--bottom .icon--bottom__text {

    background: #eaab00;

    border-radius: 20px;

    box-sizing: border-box;

    color: #000;

    display: none;

    min-height: 340px;

    min-width: 580px;

    padding: 45px 40px;

    position: absolute;

    right: 116px;

    top: 90px

}



.ce_rsce_ce6_sticky_icons .sticky-icons .sticky-icons__icon--bottom .icon--bottom__text:after {

    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48.083' height='48.083'%3E%3Cpath data-name='Rechteck 251' fill='%23eaab00' d='m24.042 0 24.042 24.042-24.042 24.041L0 24.042z'/%3E%3C/svg%3E");

    height: 34px;

    position: absolute;

    right: -10px;

    top: 35px;

    width: 34px

}



.ce_qf_ce_contact .ce_rsce_ce6_sticky_icons .sticky-icons .sticky-icons__icon--bottom .icon--bottom__text .contact-position,.ce_rsce_ce6_sticky_icons .sticky-icons .sticky-icons__icon--bottom .icon--bottom__text .ce_qf_ce_contact .contact-position,.ce_rsce_ce6_sticky_icons .sticky-icons .sticky-icons__icon--bottom .icon--bottom__text h1,.ce_rsce_ce6_sticky_icons .sticky-icons .sticky-icons__icon--bottom .icon--bottom__text h2,.ce_rsce_ce6_sticky_icons .sticky-icons .sticky-icons__icon--bottom .icon--bottom__text h3,.ce_rsce_ce6_sticky_icons .sticky-icons .sticky-icons__icon--bottom .icon--bottom__text h4,.ce_rsce_ce6_sticky_icons .sticky-icons .sticky-icons__icon--bottom .icon--bottom__text h5 {

    font-size: 32px!important;

    margin-bottom: 15px!important

}



.ce_rsce_ce6_sticky_icons .sticky-icons .sticky-icons__icon--bottom .icon--bottom__text a,.ce_rsce_ce6_sticky_icons .sticky-icons .sticky-icons__icon--bottom .icon--bottom__text p {

    font-size: 20px!important

}



#accordion .inside-article {

    max-width: 1596px!important

}



#accordion .inside-article>div {

    margin: 0 auto;

    max-width: 1440px!important

}



#accordion .inside-article .ce_rsce_ce7_accordion {

    margin-top: 90px

}



#accordion .inside-article .accordion-manuals {

    max-width: 1596px!important

}



#accordion .inside-article .accordion-manuals .accordion--item {

    margin-bottom: 10px;

    width: 100%

}



#accordion .inside-article .accordion-manuals .accordion--item.active .accordion--arrow {

    position: relative;

    top: 4px;

    transform: rotate(180deg)

}



#accordion .inside-article .accordion-manuals .accordion--item .accordion--toggler {

    align-items: center;

    background: #f2f2f2;

    border-radius: 15px;

    box-sizing: border-box;

    cursor: pointer;

    display: flex;

    height: 80px;

    justify-content: space-between;

    padding: 0 39px;

    width: 100%

}



#accordion .inside-article .accordion-manuals .accordion--item .accordion--toggler .accordion--headline {

    font-family: Neuropol;

    text-transform: uppercase

}



#accordion .inside-article .accordion-manuals .accordion--item .accordion--content {

    display: none;

    margin: 40px 0 50px;

    padding: 0 39px

}



@media (max-width: 620px) {

    #accordion .inside-article .accordion-manuals .accordion--item .accordion--content {

        padding:0

    }

}



#accordion .inside-article .accordion-manuals .accordion--item .accordion--content .accordion__content--item:not(.accordion__content--item:last-child) {

    margin-bottom: 10px

}



#accordion .inside-article .accordion-manuals .accordion--item .accordion--content a {

    align-items: center;

    background: #f7f7f7;

    border-radius: 15px;

    display: flex;

    height: 80px;

    padding: 0 30px

}



@media (max-width: 620px) {

    #accordion .inside-article .accordion-manuals .accordion--item .accordion--content a {

        justify-content:center;

        padding: 0

    }



    #accordion .inside-article .accordion-manuals .accordion--item .accordion--content a .accordion__content__item--link p {

        font-size: 18px!important

    }

}



#accordion .inside-article .accordion-manuals .accordion--item .accordion--content a .accordion__content__item--arrow {

    margin-right: 20px

}



#accordion .inside-article .accordion-manuals .accordion--item .accordion--content a .accordion__content__item--link p {

    color: #000;

    font-size: 24px

}



#accordion .inside-article .accordion-manuals .accordion--item.active .accordion--toggler {

    background: unset;

    border-bottom: 1px solid #f2f2f2

}



#heroBanner {

    max-height: 700px;

    position: relative;

    top: -151px

}



@media (max-width: 1480px) {

    #heroBanner {

        top:-100px

    }

}



#heroBanner .inside-article {

    min-width: 100%

}



#heroBanner .inside-article .heroBanner {

    max-height: 700px;

    position: relative

}



@media (max-width: 1040px) {

    #heroBanner .inside-article .heroBanner {

        min-height:550px

    }

}



#heroBanner .inside-article .heroBanner .heroBanner--image img {

    max-height: 700px;

    object-fit: cover;

    position: relative;

    width: 100%

}



@media (max-width: 1040px) {

    #heroBanner .inside-article .heroBanner .heroBanner--image img {

        min-height:550px

    }

}



#heroBanner .inside-article .heroBanner .heroBanner--text {

    bottom: 120px;

    color: #fff;

    margin: 0 auto;

    position: absolute;

    width: 100vw

}



@media (max-width: 1040px) {

    #heroBanner .inside-article .heroBanner .heroBanner--text {

        bottom:45px

    }

}



#heroBanner .inside-article .heroBanner .heroBanner--text .ce_qf_ce_contact .contact-position,#heroBanner .inside-article .heroBanner .heroBanner--text h1,#heroBanner .inside-article .heroBanner .heroBanner--text h2,#heroBanner .inside-article .heroBanner .heroBanner--text h3,#heroBanner .inside-article .heroBanner .heroBanner--text h4,#heroBanner .inside-article .heroBanner .heroBanner--text h5,#heroBanner .inside-article .heroBanner .heroBanner--text h6,.ce_qf_ce_contact #heroBanner .inside-article .heroBanner .heroBanner--text .contact-position {

    margin-bottom: 8px!important

}



#heroBanner .inside-article .heroBanner .heroBanner--text .ce_qf_ce_contact .contact-position,#heroBanner .inside-article .heroBanner .heroBanner--text h1,#heroBanner .inside-article .heroBanner .heroBanner--text h2,#heroBanner .inside-article .heroBanner .heroBanner--text h3,#heroBanner .inside-article .heroBanner .heroBanner--text h4,#heroBanner .inside-article .heroBanner .heroBanner--text h5,#heroBanner .inside-article .heroBanner .heroBanner--text h6,#heroBanner .inside-article .heroBanner .heroBanner--text p,.ce_qf_ce_contact #heroBanner .inside-article .heroBanner .heroBanner--text .contact-position {

    margin: 0 auto;

    max-width: 1030px;

    text-align: center;

    width: 100vw

}



@media (max-width: 1040px) {

    #heroBanner .inside-article .heroBanner .heroBanner--text .ce_qf_ce_contact .contact-position,#heroBanner .inside-article .heroBanner .heroBanner--text h1,#heroBanner .inside-article .heroBanner .heroBanner--text h2,#heroBanner .inside-article .heroBanner .heroBanner--text h3,#heroBanner .inside-article .heroBanner .heroBanner--text h4,#heroBanner .inside-article .heroBanner .heroBanner--text h5,#heroBanner .inside-article .heroBanner .heroBanner--text h6,#heroBanner .inside-article .heroBanner .heroBanner--text p,.ce_qf_ce_contact #heroBanner .inside-article .heroBanner .heroBanner--text .contact-position {

        max-width:90%

    }

}



#heroBanner .inside-article .heroBanner .heroBanner--link {

    bottom: -35px;

    margin: 0 auto;

    position: absolute;

    text-align: center;

    width: 100%

}



@media (max-width: 1024px) {

    #heroBanner .inside-article .heroBanner .heroBanner--link {

        bottom:-22px

    }

}



#heroBanner .inside-article .heroBanner .heroBanner--link a {

    align-items: center;

    background: #009fdf;

    border: 2px solid #009fdf;

    border-radius: 49px;

    box-sizing: border-box;

    color: #fff;

    display: flex;

    font-size: 23px;

    justify-content: center;

    margin: 0 auto;

    max-width: 442px;

    min-height: 70px;

    min-width: 347px;

    outline: none;

    padding: .5em 1.618em;

    text-align: center;

    text-decoration: none!important;

    text-transform: uppercase;

    transition: all .4s ease-in-out

}



@media (max-width: 1024px) {

    #heroBanner .inside-article .heroBanner .heroBanner--link a {

        font-size:16px;

        max-width: 314px!important;

        min-height: 40px;

        min-width: 170px;

        padding: .5em 1.118em

    }

}



#heroBanner .inside-article .heroBanner .heroBanner--link a:hover {

    background: #fff;

    color: #009fdf

}



.jobList .jobList--headline {

    margin-bottom: 65px;

    text-align: center

}



.jobList .jobList--list .jobList--listItem {

    align-items: center;

    border-radius: 20px;

    box-sizing: border-box;

    display: flex;

    height: 205px;

    justify-content: space-between;

    margin-bottom: 20px;

    padding: 0 60px;

    width: 100%

}



@media (max-width: 1024px) {

    .jobList .jobList--list .jobList--listItem {

        flex-flow:column;

        height: auto;

        justify-content: center;

        padding: 30px 10px

    }



    .jobList .jobList--list .jobList--listItem .listItem--left {

        margin-bottom: 25px

    }

}



.jobList .jobList--list .jobList--listItem .listItem--left {

    color: #fff

}



.jobList .jobList--list .jobList--listItem .listItem--left .listItemm--left--top h3 {

    text-transform: uppercase

}



.jobList .jobList--list .jobList--listItem .listItem--right a {

    background-color: #fff;

    border: 2px solid #fff;

    border-radius: 1.618em;

    color: #009fdf;

    display: inline-block;

    min-width: 240px;

    outline: none;

    padding: .5em 1.618em;

    text-align: center;

    text-decoration: none!important;

    text-transform: uppercase;

    transition: all .4s ease-in-out

}



@media (max-width: 1024px) {

    .jobList .jobList--list .jobList--listItem .listItem--right a {

        min-width:170px;

        padding: .5em 1.118em

    }

}



.jobList .jobList--list .jobList--listItem .listItem--right a:hover {

    background: #009fdf;

    border: 2px solid #009fdf;

    color: #fff

}



.preSelected--field {

    color: #000;

    margin-right: 0!important;

    pointer-events: none;

    text-transform: uppercase

}



.preSelected--field:after {

    content: "";

    display: none

}



#jobTiles {

    margin-bottom: 100px;

    position: relative

}



#jobTiles:after {

    background: #f2f2f2;

    content: "";

    display: block;

    height: 100%;

    position: absolute;

    top: 310px;

    width: 100vw;

    z-index: -1

}



#jobTiles .jobTiles {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    width: 100%

}



#jobTiles .jobTiles .jobTiles--imageTile {

    border-radius: 20px;

    box-sizing: border-box;

    color: #fff;

    height: 500px;

    margin-bottom: 35px;

    max-height: 500px;

    width: 55%

}



@media (max-width: 880px) {

    #jobTiles .jobTiles .jobTiles--imageTile {

        width:100%!important

    }

}



#jobTiles .jobTiles .jobTiles--imageTile img {

    border-radius: 20px;

    height: 100%;

    object-fit: cover;

    width: 100%

}



#jobTiles .jobTiles .jobTiles--specialContainer {

    width: 42%

}



@media (max-width: 880px) {

    #jobTiles .jobTiles .jobTiles--specialContainer {

        width:100%!important

    }

}



#jobTiles .jobTiles .jobTiles--tile {

    border-radius: 20px;

    box-sizing: border-box;

    margin-bottom: 35px;

    padding: 50px

}



@media (max-width: 880px) {

    #jobTiles .jobTiles .jobTiles--tile {

        width:100%!important

    }

}



#jobTiles .jobTiles .jobTiles--tile.tile-1 {

    align-self: end;

    display: flex;

    width: 42%

}



#jobTiles .jobTiles .jobTiles--tile.tile-2 {

    width: 55%

}



#jobTiles .jobTiles .jobTiles--tile.tile-4 p {

    font-size: 18px

}



@media (max-width: 1190px) {

    #jobTiles .jobTiles .jobTiles--tile {

        min-height:auto;

        width: 100%

    }

}



@media (max-width: 1024px) {

    #jobTiles .jobTiles .jobTiles--tile {

        padding:30px

    }



    #jobTiles .jobTiles .jobTiles--tile a,#jobTiles .jobTiles .jobTiles--tile li,#jobTiles .jobTiles .jobTiles--tile p {

        font-size: 16px!important

    }



    #jobTiles .jobTiles .jobTiles--tile h3 {

        font-size: 32px!important;

        line-height: 38px!important

    }

}



#jobTiles .jobTiles .jobTiles--tile p {

    margin-bottom: 15px!important

}



#jobTiles .jobTiles .jobTiles--tile ul {

    list-style-type: disc;

    padding-left: 22px

}



#jobTiles .jobTiles .jobTiles--tile h3 {

    font-size: 48px;

    margin-bottom: 20px;

    text-transform: uppercase

}



#jobTiles .jobTiles .jobTiles--tile a,#jobTiles .jobTiles .jobTiles--tile li,#jobTiles .jobTiles .jobTiles--tile p,#jobTiles .jobTiles .jobTiles--tile ul {

    font-size: 18px;

    font-weight: lighter;

    text-decoration: none!important

}



#jobTiles .jobTiles .jobTiles--tile a strong,#jobTiles .jobTiles .jobTiles--tile li strong,#jobTiles .jobTiles .jobTiles--tile p strong,#jobTiles .jobTiles .jobTiles--tile ul strong {

    font-weight: 700

}



.ce_text.is--button {

    margin: 0 auto;

    text-align: center

}



.ce_text.is--button a {

    background: #009fdf;

    border: 2px solid #009fdf;

    border-image: initial;

    border-radius: 1.618em;

    color: #fff;

    display: inline-block;

    margin: 0 auto;

    outline: none;

    padding: .5em 1.618em;

    text-decoration: none!important;

    text-transform: uppercase;

    transition: background-color .4s ease 0s;

    width: auto

}



.ce_text.is--button a:hover {

    background: #fff;

    color: #009fdf

}



.ce_rsce_ce12_jobintro {

    margin: 0 auto;

    max-width: 982px;

    text-align: center

}



.ce_rsce_ce12_jobintro .jobIntro--headline h1 {

    margin-bottom: 25px

}



.ce_rsce_ce12_jobintro .jobIntro--subheadline h2 {

    font-size: 18px;

    margin-bottom: 35px

}



.mod_newscategories_cumulativehierarchical {

    box-sizing: border-box;

    padding: 50px 0

}



@media (max-width: 770px) {

    .mod_newscategories_cumulativehierarchical {

        overflow:unset!important

    }

}



.mod_newscategories_cumulativehierarchical .level_1 {

    align-items: center;

    display: flex;

    flex-wrap: wrap;

    justify-content: center

}



.mod_newscategories_cumulativehierarchical .level_1 li {

    background: #e6e6e6;

    border-radius: 25px;

    box-sizing: border-box;

    margin-right: 15px;

    transition: .2s ease-in-out

}



@media (max-width: 770px) {

    .mod_newscategories_cumulativehierarchical .level_1 li {

        margin-bottom:25px

    }

}



.mod_newscategories_cumulativehierarchical .level_1 li span {

    color: grey

}



.mod_newscategories_cumulativehierarchical .level_1 li a,.mod_newscategories_cumulativehierarchical .level_1 li>strong {

    box-sizing: border-box;

    display: block;

    font-size: 18px;

    padding: 12px

}



.mod_newscategories_cumulativehierarchical .level_1 li.active {

    background: #fff;

    box-shadow: 0 3px 12px rgba(0,0,0,.16)

}



.mod_newscategories_cumulativehierarchical .level_1 li.active span {

    color: #009fdf;

    cursor: pointer

}



#Categories {

    padding-bottom: 0!important

}



.mw1596-newslist {

    max-width: 100vw!important;

    position: relative

}



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

    .mw1596-newslist .mod_newslist {

        justify-content:space-between!important

    }

}



.mw1596-newslist:after {

    background: #f2f2f2;

    content: "";

    display: block;

    height: 71%;

    position: absolute;

    top: 350px;

    width: 100vw;

    z-index: -1

}



@media (max-width: 770px) {

    .mw1596-newslist:after {

        top:450px!important

    }

}



.mw1596-newslist .mod_newslist {

    grid-row-gap: unset!important;

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;

    max-width: 1596px;

    padding: 2rem 0

}



.mw1596-newslist .mod_newslist.block {

    overflow: unset!important

}



.mw1596-newslist .mod_newslist .layout_latest {

    background: #fff;

    border-radius: 20px;

    box-shadow: 0 3px 15px rgba(0,0,0,.2);

    box-sizing: border-box;

    margin-bottom: 40px!important;

    margin-right: 19px;

    padding-bottom: 40px;

    width: 32%

}



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

    .mw1596-newslist .mod_newslist .layout_latest {

        padding-bottom:56px;

        width: 31%

    }

}



@media (min-width: 771px) and (max-width:970px) {

    .mw1596-newslist .mod_newslist .layout_latest {

        padding-bottom:130px

    }

}



@media (max-width: 570px) {

    .mw1596-newslist .mod_newslist .layout_latest {

        height:fit-content

    }

}



.mw1596-newslist .mod_newslist .layout_latest figure {

    height: 100%;

    margin: 0 0 20px;

    max-height: 355px

}



.mw1596-newslist .mod_newslist .layout_latest figure img {

    display: block;

    height: 100%;

    max-height: 355px;

    max-width: 100%;

    object-fit: cover;

    object-position: center;

    width: 100%

}



.mw1596-newslist .mod_newslist .layout_latest .metaFields {

    display: flex;

    justify-content: center;

    margin-top: 45px

}



.mw1596-newslist .mod_newslist .layout_latest .metaFields .dot {

    color: #504c4a!important;

    font-size: 16px!important;

    margin: 0 10px

}



.mw1596-newslist .mod_newslist .layout_latest .metaFields .info {

    color: #504c4a!important;

    font-size: 16px!important

}



@media (max-width: 420px) {

    .mw1596-newslist .mod_newslist .layout_latest .metaFields .info {

        font-size:14px!important

    }

}



.mw1596-newslist .mod_newslist .layout_latest .metaFields .categoryName {

    color: #009fdf!important;

    font-size: 16px!important

}



@media (max-width: 420px) {

    .mw1596-newslist .mod_newslist .layout_latest .metaFields .categoryName {

        font-size:14px!important

    }

}



@media (max-width: 550px) {

    .mw1596-newslist .mod_newslist .layout_latest .metaFields.moreThanOneCategory {

        flex-wrap:wrap

    }

}



.mw1596-newslist .mod_newslist .layout_latest .metaFields .categoryName:nth-child(4),.mw1596-newslist .mod_newslist .layout_latest .metaFields .categoryName:nth-child(5),.mw1596-newslist .mod_newslist .layout_latest .metaFields .categoryName:nth-last-child(2) {

    margin-left: 10px

}



.mw1596-newslist .mod_newslist .layout_latest .metaFields p {

    margin-bottom: 0!important

}



.mw1596-newslist .mod_newslist .layout_latest:nth-child(3n) {

    position: relative;

    top: 30px

}



.mw1596-newslist .mod_newslist .layout_latest:nth-child(3n+2) {

    position: relative;

    top: 60px

}



.mw1596-newslist .mod_newslist .layout_latest h2 {

    color: #000;

    font-family: Arial,Sans-serif!important;

    font-size: 24px!important;

    font-weight: 700;

    line-height: 36px!important;

    margin: 15px auto;

    padding: 0 50px;

    text-align: center;

    text-transform: none

}



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

    .mw1596-newslist .mod_newslist .layout_latest h2 {

        padding:0 15px

    }

}



@media (max-width: 420px) {

    .mw1596-newslist .mod_newslist .layout_latest h2 {

        font-size:18px!important;

        line-height: 26px!important

    }

}



.mw1596-newslist .mod_newslist .layout_latest h2 a {

    color: #000;

    font-family: Arial,Sans-serif!important;

    font-size: 24px!important;

    font-weight: 700;

    line-height: 36px!important;

    text-transform: none

}



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

    .mw1596-newslist .mod_newslist .layout_latest h2 a {

        font-size:21px!important

    }

}



@media (max-width: 420px) {

    .mw1596-newslist .mod_newslist .layout_latest h2 a {

        font-size:18px!important;

        line-height: 26px!important

    }

}



.mw1596-newslist .mod_newslist .layout_latest .more {

    margin-top: 25px;

    text-align: center

}



.mw1596-newslist .mod_newslist .layout_latest .more a {

    background: #009fdf;

    border: 2px solid #009fdf;

    border-radius: 1.618em;

    color: #fff;

    display: inline-block;

    margin: 0 auto;

    outline: none;

    padding: .5em 1.618em;

    text-decoration: none!important;

    text-transform: uppercase;

    transition: background-color .4s;

    width: auto

}



.mw1596-newslist .mod_newslist .layout_latest .more a:hover {

    background: #fff;

    color: #009fdf

}



@media (max-width: 1100px) {

    .mw1596-newslist .mod_newslist .layout_latest {

        top:0!important;

        width: 47%!important

    }

}



@media (max-width: 770px) {

    .mw1596-newslist .mod_newslist .layout_latest {

        top:0!important;

        width: 100%!important

    }

}



.mw1596-newslist .mod_newslist .pagination {

    margin-top: 75px;

    overflow: unset!important;

    width: 100%

}



.mw1596-newslist .mod_newslist .pagination p:first-child {

    display: none

}



.mw1596-newslist .mod_newslist .pagination ul {

    align-items: center;

    display: flex;

    justify-content: center;

    width: 100%

}



.mw1596-newslist .mod_newslist .pagination ul li {

    margin-right: 20px

}



@media (max-width: 420px) {

    .mw1596-newslist .mod_newslist .pagination ul li {

        margin-right:10px

    }

}



.mw1596-newslist .mod_newslist .pagination ul li strong {

    align-items: center;

    background: #009fdf;

    border: 2px solid #009fdf;

    border-radius: 25px;

    box-sizing: border-box;

    color: #fff;

    display: flex;

    height: 48px;

    justify-content: center;

    width: 48px

}



@media (max-width: 420px) {

    .mw1596-newslist .mod_newslist .pagination ul li strong {

        height:36px;

        width: 36px

    }

}



.mw1596-newslist .mod_newslist .pagination ul li a:not(.next),.mw1596-newslist .mod_newslist .pagination ul li a:not(.previous) {

    align-items: center;

    border: 2px solid #ccc;

    border-radius: 25px;

    box-sizing: border-box;

    color: #ccc;

    display: flex;

    height: 48px;

    justify-content: center;

    width: 48px

}



@media (max-width: 420px) {

    .mw1596-newslist .mod_newslist .pagination ul li a:not(.next),.mw1596-newslist .mod_newslist .pagination ul li a:not(.previous) {

        height:36px;

        width: 36px

    }

}



.mw1596-newslist .mod_newslist .pagination ul .first,.mw1596-newslist .mod_newslist .pagination ul .last {

    display: none

}



.mw1596-newslist .mod_newslist .pagination ul .next,.mw1596-newslist .mod_newslist .pagination ul .previous {

    align-items: center;

    display: flex;

    height: 50px;

    justify-content: center;

    position: relative

}



.mw1596-newslist .mod_newslist .pagination ul .next:after,.mw1596-newslist .mod_newslist .pagination ul .previous:after {

    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.734' height='21.729'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rechteck 79' fill='%23414141' d='M0 0h12.734v21.729H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Gruppe 400'%3E%3Cg data-name='Gruppe 344'%3E%3Cg data-name='Gruppe 102' clip-path='url(%23a)'%3E%3Cpath data-name='Pfad 256' d='M0 10.838a1.874 1.874 0 0 1 .538-1.3L9.529.55a1.876 1.876 0 0 1 2.657 2.65l-7.667 7.662 7.667 7.666a1.875 1.875 0 0 1-2.652 2.65L.539 12.185A1.873 1.873 0 0 1 0 10.838' fill='%23414141'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    pointer-events: none;

    position: absolute;

    top: 14px

}



.mw1596-newslist .mod_newslist .pagination ul .next a,.mw1596-newslist .mod_newslist .pagination ul .previous a {

    opacity: 0

}



.mw1596-newslist .mod_newslist .pagination ul .next {

    margin-right: 0!important

}



.mw1596-newslist .mod_newslist .pagination ul .next:after {

    top: 5px;

    transform: rotate(180deg)

}



#newsdetail-page {

    padding-top: 0!important

}



@media (max-width: 1610px) {

    #newsdetail-page {

        padding:0 1rem

    }

}



#newsdetail-page .inside-article {

    margin: 0 auto!important;

    max-width: 1596px!important

}



#newsdetail-page .inside-article .mod_newsreader .ce_youtube {

    margin: 45px auto;

    max-width: 640px

}



#newsdetail-page .inside-article .mod_newsreader .newsdetail-header h1 {

    font-family: Arial,Helvetica,sans-serif!important;

    font-size: 48px!important;

    line-height: 56px!important;

    margin-bottom: 29px!important

}



@media (max-width: 1024px) {

    #newsdetail-page .inside-article .mod_newsreader .newsdetail-header h1 {

        font-size:32px!important;

        line-height: 42px!important;

        margin-bottom: 23px!important

    }

}



#newsdetail-page .inside-article .mod_newsreader .newsdetail-header .metaFields {

    display: flex

}



#newsdetail-page .inside-article .mod_newsreader .newsdetail-header .metaFields .categoryName,#newsdetail-page .inside-article .mod_newsreader .newsdetail-header .metaFields .dot,#newsdetail-page .inside-article .mod_newsreader .newsdetail-header .metaFields .info {

    font-size: 16px!important;

    margin-right: 8px!important

}



#newsdetail-page .inside-article .mod_newsreader .newsdetail-header .metaFields .dot,#newsdetail-page .inside-article .mod_newsreader .newsdetail-header .metaFields .info {

    color: #504c4a

}



#newsdetail-page .inside-article .mod_newsreader .newsdetail-header .metaFields .categoryName {

    color: #009fdf

}



#newsdetail-page .inside-article .mod_newsreader ul {

    list-style-type: unset!important;

    padding-left: 25px!important

}



#newsdetail-page .inside-article .mod_newsreader li,#newsdetail-page .inside-article .mod_newsreader p:not(.back) {

    font-size: 18px!important;

    line-height: 38px!important

}



@media (max-width: 1024px) {

    #newsdetail-page .inside-article .mod_newsreader li,#newsdetail-page .inside-article .mod_newsreader p:not(.back) {

        font-size:18px!important;

        line-height: 28px!important

    }

}



#newsdetail-page .inside-article .mod_newsreader .newsdetails .newsdetails-start {

    display: flex;

    justify-content: space-between

}



@media (max-width: 1180px) {

    #newsdetail-page .inside-article .mod_newsreader .newsdetails .newsdetails-start {

        flex-flow:column-reverse

    }

}



#newsdetail-page .inside-article .mod_newsreader .newsdetails .newsdetails-start .newsdetails-teaserText {

    width: 50%

}



@media (max-width: 1180px) {

    #newsdetail-page .inside-article .mod_newsreader .newsdetails .newsdetails-start .newsdetails-teaserText {

        width:100%

    }

}



#newsdetail-page .inside-article .mod_newsreader .newsdetails .newsdetails-start .swiper-container {

    overflow: hidden;

    width: 40%

}



@media (max-width: 1180px) {

    #newsdetail-page .inside-article .mod_newsreader .newsdetails .newsdetails-start .swiper-container {

        margin-bottom:35px;

        width: 100%

    }

}



#newsdetail-page .inside-article .mod_newsreader .newsdetails .newsdetails-start .swiper-container .newsdetails-swiper .slide-wrapper img {

    border-radius: 10px;

    height: 483px;

    object-fit: cover;

    width: 644px

}



@media (max-width: 500px) {

    #newsdetail-page .inside-article .mod_newsreader .newsdetails .newsdetails-start .swiper-container .newsdetails-swiper .slide-wrapper img {

        height:250px;

        width: 100%

    }

}



#newsdetail-page .inside-article .mod_newsreader .newsdetails .newsdetails-start .swiper-container .newsdetails-swiper .swiper-pagination {

    position: unset!important

}



#newsdetail-page .inside-article .mod_newsreader .newsdetails .newsdetails-start .swiper-container .newsdetails-swiper .custom-pagination {

    align-items: center;

    bottom: 40px;

    display: flex;

    justify-content: center;

    position: relative;

    z-index: 10

}



@media (max-width: 1180px) {

    #newsdetail-page .inside-article .mod_newsreader .newsdetails .newsdetails-start .swiper-container .newsdetails-swiper .custom-pagination {

        justify-content:unset;

        left: 179px

    }

}



@media (max-width: 685px) {

    #newsdetail-page .inside-article .mod_newsreader .newsdetails .newsdetails-start .swiper-container .newsdetails-swiper .custom-pagination {

        justify-content:center;

        left: unset

    }

}



#newsdetail-page .inside-article .mod_newsreader .newsdetails .newsdetails-start .swiper-container .newsdetails-swiper .custom-pagination div:not(:last-child) {

    margin-right: 16px

}



#newsdetail-page .inside-article .mod_newsreader .newsdetails .newsdetails-start .swiper-container .newsdetails-swiper .custom-pagination div {

    background: #fff;

    border-radius: 10px;

    box-sizing: border-box

}



#newsdetail-page .inside-article .mod_newsreader .newsdetails .newsdetails-start .swiper-container .newsdetails-swiper .custom-pagination div.active img {

    border: 3px solid #009fdf

}



#newsdetail-page .inside-article .mod_newsreader .newsdetails .newsdetails-start .swiper-container .newsdetails-swiper .custom-pagination div img {

    border-radius: 10px;

    box-sizing: border-box;

    height: 80px;

    object-fit: cover;

    width: 80px

}



#newsdetail-page .inside-article .mod_newsreader .back {

    margin-top: 60px!important

}



.mod_breadcrumb {

    align-items: center;

    background: #f7f7f7;

    display: flex;

    height: 80px

}



@media (max-width: 1610px) {

    .mod_breadcrumb {

        padding:0 1rem

    }

}



.mod_breadcrumb ul {

    margin: 0 auto;

    max-width: 1596px;

    width: 100%

}



.mod_breadcrumb ul li:not(:last-child):after {

    color: #bfbfbf!important;

    content: " > "!important;

    margin: 0 5px

}



.mod_breadcrumb ul li a {

    color: #bfbfbf!important

}



.mod_breadcrumb ul li.active {

    color: grey!important;

    text-decoration: none!important

}



@media (max-width: 1610px) {

    .mod_breadcrumb ul li.active {

        max-width:30ch;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap

    }

}



@media (max-width: 580px) {

    .mod_breadcrumb ul li.active {

        max-width:10ch;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap

    }

}



@media (max-width: 400px) {

    .mod_breadcrumb ul li.active {

        max-width:4ch;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap

    }

}



.page-color-adjustments header .logo {

    filter: invert(48%) sepia(57%) saturate(2700%) hue-rotate(166deg) brightness(93%) contrast(101%)

}



.page-color-adjustments header .mainmenu a,.page-color-adjustments header .mainmenu strong,.page-color-adjustments header .secondarymenu a {

    color: #009fdf!important

}



.page-color-adjustments header .header-right-column .language-nav-toggle {

    color: #009fdf

}



.page-color-adjustments header .header-right-column .language-nav-toggle:after {

    filter: invert(48%) sepia(57%) saturate(2700%) hue-rotate(166deg) brightness(93%) contrast(101%)!important

}



.page-color-adjustments .icon-back .hyperlink_txt {

    color: #009fdf

}



.page-color-adjustments .icon-back .hyperlink_txt:before {

    filter: invert(48%) sepia(57%) saturate(2700%) hue-rotate(166deg) brightness(93%) contrast(101%)

}



.page-my-story .article-back {

    margin-top: -590px;

    padding-bottom: 60px!important

}



.page-my-story .article-my-story {

    overflow: visible;

    padding-top: 0

}



.page-my-story .article-my-story .inside-article {

    grid-gap: 29px;

    display: grid;

    grid-template-columns: repeat(12,1fr);

    grid-template-rows: repeat(10,auto)

}



.page-my-story .article-my-story .inside-article .ce_qf_wrapper {

    position: relative

}



.page-my-story .article-my-story .inside-article .ce_qf_wrapper:before {

    background-color: inherit;

    content: "";

    display: block;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    transform: translateX(-100%);

    width: 50vw

}



.page-my-story .article-my-story .inside-article>div {

    margin-bottom: 0!important;

    position: relative;

    z-index: 10

}



.page-my-story .article-my-story .inside-article>div:first-child {

    grid-column: 1/span 8;

    padding-left: 0

}



.page-my-story .article-my-story .inside-article>div:first-child .text-citation {

    font-size: 36px;

    margin-bottom: 60px!important

}



.page-my-story .article-my-story .inside-article>div:nth-child(2) {

    align-self: center;

    grid-column: 1/span 5;

    grid-row: 2;

    padding-bottom: 110px;

    z-index: 11

}



.page-my-story .article-my-story .inside-article>div:nth-child(3) {

    grid-column: 6/span 6;

    grid-row: 2;

    margin-top: -170px

}



.page-my-story .article-my-story .inside-article>div:nth-child(4) {

    grid-column: 2/span 6;

    grid-row: 3/span 6;

    margin-top: -120px;

    z-index: 12

}



.page-my-story .article-my-story .inside-article>div:nth-child(5) {

    grid-column: 8/span 5;

    grid-row: 3

}



.page-my-story .article-my-story .inside-article>div:nth-child(6) {

    grid-column: 6/span 6;

    grid-row: 4;

    z-index: 13

}



.page-my-story .article-my-story .inside-article>div:nth-child(7) {

    grid-column: 8/span 6;

    grid-row: 5

}



.page-my-story .article-my-story .inside-article>div:nth-child(8) {

    grid-column: 1/span 7;

    grid-row: 9;

    margin-top: -200px;

    padding-left: 0;

    padding-right: 320px;

    padding-top: 250px;

    z-index: 9

}



.page-my-story .article-my-story .inside-article>div:nth-child(9) {

    grid-column: 8/span 5;

    grid-row: 7;

    margin-top: 29px

}



.page-my-story .article-my-story .inside-article>div:nth-child(10) {

    align-self: end;

    grid-column: 9/span 5;

    grid-row: 9/span 2;

    margin-top: 29px;

    overflow: visible;

    position: relative;

    width: 530px;

    z-index: 14

}



.page-my-story .article-my-story .inside-article>div:nth-child(10) h2 {

    margin-bottom: 29px

}



.page-my-story .article-my-story .inside-article>div:nth-child(10) img {

    bottom: -72px;

    left: -460px;

    position: absolute;

    width: 670px

}



.page-my-story .icon-back a {

    color: #fff;

    padding-left: 1.9em;

    position: relative

}



.page-my-story .icon-back a:before {

    background-image: url(/layout/images/icon-arrow-long-left.dc218f05.svg);

    background-position: 0;

    background-repeat: no-repeat;

    background-size: contain;

    content: "";

    display: inline-block;

    filter: invert(100%);

    height: 1.4em;

    left: 0;

    position: absolute;

    top: .1em;

    top: unset;

    width: 1.4em

}



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

    .page-my-story .article-my-story .inside-article>div:nth-child(8) {

        padding-top:200px

    }

}



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

    .page-my-story .article-my-story .inside-article>div:nth-child(2) {

        grid-column-end:span 6

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(3) {

        grid-column-start: 7

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(6) {

        grid-column-end: span 7

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(6).text-citation {

        font-size: 40px

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(10) img {

        left: -430px

    }

}



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

    .page-my-story .article-my-story .inside-article>div:nth-child(3) {

        margin-top:-80px

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(4) {

        grid-column: 1/span 7

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(6).text-citation {

        font-size: 30px

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(8) {

        grid-column-end: span 8;

        padding-right: 29px

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(9) {

        background-color: var(--color-page);

        color: #fff;

        grid-column-end: span 5;

        margin-left: -130px;

        padding: 29px;

        z-index: 15

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(10) {

        grid-column: 1/span 8;

        grid-row: 10;

        width: auto

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(10) img {

        left: auto;

        right: 0;

        transform: translateX(540px)

    }

}



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

    .page-my-story .article-back {

        margin-top:-500px

    }



    .page-my-story .article-my-story .inside-article>div:first-child {

        grid-column-end: span 12

    }



    .page-my-story .article-my-story .inside-article>div:first-child:before {

        left: 50%;

        transform: translateX(-50%);

        width: 130vw;

        z-index: -1

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(6).text-citation {

        font-size: 32px

    }

}



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

    .page-my-story .article-my-story .inside-article>div:nth-child(2) {

        grid-column-end:span 12;

        padding-bottom: 0

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(3) {

        grid-column: 1/span 12;

        grid-row: 3;

        margin-top: 0

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(4) {

        grid-column: 4/span 9;

        grid-row: 5;

        margin-top: 0

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(5) {

        grid-column: 1/span 12;

        grid-row: 4;

        margin-top: 0

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(6) {

        grid-column: 1/span 10;

        grid-row: 6;

        margin-top: -100px

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(7) {

        grid-column-start: 1;

        grid-row: 7

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(8) {

        grid-column-end: span 11;

        grid-row: 8

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(9) {

        background-color: transparent;

        color: #000;

        grid-column: 1/span 12;

        grid-row: 9;

        margin-left: 0;

        padding: 0 0 0 35vw

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(10) {

        grid-column-end: span 12;

        padding-left: 35vw

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(10) img {

        left: -80px;

        right: auto;

        transform: none;

        width: 50vw

    }

}



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

    .page-my-story .article-back {

        margin-top:-350px

    }



    .page-my-story .article-my-story .inside-article>div:first-child .text-citation {

        font-size: 24px

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(4),.page-my-story .article-my-story .inside-article>div:nth-child(6),.page-my-story .article-my-story .inside-article>div:nth-child(7),.page-my-story .article-my-story .inside-article>div:nth-child(8) {

        grid-column: 1/span 12

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(8) {

        margin-top: 0;

        padding-top: 29px

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(8):before {

        left: 50%;

        transform: translateX(-50%);

        width: 100vw;

        z-index: -1

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(9) {

        margin-top: 0;

        padding: 0

    }

}



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

    .page-my-story .article-my-story .inside-article {

        grid-column-gap:0

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(10) {

        padding-left: 0

    }



    .page-my-story .article-my-story .inside-article>div:nth-child(10) img {

        position: static

    }

}



.page-my-story-2 .article-back,.page-my-story-3 .article-back {

    margin-top: -590px;

    padding-bottom: 60px!important

}



.page-my-story-2 .article-my-story,.page-my-story-3 .article-my-story {

    overflow: visible;

    padding-top: 0

}



.page-my-story-2 .article-my-story .inside-article,.page-my-story-3 .article-my-story .inside-article {

    grid-gap: 29px;

    display: grid;

    grid-template-columns: repeat(12,1fr);

    grid-template-rows: repeat(12,auto)

}



.page-my-story-2 .article-my-story .inside-article .ce_qf_wrapper,.page-my-story-3 .article-my-story .inside-article .ce_qf_wrapper {

    position: relative

}



.page-my-story-2 .article-my-story .inside-article .ce_qf_wrapper:before,.page-my-story-3 .article-my-story .inside-article .ce_qf_wrapper:before {

    background-color: inherit;

    content: "";

    display: block;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    transform: translateX(-100%);

    width: 50vw

}



.page-my-story-2 .article-my-story .inside-article>div,.page-my-story-3 .article-my-story .inside-article>div {

    margin-bottom: 0!important;

    position: relative;

    z-index: 10

}



.page-my-story-2 .article-my-story .inside-article>div:first-child,.page-my-story-3 .article-my-story .inside-article>div:first-child {

    grid-column: 1/span 7;

    padding-left: 0

}



.page-my-story-2 .article-my-story .inside-article>div:first-child .text-citation,.page-my-story-3 .article-my-story .inside-article>div:first-child .text-citation {

    font-size: 36px;

    margin-bottom: 60px!important

}



.page-my-story-2 .article-my-story .inside-article>div:nth-child(2),.page-my-story-3 .article-my-story .inside-article>div:nth-child(2) {

    grid-column: 1/span 5;

    grid-row: 2;

    margin-top: 39px;

    z-index: 11

}



.page-my-story-2 .article-my-story .inside-article>div:nth-child(3),.page-my-story-3 .article-my-story .inside-article>div:nth-child(3) {

    grid-column: 6/span 6;

    grid-row: 2;

    margin-top: -270px;

    z-index: 9

}



.page-my-story-2 .article-my-story .inside-article>div:nth-child(4),.page-my-story-3 .article-my-story .inside-article>div:nth-child(4) {

    grid-column: 1/span 5;

    grid-row: 5;

    margin-top: -166px;

    z-index: 12

}



.page-my-story-2 .article-my-story .inside-article>div:nth-child(5),.page-my-story-3 .article-my-story .inside-article>div:nth-child(5) {

    grid-column: 7/11;

    grid-row: 5

}



.page-my-story-2 .article-my-story .inside-article>div:nth-child(6),.page-my-story-3 .article-my-story .inside-article>div:nth-child(6) {

    grid-column: 3/span 5;

    grid-row: 8;

    margin-left: -24px;

    margin-top: -52px;

    max-width: 609px;

    z-index: 13

}



.page-my-story-2 .article-my-story .inside-article>div:nth-child(7),.page-my-story-3 .article-my-story .inside-article>div:nth-child(7) {

    grid-column: 7/span 5;

    grid-row: 8;

    z-index: 14

}



.page-my-story-2 .article-my-story .inside-article>div:nth-child(8),.page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

    grid-column: 9/span 3;

    grid-row: 9;

    margin-top: -160px;

    z-index: 4

}



.page-my-story-2 .article-my-story .inside-article>div:nth-child(9),.page-my-story-3 .article-my-story .inside-article>div:nth-child(9) {

    grid-column: 8/13;

    grid-row: 9;

    margin-left: -28px;

    margin-top: -85px

}



.page-my-story-2 .article-my-story .inside-article>div:nth-child(10),.page-my-story-3 .article-my-story .inside-article>div:nth-child(10) {

    grid-column: 1/span 6;

    grid-row: 10;

    margin-left: -220px;

    margin-top: -239px;

    padding-top: 151px

}



.page-my-story-2 .article-my-story .inside-article>div:nth-child(10) div,.page-my-story-3 .article-my-story .inside-article>div:nth-child(10) div {

    grid-column: 1/span 5

}



.page-my-story-2 .article-my-story .inside-article>div:nth-child(10) p,.page-my-story-3 .article-my-story .inside-article>div:nth-child(10) p {

    grid-column: 1/span 5;

    padding-bottom: 70px;

    padding-top: 100px

}



.page-my-story-2 .article-my-story .inside-article>div:nth-child(11),.page-my-story-3 .article-my-story .inside-article>div:nth-child(11) {

    grid-column: 6/span 5;

    grid-row: 11;

    margin-left: 51px;

    margin-top: -337px;

    max-height: 560px

}



.page-my-story-2 .article-my-story .inside-article>div:nth-child(12),.page-my-story-3 .article-my-story .inside-article>div:nth-child(12) {

    align-self: end;

    grid-column: 7/span 3;

    grid-row: 12;

    margin-top: 50px;

    overflow: visible;

    padding-bottom: 100px;

    position: relative;

    width: 530px;

    z-index: 14

}



.page-my-story-2 .article-my-story .inside-article>div:nth-child(12) h2,.page-my-story-3 .article-my-story .inside-article>div:nth-child(12) h2 {

    margin-bottom: 29px

}



.page-my-story-2 .article-my-story .inside-article>div:nth-child(12) img,.page-my-story-3 .article-my-story .inside-article>div:nth-child(12) img {

    bottom: 156px;

    left: -594px;

    max-width: 500px;

    position: absolute

}



.page-my-story-2 .icon-back a,.page-my-story-3 .icon-back a {

    color: #fff;

    padding-left: 1.9em;

    position: relative

}



.page-my-story-2 .icon-back a:before,.page-my-story-3 .icon-back a:before {

    background-image: url(/layout/images/icon-arrow-long-left.dc218f05.svg);

    background-position: 0;

    background-repeat: no-repeat;

    background-size: contain;

    content: "";

    display: inline-block;

    filter: invert(100%);

    height: 1.4em;

    left: 0;

    position: absolute;

    top: .1em;

    top: unset;

    width: 1.4em

}



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

    .page-my-story-2 .article-my-story .inside-article>div:nth-child(8),.page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

        padding-top:20px

    }

}



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

    .page-my-story-2 .article-my-story .inside-article>div:nth-child(9),.page-my-story-3 .article-my-story .inside-article>div:nth-child(9) {

        margin-left:unset

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(10),.page-my-story-3 .article-my-story .inside-article>div:nth-child(10) {

        grid-column: 1/span 7;

        margin-left: unset

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(11),.page-my-story-3 .article-my-story .inside-article>div:nth-child(11) {

        grid-column: 7/span 4;

        margin-left: 86px;

        margin-top: -337px

    }

}



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

    .page-my-story-2 .article-my-story .inside-article>div:nth-child(2),.page-my-story-3 .article-my-story .inside-article>div:nth-child(2) {

        grid-column-end:span 6

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(3),.page-my-story-3 .article-my-story .inside-article>div:nth-child(3) {

        grid-column: 7/span 6;

        margin-top: -371px

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(4),.page-my-story-3 .article-my-story .inside-article>div:nth-child(4) {

        grid-column: 1/span 6;

        margin-top: -61px

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(5),.page-my-story-3 .article-my-story .inside-article>div:nth-child(5) {

        grid-column: 7/span 4

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(6),.page-my-story-3 .article-my-story .inside-article>div:nth-child(6) {

        grid-column: 2/span 6;

        grid-row: 7;

        margin-top: unset

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(7),.page-my-story-3 .article-my-story .inside-article>div:nth-child(7) {

        grid-row: 7

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(7).text-citation,.page-my-story-3 .article-my-story .inside-article>div:nth-child(7).text-citation {

        font-size: 32px

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(8),.page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

        margin-top: -474px

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(9),.page-my-story-3 .article-my-story .inside-article>div:nth-child(9) {

        margin-top: -378px

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(10),.page-my-story-3 .article-my-story .inside-article>div:nth-child(10) {

        grid-column: 1/span 8;

        margin-left: -59px;

        padding-right: 188px

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(11),.page-my-story-3 .article-my-story .inside-article>div:nth-child(11) {

        grid-column: 8/span 5

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(12),.page-my-story-3 .article-my-story .inside-article>div:nth-child(12) {

        grid-column: 8/span 3

    }



    .page-my-story-2 .article-my-story .inside-article>divimg,.page-my-story-3 .article-my-story .inside-article>divimg {

        left: -570px

    }

}



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

    .page-my-story-2 .article-my-story .inside-article>div:first-child,.page-my-story-3 .article-my-story .inside-article>div:first-child {

        grid-column:1/span 10

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(2),.page-my-story-3 .article-my-story .inside-article>div:nth-child(2) {

        grid-column-end: span 6

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(3),.page-my-story-3 .article-my-story .inside-article>div:nth-child(3) {

        grid-column: 7/span 6;

        margin-top: -165px;

        z-index: 11

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(4),.page-my-story-3 .article-my-story .inside-article>div:nth-child(4) {

        grid-column: 1/span 6

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(5),.page-my-story-3 .article-my-story .inside-article>div:nth-child(5) {

        grid-column: 7/span 4

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(6),.page-my-story-3 .article-my-story .inside-article>div:nth-child(6) {

        margin-top: unset

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(7).text-citation,.page-my-story-3 .article-my-story .inside-article>div:nth-child(7).text-citation {

        font-size: 30px

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(8),.page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

        grid-column: 8/span 5

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(10),.page-my-story-3 .article-my-story .inside-article>div:nth-child(10) {

        color: #fff;

        grid-column-end: span 8;

        margin-top: -162px;

        padding: 85px;

        z-index: 9

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(11),.page-my-story-3 .article-my-story .inside-article>div:nth-child(11) {

        grid-column: 8/span 5;

        margin-left: unset;

        margin-top: -134px;

        width: auto;

        z-index: 15

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(11) img,.page-my-story-3 .article-my-story .inside-article>div:nth-child(11) img {

        left: auto;

        right: 0

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(12),.page-my-story-3 .article-my-story .inside-article>div:nth-child(12) {

        grid-column: 8/span 4

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(12) img,.page-my-story-3 .article-my-story .inside-article>div:nth-child(12) img {

        left: -569px

    }

}



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

    .page-my-story-2 .article-my-story .inside-article>div:nth-child(12),.page-my-story-3 .article-my-story .inside-article>div:nth-child(12) {

        grid-column:2/span 11;

        margin-top: -74px;

        width: unset

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(12) img,.page-my-story-3 .article-my-story .inside-article>div:nth-child(12) img {

        left: -549px;

        position: unset

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(7),.page-my-story-3 .article-my-story .inside-article>div:nth-child(7) {

        grid-column: 6/span 6

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(8),.page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

        margin-top: -444px

    }

}



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

    .page-my-story-2 .article-back,.page-my-story-3 .article-back {

        margin-top:-500px

    }



    .page-my-story-2 .article-my-story .inside-article>div:first-child,.page-my-story-3 .article-my-story .inside-article>div:first-child {

        grid-column-end: span 12

    }



    .page-my-story-2 .article-my-story .inside-article>div:first-child:before,.page-my-story-3 .article-my-story .inside-article>div:first-child:before {

        left: 50%;

        transform: translateX(-50%);

        width: 130vw;

        z-index: -1

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(4),.page-my-story-3 .article-my-story .inside-article>div:nth-child(4) {

        margin-top: -79px

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(7),.page-my-story-3 .article-my-story .inside-article>div:nth-child(7) {

        grid-column: 5/span 7

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(8),.page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

        margin-top: -398px

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(9),.page-my-story-3 .article-my-story .inside-article>div:nth-child(9) {

        margin-top: -332px

    }

}



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

    .page-my-story-2 .article-my-story .inside-article>div:nth-child(7),.page-my-story-3 .article-my-story .inside-article>div:nth-child(7) {

        grid-column:1/span 12;

        grid-row: 6;

        padding-top: 20px;

        text-align: center

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(8),.page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

        grid-column: 8/12;

        margin-top: -640px

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(9),.page-my-story-3 .article-my-story .inside-article>div:nth-child(9) {

        grid-column: 1/span 12;

        margin-top: unset

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(10),.page-my-story-3 .article-my-story .inside-article>div:nth-child(10) {

        grid-row: 10;

        margin-top: unset

    }

}



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

    .page-my-story-2 .article-my-story .inside-article>div:nth-child(2),.page-my-story-3 .article-my-story .inside-article>div:nth-child(2) {

        grid-column-end:12;

        padding-bottom: 0

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(3),.page-my-story-3 .article-my-story .inside-article>div:nth-child(3) {

        grid-column: 1/span 12;

        grid-row: 3;

        margin-top: 0

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(3) img,.page-my-story-3 .article-my-story .inside-article>div:nth-child(3) img {

        width: 100%

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(4),.page-my-story-3 .article-my-story .inside-article>div:nth-child(4) {

        grid-column: 1/span 12;

        grid-row: 5;

        margin-top: 0

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(5),.page-my-story-3 .article-my-story .inside-article>div:nth-child(5) {

        grid-column: 1/12;

        grid-row: 4;

        margin-top: 0

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(6),.page-my-story-3 .article-my-story .inside-article>div:nth-child(6) {

        grid-column: 1/span 12;

        grid-row: 7;

        margin: 60px auto 0

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(7),.page-my-story-3 .article-my-story .inside-article>div:nth-child(7) {

        grid-column: 1/span 12;

        grid-row: 6;

        padding-top: 20px;

        text-align: center

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(8),.page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

        grid-column: 1/span 12;

        grid-row: 7;

        margin-top: unset;

        padding-top: unset;

        text-align: center

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(10),.page-my-story-3 .article-my-story .inside-article>div:nth-child(10) {

        width: 100%

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(10) p,.page-my-story-3 .article-my-story .inside-article>div:nth-child(10) p {

        padding: unset

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(11),.page-my-story-3 .article-my-story .inside-article>div:nth-child(11) {

        grid-column: 2/span 10;

        margin-top: 0

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(11) img,.page-my-story-3 .article-my-story .inside-article>div:nth-child(11) img {

        width: 100vw

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(12),.page-my-story-3 .article-my-story .inside-article>div:nth-child(12) {

        grid-column: 1/span12;

        margin-top: 20px

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(12) img,.page-my-story-3 .article-my-story .inside-article>div:nth-child(12) img {

        margin: 0 auto;

        width: 80%

    }

}



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

    .page-my-story-2 .article-back,.page-my-story-3 .article-back {

        margin-top:-350px

    }



    .page-my-story-2 .article-my-story .inside-article>div:first-child .text-citation,.page-my-story-3 .article-my-story .inside-article>div:first-child .text-citation {

        font-size: 24px

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(4),.page-my-story-2 .article-my-story .inside-article>div:nth-child(6),.page-my-story-2 .article-my-story .inside-article>div:nth-child(7),.page-my-story-2 .article-my-story .inside-article>div:nth-child(8),.page-my-story-3 .article-my-story .inside-article>div:nth-child(4),.page-my-story-3 .article-my-story .inside-article>div:nth-child(6),.page-my-story-3 .article-my-story .inside-article>div:nth-child(7),.page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

        grid-column: 1/span 12

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(8),.page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

        margin-top: 0;

        padding-top: unset

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(8):before,.page-my-story-3 .article-my-story .inside-article>div:nth-child(8):before {

        left: 50%;

        transform: translateX(-50%);

        width: 100vw;

        z-index: -1

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(10),.page-my-story-3 .article-my-story .inside-article>div:nth-child(10) {

        grid-column: 1/span 12;

        margin: 0;

        padding-left: 0;

        padding-right: 48px;

        padding-top: 29px

    }

}



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

    .page-my-story-2 .article-my-story .inside-article,.page-my-story-3 .article-my-story .inside-article {

        grid-column-gap:0

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(11),.page-my-story-3 .article-my-story .inside-article>div:nth-child(11) {

        padding-left: 0

    }



    .page-my-story-2 .article-my-story .inside-article>div:nth-child(11) img,.page-my-story-3 .article-my-story .inside-article>div:nth-child(11) img {

        position: static

    }

}



.page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

    margin-top: -540px

}



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

    .page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

        margin-top:-500px

    }

}



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

    .page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

        margin-top:-44vw

    }

}



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

    .page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

        margin-top:-48vw

    }

}



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

    .page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

        margin-top:-58vw

    }

}



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

    .page-my-story-3 .article-my-story .inside-article>div:nth-child(8) {

        grid-column:1/span 12;

        grid-row: 7;

        margin-top: unset;

        padding-top: unset;

        text-align: center

    }

}



#stage {

    margin-top: 151px

}



@media (max-width: 1480px) {

    #stage {

        margin-top:100px

    }

}



.page-story .article-stories {

    margin-top: -170px;

    z-index: 2

}



.page-story .article-stories .row-image-right {

    align-items: end

}



.page-story .article-stories .row-image-right .ce_qf_wrapper {

    padding-right: calc(var(--grid-column-single)*2)

}



.page-story .article-stories .row-image-right>div:nth-child(2) {

    margin-bottom: 47px;

    margin-left: calc(var(--grid-column-single)*-1)

}



.page-story .article-stories .row-image-left {

    align-items: center

}



.page-story .article-stories .row-image-left>div:nth-child(2) {

    margin-left: calc(var(--grid-column-single)*-1);

    position: relative;

    z-index: 2

}



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

    .page-story .article-stories .row-image-right>div:first-child {

        margin-right:47px;

        position: relative;

        z-index: 2

    }



    .page-story .article-stories .row-image-right>div:first-child .ce_qf_wrapper {

        padding-right: 47px

    }



    .page-story .article-stories .row-image-right>div:nth-child(2) {

        margin-left: 0

    }



    .page-story .article-stories .row-image-right>div:nth-child(2) img {

        margin-left: auto

    }



    .page-story .article-stories .row-image-left {

        align-items: end

    }



    .page-story .article-stories .row-image-left>div:first-child {

        margin-bottom: 47px

    }



    .page-story .article-stories .row-image-left>div:nth-child(2) {

        margin-left: 47px

    }

}



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

    .page-story .article-stories .row {

        grid-row-gap:0

    }



    .page-story .article-stories .row-image-right>div:first-child {

        margin-right: 0

    }



    .page-story .article-stories .row-image-left>div:first-child,.page-story .article-stories .row-image-right>div:nth-child(2) {

        margin-bottom: 0

    }



    .page-story .article-stories .row-image-left>div:nth-child(2) {

        margin-left: 0

    }

}



.page-story .article-history .ce_qf_wrapper {

    position: relative

}



.page-story .article-history .ce_qf_wrapper:first-child {

    max-width: 500px;

    z-index: 100

}



.page-story .article-history .ce_qf_wrapper:nth-child(2) {

    grid-gap: 18px;

    background-color: var(--color-cyan-75);

    display: grid;

    grid-template-columns: repeat(12,1fr);

    margin-left: 246px;

    margin-top: -430px

}



.page-story .article-history .ce_qf_wrapper:nth-child(2) h3 {

    line-height: 1.2em;

    text-align: center

}



.page-story .article-history .ce_qf_wrapper:nth-child(2) h3,.page-story .article-history .ce_qf_wrapper:nth-child(2) h3+.ce_text {

    grid-column: 7/span 6

}



.page-story .article-history .ce_qf_wrapper:nth-child(2) .ce_text {

    grid-column-end: span 4;

    grid-template-rows: auto minmax(2.2em,auto);

    text-align: center;

    text-transform: uppercase

}



.page-story .article-history .ce_qf_wrapper:nth-child(2) .ce_text:before {

    background-position: 50%;

    background-repeat: no-repeat;

    background-size: contain;

    content: "";

    display: block;

    filter: invert(100%);

    height: 150px;

    margin-bottom: 18px;

    margin-left: 10%;

    margin-top: 18px;

    width: 80%

}



.page-story .article-history .ce_qf_wrapper:nth-child(2) .ce_text.elem-employees:before {

    background-image: url(/layout/images/icon-mitarbeiter.6bd1abd0.svg)

}



.page-story .article-history .ce_qf_wrapper:nth-child(2) .ce_text.elem-revenue:before {

    background-image: url(/layout/images/icon-wachstum.ce972357.svg)

}



.page-story .article-history .ce_qf_wrapper:nth-child(2) .ce_text.elem-portfolio:before {

    background-image: url(/layout/images/icon-produkt-portfolio.554a0a00.svg)

}



.page-story .article-history .ce_qf_wrapper:nth-child(2) .ce_text.elem-branches:before {

    background-image: url(/layout/images/icon-tochtergesellschaften.2f0f0c62.svg)

}



.page-story .article-history .ce_qf_wrapper:nth-child(2) .ce_text.elem-factories:before {

    background-image: url(/layout/images/icon-produktionswerke.2f55b176.svg)

}



.page-story .article-history .ce_qf_wrapper:nth-child(2) .ce_text.elem-organisations:before {

    background-image: url(/layout/images/icon-vertrieb.4aea1b45.svg)

}



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

    .page-story .article-history .ce_qf_wrapper:first-child,.page-story .article-history .ce_qf_wrapper:nth-child(2) {

        padding-left:76px;

        padding-right: 76px

    }

}



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

    .page-story .article-history .ce_qf_wrapper:first-child,.page-story .article-history .ce_qf_wrapper:nth-child(2) {

        padding-left:47px;

        padding-right: 47px

    }

}



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

    .page-story .article-history .ce_qf_wrapper:first-child {

        box-sizing:border-box;

        margin-bottom: 0!important;

        max-width: none;

        width: calc(100% - 76px)

    }



    .page-story .article-history .ce_qf_wrapper:nth-child(2) {

        margin-left: 76px;

        margin-top: -47px

    }



    .page-story .article-history .ce_qf_wrapper:nth-child(2) h3 {

        align-self: center;

        grid-column-start: 1

    }

}



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

    .page-story .article-history .ce_qf_wrapper {

        padding-bottom:47px;

        padding-top: 47px

    }

}



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

    .page-story .article-history .ce_qf_wrapper {

        padding-top:76px

    }



    .page-story .article-history .ce_qf_wrapper:nth-child(2) {

        grid-template-columns: 1fr 1fr

    }



    .page-story .article-history .ce_qf_wrapper:nth-child(2) h3 {

        grid-column-end: span 2

    }



    .page-story .article-history .ce_qf_wrapper:nth-child(2) h3+.ce_text {

        grid-column-start: auto

    }



    .page-story .article-history .ce_qf_wrapper:nth-child(2) h3~.ce_text {

        grid-column-end: span 1

    }

}



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

    .page-story .article-history .ce_qf_wrapper {

        padding-top:47px

    }



    .page-story .article-history .ce_qf_wrapper:first-child {

        margin-bottom: 47px!important;

        width: 100%

    }



    .page-story .article-history .ce_qf_wrapper:nth-child(2) {

        grid-template-columns: auto;

        margin-left: 0;

        margin-top: 0

    }



    .page-story .article-history .ce_qf_wrapper:nth-child(2) h3,.page-story .article-history .ce_qf_wrapper:nth-child(2) h3~.ce_text {

        grid-column-end: span 1

    }

}



.page-default-text .table-scrollable {

    overflow: visible

}



.page-default-text .article-news-intro {

    padding-bottom: 29px!important;

    padding-top: 123px!important

}



.page-company-about .intro-box-right .inside-article,.page-company-about .picture-text-in-change .inside-article {

    grid-gap: 29px;

    display: grid;

    grid-template-columns: repeat(12,1fr)

}



.page-company-about .intro-box-right {

    margin-top: -340px

}



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

    .page-company-about .intro-box-right .inside-article {

        width:100%!important

    }

}



.page-company-about .intro-box-right .inside-article .ce_qf_wrapper {

    grid-column: 6/span 7

}



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

    .page-company-about .intro-box-right .inside-article .ce_qf_wrapper {

        grid-column:3/span 10

    }

}



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

    .page-company-about .intro-box-right .inside-article .ce_qf_wrapper {

        grid-column:1/span 12

    }

}



.page-company-about .picture-text-in-change {

    overflow: visible!important

}



.page-company-about .picture-text-in-change .inside-article {

    grid-template-rows: repeat(3,auto)

}



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

    .page-company-about .picture-text-in-change .inside-article {

        display:block

    }

}



.page-company-about .picture-text-in-change .inside-article .ce_text {

    overflow: visible!important

}



.page-company-about .picture-text-in-change .inside-article .ce_qf_wrapper {

    z-index: -1

}



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

    .page-company-about .picture-text-in-change .inside-article .ce_qf_wrapper {

        padding:29px 0

    }

}



.page-company-about .picture-text-in-change .inside-article img {

    width: 100%

}



.page-company-about .picture-text-in-change .inside-article>div h2,.page-company-about .picture-text-in-change .inside-article>div h3,.page-company-about .picture-text-in-change .inside-article>div h4 {

    margin-bottom: 29px

}



.page-company-about .picture-text-in-change .inside-article>div:first-child {

    grid-column: 1/span 5;

    grid-row: 1

}



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

    .page-company-about .picture-text-in-change .inside-article>div:first-child {

        grid-column:1/span 6

    }

}



.page-company-about .picture-text-in-change .inside-article>div:first-child h2,.page-company-about .picture-text-in-change .inside-article>div:first-child h3,.page-company-about .picture-text-in-change .inside-article>div:first-child h4 {

    margin-right: -30px;

    padding-right: 20px

}



.page-company-about .picture-text-in-change .inside-article>div:nth-child(2) {

    grid-column: 7/span 6;

    grid-row: 1

}



.page-company-about .picture-text-in-change .inside-article>div:nth-child(3) {

    grid-column: 2/span 6;

    grid-row: 2

}



.page-company-about .picture-text-in-change .inside-article>div:nth-child(4) {

    grid-column: 9/span 4;

    grid-row: 2

}



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

    .page-company-about .picture-text-in-change .inside-article>div:nth-child(4) {

        grid-column:8/span 5

    }

}



.page-company-about .picture-text-in-change .inside-article>div:nth-child(5) {

    grid-column: 1/span 6;

    grid-row: 3;

    position: relative

}



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

    .page-company-about .picture-text-in-change .inside-article>div:nth-child(5) {

        grid-column:1/span 7

    }

}



@media screen and (min-width: 940px) {

    .page-company-about .picture-text-in-change .inside-article>div:nth-child(5) {

        padding-left:0;

        padding-top: 0

    }

}



.page-company-about .picture-text-in-change .inside-article>div:nth-child(5) .ce_text p {

    padding-right: 76px

}



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

    .page-company-about .picture-text-in-change .inside-article>div:nth-child(5) .ce_text p {

        padding-right:0

    }

}



.page-company-about .picture-text-in-change .inside-article>div:nth-child(5):before {

    background-color: inherit;

    content: "";

    display: block;

    height: 140%;

    position: absolute;

    right: 0;

    top: -33%;

    width: 100vw;

    z-index: -1

}



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

    .page-company-about .picture-text-in-change .inside-article>div:nth-child(5):before {

        height:120%;

        right: -15px;

        top: -20%

    }

}



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

    .page-company-about .picture-text-in-change .inside-article>div:nth-child(5):before {

        height:100%;

        right: -20px;

        top: 0

    }

}



.page-company-about .picture-text-in-change .inside-article>div:nth-child(6) {

    grid-column: 6/span 6;

    grid-row: 3;

    z-index: 1

}



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

    .page-company-about .picture-text-in-change .inside-article>div:nth-child(6) {

        grid-column:7/span 6

    }

}



.page-company-career .article-news-intro .ce_qf_wrapper,.page-supreme .article-news-intro .ce_qf_wrapper {

    max-width: 500px

}



.page-supreme .row-supreme {

    counter-reset: supreme-counter

}



.page-supreme .row-supreme .ce_qf_wrapper:after {

    align-content: center;

    align-items: center;

    border: 1px solid #fff;

    border-radius: 50%;

    content: counter(supreme-counter);

    counter-increment: supreme-counter;

    display: flex;

    font-size: 32px;

    height: 100px;

    justify-content: center;

    left: -5px;

    position: absolute;

    top: -5px;

    width: 100px

}



.page-supreme .row-supreme .ce_qf_wrapper:before {

    background-color: #009fdf;

    content: "";

    display: block;

    height: 152px;

    left: -30px;

    position: absolute;

    top: -30px;

    width: 152px

}



.page-supreme .row-supreme .ce_qf_wrapper {

    padding-top: 134px;

    position: relative

}



.page-supreme .row-supreme .ce_qf_wrapper .ce_text {

    padding-bottom: 30px

}



.page-supreme .row-supreme .ce_qf_wrapper .ce_text h2 {

    font-size: 24px

}



.page-supreme .row-supreme .ce_qf_wrapper .ce_text h2:before {

    content: "";

    display: block;

    filter: invert(100%);

    height: 80px;

    margin-bottom: 29px;

    width: 80px

}



.page-supreme .row-supreme .ce_qf_wrapper[class*=colorblock-] {

    z-index: 2

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-qualifizierung {

    margin-left: -121px;

    margin-right: 121px;

    margin-top: 100px

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-qualifizierung h2:before {

    background-image: url(/layout/images/noun-idea-1022248.ddf5d4ae.svg)

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-recherche {

    margin-bottom: -121px!important;

    margin-top: -61px

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-recherche h2:before {

    background-image: url(/layout/images/noun-search-1026650.32194979.svg)

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-konzept {

    margin-top: 29px

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-konzept h2:before {

    background-image: url(/layout/images/noun-concept-3924139.a0ddfb2a.svg)

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-entwurf {

    margin-bottom: -29px!important;

    margin-top: -29px

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-entwurf h2:before {

    background-image: url(/layout/images/noun-design-2510286.df351c2f.svg)

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-ausarbeitung {

    margin-left: -121px;

    margin-right: -121px

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-ausarbeitung h2:before {

    background-image: url(/layout/images/noun-monitor-4716397.b04c230b.svg)

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-werkzeug {

    margin-bottom: -242px!important;

    margin-right: -121px;

    margin-top: -121px

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-werkzeug h2:before {

    background-image: url(/layout/images/noun-master-manipulator-3243741.3fc85e4b.svg)

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-pruefen {

    margin-bottom: -242px!important;

    margin-top: -121px

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-pruefen:before {

    left: -29px

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-pruefen h2:before {

    background-image: url(/layout/images/noun-check-list-4673753.e9df97b8.svg)

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-freigabe {

    margin-bottom: -121px!important;

    margin-top: -242px

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-freigabe h2:before {

    background-image: url(/layout/images/noun-box-770888.425e1d7f.svg)

}



.page-supreme .row-supreme .ce_qf_wrapper.colorblock-dokumentation h2:before {

    background-image: url(/layout/images/noun-documentation-4077367.50450bca.svg)

}



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

    .page-supreme .row-supreme .ce_qf_wrapper {

        margin-right:0!important

    }



    .page-supreme .row-supreme .ce_qf_wrapper.colorblock-recherche {

        margin-bottom: -29px!important

    }



    .page-supreme .row-supreme .ce_qf_wrapper.colorblock-ausarbeitung {

        margin-left: -29px

    }



    .page-supreme .row-supreme .ce_qf_wrapper.colorblock-werkzeug {

        margin-bottom: -29px!important;

        margin-top: -58px

    }



    .page-supreme .row-supreme .ce_qf_wrapper.colorblock-pruefen {

        margin-bottom: -29px!important

    }



    .page-supreme .row-supreme .ce_qf_wrapper.colorblock-freigabe {

        margin-bottom: 0!important;

        margin-top: 0

    }



    .page-supreme .row-supreme .ce_qf_wrapper.colorblock-dokumentation {

        margin-top: -121px

    }

}



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

    .page-supreme .row-supreme .ce_qf_wrapper.colorblock-pruefen {

        margin-top:-121px

    }



    .page-supreme .row-supreme .ce_qf_wrapper.colorblock-dokumentation {

        margin-top: 0

    }

}



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

    .page-supreme .row-supreme .ce_qf_wrapper.colorblock-konzept,.page-supreme .row-supreme .ce_qf_wrapper.colorblock-qualifizierung {

        margin-left:0;

        margin-top: -121px

    }

}



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

    #main .page-supreme .row-supreme .ce_qf_wrapper {

        margin:0!important

    }

}



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

    .page-supreme .row-supreme .ce_qf_wrapper:before {

        height:100px;

        left: 0;

        top: 0;

        width: 100px

    }



    .page-supreme .row-supreme .ce_qf_wrapper:after {

        height: 70px;

        left: 13px;

        top: 13px;

        width: 70px

    }

}



.page-selection .node_wrapper.inside-article>:not([class=article-popular-products]) {

    padding-bottom: 123px

}



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

    .page-selection .node_wrapper.inside-article>:not([class=article-popular-products]) {

        padding-bottom:47px

    }

}



.page-selection .intro-text {

    max-width: 945px;

    padding: 0 123px 123px

}



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

    .page-selection .intro-text {

        padding:76px

    }

}



@media (max-width: 870px) {

    .page-selection .intro-text {

        padding:0

    }

}



.page-selection .selection-grid-content {

    grid-gap: 29px;

    display: grid;

    grid-template-columns: repeat(12,1fr);

    grid-template-rows: repeat(9,auto)

}



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

    .page-selection .selection-grid-content {

        grid-template-rows:repeat(5,auto);

        margin-bottom: 47px;

        margin-top: 47px

    }

}



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

    .page-selection .selection-grid-content {

        grid-gap:29px 0

    }

}



.page-selection .selection-grid-content>div:first-child {

    grid-column: 2/span 5;

    grid-row: 1/span 6;

    z-index: 12

}



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

    .page-selection .selection-grid-content>div:first-child {

        grid-row:2

    }

}



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

    .page-selection .selection-grid-content>div:first-child {

        grid-column:3/span 8

    }

}



.page-selection .selection-grid-content>div:nth-child(2) {

    grid-column: 8/span 5;

    margin-right: -60px

}



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

    .page-selection .selection-grid-content>div:nth-child(2) {

        margin-right:unset

    }

}



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

    .page-selection .selection-grid-content>div:nth-child(2) {

        grid-column:7/span 6

    }

}



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

    .page-selection .selection-grid-content>div:nth-child(2) {

        grid-column:2/span 10

    }

}



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

    .page-selection .selection-grid-content>div:nth-child(2) {

        grid-column:1/span 12;

        padding-bottom: 29px

    }

}



.page-selection .selection-grid-content>div:nth-child(3) {

    grid-column: 5/span 7;

    grid-row: 3;

    margin-right: 10px;

    z-index: 13

}



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

    .page-selection .selection-grid-content>div:nth-child(3) {

        grid-column:6/span 7;

        margin-right: unset

    }

}



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

    .page-selection .selection-grid-content>div:nth-child(3) {

        grid-column:5/span 8;

        grid-row: 2

    }

}



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

    .page-selection .selection-grid-content>div:nth-child(3) {

        grid-column:1/span 12;

        grid-row: 3;

        text-align: center

    }

}



.page-selection .selection-grid-content>div:nth-child(4) {

    grid-column: 8/span 6;

    grid-row: 4

}



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

    .page-selection .selection-grid-content>div:nth-child(4) {

        grid-column:6/span 6

    }

}



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

    .page-selection .selection-grid-content>div:nth-child(4) {

        grid-row:3

    }

}



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

    .page-selection .selection-grid-content>div:nth-child(4) {

        grid-column:1/span 12;

        grid-row: 4;

        margin-top: -11px;

        text-align: center

    }

}



.page-selection .selection-grid-content>div:nth-child(5) {

    grid-column: 8/span 5;

    grid-row: 6;

    margin-right: -40px

}



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

    .page-selection .selection-grid-content>div:nth-child(5) {

        margin-right:unset

    }

}



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

    .page-selection .selection-grid-content>div:nth-child(5) {

        grid-column:6/span 7

    }

}



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

    .page-selection .selection-grid-content>div:nth-child(5) {

        grid-column:2/span 10;

        grid-row: 5

    }

}



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

    .page-selection .selection-grid-content>div:nth-child(5) {

        grid-column:1/span 12

    }

}



.page-selection .selection-grid-content>div:nth-child(6) {

    grid-column: 1/span 5;

    grid-row: 3/span 4;

    height: 100%;

    margin-top: -27px;

    position: relative;

    z-index: 9

}



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

    .page-selection .selection-grid-content>div:nth-child(6) {

        grid-row:2;

        margin-top: 32px

    }

}



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

    .page-selection .selection-grid-content>div:nth-child(6) {

        grid-column:1/span 8;

        height: 80%;

        margin-top: -12px

    }

}



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

    .page-selection .selection-grid-content>div:nth-child(6) {

        margin-top:-23px

    }

}



.page-selection .selection-grid-content>div:nth-child(6):before {

    background-color: inherit;

    content: "";

    display: block;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    transform: translateX(-100%);

    width: 50vw

}



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

    .page-selection .node_wrapper.node-perfect-solution {

        padding-top:47px

    }

}



.page-selection .node_wrapper.node-perfect-solution .row {

    margin-bottom: 29px

}



.page-selection .node_wrapper.node-perfect-solution .row #one-page-article-selection,.page-selection .node_wrapper.node-perfect-solution .row #one-page-article-supreme {

    overflow: visible

}



.page-selection .selection-grid-contact {

    text-align: center

}



.page-selection .selection-grid-contact>div:nth-child(2) {

    margin: 0 auto;

    max-width: 629px

}



.page-selection .selection-grid-contact>div:nth-child(2),.page-selection .selection-grid-contact>div:nth-child(3) {

    padding-bottom: 47px

}



.page-selection .article-calendly {

    display: block;

    left: 50%;

    margin-bottom: -250px;

    padding-bottom: unset;

    position: relative;

    transform: translateX(-50%);

    width: 100vw

}



.gewinnspiel #container .inside>:first-child {

    padding-top: 60px!important

}



.gewinnspiel header {

    position: static!important

}



.gewinnspiel h1 {

    margin-bottom: 0!important

}



.gewinnspiel nav:not(.gewinnspiel .mod_customnav) {

    display: none!important

}



.gewinnspiel .logo {

    filter: brightness(0) contrast(100%)!important

}



.gewinnspiel .ce_qf_wrapper {

    background-color: #009367!important;

    padding: 0

}



.gewinnspiel .gewinnspiel-header-title h1 {

    font-size: calc(1.3rem + .6vw)!important

}



.gewinnspiel #footer .footer-fifth-column nav ul li .icon-facebook:before,.gewinnspiel #footer .footer-fifth-column nav ul li .icon-insta:before,.gewinnspiel #footer .footer-fifth-column nav ul li .icon-linkedin:before,.gewinnspiel #footer .footer-fifth-column nav ul li .icon-youtube:before {

    filter: brightness(0) contrast(100%)!important

}



.gewinnspiel .footer-fourth-column,.gewinnspiel .footer-second-column,.gewinnspiel .footer-third-column,.gewinnspiel .footer-third-row,.gewinnspiel .goup {

    display: none!important

}



.gewinnspiel #footer,.gewinnspiel #footer a,.gewinnspiel .footer-first-row,.gewinnspiel .footer-fourth-row,.gewinnspiel .footer-second-row {

    background-color: #009367!important;

    color: #000!important

}



.gewinnspiel #ctrl_14 span:last-child:not(.mandatory),.gewinnspiel #ctrl_20 span:last-child:not(.mandatory) {

    display: flex!important

}



.gewinnspiel #ctrl_14 #opt_14_0,.gewinnspiel #ctrl_20 #opt_20_0 {

    height: 30px;

    margin-right: 10px;

    min-width: 30px;

    width: 30px

}



.gewinnspiel #lbl_14_0,.gewinnspiel #lbl_20_0 {

    font-size: .9rem;

    line-height: 1.2rem

}



.gewinnspiel .ce_rsce_ce6_sticky_icons,.gewinnspiel .nav_toggle,.gewinnspiel .sticky_icons {

    display: none

}



.gewinnspiel span.mandatory {

    color: #009fdf

}



.gewinnspiel .widget-checkbox .checkbox_container>span {

    align-items: flex-start;

    display: flex;

    flex-direction: row;

    justify-content: flex-start

}



.gewinnspiel .widget-checkbox>.checkbox_container {

    margin-bottom: 10px

}



.gewinnspiel .widget-checkbox .checkbox_container>span>input {

    height: 14px;

    margin-top: 7px;

    min-width: 40px

}



.gewinnspiel #footer * {

    color: #000!important

}



.gewinnspiel .ce_text,.gewinnspiel .widget-checkbox,.gewinnspiel .widget-submit {

    margin: 0 auto;

    max-width: 1052px

}



.gewinnspiel .widget-submit {

    margin-top: 30px

}



.gewinnspiel #footer .inside {

    margin: 0 auto;

    max-width: 1052px

}



.gewinnspiel #stage {

    margin-top: 0

}



.gewinnspiel .footer-second-row-inside {

    grid-template-columns: 1fr 1fr 1fr

}



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

    .gewinnspiel #footer .footer-second-row {

        padding-bottom:0

    }



    .gewinnspiel #footer .footermenu {

        display: flex;

        justify-content: center

    }

}



.gewinnspiel table,.gewinnspiel table tbody,.gewinnspiel table tbody tr,.gewinnspiel table tbody tr td {

    border: 0

}



.animatioff__indent-left,.animatioff__indent-right,.animatioff__slide-down,.animatioff__stretch-y,.animatioff__zoom-crop,.animation__fade,.animation__slide-down,.animation__slide-left,.animation__slide-right,.animation__slide-up,.animation__squeeze-in,.animation__zoom-crop,.animation__zoom-fill {

    transition: all .8s cubic-bezier(.23,1,.82,1)

}



.animation__fade {

    opacity: 0

}



.animation__fade.js__animate {

    opacity: 1

}



.animation__slide-right {

    transform: translateX(-10vh)

}



.animation__slide-right.js__animate {

    transform: translateX(0)

}



.animation__slide-left {

    transform: translateX(10vh)

}



.animation__slide-left.js__animate {

    transform: translateX(0)

}



.animation__slide-up {

    transform: translateY(10vh)

}



.animation__slide-up.js__animate {

    transform: translateY(0)

}



.animation__slide-up.animation__slide-right {

    transform: translate(-10vh,10vh)

}



.animation__slide-up.animation__slide-right.js__animate {

    transform: translate(0)

}



.animation__slide-up.animation__slide-left {

    transform: translate(10vh,10vh)

}



.animation__slide-up.animation__slide-left.js__animate {

    transform: translate(0)

}



.animation__slide-down {

    transform: translateY(-10vh)

}



.animation__slide-down.js__animate {

    transform: translateY(0)

}



.animation__slide-down.animation__slide-right {

    transform: translate(-10vh,-10vh)

}



.animation__slide-down.animation__slide-right.js__animate {

    transform: translate(0)

}



.animation__slide-down.animation__slide-left {

    transform: translate(10vh,-10vh)

}



.animation__slide-down.animation__slide-left.js__animate {

    transform: translate(0)

}



.animation__zoom-fill {

    transform: scale(.9);

    transform-origin: center

}



.animation__zoom-fill.js__animate {

    transform: scale(1)

}



.animation__zoom-crop {

    transform: scale(1);

    transform-origin: center

}



.animation__zoom-crop.js__animate {

    transform: scale(1.2)

}



.animation__squeeze-in {

    transform: scaleX(0);

    transform-origin: center

}



.animation__squeeze-in.js__animate {

    transform: scaleX(1)

}



.animatioff__indent-right.js__animate_off {

    transform: translateX(5vh)

}



.animatioff__indent-left.js__animate_off {

    transform: translateX(-5vh)

}



.animatioff__slide-down.js__animate_off {

    transform: translateY(3vh)

}



.animatioff__stretch-y.js__animate_off {

    transform: scaleY(1.05)

}



.animatioff__stretch-y.animatioff__indent-right.js__animate_off {

    transform: scaleY(1.1) translateX(5vh)

}



.animatioff__stretch-y.animatioff__indent-left.js__animate_off {

    transform: scaleY(1.1) translateX(-5vh)

}



.animatioff__stretch-y.animatioff__slide-down.js__animate_off {

    transform: scaleY(1.1) translateY(10vh)

}



.animatioff__zoom-crop.js__animate_off {

    transform: scale(1.3);

    transition-duration: 2.2s

}



.article-gallery .inside-article {

    position: relative

}



.article-gallery .animation-case {

    height: 500px;

    left: calc(50% + 720px);

    margin-bottom: 30px!important;

    position: absolute;

    top: 0;

    transform: translateX(-100%);

    width: 500px;

    z-index: 100

}



.article-gallery .animation-case .ce_image {

    position: absolute

}



.article-gallery .animation-case .ce_image,.article-gallery .animation-case .ce_image .image_container,.article-gallery .animation-case .ce_image img {

    height: 100%;

    width: 100%

}



.article-gallery .animation-case .ce_image img {

    object-fit: contain;

    object-position: center bottom

}



.article-gallery .animation-case .ce_image:first-child img {

    margin-left: auto;

    margin-right: auto;

    width: 70%

}



.article-gallery .animation-case .ce_image:nth-child(2) {

    opacity: 0

}



.article-gallery .animation-case.animation-init .ce_image {

    transition: opacity .5s

}



.article-gallery .animation-case.position-bottom {

    bottom: 0;

    position: absolute;

    top: auto

}



.article-gallery .animation-case.position-fixed {

    bottom: 0;

    position: fixed;

    top: auto

}



.article-gallery .animation-case.state-secondary .ce_image:first-child {

    opacity: 0

}



.article-gallery .animation-case.state-secondary .ce_image:nth-child(2) {

    opacity: 1

}



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

    .article-gallery .animation-case {

        left:auto;

        right: 0;

        transform: none

    }



    .article-gallery .animation-case.position-fixed {

        right: 20px

    }

}



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

    .article-gallery .animation-case {

        height:380px;

        width: 380px

    }

}



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

    .article-gallery .animation-case {

        display:none

    }

}



html {

    --grid__columns: 12;

    --grid__gutter: 29px;

    --grid__gutter_large: 47px

}



.row {

    grid-gap: var(--grid__gutter);

    display: grid;

    grid-auto-columns: 1fr;

    grid-template-columns: repeat(var(--grid__columns),1fr)

}



.grid-gutter-large .row,.grid-gutter-large.row {

    grid-gap: var(--grid__gutter_large)

}



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

    .grid-gutter-large .row,.grid-gutter-large.row,.row {

        grid-column-gap:0

    }

}



.row--show {

    background: #f9f9f9;

    padding-top: 18px;

    position: relative;

    z-index: 0

}



.row--show:before {

    background: repeating-linear-gradient(90deg,#f0f0f0 0,#f0f0f0 calc(8.33333% - 26.58333px),#f9f9f9 calc(8.33333% - 26.58333px),#f9f9f9 calc(8.33333% + 2.41667px));

    content: "";

    display: block;

    height: 100%;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    z-index: -1

}



.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {

    grid-column: 1/-1

}



.justify-start {

    justify-self: start

}



.justify-center {

    justify-self: center

}



.justify-end {

    justify-self: end

}



.justify-stretch {

    justify-self: stretch

}



.align-start {

    align-self: start

}



.align-center {

    align-self: center

}



.align-end {

    align-self: end

}



.align-stretch {

    align-self: stretch

}



.col-1 {

    grid-column: span 1/span 1

}



.col-2 {

    grid-column: span 2/span 2

}



.col-3 {

    grid-column: span 3/span 3

}



.col-4 {

    grid-column: span 4/span 4

}



.col-5 {

    grid-column: span 5/span 5

}



.col-6 {

    grid-column: span 6/span 6

}



.col-7 {

    grid-column: span 7/span 7

}



.col-8 {

    grid-column: span 8/span 8

}



.col-9 {

    grid-column: span 9/span 9

}



.col-10 {

    grid-column: span 10/span 10

}



.col-11 {

    grid-column: span 11/span 11

}



.col-12 {

    grid-column: span 12/span 12

}



@media screen and (min-width: 0) {

    .col-xs-1 {

        grid-column:span 1/span 1

    }



    .col-xs-2 {

        grid-column: span 2/span 2

    }



    .col-xs-3 {

        grid-column: span 3/span 3

    }



    .col-xs-4 {

        grid-column: span 4/span 4

    }



    .col-xs-5 {

        grid-column: span 5/span 5

    }



    .col-xs-6 {

        grid-column: span 6/span 6

    }



    .col-xs-7 {

        grid-column: span 7/span 7

    }



    .col-xs-8 {

        grid-column: span 8/span 8

    }



    .col-xs-9 {

        grid-column: span 9/span 9

    }



    .col-xs-10 {

        grid-column: span 10/span 10

    }



    .col-xs-11 {

        grid-column: span 11/span 11

    }



    .col-xs-12 {

        grid-column: span 12/span 12

    }



    .col-start-xs-1 {

        grid-column-start: 1

    }



    .row-start-xs-1 {

        grid-row-start: 1

    }



    .col-start-xs-2 {

        grid-column-start: 2

    }



    .row-start-xs-2 {

        grid-row-start: 2

    }



    .col-start-xs-3 {

        grid-column-start: 3

    }



    .row-start-xs-3 {

        grid-row-start: 3

    }



    .col-start-xs-4 {

        grid-column-start: 4

    }



    .row-start-xs-4 {

        grid-row-start: 4

    }



    .col-start-xs-5 {

        grid-column-start: 5

    }



    .row-start-xs-5 {

        grid-row-start: 5

    }



    .col-start-xs-6 {

        grid-column-start: 6

    }



    .row-start-xs-6 {

        grid-row-start: 6

    }



    .col-start-xs-7 {

        grid-column-start: 7

    }



    .row-start-xs-7 {

        grid-row-start: 7

    }



    .col-start-xs-8 {

        grid-column-start: 8

    }



    .row-start-xs-8 {

        grid-row-start: 8

    }



    .col-start-xs-9 {

        grid-column-start: 9

    }



    .row-start-xs-9 {

        grid-row-start: 9

    }



    .col-start-xs-10 {

        grid-column-start: 10

    }



    .row-start-xs-10 {

        grid-row-start: 10

    }



    .col-start-xs-11 {

        grid-column-start: 11

    }



    .row-start-xs-11 {

        grid-row-start: 11

    }



    .col-start-xs-12 {

        grid-column-start: 12

    }



    .row-start-xs-12 {

        grid-row-start: 12

    }



    .pull-right-xs {

        grid-column-end: -1

    }



    .pull-left-xs {

        grid-column-end: inherit;

        grid-row-start: 1

    }



    .justify-xs-start {

        justify-self: start

    }



    .justify-xs-center {

        justify-self: center

    }



    .justify-xs-end {

        justify-self: end

    }



    .justify-xs-stretch {

        justify-self: stretch

    }



    .align-xs-start {

        align-self: start

    }



    .align-xs-center {

        align-self: center

    }



    .align-xs-end {

        align-self: end

    }



    .align-xs-stretch {

        align-self: stretch

    }

}



@media screen and (min-width: 551px) {

    .col-sm-1 {

        grid-column:span 1/span 1

    }



    .col-sm-2 {

        grid-column: span 2/span 2

    }



    .col-sm-3 {

        grid-column: span 3/span 3

    }



    .col-sm-4 {

        grid-column: span 4/span 4

    }



    .col-sm-5 {

        grid-column: span 5/span 5

    }



    .col-sm-6 {

        grid-column: span 6/span 6

    }



    .col-sm-7 {

        grid-column: span 7/span 7

    }



    .col-sm-8 {

        grid-column: span 8/span 8

    }



    .col-sm-9 {

        grid-column: span 9/span 9

    }



    .col-sm-10 {

        grid-column: span 10/span 10

    }



    .col-sm-11 {

        grid-column: span 11/span 11

    }



    .col-sm-12 {

        grid-column: span 12/span 12

    }



    .col-start-sm-1 {

        grid-column-start: 1

    }



    .row-start-sm-1 {

        grid-row-start: 1

    }



    .col-start-sm-2 {

        grid-column-start: 2

    }



    .row-start-sm-2 {

        grid-row-start: 2

    }



    .col-start-sm-3 {

        grid-column-start: 3

    }



    .row-start-sm-3 {

        grid-row-start: 3

    }



    .col-start-sm-4 {

        grid-column-start: 4

    }



    .row-start-sm-4 {

        grid-row-start: 4

    }



    .col-start-sm-5 {

        grid-column-start: 5

    }



    .row-start-sm-5 {

        grid-row-start: 5

    }



    .col-start-sm-6 {

        grid-column-start: 6

    }



    .row-start-sm-6 {

        grid-row-start: 6

    }



    .col-start-sm-7 {

        grid-column-start: 7

    }



    .row-start-sm-7 {

        grid-row-start: 7

    }



    .col-start-sm-8 {

        grid-column-start: 8

    }



    .row-start-sm-8 {

        grid-row-start: 8

    }



    .col-start-sm-9 {

        grid-column-start: 9

    }



    .row-start-sm-9 {

        grid-row-start: 9

    }



    .col-start-sm-10 {

        grid-column-start: 10

    }



    .row-start-sm-10 {

        grid-row-start: 10

    }



    .col-start-sm-11 {

        grid-column-start: 11

    }



    .row-start-sm-11 {

        grid-row-start: 11

    }



    .col-start-sm-12 {

        grid-column-start: 12

    }



    .row-start-sm-12 {

        grid-row-start: 12

    }



    .pull-right-sm {

        grid-column-end: -1

    }



    .pull-left-sm {

        grid-column-end: inherit;

        grid-row-start: 1

    }



    .justify-sm-start {

        justify-self: start

    }



    .justify-sm-center {

        justify-self: center

    }



    .justify-sm-end {

        justify-self: end

    }



    .justify-sm-stretch {

        justify-self: stretch

    }



    .align-sm-start {

        align-self: start

    }



    .align-sm-center {

        align-self: center

    }



    .align-sm-end {

        align-self: end

    }



    .align-sm-stretch {

        align-self: stretch

    }

}



@media screen and (min-width: 769px) {

    .col-md-1 {

        grid-column:span 1/span 1

    }



    .col-md-2 {

        grid-column: span 2/span 2

    }



    .col-md-3 {

        grid-column: span 3/span 3

    }



    .col-md-4 {

        grid-column: span 4/span 4

    }



    .col-md-5 {

        grid-column: span 5/span 5

    }



    .col-md-6 {

        grid-column: span 6/span 6

    }



    .col-md-7 {

        grid-column: span 7/span 7

    }



    .col-md-8 {

        grid-column: span 8/span 8

    }



    .col-md-9 {

        grid-column: span 9/span 9

    }



    .col-md-10 {

        grid-column: span 10/span 10

    }



    .col-md-11 {

        grid-column: span 11/span 11

    }



    .col-md-12 {

        grid-column: span 12/span 12

    }



    .col-start-md-1 {

        grid-column-start: 1

    }



    .row-start-md-1 {

        grid-row-start: 1

    }



    .col-start-md-2 {

        grid-column-start: 2

    }



    .row-start-md-2 {

        grid-row-start: 2

    }



    .col-start-md-3 {

        grid-column-start: 3

    }



    .row-start-md-3 {

        grid-row-start: 3

    }



    .col-start-md-4 {

        grid-column-start: 4

    }



    .row-start-md-4 {

        grid-row-start: 4

    }



    .col-start-md-5 {

        grid-column-start: 5

    }



    .row-start-md-5 {

        grid-row-start: 5

    }



    .col-start-md-6 {

        grid-column-start: 6

    }



    .row-start-md-6 {

        grid-row-start: 6

    }



    .col-start-md-7 {

        grid-column-start: 7

    }



    .row-start-md-7 {

        grid-row-start: 7

    }



    .col-start-md-8 {

        grid-column-start: 8

    }



    .row-start-md-8 {

        grid-row-start: 8

    }



    .col-start-md-9 {

        grid-column-start: 9

    }



    .row-start-md-9 {

        grid-row-start: 9

    }



    .col-start-md-10 {

        grid-column-start: 10

    }



    .row-start-md-10 {

        grid-row-start: 10

    }



    .col-start-md-11 {

        grid-column-start: 11

    }



    .row-start-md-11 {

        grid-row-start: 11

    }



    .col-start-md-12 {

        grid-column-start: 12

    }



    .row-start-md-12 {

        grid-row-start: 12

    }



    .pull-right-md {

        grid-column-end: -1

    }



    .pull-left-md {

        grid-column-end: inherit;

        grid-row-start: 1

    }



    .justify-md-start {

        justify-self: start

    }



    .justify-md-center {

        justify-self: center

    }



    .justify-md-end {

        justify-self: end

    }



    .justify-md-stretch {

        justify-self: stretch

    }



    .align-md-start {

        align-self: start

    }



    .align-md-center {

        align-self: center

    }



    .align-md-end {

        align-self: end

    }



    .align-md-stretch {

        align-self: stretch

    }

}



@media screen and (min-width: 941px) {

    .col-lg-1 {

        grid-column:span 1/span 1

    }



    .col-lg-2 {

        grid-column: span 2/span 2

    }



    .col-lg-3 {

        grid-column: span 3/span 3

    }



    .col-lg-4 {

        grid-column: span 4/span 4

    }



    .col-lg-5 {

        grid-column: span 5/span 5

    }



    .col-lg-6 {

        grid-column: span 6/span 6

    }



    .col-lg-7 {

        grid-column: span 7/span 7

    }



    .col-lg-8 {

        grid-column: span 8/span 8

    }



    .col-lg-9 {

        grid-column: span 9/span 9

    }



    .col-lg-10 {

        grid-column: span 10/span 10

    }



    .col-lg-11 {

        grid-column: span 11/span 11

    }



    .col-lg-12 {

        grid-column: span 12/span 12

    }



    .col-start-lg-1 {

        grid-column-start: 1

    }



    .row-start-lg-1 {

        grid-row-start: 1

    }



    .col-start-lg-2 {

        grid-column-start: 2

    }



    .row-start-lg-2 {

        grid-row-start: 2

    }



    .col-start-lg-3 {

        grid-column-start: 3

    }



    .row-start-lg-3 {

        grid-row-start: 3

    }



    .col-start-lg-4 {

        grid-column-start: 4

    }



    .row-start-lg-4 {

        grid-row-start: 4

    }



    .col-start-lg-5 {

        grid-column-start: 5

    }



    .row-start-lg-5 {

        grid-row-start: 5

    }



    .col-start-lg-6 {

        grid-column-start: 6

    }



    .row-start-lg-6 {

        grid-row-start: 6

    }



    .col-start-lg-7 {

        grid-column-start: 7

    }



    .row-start-lg-7 {

        grid-row-start: 7

    }



    .col-start-lg-8 {

        grid-column-start: 8

    }



    .row-start-lg-8 {

        grid-row-start: 8

    }



    .col-start-lg-9 {

        grid-column-start: 9

    }



    .row-start-lg-9 {

        grid-row-start: 9

    }



    .col-start-lg-10 {

        grid-column-start: 10

    }



    .row-start-lg-10 {

        grid-row-start: 10

    }



    .col-start-lg-11 {

        grid-column-start: 11

    }



    .row-start-lg-11 {

        grid-row-start: 11

    }



    .col-start-lg-12 {

        grid-column-start: 12

    }



    .row-start-lg-12 {

        grid-row-start: 12

    }



    .pull-right-lg {

        grid-column-end: -1

    }



    .pull-left-lg {

        grid-column-end: inherit;

        grid-row-start: 1

    }



    .justify-lg-start {

        justify-self: start

    }



    .justify-lg-center {

        justify-self: center

    }



    .justify-lg-end {

        justify-self: end

    }



    .justify-lg-stretch {

        justify-self: stretch

    }



    .align-lg-start {

        align-self: start

    }



    .align-lg-center {

        align-self: center

    }



    .align-lg-end {

        align-self: end

    }



    .align-lg-stretch {

        align-self: stretch

    }

}



@media screen and (min-width: 1240px) {

    .col-xl-1 {

        grid-column:span 1/span 1

    }



    .col-xl-2 {

        grid-column: span 2/span 2

    }



    .col-xl-3 {

        grid-column: span 3/span 3

    }



    .col-xl-4 {

        grid-column: span 4/span 4

    }



    .col-xl-5 {

        grid-column: span 5/span 5

    }



    .col-xl-6 {

        grid-column: span 6/span 6

    }



    .col-xl-7 {

        grid-column: span 7/span 7

    }



    .col-xl-8 {

        grid-column: span 8/span 8

    }



    .col-xl-9 {

        grid-column: span 9/span 9

    }



    .col-xl-10 {

        grid-column: span 10/span 10

    }



    .col-xl-11 {

        grid-column: span 11/span 11

    }



    .col-xl-12 {

        grid-column: span 12/span 12

    }



    .col-start-xl-1 {

        grid-column-start: 1

    }



    .row-start-xl-1 {

        grid-row-start: 1

    }



    .col-start-xl-2 {

        grid-column-start: 2

    }



    .row-start-xl-2 {

        grid-row-start: 2

    }



    .col-start-xl-3 {

        grid-column-start: 3

    }



    .row-start-xl-3 {

        grid-row-start: 3

    }



    .col-start-xl-4 {

        grid-column-start: 4

    }



    .row-start-xl-4 {

        grid-row-start: 4

    }



    .col-start-xl-5 {

        grid-column-start: 5

    }



    .row-start-xl-5 {

        grid-row-start: 5

    }



    .col-start-xl-6 {

        grid-column-start: 6

    }



    .row-start-xl-6 {

        grid-row-start: 6

    }



    .col-start-xl-7 {

        grid-column-start: 7

    }



    .row-start-xl-7 {

        grid-row-start: 7

    }



    .col-start-xl-8 {

        grid-column-start: 8

    }



    .row-start-xl-8 {

        grid-row-start: 8

    }



    .col-start-xl-9 {

        grid-column-start: 9

    }



    .row-start-xl-9 {

        grid-row-start: 9

    }



    .col-start-xl-10 {

        grid-column-start: 10

    }



    .row-start-xl-10 {

        grid-row-start: 10

    }



    .col-start-xl-11 {

        grid-column-start: 11

    }



    .row-start-xl-11 {

        grid-row-start: 11

    }



    .col-start-xl-12 {

        grid-column-start: 12

    }



    .row-start-xl-12 {

        grid-row-start: 12

    }



    .pull-right-xl {

        grid-column-end: -1

    }



    .pull-left-xl {

        grid-column-end: inherit;

        grid-row-start: 1

    }



    .justify-xl-start {

        justify-self: start

    }



    .justify-xl-center {

        justify-self: center

    }



    .justify-xl-end {

        justify-self: end

    }



    .justify-xl-stretch {

        justify-self: stretch

    }



    .align-xl-start {

        align-self: start

    }



    .align-xl-center {

        align-self: center

    }



    .align-xl-end {

        align-self: end

    }



    .align-xl-stretch {

        align-self: stretch

    }

}



.col-start-1 {

    grid-column-start: 1

}



.row-start-1 {

    grid-row-start: 1

}



.col-start-2 {

    grid-column-start: 2

}



.row-start-2 {

    grid-row-start: 2

}



.col-start-3 {

    grid-column-start: 3

}



.row-start-3 {

    grid-row-start: 3

}



.col-start-4 {

    grid-column-start: 4

}



.row-start-4 {

    grid-row-start: 4

}



.col-start-5 {

    grid-column-start: 5

}



.row-start-5 {

    grid-row-start: 5

}



.col-start-6 {

    grid-column-start: 6

}



.row-start-6 {

    grid-row-start: 6

}



.col-start-7 {

    grid-column-start: 7

}



.row-start-7 {

    grid-row-start: 7

}



.col-start-8 {

    grid-column-start: 8

}



.row-start-8 {

    grid-row-start: 8

}



.col-start-9 {

    grid-column-start: 9

}



.row-start-9 {

    grid-row-start: 9

}



.col-start-10 {

    grid-column-start: 10

}



.row-start-10 {

    grid-row-start: 10

}



.col-start-11 {

    grid-column-start: 11

}



.row-start-11 {

    grid-row-start: 11

}



.col-start-12 {

    grid-column-start: 12

}



.row-start-12 {

    grid-row-start: 12

}



body.color-theme-cyan {

    --color-page: #009fdf;

    --color-footer: #009fdf

}



body.color-theme-blue {

    --color-page: #0067be;

    --color-footer: #0067be

}



body.color-theme-petrol {

    --color-page: #00788e;

    --color-footer: #00788e

}



body.color-theme-violet {

    --color-page: #65266d;

    --color-footer: #65266d

}



body.color-theme-magenta {

    --color-page: #c70087;

    --color-footer: #c70087

}



body.color-theme-red {

    --color-page: #e00700;

    --color-footer: #e00700

}



body.color-theme-darkorange {

    --color-page: #d45d00;

    --color-footer: #d45d00

}



body.color-theme-yellow {

    --color-page: #eaab00;

    --color-footer: #eaab00

}



body.color-theme-green {

    --color-page: #65a812;

    --color-footer: #65a812

}



body.color-theme-brown {

    --color-page: #623c2c;

    --color-footer: #623c2c

}



.ce_bw_category_teaser .image:after {

    background-color: var(--color-page)

}



.ce_bw_category_teaser.color-theme-cyan .image:after {

    background-color: #009fdf

}



.ce_bw_category_teaser.color-theme-blue .image:after {

    background-color: #0067be

}



.ce_bw_category_teaser.color-theme-petrol .image:after {

    background-color: #00788e

}



.ce_bw_category_teaser.color-theme-violet .image:after {

    background-color: #65266d

}



.ce_bw_category_teaser.color-theme-magenta .image:after {

    background-color: #c70087

}



.ce_bw_category_teaser.color-theme-red .image:after {

    background-color: #e00700

}



.ce_bw_category_teaser.color-theme-darkorange .image:after {

    background-color: #d45d00

}



.ce_bw_category_teaser.color-theme-yellow .image:after {

    background-color: #eaab00

}



.ce_bw_category_teaser.color-theme-green .image:after {

    background-color: #65a812

}



.ce_bw_category_teaser.color-theme-brown .image:after {

    background-color: #623c2c

}



.ce_bw_image_teaser .box {

    background-color: var(--color-page)

}



.ce_bw_image_teaser.color-theme-cyan .box {

    background-color: #009fdf

}



.ce_bw_image_teaser.color-theme-blue .box {

    background-color: #0067be

}



.ce_bw_image_teaser.color-theme-petrol .box {

    background-color: #00788e

}



.ce_bw_image_teaser.color-theme-violet .box {

    background-color: #65266d

}



.ce_bw_image_teaser.color-theme-magenta .box {

    background-color: #c70087

}



.ce_bw_image_teaser.color-theme-red .box {

    background-color: #e00700

}



.ce_bw_image_teaser.color-theme-darkorange .box {

    background-color: #d45d00

}



.ce_bw_image_teaser.color-theme-yellow .box {

    background-color: #eaab00

}



.ce_bw_image_teaser.color-theme-green .box {

    background-color: #65a812

}



.ce_bw_image_teaser.color-theme-brown .box {

    background-color: #623c2c

}



.ce_qf_wrapper {

    background-color: var(--color-page)

}



.ce_qf_wrapper.color-theme-cyan {

    background-color: #009fdf

}



.ce_qf_wrapper.color-theme-blue {

    background-color: #0067be

}



.ce_qf_wrapper.color-theme-petrol {

    background-color: #00788e

}



.ce_qf_wrapper.color-theme-violet {

    background-color: #65266d

}



.ce_qf_wrapper.color-theme-magenta {

    background-color: #c70087

}



.ce_qf_wrapper.color-theme-red {

    background-color: #e00700

}



.ce_qf_wrapper.color-theme-darkorange {

    background-color: #d45d00

}



.ce_qf_wrapper.color-theme-yellow {

    background-color: #eaab00

}



.ce_qf_wrapper.color-theme-green {

    background-color: #65a812

}



.ce_qf_wrapper.color-theme-brown {

    background-color: #623c2c

}



.mod_newslist .layout_latest_custom .box {

    background-color: var(--color-page)

}



.mod_newslist .layout_latest_custom.color-theme-cyan .box {

    background-color: #009fdf

}



.mod_newslist .layout_latest_custom.color-theme-blue .box {

    background-color: #0067be

}



.mod_newslist .layout_latest_custom.color-theme-petrol .box {

    background-color: #00788e

}



.mod_newslist .layout_latest_custom.color-theme-violet .box {

    background-color: #65266d

}



.mod_newslist .layout_latest_custom.color-theme-magenta .box {

    background-color: #c70087

}



.mod_newslist .layout_latest_custom.color-theme-red .box {

    background-color: #e00700

}



.mod_newslist .layout_latest_custom.color-theme-darkorange .box {

    background-color: #d45d00

}



.mod_newslist .layout_latest_custom.color-theme-yellow .box {

    background-color: #eaab00

}



.mod_newslist .layout_latest_custom.color-theme-green .box {

    background-color: #65a812

}



.mod_newslist .layout_latest_custom.color-theme-brown .box {

    background-color: #623c2c

}



.mod_newsreader .layout_full_custom_main.color-theme-cyan .intro {

    background-color: #009fdf

}



.mod_newsreader .layout_full_custom_main.color-theme-blue .intro {

    background-color: #0067be

}



.mod_newsreader .layout_full_custom_main.color-theme-petrol .intro {

    background-color: #00788e

}



.mod_newsreader .layout_full_custom_main.color-theme-violet .intro {

    background-color: #65266d

}



.mod_newsreader .layout_full_custom_main.color-theme-magenta .intro {

    background-color: #c70087

}



.mod_newsreader .layout_full_custom_main.color-theme-red .intro {

    background-color: #e00700

}



.mod_newsreader .layout_full_custom_main.color-theme-darkorange .intro {

    background-color: #d45d00

}



.mod_newsreader .layout_full_custom_main.color-theme-yellow .intro {

    background-color: #eaab00

}



.mod_newsreader .layout_full_custom_main.color-theme-green .intro {

    background-color: #65a812

}



.mod_newsreader .layout_full_custom_main.color-theme-brown .intro {

    background-color: #623c2c

}



.row.row-images-three-cols .ce_image .caption,.row.row-images-two-cols .ce_image .caption {

    background-color: var(--color-page)

}



.row.row-images-three-cols .ce_image div.color-theme-cyan .ce_image .caption,.row.row-images-two-cols .ce_image div.color-theme-cyan .ce_image .caption {

    background-color: #009fdf

}



.row.row-images-three-cols .ce_image div.color-theme-blue .ce_image .caption,.row.row-images-two-cols .ce_image div.color-theme-blue .ce_image .caption {

    background-color: #0067be

}



.row.row-images-three-cols .ce_image div.color-theme-petrol .ce_image .caption,.row.row-images-two-cols .ce_image div.color-theme-petrol .ce_image .caption {

    background-color: #00788e

}



.row.row-images-three-cols .ce_image div.color-theme-violet .ce_image .caption,.row.row-images-two-cols .ce_image div.color-theme-violet .ce_image .caption {

    background-color: #65266d

}



.row.row-images-three-cols .ce_image div.color-theme-magenta .ce_image .caption,.row.row-images-two-cols .ce_image div.color-theme-magenta .ce_image .caption {

    background-color: #c70087

}



.row.row-images-three-cols .ce_image div.color-theme-red .ce_image .caption,.row.row-images-two-cols .ce_image div.color-theme-red .ce_image .caption {

    background-color: #e00700

}



.row.row-images-three-cols .ce_image div.color-theme-darkorange .ce_image .caption,.row.row-images-two-cols .ce_image div.color-theme-darkorange .ce_image .caption {

    background-color: #d45d00

}



.row.row-images-three-cols .ce_image div.color-theme-yellow .ce_image .caption,.row.row-images-two-cols .ce_image div.color-theme-yellow .ce_image .caption {

    background-color: #eaab00

}



.row.row-images-three-cols .ce_image div.color-theme-green .ce_image .caption,.row.row-images-two-cols .ce_image div.color-theme-green .ce_image .caption {

    background-color: #65a812

}



.row.row-images-three-cols .ce_image div.color-theme-brown .ce_image .caption,.row.row-images-two-cols .ce_image div.color-theme-brown .ce_image .caption {

    background-color: #623c2c

}



.ce_qf_image_wrapper_start .ce_image.color-theme-cyan .caption {

    background-color: #009fdf

}



.ce_qf_image_wrapper_start .ce_image.color-theme-blue .caption {

    background-color: #0067be

}



.ce_qf_image_wrapper_start .ce_image.color-theme-petrol .caption {

    background-color: #00788e

}



.ce_qf_image_wrapper_start .ce_image.color-theme-violet .caption {

    background-color: #65266d

}



.ce_qf_image_wrapper_start .ce_image.color-theme-magenta .caption {

    background-color: #c70087

}



.ce_qf_image_wrapper_start .ce_image.color-theme-red .caption {

    background-color: #e00700

}



.ce_qf_image_wrapper_start .ce_image.color-theme-darkorange .caption {

    background-color: #d45d00

}



.ce_qf_image_wrapper_start .ce_image.color-theme-yellow .caption {

    background-color: #eaab00

}



.ce_qf_image_wrapper_start .ce_image.color-theme-green .caption {

    background-color: #65a812

}



.ce_qf_image_wrapper_start .ce_image.color-theme-brown .caption {

    background-color: #623c2c

}



.ce_vimeo.has-caption.color-theme-cyan .caption,.ce_vimeo.has-caption.color-theme-cyan .caption:after,.ce_youtube.has-caption.color-theme-cyan .caption,.ce_youtube.has-caption.color-theme-cyan .caption:after {

    background-color: #009fdf

}



.ce_vimeo.has-caption.color-theme-blue .caption,.ce_vimeo.has-caption.color-theme-blue .caption:after,.ce_youtube.has-caption.color-theme-blue .caption,.ce_youtube.has-caption.color-theme-blue .caption:after {

    background-color: #0067be

}



.ce_vimeo.has-caption.color-theme-petrol .caption,.ce_vimeo.has-caption.color-theme-petrol .caption:after,.ce_youtube.has-caption.color-theme-petrol .caption,.ce_youtube.has-caption.color-theme-petrol .caption:after {

    background-color: #00788e

}



.ce_vimeo.has-caption.color-theme-violet .caption,.ce_vimeo.has-caption.color-theme-violet .caption:after,.ce_youtube.has-caption.color-theme-violet .caption,.ce_youtube.has-caption.color-theme-violet .caption:after {

    background-color: #65266d

}



.ce_vimeo.has-caption.color-theme-magenta .caption,.ce_vimeo.has-caption.color-theme-magenta .caption:after,.ce_youtube.has-caption.color-theme-magenta .caption,.ce_youtube.has-caption.color-theme-magenta .caption:after {

    background-color: #c70087

}



.ce_vimeo.has-caption.color-theme-red .caption,.ce_vimeo.has-caption.color-theme-red .caption:after,.ce_youtube.has-caption.color-theme-red .caption,.ce_youtube.has-caption.color-theme-red .caption:after {

    background-color: #e00700

}



.ce_vimeo.has-caption.color-theme-darkorange .caption,.ce_vimeo.has-caption.color-theme-darkorange .caption:after,.ce_youtube.has-caption.color-theme-darkorange .caption,.ce_youtube.has-caption.color-theme-darkorange .caption:after {

    background-color: #d45d00

}



.ce_vimeo.has-caption.color-theme-yellow .caption,.ce_vimeo.has-caption.color-theme-yellow .caption:after,.ce_youtube.has-caption.color-theme-yellow .caption,.ce_youtube.has-caption.color-theme-yellow .caption:after {

    background-color: #eaab00

}



.ce_vimeo.has-caption.color-theme-green .caption,.ce_vimeo.has-caption.color-theme-green .caption:after,.ce_youtube.has-caption.color-theme-green .caption,.ce_youtube.has-caption.color-theme-green .caption:after {

    background-color: #65a812

}



.ce_vimeo.has-caption.color-theme-brown .caption,.ce_vimeo.has-caption.color-theme-brown .caption:after,.ce_youtube.has-caption.color-theme-brown .caption,.ce_youtube.has-caption.color-theme-brown .caption:after {

    background-color: #623c2c

}



:root div.color-theme-magenta {

    --button-border-secondary-color: #fff

}



:root div.color-theme-cyan {

    --button-border-color: #fff

}



.mod_bw_product_reader .color-theme-cyan {

    background-color: #009fdf

}



.mod_bw_product_reader .color-theme-cyan.opacity-0 {

    background-color: transparent

}



.mod_bw_product_reader .color-theme-cyan.opacity-25 {

    background-color: var(--color-cyan-25)

}



.mod_bw_product_reader .color-theme-cyan.opacity-50 {

    background-color: var(--color-cyan-50)

}



.mod_bw_product_reader .color-theme-cyan.opacity-75 {

    background-color: var(--color-cyan-75)

}



.mod_bw_product_reader .color-theme-blue {

    background-color: #0067be

}



.mod_bw_product_reader .color-theme-blue.opacity-0 {

    background-color: transparent

}



.mod_bw_product_reader .color-theme-blue.opacity-25 {

    background-color: var(--color-blue-25)

}



.mod_bw_product_reader .color-theme-blue.opacity-50 {

    background-color: var(--color-blue-50)

}



.mod_bw_product_reader .color-theme-blue.opacity-75 {

    background-color: var(--color-blue-75)

}



.mod_bw_product_reader .color-theme-petrol {

    background-color: #00788e

}



.mod_bw_product_reader .color-theme-petrol.opacity-0 {

    background-color: transparent

}



.mod_bw_product_reader .color-theme-petrol.opacity-25 {

    background-color: var(--color-petrol-25)

}



.mod_bw_product_reader .color-theme-petrol.opacity-50 {

    background-color: var(--color-petrol-50)

}



.mod_bw_product_reader .color-theme-petrol.opacity-75 {

    background-color: var(--color-petrol-75)

}



.mod_bw_product_reader .color-theme-violet {

    background-color: #65266d

}



.mod_bw_product_reader .color-theme-violet.opacity-0 {

    background-color: transparent

}



.mod_bw_product_reader .color-theme-violet.opacity-25 {

    background-color: var(--color-violet-25)

}



.mod_bw_product_reader .color-theme-violet.opacity-50 {

    background-color: var(--color-violet-50)

}



.mod_bw_product_reader .color-theme-violet.opacity-75 {

    background-color: var(--color-violet-75)

}



.mod_bw_product_reader .color-theme-magenta {

    background-color: #c70087

}



.mod_bw_product_reader .color-theme-magenta.opacity-0 {

    background-color: transparent

}



.mod_bw_product_reader .color-theme-magenta.opacity-25 {

    background-color: var(--color-magenta-25)

}



.mod_bw_product_reader .color-theme-magenta.opacity-50 {

    background-color: var(--color-magenta-50)

}



.mod_bw_product_reader .color-theme-magenta.opacity-75 {

    background-color: var(--color-magenta-75)

}



.mod_bw_product_reader .color-theme-red {

    background-color: #e00700

}



.mod_bw_product_reader .color-theme-red.opacity-0 {

    background-color: transparent

}



.mod_bw_product_reader .color-theme-red.opacity-25 {

    background-color: var(--color-red-25)

}



.mod_bw_product_reader .color-theme-red.opacity-50 {

    background-color: var(--color-red-50)

}



.mod_bw_product_reader .color-theme-red.opacity-75 {

    background-color: var(--color-red-75)

}



.mod_bw_product_reader .color-theme-darkorange {

    background-color: #d45d00

}



.mod_bw_product_reader .color-theme-darkorange.opacity-0 {

    background-color: transparent

}



.mod_bw_product_reader .color-theme-darkorange.opacity-25 {

    background-color: var(--color-darkorange-25)

}



.mod_bw_product_reader .color-theme-darkorange.opacity-50 {

    background-color: var(--color-darkorange-50)

}



.mod_bw_product_reader .color-theme-darkorange.opacity-75 {

    background-color: var(--color-darkorange-75)

}



.mod_bw_product_reader .color-theme-yellow {

    background-color: #eaab00

}



.mod_bw_product_reader .color-theme-yellow.opacity-0 {

    background-color: transparent

}



.mod_bw_product_reader .color-theme-yellow.opacity-25 {

    background-color: var(--color-yellow-25)

}



.mod_bw_product_reader .color-theme-yellow.opacity-50 {

    background-color: var(--color-yellow-50)

}



.mod_bw_product_reader .color-theme-yellow.opacity-75 {

    background-color: var(--color-yellow-75)

}



.mod_bw_product_reader .color-theme-green {

    background-color: #65a812

}



.mod_bw_product_reader .color-theme-green.opacity-0 {

    background-color: transparent

}



.mod_bw_product_reader .color-theme-green.opacity-25 {

    background-color: var(--color-green-25)

}



.mod_bw_product_reader .color-theme-green.opacity-50 {

    background-color: var(--color-green-50)

}



.mod_bw_product_reader .color-theme-green.opacity-75 {

    background-color: var(--color-green-75)

}



.mod_bw_product_reader .color-theme-brown {

    background-color: #623c2c

}



.mod_bw_product_reader .color-theme-brown.opacity-0 {

    background-color: transparent

}



.mod_bw_product_reader .color-theme-brown.opacity-25 {

    background-color: var(--color-brown-25)

}



.mod_bw_product_reader .color-theme-brown.opacity-50 {

    background-color: var(--color-brown-50)

}



.mod_bw_product_reader .color-theme-brown.opacity-75 {

    background-color: var(--color-brown-75)

}



.ce_qf_slider .qf-slider-element .left.color-theme-cyan:after,.ce_qf_slider .qf-slider-element .right.color-theme-cyan:after {

    background-color: #009fdf

}



.ce_qf_slider .qf-slider-element .left.color-theme-cyan.opacity-0:after,.ce_qf_slider .qf-slider-element .right.color-theme-cyan.opacity-0:after {

    background-color: transparent

}



.ce_qf_slider .qf-slider-element .left.color-theme-cyan.opacity-25:after,.ce_qf_slider .qf-slider-element .right.color-theme-cyan.opacity-25:after {

    background-color: var(--color-cyan-25)

}



.ce_qf_slider .qf-slider-element .left.color-theme-cyan.opacity-50:after,.ce_qf_slider .qf-slider-element .right.color-theme-cyan.opacity-50:after {

    background-color: var(--color-cyan-50)

}



.ce_qf_slider .qf-slider-element .left.color-theme-cyan.opacity-75:after,.ce_qf_slider .qf-slider-element .right.color-theme-cyan.opacity-75:after {

    background-color: var(--color-cyan-75)

}



.ce_qf_slider .qf-slider-element .left.color-theme-blue:after,.ce_qf_slider .qf-slider-element .right.color-theme-blue:after {

    background-color: #0067be

}



.ce_qf_slider .qf-slider-element .left.color-theme-blue.opacity-0:after,.ce_qf_slider .qf-slider-element .right.color-theme-blue.opacity-0:after {

    background-color: transparent

}



.ce_qf_slider .qf-slider-element .left.color-theme-blue.opacity-25:after,.ce_qf_slider .qf-slider-element .right.color-theme-blue.opacity-25:after {

    background-color: var(--color-blue-25)

}



.ce_qf_slider .qf-slider-element .left.color-theme-blue.opacity-50:after,.ce_qf_slider .qf-slider-element .right.color-theme-blue.opacity-50:after {

    background-color: var(--color-blue-50)

}



.ce_qf_slider .qf-slider-element .left.color-theme-blue.opacity-75:after,.ce_qf_slider .qf-slider-element .right.color-theme-blue.opacity-75:after {

    background-color: var(--color-blue-75)

}



.ce_qf_slider .qf-slider-element .left.color-theme-petrol:after,.ce_qf_slider .qf-slider-element .right.color-theme-petrol:after {

    background-color: #00788e

}



.ce_qf_slider .qf-slider-element .left.color-theme-petrol.opacity-0:after,.ce_qf_slider .qf-slider-element .right.color-theme-petrol.opacity-0:after {

    background-color: transparent

}



.ce_qf_slider .qf-slider-element .left.color-theme-petrol.opacity-25:after,.ce_qf_slider .qf-slider-element .right.color-theme-petrol.opacity-25:after {

    background-color: var(--color-petrol-25)

}



.ce_qf_slider .qf-slider-element .left.color-theme-petrol.opacity-50:after,.ce_qf_slider .qf-slider-element .right.color-theme-petrol.opacity-50:after {

    background-color: var(--color-petrol-50)

}



.ce_qf_slider .qf-slider-element .left.color-theme-petrol.opacity-75:after,.ce_qf_slider .qf-slider-element .right.color-theme-petrol.opacity-75:after {

    background-color: var(--color-petrol-75)

}



.ce_qf_slider .qf-slider-element .left.color-theme-violet:after,.ce_qf_slider .qf-slider-element .right.color-theme-violet:after {

    background-color: #65266d

}



.ce_qf_slider .qf-slider-element .left.color-theme-violet.opacity-0:after,.ce_qf_slider .qf-slider-element .right.color-theme-violet.opacity-0:after {

    background-color: transparent

}



.ce_qf_slider .qf-slider-element .left.color-theme-violet.opacity-25:after,.ce_qf_slider .qf-slider-element .right.color-theme-violet.opacity-25:after {

    background-color: var(--color-violet-25)

}



.ce_qf_slider .qf-slider-element .left.color-theme-violet.opacity-50:after,.ce_qf_slider .qf-slider-element .right.color-theme-violet.opacity-50:after {

    background-color: var(--color-violet-50)

}



.ce_qf_slider .qf-slider-element .left.color-theme-violet.opacity-75:after,.ce_qf_slider .qf-slider-element .right.color-theme-violet.opacity-75:after {

    background-color: var(--color-violet-75)

}



.ce_qf_slider .qf-slider-element .left.color-theme-magenta:after,.ce_qf_slider .qf-slider-element .right.color-theme-magenta:after {

    background-color: #c70087

}



.ce_qf_slider .qf-slider-element .left.color-theme-magenta.opacity-0:after,.ce_qf_slider .qf-slider-element .right.color-theme-magenta.opacity-0:after {

    background-color: transparent

}



.ce_qf_slider .qf-slider-element .left.color-theme-magenta.opacity-25:after,.ce_qf_slider .qf-slider-element .right.color-theme-magenta.opacity-25:after {

    background-color: var(--color-magenta-25)

}



.ce_qf_slider .qf-slider-element .left.color-theme-magenta.opacity-50:after,.ce_qf_slider .qf-slider-element .right.color-theme-magenta.opacity-50:after {

    background-color: var(--color-magenta-50)

}



.ce_qf_slider .qf-slider-element .left.color-theme-magenta.opacity-75:after,.ce_qf_slider .qf-slider-element .right.color-theme-magenta.opacity-75:after {

    background-color: var(--color-magenta-75)

}



.ce_qf_slider .qf-slider-element .left.color-theme-red:after,.ce_qf_slider .qf-slider-element .right.color-theme-red:after {

    background-color: #e00700

}



.ce_qf_slider .qf-slider-element .left.color-theme-red.opacity-0:after,.ce_qf_slider .qf-slider-element .right.color-theme-red.opacity-0:after {

    background-color: transparent

}



.ce_qf_slider .qf-slider-element .left.color-theme-red.opacity-25:after,.ce_qf_slider .qf-slider-element .right.color-theme-red.opacity-25:after {

    background-color: var(--color-red-25)

}



.ce_qf_slider .qf-slider-element .left.color-theme-red.opacity-50:after,.ce_qf_slider .qf-slider-element .right.color-theme-red.opacity-50:after {

    background-color: var(--color-red-50)

}



.ce_qf_slider .qf-slider-element .left.color-theme-red.opacity-75:after,.ce_qf_slider .qf-slider-element .right.color-theme-red.opacity-75:after {

    background-color: var(--color-red-75)

}



.ce_qf_slider .qf-slider-element .left.color-theme-darkorange:after,.ce_qf_slider .qf-slider-element .right.color-theme-darkorange:after {

    background-color: #d45d00

}



.ce_qf_slider .qf-slider-element .left.color-theme-darkorange.opacity-0:after,.ce_qf_slider .qf-slider-element .right.color-theme-darkorange.opacity-0:after {

    background-color: transparent

}



.ce_qf_slider .qf-slider-element .left.color-theme-darkorange.opacity-25:after,.ce_qf_slider .qf-slider-element .right.color-theme-darkorange.opacity-25:after {

    background-color: var(--color-darkorange-25)

}



.ce_qf_slider .qf-slider-element .left.color-theme-darkorange.opacity-50:after,.ce_qf_slider .qf-slider-element .right.color-theme-darkorange.opacity-50:after {

    background-color: var(--color-darkorange-50)

}



.ce_qf_slider .qf-slider-element .left.color-theme-darkorange.opacity-75:after,.ce_qf_slider .qf-slider-element .right.color-theme-darkorange.opacity-75:after {

    background-color: var(--color-darkorange-75)

}



.ce_qf_slider .qf-slider-element .left.color-theme-yellow:after,.ce_qf_slider .qf-slider-element .right.color-theme-yellow:after {

    background-color: #eaab00

}



.ce_qf_slider .qf-slider-element .left.color-theme-yellow.opacity-0:after,.ce_qf_slider .qf-slider-element .right.color-theme-yellow.opacity-0:after {

    background-color: transparent

}



.ce_qf_slider .qf-slider-element .left.color-theme-yellow.opacity-25:after,.ce_qf_slider .qf-slider-element .right.color-theme-yellow.opacity-25:after {

    background-color: var(--color-yellow-25)

}



.ce_qf_slider .qf-slider-element .left.color-theme-yellow.opacity-50:after,.ce_qf_slider .qf-slider-element .right.color-theme-yellow.opacity-50:after {

    background-color: var(--color-yellow-50)

}



.ce_qf_slider .qf-slider-element .left.color-theme-yellow.opacity-75:after,.ce_qf_slider .qf-slider-element .right.color-theme-yellow.opacity-75:after {

    background-color: var(--color-yellow-75)

}



.ce_qf_slider .qf-slider-element .left.color-theme-green:after,.ce_qf_slider .qf-slider-element .right.color-theme-green:after {

    background-color: #65a812

}



.ce_qf_slider .qf-slider-element .left.color-theme-green.opacity-0:after,.ce_qf_slider .qf-slider-element .right.color-theme-green.opacity-0:after {

    background-color: transparent

}



.ce_qf_slider .qf-slider-element .left.color-theme-green.opacity-25:after,.ce_qf_slider .qf-slider-element .right.color-theme-green.opacity-25:after {

    background-color: var(--color-green-25)

}



.ce_qf_slider .qf-slider-element .left.color-theme-green.opacity-50:after,.ce_qf_slider .qf-slider-element .right.color-theme-green.opacity-50:after {

    background-color: var(--color-green-50)

}



.ce_qf_slider .qf-slider-element .left.color-theme-green.opacity-75:after,.ce_qf_slider .qf-slider-element .right.color-theme-green.opacity-75:after {

    background-color: var(--color-green-75)

}



.ce_qf_slider .qf-slider-element .left.color-theme-brown:after,.ce_qf_slider .qf-slider-element .right.color-theme-brown:after {

    background-color: #623c2c

}



.ce_qf_slider .qf-slider-element .left.color-theme-brown.opacity-0:after,.ce_qf_slider .qf-slider-element .right.color-theme-brown.opacity-0:after {

    background-color: transparent

}



.ce_qf_slider .qf-slider-element .left.color-theme-brown.opacity-25:after,.ce_qf_slider .qf-slider-element .right.color-theme-brown.opacity-25:after {

    background-color: var(--color-brown-25)

}



.ce_qf_slider .qf-slider-element .left.color-theme-brown.opacity-50:after,.ce_qf_slider .qf-slider-element .right.color-theme-brown.opacity-50:after {

    background-color: var(--color-brown-50)

}



.ce_qf_slider .qf-slider-element .left.color-theme-brown.opacity-75:after,.ce_qf_slider .qf-slider-element .right.color-theme-brown.opacity-75:after {

    background-color: var(--color-brown-75)

}



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

    #main .mod_article.layout-large .inside-article {

        width:calc(100% - 40px)

    }



    #header .mainmenu {

        margin-right: 47px

    }

}



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

    :root {

        --grid-column-single:calc(8.33333vw - 0.91667px)

    }



    #header .inside,#main .inside-article,.footer-back-link-inside,.footer-first-row-inside,.footer-fourth-row-inside,.footer-second-row-inside,.footer-third-row-inside {

        width: calc(100% - 40px)

    }

}



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

    #header .inside {

        display:grid;

        grid-template-columns: auto 1fr;

        grid-template-rows: 1fr 1fr

    }



    #header .logo {

        grid-row: 1/span 2

    }



    #header .mainmenu {

        grid-column: 2;

        grid-row: 2;

        margin-right: 0

    }



    #header .header-right-column {

        flex-direction: row;

        grid-column: 2;

        grid-row: 1;

        justify-content: flex-end

    }



    #header .header-right-column .mod_changelanguage {

        order: 2

    }



    #header .header-right-column .secondarymenu {

        margin-right: 18px

    }



    #header .header-right-column .secondarymenu ul.level_1>li>a,#header .header-right-column .secondarymenu ul.level_1>li>strong {

        line-height: 1.6;

        margin-bottom: 0

    }

}



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

    :root {

        --logo-width:130px

    }



    #animation {

        display: none

    }



    .custom>#stage .mod_article.article-image+.mod_article h1 {

        font-size: 48px

    }



    #header {

        padding-bottom: 18px;

        padding-top: 18px

    }



    #header .header-right-column,#header .mainmenu {

        display: none

    }



    #header .mod_mobile_menu {

        display: block

    }



    #header .inside {

        align-items: center;

        grid-template-rows: 1fr

    }



    .ce_qf_wrapper {

        padding: 29px 47px

    }



    .article-story-case .ce_qf_wrapper {

        width: calc(50% + 16.5px)

    }



    #main .map-article .inside-article .map-container .form {

        display: none;

        height: 100%;

        max-width: 100%;

        position: fixed;

        top: 0;

        width: 512px;

        z-index: 1010

    }



    #main .map-article .inside-article .map-container .form form {

        height: 100%;

        width: 100%

    }



    #main .map-article .inside-article .map-container .form form>div {

        flex-direction: column;

        height: 100%;

        justify-content: space-between;

        padding: 1rem 0;

        width: 100%

    }



    #main .map-article .inside-article .map-container .form form>div .mobile-only {

        display: block;

        padding: 0 1rem

    }



    #main .map-article .inside-article .map-container .form form>div .mobile-only button {

        background: transparent;

        border-color: transparent

    }



    #main .map-article .inside-article .map-container .form form>div .mobile-only button.hide-form:before {

        content: "x";

        margin-right: 1rem

    }



    #main .map-article .inside-article .map-container .form form>div .mobile-only button.get-geo-location {

        color: #009fdf;

        margin-top: 1rem

    }



    #main .map-article .inside-article .map-container .form form>div .widget {

        padding: 0 1rem;

        width: calc(100% - 2rem)

    }



    #main .map-article .inside-article .map-container .form form>div .widget .select-wrapper {

        max-width: none;

        width: 100%

    }



    #main .map-article .inside-article .map-container .form form>div .widget.widget-button {

        margin-bottom: 1rem;

        margin-top: auto;

        padding: 0;

        width: 100%

    }



    #main .map-article .inside-article .map-container .form form>div .widget.widget-button button {

        border-radius: 0;

        width: 100%

    }



    #main .map-article .inside-article .map-container .form-control {

        bottom: 1rem;

        display: flex;

        gap: 1rem;

        left: 1rem;

        position: absolute

    }

}



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

    .article-story-case {

        margin-top:-200px

    }



    .article-story-case .inside-article {

        padding-bottom: 0!important

    }



    .article-story-case .ce_qf_wrapper {

        padding-bottom: 47px;

        position: static;

        width: 100%

    }



    .article-story-case .ce_qf_wrapper:first-child {

        margin-bottom: 0!important

    }



    .article-story-case .ce_qf_wrapper:nth-child(2):after {

        background-color: inherit;

        content: "";

        display: block;

        height: 100%;

        left: 50%;

        position: absolute;

        top: 0;

        transform: translateX(-50%);

        width: 100vw;

        z-index: -1

    }



    .h2,.text-citation,h2 {

        font-size: 36px

    }



    .h3,h3 {

        font-size: 32px

    }

}



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

    html {

        font-size:16px

    }



    .h1,h1 {

        font-size: 38px;

        margin-bottom: 30px

    }



    .h2,h2 {

        font-size: 32px

    }



    .ce_qf_ce_contact .contact-name,.h3,.text-citation,h3 {

        font-size: 24px

    }

}



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

    :root {

        --logo-width:100px

    }



    #header {

        padding-bottom: 11px;

        padding-top: 11px

    }

}