/* Theme Name: emk Publisher Theme URI: http://enders-marketing.de Description: EMK-Publisher Author: enders Interaktiv Author URI: http://enders-marketing.de Version: 1.1 */ /* _emk_1_style_mst_helper/ _emk_1_style_mst_mods/ */ @import 'icomoon/style.css'; /* gelasio-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Gelasio"; font-style: normal; font-weight: 400; src: url("./fonts/gelasio-v13-latin-regular.eot"); /* IE9 Compat Modes */ src: url("./fonts/gelasio-v13-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/gelasio-v13-latin-regular.woff2") format("woff2"), url("./fonts/gelasio-v13-latin-regular.woff") format("woff"), url("./fonts/gelasio-v13-latin-regular.ttf") format("truetype"), url("./fonts/gelasio-v13-latin-regular.svg#Gelasio") format("svg"); /* Legacy iOS */ } /* gelasio-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Gelasio"; font-style: italic; font-weight: 400; src: url("./fonts/gelasio-v13-latin-italic.eot"); /* IE9 Compat Modes */ src: url("./fonts/gelasio-v13-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/gelasio-v13-latin-italic.woff2") format("woff2"), url("./fonts/gelasio-v13-latin-italic.woff") format("woff"), url("./fonts/gelasio-v13-latin-italic.ttf") format("truetype"), url("./fonts/gelasio-v13-latin-italic.svg#Gelasio") format("svg"); /* Legacy iOS */ } /* gelasio-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Gelasio"; font-style: normal; font-weight: 500; src: url("./fonts/gelasio-v13-latin-500.eot"); /* IE9 Compat Modes */ src: url("./fonts/gelasio-v13-latin-500.eot?#iefix") format("embedded-opentype"), url("./fonts/gelasio-v13-latin-500.woff2") format("woff2"), url("./fonts/gelasio-v13-latin-500.woff") format("woff"), url("./fonts/gelasio-v13-latin-500.ttf") format("truetype"), url("./fonts/gelasio-v13-latin-500.svg#Gelasio") format("svg"); /* Legacy iOS */ } /* gelasio-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Gelasio"; font-style: italic; font-weight: 500; src: url("./fonts/gelasio-v13-latin-500italic.eot"); /* IE9 Compat Modes */ src: url("./fonts/gelasio-v13-latin-500italic.eot?#iefix") format("embedded-opentype"), url("./fonts/gelasio-v13-latin-500italic.woff2") format("woff2"), url("./fonts/gelasio-v13-latin-500italic.woff") format("woff"), url("./fonts/gelasio-v13-latin-500italic.ttf") format("truetype"), url("./fonts/gelasio-v13-latin-500italic.svg#Gelasio") format("svg"); /* Legacy iOS */ } /* gelasio-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Gelasio"; font-style: normal; font-weight: 600; src: url("./fonts/gelasio-v13-latin-600.eot"); /* IE9 Compat Modes */ src: url("./fonts/gelasio-v13-latin-600.eot?#iefix") format("embedded-opentype"), url("./fonts/gelasio-v13-latin-600.woff2") format("woff2"), url("./fonts/gelasio-v13-latin-600.woff") format("woff"), url("./fonts/gelasio-v13-latin-600.ttf") format("truetype"), url("./fonts/gelasio-v13-latin-600.svg#Gelasio") format("svg"); /* Legacy iOS */ } /* gelasio-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Gelasio"; font-style: italic; font-weight: 600; src: url("./fonts/gelasio-v13-latin-600italic.eot"); /* IE9 Compat Modes */ src: url("./fonts/gelasio-v13-latin-600italic.eot?#iefix") format("embedded-opentype"), url("./fonts/gelasio-v13-latin-600italic.woff2") format("woff2"), url("./fonts/gelasio-v13-latin-600italic.woff") format("woff"), url("./fonts/gelasio-v13-latin-600italic.ttf") format("truetype"), url("./fonts/gelasio-v13-latin-600italic.svg#Gelasio") format("svg"); /* Legacy iOS */ } /* gelasio-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Gelasio"; font-style: normal; font-weight: 700; src: url("./fonts/gelasio-v13-latin-700.eot"); /* IE9 Compat Modes */ src: url("./fonts/gelasio-v13-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/gelasio-v13-latin-700.woff2") format("woff2"), url("./fonts/gelasio-v13-latin-700.woff") format("woff"), url("./fonts/gelasio-v13-latin-700.ttf") format("truetype"), url("./fonts/gelasio-v13-latin-700.svg#Gelasio") format("svg"); /* Legacy iOS */ } /* gelasio-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Gelasio"; font-style: italic; font-weight: 700; src: url("./fonts/gelasio-v13-latin-700italic.eot"); /* IE9 Compat Modes */ src: url("./fonts/gelasio-v13-latin-700italic.eot?#iefix") format("embedded-opentype"), url("./fonts/gelasio-v13-latin-700italic.woff2") format("woff2"), url("./fonts/gelasio-v13-latin-700italic.woff") format("woff"), url("./fonts/gelasio-v13-latin-700italic.ttf") format("truetype"), url("./fonts/gelasio-v13-latin-700italic.svg#Gelasio") format("svg"); /* Legacy iOS */ } /* open-sans-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Open Sans"; font-style: normal; font-weight: 300; src: url("./fonts/open-sans-v43-latin-300.eot"); /* IE9 Compat Modes */ src: url("./fonts/open-sans-v43-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v43-latin-300.woff2") format("woff2"), url("./fonts/open-sans-v43-latin-300.woff") format("woff"), url("./fonts/open-sans-v43-latin-300.ttf") format("truetype"), url("./fonts/open-sans-v43-latin-300.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Open Sans"; font-style: italic; font-weight: 300; src: url("./fonts/open-sans-v43-latin-300italic.eot"); /* IE9 Compat Modes */ src: url("./fonts/open-sans-v43-latin-300italic.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v43-latin-300italic.woff2") format("woff2"), url("./fonts/open-sans-v43-latin-300italic.woff") format("woff"), url("./fonts/open-sans-v43-latin-300italic.ttf") format("truetype"), url("./fonts/open-sans-v43-latin-300italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("./fonts/open-sans-v43-latin-regular.eot"); /* IE9 Compat Modes */ src: url("./fonts/open-sans-v43-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v43-latin-regular.woff2") format("woff2"), url("./fonts/open-sans-v43-latin-regular.woff") format("woff"), url("./fonts/open-sans-v43-latin-regular.ttf") format("truetype"), url("./fonts/open-sans-v43-latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Open Sans"; font-style: italic; font-weight: 400; src: url("./fonts/open-sans-v43-latin-italic.eot"); /* IE9 Compat Modes */ src: url("./fonts/open-sans-v43-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v43-latin-italic.woff2") format("woff2"), url("./fonts/open-sans-v43-latin-italic.woff") format("woff"), url("./fonts/open-sans-v43-latin-italic.ttf") format("truetype"), url("./fonts/open-sans-v43-latin-italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Open Sans"; font-style: normal; font-weight: 500; src: url("./fonts/open-sans-v43-latin-500.eot"); /* IE9 Compat Modes */ src: url("./fonts/open-sans-v43-latin-500.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v43-latin-500.woff2") format("woff2"), url("./fonts/open-sans-v43-latin-500.woff") format("woff"), url("./fonts/open-sans-v43-latin-500.ttf") format("truetype"), url("./fonts/open-sans-v43-latin-500.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Open Sans"; font-style: italic; font-weight: 500; src: url("./fonts/open-sans-v43-latin-500italic.eot"); /* IE9 Compat Modes */ src: url("./fonts/open-sans-v43-latin-500italic.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v43-latin-500italic.woff2") format("woff2"), url("./fonts/open-sans-v43-latin-500italic.woff") format("woff"), url("./fonts/open-sans-v43-latin-500italic.ttf") format("truetype"), url("./fonts/open-sans-v43-latin-500italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Open Sans"; font-style: normal; font-weight: 600; src: url("./fonts/open-sans-v43-latin-600.eot"); /* IE9 Compat Modes */ src: url("./fonts/open-sans-v43-latin-600.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v43-latin-600.woff2") format("woff2"), url("./fonts/open-sans-v43-latin-600.woff") format("woff"), url("./fonts/open-sans-v43-latin-600.ttf") format("truetype"), url("./fonts/open-sans-v43-latin-600.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Open Sans"; font-style: italic; font-weight: 600; src: url("./fonts/open-sans-v43-latin-600italic.eot"); /* IE9 Compat Modes */ src: url("./fonts/open-sans-v43-latin-600italic.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v43-latin-600italic.woff2") format("woff2"), url("./fonts/open-sans-v43-latin-600italic.woff") format("woff"), url("./fonts/open-sans-v43-latin-600italic.ttf") format("truetype"), url("./fonts/open-sans-v43-latin-600italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("./fonts/open-sans-v43-latin-700.eot"); /* IE9 Compat Modes */ src: url("./fonts/open-sans-v43-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v43-latin-700.woff2") format("woff2"), url("./fonts/open-sans-v43-latin-700.woff") format("woff"), url("./fonts/open-sans-v43-latin-700.ttf") format("truetype"), url("./fonts/open-sans-v43-latin-700.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Open Sans"; font-style: italic; font-weight: 700; src: url("./fonts/open-sans-v43-latin-700italic.eot"); /* IE9 Compat Modes */ src: url("./fonts/open-sans-v43-latin-700italic.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v43-latin-700italic.woff2") format("woff2"), url("./fonts/open-sans-v43-latin-700italic.woff") format("woff"), url("./fonts/open-sans-v43-latin-700italic.ttf") format("truetype"), url("./fonts/open-sans-v43-latin-700italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Open Sans"; font-style: normal; font-weight: 800; src: url("./fonts/open-sans-v43-latin-800.eot"); /* IE9 Compat Modes */ src: url("./fonts/open-sans-v43-latin-800.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v43-latin-800.woff2") format("woff2"), url("./fonts/open-sans-v43-latin-800.woff") format("woff"), url("./fonts/open-sans-v43-latin-800.ttf") format("truetype"), url("./fonts/open-sans-v43-latin-800.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Open Sans"; font-style: italic; font-weight: 800; src: url("./fonts/open-sans-v43-latin-800italic.eot"); /* IE9 Compat Modes */ src: url("./fonts/open-sans-v43-latin-800italic.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v43-latin-800italic.woff2") format("woff2"), url("./fonts/open-sans-v43-latin-800italic.woff") format("woff"), url("./fonts/open-sans-v43-latin-800italic.ttf") format("truetype"), url("./fonts/open-sans-v43-latin-800italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } h1, h2 { -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.2; font-family: "Gelasio", Arial, sans-serif; color: #000; font-size: clamp(32px, 4vw, 77px); font-weight: 600; margin: 0; } h3 { -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.2; font-family: "Gelasio", Arial, sans-serif; font-size: 26px; font-weight: 400; margin: 0; } @media (min-width: 920px) { h3 { font-size: 38px; } } h4, h5 { -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.2; font-family: "Gelasio", Arial, sans-serif; font-size: 16px; font-weight: 400; margin: 0; } @media (min-width: 920px) { h4, h5 { font-size: 29px; } } p, a, li { font-family: "Open Sans", Arial, sans-serif; color: #000000; margin: 0 0 16px 0; text-decoration: none; list-style: none; font-size: 20px; line-height: 1.4; font-weight: 400; } .navbar { height: 60px; background: rgb(255, 255, 255); position: fixed; top: 0; left: 0; right: 0; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .navbar .navbar-inner { border: none; height: 100%; max-width: 94%; margin: 0 auto; } .navbar .navbar-inner .container { margin: 0 auto; height: 100%; position: relative; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .navbar .navbar-inner .container:after, .navbar .navbar-inner .container:before { display: none; } .navbar .navbar-inner .container #brand { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } @media (min-width: 1100px) { .navbar .navbar-inner .container #brand { width: 25%; min-width: 25%; } } .navbar .navbar-inner .container #brand.active { opacity: 1; } .navbar .navbar-inner .container #brand a { display: block; margin: 0; } .navbar .navbar-inner .container #brand a img { margin: 0; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ min-width: 80px; max-width: 180px; max-height: 50px; } .navbar .navbar-inner .container #brand a img.white { display: block; } .navbar .navbar-inner .container #brand a img.green { display: none; } @media (min-width: 1100px) { .navbar .navbar-inner .container #brand a img { max-height: 80px; } } @media (min-width: 768px) { .navbar .navbar-inner .container #brand { width: 27%; min-width: 27%; margin-right: 0; } .navbar .navbar-inner .container #brand a img { width: 100%; } } .navbar .navbar-inner .container #nav_wrap { width: 70%; min-width: 70%; display: none; } .navbar .navbar-inner .container #nav_wrap ul#static_nav { margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; gap: 25px; } .navbar .navbar-inner .container #nav_wrap ul#static_nav li { width: auto; min-width: auto; list-style: none; margin: 0 10px; } .navbar .navbar-inner .container #nav_wrap ul#static_nav li a { color: #000; font-size: 20px; font-weight: 700; text-decoration: none; text-transform: uppercase; padding: 8px; } .navbar .navbar-inner .container #nav_wrap ul#static_nav li.emk_btn { margin-right: 0; } .navbar .navbar-inner .container #nav_wrap ul#static_nav li:hover > a { color: #9CC342; } .navbar .navbar-inner .container #nav_wrap ul#static_nav li.active > a { color: #9CC342; } @media (min-width: 1100px) { .navbar .navbar-inner .container #nav_wrap { display: block; } } .navbar .navbar-inner .container #nav_wrap .nav_wrap_second { width: 100%; display: none; } @media (min-width: 1100px) { .navbar .navbar-inner .container #nav_wrap .nav_wrap_second { padding: 10px 16px 0 0; display: block; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-align-content: center; -moz-align-content: center; -ms-flex-line-pack: center; align-content: center; } } .navbar .navbar-inner .container #nav_wrap .nav_wrap_second ul#menu-desktop-second { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .navbar .navbar-inner .container #nav_wrap .nav_wrap_second ul#menu-desktop-second li { list-style: none; width: auto; border-right: 1px solid #EB00FF; margin: 0; } .navbar .navbar-inner .container #nav_wrap .nav_wrap_second ul#menu-desktop-second li:last-child { border-right: none; } .navbar .navbar-inner .container #nav_wrap .nav_wrap_second ul#menu-desktop-second li a { padding: 8px 16px; text-decoration: none; text-transform: uppercase; font-size: 14px; color: #EB00FF; } .navbar .navbar-inner .container #nav_wrap .nav_wrap_second #emk-search { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .navbar .navbar-inner .container #nav_wrap ul#menu-desktop { width: 100% !important; } .navbar .navbar-inner .container #nav_wrap ul#menu-desktop li a { font-size: 20px; font-weight: 600; text-transform: none; color: #EB00FF; } .navbar .navbar-inner .container #nav_wrap ul#menu-desktop li.current_page_item a, .navbar .navbar-inner .container #nav_wrap ul#menu-desktop li.current-page-ancestor a { color: #F2F9ED; } .navbar .navbar-inner .container #nav_wrap ul#menu-desktop li.current_page_item ul.sub-menu li a, .navbar .navbar-inner .container #nav_wrap ul#menu-desktop li.current-page-ancestor ul.sub-menu li a { color: #EB00FF; } .navbar .navbar-inner .container #nav_wrap ul#menu-desktop li ul.sub-menu { top: 48px !important; width: auto; } .navbar .navbar-inner .container #nav_wrap ul#menu-desktop li ul.sub-menu li { padding: 0 8px 0 0px; } .navbar .navbar-inner .container #nav_wrap ul#menu-desktop li ul.sub-menu li a { font-size: 15px; padding: 6px 0; margin: 0; } .navbar .navbar-inner .container #nav_wrap ul#menu-desktop li ul.sub-menu li a:hover { background: transparent; color: #F2F9ED; } .navbar .navbar-inner .container #mobile-menu_burger { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; width: 60px; height: 50px; position: relative; cursor: pointer; } .navbar .navbar-inner .container #mobile-menu_burger span[class^=icon-] { font-size: 36px; padding: 6px; display: inline-block; position: absolute; left: 50%; transform: translate(-50%, 0); -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ color: #9CC342; } .navbar .navbar-inner .container #mobile-menu_burger .icon-cross2 { z-index: 1; opacity: 1; -webkit-transition: all 800ms ease; /* Firefox */ -moz-transition: all 800ms ease; /* WebKit */ -o-transition: all 800ms ease; /* Opera */ transition: all 800ms ease; /* Standard */ } .navbar .navbar-inner .container #mobile-menu_burger .icon-menu7 { z-index: 10; opacity: 0; -webkit-transition: all 800ms ease; /* Firefox */ -moz-transition: all 800ms ease; /* WebKit */ -o-transition: all 800ms ease; /* Opera */ transition: all 800ms ease; /* Standard */ } .navbar .navbar-inner .container #mobile-menu_burger.closed .icon-menu7 { opacity: 1; -webkit-transition: all 800ms ease; /* Firefox */ -moz-transition: all 800ms ease; /* WebKit */ -o-transition: all 800ms ease; /* Opera */ transition: all 800ms ease; /* Standard */ } .navbar .navbar-inner .container #mobile-menu_burger.closed .icon-cross2 { opacity: 0; -webkit-transition: all 800ms ease; /* Firefox */ -moz-transition: all 800ms ease; /* WebKit */ -o-transition: all 800ms ease; /* Opera */ transition: all 800ms ease; /* Standard */ } .navbar .navbar-inner .container ul#menu-desktop { display: none; } @media (min-width: 1100px) { .navbar .navbar-inner .container { max-width: 1440px; /* #brand { width: 29%; min-width: 29%; height: 100px; a { img{ margin: 0 !important; width: 100%; max-width: 170px; } } } */ } .navbar .navbar-inner .container ul.sf-menu { padding-left: 0; } .navbar .navbar-inner .container ul.sf-menu ul li:hover { visibility: inherit; } .navbar .navbar-inner .container #mobile-menu_burger { display: none; } .navbar .navbar-inner .container ul#menu-desktop, .navbar .navbar-inner .container ul#menu-desktop.sf-menu { width: 50%; min-width: 50%; margin: 0; line-height: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .navbar .navbar-inner .container ul#menu-desktop li, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li { margin: 0 10px; float: none; position: relative; list-style: none; } .navbar .navbar-inner .container ul#menu-desktop li:hover ul, .navbar .navbar-inner .container ul#menu-desktop li .sfHover ul, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li:hover ul, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li .sfHover ul { left: 0 !important; top: 43px !important; z-index: 99 !important; } .navbar .navbar-inner .container ul#menu-desktop li a, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li a { display: block; position: relative; font-size: 16px; font-weight: 400; text-shadow: none; text-transform: uppercase; text-decoration: none; padding: 13px 6px; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .navbar .navbar-inner .container ul#menu-desktop li a .sf-sub-indicator, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li a .sf-sub-indicator { display: inline-block; padding: 0 5px; font-size: 18px; display: none; } .navbar .navbar-inner .container ul#menu-desktop li a:hover, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li a:hover { cursor: pointer; color: #9CC342; background: none; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .navbar .navbar-inner .container ul#menu-desktop li.current-page-parent a, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li.current-page-parent a { color: #9CC342; } .navbar .navbar-inner .container ul#menu-desktop li.current_page_parent a a, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li.current_page_parent a a { color: #9CC342; } .navbar .navbar-inner .container ul#menu-desktop li ul.sub-menu, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li ul.sub-menu { position: absolute; top: -999px; width: 210px; border: none; background: #9CC342; padding-left: 5px; } .navbar .navbar-inner .container ul#menu-desktop li ul.sub-menu:after, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li ul.sub-menu:after { content: ""; display: inline-block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid white; position: absolute; top: -8px; left: 10px; border-bottom-color: #9CC342; } .navbar .navbar-inner .container ul#menu-desktop li ul.sub-menu li, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li ul.sub-menu li { border-bottom: 1px solid #EFEFEF; cursor: pointer; margin: 0 4px; } .navbar .navbar-inner .container ul#menu-desktop li ul.sub-menu li:last-child, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li ul.sub-menu li:last-child { border-bottom: none; } .navbar .navbar-inner .container ul#menu-desktop li ul.sub-menu li a, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li ul.sub-menu li a { text-transform: none; font-size: 16px; color: #000000; cursor: pointer; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .navbar .navbar-inner .container ul#menu-desktop li ul.sub-menu li a:hover, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li ul.sub-menu li a:hover { text-decoration: none; color: #9CC342; background: #fff; } .navbar .navbar-inner .container ul#menu-desktop li ul.sub-menu li a:last-child, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li ul.sub-menu li a:last-child { border-bottom: none; } .navbar .navbar-inner .container ul#menu-desktop li ul.sub-menu li ul.sub-menu, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li ul.sub-menu li ul.sub-menu { position: absolute; top: -999px; width: 210px; border: none; background: #9CC342; padding-left: 5px; left: 100% !important; top: 0 !important; } .navbar .navbar-inner .container ul#menu-desktop li ul.sub-menu li ul.sub-menu:after, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li ul.sub-menu li ul.sub-menu:after { content: ""; display: none; } .navbar .navbar-inner .container ul#emk_servicepack { margin: 0; padding: 0; line-height: 1; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .navbar .navbar-inner .container ul#emk_servicepack:before { content: ""; width: 2px; height: 50px; position: absolute; left: -30px; top: 0px; border-left: 2px solid #9CC342; } .navbar .navbar-inner .container ul#emk_servicepack li { list-style: none; } } .navbar.small { height: 60px; background: #fff; -webkit-box-shadow: 0px 10px 26px rgba(85, 117, 6, 0.1921568627); -moz-box-shadow: 0px 10px 26px rgba(85, 117, 6, 0.1921568627); box-shadow: 0px 10px 26px rgba(85, 117, 6, 0.1921568627); } .navbar.small #brand img { width: 100%; max-width: 120px; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .navbar.small #mobile-menu #mobile-menu-wrap ul#menu-mobile { margin-top: 70px !important; } .navbar.small #mobile-menu_burger { z-index: 9999999; } .navbar.small #mobile-menu_burger span[class^=icon-] { color: #9CC342 !important; } @media (min-width: 650px) { .navbar { height: 80px; } } @media (min-width: 1200px) { .navbar { height: 120px; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .navbar.small { height: 100px; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } } #menue-mobile { position: fixed; z-index: -1; top: 0; left: auto; right: 0; bottom: 0; background: rgb(255, 255, 255); width: 100%; -webkit-transition: right 500ms ease; /* Firefox */ -moz-transition: right 500ms ease; /* WebKit */ -o-transition: right 500ms ease; /* Opera */ transition: right 500ms ease; /* Standard */ } @media (min-width: 768px) { #menue-mobile { width: 50%; } } @media (min-width: 1100px) { #menue-mobile { display: none; } } #menue-mobile.out { right: -100% !important; -webkit-transition: right 500ms ease; /* Firefox */ -moz-transition: right 500ms ease; /* WebKit */ -o-transition: right 500ms ease; /* Opera */ transition: right 500ms ease; /* Standard */ } #menue-mobile #mobile-menu-wrap { width: 100%; height: 100%; overflow: scroll; } #menue-mobile #mobile-menu-wrap ul#menu-mobile { margin: 0; margin-top: 80px; padding: 0; padding-top: 6px; } @media (min-width: 650px) { #menue-mobile #mobile-menu-wrap ul#menu-mobile { margin-top: 120px; } } #menue-mobile #mobile-menu-wrap ul#menu-mobile li { padding: 0px; list-style: none; border-bottom: 1px solid #fff; margin-bottom: 0 !important; } #menue-mobile #mobile-menu-wrap ul#menu-mobile li a { text-decoration: none; margin: 0 !important; } #menue-mobile #mobile-menu-wrap ul#menu-mobile li.jobs { position: relative; } #menue-mobile #mobile-menu-wrap ul#menu-mobile li.jobs > span { position: absolute; top: 0px; left: 150px; padding: 0; width: 16px; height: 16px; background: #F2F9ED; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 16px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } #menue-mobile #mobile-menu-wrap ul#menu-mobile li a, #menue-mobile #mobile-menu-wrap ul#menu-mobile li > span { line-height: 40px; padding: 0 20px; display: block; } #menue-mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu { position: relative; float: none; padding: 0; margin: 0; border: none; } #menue-mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu li { background: #fff; border-bottom: none; padding-left: 20px; } #menue-mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu li a, #menue-mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu li p { border-bottom: 1px solid #9CC342 !important; line-height: 40px; padding: 0 20px; color: #000000; display: block; } #menue-mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu li p { margin-bottom: 0; } #menue-mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu li:last-child a { border-bottom: none !important; } #menue-mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu li.menu-item-has-children { position: relative; /* &:after { content: "\00bb"; font-size: 20px; position: absolute; right: 20px; top: 0; bottom: 0; line-height: 40px; } */ } #menue-mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu li.menu-item-has-children > .sub-menu li a { padding: 0 20px 0 40px; } #menue-mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu li.menu-item-has-children > .sub-menu li:last-child a { border-bottom: 1px solid #9CC342 !important; } #menue-mobile #mobile-menu-wrap ul#static_nav { margin: 0; margin-left: 30px; padding: 0; padding-top: 120px; } #menue-mobile #mobile-menu-wrap ul#static_nav li { width: auto; min-width: auto; list-style: none; margin: 20px 10px; } #menue-mobile #mobile-menu-wrap ul#static_nav li a { color: #000; font-size: 20px; font-weight: 700; text-decoration: none; text-transform: uppercase; padding: 8px; } #menue-mobile #mobile-menu-wrap ul#static_nav li.emk_btn { margin-right: 0; width: fit-content; } #menue-mobile #mobile-menu-wrap ul#static_nav li:hover > a { color: #9CC342; } #menue-mobile #mobile-menu-wrap ul#static_nav li.active > a { color: #9CC342; } footer { position: relative; width: 100%; background: #ffffff; overflow: hidden; top: 0; } @media (min-width: 540px) { footer { top: 60px; } } footer .container-footer { width: 94% !important; max-width: 1440px !important; margin: 0 auto; padding: 20px 0 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media (min-width: 1200px) { footer .container-footer { width: 100%; } } footer .container-footer p { color: #000000; font-size: 24px !important; text-align: center; display: block; width: 100%; } footer .container-footer p span { font-family: "Gelasio", Arial, sans-serif; font-weight: 600; } footer .container-footer a { color: #000000; font-size: 18px !important; } footer .container-footer .navigation-footer { margin: 0 auto; padding: 20px 0; } footer .container-footer .navigation-footer ul#menu-footer { background: red; margin: 0; padding: 0; } footer .container-footer .navigation-footer ul#menu-footer li { list-style: none; float: left; margin-right: 15px; } footer .container-footer .brand_footer, footer .container-footer .col_2 { width: 100%; min-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media (min-width: 920px) { footer .container-footer .brand_footer, footer .container-footer .col_2 { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } } footer .container-footer .brand_footer img { width: 100%; max-width: 120px; } footer .container-footer .tagline { border-top: 1px solid #000000; opacity: 0.75; text-align: center; } footer .container-footer .tagline p, footer .container-footer .tagline a, footer .container-footer .tagline li { font-size: 18px !important; color: #000000 !important; } footer .container-footer .tagline ul { display: inline-block; text-align: center; margin: 20px 0 0; padding: 0; } @media (min-width: 920px) { footer .container-footer .tagline ul { width: auto; margin: 20px 0 25px; } } footer .container-footer .tagline ul li { display: inline-block; padding: 0 10px; margin: 0; margin-bottom: 14px; } footer .container-footer .tagline ul li.firm { width: 100%; } @media (min-width: 768px) { footer .container-footer .tagline ul li.firm { width: auto; margin-right: 30px; } } footer .container-footer .tagline ul li a { padding: 3px 6px; text-decoration: none; } @media (min-width: 920px) { footer .container-footer { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding: 40px 0; } footer .container-footer .brand_footer { width: 15%; min-width: 15%; } footer .container-footer .brand_footer img { margin-bottom: 0; } footer .container-footer .col_2 { width: 80%; min-width: 80%; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } footer .container-footer .col_2 .brand_owner, footer .container-footer .col_2 .tagline { width: 100%; min-width: 100%; } footer .container-footer .col_2 .brand_owner { width: 60%; min-width: 60%; } footer .container-footer .col_2 .brand_owner p { padding: 0; margin: 0; text-align: left; line-height: auto; } footer .container-footer .col_2 .tagline { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 38%; min-width: 38%; border: none; } footer .container-footer .col_2 .tagline ul { display: inline-block; text-align: center; margin: 0; padding: 0; } footer .container-footer .col_2 .tagline ul li { display: inline-block; padding: 0 10px; margin: 0; } footer .container-footer .col_2 .tagline ul li.firm { width: 100%; } } @media (min-width: 920px) and (min-width: 768px) { footer .container-footer .col_2 .tagline ul li.firm { width: auto; margin-right: 30px; } } @media (min-width: 920px) { footer .container-footer .col_2 .tagline ul li a { padding: 3px 6px; text-decoration: none; } } footer.active-mobile-menue { display: none; } .sy-box .sy-slides-wrap ul.sy-controls { position: initial; } .sy-box .sy-slides-wrap ul.sy-controls li.sy-prev a:after { background-image: url("img_system/sliderarrow.svg"); background-color: transparent; width: 40px; height: 40px; margin: 0; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); border-radius: 0px; background-size: contain; background-position: center; } .sy-box .sy-slides-wrap ul.sy-controls li.sy-next a:after { background-image: url("img_system/sliderarrow.svg"); background-color: transparent; width: 40px; height: 40px; margin: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 0px; background-size: contain; background-position: center; } .sy-box .sy-slides-wrap .sy-caption-wrap { bottom: 60px; } #slider_emk.no_desc .sy-caption-wrap { display: none; } #slider_emk.dots_inside .sy-box { position: relative; } #slider_emk.dots_inside .sy-pager { position: absolute; margin: 0; bottom: 0; z-index: 4; } #slider_emk.dots_inside .sy-pager li:last-child { margin-right: 0; } #slider_emk.small_dots .sy-box ul.sy-pager li { height: 12px; width: 12px; } #slider_emk.small_dots .sy-box ul.sy-pager li a { width: 100%; background: transparent; border: 2px solid #9CC342; } #slider_emk.small_dots .sy-box ul.sy-pager li.sy-active a { width: 100%; opacity: 1; background: #9CC342; } #slider_emk.small_dots.client_cl .sy-box ul.sy-pager li { height: 12px; width: 12px; } #slider_emk.small_dots.client_cl .sy-box ul.sy-pager li a { width: 100%; background: transparent; border: 2px solid #e7f283; } #slider_emk.small_dots.client_cl .sy-box ul.sy-pager li.sy-active a { width: 100%; opacity: 1; background: #c0ca6a; } #slider_emk.no_dots .sy-pager { display: none; } .accordion_mst .ui-icon { background-image: none; margin-top: 0; text-indent: inherit; position: absolute; width: 30px; height: 30px; right: 40px; top: 50%; transform: translateY(-50%); font-size: 30px; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .accordion_mst .ui-widget { font-family: "Open Sans", Arial, sans-serif !important; } .accordion_mst .ui-corner-all { border-radius: 0; } .accordion_mst .ui-widget-content { border: none; } .accordion_mst h2, .accordion_mst h3 { font-size: 19px; border: none; border-radius: 0px; background: none; background-color: #9CC342; color: #fff; margin: 0; margin-bottom: 5px; padding: 8px 16px; outline: none; position: relative; } .accordion_mst h2 .icon-circle-right2, .accordion_mst h2 .icon-circle-down2, .accordion_mst h3 .icon-circle-right2, .accordion_mst h3 .icon-circle-down2 { width: 20px; height: 20px; } .accordion_mst .ui-accordion-content, .accordion_mst .accordion_segment .ui-accordion-content { padding: 0 30px; line-height: 1.6; margin-bottom: 15px; } .accordion_mst .ui-accordion-content ul, .accordion_mst .accordion_segment .ui-accordion-content ul { padding-left: 20px; } .frm_forms .frm-show-form .frm_error_style { color: red; font-family: "Open Sans", Arial, sans-serif !important; font-size: 16px; font-weight: 600; padding: 20px 0 0 30px; } .frm_forms .frm-show-form .frm_form_fields fieldset { border: none; padding: 0; margin: 0; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; width: 100%; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_form_field { width: 100%; margin-bottom: 10px; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_form_field.frm_half { width: 100%; min-width: 100%; } @media (min-width: 768px) { .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_form_field.frm_half { width: 49%; min-width: 49%; } } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_form_field .frm_single_upload { max-width: 100%; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_form_field .frm_description { color: #000000; font-family: "Open Sans", Arial, sans-serif !important; font-size: 14px; margin-bottom: 5px; text-align: center; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_form_field .frm_error { color: red; font-family: "Open Sans", Arial, sans-serif !important; font-size: 14px; margin: -5px 0 10px 0; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_primary_label { color: #717171; font-family: "Open Sans", Arial, sans-serif !important; font-size: 16px; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_required_field { position: relative; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_required_field .frm_error { position: relative; line-height: 1; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_required_field:has(.frm_error) input[type=text], .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_required_field:has(.frm_error) input[type=tel], .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_required_field:has(.frm_error) input[type=email], .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_required_field:has(.frm_error) input[type=number], .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_required_field:has(.frm_error) select, .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_required_field:has(.frm_error) textarea { border-color: #f00; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .call_time { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-top: 20px; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .call_time .frm_primary_label { display: block; font-size: 20px; font-weight: 600; line-height: 1.2; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .call_time .frm_opt_container { margin-left: 20px; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .call_time .frm_opt_container label { font-size: 18px; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .nachricht textarea { height: 100px; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .col_1 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; width: 100%; min-width: 100%; } @media (min-width: 768px) { .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .col_1 { width: 57%; min-width: 57%; } } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .col_1 .list { width: 100%; min-width: 100%; } @media (min-width: 768px) { .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .col_1 .list { width: 47%; min-width: 47%; } } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .col_1 .qr { width: 100%; min-width: 100%; } @media (min-width: 768px) { .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .col_1 .qr { width: 47%; min-width: 47%; } } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .col_2 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; width: 100%; min-width: 100%; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .col_2 .frm_form_field { width: fit-content; } @media (min-width: 768px) { .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .col_2 { width: 37%; min-width: 37%; } } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container img { width: 100%; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container input, .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container button, .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container select, .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container textarea { font-family: "Open Sans", Arial, sans-serif !important; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container input[type=text], .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container input[type=tel], .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container input[type=email], .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container input[type=number], .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container select, .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container textarea { box-sizing: border-box; background: transparent; color: #000000; padding: 0 15px 7px 0; width: 100%; margin-bottom: 10px; font-size: 18px; cursor: pointer; border-width: 2px; border-color: #fff; border-radius: 0; border-bottom: 2px solid #717171; outline-offset: 4px; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container input[type=checkbox] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container input[type=checkbox].checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; border: 2px solid #9CC342; z-index: 99; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container input:focus, .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container textarea:focus, .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container select:focus { border-color: transparent; box-shadow: none; outline: 2px solid #9CC342; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container input:not([type=file]):not([type=range]):not([readonly]):focus { border-color: transparent; box-shadow: none; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container p { font-size: 18px; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container input::-webkit-input-placeholder, .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container textarea::-webkit-input-placeholder, .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container select::-webkit-input-placeholder { color: #c2c2c2; font-size: 18px; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container input:-moz-placeholder, .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container textarea::-moz-placeholder, .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container select::-moz-placeholder { color: #c2c2c2; font-size: 18px; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container input::-moz-placeholder, .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container textarea::-moz-placeholder, .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container select::-moz-placeholder { color: #c2c2c2; font-size: 18px; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container input::-ms-input-placeholder, .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container textarea::-ms-input-placeholder, .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container select::-ms-input-placeholder { color: #c2c2c2; font-size: 18px; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_form_field.border input[type=email] { border: 2px solid #c2c2c2; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .ds_1 { font-size: 14px; color: #414141; line-height: 1.4; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .ds_1 label { font-family: "Open Sans", Arial, sans-serif !important; color: #414141; font-weight: 400; font-size: 14px; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .ds_1 label a { font-size: 14px; color: #9CC342; text-decoration: underline; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .ds_1 label a:focus { outline: 2px solid red; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .ds_1 .frm_error { right: auto; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .ds_2 { font-size: 14px; color: #c2c2c2; line-height: 1.4; font-family: "Open Sans", Arial, sans-serif !important; font-weight: 400; padding-left: 35px; margin-top: 0; margin-bottom: 20px; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .ds_2 p { font-size: 14px; font-family: "Open Sans", Arial, sans-serif !important; font-weight: 400; color: #c2c2c2; line-height: 1.4; text-decoration: none; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .ds_2 a { font-size: 14px; font-family: "Open Sans", Arial, sans-serif !important; font-weight: 600; color: #9CC342; line-height: 1.4; text-decoration: none; border-bottom: 1px dotted #c2c2c2; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_submit { display: contents; width: 100%; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_submit button[type=submit] { position: relative; width: fit-content; cursor: pointer; line-height: 1; text-decoration: none; font-size: 20px; font-weight: 600; color: #fff; padding: 15px 30px; border: none; background: #9CC342; transition: all 0.3s; border-top-left-radius: 70px; border-top-right-radius: 70px; border-bottom-left-radius: 70px; border-bottom-right-radius: 70px; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_submit button[type=submit]:hover { background: #7e9d35; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_submit button[type=submit]:focus { outline: auto; outline-color: red; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .emk_accept { font-size: 13px; color: #c2c2c2; line-height: 1.4; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .emk_accept label { font-family: "Open Sans", Arial, sans-serif !important; color: #c2c2c2; font-weight: 400; font-size: 13px; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .emk_accept .frm_error { right: auto; top: -14px; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_upload_text { font-size: 20px; font-weight: 600; } .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_small_text { font-family: "Open Sans", Arial, sans-serif !important; font-size: 15px; font-weight: 400; } .frm_forms .frm_message { color: #9CC342 !important; padding: 5px; font-family: "Open Sans", Arial, sans-serif !important; font-size: 18px; font-weight: 600 !important; } .frm_forms [role=status] p { color: #9CC342 !important; padding: 5px; font-family: "Open Sans", Arial, sans-serif !important; font-size: 18px; font-weight: 600 !important; } .frm_forms .vertical_radio .frm_description { font-family: "Nunito", Arial, sans-serif !important; font-size: 16px !important; margin-top: 8px !important; } .frm_forms .dz-image img { object-fit: contain; } .frm_forms .frm_dropzone .dz-message { border-style: dotted; } .frm_forms .frm_dropzone .frm_upload_icon { width: 100px; margin: 0 auto; } .frm_forms .frm_dropzone .frm_upload_icon:before { content: url("./img_system/upload.svg"); } .frm_forms .frm_dropzone .dz-preview { border-bottom: none; padding: 5px 0; } .frm_forms .frm_dropzone .dz-preview .dz-image { display: none; } .frm_forms .frm_dropzone .dz-preview .dz-column { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 100%; min-width: 100%; } .frm_forms .frm_dropzone .dz-preview .dz-column .dz-details { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 100%; min-width: 100%; height: 30px; z-index: 2; color: #EB00FF; font-size: 18px; font-family: "Open Sans", Arial, sans-serif !important; margin: 0; padding: 0 20px; } .frm_forms .frm_dropzone .dz-preview .dz-column .dz-details .dz-filename { width: 65%; min-width: 65%; font-size: 14px; } @media (min-width: 768px) { .frm_forms .frm_dropzone .dz-preview .dz-column .dz-details .dz-filename { width: 80%; min-width: 80%; font-size: 18px; } } .frm_forms .frm_dropzone .dz-preview .dz-column .dz-details .dz-size { width: 20%; min-width: 20%; font-size: 12px; } @media (min-width: 768px) { .frm_forms .frm_dropzone .dz-preview .dz-column .dz-details .dz-size { width: 10%; min-width: 10%; font-size: 14px; } } .frm_forms .frm_dropzone .dz-preview .dz-column .dz-details .frm_cancel1_icon:before { content: url("./img_system/delete.svg"); position: absolute; height: 15px; width: 15px; background: #94cce6; padding: 7px; top: 0; right: 0; z-index: 3; } .frm_forms .frm_dropzone .dz-preview .dz-column .dz-progress { position: absolute; background: #fff; height: 30px; width: 90%; z-index: 1; } @media (min-width: 540px) { .frm_forms .frm_dropzone .dz-preview .dz-column .dz-progress { width: 92%; } } @media (min-width: 768px) { .frm_forms .frm_dropzone .dz-preview .dz-column .dz-progress { width: 95%; } } .frm_forms .frm_dropzone .dz-preview .dz-column .dz-progress .dz-upload { background: #94cce6; transition-duration: 1s; } #form_newsletter input[type=email] { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 15px; } .col_left, .col_right { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; width: 100%; min-width: 100%; } @media (min-width: 980px) { .col_left, .col_right { width: 49%; min-width: 49%; } } .ui-datepicker * { font-family: "Open Sans", Arial, sans-serif !important; } .ui-datepicker-header { background: #7e9d35 !important; } .frm-datepicker thead { background: #9CC342 !important; } .frm-datepicker thead tr { color: #fff !important; } .frm_fields_container select { outline: none; } .frm_radio label { position: relative; padding-left: 25px; font-weight: normal; color: #000000; font-family: "Open Sans", Arial, sans-serif !important; display: inline-block; } .frm_radio label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .frm_radio label .checkstyle_svg { position: absolute; top: 5px; left: 0; height: 16px; width: 16px; border: 1px solid #EB00FF; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .frm_radio label input:checked ~ .checkstyle_svg { top: 5px; left: 0; height: 16px; width: 16px; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .frm_radio label .checkstyle_svg:after { content: ""; position: absolute; display: none; } .frm_radio label input:checked ~ .checkstyle_svg:after { display: block; } .frm_radio label .checkstyle_svg:after { top: 2px; left: 2px; width: 10px; height: 10px; background: #EB00FF; } .frm_checkbox { margin-bottom: 10px !important; } .frm_checkbox label { position: relative; padding-left: 30px; font-weight: normal; color: #000000; font-family: "Open Sans", Arial, sans-serif !important; display: inline-block; } .frm_checkbox label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .frm_checkbox label .checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; border: 1px solid #9CC342; } .frm_checkbox label input:focus-visible ~ .checkmark { border: 2px solid red; box-shadow: none; } .frm_checkbox label input:checked ~ .checkmark { bottom: 2px; left: 0; height: 18px; width: 18px; background: #9CC342; } .frm_checkbox label .checkmark:after { content: ""; position: absolute; display: none; } .frm_checkbox label input:checked ~ .checkmark:after { display: block; } .frm_checkbox label .checkmark:after { left: 5px; bottom: 3px; width: 7px; height: 15px; border: 2px solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #head_vario_slider { z-index: 1; position: relative; padding: 0 0 30px 0; } @media (min-width: 650px) { #head_vario_slider { padding: 0 0 80px 0; } } #head_vario_slider #bg_video { aspect-ratio: 1; max-height: 900px; width: 100%; } @media (min-width: 650px) { #head_vario_slider #bg_video { aspect-ratio: 16/9; } } #head_vario_slider #bg_video .video-js { width: 100%; aspect-ratio: 1; height: 100%; max-height: 900px; } @media (min-width: 650px) { #head_vario_slider #bg_video .video-js { aspect-ratio: 16/9; } } #head_vario_slider #bg_video .video-js .vjs-poster { background-size: cover; } #head_vario_slider #bg_video video[poster] { width: 100%; height: 100%; max-height: 900px; object-fit: cover; } #head_vario_slider #bg_video .my-video-dimensions { width: 100%; height: 100%; max-height: 900px; } #head_vario_slider #bg_video .my-video-dimensions .vjs-tech { position: relative; } #head_vario_slider #yt_video iframe { width: 100%; height: auto; max-height: 900px; aspect-ratio: 1; margin-bottom: 40px; } @media (min-width: 650px) { #head_vario_slider #yt_video iframe { aspect-ratio: 16/9; } } #head_vario_slider.emko.full { width: 100%; aspect-ratio: 1; max-height: 900px; } @media (min-width: 650px) { #head_vario_slider.emko.full { aspect-ratio: 16/9; } } #head_vario_slider.emko.full .emki { width: 100%; max-width: none; } #head_vario_slider.emko.full .emki .emkw { margin: 0 auto; width: 100%; max-width: 100%; } #head_vario_slider.emko.full .emki .emkw #slider_emk { position: relative; } #head_vario_slider.emko.full .emki .emkw #slider_emk .sy-slides-crop { position: relative; aspect-ratio: 1; height: 100%; max-height: 900px; } @media (min-width: 650px) { #head_vario_slider.emko.full .emki .emkw #slider_emk .sy-slides-crop { aspect-ratio: 16/9; } } #head_vario_slider.emko.full .emki .emkw #slider_emk .sy-slides-crop .sy-list, #head_vario_slider.emko.full .emki .emkw #slider_emk .sy-slides-crop li { position: absolute; top: 0; bottom: 0; margin: 0; } #head_vario_slider.emko.full .emki .emkw #slider_emk .sy-slides-crop .sy-list img, #head_vario_slider.emko.full .emki .emkw #slider_emk .sy-slides-crop li img { height: 100%; width: 100%; object-fit: cover; } #head_vario_slider.emko.full .emki .emkw #slider_emk .sy-filler { padding: 0 !important; } #head_vario_slider.emko.content_16_9 { margin: 0 auto; width: 100%; } #head_vario_slider.emko.content_16_9 .emki { width: 100%; max-width: inherit; } #head_vario_slider.emko.content_16_9 .emki .emkw { margin: 0 auto; margin-top: 50px; } #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop { position: relative; } #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop:before { content: ""; display: block; padding-top: 0; } @media (min-width: 1100px) { #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop:before { padding-top: 56.3%; } } #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop .sy-list, #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: relative; } @media (min-width: 1100px) { #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop .sy-list, #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop li { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: absolute; inset: 0; } } #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop .sy-list img, #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop li img { width: 100%; min-width: 100%; aspect-ratio: 4/3; object-fit: cover; } @media (min-width: 1100px) { #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop .sy-list img, #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop li img { width: 65%; min-width: 65%; } } #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop .sy-list .img_ov, #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop li .img_ov { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; position: relative; padding: 20px; min-width: 100%; width: 100%; background: #F2F9ED; } @media (min-width: 650px) { #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop .sy-list .img_ov, #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop li .img_ov { padding: 40px; } } @media (min-width: 1100px) { #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop .sy-list .img_ov, #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop li .img_ov { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-top: 0; min-width: 40%; width: 40%; position: absolute; left: 0; } } #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop .sy-list .img_ov .img_content, #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop li .img_ov .img_content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; width: 100%; min-width: 100%; text-align: center; } #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop .sy-list .img_ov .img_content .img_headline, #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop li .img_ov .img_content .img_headline { width: 100%; min-width: 100%; margin: 0; font-family: "Gelasio", Arial, sans-serif; font-size: clamp(32px, 4vw, 77px); font-weight: 700; line-height: 1.2; color: #000; text-align: left; } #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop .sy-list .img_ov .img_content .img_text, #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop li .img_ov .img_content .img_text { width: 100%; min-width: 100%; margin-top: 30px; font-size: clamp(22px, 2vw, 32px); font-style: italic; color: #000; text-align: left; } @media (min-width: 768px) { #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop .sy-list .img_ov .img_content .img_text, #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop li .img_ov .img_content .img_text { width: 80%; min-width: 80%; } } #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop .sy-list .img_ov .img_content .img_text strong, #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop li .img_ov .img_content .img_text strong { font-weight: 600; } #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop .sy-list .img_ov .img_content .emk_btn, #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop li .img_ov .img_content .emk_btn { margin-top: 30px; } #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop .sy-list .img_ov .img_content a, #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-slides-crop li .img_ov .img_content a { color: #fff; } #head_vario_slider.emko.content_16_9 .emki .emkw #slider_emk .sy-filler { padding: 0 !important; } #head_vario_slider.emko.content_4_3 { margin: 0 auto; width: 100%; } #head_vario_slider.emko.content_4_3 .emki { width: 100%; max-width: inherit; } #head_vario_slider.emko.content_4_3 .emki .emkw { margin: 0 auto; margin-top: 50px; max-width: 100%; } #head_vario_slider.emko.content_4_3 .emki .emkw #slider_emk { max-height: 900px; max-width: 1200px; margin: 0 auto; } #head_vario_slider.emko.content_4_3 .emki .emkw #slider_emk .sy-slides-crop { position: relative; max-height: 900px; } #head_vario_slider.emko.content_4_3 .emki .emkw #slider_emk .sy-slides-crop:before { content: ""; display: block; padding-top: 75%; } #head_vario_slider.emko.content_4_3 .emki .emkw #slider_emk .sy-slides-crop .sy-list, #head_vario_slider.emko.content_4_3 .emki .emkw #slider_emk .sy-slides-crop li { position: absolute; top: 0; bottom: 0; margin: 0; } #head_vario_slider.emko.content_4_3 .emki .emkw #slider_emk .sy-slides-crop .sy-list img, #head_vario_slider.emko.content_4_3 .emki .emkw #slider_emk .sy-slides-crop li img { height: 100%; width: 100%; object-fit: cover; } #head_vario_slider.emko.content_4_3 .emki .emkw #slider_emk .sy-filler { padding: 0 !important; } #head_vario_slider.emko.content_4_3 .emki .emkw #bg_video { margin: 0 auto; max-height: 900px; max-width: 1200px; } #head_vario_slider.emko.content_4_3 .emki .emkw #bg_video .my-video-dimensions { aspect-ratio: 1; } #head_vario_slider.emko.content_4_3 .emki .emkw #yt_video iframe { aspect-ratio: 4/3; } #head_vario_slider .slider_overlay { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: absolute; inset: 0; } #head_vario_slider .slider_overlay .slider_ov_img { position: relative; z-index: 3; } #head_vario_slider .slider_overlay .wrap_box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin: 0 auto; height: 100%; width: 100%; z-index: 3; } #head_vario_slider .slider_overlay .wrap_box.right { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } #head_vario_slider .slider_overlay .wrap_box .ov_box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-align-content: center; -moz-align-content: center; -ms-flex-line-pack: center; align-content: center; background: rgba(0, 0, 0, 0.199); padding: 40px; height: 100%; width: 100%; } #head_vario_slider .slider_overlay .wrap_box .ov_box h2, #head_vario_slider .slider_overlay .wrap_box .ov_box p { width: 100%; font-family: "Nunito"; font-weight: 700; text-transform: uppercase; font-size: 48px; text-align: center; color: white; hyphens: none; } @media (min-width: 768px) { #head_vario_slider .slider_overlay .wrap_box .ov_box h2, #head_vario_slider .slider_overlay .wrap_box .ov_box p { font-size: 78px; } } #head_vario_slider .slider_overlay .wrap_box .ov_box h2 { font-weight: 400; text-transform: uppercase; font-size: 24px; text-align: center; margin-bottom: 0; } @media (min-width: 768px) { #head_vario_slider .slider_overlay .wrap_box .ov_box h2 { font-size: 34px; } } #head_vario_slider .slider_overlay .wrap_box .ov_box p { display: none; } @media (min-width: 768px) { #head_vario_slider .slider_overlay .wrap_box .ov_box p { display: block; } } #head_vario_slider .slider_overlay .wrap_box .ov_box .emk_btn { margin-top: 10px; padding: 8px 15px; } @media (min-width: 768px) { #head_vario_slider .slider_overlay .wrap_box .ov_box .emk_btn { margin-top: 10px; padding: 15px 30px; } } #head_vario_slider .slider_overlay .wrap_box .ov_box .emk_btn a { color: #fff; font-weight: 600; } #head_vario_slider .slider_overlay .wrap_box .ov_box.right { float: right; padding: 0 0 0 20px; } @media (min-width: 768px) { #head_vario_slider .slider_overlay .wrap_box .ov_box.right { padding: 0 0 0 40px; } } .mod_site_headline { padding-top: 40px; } @media (min-width: 540px) { .mod_site_headline { padding-top: 80px; } } .mod_site_headline .emkw { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .mod_site_headline .emkw h1 { width: 100%; margin: 0; font-size: 80px; line-height: 1; text-transform: uppercase; } .mod_site_headline .emkw p { width: 100%; } .mod_site_headline .emkw p.sub { font-size: 24px; text-transform: uppercase; margin-bottom: 0; } .emko.mod_formular { padding-top: 80px; padding-bottom: 120px; } .emko.mod_formular h2 { margin-bottom: 0; } .emko.mod_formular .form_wrap { margin-top: 40px; padding: 20px; background: #fff; -webkit-box-shadow: 0px 10px 26px rgba(85, 117, 6, 0.1921568627); -moz-box-shadow: 0px 10px 26px rgba(85, 117, 6, 0.1921568627); box-shadow: 0px 10px 26px rgba(85, 117, 6, 0.1921568627); } @media (min-width: 768px) { .emko.mod_formular .form_wrap { padding: 40px; } } .emko.mod_formular .emkw { max-width: 1200px !important; } .emko.mod_formular .emkw .wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .emko.mod_formular .emkw .wrapper h2, .emko.mod_formular .emkw .wrapper p { width: 100%; min-width: 100%; } .emko.mod_formular .emkw .wrapper h2 { text-align: center; } .emko.mod_formular .emkw .wrapper p { width: 100%; color: #9CC342; font-size: clamp(24px, 2vw, 29px); font-weight: 500; font-style: italic; margin-top: 20px; margin-bottom: 80px; text-align: center; } .emko.mod_formular .emkw .wrapper .box_kontakt { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; background: #9CC342; padding: 20px; width: 100%; min-width: 100%; margin-bottom: 40px; } @media (min-width: 980px) { .emko.mod_formular .emkw .wrapper .box_kontakt { width: 32%; min-width: 32%; margin: 0; padding: 40px; } } .emko.mod_formular .emkw .wrapper .box_kontakt .img_kontakt { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; max-width: 271px; max-height: 271px; border-radius: 50%; overflow: hidden; background: #fff; aspect-ratio: 1; } .emko.mod_formular .emkw .wrapper .box_kontakt .img_kontakt li { margin: 0 auto; } .emko.mod_formular .emkw .wrapper .box_kontakt .img_kontakt img { width: 100%; } .emko.mod_formular .emkw .wrapper .box_kontakt .daten_kontakt { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; width: 100%; } .emko.mod_formular .emkw .wrapper .box_kontakt .daten_kontakt .name { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; width: 98%; margin-top: 30px; margin-bottom: 10px; text-align: left; } .emko.mod_formular .emkw .wrapper .box_kontakt .daten_kontakt .name h4 { font-family: "Open Sans", Arial, sans-serif; font-size: clamp(22px, 2vw, 29px); font-weight: 600; line-height: 1.2; margin: 0; color: #fff; width: 100%; text-align: center; } .emko.mod_formular .emkw .wrapper .box_kontakt .daten_kontakt .name p { width: fit-content; min-width: fit-content; font-size: 16px; margin-top: 0; margin-bottom: 10px; color: #fff; } .emko.mod_formular .emkw .wrapper .box_kontakt .daten_kontakt .name p a { color: #fff; text-decoration: underline; } .emko.mod_formular .emkw .wrapper .box_kontakt .daten_kontakt .tel { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; width: 98%; } .emko.mod_formular .emkw .wrapper .box_kontakt .daten_kontakt .tel ul { padding: 0; } .emko.mod_formular .emkw .wrapper .box_kontakt .daten_kontakt .tel ul li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-bottom: 10px; } .emko.mod_formular .emkw .wrapper .box_kontakt .daten_kontakt .tel ul li img { width: 45px; margin-right: 17px; } .emko.mod_formular .emkw .wrapper .box_kontakt .daten_kontakt .tel ul li a { margin: 0; font-size: 29px; font-weight: 500; line-height: 1.2; color: #fff; } .emko.mod_formular .emkw .wrapper .form_wrap, .emko.mod_formular .emkw .wrapper .termin { width: 100%; min-width: 100%; margin: 0; } @media (min-width: 980px) { .emko.mod_formular .emkw .wrapper .form_wrap, .emko.mod_formular .emkw .wrapper .termin { width: 64%; min-width: 64%; } } .emko.mod_formular .emkw .wrapper .form_wrap select.has-disabled-selected { color: #717171; } .emko.mod_formular .emkw .wrapper .form_wrap .wohnungs-hinweis { margin: 0; color: #717171; font-family: "Open Sans", Arial, sans-serif !important; font-style: inherit; font-size: 16px; text-align: left; } .emko.mod_formular:has(.emkw.fond) { background: #F2F9ED; } .mod_vorteile { background: #F2F9ED; } .mod_vorteile .emki .emkw { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 920px) { .mod_vorteile .emki .emkw { padding-top: 80px; padding-bottom: 80px; } } .mod_vorteile .emki .emkw .wrapper_vorteile { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; min-width: 100%; width: 100%; gap: 20px; } .mod_vorteile .emki .emkw .wrapper_vorteile .v_head { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; margin-bottom: 30px; min-width: 100%; width: 100%; gap: 20px; } .mod_vorteile .emki .emkw .wrapper_vorteile .v_head h2 { width: 100%; font-size: clamp(32px, 4vw, 77px); } .mod_vorteile .emki .emkw .wrapper_vorteile .v_head p { width: 100%; font-size: clamp(20px, 2vw, 24px); margin-top: 20px; } .mod_vorteile .emki .emkw .wrapper_vorteile .v_head p.subhead { color: #9CC342; font-size: clamp(24px, 2vw, 29px); font-weight: 500; font-style: italic; } .mod_vorteile .emki .emkw .wrapper_vorteile .v_head p span { color: #EB00FF; } .mod_vorteile .emki .emkw .wrapper_vorteile .vorteil { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-align-content: center; -moz-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-shadow: 0px 10px 26px rgba(85, 117, 6, 0.1921568627); -moz-box-shadow: 0px 10px 26px rgba(85, 117, 6, 0.1921568627); box-shadow: 0px 10px 26px rgba(85, 117, 6, 0.1921568627); background: #fff; padding: 20px 10px; min-width: calc(50% - 10px); width: calc(50% - 10px); } @media (min-width: 1100px) { .mod_vorteile .emki .emkw .wrapper_vorteile .vorteil { padding: 40px; } } .mod_vorteile .emki .emkw .wrapper_vorteile .vorteil.flex_23 { min-width: calc(50% - 10px); width: calc(50% - 10px); aspect-ratio: 1; } @media (min-width: 1100px) { .mod_vorteile .emki .emkw .wrapper_vorteile .vorteil.flex_23 { min-width: 25%; width: 25%; } } .mod_vorteile .emki .emkw .wrapper_vorteile .vorteil.flex_32 { min-width: calc(50% - 10px); width: calc(50% - 10px); } @media (min-width: 1100px) { .mod_vorteile .emki .emkw .wrapper_vorteile .vorteil.flex_32 { min-width: calc(33.3333333333% - 15px); width: calc(33.3333333333% - 15px); } } .mod_vorteile .emki .emkw .wrapper_vorteile .vorteil .v_icon { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; min-width: 100%; width: 100%; min-height: 100px; margin-bottom: 20px; } @media (min-width: 650px) { .mod_vorteile .emki .emkw .wrapper_vorteile .vorteil .v_icon { margin-bottom: 30px; } } .mod_vorteile .emki .emkw .wrapper_vorteile .vorteil .v_icon img { width: 70%; max-height: 100px; object-fit: contain; } @media (min-width: 540px) { .mod_vorteile .emki .emkw .wrapper_vorteile .vorteil .v_icon img { max-height: 160px; } } .mod_vorteile .emki .emkw .wrapper_vorteile .vorteil .v_content { text-align: center; min-width: 100%; width: 100%; } .mod_vorteile .emki .emkw .wrapper_vorteile .vorteil .v_content h3 { font-family: "Open Sans", Arial, sans-serif; font-size: clamp(18px, 2vw, 32px); font-weight: 600; } .mod_vorteile .emki .emkw .wrapper_vorteile .vorteil .v_content p { margin: 0; font-size: 16px; } .mod_vorteile .emki .emkw .wrapper_vorteile .v_link { margin-top: 30px; width: 100%; } .mod_vorteile .emki .emkw .wrapper_vorteile .v_link button { margin: 0 auto; } .mod_home_promo_boxen { padding-top: 40px; padding-bottom: 0; overflow: hidden; } @media (min-width: 920px) { .mod_home_promo_boxen { padding-top: 60px; padding-bottom: 0; } } .mod_home_promo_boxen .emki { position: relative; max-width: 100% !important; height: 100%; z-index: 1; } .mod_home_promo_boxen .emki .emkw { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; -moz-align-content: center; -ms-flex-line-pack: center; align-content: center; width: 100% !important; max-width: 100% !important; padding-top: 40px; padding-bottom: 0; } .mod_home_promo_boxen .emki .emkw h2 { margin-bottom: 40px; } .mod_home_promo_boxen .emki .emkw .wrap_desk { max-width: 1440px; width: 94%; margin: 0 auto; overflow-x: auto; overflow: visible; /* Hiddem scroll bar */ scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE and Edge */ } .mod_home_promo_boxen .emki .emkw .wrap_desk::-webkit-scrollbar { display: none; } .mod_home_promo_boxen .emki .emkw .wrap_desk .wrapper { width: 100%; min-width: 100%; } .mod_home_promo_boxen .emki .emkw .wrap_desk .promo_wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; width: 100%; min-width: 100%; } .mod_home_promo_boxen .emki .emkw .wrap_desk .promo_wrap .scroll-wrapper { overflow-x: auto; scroll-snap-type: x mandatory; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-overflow-scrolling: touch; } @media (min-width: 920px) { .mod_home_promo_boxen .emki .emkw .wrap_desk .promo_wrap .scroll-wrapper { overflow: visible; position: relative; } } .mod_home_promo_boxen .emki .emkw .wrap_desk .promo_wrap .scroll-wrapper .scroll-box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; gap: 1rem; /* oder 0 */ } @media (min-width: 920px) { .mod_home_promo_boxen .emki .emkw .wrap_desk .promo_wrap .scroll-wrapper .scroll-box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: auto; min-width: 100%; will-change: transform; gap: 40px; } } .mod_home_promo_boxen .emki .emkw .wrap_desk .promo_wrap .scroll-wrapper .scroll-box .promo_box { flex: 0 0 80vw; /* oder 100% bei Vollbreite */ scroll-snap-align: start; } @media (min-width: 540px) { .mod_home_promo_boxen .emki .emkw .wrap_desk .promo_wrap .scroll-wrapper .scroll-box .promo_box { flex: 0 0 65vh; /* oder 100% bei Vollbreite */ } } @media (min-width: 920px) { .mod_home_promo_boxen .emki .emkw .wrap_desk .promo_wrap .scroll-wrapper .scroll-box .promo_box { position: relative; width: 50vh; min-width: 50vh; background: #fff; text-decoration: none; z-index: 99; } } .mod_home_promo_boxen .emki .emkw .wrap_desk .promo_wrap .scroll-wrapper .scroll-box .promo_box .img_wrap { overflow: hidden; } .mod_home_promo_boxen .emki .emkw .wrap_desk .promo_wrap .scroll-wrapper .scroll-box .promo_box .img_wrap img { width: 100%; } .mod_home_promo_boxen .emki .emkw .wrap_desk .promo_wrap .scroll-wrapper .scroll-box .promo_box .promo_text { margin-top: 20px; } .mod_home_promo_boxen .emki .emkw .wrap_desk .promo_wrap .scroll-wrapper .scroll-box .promo_box .promo_text h3 { font-family: "Open Sans", Arial, sans-serif; font-size: clamp(22px, 2vw, 40px); font-weight: 700; } .mod_home_promo_boxen .emki .emkw .wrap_desk .promo_wrap .scroll-wrapper .scroll-box .promo_box .promo_text p { margin-top: 20px; font-size: clamp(18px, 1.4vw, 22px); } .emko.mod_pano_trenner_overlay { padding: 0; } .emko.mod_pano_trenner_overlay .emki { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 100%; min-width: 100%; z-index: 0; } .emko.mod_pano_trenner_overlay .emki .emkw { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -moz-align-content: center; -ms-flex-line-pack: center; align-content: center; padding: 40px 0; position: relative; min-height: 30vh; min-width: 100%; max-width: 100%; } @media (min-width: 650px) { .emko.mod_pano_trenner_overlay .emki .emkw { min-height: 40vh; padding: 80px; } } .emko.mod_pano_trenner_overlay .emki .emkw .pano_img { width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .emko.mod_pano_trenner_overlay .emki .emkw .pano_img img { width: 100%; height: 100%; object-fit: cover; } .emko.mod_pano_trenner_overlay .emki .emkw .overlay { position: absolute; width: 100%; top: 0; right: 0; bottom: 0; left: 0; background: rgba(156, 195, 66, 0.839); } .emko.mod_pano_trenner_overlay .emki .emkw .pano_content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; height: 100%; width: 92%; max-width: 1643px; margin: 0 auto; } .emko.mod_pano_trenner_overlay .emki .emkw .pano_content .col_icon { width: 100%; min-width: 100%; text-align: center; margin-bottom: 20px; } @media (min-width: 650px) { .emko.mod_pano_trenner_overlay .emki .emkw .pano_content .col_icon { margin-bottom: 0; width: 15%; min-width: 15%; } } .emko.mod_pano_trenner_overlay .emki .emkw .pano_content .col_icon img { width: 100%; max-width: 100px; } @media (min-width: 650px) { .emko.mod_pano_trenner_overlay .emki .emkw .pano_content .col_icon img { max-width: 210px; } } .emko.mod_pano_trenner_overlay .emki .emkw .pano_content .col { width: 100%; min-width: 100%; } @media (min-width: 650px) { .emko.mod_pano_trenner_overlay .emki .emkw .pano_content .col { width: 80%; min-width: 80%; } } .emko.mod_pano_trenner_overlay .emki .emkw .pano_content .col .subhead { font-family: "Gelasio"; font-size: clamp(1.5rem, 2.5vw, 2.5rem); color: #fff; font-weight: 700; margin-bottom: 0; } .emko.mod_pano_trenner_overlay .emki .emkw .pano_content .col h3 { color: #fff; font-size: clamp(2.5rem, 5vw, 5.3rem); font-weight: 700; } .emko.mod_pano_trenner_overlay .emki .emkw .pano_content .col .desc { font-size: clamp(1rem, 2vw, 1.813rem); font-weight: 600; font-style: italic; color: #fff; margin: 20px 0 0 0; } .mod_textfeld { padding: 40px 0; } @media (min-width: 920px) { .mod_textfeld { padding: 80px 0; } } .mod_textfeld .emkw p { width: 100%; font-size: clamp(20px, 2vw, 24px); margin-top: 20px; } .mod_textfeld .emkw p.subhead { color: #9CC342; font-size: clamp(24px, 2vw, 29px); font-weight: 500; font-style: italic; } .mod_textfeld .emkw p span { color: #EB00FF; } .mod_textfeld:has(.emkw.fond) { background: #2BB5FF; } .emko.mod_zitat .emki .emkw { padding: 50px 0; } @media (min-width: 768px) { .emko.mod_zitat .emki .emkw { padding: 100px 0; } } .emko.mod_zitat .emki .emkw .box_bild_text { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 10px 10px 35px; width: 100%; min-width: 100%; } @media (min-width: 980px) { .emko.mod_zitat .emki .emkw .box_bild_text { padding: 25px; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } } .emko.mod_zitat .emki .emkw .box_bild_text #slider_emk { width: 100%; height: 100%; aspect-ratio: 1; } @media (min-width: 980px) { .emko.mod_zitat .emki .emkw .box_bild_text #slider_emk { width: 40%; min-width: 40%; } } .emko.mod_zitat .emki .emkw .box_bild_text #slider_emk .sy-slides-crop { overflow: unset; } .emko.mod_zitat .emki .emkw .box_bild_text #slider_emk .sy-slides-crop .sy-slide img { aspect-ratio: 1; height: 100%; object-fit: cover; background: lightcoral; } .emko.mod_zitat .emki .emkw .box_bild_text .daten_bild_text { text-align: left; width: 100%; min-width: 100%; padding: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 6px solid #9CC342; } @media (min-width: 980px) { .emko.mod_zitat .emki .emkw .box_bild_text .daten_bild_text { text-align: left; padding: 80px 40px; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; position: absolute; width: 60%; min-width: 60%; margin-left: calc(40% - 26px); } } .emko.mod_zitat .emki .emkw .box_bild_text .daten_bild_text h2 { color: #000; margin: 16px 0; width: 100%; font-size: clamp(38px, 4vw, 63px); font-weight: 300; } .emko.mod_zitat .emki .emkw .box_bild_text .daten_bild_text h2 strong { font-weight: 700; } .emko.mod_zitat .emki .emkw .box_bild_text .daten_bild_text p { font-size: clamp(18px, 2vw, 24px); width: 100%; } .emko.mod_zitat .emki .emkw .box_bild_text .daten_bild_text p.zitat { font-size: clamp(24px, 2.5vw, 35px); color: #9CC342; font-style: italic; } .emko.mod_zitat .emki .emkw .box_bild_text .daten_bild_text .emk_btn { margin-top: 20px; } .emko.mod_zitat .emki .emkw.rechts .box_bild_text { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media (min-width: 980px) { .emko.mod_zitat .emki .emkw.rechts .box_bild_text { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (min-width: 980px) { .emko.mod_zitat .emki .emkw.rechts .daten_bild_text { margin-right: calc(40% - 26px); } } .emko.mod_wohnung { width: 100%; padding: 0 0 40px 0; overflow: hidden; } .emko.mod_wohnung .emki { position: relative; width: 100%; height: 100%; z-index: 0; } .emko.mod_wohnung .emki .emkw { padding-top: 0; padding-bottom: 20px; width: 90%; } @media (min-width: 980px) { .emko.mod_wohnung .emki .emkw { padding-top: 40px; padding-bottom: 40px; } } .emko.mod_wohnung .emki .emkw .box_bild_text { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 100%; min-width: 100%; } @media (min-width: 980px) { .emko.mod_wohnung .emki .emkw .box_bild_text { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } } .emko.mod_wohnung .emki .emkw .box_bild_text #slider_emk { position: relative; width: 100%; height: 100%; } @media (min-width: 980px) { .emko.mod_wohnung .emki .emkw .box_bild_text #slider_emk { width: 55%; height: 55%; } } .emko.mod_wohnung .emki .emkw .box_bild_text #slider_emk [class^=sy-slide] img { aspect-ratio: 4/3; object-fit: cover; } .emko.mod_wohnung .emki .emkw .box_bild_text #slider_emk .sy-controls { display: block; } .emko.mod_wohnung .emki .emkw .box_bild_text #slider_emk .icon_gallery { position: absolute; bottom: 10px; z-index: 99; left: 50%; transform: translateX(-50%); pointer-events: none; } .emko.mod_wohnung .emki .emkw .box_bild_text .daten_bild_text { text-align: left; width: 100%; min-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px; } @media (min-width: 980px) { .emko.mod_wohnung .emki .emkw .box_bild_text .daten_bild_text { text-align: left; padding: 0; margin-bottom: 0; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; width: 40%; min-width: 40%; } } .emko.mod_wohnung .emki .emkw .box_bild_text .daten_bild_text .bf_badge { display: none; } .emko.mod_wohnung .emki .emkw .box_bild_text .daten_bild_text .wg_head { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 100%; } .emko.mod_wohnung .emki .emkw .box_bild_text .daten_bild_text .wg_head img { width: 100%; max-width: 53px; margin-right: 20px; } .emko.mod_wohnung .emki .emkw .box_bild_text .daten_bild_text .wg_head h3 { font-size: clamp(28px, 2.5vw, 40px); font-family: "Open Sans", Arial, sans-serif; font-weight: 600; } .emko.mod_wohnung .emki .emkw .box_bild_text .daten_bild_text p { width: 100%; max-width: 90ch; font-size: clamp(20px, 2vw, 24px); margin-top: 20px; } .emko.mod_wohnung .emki .emkw .box_bild_text .daten_bild_text p.subhead { max-width: 80ch; color: #9CC342; font-size: clamp(24px, 2vw, 29px); font-weight: 500; font-style: italic; } .emko.mod_wohnung .emki .emkw .box_bild_text .daten_bild_text .wg_footer { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } @media (min-width: 540px) { .emko.mod_wohnung .emki .emkw .box_bild_text .daten_bild_text .wg_footer { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } } .emko.mod_wohnung .emki .emkw .box_bild_text .daten_bild_text .wg_footer p { width: auto; } .emko.mod_wohnung .emki .emkw .box_bild_text .daten_bild_text .wg_footer .gr_typen { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-right: 30px; cursor: pointer; } .emko.mod_wohnung .emki .emkw .box_bild_text .daten_bild_text .wg_footer .gr_typen img { width: 100%; max-width: 38px; margin-right: 15px; } .emko.mod_wohnung .emki .emkw .box_bild_text .daten_bild_text .wg_footer .small-text { font-size: 16px; color: #6A6A6A; } .emko.mod_wohnung .emki .emkw.links .box_bild_text:before { content: ""; position: absolute; background: #F2F9ED; width: 100%; height: 80%; top: 0; right: 0; z-index: -1; } @media (min-width: 980px) { .emko.mod_wohnung .emki .emkw.links .box_bild_text:before { width: 60%; height: 100%; right: -60px; } } .emko.mod_wohnung .emki .emkw.rechts .box_bild_text { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .emko.mod_wohnung .emki .emkw.rechts .box_bild_text:before { content: ""; position: absolute; background: #F2F9ED; width: 100%; height: 80%; top: 0; left: 0; z-index: -1; } @media (min-width: 980px) { .emko.mod_wohnung .emki .emkw.rechts .box_bild_text { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .emko.mod_wohnung .emki .emkw.rechts .box_bild_text:before { left: -60px; width: 60%; height: 100%; } } .emko.mod_wohnung .emki .emkw.badge .daten_bild_text .bf_badge { display: block; background: #2BB5FF; width: fit-content; color: #fff; font-size: 19px; font-weight: 500; margin-bottom: 30px; padding: 5px 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .gr_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; z-index: 9999; } .gr_modal.hidden { display: none; } .gr_modal .modal_content { position: relative; width: 90%; max-width: 90vh; max-height: 70%; overflow: auto; background: transparent; padding: 20px; border-radius: 10px; overflow: visible; /* Thumbnails Slider */ } .gr_modal .modal_content .close_button { position: absolute; top: -20px; right: -20px; background: transparent; color: #fff; border: none; font-size: 3em; cursor: pointer; z-index: 99; } .gr_modal .modal_content .sy-slides-wrap { min-width: 100%; } .gr_modal .modal_content .sy-slides-wrap .sy-slides-crop { min-width: 100%; } .gr_modal .modal_content .sy-slides-wrap .sy-slides-crop #thumbnails { min-width: 100%; } .gr_modal .modal_content .sy-controls { display: block; } .gr_modal .modal_content .sy-controls .sy-prev { left: -80px; } .gr_modal .modal_content .sy-controls .sy-next { right: -80px; } .gr_modal .modal_content .thumb-box .thumbs { margin: 0; padding: 10px 0; } .gr_modal .modal_content .thumb-box .thumbs::after { clear: both; content: ""; display: block; } .gr_modal .modal_content .thumb-box .thumbs .sy-slides-crop { height: 100px; overflow: unset; } .gr_modal .modal_content .thumb-box .thumbs .sy-slides-crop .sy-list { position: relative; } .gr_modal .modal_content .thumb-box .thumbs li { float: left; width: 20%; text-align: center; padding: 0 10px 0 0; } .gr_modal .modal_content .thumb-box .thumbs li img { width: 100%; min-width: 100%; opacity: 0.8; background: lightblue; transform: transition(opacity 0.32s); object-fit: cover; aspect-ratio: 4/3; filter: grayscale(1); } .gr_modal .modal_content .thumb-box .thumbs li img.active { opacity: 1; filter: grayscale(0); } .gr_modal .modal_content .thumb-box .thumbs li:hover img { opacity: 1; filter: grayscale(0); transform: transition(opacity 0.2s); } .featherlight-content { overflow: visible !important; background: transparent !important; padding: 0 !important; } .featherlight-content .featherlight-next, .featherlight-content .featherlight-previous { top: 0 !important; } .featherlight-content .featherlight-next span, .featherlight-content .featherlight-previous span { display: block; } .featherlight-content .featherlight-next span svg, .featherlight-content .featherlight-previous span svg { opacity: 0.6; } .featherlight-content .featherlight-next svg, .featherlight-content .featherlight-previous svg { width: 60px; height: 60px; } .featherlight-content .featherlight-next:hover, .featherlight-content .featherlight-previous:hover { background: transparent; } .featherlight-content .featherlight-next:hover svg, .featherlight-content .featherlight-previous:hover svg { opacity: 0.8; } .featherlight-content .featherlight-previous { left: 0 !important; right: 90%; } .featherlight-content .featherlight-next { right: 0 !important; left: 90%; } .featherlight-content .featherlight-close-icon { top: -30px !important; right: -30px !important; font-size: 2em; color: #fff !important; background: transparent !important; border-radius: 50%; } .emko.mod_cta_sr { padding-top: 40px; padding-bottom: 50px; } @media (min-width: 920px) { .emko.mod_cta_sr { padding-top: 80px; padding-bottom: 120px; } } .emko.mod_cta_sr .wrap_cta { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #fff; border: 3px solid #9CC342; } .emko.mod_cta_sr .wrap_cta .cta_icon { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; background: #9CC342; width: 100%; min-width: 100%; padding: 40px; } .emko.mod_cta_sr .wrap_cta .cta_icon img { max-height: 200px; width: 100%; } @media (min-width: 650px) { .emko.mod_cta_sr .wrap_cta .cta_icon { width: 40%; min-width: 40%; } .emko.mod_cta_sr .wrap_cta .cta_icon img { max-height: 300px; } } .emko.mod_cta_sr .wrap_cta .cta_info { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; min-width: 100%; padding: 20px; } .emko.mod_cta_sr .wrap_cta .cta_info h2 { font-family: "Open Sans", Arial, sans-serif; font-weight: 600; font-size: clamp(28px, 2.5vw, 38px); margin-bottom: 20px; } @media (min-width: 650px) { .emko.mod_cta_sr .wrap_cta .cta_info { width: 60%; min-width: 60%; padding: 40px; } } .mod_svg { background: #F2F9ED; } .mod_svg .emki .emkw { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 920px) { .mod_svg .emki .emkw { padding-top: 80px; padding-bottom: 80px; } } .mod_svg .emki .emkw .wrapper_vorteile { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; min-width: 100%; width: 100%; gap: 20px; } .mod_svg .emki .emkw .wrapper_vorteile .v_head { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; margin-bottom: 30px; min-width: 100%; width: 100%; gap: 20px; } .mod_svg .emki .emkw .wrapper_vorteile .v_head h2 { width: 100%; font-size: clamp(32px, 4vw, 77px); } .mod_svg .emki .emkw .wrapper_vorteile .v_head p { width: 100%; font-size: clamp(20px, 2vw, 24px); margin-top: 20px; } .mod_svg .emki .emkw .wrapper_vorteile .v_head p.subhead { color: #9CC342; font-size: clamp(24px, 2vw, 29px); font-weight: 500; font-style: italic; } .mod_svg .emki .emkw .wrapper_vorteile .v_head p span { color: #EB00FF; } .mod_svg .emki .emkw .wrapper_vorteile .svg_map img { width: 100%; } html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } html, body { background: #fff; text-shadow: none; margin: 0; width: 100%; scroll-behavior: smooth; min-height: 100vh; } body { position: relative; } body .content { position: relative; width: 100%; margin: 100px auto 0 auto; } @media (min-width: 980px) { body .content { margin: 0 auto; } } body .content video { width: 100%; max-height: 80vh; object-fit: cover; display: block; } body .content:before { content: ""; position: absolute; border-radius: 5px; top: 0; right: 0; bottom: 0; left: 0; } body .content .pano_img img { max-height: 600px; width: 100%; object-fit: cover; } body .content .overlay_text { padding: 0 40px; position: absolute; bottom: 20px; right: 0; left: 0; width: 100%; } @media (min-width: 768px) { body .content .overlay_text { bottom: 80px; } } body .content .overlay_text .overlay_headline { margin: 0 auto; } body .content .overlay_text .overlay_headline h1 { color: #fff; width: 100%; font-size: 30px; } @media (min-width: 540px) { body .content .overlay_text .overlay_headline h1 { font-size: 45px; } } @media (min-width: 768px) { body .content .overlay_text .overlay_headline h1 { width: 70%; font-size: 54px; } } @media (min-width: 1100px) { body .content .overlay_text .overlay_headline h1 { font-size: 67px; } } @media (min-width: 1300px) { body .content .overlay_text .overlay_headline { width: 90%; max-width: 1200px; margin: 0 auto; } } body .map { height: 50vh; } #emk_lp header { position: relative; z-index: 3; } #emk_lp .main { min-height: 50vh; position: relative; z-index: 1; top: 20px; } @media (min-width: 650px) { #emk_lp .main { top: 80px; } } #emk_lp .main .side_logo { display: none; } #emk_lp .emko { position: relative; width: 100%; display: block; } #emk_lp .emko .emki { display: block; margin: 0 auto; } #emk_lp .emko .emki .emkw { position: relative; width: 94%; max-width: 1440px; display: block; margin: 0 auto; } #emk_lp .emko .emki .emkw .top_spacer { margin-top: 20px; } @media (min-width: 540px) { #emk_lp .emko .emki .emkw .top_spacer { margin-top: 40px; } } #emk_lp ul.dot { margin-bottom: 4px; } #emk_lp ul.dot li { list-style: square; margin-left: 18px; margin-bottom: 4px; } #emk_lp .emk_btn { position: relative; width: fit-content; cursor: pointer; line-height: 1; text-decoration: none; font-weight: 700; color: #fff; padding: 15px 30px; border: none; background: #9CC342; border-top-left-radius: 70px; border-top-right-radius: 70px; border-bottom-left-radius: 70px; border-bottom-right-radius: 70px; } #emk_lp .emk_btn.small { height: 32px; line-height: 31px; padding: 0 15px; } #emk_lp .emk_btn.active, #emk_lp .emk_btn:hover { background: #7e9d35; } #emk_lp .emk_btn a { color: #fff !important; margin: 0; font-family: "Open Sans", Arial, sans-serif; font-weight: 700; line-height: 1; white-space: nowrap; } #emk_lp .emk_btn.fu_c1_ { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; background: #9CC342; transition: all 0.3s; position: relative; overflow: hidden; z-index: 1; } #emk_lp .emk_btn.fu_c1_.active, #emk_lp .emk_btn.fu_c1_:hover { background: #7e9d35; } #emk_lp .emk_btn.fu_c2_ { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; color: #9CC342; background: transparent; line-height: 1; transition: all 0.3s; position: relative; overflow: hidden; border: solid 2px #9CC342; border-top-left-radius: 70px; border-top-right-radius: 70px; border-bottom-left-radius: 70px; border-bottom-right-radius: 70px; z-index: 1; } #emk_lp .emk_btn.fu_c2_.active, #emk_lp .emk_btn.fu_c2_:hover { color: white; border: solid 2px transparent; background: #7e9d35; } #emk_lp .emk_btn.fu_c3_ { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; color: #fff; transition: all 0.3s; position: relative; overflow: hidden; z-index: 1; } #emk_lp .emk_btn.ce_ { display: table; margin: 0 auto; } #emk_lp .img_a_4 { position: relative; } #emk_lp .img_a_4:before { content: ""; display: block; padding-top: 135%; } #emk_lp .img_a_4 .img_wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #emk_lp .img_a_4 .img_wrap img { height: 100%; width: 100%; object-fit: cover; } #emk_lp .img_4_3 { position: relative; } #emk_lp .img_4_3:before { content: ""; display: block; padding-top: 75%; } #emk_lp .img_4_3 .img_wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #emk_lp .img_4_3 .img_wrap img { height: 100%; width: 100%; object-fit: cover; } #emk_lp .img_4_4 { position: relative; } #emk_lp .img_4_4:before { content: ""; display: block; padding-top: 100%; } #emk_lp .img_4_4 .img_wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #emk_lp .img_4_4 .img_wrap img { height: 100%; width: 100%; object-fit: cover; } #emk_lp .img_16_9 { position: relative; } #emk_lp .img_16_9:before { content: ""; display: block; padding-top: 60%; } #emk_lp .img_16_9 .img_wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #emk_lp .img_16_9 .img_wrap img { height: 100%; width: 100%; object-fit: cover; } #emk_lp .prev_img_pano { position: relative; margin-bottom: 10px; max-height: 80px; } #emk_lp .prev_img_pano:before { content: ""; display: block; padding-top: 28%; } #emk_lp .prev_img_pano .img_wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #emk_lp .prev_img_pano .img_wrap img { display: block; margin: 0px auto; } #emk_lp .main.active-mobile-menue { height: 100vh; overflow: hidden; position: relative; } #emk_lp .btn { background-image: none; text-shadow: none; border: 1px solid #EFEFEF; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; padding: 6px 12px; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } #emk_lp .btn a { text-align: center; font-family: "Open Sans", Arial, sans-serif !important; font-weight: 400; font-size: 13px !important; display: inline-block; text-decoration: none; cursor: pointer; } #emk_lp .btn a:hover { cursor: pointer; text-decoration: none; } #emk_lp .btn a.btn_lnk { padding: 12px 30px; } #emk_lp .btn:hover { cursor: pointer; background: #9CC342; border: 1px solid #9CC342; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } #emk_lp .btn:hover a, #emk_lp .btn:hover span { color: #fff; } #emk_lp .more_sect { width: 100%; max-width: 940px; display: block; margin: 35px auto 20px; } #emk_lp a.btn { display: inline-block; text-align: center; font-family: "Exo", Arial, sans-serif !important; font-weight: 400; font-size: 16px !important; padding: 12px 30px; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ cursor: pointer; text-decoration: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #emk_lp a.btn:hover { cursor: pointer; background: #9CC342; border: 1px solid #9CC342; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } #emk_lp a.btn:hover > * { color: #000000; } #emk_lp a.btn.norm { border-color: #9CC342; background: #9CC342; color: #fff; } #emk_lp a.btn.norm:hover { cursor: pointer; border-color: #7e9d35; background: #7e9d35; } #emk_lp article { margin-bottom: 20px; } #emk_lp article .wrap_item.small { width: 100%; max-width: 630px; margin: 0 auto; background: lime; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #emk_lp article .wrap_item.small h2 { width: 100%; } #emk_lp article .wrap_item.small .prev_img { width: 100%; max-width: 305px; background: aqua; } #emk_lp article .wrap_item.small .wrap_cont { width: 100%; max-width: 305px; } #emk_lp .issuuembed { width: 100%; max-width: 1200px; height: 100%; margin: 0 auto; } #emk_lp .featherlight .featherlight-content { width: 98%; max-width: 80vw; max-height: 80vh; } #emk_lp .featherlight .featherlight-content .featherlight-image { width: 100% !important; max-height: 80vh; object-fit: cover; } #emk_lp .featherlight .featherlight-content span.featherlight-close, #emk_lp .featherlight .featherlight-content span.featherlight-close-icon { font-size: 22px; top: 8px; right: 8px; } #emk_lp .featherlight .featherlight-content .wrap_fl_lightbox { width: 100%; height: auto; } #emk_lp .featherlight .featherlight-content .sy-pager { margin: 0; margin-top: 6px; } #emk_lp .featherlight .featherlight-content .caption { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.704); font-family: "Open Sans", Arial, sans-serif; font-size: 18px; font-weight: 300; line-height: 1; margin: 0; color: #fff; padding: 7px 15px; border-radius: 10px; z-index: 3; } footer { width: 100%; background: #fff; }