/* override bootstrap grids */
@media (min-width: 1200px) {
    .container { width: 1368px; max-width: 100%; }
}

/* general */
body { position: relative; }
body::after { opacity: 0; z-index: -1; content: ""; display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); }
body.menu-open::after { z-index: 1; opacity: 1; }
a:hover { text-decoration: none; }
figure { margin: 0; }
ul { padding-left: 0; }
main section { overflow: auto; overflow-x: hidden; }
.img-responsive, .ce-gallery img { height: auto; }
.desktop-only { display: block; }

/* floating */
.float-l, .ce-left { float: left; }
.ce-center { margin: 0 auto; }
.float-r, .ce-right { float: right; }

/* grids / containers */
.page-wrapper { overflow: hidden; padding-top: 145px; transition: padding-top 0.5s; }
.container, .container-small { padding: 0 36px; width: 100%; max-width: 1440px; }
.container-small { max-width: 1330px; margin: 0 auto; }
.container .container { padding-left: 0; padding-right: 0; }
.row { margin-right: -18px; margin-left: -18px; }
.row > div[class^="col"] { padding-right: 18px; padding-left: 18px; }
.imia_grid_column .frame { margin-top: 30px; }
.imia_grid_column .frame:first-child { margin-top: 0; }

/* list styles */
.content ul { list-style: none; padding-bottom: 15px; }
.content ul li { position: relative; padding: 0 0 0 45px; margin-top: 0; font-size: 22px; }
.content ul li:before { content: " "; position: absolute; left: 0; top: 4px; display: inline-block; height: 14px; width: 35px; background-size: 35px 14px; background-position: center center; background-image: url(/fileadmin/assets/pfeil.svg); background-repeat: no-repeat; }
.content ul ul { margin-top: 0;}
.content ul ul li { padding: 0 0 0 18px; margin-top: 0; }
.content ul ul li:before { content: '\2022'; top: 0; background: none; }

/* typo3 gallery / images */
.content .ce-image { border-radius: 10px; display: block; }
.content .ce-image .image { margin: 0 !important; }
.ce-image.ce-center .ce-column { margin-right: 0; flex-grow: 1;}
.ce-image.ce-center img { margin: 0 auto; display: block; }
.ce-gallery .ce-row { display: flex; }
.ce-gallery img { max-width: 100%; height: auto; }
.ce-center .ce-gallery .ce-row { justify-content: center; }

/* headlines */
h1, h2, h3, h4, h5, h6 { transform: translateX(-3px); }

/* font families */
.ff-roboto, footer p, footer a, footer h5, li, p, a { font-family: 'Roboto', sans-serif; }
.ff-sourcesanspro, input, .offset-menu a, h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro', sans-serif; }

/* transitions */
.t-all, .header .logo svg, a.button, .offset-menu ul, .offset-menu a, body::after, .menu-icon .navicon, .menu-icon .navicon:before, .menu-icon .navicon:after, .offset-menu { transition: all 0.5s; }
.t-color, a { transition: color 0.5s; }
.t-bgcolor, .header .i_menu .subnav .i_menu__item { transition: background-color 0.5s; }
.t-fill, svg, svg path { transition: fill 0.5s; }

