/*body { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #1D1D1B; margin: 0; }*/
body { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #1D1D1B; margin: 0; padding-top: 130px; }
body>ul { display: none; }

h1 { font-size: 69px; color: #E30613; line-height: 79px; font-weight: 800; }
h2 { font-size: 60px !important; line-height: 82px; font-weight: 700; }
h3 { font-size: 39px !important; line-height: 53px !important; font-weight: 700; color: #1D1D1B !important; }
.lead { font-size: 30px; font-weight: 700; line-height: 40px; }
#content p.lead {line-height: 40px; color: #808080;}
.quote { font-size: 40px; line-height: 40px; }
#content p.quote { font-size: 40px; line-height: 40px; margin-bottom: 55px; }
.variation-red-headline>header>* { color: #E30613 !important; }
.variation-grey-headline>header>* { color: #808080 !important; }

.inner-1060 { max-width: 1060px; margin-left: auto; margin-right: auto; }
.inner-1280 { max-width: 1280px; margin-left: auto; margin-right: auto; }

.space-after-140 { margin-bottom: 140px; }
.space-after-225 { margin-bottom: 225px; }

#banner { overflow: hidden; padding-top: 0; position: fixed; top: 0; left: 0; right: 0; z-index: 0; }
main {z-index: 1; position: relative;}
header #banner { top: 130px; }
#banner .inner-1920 { max-height: 555px; }
#banner .inner { max-width: unset; }
#banner .inner #logo { position: absolute; left: calc(100% / 1920 * 160); top: 35px; z-index: 3; }
#banner .frame-type-textpic,
#banner .frame-type-textmedia { display: flex; position: relative; height: 555px; }
#banner .frame-type-textpic header,
#banner .frame-type-textpic .ce-textpic,
#banner .frame-type-textmedia header,
#banner .frame-type-textmedia .ce-textpic { max-width: 50%; flex-basis: 50%; }
#banner .frame-type-textpic header,
#banner .frame-type-textmedia header { padding-left: calc(100% / 1920 * 160); display: flex; justify-content: center; flex-direction: column; position: relative; }
#banner .frame-type-textpic header>:first-child,
/*#banner .frame-type-textmedia header>:first-child { max-width: 420px; margin-bottom: 25px; font-size: 69px !important; color: #E30613 !important; line-height: 79px !important; font-weight: 800; }*/
#banner .frame-type-textmedia header>:first-child { margin-bottom: 25px; font-size: 69px !important; color: #E30613 !important; line-height: 79px !important; font-weight: 800; }
#banner .frame-type-textpic header>:last-child,
#banner .frame-type-textmedia header>:last-child { font-size: 30px !important; line-height: 40px; }
/*#banner .frame-type-textpic .ce-textpic * { width: 100%; height: 100%; }*/
#banner .frame-type-textpic .ce-textpic .ce-bodytext,
#banner .frame-type-textmedia .ce-textpic .ce-bodytext { display: inline-block; left: calc(100% / 1920 * 160); bottom: 70px; top: auto; height: max-content; max-width: unset; }
#banner .frame-type-textpic .ce-textpic .ce-gallery,
#banner .frame-type-textmedia .ce-textpic .ce-gallery { position: relative; z-index: -1; height: 100%; }
#banner .frame-type-textpic .ce-textpic .ce-gallery:before,
#banner .frame-type-textmedia .ce-textpic .ce-gallery:before { content: ''; display: block; width: 27%; height: 100%; position: absolute; top: 0; left: 0; clip-path: polygon(0% 0%, 0% 100%, 30% 100%, 100% 0%); background-color: #fff; }
#banner .frame-type-textpic .ce-textpic .ce-gallery *,
#banner .frame-type-textmedia .ce-textpic .ce-gallery * { height: 100%; }
#banner .frame-type-textpic .ce-textpic img,
#banner .frame-type-textmedia .ce-textpic img,
#banner .frame-type-textmedia .ce-textpic iframe { width: 100%; height: 100%; object-fit: cover; object-position: top; }

#banner .layout-videobanner .frame-type-textpic header,
#banner .layout-videobanner .frame-type-textpic .ce-textpic,
#banner .layout-videobanner .frame-type-textmedia header,
#banner .layout-videobanner .frame-type-textmedia .ce-textpic { max-width: initial; flex-basis: initial; }
#banner .layout-videobanner .frame-type-textpic .ce-textpic .ce-gallery:before,
#banner .layout-videobanner .frame-type-textmedia .ce-textpic .ce-gallery:before { display: none; }
#banner .layout-videobanner .frame-type-textpic,
#banner .layout-videobanner .frame-type-textmedia { height: auto; }
#banner .layout-videobanner .swiper-wrapper > .csc-default.videocon .ce-gallery iframe { position: absolute; }
#banner .layout-videobanner .iframevideo:after { padding-top: 555px; }
#banner .layout-videobanner .frame-type-textpic .ce-textpic .ce-bodytext,
#banner .layout-videobanner .frame-type-textmedia .ce-textpic .ce-bodytext { all: unset; display: block; position: absolute; top: 0; left: calc((100% - 1140px)/2); height: 100%; }
#banner .layout-videobanner .ce-bodytext .bannerShow { padding-top: 135px; }
#banner .layout-videobanner .ce-bodytext .bannerShow h3 { color: #ffffff!important; font-size: 20px!important; line-height: 28px!important; }
#banner .layout-videobanner .ce-bodytext .button { font-weight: 700; }
#banner .layout-videobanner .ce-bodytext .button:hover { background-color: #ffffff; color: #F20011; }

#footer.landingpageFooter { background-color: #1D1D1B; padding: 50px 0; }
#footer.landingpageFooter p, #footer.landingpageFooter a { color: #fff; font-size: 20px; line-height: 23px; font-weight: 500 }
#footer.landingpageFooter a { position: relative }
#footer.landingpageFooter a:hover:before { transform: scaleX(1); }
#footer.landingpageFooter a:before { content: ""; position: absolute; display: block; width: 100%; height: 1px; bottom: 2px; left: 0; background-color: #fff; transform: scaleX(0); transform-origin: top right; transition: all .3s ease-out; }
#footer.landingpageFooter .inner { display: flex; max-width: 1280px; align-items: flex-end }
#footer.landingpageFooter .inner .logo { flex-grow: 1; }
#footer.landingpageFooter .inner .logo a:before { display: none; }
#footer.landingpageFooter .inner .contact { margin-left: 180px; }
#footer.landingpageFooter .inner .contact p { margin-bottom: 10px; }
#footer.landingpageFooter .inner .contact p:last-of-type { margin-bottom: 0; }

main { margin-top: 425px; padding-top: 130px; background-color: #fff; box-shadow: 10px -10px 39px rgba(0,0,0,.16); }
main.alternative { margin-top: 555px; }
#content p { /*line-height: 24px;*/line-height: 30px; font-weight: 400; }
#content p:last-of-type { margin-bottom: 0; }

a.red-btn { z-index: 1; font-size: 22px; font-weight: 700; color: #fff !important; padding: 10px; display: inline-block; position: relative; transition: all .3s ease-out !important; overflow-x: hidden; }
a.red-btn:after { z-index: -1; content: ''; position: absolute; right: calc(-100% - 15px); top: 0; bottom: 0; width: calc(100% + 15px); height: 100%; background-color: #1D1D1B; transition: all .3s ease-out; clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0% 100%); }
a.red-btn:before { z-index: -1; content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; background-color: #E30613; transition: all .3s ease-out; transform: translate(-50%, -50%) }
a.red-btn:hover:after { right: 0; }

.layout-texticon .ce-textpic { display: flex; align-items: center; gap: 20px; }
/*.layout-texticon .ce-textpic p { color: #808080; line-height: 40px !important; }*/

.layout-textimage .ce-textpic { display: flex; gap: 90px }
.layout-textimage .ce-textpic.ce-right { flex-direction: row-reverse; }
.layout-textimage .ce-textpic .ce-bodytext { max-width: 50%; flex-basis: 50%; }
.layout-textimage .ce-textpic .ce-bodytext h2 { margin-bottom: 10px !important; }
.layout-textimage .ce-textpic .ce-bodytext p.lead { margin-bottom: 30px !important; }
.layout-textimage .ce-textpic .ce-gallery { max-width: 50%; flex-basis: 50%; }

.layout-quoteslider .slider { height: 475px; background-color: #FAFAFA; }
.layout-quoteslider .slider .swiper-container { height: 100%; }
.layout-quoteslider .slider .swiper-container .swiper-pagination-out { bottom: auto; top: 55px }
.layout-quoteslider .slider .swiper-container .swiper-pagination-out .swiper-pagination .swiper-pagination-bullet { height: 25px; width: 25px; border: 1px solid #E30613; margin: 0 5px; }
.layout-quoteslider .slider .swiper-container .swiper-pagination-out .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #E30613; }
.layout-quoteslider .slider .swiper-slide { display: flex; align-items: center; }
.layout-quoteslider .slider .ce-textpic .ce-bodytext { position: static; max-width: 790px; padding-left: 270px; }
.layout-quoteslider .slider .ce-textpic .ce-bodytext .inner { max-width: unset; }
.layout-quoteslider .slider .ce-textpic .ce-bodytext .bannerShow { background-color: unset; padding: 0; }
.layout-quoteslider .slider .ce-textpic .ce-gallery { position: absolute; max-width: calc(100% / 1600 * 735); min-width: 340px; right: 0; top: 0; height: 100%; }
.layout-quoteslider .slider .ce-textpic .ce-gallery:before { content: ''; display: block; width: 17%; height: 100%; position: absolute; top: 0; left: 0; clip-path: polygon(-1% 0%, -1% 101%, 100% 0%); background-color: #FAFAFA; }
.layout-quoteslider .slider .ce-textpic .ce-gallery * { height: 100% }
.layout-quoteslider .slider .ce-textpic .ce-gallery img { object-fit: cover; object-position: top; }

.layout-contactform.space-after-50 { margin-bottom: 0; padding-bottom: 50px; }
.layout-contactform.space-after-70 { margin-bottom: 0; padding-bottom: 70px; }
.layout-contactform.space-after-100 { margin-bottom: 0; padding-bottom: 100px; }
.layout-contactform.space-after-140 { margin-bottom: 0; padding-bottom: 140px; }
.layout-contactform.space-after-225 { margin-bottom: 0; padding-bottom: 225px; }
.layout-contactform .powermail_fieldwrap { display: flex; flex-direction: column; }
.layout-contactform>header { margin-bottom: -70px; }
.layout-contactform .frame-type-powermail_pi1 { margin-top: 70px; }
.layout-contactform .powermail_fieldwrap:after { display: none; }
.layout-contactform .tx-powermail label { font-weight: 700; width: auto; padding: 0; }
.layout-contactform .tx-powermail .powermail_field { width: 100%; }
.layout-contactform .tx-powermail textarea, .layout-contactform .tx-powermail select, .layout-contactform .tx-powermail input, .layout-contactform .filter-bar input { border: none; border-bottom: 1px solid #808080; padding: 10px 0; }
.layout-contactform .tx-powermail textarea::placeholder, .layout-contactform .tx-powermail select::placeholder, .layout-contactform .tx-powermail input::placeholder, .layout-contactform .filter-bar input::placeholder { font-size: 22px; }
.layout-contactform .tx-powermail .powermail_fieldwrap_type_submit { border-bottom: none; padding: 0; margin-top: 60px }
.layout-contactform .tx-powermail .powermail_fieldwrap_type_submit .powermail_field { z-index: 1; padding: 10px; position: relative; transition: all .3s ease-out !important; overflow-x: hidden; width: fit-content; }
.layout-contactform .tx-powermail .powermail_fieldwrap_type_submit .powermail_field::after { z-index: -1; content: ''; position: absolute; right: calc(-100% - 15px); top: 0; bottom: 0; width: calc(100% + 15px); height: 100%; background-color: #1D1D1B; transition: all .3s ease-out; clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0% 100%); }
.layout-contactform .tx-powermail .powermail_fieldwrap_type_submit .powermail_field::before { z-index: -1; content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; background-color: #E30613; transition: all .3s ease-out; transform: translate(-50%, -50%) }
.layout-contactform .tx-powermail .powermail_fieldwrap_type_submit .powermail_field:hover::after { right: 0; }
.layout-contactform .tx-powermail .powermail_fieldwrap_type_submit .powermail_submit { font-size: 22px; font-weight: 700; color: #fff !important; display: block; background-color: unset; margin-bottom: 0; border: none; padding: 0; }

.layout-faqvideo .frame-type-text { max-height: 270px; min-height: 270px; margin-bottom: 20px; display: flex; flex-direction: column; justify-content: space-between; padding: 35px 30px; position: relative; }
.layout-faqvideo .frame-type-text:before { content: ''; width: 100%; height: 100%; border: 1px solid #1D1D1B; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all .3s ease-out;  }
.layout-faqvideo .frame-type-text:hover:before { transform: scale(1.02); }
.layout-faqvideo .frame-type-text:last-of-type { margin-bottom: 0; }
.layout-faqvideo .grid > .row > .col_50_1.col { padding-right: 10px; }
.layout-faqvideo .grid > .row > .col_50_2.col { padding-left: 10px; }
.layout-faqvideo>.grid { overflow: visible }
.layout-faqvideo .frame-type-text p.lead { color: #1D1D1B !important; margin-bottom: 0; }
.lightboxoverlay_wrapper { position: fixed; top: 0; width: 100vw; height: 100vh; background-color: rgba(29, 29, 27, .9); z-index: 1; overflow-y: scroll; padding: 75px 0 105px; }
.lightboxoverlay_wrapper .lightboxoverlay_close:after { content: ''; position: fixed; right: 40px; top: 40px; background-image: url("../Images/Schliessen.svg"); background-size: 100% 100%; background-repeat: no-repeat; width: 34px; height: 34px; cursor: pointer; }
.lightboxoverlay_wrapper #content { max-width: 1275px; margin: 0 auto; }
.lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1 { background-color: #fff; padding: 30px 110px 90px; }
.lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1 h3 { margin-bottom: 45px; }
.lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1>.grid>.row>.col_50_1.col { padding-right: 40px }
.lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1>.grid>.row>.col_50_2.col { padding-left: 40px }
.lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1 .frame-type-text p { font-weight: 300; }
.lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1 .frame-type-textpic>header>* , .lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1 .frame-type-gridelements_pi1>header>* , .lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1 .frame-type-textmedia>header>* { font-size: 28px !important; line-height: 38px !important; margin-bottom: 25px !important; }
.lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1 .frame-type-textpic .ce-gallery { width: 45px; margin: 0 auto; }
.lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1 .frame-type-textpic p { font-size: 9px; line-height: 14px; }
.lightboxoverlay_wrapper #content>.frame-type-image * { width: 100%; }
.lightboxoverlay_wrapper #content .frame-type-textmedia .ce-outer { width: 100%; height: 100% }
.lightboxoverlay_wrapper #content .frame-type-textmedia .ce-outer * { width: 100%; height: 100% }
.lightboxoverlay_wrapper #content .frame-type-textmedia .ce-outer .video-embed-item { height: 715px; }
.lightboxoverlay_wrapper #content .frame-type-textmedia .ce-gallery { margin-bottom: 20px }
.lightboxoverlay_wrapper #content>.lightboxoverlay_back { position: relative; display: inline-block; color: #fff; font-size: 20px; line-height: 23px; cursor: pointer; margin-bottom: 10px; }
.lightboxoverlay_wrapper #content>.lightboxoverlay_back:first-letter { text-transform: uppercase; }
.lightboxoverlay_wrapper #content>.lightboxoverlay_back:before { content: ""; position: absolute; display: block; width: 100%; height: 1px; bottom: 2px; left: 0; background-color: #fff; transform: scaleX(0); transform-origin: top right; transition: all .3s ease-out; }
.lightboxoverlay_wrapper #content>.lightboxoverlay_back:hover:before { transform: scaleX(1); }
.lightboxoverlay_wrapper.alternative { padding: 160px 0 105px; }
.lightboxoverlay_wrapper.alternative .lightboxoverlay_close:after { top: 160px }

.sidebar { z-index: 999; position: fixed; top: 225px; right: 0; display: flex; flex-direction: column; gap: 20px; }
.sidebar .phone, .sidebar .mail { position: relative; padding-left: 20px; cursor: pointer; }
.sidebar .phone .bg, .sidebar .mail .bg { z-index: 1; display: inline-block; position: relative; transition: all .3s ease-out !important; overflow: hidden; }
.sidebar .phone .bg:after, .sidebar .mail .bg:after { z-index: -1; content: ''; position: absolute; right: calc(-100% - 15px); top: 0; bottom: 0; width: calc(100% + 15px); height: 100%; background-color: #1D1D1B; transition: all .3s ease-out; clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%); }
.sidebar .phone .bg:before, .sidebar .mail .bg:before { z-index: -1; content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; background-color: #E30613; transition: all .3s ease-out; transform: translate(-50%, -50%) }
.sidebar .phone:hover .bg:after, .sidebar .mail:hover .bg:after { right: 0; }
.sidebar .phone:hover .frame-type-text, .sidebar .mail:hover .frame-type-text { right: 100%; opacity: 1; }
.sidebar .phone .phone-icon, .sidebar .mail .mail-icon { position: relative; width: 50px; height: 50px; display: block }
.sidebar .phone .phone-icon:after { content: ''; position: absolute; background-image: url("../Images/phone.svg"); background-size: 50px 50px; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; }
.sidebar .mail .mail-icon:after { content: ''; position: absolute; background-image: url("../Images/mail.svg"); background-size: 50px 50px; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; }
.sidebar .phone .frame-type-text, .sidebar .mail .frame-type-text { z-index: -2;position: absolute; right: 0; bottom: 5px; color: #fff; background-color: rgba(29, 29, 29, .61); transition: all .3s ease-out; opacity: 0; width: max-content; padding: 2px 10px; }

.scroll-top .scroll-top-icon { position: relative; width: 50px; height: 50px; display: block }
.scroll-top .scroll-top-icon:after { content: ''; position: absolute; background-image: url("../Images/scrolltop.svg"); background-size: 50px 50px; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; }
.scroll-top .bg { z-index: 1; display: inline-block; position: relative; transition: all .3s ease-out !important; overflow: hidden; }
.scroll-top .bg:after { z-index: -1; content: ''; position: absolute; right: calc(-100% - 15px); top: 0; bottom: 0; width: calc(100% + 15px); height: 100%; background-color: #1D1D1B; transition: all .3s ease-out; clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%); }
.scroll-top .bg:before { z-index: -1; content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; background-color: #E30613; transition: all .3s ease-out; transform: translate(-50%, -50%) }
.scroll-top:hover .bg:after { right: 0; }

.sidebar-bottom { z-index: 999; position: fixed; bottom: 10px; right: 0; display: flex; flex-direction: column; gap: 20px; }

#languagechoosericon { width: 50px; height: 50px; background-image: url("../Images/languagechooser.svg"); background-size: 50px 50px; background-repeat: no-repeat; position: relative; overflow: hidden; }
#languagechoosericon:after { z-index: -1; content: ''; position: absolute; right: calc(-100% - 15px); top: 0; bottom: 0; width: calc(100% + 15px); height: 100%; background-color: #1D1D1B; transition: all .3s ease-out; clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%); }
#languagechoosericon:before { z-index: -1; content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; background-color: #E30613; transition: all .3s ease-out; transform: translate(-50%, -50%) }
#languagechoosericon:hover:after { right: 0; }

/*.hotspot-wrapper .tooltipContent p {margin-bottom: 0;}*/
.hobZSS .tooltipContent p {margin-bottom: 0 !important;}

.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: visible; }

#content>.frame-type-image .ce-column, #content>.frame-type-gridelements_pi1 .col>.frame-type-image .ce-column { float: none; }
#content>.frame-type-image .ce-outer, #content>.frame-type-image .ce-inner, #content>.frame-type-gridelements_pi1 .col>.frame-type-image .ce-outer, #content>.frame-type-gridelements_pi1 .col>.frame-type-image .ce-inner { float: none; position: static; }

#social, #footer {
    position: relative;
    z-index: 1;
}