/* form styles */
input { padding: 30px 20px; height: 20px; font-size: 20px; color: #434343; border-radius: 0; font-weight: bold; width: 100%; }

/* embed videos */
.video-embed { position: relative; overflow: hidden; width: 100%; }
.video-embed iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
.video-embed::after { padding-top: 70.25%; display: block; content: ''; }

/* padding top */
.pt-0 { padding-top: 0 !important; }
.pt-80 { padding-top: 80px; }

/* padding bottom */
.pb-0 { padding-bottom: 0 !important; }
.pb-30, .fancybox-content ul, .content ul { padding-bottom: 30px; }
.pb-80 { padding-bottom: 80px; }

/* margin top */
.mt-0, ul li:first-child, p, ul, h1, h2, h3, h4, h5, .frame-space-before-mt-0 { margin-top: 0; }
.mt-15, .frame-space-before-mt-15 { margin-top: 15px; }
.mt-30, p + h4, p + .h4, .frame-space-before-mt-30 { margin-top: 30px; }
.mt-35, p + .button { margin-top: 35px; }
.mt-55, .content p + h3 { margin-top: 54px; }
.mt-80, .frame-space-before-mt-80 { margin-top: 80px; }

/* margin bottom */
.mb-0, ul, .frame-space-after-mb-0.frame-type-header > *, .header .social ul, .teaser.teaser-simple .headline, p:last-child, .lang ul, .frame-layout-2 h2, .layout-2 h2, .frame-layout-3 h2, .layout-3 h2, .header .i_menu, footer ul, footer h5, .teaser p:last-child, .frame-space-after-mb-0 { margin-bottom: 0 !important; }
.mb-15, .header .offset-menu .lang, h4, .h4, .teaser h2.headline, .teaser .subline, .frame-space-after-mb-15 { margin-bottom: 15px; }
.mb-30, .frame-space-after-mb-30, .frame-layout-3, .layout-3, .frame-layout-2, .layout-2, .frame-layout-1, .layout-1, .teaser { margin-bottom: 30px; }
.mb-35, h3, .h3 { margin-bottom: 35px; }
.mb-80, .frame-space-after-mb-80 { margin-bottom: 80px; }

/* text alignments */
.text-left { text-align: left; }
.text-center, .header .i_menu .i_menu__link .icon, .header .i_menu .i_menu__link, .ce-headline-center { text-align: center; }
.text-right, .header .logo { text-align: right; }

/* text decoration */
.td-none, .header .i_menu .i_menu__link, .offset-menu a:hover, .offset-menu a, .teaser.teaser-simple a:hover, .button:hover, a, .i_menu__item a { text-decoration: none; }
.td-underline, a:hover { text-decoration: underline; }

/* text transform */
.tt-uppercase, .offset-menu .is-special a, .i_menu__item a:not(.i_subnav__link), .i_menu__item { text-transform: uppercase; }
.tt-lowercase { text-transform: lowercase; }
.tt-none, .offset-menu a { text-transform: none; }

/* letter spacing */
.ls-1 { letter-spacing: 0.6px; }

/* color */
.color-white, .offset-menu a:hover, .offset-menu .lang a:hover, .offset-menu .lang a.active, .bg-orange h4, .offset-menu .is-special a, .offset-menu a, .bg-orange h3, .bg-orange .h3, .teaser.teaser-simple .headline, .bg-orange a, .bg-orange h1, .bg-orange h2, .offset-menu a:hover, footer h5, footer p, footer a { color: #fff; }
.color-blackish, .offset-menu .lang a { color: #333; }
.color-grey, .offset-menu .is-special a:hover { color: #F2F1EF; }
.color-grey2 { color: #dddbd7; }
.color-darkgrey, .header .i_menu .i_menu__link { color: #adaba8; }
.color-darkergrey, .fancybox-content h2, .fancybox-content .h2, .bg-white h2, .bg-white .h2, .fancybox-content .h3, .bg-white h3, .bg-white .h3, .offset-menu a, header a, .teaser .headline, p, a, li { color: #333; }
.color-orange, a:focus, .teaser .body a, header a.active, .i_menu__item--current a:not(.i_subnav__link):hover, a, h1, .h1, h2, .h2 { color: #F1972D; }
.color-darkorange, a:hover { color: #c4700d; }

/* background color */
.bg-white, .teaser .body > .wrap, .header { background-color: #fff; }
.bg-black { background-color: #000; }
.bg-grey, .header .i_menu .subnav { background-color: #F2F1EF; }
.bg-grey2, .header .i_menu .subnav .i_menu__item--active, .header .i_menu .subnav .i_menu__item:hover { background-color: #dddbd7; }
.i_menu__item--active > a { color: #F1972D; }
.bg-darkgrey { background-color: #adaba8; }
.bg-darkergrey, footer { background-color: #333; }
.bg-orange, .teaser-simple .body, .offset-menu, .mobile-menu .menu-icon .navicon, .mobile-menu .menu-icon .navicon:before, .header .menu-icon .navicon:after { background-color: #F1972D; }
.bg-darkorange { background-color: #c4700d; }

/* font sizes */
.fs-14 { font-size: 14px; }
.fs-15, footer p, footer a { font-size: 15px; }
.fs-16, .header .i_menu .i_menu__link { font-size: 16px; }
.fs-20, h4, footer h5, p, a, li { font-size: 20px; }
.fs-24, .bg-orange h4 { font-size: 24px; }
.fs-25, .offset-menu a, .offset-menu .is-special a { font-size: 25px; }
.fs-30, .teaser.teaser-simple .headline { font-size: 30px; }
.fs-45, h2, .h2, h3, .h3 { font-size: 45px; }
.fs-70, .fancybox-content h2, .fancybox-content .h2, .fs-70 h2, h1, .h1 { font-size: 70px; }

/* line height */
.lh-19, footer a, footer p { line-height: 19px; }
.lh-20, .offset-menu a { line-height: 20px; }
.lh-22 { line-height: 22px; }
.lh-24, .teaser p { line-height: 24px; }
.lh-30, .teaser.teaser-simple .headline { line-height: 30px; }
.lh-38, h2, .h2, h3, .h3 { line-height: 38px; }
.lh-50, .offset-menu li { line-height: 50px; }
.lh-60, .offset-menu li.is-special, .fancybox-content h2, .fancybox-content .h2, .fs-70 h2, h1, .h1 { line-height: 60px; }

/* font weight */
.fw-400, .offset-menu a, footer h5 { font-weight: 400; }
.fw-600, .offset-menu .lang a { font-weight: 600; }
.fw-700, .header .i_menu .i_menu__link { font-weight: 700; }

/* buttons */
a.button { display: inline-block; border: 2px solid #f1972d; line-height: 61px; padding: 0 30px; min-width: 295px; text-align: center; }
a.button:hover { background-color: #f1972d; color: #fff; }
.bg-orange a.button { border-color: #fff; }
.bg-orange a.button:hover { background-color: #fff; color: #f1972d; }

/* displays */
.d-block, .header-image:not(.has-mobile-image) img { display: block; }
.d-none, p + br, .offset-menu .lang, .mobile-menu .menu-btn { display: none; }

/* header */
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 10; }
.header .container:not(.i_subnav__move) { display: flex; padding: 46px 36px; align-items: center; }
.header .container > *:not(.i_subnav__container) { padding-left: 15px; padding-right: 15px; }
.header .social ul { display: flex; justify-content: center; }
.header .social svg { width: 20px; height: 20px; position: relative; top: 2px; fill: #333; }
.header .social a:hover svg { fill: #F1972D; }

/* sticky header */
.sticky-header .header > .container { padding: 33px 36px; }
.sticky-header .page-wrapper { padding-top: 110px; }
.sticky-header .header .logo svg { width: 210px; }
.sticky-header .header .i_menu > .i_menu__item--active.i_menu__item--dropdown:after { top: 36px; }

/* header: lang */
header .mobile-menu { margin-left: -15px; }
header .lang  { flex: 1 !important; transition: opacity 0.3s; }
header .lang ul { display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; margin-top: -10px; margin-left: 50px;}
header .lang ul li {padding: 0 15px; }

/* Language menu dropdown */
.lang .lang-menu li:not(.active-lang) {
    display: none;
}
.lang .lang-menu.show li {
    display: block;
}
.lang {
    position: relative;
}
.lang .lang-menu {
    position: absolute;
    cursor: pointer;
}
.lang .active-lang {
    display: flex;
    align-items: center;
}
.lang .active-lang .active {
    color: #f1972d;
}
.lang .active-lang .chevron-down {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #333 transparent transparent transparent;
    position: absolute;
    top: 8px;
    left: 40px;
}

/* header: menu */
header .navigation { margin-left: 10px; transition: opacity 0.5s; }
.header > .container { transition: padding 0.3s; }
.header li { list-style: none; }
.header .i_menu { display: flex; margin-left: -15px; }
.header .i_menu .i_menu__item { position: relative; list-style: none; padding: 0 15px; }
.header .i_menu > .i_menu__item--active.i_menu__item--dropdown:after { content: ''; display: block; width: 30px; height: 30px; position: absolute; left: 50%; top: 55px; transform: translate(-50%, 0); border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid #f2f1ef; transition: top 0.3s; z-index: -1;}
.header .i_menu .i_subnav { display: none }
.header .i_menu .i_menu__item--current > .i_subnav, .header .i_menu .i_menu__item--active.i_menu__item--dropdown > .i_subnav { display: block; }
.header .i_menu .i_menu__link .icon { margin-bottom: 0; }

/* header: social menu */
.header .social { flex: 1; max-width: 150px; transition: opacity 0.3s; }
.header .social li { padding: 0 15px 0 0; }

/* header: logo */
.header .logo { padding: 0; width: 250px; height: 50px; }

/* mobile menu */
.mobile-menu { z-index: 5; margin-top: -3px; }
.mobile-menu .menu-icon { display: block; cursor: pointer; width: 30px; height: 12px; padding: 9px 0; position: relative; user-select: none; }
.mobile-menu .menu-icon .navicon { display: block; width: 30px; height: 3px; position: relative; }
.mobile-menu .menu-icon .navicon:before, .header .menu-icon .navicon:after { transform: rotate(0); content: ''; display: block; right: 0; height: 100%; position: absolute; width: 30px; }
.mobile-menu .menu-icon .navicon:before { top: 7px; }
.mobile-menu .menu-icon .navicon:after { top: -7px; }
.menu-open .mobile-menu .menu-btn ~ nav { display: block !important; left: 0; }
.menu-open .mobile-menu .menu-btn ~ .menu-icon .navicon { background: transparent; }
.menu-open .mobile-menu .menu-btn ~ .menu-icon .navicon:before { transform: rotate(-45deg); }
.menu-open .mobile-menu .menu-btn ~ .menu-icon .navicon:after { transform: rotate(45deg); }
.menu-open .mobile-menu .menu-btn ~ .menu-icon:not(.steps) .navicon:before, .menu-open .mobile-menu .menu-btn ~ .menu-icon:not(.steps) .navicon:after { top: 0; }

/* header: logo */
.header .logo svg { width: 250px; height: auto; }

/* ce: header image */
.header-image { overflow: hidden; }
.header-image img { position: relative; height: 100%; object-fit: cover; object-position: top; width: 100%; }

/* ce: header image */
.header-image.homepage { position: relative; margin: 0 30px 30px 30px; overflow: visible; }
.header-image.homepage img { height: calc(100vh - 175px); }
.header-image.homepage .scroller { position: absolute; width: 50px; height: 50px; border-radius: 50%; bottom: -30px; margin: auto 0; left: 50%; transform: translate(-50%, 0); text-align: center; z-index: 1; cursor: pointer; background: #fff url("/fileadmin/assets/pfeil_halbkreis.svg") center center no-repeat; background-size: 20px auto; }

/* ce: header image */
.header-image.subpages img { max-height: 820px; height: calc(70vh - 55px); }

/* teaser */
.frame-layout-2 .row, .layout-2 .row, .frame-layout-3 .row, .layout-3 .row { margin-left: 0; margin-right: 0; }
.frame-layout-2 .row > *, .layout-2 .row > *, .frame-layout-3 .row > *, .layout-3 .row > * { padding: 0; }
.layout-2 > .row > .imia_grid_column:nth-child(1), .frame-layout-2 > .row > .imia_grid_column:nth-child(1) { padding-right: 0; padding-left: 0; }
.layout-2 > .row > .imia_grid_column:nth-child(2), .frame-layout-2 > .row > .imia_grid_column:nth-child(2) { display: flex; align-items: flex-end; padding: 30px 30px 15px 15px; }
.layout-3 > .row > .imia_grid_column:nth-child(1), .frame-layout-3 > .row > .imia_grid_column:nth-child(1) { display: flex; align-items: flex-end; padding: 30px 15px 30px 30px; }
.layout-3 > .row > .imia_grid_column:nth-child(2), .frame-layout-3 > .row > .imia_grid_column:nth-child(2) { padding-left: 15px; padding-right: 0; }
.teaser { display: flex; align-items: center; }
.subline ul li {font-size: 20px;}
.teaser .image { flex: 1; flex-basis: 54.75%; max-width: 54.75%;position: relative}
.teaser .image a {opacity: 0.85;}
.teaser .image img { width: 100%; height: auto; display: block; }
.teaser .body { flex: 1; transform: translate(-55px, 0); }
.teaser .body > .wrap { padding: 20px 30px 10px 30px; width: calc(100% + 55px);}
.teaser .body > .wrap ul:last-of-type {padding-bottom: 0;}
.teaser .body > .wrap p:last-of-type {padding-bottom: -24px;}
.teaser .link:after { content: " "; display: inline-block; height: 14px; width: 35px; background-size: 35px 14px; background-position: center center; background-image: url(/typo3conf/ext/imia_typo3_setup/Resources/Public/Images/Icons/Svg/pfeil.svg); background-repeat: no-repeat; margin-left: 7px; }
.teaser .overlay-content { display: none; }
.teaser__text--overlay {font-size: 20px;}
a:hover > .teaser__text--overlay { position: absolute;top: 50%;width: 100%;text-align: center;color: #fff;z-index: 10;pointer-events: none;font-size: 20px;display: initial;}
.teaser__hover--overlay {position: absolute; top: 0;left: 0;right: 0; bottom: 0;}
.teaser__hover--overlay:hover {background-color: #F1972D; opacity: 0.85;;z-index: 7;}
.teaser__text--overlay {
display: none;
}
a:hover > .teaser__text--overlay::after {
    content: " ";
    position: absolute;
    top: 6px;
    display: inline-block;
    height: 14px;
    width: 35px;
    background-size: 35px 14px;
    background-position: center center;
    background: url(/typo3conf/ext/imia_typo3_setup/Resources/Public/Images/Icons/Svg/pfeil-weiss.svg);
    background-repeat: no-repeat;
    margin-left: 10px;
    pointer-events: none;
    transition: background .4s;
}
a:hover > .teaser__text--overlay {
    color: #fff;
    transition: color .4s;
    display: initial;
}


/* teaser */
.frame-layout-4 img { width: 100%; max-width: 310px; height: 130px; object-fit: contain; }


/* teaser right */
.teaser.teaser-right .image { order: 2; }
.teaser.teaser-right .body { order: 1; transform: translate(20px, 0);position: relative;z-index: 8; }

/* teaser simple */
.teaser.teaser-simple > a { display: block; width: 100% }
.teaser.teaser-simple .body { display: flex; align-items: flex-end; transform: none; padding: 15px 30px; min-height: 250px; }
.teaser.teaser-simple .headline { color: white; align-self: flex-end; width: 100%; }
.frame-type-imia_container_3_column:last-child .teaser { margin-bottom: 0; }

/* icon */
.frame-layout-6 .image { width: 130px; text-align: center; }
.frame-layout-6 .image img { width: auto; height: 63px; object-fit: contain; }

/* footer */
footer { padding: 40px 0 80px 0; }
footer h5 { margin-bottom: 8px !important; }
footer p { margin-bottom: 19px; }
footer .frame-type-menu_pages ul { column-count: 2; }
footer ul { padding-left: 0; }
footer img { display: block; max-height: 120px; width: auto !important; }
footer .ce-row { margin: 0 -18px; }
footer .ce-row > * { padding: 0 18px; }
footer .ce-image.ce-center .ce-column { display: flex; align-items: center; }
footer .ce-image.ce-center img { max-width: 170px; }

/* offset menu */
.offset-menu { padding: 5rem 4rem 2rem 4rem !important; top: 0; left: -350px; height: 100%; position: fixed; width: 350px; overflow: auto; overflow-x: hidden; }
.offset-menu ul { list-style: none; }
.offset-menu li.separator { display: block; width: 50px; height: 1px; background: #ffffff; border-width: 1px; content: ' '; margin: 20px 0; left: 13%; transform: translate(-50%, 0); position: relative; }
.offset-menu .header .lang ul { text-align: center; }
.offset-menu .social svg { width: 25px; height: 25px; }
.offset-menu .social a:hover svg { fill: #fff; }

/* offset menu: open state */
.menu-open .offset-menu { left: 0; }
.menu-open .mobile-menu .menu-icon .navicon, .menu-open .mobile-menu .menu-icon .navicon::before, .menu-open .header .menu-icon .navicon::after { background-color: #fff; }
.menu-open header .navigation, .menu-open header .lang, .menu-open header .social { opacity: 0; }
.menu-open header .offset-menu .social { opacity: 1 !important; margin: 0 auto !important; float: left }

/* el: contact person */
.columns-1 .ce-contactperson { float: left; width: 100%; max-width: 557px; }
.columns-1 .ce-contactperson .col-5 { max-width: 36.275%; }
.columns-1 .ce-contactperson img { object-fit: cover; aspect-ratio: 1 / 1; }

/* text padding left */
.text-padding-left { margin-left: auto; width: 100%; max-width: 963px; }

/* overlay */
.fancybox-content { width: 100%; max-width: 1330px !important; }
.fancybox-button[title="Close"] { margin: 50px 50px 0 0; background: url("/fileadmin/assets/lightbox-schliessen.svg"); }
.fancybox-content ul { list-style: none; }
.fancybox-content ul li { position: relative; padding: 0 0 0 45px; margin-top: 10px; }
.fancybox-content ul li:before { content: " "; position: absolute; left: 0; top: .2em; display: inline-block; height: 14px; width: 35px; background-size: 35px 14px; background-position: center center; background-image: url(/typo3conf/ext/imia_typo3_setup/Resources/Public/Images/Icons/Svg/pfeil.svg); background-repeat: no-repeat; }
.fancybox-content ul ul { margin-top: 9px;}
.fancybox-content ul ul li { padding: 0 0 0 18px; margin-top: 9px; }
.fancybox-content ul ul li:before { content: '\2022'; top: 0; background: none; }
.fancybox-content.overlay-content { padding: 44px 80px; }
.fancybox-infobar { top: 15px !important; left: 50% !important; transform: translate(-50%, 0); display: none; }


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .header .container > * { padding-top: 0; }
    .frame-layout-6 .image img { display: block; width: 63px; height: 63px; }
    .subpages.header-image img { height: auto; }
}

/* migrated css from old imia_priomold extension. Regarding only the powermail enquiry form */
form.powermail_form {
    padding: 70px 0 0 0;
    color: #333333;
    font-size: 20px;
    font-family: Roboto,sans-serif;
    font-weight: 700; }
form.powermail_form h3 {
    display: none; }
form.powermail_form .powermail_fieldwrap_marker_04 {
    padding-top: 40px; }
form.powermail_form legend {
    font-weight: bold;
    font-size: 25px;
    color: #ffffff;
    padding-bottom: 20px; }
form.powermail_form input.invalid {
    border: 3px solid red; }
form.powermail_form .powermail_field.invalid {
    border: 3px solid red; }
form.powermail_form .custom-error-message {
    margin-top: 5px; }
form.powermail_form .dropdown {
    height: 60px;
    padding: 0; }
form.powermail_form .dropdown select {
    display: none; }
form.powermail_form .dropdown button {
    width: 100%;
    height: 100%;
    background-color: white !important;
    padding-left: 20px !important;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    color: #434343;
    outline: 0 !important;
    box-shadow: unset !important;
    border: 0; }
form.powermail_form .dropdown button:hover, form.powermail_form .dropdown button:active, form.powermail_form .dropdown button:focus {
    background-color: white;
    border: 0;
    outline: 0; }
form.powermail_form .dropdown button:after {
    position: relative;
    right: -103%;
    bottom: 20px; }
form.powermail_form .dropdown .dropdown-menu {
    overflow: unset !important;
    width: 100%;
    padding: 0;
    margin: 0;
    min-height: 0 !important; }
form.powermail_form .dropdown .dropdown-menu .inner {
    min-height: 0 !important; }
form.powermail_form .dropdown .dropdown-menu .inner li a {
    color: #434343 !important;
    height: 60px;
    font-size: 20px;
    font-weight: 700;
    font-family: Source Sans Pro, sans-serif; }
form.powermail_form .dropdown .dropdown-menu .inner li a.selected, form.powermail_form .dropdown .dropdown-menu .inner li a.active, form.powermail_form .dropdown .dropdown-menu .inner li a:active, form.powermail_form .dropdown .dropdown-menu .inner li a:focus {
    background-color: #F2F1EF;
    border: 0;
    outline: 0; }
form.powermail_form .dropdown .dropdown-menu .inner li a .text {
    position: relative;
    top: 10px; }
form.powermail_form .powermail_fieldset_2 .row .powermail_fieldwrap_type_text {
    padding-bottom: 15px; }
form.powermail_form .powermail_fieldset_2 .row .powermail_fieldwrap_type_text:nth-child(2) {
    padding-top: 90px; }
form.powermail_form .powermail_fieldset_2 .row:nth-of-type(6) {
    padding-top: 90px; }
form.powermail_form .powermail_fieldset_3 .row .powermail_fieldwrap_type_text {
    padding-top: 45px; }
form.powermail_form .powermail_fieldwrap_anfrageabschicken {
    display: flex;
    justify-content: center;
    padding-top: 45px;
    padding-bottom: 80px; }
form.powermail_form .powermail_fieldwrap_anfrageabschicken .powermail_field {
    background: white;
    font-weight: 700;
    color: #333333;
    height: 60px;
    width: 365px;
    font-size: 20px; }
form.powermail_form .powermail_fieldwrap_anfrageabschicken .powermail_field .powermail_submit {
    height: 100%;
    padding: 15px 20px;
    cursor: pointer;
}
/* Custom CSS class for half-width fields */
form.powermail_form .half-width {
    width: 49.75%;
    display: inline-block;
}
@media (max-width: 1180px) {
    form.powermail_form .half-width {
        width: 100%;
    }
}
.powermail_form_1 {
    max-width: calc(100% - 100px);
}
.powermail_form_1 .powermail_field .powermail_textarea{
    padding-right: 0;
    min-height: 200px;
}
form.powermail_form .powermail_fieldwrap_marker_01, form.powermail_form .powermail_fieldwrap_marker_02 {
    position: absolute;
    bottom: 63px; }
form.powermail_form .btn-group {
    display: none; }
form.powermail_form #anfrage-fileupload-1-preview {
    display: none; }
form.powermail_form #anfrage-fileupload-2-preview {
    display: none; }
form.powermail_form .btn-cancel {
    display: none; }
form.powermail_form h2 {
    font-size: 25px;
    padding-bottom: 0 !important; }
form.powermail_form p {
    font-weight: bold; }
form.powermail_form select {
    width: 100%;
    padding: 0 17px;
    font-size: 20px;
    height: 20px;
    font-family: Source Sans Pro, sans-serif;
    color: #434343;
    border-radius: 0;
    font-weight: bold;
}
form.powermail_form .form-group {
    margin-bottom: 10px;
    padding-left: 0; }
form.powermail_form .form-group .powermail_label {
    display: none; }
form.powermail_form .form-group .powermail_field input , .powermail_field .powermail_textarea {
    padding: 30px 20px;
    height: 20px;
    font-size: 20px;
    font-family: Source Sans Pro, sans-serif;
    color: #333;
    border-radius: 0;
    font-weight: bold;
    width: 100%; }
form.powermail_form .form-group .powermail_field .checkbox input {
    float: left;
    width: auto;
    height: 25px;
    margin-right: 10px; }
form.powermail_form .form-group .powermail_field input::placeholder {
    color: #434343;
    opacity: 1; }
form.powermail_form .form-group .powermail_field input::-ms-input-placeholder {
    color: #434343 !important;
    opacity: 1 !important; }
form.powermail_form .form-group .powermail_field input:-ms-input-placeholder {
    color: #434343 !important;
    opacity: 1 !important; }
form.powermail_form .form-group .powermail_field select {
    height: calc(4rem + 2px); }
form.powermail_form .form-group .powermail_field.custom_upload {
    font-weight: bold; }
form.powermail_form .form-group .powermail_field.custom_upload .powermail_file {
    cursor: pointer; !important;
    visibility: hidden; }
form.powermail_form .form-group .powermail_field.custom_upload .custom_upload_inner {
    position: absolute;
    top: 0; }
form.powermail_form .form-group .powermail_field.custom_upload .custom_upload_inner .custom_upload_btn {
    width: 250px;
    height: 60px;
    color: #333333 !important;
    background-color: #ffffff;
    padding: 18px 40px;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    display: inline-block;
    position: relative; }
form.powermail_form .form-group .powermail_field.custom_upload .custom_upload_inner .uploadcheck {
    display: inline-block; }
form.powermail_form .form-group .powermail_field.custom_upload .custom_upload_inner .uploadcheck .delete-icon {
    padding-left: 16px;
    display: inline-block; }
form.powermail_form .form-group .powermail_field.custom_upload .custom_upload_inner .uploadcheck .custom_upload_label {
    padding-left: 16px;
    display: inline-block;
    position: relative; }
form.powermail_form .powermail_fieldwrap_weitereangaben .powermail_label {
    display: inline-block; }
form.powermail_form .powermail_fieldwrap_weitereangaben .powermail_field #powermail_field_weitereangaben {
    height: 320px; }
form.powermail_form .powermail_fieldset .powermail_tab_navigation {
    display: flex;
    justify-content: space-between;
    padding: 55px 15px; }
form.powermail_form .powermail_fieldset .powermail_tab_navigation .btn-primary {
    color: #333333 !important;
    border-color: transparent;
    background-color: transparent;
    font-size: 20px;
    font-weight: bold;
    margin-left: 25px;
    padding-right: 0;
    display: flex;
    cursor: pointer;
    z-index: 2; }
form.powermail_form .powermail_fieldset .powermail_tab_navigation .btn-primary:after {
    content: "";
    display: inline-block;
    height: 25px;
    width: 70px;
    background-size: 80px 25px;
    background-image: url(/fileadmin/assets/pfeil-grau.svg);
    background-repeat: no-repeat;
    margin-left: 7px;
    margin-bottom: -8px; }
form.powermail_form .clearfix {
    padding-top: 45px; }
form.powermail_form.step-1 .actions, form.powermail_form.step-2 .actions, form.powermail_form.step-3 .actions {
    margin-top: -50px;
    padding-bottom: 45px; }
form.powermail_form.step-2 .invisible {
    display: none; }
form.powermail_form.step-2 h2 {
    height: 90px; }
form.powermail_form.step-2 .clearfix {
    padding: 0; }
form.powermail_form.step-2 .clearfix p {
    width: 450px;
    font-weight: 700; }
form.powermail_form.step-2 .clearfix:nth-of-type(4) p {
    width: unset; }
@media only screen and (max-width: 767px) {
    form.powermail_form.step-2 .clearfix:nth-of-type(4) {
        padding-top: 30px; } }
form.powermail_form.step-2 .clearfix:nth-of-type(7) p {
    width: unset; }
@media only screen and (max-width: 767px) {
    form.powermail_form.step-2 .clearfix:nth-of-type(7) {
        padding-top: 30px; } }
form.powermail_form.step-2 .clearfix:nth-of-type(5) {
    padding-top: 120px; }
form.powermail_form.step-2 .clearfix:nth-of-type(5) p {
    width: 535px; }
form.powermail_form.step-2 .form-group .input input {
    visibility: hidden;
    position: absolute;
    height: 120px; }
form.powermail_form.step-2 .form-group .input #custom-fileupload-1, form.powermail_form.step-2 .form-group .input #custom-fileupload-2 {
    width: 250px;
    background-color: white;
    font-family: Source Sans Pro, sans-serif;
    text-align: center;
    font-weight: 700;
    color: #434343;
    font-size: 20px;
    padding: 0 !important;
    height: 60px;
    position: relative; }
form.powermail_form.step-2 .form-group .input .custom-upload {
    padding-top: 60px;
    width: 100%;
    height: 120px; }
form.powermail_form.step-2 .form-group .input .custom-upload .label-upload {
    position: relative;
    bottom: 40px;
    left: 280px;
    font-weight: 700;
    font-family: Source Sans Pro, sans-serif;
    max-width: 420px; }
form.powermail_form.step-2 .form-group .input .custom-upload .label-upload div {
    width: 100%; }
form.powermail_form.step-2 .actions .form-navigation .btn-toolbar {
    margin-top: 70px; }
form.powermail_form.step-3 .clearfix:nth-of-type(9) p {
    font-weight: normal; }
form.powermail_form.step-4 .form-group .input {
    display: flex;
    flex-direction: column; }
form.powermail_form.step-4 .form-group .input textarea {
    order: 2; }
form.powermail_form.step-4 .form-control {
    height: 320px; }
form.powermail_form.step-4 span {
    font-weight: 700; }
form.powermail_form.step-4 .btn-toolbar {
    display: flex;
    justify-content: center;
    padding-top: 45px;
    padding-bottom: 80px; }
form.powermail_form.step-4 .btn-toolbar .btn-primary {
    background: white;
    font-weight: 700;
    color: #333333;
    height: 60px;
    width: 365px;
    font-size: 20px; }

.owl-dots {
    display: none; }

@media only screen and (max-width: 991px) {
    .orange #anfrage {
        padding-right: 0; } }

@media only screen and (max-width: 767px) {
    form.powermail_form {
        width: 100%;
        padding: 0; }
    form.powermail_form .powermail_fieldset .powermail_fieldwrap {
        padding-right: 0; }
    form.powermail_form .powermail_fieldset .powermail_fieldwrap .powermail_field input {
        max-width: 100%;
        width: 100%; }
    form.powermail_form .powermail_fieldset .powermail_fieldwrap .powermail_field .custom_upload_inner .custom_upload_btn {
        width: 100%;
        padding: 16px 30px !important;
        margin-right: -20px; }
    form.powermail_form .powermail_fieldset .powermail_fieldwrap .powermail_field .custom_upload_inner .uploadcheck {
        width: 90%;
        margin: 0 auto 0 10%; }
    form.powermail_form .powermail_fieldset .powermail_fieldwrap .powermail_field .custom_upload_inner .uploadcheck .custom_upload_label {
        text-align: center;
        width: 70%;
        padding: 15px 0; }
    form.powermail_form .powermail_fieldset .powermail_fieldwrap .pull-right {

        padding: 16px 10px !important; }
    form.powermail_form .powermail_fieldset.powermail_fieldset_2 .row {
        padding-top: 50px; }
    form.powermail_form .powermail_fieldset.powermail_fieldset_2 .powermail_tab_navigation {
        padding: 55px 0; }
    form.powermail_form .powermail_fieldset.powermail_fieldset_2 .powermail_tab_navigation .btn-primary.pull-right {
        max-width: 100%;
        margin: 0;
        padding: 16px 0 !important; }
    form.powermail_form .powermail_fieldset.powermail_fieldset_2 .powermail_tab_navigation .btn-primary.pull-right:after {
        position: absolute !important;
        display: block !important;
        bottom: 40px !important;
        left: 30% !important; }
    form.powermail_form .form-group .input .custom-upload {
        text-align: center; }
    form.powermail_form .form-group .input .custom-upload .label-upload {
        bottom: unset;
        left: unset;
        padding-top: 10px;
        margin: 0 auto; }
    form.powermail_form .form-group .actions .form-navigation .btn-toolbar {
        justify-content: flex-start !important; }
    form.powermail_form .form-group .actions .form-navigation .btn-toolbar .btn-group {
        bottom: 0;
        top: 40px; }
    form.powermail_form .form-group .actions .form-navigation .btn-toolbar .btn-group .btn-primary {
        text-align: left;
        padding: 15px 0 20px 0 !important;
        margin: 0;
        max-width: 280px !important; }
    form.powermail_form.step-2 .clearfix p {
        max-width: 100%; }
    form.powermail_form.step-2 .form-group .input .custom-upload {
        text-align: center; } }
fieldset {
    border: none;
    padding: 0;
}

form.powermail_form .form-group .powermail_field_type_text {
    font-size: 20px;
    font-weight: 700;
}
form.powermail_form .form-group .powermail_field_type_text {
    font-size: 20px;
    font-weight: 700;
}
form.powermail_form .powermail_fieldwrap_type_check .checkbox,
form.powermail_form .powermail_fieldwrap_type_check .checkbox label {
    cursor:pointer;
}

input::file-selector-button {
    width: 250px;
    height: 60px;
    color: #333333 !important;
    background-color: #ffffff;
    padding: 18px 40px;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    display: inline-block;
    position: relative;
    border: none;
    margin-right: 10px;
    cursor: pointer; !important;
}
.powermail-errors-list.filled {
    margin-top:10px;
}
.container-fluid-nopadding {
    padding: 0
}
.invalid-text {
    color: red;
}
.powermail_fieldwrap_statischertextbilddateien {
    margin-top: 100px;
}
/* The container must be positioned relative: */
.custom-select {
    position: relative;
}

.custom-select select {
    display: none; /*hide original SELECT element: */
}

.select-selected {
    background-color: white;
    width: 100%;
    padding-left: 20px !important;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    outline: 0 !important;
    box-shadow: unset !important;
    border: 0;
    height: 60px;
    display:flex;
    align-items: center;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 53%; /* normaly 50%, but the arrow is not centered in its on viewbox */
    transform: translateY(-50%);
    right: 35px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #000 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    padding: 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: #f8f9fa;
}

.i_accordion__item {
    margin: 10px 0;
}
.i_accordion__itemHeader {
    background-color: #fff;
    border: none;
    transform: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: #434343 !important;
    padding: 12px 20px 12px 30px;
    margin-bottom: 0;
    cursor: pointer;
}

.i_accordion__itemBody {
    padding: 30px;
    display: none;
    background-color: #F2F1EF;
}
.i_accordion__itemBody a {
    color: #F1972D;
}

.i_accordion__item--open .i_accordion__itemHeader {
    background-color: #F2F1EF;
}
.i_lightboxslider {
    overflow: hidden;
    position: relative;
}

.i_lightboxslider__static {
    display: flex;
    transition: transform .4s;
}
.i_lightboxslider__item {
    display: grid;
    grid-template-columns: 1fr;
    flex: 0 0 50%;
}
.i_lightboxslider__item--clickable {
    cursor: pointer;
}

.i_slideitem__image {
    max-width: 100%;
    height: auto;
}
.i_slideitem__image--svg {
    height: 130px;
}
.i_slideitem__imageWrap {
    display: flex;
    justify-content: center;
}
.i_slideitem__header {
    font-weight: bolder;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}
.i_lightboxslider__lightbox {
    z-index: -1;
    opacity: 1;
    background-color: #000000aa;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    overflow-y: auto;
}
.i_lightboxslider__arrowwrap {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    justify-content: space-between;
    z-index: 9;
}
.i_lightboxslider__arrow {
    background-image: url('/typo3conf/ext/imia_typo3_setup/Resources/Public/Images/lightbox-weiter-orange.svg');
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.i_lightboxslider__arrow--prev {
    transform: rotate(180deg);
}
.i_lightboxslider__lightbox--open {
    z-index: 999;
}
.i_lightbox {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 100%;
}
.i_lightbox__item {

    opacity: 0;
    transition: opacity .4s;
    background-color: #fff;
    padding: 44px;
    position: absolute;
    top: -5000px;
    left: 0;
    display: block;
    width: 1328px ;

}
.i_lightbox__item--active {
    opacity: 1;
    top: 0;
    position: relative;

}

.i_lightbox__close {
    background-image: url('/typo3conf/ext/imia_typo3_setup/Resources/Public/Images/lightbox-schliessen.svg');
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 44px;
    right: 44px;
    cursor: pointer;
    z-index: 100;
}
.i_lightbox__arrowwrap {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 44px;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.i_lightbox__arrow {
    background-image: url('/typo3conf/ext/imia_typo3_setup/Resources/Public/Images/lightbox-weiter.svg');
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.i_lightbox__arrow--prev {
    transform: rotate(180deg);
}
.i_lightbox__header {
    color: #2a2a2a;
    font-size: 70px;
}
.i_lightbox__header__teaser {
    color: #2a2a2a;
}
.i_slideitem__text strong{
    color: #f1972d;
}
@media (max-width: 1360px) {
    .i_lightboxslider__lightbox {
        padding: 30px 40px;
    }
    .i_lightbox__item {
        width: 100%;
        padding: 20px 15px 40px 15px;
    }
    .i_lightbox__header {
        font-size: 35px;
    }
    .i_lightbox__arrow {
        margin-right: -60px;
    }
    .i_lightbox__arrow--prev {
        margin-right: 0;
        margin-left: -60px;
    }
    .i_lightbox__close {
        width: 30px;
        height: 30px;
        top: 15px;
        right: 15px;
    }
}
@media only screen and (max-width: 767px) {
    .i_lightboxslider__item {
        flex: 0 0 100%;
    }
}
@media only screen and (min-width: 992px) {
    .i_lightboxslider__static {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 30px;
    }
    .i_lightboxslider__arrowwrap {
        display: none;
    }
    .i_lightbox__header {
        line-height: 70px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .i_lightbox__item {
        width: 87.5%;
        padding: 55px;
    }
}
.i_pseudo {
    display: none;
}
.i_subnav {
    position: fixed;
    top: 142px;
    padding: 0 30px;
    left: 0;
    right: 0;
    transition: top 0.3s;
    background-color: #F2F1EF;
    overflow-x: hidden;
}
.i_subnav__container {
    display: flex;
    transition: transform .5s;
    height: 120px;
}
.i_subnav__item {
    flex: 0 0 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.i_subnav__item:hover, .i_subnav__item--active {
    background-color: #dddbd7;
    cursor:pointer;
}
.i_subnav__link {
    padding: 25px 10px;
    font-size: 16px;
    font-weight: 700;
    color: #adaba8;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-transform: lowercase;
}
.i_subnav__move {
    overflow: hidden;
    padding: 0 !important;
}
.i_subnav__link:hover {
    color: #adaba8;
    text-decoration: none;
}
.i_subnav__arrowwrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 0 !important;
}
.i_subnav__arrow {
    padding: 0 5px;
    margin: 6px 0;
    display: flex;
    align-items: center;
    transition: all .5s;
}
.i_subnav__arrow--next {
    border-left: 1px solid #adaba8;
}
.i_subnav__arrow--prev {
    border-right: 1px solid #adaba8;
}
.i_subnav__arrow--next::before {
    background: none;
    content: '\25ba';
    font-size: 28px;
    color: rgb(173, 171, 168);
}
.i_subnav__arrow--prev::before {
    background: none;
    content: '\25c0';
    font-size: 28px;
    color: rgb(173, 171, 168);
}
.form-floating {
    position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 64px;
    min-height: 64px;
    line-height: 2;
}
.form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: 1.5rem 2rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Source Sans Pro, sans-serif;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    pointer-events: none;
    border: 0 solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 1rem 1rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
    color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
.form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
    transform: scale(0.85) translateY(-1rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
    position: absolute;
    inset: 1em;
    z-index: -1;
    height: 1em;
    content: "";
    font-weight: normal;
    background-color: #ffffff;
}
.form-floating > .form-control-plaintext ~ label {
    border-width: 1em 0;
}
.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 2px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.clever-reach {
    color: #ffffff;
    border-color: #ffffff;
    font-size: 20px;
    height: 64px;
    width: 100%;
    font-weight: 400;
    font-family: Source Sans Pro, sans-serif;
}
.mb-1 {
    margin-bottom: 1rem !important;
}

.i_cta {
    position: fixed;
    right: 0;
    bottom: 170px;
    z-index: 11;
    border: 2px solid black;
    border-right: none;
    transform: translateX(100%);
    transition-duration: 1.5s;
    box-shadow: -3px 3px 10px #00000041;
}
.i_cta.shown {
    transform: translateX(0);
}
.i_cta__wrapper {
    background-color: #F1972D;
    display: flex;
    height: 335px;
    width: 645px;
    padding: 40px 25px 40px 35px;
    position: relative;
}
.i_cta__image {
    margin-right: 40px;
}
.i_cta__image img {
    width: 175px;
    height: 250px;
}
.i_cta__text {
    max-width: 345px;
}
.i_cta__text h2, .i_cta__text p {
    color: #fff;
}
.i_cta__text a.button {
    background-color: #f1972d;
    color: #fff;
    border: 2px solid #fff;
}
.i_cta__close {
    position: absolute;
    top: 15px;
    right: 25px;
    cursor: pointer;
}

.page-1 .i_cta {
    bottom: 29px;
}

section.download-form {
    overflow: hidden;
}

form.powermail_form_4,
form.powermail_form_5,
form.powermail_form_7{
    padding-top: 0;
    position: relative;
}
form.powermail_form .form-group .powermail_field .checkbox label {
    margin-top: 20px;
    position: relative;
    display: inline-block;
    width: 90%;
}
form.powermail_form .form-group .powermail_field .checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    font: inherit;
    color: currentColor;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    width: 45px;
    height: 45px;
    margin-right: 10px;
    padding: 5px;
    cursor: pointer;
    margin-top: 10px;
}

form input[type="checkbox"]::before{
    content: "";
    width: 1.5em;
    height: 1.5em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1.5em 1.5em #F1972D;
}

form input[type="checkbox"]:checked::before{
    transform: scale(1);
}
form.powermail_form_4 .form-group .powermail_field input[type=submit],
form.powermail_form_5 .form-group .powermail_field input[type=submit],
form.powermail_form_7 .form-group .powermail_field input[type=submit]{
    cursor: pointer;
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    padding: 20px 60px;
    height: unset;
    width: auto;
    font-weight: 500;
    position: absolute;
    right: 15px;
    bottom: -185px;
}
body.has-subnav {
    .i_cta {
        bottom: 88px;
    }
}
form.powermail_form_4 .powermail_fieldset .powermail_tab_navigation,
form.powermail_form_5 .powermail_fieldset .powermail_tab_navigation,
form.powermail_form_7 .powermail_fieldset .powermail_tab_navigation{
    padding-bottom: 40px;
    padding-top: 150px;
}
@media only screen and (max-width: 990px) {
    form.powermail_form_4,
    form.powermail_form_5,
    form.powermail_form_7{
        .form-group .powermail_field input[type='submit'] {
            right: unset;
            bottom: -125px;
        }

        .powermail_fieldset .powermail_tab_navigation {
            padding-bottom: 145px;
            padding-top: 0;
            padding-left: 5px;
        }
    }
}
@media only screen and (min-width: 1050px) and (max-width: 1355px) {
    form.powermail_form .form-group .powermail_field .checkbox label {
        width: 85%;
        margin-top: 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1050px) {
    body.has-subnav {
        .i_cta {
            bottom: 83px;
        }
    }
    form.powermail_form .form-group .powermail_field .checkbox label {
        width: 85%;
        margin-top: 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
    .i_cta {
        bottom: 220px;
    }
    .page-1 {
        .i_cta {
            bottom: 0;
        }
    }
    body.has-subnav {
        .i_cta {
            bottom: 83px;
        }
    }
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
    .download-form h1 {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .i_cta {
        bottom: 0 !important;
        left: 0;
    }
    .i_cta__wrapper {
        width: 100%;
        height: 175px;
        padding: 20px;
    }
    .i_cta__text p:first-of-type {
        display: none;
    }
    .i_cta__text h2 {
        font-size: 28px;
    }
    .i_cta__image img {
        width: 95px;
        height: auto;
    }
    .download-form .columns-2 {
        .ce-gallery {
            img{
                max-width: 35%;
                margin-top: -40px;
                margin-bottom: 30px;
            }
        }
    }
    form.powermail_form .form-group .powermail_field .checkbox label {
        margin-top: 10px;
        width: 80%;
    }
}
.youtube-video .video-embed::after {
    padding-top: 0;
}
.cookie-message {
    background-color: #F1972D;
    padding: 3rem;
    text-align: center;
}
.cookie-message p {
    color: white;
}

.cookie-message p a {
    background-color: #f1972d;
    color: #fff;
    border: 2px solid #fff;
}
.cookie-message p a:hover {
    background-color: #fff;
    color: #f1972d;
    border: 2px solid #fff;
    cursor: pointer;
}

.powermail_form_1 .field-upload-wrapper {
    height: auto;
    position: relative;
}
.powermail_form_1 .field-upload-wrapper img {
    position: absolute;
    width: 100%;
    z-index: 1;
    pointer-events: none;
    top: 0;
    left: 0;
}
.powermail_form_1 .dz-drag-hover {
    background-color: #f0f8ff;
    border-color: #007bff;
}
.powermail_form_1 .pm-dragdrop-area {
    width: 100%;
    padding-left: 75px;
    height: 500px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    position: relative;
}
@media (max-width: 980px) {
    .powermail_form_1 .pm-dragdrop-area {
        height: 350px;
    }
}
@media (max-width: 768px) {
    .powermail_form_1 .pm-dragdrop-area {
        height: 275px;
    }
}
.powermail_form_1 .upload-hint {
    height: 450px;
    position: absolute;
    top: 0;
    padding-top: 19%;
    padding-left: 75px;
    background-color: #fff;
    left: -2000px;
    width: 100%;
    opacity: 0;
    transition: opacity 0.2s, left 0.5s;
    pointer-events: none;
    z-index: 2;
}
.powermail_form_1 .upload-hint.highlight {
    left: 0;
    opacity: 0.9;
}

.powermail_form_1 .field-upload-wrapper .image-text {
    z-index: 2;
    position: absolute;
    font-size: 2.15rem;
}
.powermail_form_1 .field-upload-wrapper .image-text .allowed-mimetypes {
    font-size: 1.5rem;
}
.powermail_form_1 .form-group .powermail_field input , .powermail_form_1 .powermail_field .powermail_textarea {
    border: none;
}
.powermail_form_1 .dropzone {
    background: transparent !important;
    z-index: 2;
    transition: all 0.35s linear;
}
.powermail_form_1 .dropzone:not(.dz-started):hover {
    filter: brightness(70%);
}
.powermail_form_1 .dz-started {
    background: #fff !important;
    color: #000 !important;
    transition: all 0.35s linear;
}
.powermail_form_1 .dz-progress {
    display: none !important;
}
.powermail_form_1 .dz-remove {
    color: #000 !important;
}
.powermail_form_1 .dz-started img {
    display: none;
}
.powermail_form_1 .dz-started .image-text {
    display: none;
}
.powermail_form_1 .powermail_fieldwrap_type_file .image-text {
    pointer-events: none;
}
.powermail_form_1 .form-group .powermail_field .powermail_file {
    padding: 0;
    margin: 15px 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.powermail_form_1 .dz-drag-hover {
    transition: all 0.35s linear;
    background: #fff !important;
    color: #000 !important;
}
.powermail_form_1 .dz-drag-hover img {
    display: none;
}
.powermail_form_1 .dz-drag-hover .image-text {
    display: none;
}
.powermail_form_1 .dropzone .dz-preview .dz-error-message {
    top: -45px !important;
    left: -20px !important;
}
.powermail_form_1 .dropzone .dz-preview .dz-error-message:after {
    content: "";
    position: absolute;
    top: 42px !important;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #be2626 !important;
    border-bottom: none !important;
}
.powermail_form_1 .dz-remove {
    margin-top: 5px;
}
.powermail_form_1 .dropzone .dz-preview {
    min-height: 50px !important;
}
.powermail_form_1 .dropzone .dz-preview .dz-image {
    width: 100px !important;
    height: 100px !important;
}
.powermail_form_1 .dropzone .dz-preview .dz-details {
    font-size: 11px !important;
    padding: 1em 0.5em !important;
}
.powermail_form_1 .dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 0.3em !important;
    font-size: 12px !important;
}
.powermail_form_1 .dropzone .dz-preview .dz-success-mark,
.powermail_form_1 .dropzone .dz-preview .dz-error-mark {
    margin-left: -17px !important;
    margin-top: -11px !important;
}
.powermail_form_1 .dropzone .dz-preview .dz-success-mark svg,
.powermail_form_1 .dropzone .dz-preview .dz-error-mark svg {
    width: 35px !important;
    height: 35px !important;

}
.powermail_form_1 .dropzone {
    height: 28.25vw !important;
    max-height: 500px !important;
    border: none !important;
    margin-top: 15px;
}
@media (min-width: 1401px) {
    .powermail_form_1 .dropzone {
        height: 34.25vw !important;
    }
}
@media (min-width: 1121px) and (max-width: 1400px) {
    .powermail_form_1 .dropzone {
        height: 36.25vw !important;
    }
}
@media (max-width: 1120px) {
    .powermail_form_1 .dropzone {
        height: 34vw !important;
    }
}

@media (max-width: 980px) {
    .powermail_form_1 .dropzone {
        height: 31vw !important;
    }
    .powermail_form_1 .field-upload-wrapper .image-text {
        font-size: 1.25rem;
    }
    .powermail_form_1 .field-upload-wrapper .image-text .allowed-mimetypes {
        font-size: 1rem;
    }
}
@media (min-width: 700px) and (max-width: 980px) {
    .powermail_form_1 .dropzone {
        height: 33vw !important;
    }
}
@media (max-width: 560px) {
    .powermail_form_1 .pm-dragdrop-area {
        align-content: flex-start;
    }
    .powermail_form_1 .field-upload-wrapper .image-text {
        font-size: 1.05rem;
    }
    .powermail_form_1 .field-upload-wrapper .image-text .allowed-mimetypes {
        font-size: 0.75rem;
    }
}
@media (max-width: 450px) {
    .powermail_form_1 .field-upload-wrapper .image-text {
        font-size: 0.75rem;
    }
    .powermail_form_1 .field-upload-wrapper .image-text .allowed-mimetypes {
        font-size: 0.6rem;
    }
}
.powermail_form_1 .powermail_fieldwrap_anfrageabschickentext {
    font-family: 'Source Sans Pro', sans-serif;
    color: white;
    font-size: 25px;
    margin-top: 25px;
}
.powermail_form_1 .powermail_fieldwrap_anfrageabschicken_submit {
    text-align: right;
}
.powermail_form_1 .powermail_fieldwrap_anfrageabschicken_submit input[type="submit"] {
    appearance: none;
    background: transparent;
    border: 2px solid white !important;
    height: auto !important;
    padding: 20px 20px !important;
    max-width: 350px;
    color: white !important;
    font-weight: normal !important;
    cursor: pointer;
}
.powermail_form_1 .dz-default.dz-message {
    pointer-events: none;
}

.header-button {
    text-transform: uppercase;
    color: white;
    background: #f1972d;
    padding: 10px 30px;
    text-align: center;
    min-width: 150px;
    margin-right: 35px;
}
.header-button:hover {
    text-decoration: none;
    color: #f1972d;
    border: 2px solid #f1972d;
    background: white;
}

@media (max-width: 980px) {
    .header-button {
        min-width: 100px;
    }
}

form.powermail_form .form-group .powermail_field input[type="file"] {
    height: 100px;
}