/* Theme Name: emk_publisher Theme URI: http://enders-interaktiv.de Description: emk_publisher Author: enders Interaktiv Author URI: http://enders-interaktiv.de Version: 1.1 */ /* asap-regular - latin */ @import url(icomoon/style.css); @font-face { font-family: 'Asap'; font-style: normal; font-weight: 400; src: url("libs/fonts/asap-v11-latin/asap-v11-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Asap Regular"), local("Asap-Regular"), url("libs/fonts/asap-v11-latin/asap-v11-latin-regular.eot%3F") format("embedded-opentype"), url("libs/fonts/asap-v11-latin/asap-v11-latin-regular.woff2") format("woff2"), url("libs/fonts/asap-v11-latin/asap-v11-latin-regular.woff") format("woff"), url("libs/fonts/asap-v11-latin/asap-v11-latin-regular.ttf") format("truetype"), url("libs/fonts/asap-v11-latin/asap-v11-latin-regular.svg") format("svg"); /* Legacy iOS */ } /* asap-600 - latin */ @font-face { font-family: 'Asap'; font-style: normal; font-weight: 600; src: url("libs/fonts/asap-v11-latin/asap-v11-latin-600.eot"); /* IE9 Compat Modes */ src: local("Asap SemiBold"), local("Asap-SemiBold"), url("libs/fonts/asap-v11-latin/asap-v11-latin-600.eot%3F") format("embedded-opentype"), url("libs/fonts/asap-v11-latin/asap-v11-latin-600.woff2") format("woff2"), url("libs/fonts/asap-v11-latin/asap-v11-latin-600.woff") format("woff"), url("libs/fonts/asap-v11-latin/asap-v11-latin-600.ttf") format("truetype"), url("libs/fonts/asap-v11-latin/asap-v11-latin-600.svg") format("svg"); /* Legacy iOS */ } /* asap-700 - latin */ @font-face { font-family: 'Asap'; font-style: normal; font-weight: 700; src: url("libs/fonts/asap-v11-latin/asap-v11-latin-700.eot"); /* IE9 Compat Modes */ src: local("Asap Bold"), local("Asap-Bold"), url("libs/fonts/asap-v11-latin/asap-v11-latin-700.eot%3F") format("embedded-opentype"), url("libs/fonts/asap-v11-latin/asap-v11-latin-700.woff2") format("woff2"), url("libs/fonts/asap-v11-latin/asap-v11-latin-700.woff") format("woff"), url("libs/fonts/asap-v11-latin/asap-v11-latin-700.ttf") format("truetype"), url("libs/fonts/asap-v11-latin/asap-v11-latin-700.svg") format("svg"); /* Legacy iOS */ } body, h1, h2, h3, h4, p, a, li { font-family: "OpenSans", Arial, sans-serif; color: #64676e; } .h1_wrap { width: 92%; max-width: 960px; margin: 0 auto; } .h1_wrap h1 { text-align: left; } .h1_wrap.small { max-width: 620px; } .h1_wrap h2.subhead { max-width: 960px; margin: 0 auto; margin-bottom: 24px; text-align: left; } .page-template-page_impressum .h1_wrap, .single-post .h1_wrap { max-width: 620px; } .page-template-page_wohnungen_merkzettel .h1_wrap { background: #f2f3f8; padding-top: 30px; } .page-template-page_wohnungen_merkzettel .h1_wrap h1 { margin-bottom: 0; padding-bottom: 45px; } .page-template-page_wohnungen_merkzettel .trenner { margin-top: 0; background: #f2f3f8; } .trenner { display: none !important; width: 100%; max-width: 220px; margin: 0 auto; margin-top: 30px; margin-bottom: 15px; border-top: 1px solid #12275b; } @media (min-width: 768px) { .trenner { margin-top: 30px; margin-bottom: 25px; border-top: 2px solid #12275b; } } h1 { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; font-size: 24px; font-weight: 400; line-height: 1.5; color: #12275b; } @media (min-width: 768px) { h1 { margin-top: 45px; font-size: 36px; } } h1 > span { font-weight: 600; } h1 > span.break::before { content: "\A"; white-space: pre; } h2 { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; color: #12275b; font-size: 18px; margin: 0; margin-bottom: 15px; line-height: 1.4; font-weight: 400; text-align: left; } h2 > span { font-weight: 600; } h2 > span.break::before { content: "\A"; white-space: pre; } @media (min-width: 768px) { h2 { font-size: 22px; } } h3 { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; font-weight: 400; font-size: 16px; margin: 0; margin-bottom: 15px; line-height: 1.4; color: #12275b; } @media (min-width: 768px) { h3 { font-size: 18px; } } p { margin-bottom: 18px; } body, p, a, li, tbl, tbl_r, tbl_c { font-size: 16px; line-height: 1.6; } /* asap-regular - latin */ @font-face { font-family: 'Asap'; font-style: normal; font-weight: 400; src: url("libs/fonts/asap-v11-latin/asap-v11-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Asap Regular"), local("Asap-Regular"), url("libs/fonts/asap-v11-latin/asap-v11-latin-regular.eot%3F") format("embedded-opentype"), url("libs/fonts/asap-v11-latin/asap-v11-latin-regular.woff2") format("woff2"), url("libs/fonts/asap-v11-latin/asap-v11-latin-regular.woff") format("woff"), url("libs/fonts/asap-v11-latin/asap-v11-latin-regular.ttf") format("truetype"), url("libs/fonts/asap-v11-latin/asap-v11-latin-regular.svg") format("svg"); /* Legacy iOS */ } /* asap-600 - latin */ @font-face { font-family: 'Asap'; font-style: normal; font-weight: 600; src: url("libs/fonts/asap-v11-latin/asap-v11-latin-600.eot"); /* IE9 Compat Modes */ src: local("Asap SemiBold"), local("Asap-SemiBold"), url("libs/fonts/asap-v11-latin/asap-v11-latin-600.eot%3F") format("embedded-opentype"), url("libs/fonts/asap-v11-latin/asap-v11-latin-600.woff2") format("woff2"), url("libs/fonts/asap-v11-latin/asap-v11-latin-600.woff") format("woff"), url("libs/fonts/asap-v11-latin/asap-v11-latin-600.ttf") format("truetype"), url("libs/fonts/asap-v11-latin/asap-v11-latin-600.svg") format("svg"); /* Legacy iOS */ } /* asap-700 - latin */ @font-face { font-family: 'Asap'; font-style: normal; font-weight: 700; src: url("libs/fonts/asap-v11-latin/asap-v11-latin-700.eot"); /* IE9 Compat Modes */ src: local("Asap Bold"), local("Asap-Bold"), url("libs/fonts/asap-v11-latin/asap-v11-latin-700.eot%3F") format("embedded-opentype"), url("libs/fonts/asap-v11-latin/asap-v11-latin-700.woff2") format("woff2"), url("libs/fonts/asap-v11-latin/asap-v11-latin-700.woff") format("woff"), url("libs/fonts/asap-v11-latin/asap-v11-latin-700.ttf") format("truetype"), url("libs/fonts/asap-v11-latin/asap-v11-latin-700.svg") format("svg"); /* Legacy iOS */ } body, h1, h2, h3, h4, p, a, li { font-family: "OpenSans", Arial, sans-serif; color: #64676e; } .h1_wrap { width: 92%; max-width: 960px; margin: 0 auto; } .h1_wrap h1 { text-align: left; } .h1_wrap.small { max-width: 620px; } .h1_wrap h2.subhead { max-width: 960px; margin: 0 auto; margin-bottom: 24px; text-align: left; } .page-template-page_impressum .h1_wrap, .single-post .h1_wrap { max-width: 620px; } .page-template-page_wohnungen_merkzettel .h1_wrap { background: #f2f3f8; padding-top: 30px; } .page-template-page_wohnungen_merkzettel .h1_wrap h1 { margin-bottom: 0; padding-bottom: 45px; } .page-template-page_wohnungen_merkzettel .trenner { margin-top: 0; background: #f2f3f8; } .trenner { display: none !important; width: 100%; max-width: 220px; margin: 0 auto; margin-top: 30px; margin-bottom: 15px; border-top: 1px solid #12275b; } @media (min-width: 768px) { .trenner { margin-top: 30px; margin-bottom: 25px; border-top: 2px solid #12275b; } } h1 { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; font-size: 24px; font-weight: 400; line-height: 1.5; color: #12275b; } @media (min-width: 768px) { h1 { margin-top: 45px; font-size: 36px; } } h1 > span { font-weight: 600; } h1 > span.break::before { content: "\A"; white-space: pre; } h2 { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; color: #12275b; font-size: 18px; margin: 0; margin-bottom: 15px; line-height: 1.4; font-weight: 400; text-align: left; } h2 > span { font-weight: 600; } h2 > span.break::before { content: "\A"; white-space: pre; } @media (min-width: 768px) { h2 { font-size: 22px; } } h3 { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; font-weight: 400; font-size: 16px; margin: 0; margin-bottom: 15px; line-height: 1.4; color: #12275b; } @media (min-width: 768px) { h3 { font-size: 18px; } } p { margin-bottom: 18px; } body, p, a, li, tbl, tbl_r, tbl_c { font-size: 16px; line-height: 1.6; } #accordion { font-family: "Open Sans", Arial, sans-serif !important; } #accordion .ui-icon { background-image: none !important; margin-top: 0; text-indent: inherit; position: absolute; right: 16px; top: 12px; } #accordion .ui-widget { font-family: "Open Sans", Arial, sans-serif !important; } #accordion .ui-corner-all { border-radius: 0 !important; } #accordion .ui-widget-content { border: none; } #accordion h2, #accordion h3 { font-size: 19px; border: none !important; border-radius: 0px !important; background: none; background-color: #12275b; color: #fff; margin: 0; margin-bottom: 5px; padding: 8px 16px; outline: none; position: relative; } #accordion h2 .icon-circle-right2, #accordion h2 .icon-circle-down2, #accordion h3 .icon-circle-right2, #accordion h3 .icon-circle-down2 { width: 20px; height: 20px; } #accordion .ui-accordion-content { padding: 0px !important; } #accordion .ui-accordion-content ul li { list-style: none; } #accordion .ui-accordion-content ul li .tab { display: inline-block; width: 120px; } #slider_emk.stars .sy-caption-wrap { bottom: 9em; } #slider_emk.stars .sy-caption-wrap .sy-caption { background-color: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 28px; max-width: 650px; text-align: center; } #map, #expose_map { overflow: hidden; } .navbar { height: 80px; background: #fff; 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.small { height: 70px; } .navbar.small #brand img { max-width: 230px; -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; } @media (min-width: 980px) { .navbar { height: 115px; -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: 90px; } } .navbar .navbar-inner { background: #fff; border: none; -webkit-box-shadow: 0px 9px 15px -10px rgba(0, 0, 0, 0.59); -moz-box-shadow: 0px 9px 15px -10px rgba(0, 0, 0, 0.59); box-shadow: 0px 9px 15px -10px rgba(0, 0, 0, 0.59); height: 100%; } .navbar .navbar-inner .container { width: 96%; margin: 0 auto; max-width: 1200px; 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 { margin-right: 24px; width: calc(100% - 65px); min-width: calc(100% - 65px); } .navbar .navbar-inner .container #brand.active { opacity: 1; } .navbar .navbar-inner .container #brand a { display: block; overflow: hidden; margin: 0 auto; } .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 */ max-width: 170px; } .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; } .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 */ } .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: opacity 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: opacity 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: opacity 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: opacity 800ms ease; /* Standard */ } .navbar .navbar-inner .container ul#menu-desktop { display: none; } .navbar .navbar-inner .container ul#emk_servicepack { display: none; } @media (min-width: 980px) { .navbar .navbar-inner .container { max-width: 1040px; } .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 #brand { width: 29%; min-width: 29%; padding: 8px 0; } .navbar .navbar-inner .container #brand a img { margin: 0 !important; width: 100%; max-width: 250px; } .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: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .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: #e54531; 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 a, .navbar .navbar-inner .container ul#menu-desktop.sf-menu li.current_page_parent a a { color: #12275b; } .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: #f2f3f8; 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: #f2f3f8; } .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 #abb2bd; 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: #64676e; 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: #e54531; 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: #f2f3f8; 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 #e54531; } .navbar .navbar-inner .container ul#emk_servicepack li { list-style: none; } .navbar .navbar-inner .container ul#emk_servicepack li#pinboard { position: relative; width: 130px; min-width: 130px; margin-right: 50px; } .navbar .navbar-inner .container ul#emk_servicepack li#pinboard ul { padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .navbar .navbar-inner .container ul#emk_servicepack li#pinboard ul li { list-style: none; } .navbar .navbar-inner .container ul#emk_servicepack li#pinboard ul li.stars { width: 35px; min-width: 35px; padding: 13px 6px; position: relative; display: inline-block; } .navbar .navbar-inner .container ul#emk_servicepack li#pinboard ul li.stars > span { position: absolute; font-size: 26px; color: #e54531; left: 0; top: 9px; } .navbar .navbar-inner .container ul#emk_servicepack li#pinboard ul li.stars > span.hide { display: none; } .navbar .navbar-inner .container ul#emk_servicepack li#pinboard ul li.lab a { display: inline-block; font-size: 16px; font-weight: 400; text-decoration: none; text-transform: uppercase; padding: 13px 6px; } .navbar .navbar-inner .container ul#emk_servicepack li#pinboard ul li.emk_counter { width: 35px; min-width: 35px; padding: 13px 6px; position: relative; display: inline-block; } .navbar .navbar-inner .container ul#emk_servicepack li#pinboard ul li.emk_counter span.val { width: 16px; height: 16px; background: #e54531; color: #fff; display: block; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; text-align: center; line-height: 16px; font-size: 11px; position: absolute; left: -4px; top: 2px; } .navbar .navbar-inner .container ul#emk_servicepack li#emk-search form#navbar-search { padding: 11px 0; position: relative; } .navbar .navbar-inner .container ul#emk_servicepack li#emk-search form#navbar-search .icon-search3 { font-size: 24px; color: #64676e; } .navbar .navbar-inner .container ul#emk_servicepack li#emk-search form#navbar-search .search-lnk { display: none; } .navbar .navbar-inner .container ul#emk_servicepack li#emk-search form#navbar-search .search-toggle { overflow: hidden; position: absolute; right: 0; top: 10px; top: 0px; height: 36px; height: 50px; width: 0; 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-transition: width 750ms ease; /* Firefox */ -moz-transition: width 750ms ease; /* WebKit */ -o-transition: width 750ms ease; /* Opera */ transition: width 750ms ease; /* Standard */ } .navbar .navbar-inner .container ul#emk_servicepack li#emk-search form#navbar-search .search-toggle.slideOut { width: 230px; margin-right: 24px; -webkit-transition: width 750ms ease; /* Firefox */ -moz-transition: width 750ms ease; /* WebKit */ -o-transition: width 750ms ease; /* Opera */ transition: width 750ms ease; /* Standard */ } .navbar .navbar-inner .container ul#emk_servicepack li#emk-search form#navbar-search .search-toggle input[type="text"] { width: 215px; border: 1px solid #abb2bd; height: 36px; height: 50px; border-top-left-radius: 18px; border-top-right-radius: 18px; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; padding: 0 14px; } .navbar .navbar-inner .container ul#emk_servicepack li#emk-search form#navbar-search .search-toggle input[type="text"]:focus { outline: none; border-top-left-radius: 18px; border-top-right-radius: 18px; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } .navbar .navbar-inner .container ul#emk_servicepack li#emk-search form#navbar-search .search-toggle input[type="submit"] { width: 40px; background: none; border: none; position: relative; outline: none; } } a#mobile-notepad { position: absolute; right: 75px; width: 38px; height: 38px; padding: 5px; } @media (min-width: 768px) { a#mobile-notepad { display: none; } } a#mobile-notepad ul#pinboard { margin: 0; padding: 0; position: relative; } a#mobile-notepad ul#pinboard li { list-style: none; } a#mobile-notepad ul#pinboard li.stars > span { font-size: 26px; color: #e54531; } a#mobile-notepad ul#pinboard li.stars > span.hide { display: none; } a#mobile-notepad ul#pinboard li.emk_counter { position: absolute; right: -10px; top: -10px; } a#mobile-notepad ul#pinboard li.emk_counter span.val { width: 16px; height: 16px; background: #e54531; color: #fff; display: block; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; text-align: center; line-height: 16px; font-size: 11px; } #menu_mobile { position: fixed; z-index: -1; top: 0; left: auto; right: 0; bottom: 0; background: #f2f3f8; 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: 980px) { #menu_mobile { display: none; } } #menu_mobile.outside { right: -100%; -webkit-transition: right 500ms ease; /* Firefox */ -moz-transition: right 500ms ease; /* WebKit */ -o-transition: right 500ms ease; /* Opera */ transition: right 500ms ease; /* Standard */ } #menu_mobile #mobile-menu-wrap { width: 100%; height: 100%; overflow: scroll; } #menu_mobile #mobile-menu-wrap ul#menu-mobile { margin: 0; margin-top: 80px; padding: 0; padding-top: 6px; } #menu_mobile #mobile-menu-wrap ul#menu-mobile li { padding: 0px; list-style: none; border-bottom: 1px solid #fff; } #menu_mobile #mobile-menu-wrap ul#menu-mobile li a, #menu_mobile #mobile-menu-wrap ul#menu-mobile li > span { line-height: 40px; padding: 0 20px; display: block; } #menu_mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu { position: relative; float: none; padding: 0; margin: 0; border: none; } #menu_mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu li { background: #fff; border-bottom: none; } #menu_mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu li a, #menu_mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu li p { border-bottom: 1px solid #f2f3f8 !important; line-height: 40px; padding: 0 20px; color: #64676e; display: block; } #menu_mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu li p { margin-bottom: 0; } #menu_mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu li:last-child a { border-bottom: none !important; } #menu_mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu li.menu-item-has-children { position: relative; } #menu_mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu li.menu-item-has-children:after { content: "\00bb"; font-size: 20px; position: absolute; right: 20px; top: 0; bottom: 0; line-height: 40px; } #menu_mobile #mobile-menu-wrap ul#menu-mobile li ul.sub-menu li.menu-item-has-children > .sub-menu { display: none; } #menu_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; } #menu_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 #f2f3f8 !important; } #menu { width: 100%; max-width: 1200px; height: auto; display: block; margin: 0 auto; background: #fff; -webkit-box-shadow: 0px 9px 8px -10px rgba(0, 0, 0, 0.59); -moz-box-shadow: 0px 9px 8px -10px rgba(0, 0, 0, 0.59); box-shadow: 0px 9px 8px -10px rgba(0, 0, 0, 0.59); } #menu .menu_inner { width: 100%; max-width: 1050px; display: block; margin: 0 auto; 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; } #menu .menu_inner #brand { width: 240px; min-width: 240px; padding: 10px; } #menu .menu_inner #brand img { width: 100%; } #menu .menu_inner #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; } #menu .menu_inner #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 */ } #menu .menu_inner #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: opacity 800ms ease; /* Standard */ } #menu .menu_inner #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: opacity 800ms ease; /* Standard */ } #menu .menu_inner #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: opacity 800ms ease; /* Standard */ } #menu .menu_inner #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: opacity 800ms ease; /* Standard */ } #menu .menu_inner #menu_mobile { display: none; } #menu .menu_inner #menu_desk { width: 80%; min-width: 76%; 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; } #menu .menu_inner #menu_desk ul#menu_menu_desk, #menu .menu_inner #menu_desk ul#servicepack { margin: 0; padding: 0; 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; } #menu .menu_inner #menu_desk ul#menu_menu_desk li, #menu .menu_inner #menu_desk ul#servicepack li { list-style: none; width: auto; } #menu .menu_inner #menu_desk ul#menu_menu_desk { width: 70%; padding: 0 10px; } #menu .menu_inner #menu_desk ul#menu_menu_desk > li.menu-item { position: relative; /* &:first-child { > ul.sub-menu { display: block !important; visibility: visible !important; li { ul.sub-menu { display: block !important; visibility: visible !important; } } } } */ } #menu .menu_inner #menu_desk ul#menu_menu_desk > li.menu-item a { font-weight: 600; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; padding: 10px 10px; } #menu .menu_inner #menu_desk ul#menu_menu_desk > li.menu-item a span.sf-sub-indicator { display: none; } #menu .menu_inner #menu_desk ul#menu_menu_desk > li.menu-item a:hover { background: none; color: #12275b; } #menu .menu_inner #menu_desk ul#menu_menu_desk > li.menu-item > ul.sub-menu { position: absolute; display: none; visibility: hidden; white-space: nowrap; margin: 0; padding: 0; background: #f2f3f8; z-index: 1; } #menu .menu_inner #menu_desk ul#menu_menu_desk > li.menu-item > ul.sub-menu:before { content: ""; position: absolute; top: -10px; left: 20px; width: 0px; height: 0px; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #f2f3f8 transparent; } #menu .menu_inner #menu_desk ul#menu_menu_desk > li.menu-item > ul.sub-menu li { line-height: 2.3; cursor: pointer; position: relative; } #menu .menu_inner #menu_desk ul#menu_menu_desk > li.menu-item > ul.sub-menu li:hover { background: #fff; } #menu .menu_inner #menu_desk ul#menu_menu_desk > li.menu-item > ul.sub-menu li a { font-size: 15px; font-weight: normal; letter-spacing: normal; padding: 14px 20px; cursor: pointer; } #menu .menu_inner #menu_desk ul#menu_menu_desk > li.menu-item > ul.sub-menu li a:hover { color: #12275b; } #menu .menu_inner #menu_desk ul#menu_menu_desk > li.menu-item > ul.sub-menu li > ul.sub-menu { padding: 0; position: absolute; top: 0; z-index: -1; background: #fff; } #menu .menu_inner #menu_desk ul#servicepack { width: 24%; } #kontaktform.cta .frm_form_fields, #kontaktform.formular .frm_form_fields { padding: 16px 26px; } #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field { margin-bottom: 0 !important; position: relative; } #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field > label, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field > label { display: none; } #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field input, #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field button, #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field select, #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field textarea, #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field .ds_1, #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field .ds_2, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field input, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field button, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field select, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field textarea, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field .ds_1, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field .ds_2 { font-family: "Roboto", Arial, sans-serif; } #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field input[type="text"], #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field input[type="tel"], #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field input[type="email"], #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field textarea, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field input[type="text"], #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field input[type="tel"], #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field input[type="email"], #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field textarea { border: 1px solid silver !important; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 5px 15px !important; width: 100% !important; margin-bottom: 15px !important; } #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field input[type="text"], #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field input[type="tel"], #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field input[type="email"], #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field input[type="text"], #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field input[type="tel"], #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field input[type="email"] { min-height: 45px !important; } #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field .frm_error, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field .frm_error { position: absolute; color: red; right: 10px; top: 6px; font-size: 12px; font-weight: bold; } #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field textarea, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field textarea { height: 5em; } #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field input::-webkit-input-placeholder, #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field textarea::-webkit-input-placeholder, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field input::-webkit-input-placeholder, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field textarea::-webkit-input-placeholder { color: #64676e; } #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field input:-moz-placeholder, #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field textarea:-moz-placeholder, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field input:-moz-placeholder, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field textarea:-moz-placeholder { color: #64676e; } #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field input::-moz-placeholder, #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field textarea::-moz-placeholder, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field input::-moz-placeholder, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field textarea::-moz-placeholder { color: #64676e; } #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field input:-ms-input-placeholder, #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field textarea:-ms-input-placeholder, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field input:-ms-input-placeholder, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field textarea:-ms-input-placeholder { color: #64676e; } #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field.frm_section_heading, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field.frm_section_heading { display: none; } #kontaktform.cta .frm_form_fields .frm_fields_container .frm_form_field.frm_section_heading h3, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_form_field.frm_section_heading h3 { background: lime; } #kontaktform.cta .frm_form_fields .frm_fields_container .ds_1, #kontaktform.formular .frm_form_fields .frm_fields_container .ds_1 { margin-top: 24px; margin-bottom: 8px !important; position: relative; } #kontaktform.cta .frm_form_fields .frm_fields_container .ds_1 .best-check input[type="checkbox"], #kontaktform.formular .frm_form_fields .frm_fields_container .ds_1 .best-check input[type="checkbox"] { position: absolute; } #kontaktform.cta .frm_form_fields .frm_fields_container .ds_1 .frm_error, #kontaktform.formular .frm_form_fields .frm_fields_container .ds_1 .frm_error { position: absolute; color: red; left: 2px; top: -20px; font-size: 12px; font-weight: bold; } #kontaktform.cta .frm_form_fields .frm_fields_container .ds_1 label, #kontaktform.cta .frm_form_fields .frm_fields_container .ds_1 p, #kontaktform.cta .frm_form_fields .frm_fields_container .ds_1 a, #kontaktform.cta .frm_form_fields .frm_fields_container .ds_2 label, #kontaktform.cta .frm_form_fields .frm_fields_container .ds_2 p, #kontaktform.cta .frm_form_fields .frm_fields_container .ds_2 a, #kontaktform.formular .frm_form_fields .frm_fields_container .ds_1 label, #kontaktform.formular .frm_form_fields .frm_fields_container .ds_1 p, #kontaktform.formular .frm_form_fields .frm_fields_container .ds_1 a, #kontaktform.formular .frm_form_fields .frm_fields_container .ds_2 label, #kontaktform.formular .frm_form_fields .frm_fields_container .ds_2 p, #kontaktform.formular .frm_form_fields .frm_fields_container .ds_2 a { font-family: "Roboto", Arial, sans-serif; font-size: 13px; font-weight: normal; color: #ababab; line-height: 1.4; } #kontaktform.cta .frm_form_fields .frm_fields_container .ds_2, #kontaktform.formular .frm_form_fields .frm_fields_container .ds_2 { font-family: "Roboto", Arial, sans-serif; font-size: 13px; font-weight: normal; color: #ababab; line-height: 1.4; margin-bottom: 20px; } #kontaktform.cta .frm_form_fields .frm_fields_container .frm_submit, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_submit { margin-top: 30px; } #kontaktform.cta .frm_form_fields .frm_fields_container .frm_submit button, #kontaktform.formular .frm_form_fields .frm_fields_container .frm_submit button { background: #e98300; border: 1px solid #e98300; color: #fff; padding: 10px 26px; font-size: 16px; font-weight: normal; border-top-left-radius: 19px; border-top-right-radius: 19px; border-bottom-left-radius: 19px; border-bottom-right-radius: 19px; box-shadow: none; outline: none; display: block; margin: 0 auto; } #pano_emk, #site-pano-panel { width: 100%; max-width: 1200px; margin: 0 auto; max-height: 518px; } #pano_emk ul, #site-pano-panel ul { margin: 0; padding: 0; height: 100%; } #pano_emk ul li, #site-pano-panel ul li { list-style: none; height: 100%; position: relative; z-index: 1; } #slider_emk { width: 100%; max-width: 1200px; margin: 0 auto; } #site-pano-panel { position: relative; } #site-pano-panel:before { content: ""; display: block; padding-top: 55%; } #site-pano-panel #pano_overlay_linked, #site-pano-panel > .sy-box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #site-pano-panel #pano_overlay_linked ul li .image, #site-pano-panel > .sy-box ul li .image { position: relative; z-index: -1; height: 100%; } #site-pano-panel #pano_overlay_linked ul li .image img, #site-pano-panel > .sy-box ul li .image img { width: 100%; height: 100%; object-fit: cover; } #site-pano-panel #pano_overlay_linked ul li .overlay, #site-pano-panel #pano_overlay_linked ul li a.overlay, #site-pano-panel > .sy-box ul li .overlay, #site-pano-panel > .sy-box ul li a.overlay { position: absolute; z-index: 1; top: 10%; bottom: 10%; left: 5%; } #site-pano-panel #pano_overlay_linked ul li .overlay img, #site-pano-panel #pano_overlay_linked ul li a.overlay img, #site-pano-panel > .sy-box ul li .overlay img, #site-pano-panel > .sy-box ul li a.overlay img { height: 100%; } @media (min-width: 768px) { #site-pano-panel #pano_overlay_linked ul li .overlay, #site-pano-panel #pano_overlay_linked ul li a.overlay, #site-pano-panel > .sy-box ul li .overlay, #site-pano-panel > .sy-box ul li a.overlay { top: 5%; bottom: 5%; left: 8%; } } #site-pano-panel #pano_overlay_linked ul li a.overlay img, #site-pano-panel > .sy-box ul li a.overlay img { width: auto !important; } #pano_emk ul li .overlay, #slider_emk.deeplink .overlay { display: none; position: absolute; z-index: 10; top: 0; right: 0; left: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } #pano_emk ul li .overlay.right_mid, #slider_emk.deeplink .overlay.right_mid { -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: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } @media (min-width: 650px) { #pano_emk ul li .overlay.right_mid, #slider_emk.deeplink .overlay.right_mid { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } } #pano_emk ul li .overlay.right_mid .overlay_content, #slider_emk.deeplink .overlay.right_mid .overlay_content { width: 80%; margin: 0 auto 12px; padding: 10px 10px 20px 10px; background-image: url("https://wohnen-kotsche.de/img/white65proz.png"); position: relative; } #pano_emk ul li .overlay.right_mid .overlay_content p.head, #slider_emk.deeplink .overlay.right_mid .overlay_content p.head { font-size: 18px; font-weight: 600; padding: 0; margin: 0; margin-bottom: 8px; } #pano_emk ul li .overlay.right_mid .overlay_content p.sub, #slider_emk.deeplink .overlay.right_mid .overlay_content p.sub { font-size: 14px; font-weight: 300; padding: 0; margin: 0; line-height: 1.4; } #pano_emk ul li .overlay.right_mid .overlay_content .btn, #slider_emk.deeplink .overlay.right_mid .overlay_content .btn { display: none; } #pano_emk ul li .overlay.right_mid .overlay_content a.mobile, #slider_emk.deeplink .overlay.right_mid .overlay_content a.mobile { position: absolute; right: 8px; bottom: 8px; display: inline-block; padding: 3px 10px; } @media (min-width: 650px) { #pano_emk ul li .overlay.right_mid .overlay_content, #slider_emk.deeplink .overlay.right_mid .overlay_content { margin-right: 40px; width: 100%; max-width: 33%; } #pano_emk ul li .overlay.right_mid .overlay_content p, #slider_emk.deeplink .overlay.right_mid .overlay_content p { padding: 0; margin: 0; margin-bottom: 16px; } #pano_emk ul li .overlay.right_mid .overlay_content p.head, #slider_emk.deeplink .overlay.right_mid .overlay_content p.head { font-size: 24px; font-weight: 600; } #pano_emk ul li .overlay.right_mid .overlay_content p.sub, #slider_emk.deeplink .overlay.right_mid .overlay_content p.sub { font-size: 16px; font-weight: 300; line-height: 1.4; } #pano_emk ul li .overlay.right_mid .overlay_content a.mobile, #slider_emk.deeplink .overlay.right_mid .overlay_content a.mobile { display: none; } #pano_emk ul li .overlay.right_mid .overlay_content .btn, #slider_emk.deeplink .overlay.right_mid .overlay_content .btn { display: block; margin-top: 16px; width: 130px; } #pano_emk ul li .overlay.right_mid .overlay_content .btn a, #slider_emk.deeplink .overlay.right_mid .overlay_content .btn a { color: #fff; line-height: 1 !important; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } } #pano_emk .btn, #single_emk .btn, #slider_emk .btn { border: 1px solid #eb8c07 !important; background: #eb8c07; color: #fff; margin-right: 16px; padding: 8px 16px; height: 34px; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } #pano_emk .btn:hover, #single_emk .btn:hover, #slider_emk .btn:hover { border: 1px solid #eb8c07 !important; background: #eb8c07; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } #home-pano-panel .pano-display, #sr-pano-panel .pano-display { position: relative; background-image: url("https://wohnen-kotsche.de/wp-content/themes/emk_publisher/img_system/spinner.gif"); background-repeat: no-repeat; background-position: center center; background: #f2f3f8; display: block; overflow: hidden; max-height: 518px; box-sizing: border-box; } #home-pano-panel .pano-display:before, #sr-pano-panel .pano-display:before { content: ""; display: block; padding-top: 75%; } @media (min-width: 768px) { #home-pano-panel .pano-display:before, #sr-pano-panel .pano-display:before { padding-top: 43.1%; } } #home-pano-panel .pano-display #pano_emk, #home-pano-panel .pano-display #slider_emk, #home-pano-panel .pano-display .sy-box, #sr-pano-panel .pano-display #pano_emk, #sr-pano-panel .pano-display #slider_emk, #sr-pano-panel .pano-display .sy-box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #f2f3f8; } #home-pano-panel .pano-display #slider_emk .sy-list li, #sr-pano-panel .pano-display #slider_emk .sy-list li { height: 100%; max-height: 518px; } #home-pano-panel .pano-display #slider_emk .sy-list li img, #sr-pano-panel .pano-display #slider_emk .sy-list li img { width: auto; display: block; margin: 0 auto; height: 100%; width: 100%; object-fit: cover; } #single_emk.active_image { width: 100%; max-width: 1200px; margin: 0 auto; } #single_emk.active_image .solo_image { object-fit: cover; } #single_emk.active_image .overlay { display: none; position: absolute; z-index: 10; top: 0; right: 0; left: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } #single_emk.active_image .overlay.right_mid { -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: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } @media (min-width: 650px) { #single_emk.active_image .overlay.right_mid { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } } #single_emk.active_image .overlay.right_mid .overlay_content { width: 92%; margin: 0 auto 12px; padding: 0 10px 10px 10px; background-image: url("https://wohnen-kotsche.de/img/white65proz.png"); position: relative; } @media (min-width: 650px) { #single_emk.active_image .overlay.right_mid .overlay_content { margin-right: 40px; width: 100%; max-width: 33%; padding: 10px 10px 15px 10px; } } @media (min-width: 650px) { #single_emk.active_image .overlay.right_mid .overlay_content p { padding: 0; margin: 0; margin-bottom: 16px; } } #single_emk.active_image .overlay.right_mid .overlay_content p.head { font-size: 18px; font-weight: 600; padding: 0; margin: 0; margin-bottom: 8px; } @media (min-width: 650px) { #single_emk.active_image .overlay.right_mid .overlay_content p.head { font-size: 24px; font-weight: 600; } } #single_emk.active_image .overlay.right_mid .overlay_content p.sub { font-size: 14px; font-weight: 300; padding: 0; margin: 0; line-height: 1.4; } @media (min-width: 650px) { #single_emk.active_image .overlay.right_mid .overlay_content p.sub { font-size: 16px; font-weight: 300; line-height: 1.4; } } #single_emk.active_image .overlay.right_mid .overlay_content .aktions { 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; } #single_emk.active_image .overlay.right_mid .overlay_content .aktions .btn { display: block; margin-top: 8px; margin-bottom: 0; margin-right: 6px; padding: 7px 10px !important; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: auto; } @media (min-width: 650px) { #single_emk.active_image .overlay.right_mid .overlay_content .aktions .btn { padding: 7px 10px !important; margin-top: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; } } #single_emk.active_image .overlay.right_mid .overlay_content .aktions .btn a { color: #fff; line-height: 1 !important; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } #single_emk.active_image .overlay.right_mid .overlay_content .aktions .btn a span[class^="icon-"] { display: none; font-size: 18px; margin-right: 8px; } @media (min-width: 650px) { #single_emk.active_image .overlay.right_mid .overlay_content .aktions .btn a span[class^="icon-"] { display: block !important; } } #pin_map { margin: 0 auto; margin-top: 100px; max-width: 1200px; } #pin_map #map { margin: 0 auto; } #pin_map ul.legende { width: 100%; max-width: 960px; margin: 10px auto; padding: 0; display: block; overflow: hidden; height: 30px; } #pin_map ul.legende li { list-style: none; float: left; margin-right: 20px; position: relative; display: inline-block; width: auto; height: 40px; padding-left: 34px; } #pin_map ul.legende li:hover { cursor: pointer; } #pin_map ul.legende li img { position: absolute; top: 0; left: 0; margin-right: 8px; display: block; width: 24px; height: 28px; } #pin_map ul.legende li img.active { display: none; } #pin_map ul.legende li.active img.norm { display: none !important; } #pin_map ul.legende li.active img.active { display: block !important; } .emk-outer .emk-inner .emk_wrap, .emk-outer .emk-inner .art-boxes .emk_wrap { width: 94%; margin: 40px auto !important; } @media (min-width: 980px) { .emk-outer .emk-inner .emk_wrap, .emk-outer .emk-inner .art-boxes .emk_wrap { width: 100%; max-width: 960px; } } .emk-outer .emk-inner.home-promo, .emk-outer .emk-inner.home-news, .emk-outer .emk-inner .art-boxes.home-promo, .emk-outer .emk-inner .art-boxes.home-news { padding: 35px 0; } .emk-outer .emk-inner.home-promo h2, .emk-outer .emk-inner.home-news h2, .emk-outer .emk-inner .art-boxes.home-promo h2, .emk-outer .emk-inner .art-boxes.home-news h2 { font-size: 24px; padding: 0 12px; position: relative; margin-bottom: 20px; } .emk-outer .emk-inner.home-promo h2.icon_link, .emk-outer .emk-inner.home-news h2.icon_link, .emk-outer .emk-inner .art-boxes.home-promo h2.icon_link, .emk-outer .emk-inner .art-boxes.home-news h2.icon_link { margin-left: 37px; } .emk-outer .emk-inner.home-promo h2.icon_link:before, .emk-outer .emk-inner.home-news h2.icon_link:before, .emk-outer .emk-inner .art-boxes.home-promo h2.icon_link:before, .emk-outer .emk-inner .art-boxes.home-news h2.icon_link:before { content: ""; display: inline-block; position: absolute; left: -42px; top: -10px; background-image: url("https://wohnen-kotsche.de/wp-content/themes/emk_publisher/img_system/icon-quicklinks.png"); background-size: 42px 42px; height: 42px; width: 42px; margin-right: 10px; } .emk-outer .emk-inner.home-promo h2.icon_news, .emk-outer .emk-inner.home-news h2.icon_news, .emk-outer .emk-inner .art-boxes.home-promo h2.icon_news, .emk-outer .emk-inner .art-boxes.home-news h2.icon_news { margin-left: 37px; } .emk-outer .emk-inner.home-promo h2.icon_news:before, .emk-outer .emk-inner.home-news h2.icon_news:before, .emk-outer .emk-inner .art-boxes.home-promo h2.icon_news:before, .emk-outer .emk-inner .art-boxes.home-news h2.icon_news:before { content: ""; display: inline-block; position: absolute; left: -42px; top: -10px; background-image: url("https://wohnen-kotsche.de/wp-content/themes/emk_publisher/img_system/icon-aktuelles.png"); background-size: 42px 42px; height: 42px; width: 42px; margin-right: 10px; } .emk-outer .emk-inner.home-promo .more_lnk, .emk-outer .emk-inner.home-news .more_lnk, .emk-outer .emk-inner .art-boxes.home-promo .more_lnk, .emk-outer .emk-inner .art-boxes.home-news .more_lnk { text-align: center; display: block; margin-top: 40px; } .emk-outer .emk-inner.home-promo .more_lnk a, .emk-outer .emk-inner.home-news .more_lnk a, .emk-outer .emk-inner .art-boxes.home-promo .more_lnk a, .emk-outer .emk-inner .art-boxes.home-news .more_lnk a { margin: 20px 0; padding: 12px 30px; border: 1px solid #f2cd50; background: #f2cd50; color: #64676e; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } .emk-outer .emk-inner.home-promo .more_lnk a:hover, .emk-outer .emk-inner.home-news .more_lnk a:hover, .emk-outer .emk-inner .art-boxes.home-promo .more_lnk a:hover, .emk-outer .emk-inner .art-boxes.home-news .more_lnk a:hover { text-decoration: none; background: #e54531; } .home_promo { background: #f2f3f8; } .home_promo .home_promo_boxes { width: 94%; max-width: 960px; margin: 0 auto; padding: 30px 0px; position: relative; z-index: 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-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } @media (min-width: 768px) { .home_promo .home_promo_boxes { padding: 65px 0px; } } .home_promo .home_promo_boxes a.box { width: 100%; min-width: 100%; margin-bottom: 20px; text-decoration: none !important; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } @media (min-width: 768px) { .home_promo .home_promo_boxes a.box { width: 32%; min-width: 32%; margin-bottom: 0; } } .home_promo .home_promo_boxes a.box .prev_img { position: relative; } .home_promo .home_promo_boxes a.box .prev_img:before { content: ""; display: block; padding-top: 75%; } .home_promo .home_promo_boxes a.box .prev_img .content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .home_promo .home_promo_boxes a.box .prev_img .content img { width: 100%; } .home_promo .home_promo_boxes a.box .content_txt { background: #fff; padding: 24px; } .home_promo .home_promo_boxes a.box .content_txt h3 { font-size: 22px; text-decoration: none !important; margin-bottom: 0; } .home_promo .home_promo_boxes a.box:hover { -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ -moz-transform: translate(0, -3px); -ms-transform: translate(0, -3px); -o-transform: translate(0, -3px); -webkit-transform: translate(0, -3px); transform: translate(0, -3px); -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); } .home_promo .home_promo_boxes a.box:hover h3 { color: #e54531; } #wbg_map { display: block; overflow: hidden; height: 406px; margin-bottom: 60px !important; position: relative; z-index: 0; } #wbg_map img { position: absolute; z-index: 1; top: 0; left: 0; } #wbg_map .overlay { position: absolute; z-index: 10; } #wbg_map .overlay div[id] { position: absolute; z-index: 10; } #wbg_map .overlay div[id] div.pin { margin: 0; padding: 0; padding: 3px 14px 3px 12px; background: #f2f3f8; font-size: 16px; color: #fff; width: 150px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #wbg_map .overlay div[id] div.pin:hover { cursor: pointer; } #wbg_map .overlay div[id] div.pin span { color: #fff; margin-right: 10px; } #wbg_map .overlay div[id] ul { margin: 0; padding: 0; display: none; } #wbg_map .overlay div[id] ul li { list-style: none; padding: 3px 14px 3px 12px; color: #474b54; font-weight: 400; font-size: 14px; background: #f4f6f9; } #wbg_map .overlay div[id] ul li:hover { cursor: pointer; } #wbg_map .overlay #loc_schwarzheide { top: 221px; left: 383px; } #wbg_map .overlay #loc_ruhland { top: 270px; left: 500px; } #wbg_map .overlay #loc_senftenberg { top: 118px; left: 715px; } #wbg_map .overlay #loc_schipkau { top: 100px; left: 550px; } #wbg_map .overlay #loc_lauchhammer { top: 145px; left: 345px; } #wbg_map .overlay #loc_plessa { top: 215px; left: 127px; } .wrap_art-list { width: 94%; max-width: 960px; height: auto; display: block; overflow: hidden; margin: 0 auto; } .wrap_art-list.textboxes { 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; } .wrap_art-list.textboxes a.box { width: 100%; min-width: 100%; background: #f2f3f8; overflow: hidden; margin-bottom: 30px; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } @media (min-width: 768px) { .wrap_art-list.textboxes a.box { width: 31%; min-width: 31%; } } .wrap_art-list.textboxes a.box:hover { cursor: pointer; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ -moz-transform: translate(0, -3px); -ms-transform: translate(0, -3px); -o-transform: translate(0, -3px); -webkit-transform: translate(0, -3px); transform: translate(0, -3px); -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); text-decoration: none; } @media (min-width: 768px) { .wrap_art-list.textboxes a.box .wrap_cont.beitrag { padding-bottom: 75px; position: relative; } } .wrap_art-list.textboxes a.box .wrap_cont.beitrag .image { position: relative; } .wrap_art-list.textboxes a.box .wrap_cont.beitrag .image:before { content: ""; display: block; padding-top: 55%; } @media (min-width: 540px) { .wrap_art-list.textboxes a.box .wrap_cont.beitrag .image:before { padding-top: 75%; } } .wrap_art-list.textboxes a.box .wrap_cont.beitrag .image .img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .wrap_art-list.textboxes a.box .wrap_cont.beitrag .image .img img { width: 100%; height: 100%; object-fit: cover; } .wrap_art-list.textboxes a.box .wrap_cont.beitrag .content { padding: 10px; } @media (min-width: 768px) { .wrap_art-list.textboxes a.box .wrap_cont.beitrag .content { position: absolute; left: 0; bottom: 0; right: 0; z-index: 1; height: auto; padding: 10px; height: auto; } .wrap_art-list.textboxes a.box .wrap_cont.beitrag .content.closed { max-height: 75px; } .wrap_art-list.textboxes a.box .wrap_cont.beitrag .content.closed p { display: none; } } .wrap_art-list.textboxes a.box a.wrapper { width: 100%; height: 100%; padding: 8px 8px 8px 8px; display: block; text-decoration: none; position: relative; } .wrap_art-list.textboxes a.box a.wrapper span.more { color: #abb2bd; position: absolute; right: 10px; bottom: 0px; } .wrap_art-list.textboxes a.box a.wrapper span.more .lbl { font-size: 13px; margin-right: 10px; } .wrap_art-list.textboxes a.box a.wrapper span.more .icon-forward { font-size: 18px; } .wrap_art-list.textboxes a.box a.wrapper .wrap_cont { position: relative; overflow: hidden; 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; } .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.termin .visual { width: 100%; min-width: 100%; border-bottom: 2px solid #fff; -webkit-align-self: center; -moz-align-self: center; -ms-flex-item-align: center; align-self: center; margin-bottom: 12px; padding: 16px 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-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; } .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.termin .visual span.icon-calendar2 { display: inline-block; width: 20%; min-width: 20%; text-align: center; font-size: 40px; color: #abb2bd; } .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.termin .visual span.date { display: inline-block; width: 48%; min-width: 48%; text-align: left; color: #12275b; font-weight: 600; } @media (min-width: 450px) { .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.termin .visual { width: 37%; min-width: 37%; border-right: 2px solid #fff; border-bottom: none; margin-bottom: 0px; padding: 0; } .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.termin .visual span.icon-calendar2 { display: inline-block; width: 100%; min-width: 100%; text-align: center; margin: 20px 0; } .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.termin .visual span.date { display: inline-block; width: 100%; min-width: 100%; text-align: center; margin-bottom: 10px; } } @media (min-width: 768px) { .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.termin .visual { width: 100%; min-width: 100%; border-right: none; border-bottom: 2px solid #fff; margin-bottom: 10px; } .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.termin .visual span.icon-calendar2 { display: inline-block; width: 20%; min-width: 20%; text-align: center; margin: 20px 0; } .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.termin .visual span.date { display: inline-block; width: 48%; min-width: 48%; text-align: left; margin-bottom: 0px; } } .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.termin .content { width: 100%; min-width: 100%; } @media (min-width: 450px) { .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.termin .content { width: 60%; min-width: 60%; } } @media (min-width: 768px) { .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.termin .content { width: 100%; min-width: 100%; } } .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.presse .visual { width: 100%; min-width: 100%; margin-bottom: 12px; } @media (min-width: 450px) { .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.presse .visual { width: 37%; min-width: 37%; margin-bottom: 0; } } @media (min-width: 768px) { .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.presse .visual { width: 100%; min-width: 100%; margin-bottom: 12px; } } .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.presse .content { width: 100%; min-width: 100%; } @media (min-width: 450px) { .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.presse .content { width: 60%; min-width: 60%; } } @media (min-width: 768px) { .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.presse .content { width: 100%; min-width: 100%; position: absolute; left: 0; right: 0; bottom: 0; background: #f2f3f8; } } .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.beitrag, .wrap_art-list.textboxes a.box a.wrapper .wrap_cont.shorty { height: 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; } .wrap_art-list.textboxes a.box a.wrapper .wrap_cont .content { -webkit-align-self: center; -moz-align-self: center; -ms-flex-item-align: center; align-self: center; } .wrap_art-list.textboxes a.box a.wrapper .wrap_cont .content h3 { text-align: left; line-height: 1.5; margin: 0; margin-bottom: 10px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; } .wrap_art-list.textboxes a.box a.wrapper .wrap_cont .content p { font-size: 15px; margin-top: 0; margin-bottom: 8px; padding: 0; } .btn { margin-bottom: 10px; border: 1px solid #12275b; } .btn.active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: #12275b; border: 1px solid #12275b; color: #fff; } @media (min-width: 920px) { .entry-content.top_spacer { padding-top: 50px; } } #showroom, .showroom { box-sizing: border-box; /* h2 { font-size: 26px; line-height: 1.5; font-weight: 400; margin: 0; text-align: left; } h3 { font-size: 19px; line-height: 1.5; font-weight: 500; text-align: left; margin-bottom: 25px; } */ } #showroom .entry-content, .showroom .entry-content { max-width: 1200px; } #showroom.wide .wrapper, .showroom.wide .wrapper { width: calc(100% - 40px); max-width: 960px; margin: 0 auto; } #showroom.wide .wrapper.emk-grd, .showroom.wide .wrapper.emk-grd { max-width: 980px; } #showroom.small .wrapper, .showroom.small .wrapper { width: 94%; max-width: 620px; } #showroom .wrapper, .showroom .wrapper { margin: 0 auto; width: 100%; } #showroom .wrapper.top_spacer, .showroom .wrapper.top_spacer { padding-top: 25px; } @media (min-width: 920px) { #showroom .wrapper.top_spacer, .showroom .wrapper.top_spacer { padding-top: 50px; } } #showroom .wrapper.small, .showroom .wrapper.small { max-width: 620px !important; } #showroom .wrapper.wide, .showroom .wrapper.wide { max-width: 940px !important; } #showroom .wrapper.full, .showroom .wrapper.full { max-width: none !important; } #showroom .wrap_mod, .showroom .wrap_mod { width: 100%; background: silver; padding: 15px 0; margin-bottom: 10px; 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; } #showroom .wrap_mod .b1, #showroom .wrap_mod .b9, .showroom .wrap_mod .b1, .showroom .wrap_mod .b9 { background: lime; } /* .mod_tel-segmente__ { max-width: 980px !important; .vortext { p { @include grid-media($grid_980){ @include grid-column(8); @include grid-push(2); } } } .tel_segment { .icon, .data { background: aqua; } .icon { @include grid-media($grid_980){ @include grid-column(2); @include grid-push(2); } } .data { @include grid-media($grid_980){ @include grid-column(6); } } } } */ .mod_tel-liste ul { margin: 0; padding: 0; } .mod_tel-liste ul.tel_item { margin-bottom: 25px; } .mod_tel-liste ul li { list-style: none; line-height: 1.6; } .mod_tel-liste ul li.thema { font-weight: 600; margin-bottom: 10px; } .mod_tel-liste ul li.tel { font-weight: 500; } .mod_tel-liste ul li.mail a, .mod_tel-liste ul li.web a { color: #e54531; } .mod_icon_link_intern { width: 100%; padding: 15px 0; box-sizing: border-box; background: #f2f3f8; margin-bottom: 25px !important; } .mod_icon_link_intern .b2, .mod_icon_link_intern .b6 { min-height: 75px; padding: 10px; } .mod_icon_link_intern .b2 { padding-left: 47px; } .mod_icon_link_intern .line { border-left: 1px solid #12275b; padding-left: 20px; } .mod_icon_link_intern .icon-link2, .mod_icon_link_intern .icon-file-download, .mod_icon_link_intern .icon-calendar2 { font-size: 50px; } .mod_icon_link_intern .dis_m { text-align: center; padding: 15px 0 0 0; } .mod_link_intern_button { text-align: center; padding: 25px 0; display: block; overflow: hidden; } .mod_link_intern_button.top_spacer { padding-top: 50px; } .mod_link_intern_button p { font-weight: bold; } .mod_link_intern_button a.lnk_btn { display: inline-block; margin: 4px 0 20px; padding: 12px 30px; border: 1px solid #12275b; background: #12275b; color: #fff; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .mod_link_intern_button a.lnk_btn:hover { text-decoration: none; border: 1px solid #12275b; background: #12275b; } .mod_link_intern_button .more_lnk { text-align: center; display: block; margin-top: 40px; } .mod_link_intern_button .more_lnk a { margin: 4px 0 20px; padding: 12px 30px; border: 1px solid #f2cd50; background: #f2cd50; color: #64676e; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } .mod_link_intern_button .more_lnk a:hover { text-decoration: none; background: #e54531; } #mod_asp h2 { font-size: 22px; margin-bottom: 25px !important; text-align: center !important; } #mod_asp p.sub_header { width: 100%; max-width: 940px; margin: 0 auto; margin-top: 25px; margin-bottom: 25px; font-weight: bold; } #slider_segment { width: 100%; display: block; overflow: hidden; } #slider_segment .flex-control-nav { z-index: 1000; bottom: 10px; } .mod_pano_segment { margin-bottom: 25px !important; } .mod_pano_segment .fond.fond_true { background: #f2f3f8; } .mod_pano_segment .fond.border { padding: 15px 0; } .mod_pano_segment img.pano { width: 100%; max-width: 940px; margin: 0 auto; display: block; } .mod_pano_segment img.pano.small { max-width: 640px; } .mod_pano_segment img.pano.wide { max-width: 940px; } .mod_pano_segment img.pano.full { max-width: 1200px; } .mod_bilder_slider { width: 100%; margin-bottom: 25px !important; display: block; overflow: hidden; } @media (min-width: 980px) { .mod_bilder_slider.small { background: #f2f3f8; } } .mod_bilder_slider .slider_emk { display: block; overflow: hidden; position: relative; } .mod_bilder_slider .slider_emk:before { content: ""; display: block; padding-top: 75%; } .mod_bilder_slider .slider_emk .content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .mod_bilder_slider .slider_emk .content ul.slides { margin: 0; padding: 0; } .mod_bilder_slider .slider_emk .content ul.slides li { list-style: none; } .mod_bilder_slider .slider_emk .content ul.slides li img { width: 100%; } .mod_bilder_slider .slider_emk .content .sy-box { display: block; overflow: hidden; position: relative; height: 100%; } .mod_bilder_slider .slider_emk .content .sy-box .sy-list { display: block; overflow: hidden; } .mod_bilder_slider .slider_emk .content .sy-box .sy-caption { background-color: #e54531 !important; } .mod_bilder_slider .slider_emk .content .sy-box .sy-pager { position: absolute; z-index: 10; margin: 0; bottom: 0px; height: 26px; } .mod_bilder_slider .slider_emk .content .sy-box .sy-pager li { width: 0.8em; height: 0.8em; margin: 0 10px 0 0; } .display_cluster h2.cluster_intro { text-align: center; } .display_cluster .resultlist_info { display: none !important; } .mod_map_m_pin { width: 100%; height: auto; margin: 0 auto; margin-bottom: 25px !important; } .mod_map_m_pin #pin-map { width: 100%; height: 400px; } #mod_calendar { width: 100%; height: 375px; overflow: hidden; margin-bottom: 25px; } #mod_calendar .wpsbc-legend { width: 192px; } #mod_calendar .wpsbc-legend .wpsbc-legend-item { clear: none; margin-right: 20px; } .mod_gaestewohnung { /* @include grid-media($grid_980){ @include grid-column(8); @include grid-push(2); } */ } .mod_gaestewohnung ul { margin: 0; padding: 0; } .mod_gaestewohnung ul li { list-style: none; } .mod_gaestewohnung ul.data .data_spacer { display: inline-block; width: 85px; } .mod_gaestewohnung .route { margin-left: 58px; } .mod_gaestewohnung .price { background: #f2f3f8; padding: 25px; margin-top: 30px; } .mod_gaestewohnung .price h3 { margin: 0; margin-bottom: 15px; text-align: center; } .mod_gaestewohnung .price ul { margin-left: 30%; } .mod_gaestewohnung .price .data_spacer { display: inline-block; width: 170px; } .mod_gaestewohnung .price table { width: 100%; } .mod_gaestewohnung .price table tr { border-bottom: 1px solid silver; padding: 5px 0; display: block; } .mod_gaestewohnung .price table tr td.text { width: 340px; } .mod_gaestewohnung .price table tr td.zahl { width: 100px; text-align: right; } .mod_gaestewohnung .price table tr td.einheit { width: 100px; padding-left: 8px; } .mod_gaestewohnung .nachtext { margin-top: 20px; padding: 0 25px; font-size: 14px; } .mod_gaestewohnung .includes { padding: 0 25px 30px 25px; } .mod_gaestewohnung .includes h3 { margin: 0; margin-bottom: 15px; text-align: center; } .mod_gaestewohnung .includes ul { margin: 15px 0 0 140px; } .mod_gaestewohnung .includes .icon-checkmark4 { display: inline-block; width: 28px; font-size: 20px; color: #12275b; } .mod_bild_text { width: calc(100% - 40px); max-width: 940px; margin: 0 auto; } .mod_bild_text .bild { margin-right: 20px; margin-bottom: 5px; float: left; } .wrap_fl_lightbox, #lb_format_wrap { width: 800px; height: 600px; max-width: 800px; max-height: 600px; } .tel_list { margin: 0 0 25px 0; display: block; overflow: hidden; } .tel_list ul.tel_item { background: #f2f3f8; margin: 0; padding: 12px 25px; /* @include media($mobile){ @include span-columns(8 of 8); } @include media($mobile_mid){ @include span-columns(8 of 8); } @include media($tablet){ @include span-columns(8 of 8); } @include media($desk){ @include span-columns(8 of 8); } */ } .tel_list ul.tel_item li { list-style: none; /* @include media($mobile){ @include span-columns(4 of 8); } @include media($mobile_mid){ @include span-columns(4 of 8); } @include media($tablet){ @include span-columns(3 of 6); } @include media($desk){ @include span-columns(3 of 6 ); } */ } .tel_list ul.tel_item li.thema { width: 100%; border-bottom: 1px solid silver; margin-bottom: 12px; } .tel_list ul.tel_item li ul.anbieter { margin-bottom: 10px; } .tel_list ul.tel_item li ul.anbieter li.desk { display: none; } @media (min-width: 540px) { .tel_list ul.tel_item li ul.anbieter li.mob { display: none; } .tel_list ul.tel_item li ul.anbieter li.desk { display: block; } } .tel_list ul.tel_item li ul.anbieter li span { display: inline-block; width: 100%; } @media (min-width: 540px) { .tel_list ul.tel_item li ul.anbieter li span { width: 50%; } } .tel_list ul.tel_item li .lab { display: none; } @media (min-width: 450px) { .tel_list ul.tel_item li .lab_mob { display: none; } .tel_list ul.tel_item li .lab { display: inline-block; } } .tel_list ul.tel_item ul, .tel_list ul.tel_item ol { margin: 0; padding: 0; width: 100%; } .tel_list ul.tel_item ul li, .tel_list ul.tel_item ol li { list-style: none; width: 100%; line-height: 1.6; } .tel_list ul.tel_item ul li.memo, .tel_list ul.tel_item ol li.memo { margin-top: 5px; } .tel_list ul.tel_item ul li p, .tel_list ul.tel_item ol li p { margin: 0; padding: 0; line-height: 1.6; } .mod_tel_segmente { margin-bottom: 40px; max-width: 620px !important; margin: 0 auto !important; } .mod_tel_segmente h2 { margin-top: 55px; } .mod_tel_segmente .tel_segment { background: #f2f3f8; margin: 20px 0; 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; } .mod_tel_segmente .tel_segment .icon { width: 100%; max-width: 25%; 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; } @media (min-width: 980px) { .mod_tel_segmente .tel_segment .icon { max-width: 140px; } } .mod_tel_segmente .tel_segment .icon .icon-phone2 { font-size: 45px; display: inline-block; text-align: center; color: #12275b; } .mod_tel_segmente .tel_segment .data { width: 100%; padding: 12px 20px 12px 0; max-width: 70%; } @media (min-width: 980px) { .mod_tel_segmente .tel_segment .data { max-width: 460px; padding: 12px 20px; } } .mod_tel_segmente .tel_segment .data p { margin: 0; padding: 0; } .mod_tel_segmente .tel_segment .data p.ruf_num { margin: 10px 0; font-size: 24px; font-weight: 600; color: #12275b; } .mod_tel_segmente .tel_segment .data p.nachtext { font-size: 13px; } @media (min-width: 540px) { .mod_tel_segmente .tel_segment .icon-wrench2 { font-size: 54px; text-align: right; margin: 25px 20px 0 0; } } @media (min-width: 768px) { .mod_tel_segmente .tel_segment .icon-wrench2 { font-size: 60px; } } .custom_map_info ul { margin: 0; padding: 0; } .custom_map_info ul li { list-style: none; } .custom_map_info ul li h3 { margin: 0; margin-bottom: 6px; font-size: 16px; font-weight: 600; } .custom_map_info ul li a { font-size: 15px; } #map_gst_wbg { display: none; } @media (min-width: 768px) { #map_gst_wbg { display: block; } } .pano_map { position: relative; } .pano_map:before { content: ""; display: block; padding-top: 80%; } @media (min-width: 650px) { .pano_map:before { padding-top: 50%; } } .pano_map #header_pano_map { position: absolute !important; top: 0; left: 0; bottom: 0; right: 0; } .accordion.faq { width: 94%; max-width: 620px; margin: 0 auto; } @media (min-width: 768px) { .accordion.faq { width: 100%; margin: 0 auto; margin-bottom: 60px; } .accordion.faq.small { max-width: 620px; } .accordion.faq.wide { max-width: 940px; } } .accordion.faq .intro { margin-bottom: 20px; } .accordion.faq .accordion_segment .ui-accordion-content { padding-left: 38px; padding-right: 38px; line-height: 1.6; } .accordion.faq .accordion_segment .ui-accordion-content ul { padding-left: 20px; } .accordion.faq h3.title { font-size: 16px !important; background: #f2f3f8; text-align: left !important; } .accordion.faq #accordion.faq .ui-accordion-content { padding-left: 15px !important; padding-right: 15px !important; } .mod_garage_stell h3 { text-align: center; margin: 20px 0; } .mod_garage_stell .wrap { background: #f2f3f8; padding: 10px; } .mod_garage_stell .wrap h4 { padding: 10px 0 0 10px; } .mod_garage_stell .wrap table { border: none; } .mod_garage_stell .wrap table td { width: 50%; border: none; border-bottom: 2px solid #fff; } .mod_gewerbe_man { background: #f2f3f8; } .mod_gewerbe_man .offer_img { margin-bottom: 0 !important; } .mod_gewerbe_man .offer_img .content img { width: 100%; } @media (min-width: 540px) { .mod_gewerbe_man .b4 { min-width: 35.6% !important; width: 35.6% !important; } .mod_gewerbe_man .b8 { min-width: 60.9% !important; width: 60.9% !important; } } .mod_gewerbe_man .offer_data { padding: 8px 15px; } @media (min-width: 540px) { .mod_gewerbe_man .offer_data { padding: 8px 0; } } .mod_gewerbe_man .offer_data ul { margin: 0; padding: 0; clear: both; } .mod_gewerbe_man .offer_data ul.offer_merk li { list-style: none; float: left; margin: 0 10px 10px 0; padding: 4px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-size: 13px; line-height: 1; background: #12275b; color: #fff; } @media (min-width: 920px) { .mod_gewerbe_man .offer_data ul.offer_merk li { margin-top: 20px; } } .mod_gewerbe_man .offer_data ul.offer_conditions li { list-style: none; line-height: 1.5; float: left; font-size: 13px !important; margin-right: 20px; } @media (min-width: 450px) { .mod_gewerbe_man .offer_data ul.offer_conditions li { margin-right: 35px; } } @media (min-width: 920px) { .mod_gewerbe_man .offer_data ul.offer_conditions li { margin-top: 20px; } } .mod_gewerbe_man .offer_data ul.offer_conditions li span.dat { font-size: 15px !important; font-weight: 600 !important; color: #12275b; } .mod_gewerbe_man .offer_data ul.offer_conditions li:last-child { margin-right: 0; } @media (min-width: 920px) { .mod_gewerbe_man .offer_data ul.offer_conditions li { margin-right: 60px; } } .mod_asp { margin-top: 50px; } .mod_asp h2, .mod_asp p { text-align: left; } #asp_content_list .asp_item { background: #f2f3f8; padding: 10px; 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; margin-bottom: 16px; } #asp_content_list .asp_item .asp_image { width: 30%; min-width: 30%; text-align: center; } #asp_content_list .asp_item .asp_image img { width: 100%; max-width: 160px; } #asp_content_list .asp_item .asp_data { width: 67%; min-width: 67%; 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; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } #asp_content_list .asp_item .asp_data ul { margin: 0; padding: 0; list-style: none; } #asp_content_list .asp_item .asp_data ul.asp_name { width: 100%; min-width: 100%; } @media (min-width: 768px) { #asp_content_list .asp_item .asp_data ul.asp_name { width: 40%; min-width: 40%; } } #asp_content_list .asp_item .asp_data ul.asp_kontakt { width: 100%; min-width: 100%; } @media (min-width: 768px) { #asp_content_list .asp_item .asp_data ul.asp_kontakt { width: 60%; min-width: 60%; } } #asp_content_list .asp_item .asp_data ul.asp_kontakt.max_768 { display: block; } @media (min-width: 768px) { #asp_content_list .asp_item .asp_data ul.asp_kontakt.max_768 { display: none; } } #asp_content_list .asp_item .asp_data ul.asp_kontakt.min_768 { display: none; } @media (min-width: 768px) { #asp_content_list .asp_item .asp_data ul.asp_kontakt.min_768 { display: block; } } #asp_content_list .asp_item .asp_data ul.asp_kontakt.min_768 li > span[class^="icon"] { color: #e54531; display: inline-block; width: 35px; } #asp_container { width: 92%; max-width: 940px; margin: 0 auto; } #asp_container h2 { text-align: left !important; } #asp_container .asp_filter { width: 100%; margin-bottom: 15px; } #asp_container .asp_filter button { outline: none; } #asp_container .asp_filter .btn { margin-bottom: 10px; border: 1px solid #12275b; font-weight: 400; color: #12275b; background: #fff; } #asp_container .asp_filter .btn:hover { background: #12275b; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ color: #fff; } #asp_container .asp_filter .btn.active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: #12275b; color: #fff; } #asp_container .asp_list { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } #asp_container .asp_list .asp_item { width: 100%; margin-bottom: 12px; position: relative; z-index: 0; position: relative; border-bottom: 6px solid #e54531; cursor: pointer; } @media (min-width: 540px) { #asp_container .asp_list .asp_item { width: 48%; min-width: 48%; margin: 0.9%; } } @media (min-width: 768px) { #asp_container .asp_list .asp_item { width: 31.5%; min-width: 31.6%; margin: 0.8%; } } #asp_container .asp_list .asp_item:before { content: ""; display: block; padding-top: 149.8%; } #asp_container .asp_list .asp_item .content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: lime; } #asp_container .asp_list .asp_item .asp_image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #asp_container .asp_list .asp_item .asp_image img { width: 100%; height: 100%; object-fit: cover; } #asp_container .asp_list .asp_item .asp_data { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; width: 100%; padding: 16px; background-image: url("https://wohnen-kotsche.de/wp-content/themes/emk_publisher/img_system/sys/white85proz.png"); cursor: pointer; overflow: hidden; height: 160px; -webkit-transition: height 500ms ease; /* Firefox */ -moz-transition: height 500ms ease; /* WebKit */ -o-transition: height 500ms ease; /* Opera */ transition: height 500ms ease; /* Standard */ } #asp_container .asp_list .asp_item .asp_data.norm { height: 95px; -webkit-transition: height 500ms ease; /* Firefox */ -moz-transition: height 500ms ease; /* WebKit */ -o-transition: height 500ms ease; /* Opera */ transition: height 500ms ease; /* Standard */ } #asp_container .asp_list .asp_item .asp_data ul { margin: 0; padding: 0; } #asp_container .asp_list .asp_item .asp_data ul li { list-style: none; } #asp_container .asp_list .asp_item .asp_data ul.asp_name { width: 100%; margin-bottom: 25px; } #asp_container .asp_list .asp_item .asp_data ul.asp_name li.asp_name { font-size: 18px; } #asp_container .asp_list .asp_item .asp_data ul.asp_name li.asp_function { font-size: 14px; line-height: 1.3; margin: 8px 0; } @media (min-width: 768px) { #asp_container .asp_list .asp_item .asp_data ul.asp_name li.asp_name { font-size: 18px; } #asp_container .asp_list .asp_item .asp_data ul.asp_name li.asp_function { font-size: 15px; line-height: 1.3; margin: 8px 0; } } #asp_container .asp_list .asp_item .asp_data ul.asp_kontakt { width: 100%; min-width: 100%; } #asp_container .asp_list .asp_item .asp_data ul.asp_kontakt { /* width: 43%; min-width: 43%; */ } @media (min-width: 768px) { #asp_container .asp_list .asp_item .asp_data ul.asp_kontakt.max_768 { display: none; } } #asp_container .asp_list .asp_item .asp_data ul.asp_kontakt.min_768 { display: none; } @media (min-width: 768px) { #asp_container .asp_list .asp_item .asp_data ul.asp_kontakt.min_768 { display: block; margin-top: 20px; } #asp_container .asp_list .asp_item .asp_data ul.asp_kontakt.min_768 li { line-height: 1.6; } #asp_container .asp_list .asp_item .asp_data ul.asp_kontakt.min_768 li span[class^="icon-"] { display: inline-block; color: #12275b; margin-right: 10px; } #asp_container .asp_list .asp_item .asp_data ul.asp_kontakt.min_768 li span.spacer { width: 70px; display: inline-block; } } .btn.mobcall { border: 1px solid #12275b; color: #12275b; padding: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background: #fff; margin-bottom: 0; } .btn.mobcall a { padding: 6px 12px; line-height: 1; text-align: center; font-family: "Roboto", Arial, sans-serif !important; font-weight: 400; display: inline-block; font-size: 13px !important; color: #12275b; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .btn.mobcall a:hover { cursor: pointer; text-decoration: none; color: #fff; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .btn.mobcall a span { margin-right: 4px; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .featherlight-content .hm_info_lb { width: 330px; } .featherlight-content .hm_info_lb ul { margin: 0; padding: 0; border-bottom: 1px solid silver; padding-bottom: 8px; margin-bottom: 12px; } .featherlight-content .hm_info_lb ul li { margin-left: 18px; } .featherlight-content .hm_info_lb p.tel { text-align: center; } .featherlight-content .hm_info_lb p.tel .spacer { width: 63px; display: inline-block; } .featherlight-content .hm_info_lb .tel_call { background: #12275b; padding: 5px 10px; display: block; margin: 0 auto; width: 120px; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .featherlight-content .hm_info_lb .tel_call a { color: #fff !important; } .featherlight-content .hm_info_lb .tel_call a:hover { text-decoration: none; } .mod_text p { margin-top: 0 !important; padding-top: 0 !important; } .mod_text_float_image p { margin-top: 0 !important; padding-top: 0 !important; } .mod_text_float_image .text_w_img { margin-top: 34px; } .mod_text_float_image .text_w_img .img_wrap { width: 30%; margin: 0 0 16px 16px; float: right; } .mod_text_float_image .text_w_img .img_wrap img { width: 100%; max-width: 100%; } .mod_text_float_image .text_w_img .img_wrap > a { cursor: pointer; } .mieterreisen { background: #f2f3f8; padding: 20px; display: block; overflow: hidden; margin-bottom: 30px !important; width: 100% !important; max-width: 940px !important; } .mieterreisen h2 { margin: 20px 0; } @media (min-width: 768px) { .mieterreisen h2 { margin: 0 0 0 0; margin-bottom: 20px !important; } } .mieterreisen h3 { text-align: center; } .mieterreisen .offer { 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; } .mieterreisen .offer .data, .mieterreisen .offer .image { width: 100%; max-width: 100%; } @media (min-width: 768px) { .mieterreisen .offer .data, .mieterreisen .offer .image { width: 100%; max-width: 49%; } } .mieterreisen .offer .image { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .mieterreisen .offer .data { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; padding-top: 24px; } @media (min-width: 768px) { .mieterreisen .offer .data { padding-top: 0px; } } .mieterreisen .offer .image { position: relative; } .mieterreisen .offer .image:before { content: ""; display: block; padding-top: 75%; } .mieterreisen .offer .image .content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .mieterreisen .offer ul.price { padding: 0; margin: 0; margin-bottom: 16px; } .mieterreisen .offer ul.price li { list-style: none; } .mieterreisen .offer ul.price li span { display: inline-block; width: 160px; } .mieterreisen .offer ul.price li.bold { font-weight: 600; } .mieterreisen .offer ul.price li span.norm { font-weight: 400; } .mieterreisen .offer p.intro { font-weight: 600; margin-bottom: 4px; padding: 0; } .mieterreisen .offer ul.facts { margin: 10px 0 0 18px; padding: 0; } .mieterreisen .offer ul.facts li { list-style: square; } .mieterreisen .reise_anmeldung { margin-top: 20px; } .mieterreisen .reise_anmeldung .formular_head .btn { display: block; width: 100%; max-width: 200px; margin: 0 auto; } .mieterreisen .reise_anmeldung .formular_head .btn:hover { color: #fff; } .mieterreisen .reise_anmeldung .formular_content { display: none; position: relative; } .mieterreisen .reise_anmeldung .formular_content .icon-cancel-circle { position: absolute; top: 0; right: 0; z-index: 1; font-size: 24px; } .mieterreisen .reise_anmeldung .formular_content .icon-cancel-circle:hover { cursor: pointer; } .mieterreisen .reise_anmeldung .formular_content #kontaktform { width: inherit; display: block; margin: 0 auto; } #mod_bildordner { border: 1px solid blue; position: relative; box-sizing: border-box; } #mod_bildordner.small { width: 100%; max-width: 460px; margin: 0 auto; background: aqua; } #mod_bildordner.wide { width: 100%; max-width: 940px; margin: 0 auto; background: aqua; } #mod_bildordner.four_3:before { padding-top: 75%; } #mod_bildordner.pano:before { padding-top: 56.25%; } #mod_bildordner:before { content: ""; display: block; } #mod_bildordner #slider_emk { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #mod_bildordner #slider_emk .sy-box { height: 100%; } #galerie_sammlung { margin-top: 60px !important; } #galerie_sammlung .box_wrapper { margin-top: 30px; 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; } #galerie_sammlung .box_wrapper .box { width: 100%; min-width: 100%; margin-bottom: 10px; position: relative; } @media (min-width: 768px) { #galerie_sammlung .box_wrapper .box { width: 32%; min-width: 32%; } } #galerie_sammlung .box_wrapper .box:before { content: ""; display: block; padding-top: 75%; } #galerie_sammlung .box_wrapper .box .content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #galerie_sammlung .box_wrapper .box .content:hover { cursor: pointer; text-decoration: none !important; } #galerie_sammlung .box_wrapper .box .content:hover div { text-decoration: none !important; color: #64676e !important; } #galerie_sammlung .box_wrapper .box .content:hover span { color: #fff !important; } #galerie_sammlung .box_wrapper .box .content img { width: 100%; } #galerie_sammlung .box_wrapper .box .content .overlay { position: absolute; left: 0; right: 0; bottom: 0; padding: 8px; z-index: 1; } #galerie_sammlung .box_wrapper .box .content .overlay:after { content: ""; background-image: url("https://wohnen-kotsche.de/wp-content/themes/emk_publisher/img_system/sys/white65proz.png"); position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; } #galerie_sammlung .box_wrapper .box .content span.icon-images3 { position: absolute; bottom: 50px; right: 4px; color: #fff; font-size: 32px; } .accordion.faq { width: 94%; max-width: 620px; margin: 0 auto; } @media (min-width: 768px) { .accordion.faq { width: 100%; margin: 0 auto; margin-bottom: 60px; } .accordion.faq.small { max-width: 620px; } .accordion.faq.wide { max-width: 940px; } } .accordion.faq .intro { margin-bottom: 20px; } .accordion.faq .accordion_segment .ui-accordion-content { padding-left: 38px; padding-right: 38px; line-height: 1.6; } .accordion.faq .accordion_segment .ui-accordion-content ul { padding-left: 20px; } .accordion.faq h3.title { font-size: 16px !important; background: #f2f3f8; text-align: left !important; } .accordion.faq #accordion.faq .ui-accordion-content { padding-left: 15px !important; padding-right: 15px !important; } .mod_listen { max-width: 620px !important; } .mod_listen ul { margin-bottom: 30px; } .mod_listen ul li { margin-bottom: 4px; } .mod_listen ul.haken li { list-style-type: none; } .mod_listen ul.haken li span[class^="icon-checkmark"] { font-size: 22px; display: block; } .mod_listen ul.plus li { list-style-type: none; } .mod_listen ul.plus li span[class^="icon-plus"] { font-size: 14px; display: block; left: -24px; top: 4px; } .mod_listen ul li { list-style-type: square; position: relative; line-height: 1.6; } .mod_listen ul li span[class^="icon-"] { display: inline-block; color: #e54531; position: absolute; left: -28px; top: 0; display: none; } .mod_icon_download { width: 96%; max-width: 620px; margin: 0 auto; box-sizing: border-box; background: #f2f3f8; margin-bottom: 25px !important; 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: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .mod_icon_download .img { width: 35%; min-width: 35%; text-align: center; margin: 14px 0 14px 14px; } .mod_icon_download .img .preview img { width: 100%; } .mod_icon_download .img .icon-magazine { font-size: 48px; color: #abb2bd; } .mod_icon_download .img .icon-magazine:hover { cursor: pointer; text-decoration: none; } .mod_icon_download .cont { width: 56.5%; min-width: 56.5%; margin: 14px 14px 14px 14px; } .mod_icon_download .cont:hover { cursor: pointer; text-decoration: none; color: #e6ba4d; } @media (min-width: 450px) { .mod_icon_download .img, .mod_icon_download .cont { margin: 14px; } } .mod_downloads { max-width: 980px !important; display: block; overflow: hidden; margin-bottom: 35px !important; } .mod_downloads .head_sec h3 { /* @include grid-column(6, $grid_mobile); @include grid-column(6, $grid_768); @include grid-media($grid_980){ @include grid-column(8); @include grid-push(2); } */ background: #e54531; padding: 8px 16px; color: #64676e !important; } .mod_downloads .wrap-down { margin: 12px 0; } .mod_downloads .wrap-down .preview, .mod_downloads .wrap-down .content { height: 100px; } .mod_downloads .wrap-down .preview { text-align: center; /* @include grid-media($grid_mobile){ @include grid-column(2); } @include grid-media($grid_980){ @include grid-column(2); @include grid-push(2); } */ } .mod_downloads .wrap-down .preview .icon-file-pdf { font-size: 50px; color: #12275b; font-weight: 400; display: block; margin-top: 18px; } .mod_downloads .wrap-down .preview .screen img { max-height: 92px; margin: 4px auto 0 auto; display: block; } .mod_downloads .wrap-down .content { /* @include grid-media($grid_mobile){ @include grid-column(4); } @include grid-media($grid_980){ @include grid-column(6); } */ padding: 15px 0; margin-right: 0; } .mod_downloads .wrap-down .content h4 { font-size: 16px !important; text-transform: none !important; line-height: 1.6; margin-bottom: 20px; } .mod_downloads .trenner .line { /* @include grid-column(6, $grid_mobile); @include grid-media($grid_980){ @include grid-column(8); @include grid-push(2); } */ border: 1px dotted silver; } .mod_downloads_wide h3 { width: 100%; background: #12275b; padding: 8px 16px; color: #fff; margin: 10px 0 !important; } .mod_downloads_wide .wrap-down { background: #f2f3f8; margin-bottom: 4px; padding: 8px 8px; 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; } @media (min-width: 768px) { .mod_downloads_wide .wrap-down { padding: 8px 16px; } } .mod_downloads_wide .wrap-down .info { width: 70%; min-width: 70%; } @media (min-width: 768px) { .mod_downloads_wide .wrap-down .info { width: 440px; min-width: 0; } } .mod_downloads_wide .wrap-down .info h4 { margin: 0; font-size: 16px; color: #12275b; width: 100%; max-width: 400px; line-height: 1.4; } .mod_downloads_wide .wrap-down .info p { margin: 0 0 10px 0 !important; padding: 0; font-size: 13px; color: #64676e; width: 100%; max-width: 150px; } .mod_downloads_wide .wrap-down .btn_set { width: 29%; min-width: 29%; 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: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; -webkit-align-content: center; -moz-align-content: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .mod_downloads_wide .wrap-down .btn_set { width: 240px; min-width: 0; } } .mod_downloads_wide .wrap-down .btn_set .btn_wrap.doc_download, .mod_downloads_wide .wrap-down .btn_set .btn_wrap.doc_reader { width: 49%; max-width: 144px; } .mod_downloads_wide .wrap-down .btn_set .btn_wrap .btn { width: 42px; height: 32px; margin-bottom: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @media (min-width: 768px) { .mod_downloads_wide .wrap-down .btn_set .btn_wrap .btn { width: 110px; height: 44px; border-top-left-radius: 22px; border-top-right-radius: 22px; border-bottom-left-radius: 22px; border-bottom-right-radius: 22px; border: 1px solid #abb2bd; } } .mod_downloads_wide .wrap-down .btn_set .btn_wrap a { color: #abb2bd; line-height: 1 !important; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .mod_downloads_wide .wrap-down .btn_set .btn_wrap a .icon-eye { font-size: 26px; } .mod_downloads_wide .wrap-down .btn_set .btn_wrap a .icon-circle-down5 { font-size: 20px; } @media (min-width: 768px) { .mod_downloads_wide .wrap-down .btn_set .btn_wrap a .icon-circle-down5, .mod_downloads_wide .wrap-down .btn_set .btn_wrap a .icon-eye { margin-right: 10px; font-size: 16px; } } .mod_downloads_wide .wrap-down .btn_set .btn_wrap a span.lab { display: none; font-size: 12px !important; line-height: 1.3; } @media (min-width: 768px) { .mod_downloads_wide .wrap-down .btn_set .btn_wrap a span.lab { display: block; } } .mod_icon_termin.basic { width: 92%; max-width: 620px; margin: 0 auto; padding: 10px 0; box-sizing: border-box; background: #f2f3f8; margin-bottom: 25px !important; 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; } .mod_icon_termin.basic .icon { padding: 10px; border-right: 1px solid #abb2bd; width: 35%; min-width: 35%; text-align: center; } .mod_icon_termin.basic .icon .icon-calendar2 { font-size: 50px; color: #abb2bd; } .mod_icon_termin.basic .data { width: 61.5%; min-width: 61.5%; } .mod_video { width: 94%; max-width: 620px; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; height: auto; } .mod_video .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .mod_video .embed-container iframe, .mod_video .embed-container object, .mod_video .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mod_link_bild { 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; } .mod_link_bild .img_lnk { width: 30%; min-width: 30%; } .mod_link_bild .img_lnk img { width: 100%; } .mod_link_bild .txt_lnk { width: 70%; min-width: 70%; } .mod_link_bild a:hover { text-decoration: none; } .mod_link_bild.center { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 80px !important; } .mod_link_bild.center .img_lnk { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; width: 100%; min-width: 100%; text-align: center; } .mod_link_bild.center .img_lnk img { width: 100%; max-width: 250px; } .mod_link_bild.center .txt_lnk { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; width: 100%; min-width: 100%; text-align: center; margin: 50px 0 30px; } #gaestewohnungen .emk-grd { width: 100%; max-width: 960px; margin-top: 40px; } #gaestewohnungen h2 { width: 100%; max-width: 720px; margin: 0 auto 20px; text-align: center; color: #e54531; } #gaestewohnungen .gw_list { padding: 20px 16px; background: #f2f3f8; } #gaestewohnungen .gw_list .list_item { width: 100%; margin-bottom: 16px; display: flex; } #gaestewohnungen .gw_list .list_item:last-child { margin-bottom: 0; } #gaestewohnungen .gw_list .list_item .item_data_wrap { position: relative; z-index: 1; width: 100%; margin: 0 auto; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } #gaestewohnungen .gw_list .list_item .item_data_wrap:after { content: ""; height: 100%; width: 100%; background: #fff; position: absolute; top: 0px; left: 0px; z-index: -10; clear: both; } #gaestewohnungen .gw_list .list_item .item_data_wrap:hover { cursor: pointer; -moz-transform: translate(0, -3px); -ms-transform: translate(0, -3px); -o-transform: translate(0, -3px); -webkit-transform: translate(0, -3px); transform: translate(0, -3px); } #gaestewohnungen .gw_list .list_item .item_data_wrap:hover:after { -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); } #gaestewohnungen .gw_list .list_item .item_data_wrap.active { -moz-transform: translate(0, -3px); -ms-transform: translate(0, -3px); -o-transform: translate(0, -3px); -webkit-transform: translate(0, -3px); transform: translate(0, -3px); } #gaestewohnungen .gw_list .list_item .item_data_wrap.active:after { -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); } #gaestewohnungen .gw_list .list_item .item_data { background: #fff; padding: 10px; box-sizing: border-box; } @media (min-width: 768px) { #gaestewohnungen .gw_list .list_item .item_data { height: 66px; padding: 12px 20px; } } #gaestewohnungen .gw_list .list_item .item_data ul { width: 100%; margin: 0; padding: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -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-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } @media (min-width: 768px) { #gaestewohnungen .gw_list .list_item .item_data ul { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; } } #gaestewohnungen .gw_list .list_item .item_data ul li { list-style: none; display: block; } #gaestewohnungen .gw_list .list_item .item_data ul li.leg { color: #abb2bd; font-weight: 300; } #gaestewohnungen .gw_list .list_item .item_data ul li ul { display: block; } #gaestewohnungen .gw_list .list_item .item_data ul li ul li { float: none; } #gaestewohnungen .gw_list .list_item .item_data ul li ul li:first-child { font-weight: bold; } #gaestewohnungen .gw_list .list_item .item_data ul li ul li:last-child { font-size: 13px; } #gaestewohnungen .gw_list .list_item .item_data ul li.pers { width: 100%; min-width: 100%; font-size: 14px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 12px; } @media (min-width: 768px) { #gaestewohnungen .gw_list .list_item .item_data ul li.pers { width: 58%; min-width: 120px; } } #gaestewohnungen .gw_list .list_item .item_data ul li.pers span.pers { background: #e54531; color: #fff; height: 30px; padding: 3px 14px; margin-right: 12px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #gaestewohnungen .gw_list .list_item .item_data ul li.pers span.aufbett { background: #abb2bd; color: #fff; height: 30px; padding: 3px 14px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #gaestewohnungen .gw_list .list_item .item_data ul li.flaech { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; width: 30%; min-width: 30%; display: block; text-align: center; line-height: 1.4; } #gaestewohnungen .gw_list .list_item .item_data ul li.flaech li { width: 100%; display: inline-block; line-height: 1; } @media (min-width: 768px) { #gaestewohnungen .gw_list .list_item .item_data ul li.flaech { width: 10%; min-width: 10%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } } #gaestewohnungen .gw_list .list_item .item_data ul li.zim { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-order: 4; -ms-flex-order: 4; order: 4; width: 20%; min-width: 20%; display: block; text-align: center; line-height: 1.4; } #gaestewohnungen .gw_list .list_item .item_data ul li.zim li { width: 100%; display: inline-block; line-height: 1; } @media (min-width: 768px) { #gaestewohnungen .gw_list .list_item .item_data ul li.zim { width: 10%; min-width: 10%; -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; } } #gaestewohnungen .gw_list .list_item .item_data ul li.etage { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-order: 5; -ms-flex-order: 5; order: 5; width: 20%; min-width: 20%; display: block; text-align: center; line-height: 1.4; } #gaestewohnungen .gw_list .list_item .item_data ul li.etage li { width: 100%; display: inline-block; line-height: 1; } @media (min-width: 768px) { #gaestewohnungen .gw_list .list_item .item_data ul li.etage { width: 10%; min-width: 10%; -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-order: 4; -ms-flex-order: 4; order: 4; } } #gaestewohnungen .gw_list .list_item .item_data ul li.adress { display: none; -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-order: 5; -ms-flex-order: 5; order: 5; font-size: 15px; } @media (min-width: 768px) { #gaestewohnungen .gw_list .list_item .item_data ul li.adress { display: block; width: 22%; min-width: 22%; padding-left: 20px; -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-order: 5; -ms-flex-order: 5; order: 5; } } #gaestewohnungen .gw_list .list_item .item_data ul li.more { -webkit-box-ordinal-group: 7; -webkit-order: 6; -moz-order: 6; -ms-flex-order: 6; order: 6; margin-right: 0; width: 20%; min-width: 20%; /* @include break_375 { width: 50%; min-width: 100px; text-align: right; display: block; } */ } @media (min-width: 450px) { #gaestewohnungen .gw_list .list_item .item_data ul li.more { min-width: 100px; } } #gaestewohnungen .gw_list .list_item .item_data ul li.more .btn_more { display: inline-block; border: 1px solid #abb2bd; color: #abb2bd; padding: 8px; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; width: 40px; height: 40px; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } @media (min-width: 450px) { #gaestewohnungen .gw_list .list_item .item_data ul li.more .btn_more { text-align: left; padding: 4px 14px; width: 100px; height: 36px; } } #gaestewohnungen .gw_list .list_item .item_data ul li.more .btn_more span.txt { display: none; font-size: 15px; } @media (min-width: 450px) { #gaestewohnungen .gw_list .list_item .item_data ul li.more .btn_more span.txt { display: inline-block; margin-right: 4px; } } #gaestewohnungen .gw_list .list_item .item_data ul li.more .btn_more:hover, #gaestewohnungen .gw_list .list_item .item_data ul li.more .btn_more.animated { cursor: pointer; border: 1px solid #12275b; background: #12275b; color: #fff; } #gaestewohnungen .gw_list .list_item .item_data ul li.more .btn_more.active { border: 1px solid #12275b !important; background: #12275b !important; color: #fff !important; } #gaestewohnungen .gw_list .list_item .item_data ul li.more .btn_more.active .icon-arrow-right2 { display: none; } #gaestewohnungen .gw_list .list_item .item_data ul li.more .btn_more.active .icon-arrow-down2 { display: inline-block !important; } #gaestewohnungen .gw_list .list_item .item_data ul li.more .btn_more .icon-arrow-right2, #gaestewohnungen .gw_list .list_item .item_data ul li.more .btn_more .icon-arrow-down2 { font-size: 18px; } @media (min-width: 375px) { #gaestewohnungen .gw_list .list_item .item_data ul li.more .btn_more .icon-arrow-right2, #gaestewohnungen .gw_list .list_item .item_data ul li.more .btn_more .icon-arrow-down2 { font-size: 13px; } } #gaestewohnungen .gw_list .list_item .item_data ul li.more .btn_more .icon-arrow-down2 { display: none; } #gaestewohnungen .gw_list .list_item .item_details { overflow: hidden; display: none; padding: 8px; box-sizing: border-box; } #gaestewohnungen .gw_list .list_item .item_details .prev_img, #gaestewohnungen .gw_list .list_item .item_details .data { width: 100%; float: left; box-sizing: border-box; } @media (min-width: 768px) { #gaestewohnungen .gw_list .list_item .item_details .prev_img, #gaestewohnungen .gw_list .list_item .item_details .data { max-width: 49.99%; } } #gaestewohnungen .gw_list .list_item .item_details .prev_img .content { z-index: 10; } #gaestewohnungen .gw_list .list_item .item_details .prev_img .content .sy-box { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; } #gaestewohnungen .gw_list .list_item .item_details .prev_img .content .sy-box ul.sy-pager { position: relative; z-index: 1000; margin-top: -30px; } #gaestewohnungen .gw_list .list_item .item_details .prev_img .content .sy-box ul.sy-pager li { width: 0.8em; height: 0.8em; margin: 0 6px 0 0; } #gaestewohnungen .gw_list .list_item .item_details .data { background: white; padding: 16px; } #gaestewohnungen .gw_list .list_item .item_details .data ul { margin: 0; padding: 0; } #gaestewohnungen .gw_list .list_item .item_details .data ul li { list-style: none; line-height: 1.3; } #gaestewohnungen .gw_list .list_item .item_details .data ul.adress { margin-top: 4px; } #gaestewohnungen .gw_list .list_item .item_details .data ul.adress li { line-height: 1.6; } #gaestewohnungen .gw_list .list_item .item_details .data p.ktxt { margin-top: 25px; width: 100%; } #gaestewohnungen .gw_list .list_item .item_details .data ul.service { display: inline-block; width: 100%; } #gaestewohnungen .gw_list .list_item .item_details .data ul.service li { float: left; background: #abb2bd; margin-right: 10px; margin-bottom: 8px; font-size: 13px; color: #fff; padding: 2px 8px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #gaestewohnungen .gw_list .list_item .item_details .data ul.price { clear: both; margin-top: 10px !important; display: inline-block; width: 100%; } #gaestewohnungen .gw_list .list_item .item_details .data ul.price li { width: 100%; line-height: 1.6; /* float: left; width: 49.99%; */ /* ul { clear: both; display: inline-block; width: 100%; li { clear: both; width: 100%; &:first-child { font-weight: bold; } &:last-child { color: $text_hell; font-size: 13px; } } } */ } #gaestewohnungen .gw_list .list_item .item_details .data ul.price li > span.tab { display: inline-block; width: 130px; } #gaestewohnungen .gw_list .list_item .item_details .data p.service { color: #abb2bd; font-size: 13px; margin: 0; padding: 0; } #gaestewohnungen .gw_list .list_item .item_details .data .btn_buchen { clear: both; margin-top: 24px; border: 1px solid #e54531; background: #e54531; color: #fff; padding: 4px 14px; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; width: 100px; height: 36px; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } #gaestewohnungen .gw_list .list_item .item_details .data .btn_buchen a { color: #fff; text-decoration: none; } #gaestewohnungen .gw_list .list_item .item_details .data .btn_buchen:hover { cursor: pointer; border: 1px solid #12275b; background: #12275b; color: #fff; } #mod_strom .bg_img { position: relative; z-index: 0; } #mod_strom .overlay { background: #f2f3f8; padding: 20px 0; } #mod_strom .overlay h2, #mod_strom .overlay p { text-align: center; } #mod_strom .overlay h2 { margin-bottom: 10px; } #mod_strom .overlay p { margin: 0; padding: 0; font-size: 13px; } #mod_strom .overlay .data { margin: 14px 0; 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; } #mod_strom .overlay .data div { width: 48%; min-width: 48%; font-size: 18px; font-weight: 600; text-align: center; color: #12275b; } #mod_strom .overlay .data div span { font-size: 15px; font-weight: 400; color: #12275b; } #mod_strom .overlay .btn { display: table; margin: 0 auto; } #mod_strom .overlay .btn a { -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } #mod_strom .overlay .btn a:hover { cursor: pointer; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } @media (min-width: 540px) { #mod_strom .overlay .data div { width: 30%; min-width: 30%; } } @media (min-width: 768px) { #mod_strom .overlay { position: absolute; z-index: 10; left: 0; right: 0; bottom: 0; background: none; color: #fff !important; } #mod_strom .overlay h2, #mod_strom .overlay p { color: #fff !important; text-align: center; } #mod_strom .overlay h2 { margin-bottom: 0px; } #mod_strom .overlay .data { 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; } #mod_strom .overlay .data div { margin: 0 30px; font-size: 24px; font-weight: 600; text-align: center; color: #fff; } #mod_strom .overlay .data div span { font-size: 16px; font-weight: 400; color: #fff; } #mod_strom .overlay .btn { display: table; margin: 20px auto 30px; } } #mod_strom_zahlen { margin-bottom: 30px; } #mod_strom_zahlen .daten { width: 94%; max-width: 620px; margin: 0 auto; padding-top: 20px; background: #12275b; } #mod_strom_zahlen .daten h2, #mod_strom_zahlen .daten p { color: #fff !important; text-align: center; } #mod_strom_zahlen .daten h2 { margin-bottom: 10px; } #mod_strom_zahlen .daten p { margin: 0; padding: 0; font-size: 14px; } #mod_strom_zahlen .daten .data { padding: 20px 0; color: #fff !important; 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; } #mod_strom_zahlen .daten .data div { width: 48%; min-width: 48%; font-size: 20px; font-weight: 600; text-align: center; } #mod_strom_zahlen .daten .data div span { font-size: 16px; font-weight: 400; } @media (min-width: 540px) { #mod_strom_zahlen .daten .data div { width: 30%; min-width: 30%; } } @media (min-width: 768px) { #mod_strom_zahlen .daten { padding-top: 30px; height: 225px; } #mod_strom_zahlen .daten h2 { margin-bottom: 0px; } #mod_strom_zahlen .daten .data { color: #fff !important; 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; } #mod_strom_zahlen .daten .data div { margin: 0 30px; font-size: 24px; font-weight: 600; text-align: center; } #mod_strom_zahlen .daten .data div span { font-size: 16px; font-weight: 400; } } #searchForm { position: relative; } #searchForm #location { display: inline-block; padding: 2px 10px; height: 34px; font-size: 16px; font-family: "Roboto", Arial,sans-serif; color: #64676e; width: 100%; } @media (min-width: 540px) { #searchForm #location { width: 310px; } } #searchForm #location::-webkit-input-placeholder { color: #abb2bd; font-size: 16px; font-family: "Roboto", Arial,sans-serif; } #searchForm #location:-moz-placeholder { /* Firefox 18- */ color: #abb2bd; font-size: 16px; font-family: "Roboto", Arial,sans-serif; } #searchForm #location::-moz-placeholder { /* Firefox 19+ */ color: #abb2bd; font-size: 16px; font-family: "Roboto", Arial,sans-serif; } #searchForm #location:-ms-input-placeholder { color: #abb2bd; font-size: 16px; font-family: "Roboto", Arial,sans-serif; } #searchForm .icon-cancel-circle2 { border: 1px solid transparent; background-color: transparent; display: inline-block; vertical-align: middle; outline: 0; cursor: pointer; position: absolute; top: 7px; color: silver; right: 0px; } @media (min-width: 540px) { #searchForm .icon-cancel-circle2 { left: 280px; } } #searchForm .search-box:not(:valid) ~ .close-icon { display: none; } #searchForm input[type="submit"] { background-image: none; font-family: "Roboto", Arial,sans-serif; font-weight: 400; font-size: 16px; color: #12275b !important; height: 34px; padding: 7px 20px 6px; display: block; margin: 0 auto; margin-top: 16px; border-top-left-radius: 17px; border-top-right-radius: 17px; border-bottom-left-radius: 17px; border-bottom-right-radius: 17px; border: 1px solid #12275b; background: #fff; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } @media (min-width: 540px) { #searchForm input[type="submit"] { position: absolute; top: 0; left: 320px; margin-top: 0; } } #searchForm input[type="submit"]:hover { cursor: pointer; color: #fff !important; border: 1px solid #12275b; background: #12275b; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .ui-widget-content.ui-autocomplete { max-height: 120px; overflow: auto; } #results .asp { width: 100%; } #results .asp .asp_row { 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; border-bottom: 1px solid #abb2bd; } #results .asp .asp_row div { display: block; padding: 4px 0; width: 100%; } #results .asp .asp_row div.name { width: 80%; } #results .asp .asp_row div.tel { width: 80%; } #results .asp .asp_row div.tel > span { display: inline-block; width: 65px; } #results .asp .asp_row div.mail { width: 80%; } #results .asp .asp_row div.mail > span { display: inline-block; width: 65px; } @media (min-width: 540px) { #results .asp .asp_row div { width: 49%; min-width: 49%; } #results .asp .asp_row div.name, #results .asp .asp_row div.tel, #results .asp .asp_row div.mail { width: 51%; min-width: 51%; } } @media (min-width: 768px) { #results .asp .asp_row div { width: 30%; min-width: 30%; } #results .asp .asp_row div.name, #results .asp .asp_row div.tel, #results .asp .asp_row div.mail { width: 70%; min-width: 70%; } } @media (min-width: 920px) { #results .asp .asp_row div { width: 25%; min-width: 25%; padding: 8px 0; } #results .asp .asp_row div.name, #results .asp .asp_row div.tel, #results .asp .asp_row div.mail { width: 25%; min-width: 25%; } #results .asp .asp_row div.mail > span { width: 45px; } } #gaestewohnungen_partner { width: 100%; max-width: 640px !important; margin: 0 auto; } #gaestewohnungen_partner .gw_map { display: none; position: relative; margin-bottom: 30px; } @media (min-width: 768px) { #gaestewohnungen_partner .gw_map { display: block; } } #gaestewohnungen_partner .gw_map img { width: 100%; } #gaestewohnungen_partner .gw_map .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #gaestewohnungen_partner .gw_map .overlay:hover { cursor: pointer; } #gaestewohnungen_partner .gw_map .overlay > * { background-image: url("https://wohnen-kotsche.de/wp-content/themes/emk_publisher/img_system/wbg/gaestewhg-pin@2x.png"); background-size: 100% 100%; width: 37px; height: 56px; position: absolute; } #gaestewohnungen_partner .gw_map .overlay #berlin { top: 245px; left: 510px; } #gaestewohnungen_partner .gw_map .overlay #dierhagen { top: 41px; left: 434px; } #gaestewohnungen_partner .gw_map .overlay #bad_salzungen { top: 448px; left: 294px; } #gaestewohnungen_partner .gw_map .overlay #braunschweig { top: 287px; left: 330px; } #gaestewohnungen_partner .gw_map .overlay #erfurt { top: 425px; left: 323px; } #gaestewohnungen_partner .gw_map .overlay #chemnitz { top: 424px; left: 510px; } #gaestewohnungen_partner .gw_map .overlay #eisenach { top: 411px; left: 273px; } #gaestewohnungen_partner .gw_map .overlay #freiberg { top: 407px; left: 542px; } #gaestewohnungen_partner .gw_map .overlay #genthin { top: 255px; left: 415px; } #gaestewohnungen_partner .gw_map .overlay #gera { top: 426px; left: 442px; } #gaestewohnungen_partner .gw_map .overlay #gotha { top: 451px; left: 272px; } #gaestewohnungen_partner .gw_map .overlay #halle { top: 2361px; left: 409px; } #gaestewohnungen_partner .gw_map .overlay #hannover { top: 275px; left: 290px; } #gaestewohnungen_partner .gw_map .overlay #lenzkirch { top: 775px; left: 100px; } #gaestewohnungen_partner .gw_map .overlay #lugau { top: 430px; left: 487px; } #gaestewohnungen_partner .gw_map .overlay #neuhaus { top: 482px; left: 300px; } #gaestewohnungen_partner .gw_map .overlay #stade { top: 120px; left: 235px; } #gaestewohnungen_partner .gw_map .overlay #strasburg { top: 100px; left: 500px; } #gaestewohnungen_partner .gw_map .overlay #suhl { top: 482px; left: 332px; } #gaestewohnungen_partner .gw_map .overlay #wittenberge { top: 185px; left: 384px; } #gaestewohnungen_partner .gw_map .overlay #wolfsburg { top: 251px; left: 316px; } #gaestewohnungen_partner .gw_map .tooltip_templates { display: none; } #gaestewohnungen_partner #accordion.gw { padding: 0 10px; } @media (min-width: 768px) { #gaestewohnungen_partner #accordion.gw { padding: 0; } } #gaestewohnungen_partner #accordion.gw .ui-accordion-content { padding-bottom: 12px !important; } #gaestewohnungen_partner #accordion.gw table { font-size: 16px; } #gaestewohnungen_partner #accordion.gw table td { padding: 4px 40px 4px 0; vertical-align: top; line-height: 1.4; } #gaestewohnungen_partner #accordion.gw table td.lab { padding: 4px 0 4px 14px; width: 120px; } .tooltipster-content ul.wbg_gw_map { margin: 0 !important; padding: 0 !important; } .tooltipster-content ul.wbg_gw_map li { list-style: none; } #mod_zahlen_fakten { width: 100%; height: auto; overflow: hidden; padding: 0; background-image: url("https://wohnen-kotsche.de/wp-content/themes/emk_publisher/img_system/client/fond-muster@2x.png"); background-size: 43px; } @media (min-width: 768px) { #mod_zahlen_fakten { display: block; padding-bottom: 30px; } } #mod_zahlen_fakten .wrap_z_f { width: 100%; max-width: 870px; margin: 0 auto; margin-top: 50px; 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; } #mod_zahlen_fakten .wrap_z_f ul { margin: 0; padding: 0; width: 48%; min-width: 48%; margin-bottom: 8px; } @media (min-width: 768px) { #mod_zahlen_fakten .wrap_z_f ul { width: 23%; min-width: 23%; margin-right: 1%; margin-bottom: 0; } } #mod_zahlen_fakten .wrap_z_f ul li { list-style: none; line-height: 1.1; } #mod_zahlen_fakten .wrap_z_f ul li.icon { text-align: center; margin-bottom: 10px; } #mod_zahlen_fakten .wrap_z_f ul li.icon img { max-width: 84px; } #mod_zahlen_fakten .wrap_z_f ul li.counter { font-size: 42px; font-weight: 600; text-align: center; color: #fff; } #mod_zahlen_fakten .wrap_z_f ul li.counter.gt:before { content: ">"; margin-right: 12px; } #mod_zahlen_fakten .wrap_z_f ul li h3 { font-size: 20px; font-weight: 300 !important; text-align: center; color: #fff; margin-top: 0; margin-bottom: 20px; } @media (min-width: 768px) { #mod_zahlen_fakten .wrap_z_f ul li.icon { margin-bottom: 20px; } #mod_zahlen_fakten .wrap_z_f ul li.icon img { max-width: 100px; } #mod_zahlen_fakten .wrap_z_f ul li h3 { margin-top: 15px; } } #mod_zahlen_fakten .wrap_z_f .info { width: 100%; max-width: 760px; text-align: center; margin: 0 auto; color: #fff; } #mod_zahlen_fakten .wrap_z_f .more_lnk { text-align: center; display: block; margin-top: 25px; } #mod_zahlen_fakten .wrap_z_f .more_lnk a { margin: 20px 0; padding: 12px 30px; border: 1px solid #fff; color: #fff; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } #mod_zahlen_fakten .wrap_z_f .more_lnk a:hover { text-decoration: none; } .mod_map_custom { margin-top: 50px !important; } #quartier_map { width: 100%; max-width: 940px; margin: 0 auto; margin-bottom: 10px; height: 600px; background: #f2f3f8; background-image: url("https://wohnen-kotsche.de/wp-content/themes/emk_publisher/img_system/spinner.gif"); background-repeat: no-repeat; background-position: center center; } #quartier_map.top_spacer { margin-top: 50px; } #map_legende { width: 100%; margin: 0 auto; } #map_legende h3 { font-size: 16px; } #map_legende ul.legende { margin: 10px 0; padding: 0; display: block; overflow: hidden; } #map_legende ul.legende li { list-style: none; float: left; margin-right: 20px; margin-bottom: 5px; position: relative; display: inline-block; width: auto; height: 40px; padding-left: 34px; } #map_legende ul.legende li:hover { cursor: pointer; } #map_legende ul.legende li img { position: absolute; top: 0; left: 0; margin-right: 8px; display: block; width: 26px; height: 28px; } #map_legende ul.legende li img.active { display: none; } #map_legende ul.legende li.active img.norm { display: none !important; } #map_legende ul.legende li.active img.active { display: block !important; } #map_legende ul.legende li#clear { background: #f2f3f8; padding: 3px 10px; height: auto; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } #map_legende ul.legende li#clear:hover { background: #e54531; color: #fff; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .mod_map_custom { width: 92% !important; max-width: 940px !important; margin: 0 auto; } .mod_map_custom h2 { font-size: 22px; margin-bottom: 40px; text-align: left; } .mod_map_custom #map_legende h3 { font-size: 20px; margin-bottom: 40px; text-align: center; } .mod_map_custom #quartier_map { height: 500px; } .mod_image-slider_textoverlay { position: relative; } .mod_image-slider_textoverlay .pano_image img { width: 100%; } .mod_image-slider_textoverlay .pano_image.parallaxer { height: 340px; } .mod_image-slider_textoverlay .pano-display { position: relative; } .mod_image-slider_textoverlay .pano-display:before { content: ""; display: block; padding-top: 75%; } @media (min-width: 768px) { .mod_image-slider_textoverlay .pano-display:before { padding-top: 43.5%; } } .mod_image-slider_textoverlay .pano-display #slider_emk { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .mod_image-slider_textoverlay .pano-display #slider_emk .sy-box { height: 100%; } .mod_image-slider_textoverlay .pano-display #slider_emk .sy-box ul.slides li { width: 100%; height: 100%; object-fit: cover; } .mod_image-slider_textoverlay .pano-display #slider_emk .sy-box ul.slides li img { width: auto !important; height: 100%; } .mod_image-slider_textoverlay .overlay_wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; 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; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .mod_image-slider_textoverlay .overlay_wrap .overlay { width: 100%; max-width: 800px; } .mod_image-slider_textoverlay .overlay_wrap .overlay h2, .mod_image-slider_textoverlay .overlay_wrap .overlay h3, .mod_image-slider_textoverlay .overlay_wrap .overlay p { text-align: center; color: #fff; } .mod_image-slider_textoverlay .overlay_wrap .overlay h2 { color: #fff !important; font-size: 32px !important; } @media (min-width: 768px) { .mod_image-slider_textoverlay .overlay_wrap .overlay h2 { font-size: 36px !important; } } @media (min-width: 920px) { .mod_image-slider_textoverlay .overlay_wrap .overlay h2 { font-size: 60px !important; } } .mod_image-slider_textoverlay .overlay_wrap .overlay h3 { display: block; } @media (min-width: 540px) { .mod_image-slider_textoverlay .overlay_wrap .overlay h3 { display: block; font-size: 20px !important; font-weight: 300 !important; color: #fff !important; } } .mod_slider_text_split { width: 92%; max-width: 960px; margin: 0 auto; display: block; padding: 20px 0; } @media (min-width: 768px) { .mod_slider_text_split { width: 100%; } } .mod_slider_text_split .wrap_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; } .mod_slider_text_split .wrap_content > p { display: none; } .mod_slider_text_split .wrap_content .mobile_intro_wrap { display: block; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .mod_slider_text_split .wrap_content .slider_emk { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; position: relative; width: 100%; margin-top: 20px; margin-bottom: 30px; } .mod_slider_text_split .wrap_content .slider_emk:before { content: ""; display: block; padding-top: 75%; } .mod_slider_text_split .wrap_content .slider_emk ul.slides, .mod_slider_text_split .wrap_content .slider_emk .sy-box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .mod_slider_text_split .wrap_content .slider_emk ul.slides img, .mod_slider_text_split .wrap_content .slider_emk .sy-box img { width: 100%; } .mod_slider_text_split .wrap_content .slider_emk ul.slides ul.sy-pager, .mod_slider_text_split .wrap_content .slider_emk .sy-box ul.sy-pager { margin-top: 4px; } .mod_slider_text_split .wrap_content .slider_emk ul.slides ul.sy-pager li, .mod_slider_text_split .wrap_content .slider_emk .sy-box ul.sy-pager li { width: 0.8em; height: 0.8em; margin-right: 0.5em; } .mod_slider_text_split .wrap_content .slider_emk ul.slides .sy-caption-wrap, .mod_slider_text_split .wrap_content .slider_emk .sy-box .sy-caption-wrap { left: 0; right: 0; bottom: 0; } .mod_slider_text_split .wrap_content .slider_emk ul.slides .sy-caption-wrap .sy-caption, .mod_slider_text_split .wrap_content .slider_emk .sy-box .sy-caption-wrap .sy-caption { background-color: rgba(255, 255, 255, 0.7); color: #666; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; left: auto; text-align: center; } .mod_slider_text_split .wrap_content .text_wrap { display: none; } @media (min-width: 768px) { .mod_slider_text_split .wrap_content { width: 100%; padding: 0; } .mod_slider_text_split .wrap_content .mobile_intro_wrap { display: block; } .mod_slider_text_split .wrap_content .text_wrap { display: none; } .mod_slider_text_split .wrap_content p { display: block; } } @media (min-width: 980px) { .mod_slider_text_split .wrap_content { padding: 30px 0; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .mod_slider_text_split .wrap_content .mobile_intro_wrap { display: none; } .mod_slider_text_split .wrap_content > p { display: none; } .mod_slider_text_split .wrap_content .text_wrap { display: block; width: 49%; min-width: 49%; box-sizing: border-box; } .mod_slider_text_split .wrap_content .text_wrap p { padding: 0; margin: 0; margin-bottom: 14px !important; } .mod_slider_text_split .wrap_content .slider_emk { width: 49%; min-width: 49%; margin: 0; } .mod_slider_text_split .wrap_content .slider_emk:before { display: block !important; } .mod_slider_text_split .wrap_content.links .text_wrap { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .mod_slider_text_split .wrap_content.links .slider_emk { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .mod_slider_text_split .wrap_content.rechts .text_wrap { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .mod_slider_text_split .wrap_content.rechts .slider_emk { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } } #mod_news_filter { width: 100%; max-width: 980px; margin: 0 auto; } #mod_news_filter .h1_wrap { max-width: 920px; padding: 0 0 25px; } #mod_news_filter #news_container { width: calc(100% - 40px); margin: 0 auto; padding-bottom: 20px; margin-bottom: 20px; } @media (min-width: 980px) { #mod_news_filter #news_container { width: calc(100% - 20px); } } #mod_news_filter #news_container .filter { margin: 0 auto; margin-top: 20px; margin-bottom: 20px; max-width: 940px; } #mod_news_filter #news_container .filter .btn { padding: 8px 16px; background: transparent; margin-right: 8px; border: 1px solid #12275b; color: #12275b; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background: transparent; outline: none; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } #mod_news_filter #news_container .filter .btn:hover { border: 1px solid #12275b; background: #12275b; color: #fff; } #mod_news_filter #news_container .filter .btn.active { background: #12275b; color: #fff; } #mod_news_filter #news_container #grid { position: relative; clear: both; width: 100%; display: block; } #mod_news_filter #news_container #grid article.card-type { box-sizing: border-box; margin-bottom: 0; width: 100%; height: auto; margin-top: 10px; padding: 10px 10px 0 10px; } @media (min-width: 768px) { #mod_news_filter #news_container #grid article.card-type { width: 100%; max-width: 33%; } } @media (min-width: 980px) { #mod_news_filter #news_container #grid article.card-type { width: 100%; max-width: 33.3%; height: auto; min-height: 235px; margin-top: 10px; padding: 10px 10px 0 10px; } } #mod_news_filter #news_container #grid article.card-type .card-content { background: #f2f3f8; } #mod_news_filter #news_container #grid article.card-type .card-content.presse { border: 1px solid #c2c2c2; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } #mod_news_filter #news_container #grid article.card-type .card-content.presse:hover { cursor: pointer; -moz-transform: translate(0, -3px); -ms-transform: translate(0, -3px); -o-transform: translate(0, -3px); -webkit-transform: translate(0, -3px); transform: translate(0, -3px); -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); } #mod_news_filter #news_container #grid article.card-type .card-content.presse:hover .prev_img .content img { -webkit-transform: scale(1.1); /* Safari and Chrome */ -moz-transform: scale(1.1); /* Firefox */ -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1); /* Opera */ transform: scale(1.1); } #mod_news_filter #news_container #grid article.card-type .card-content.presse .prev_img .content { padding: 0; z-index: 0; overflow: hidden; } #mod_news_filter #news_container #grid article.card-type .card-content.presse .prev_img .content img { -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } #mod_news_filter #news_container #grid article.card-type .card-content.presse .prev_img .content .overlay_fond { background: #fff; position: relative; left: 0; bottom: 80px; width: 100%; height: 80px; opacity: 0.85; z-index: 50; } #mod_news_filter #news_container #grid article.card-type .card-content.presse .prev_img .content .overlay_txt { position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; z-index: 100; } #mod_news_filter #news_container #grid article.card-type .card-content.presse .prev_img .content .overlay_txt p { font-size: 13px; margin-bottom: 0px; padding: 4px 10px 0; color: #64676e; } #mod_news_filter #news_container #grid article.card-type .card-content.presse .prev_img .content .overlay_txt h2 { padding: 4px 10px; font-size: 16px; margin-top: 0px; color: #12275b; } #mod_news_filter #news_container #grid article.card-type .card-content .content { padding: 10px; box-sizing: border-box; } #mod_news_filter #news_container #grid article.card-type .card-content .content .tag_list { margin-bottom: 10px; } #mod_news_filter #news_container #grid article.card-type .card-content .content .tag_list .dot { color: #abb2bd; } #mod_news_filter #news_container #grid article.card-type .card-content .content .tag_list .tag { background: #abb2bd; padding: 1px 4px; color: #fff; font-size: 12px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } #mod_news_filter #news_container #grid article.card-type .card-content .content p.date { font-size: 12px; color: #abb2bd; } #mod_news_filter #news_container #grid article.card-type .card-content .content h2 { line-height: 1.4; font-size: 16px; margin-bottom: 15px; text-align: left; } #mod_news_filter #news_container #grid article.card-type .card-content .content p { padding: 0; font-size: 15px; margin-bottom: 15px; } #mod_news_filter #news_container #grid article.card-type .card-content .content .btn_read_more { background: #e54531; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-size: 13px; padding: 3px 6px; } #mod_news_filter #news_container #grid article.card-type .card-content a { display: block; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } #mod_news_filter #news_container #grid article.card-type .card-content a:hover { text-decoration: none; -moz-transform: translate(0, -3px); -ms-transform: translate(0, -3px); -o-transform: translate(0, -3px); -webkit-transform: translate(0, -3px); transform: translate(0, -3px); -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); } #mod_news_filter .wrap_ { width: 100%; position: relative; margin: 5px 0; background: #fff; } #mod_news_filter .wrap_ .prev_img:before { padding-top: 76%; } #mod_news_filter .wrap_ .sticky_label { display: none; } #mod_news_filter .wrap_.sticky .sticky_label { display: block !important; } #mod_news_filter .b4 { margin-bottom: 0 !important; } @media (min-width: 540px) { #mod_news_filter .b8.content { padding: 0 !important; } } #mod_news_filter .b4 .content { margin: 8px; display: block; overflow: hidden; } #mod_news_filter .b4 .content .icon-enlarge2 { position: absolute; right: calc(50% - 22px); top: calc(50% - 12px); font-size: 42px; color: #fff; } #mod_news_filter .b4 .content img { width: 100%; } #mod_news_filter .b4 .content .date_olay, #mod_news_filter .b4 .content .date_y_olay { position: absolute; left: 0; top: 40%; width: 100%; text-align: center; color: #fff; } #mod_news_filter .b4 .content .date_olay { font-size: 25px; font-weight: 300; } #mod_news_filter .b4 .content .date_y_olay { top: 55%; } #mod_news_filter .b8.content { position: relative; padding: 0 15px; } @media (min-width: 768px) { #mod_news_filter .b8.content { padding: 0; } } #mod_news_filter .b8.content .sticky_label { color: #12275b; position: absolute; top: 3px; right: 10px; font-size: 12px; font-weight: 600; z-index: 100; } #mod_news_filter .b8.content .sticky_label .icon-price-tag3 { margin-right: 6px; } #mod_news_filter .b8.content .date { font-size: 13px; } @media (min-width: 768px) { #mod_news_filter .b8.content .date { position: absolute; top: 10px; left: 0; margin: 0; } } #mod_news_filter .b8.content h2 { text-align: left !important; font-size: 19px !important; margin-bottom: 8px !important; } @media (min-width: 768px) { #mod_news_filter .b8.content h2 { position: absolute; top: 50px; left: 0; } } #mod_news_filter .b8.content .exzerpt { text-align: left !important; font-size: 16px !important; } @media (min-width: 768px) { #mod_news_filter .b8.content .exzerpt { position: absolute; top: 80px; left: 0; } } #mod_news_filter .b8.content .btn_sub { border: 1px solid #12275b; padding: 4px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: inline-table; margin-bottom: 10px; } #mod_news_filter .b8.content .btn_sub:hover { cursor: pointer; background: #12275b; color: #fff; } @media (min-width: 768px) { #mod_news_filter .b8.content .btn_sub { position: absolute; bottom: 16px; left: 0; } } #mod_news_filter .b8.content a.down { color: #12275b !important; opacity: 0.8 !important; } #mod_news_filter .b8.content a.down:hover { opacity: 1 !important; text-decoration: none !important; } #mod_news_filter .b8.content .down { display: inline-block; margin-bottom: 18px; font-size: 16px; color: #12275b; } @media (min-width: 768px) { #mod_news_filter .b8.content .down { position: absolute; bottom: 15px; left: 0; margin: 0; } } #mod_news_filter .b8.content .datum { display: inline-block; margin-bottom: 18px; font-size: 16px; color: #12275b; } @media (min-width: 768px) { #mod_news_filter .b8.content .datum { position: absolute; bottom: 15px; left: 0; margin: 0; } } #mod_news_filter .b8.content .icon-file-download, #mod_news_filter .b8.content .icon-calendar2 { font-size: 24px; margin-right: 10px; } #mod_news_filter.aktuelles_single { max-width: 620px !important; margin: 0 auto; } #mod_news_filter.aktuelles_single .news_image_full { margin: 0; padding: 0; list-style: none; width: 100%; position: relative; } #mod_news_filter.aktuelles_single .news_image_full:before { content: ""; display: block; padding-top: 75%; } #mod_news_filter.aktuelles_single .news_image_full .content { background: lime; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; } #mod_news_filter.aktuelles_single .news_image_full .content .icon-enlarge2 { position: absolute; top: calc(50% - 24px); left: calc(50% - 12px); font-size: 48px; color: #fff; } #mod_news_filter.aktuelles_single .news_image_full .content img { width: 100%; } #mod_news_filter.aktuelles_single .news-detail-wrap img { margin: 20px 0; width: 100%; } @media (min-width: 540px) { #mod_news_filter.aktuelles_single .news-detail-wrap img { width: auto; float: left; margin: 0 18px 18px 0; } } #mod_news_filter.aktuelles_single .news-detail-wrap .datum, #mod_news_filter.aktuelles_single .news-detail-wrap .down { display: inline-block; margin-top: 25px; } #mod_news_filter.aktuelles_single .news-detail-wrap a.down { color: #12275b !important; opacity: 0.8 !important; } #mod_news_filter.aktuelles_single .news-detail-wrap a.down:hover { opacity: 1 !important; text-decoration: none !important; } #mod_news_filter.aktuelles_single .news-detail-wrap .icon-file-download, #mod_news_filter.aktuelles_single .news-detail-wrap .icon-calendar2 { font-size: 24px; margin-right: 10px; } .emk-container.expose_liste.cluster .filter_wrap { display: none; } .emk-container.expose_liste.cluster .resultlist { padding-top: 25px !important; } .mod_stellplaetze { background: #f2f3f8; padding: 20px 10px; margin-bottom: 20px !important; display: block; } @media (min-width: 768px) { .mod_stellplaetze { padding: 20px 40px 10px; } } .mod_stellplaetze h4 { margin-top: 28px; font-size: 16px; color: #12275b; font-weight: 600; line-height: 1.4; } .mod_stellplaetze .asp_garage { width: 100%; margin-top: 20px !important; } @media (min-width: 768px) { .mod_stellplaetze .asp_garage { margin-bottom: 20px; } } .mod_stellplaetze .asp_garage #asp_content_list .asp_item { background: #fff; } .mod_stellplaetze .asp_garage .asp_item { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mod_stellplaetze .asp_garage .asp_item ul.asp_kontakt.max_768 { width: 100%; min-width: 100%; margin: 0; padding: 0; margin-top: 15px; 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; } .mod_stellplaetze .asp_garage .asp_item ul.asp_kontakt.max_768 li { margin: 0 5px; } @media (min-width: 540px) { .mod_stellplaetze .asp_garage .asp_item ul.asp_kontakt.max_768 { margin-top: -30px; } } @media (min-width: 768px) { .mod_stellplaetze .asp_garage .asp_item ul.asp_kontakt.max_768 { display: none; } } #kontakt .emk-inner.fond { background: #f2f3f8; } #kontakt .emk-inner.top_spacer { margin-top: 50px; } #kontakt_map { width: 100%; height: 380px; } #expose_map { width: 100%; height: 400px; } #kontakt_mod, .kontakt_mod { width: 94%; max-width: 940px; margin: 0 auto; margin-top: 20px; } @media (min-width: 920px) { #kontakt_mod, .kontakt_mod { width: 100%; margin: 0 auto; margin-top: 40px; margin-bottom: 20px; } } #kontakt_mod h3, .kontakt_mod h3 { padding: 16px 0 0 50px !important; } #kontakt_mod .kontakt_fallback h1, .kontakt_mod .kontakt_fallback h1 { font-size: 38px; } #kontakt_mod .kontakt_fallback h2, .kontakt_mod .kontakt_fallback h2 { font-size: 22px; } #kontakt_mod.wrapper, #kontakt_mod .wrapper, .kontakt_mod.wrapper, .kontakt_mod .wrapper { padding-top: 30px; } #kontakt_mod.wrapper .formular, #kontakt_mod .wrapper .formular, .kontakt_mod.wrapper .formular, .kontakt_mod .wrapper .formular { margin-top: 45px; } @media (min-width: 768px) { #kontakt_mod.wrapper, #kontakt_mod .wrapper, .kontakt_mod.wrapper, .kontakt_mod .wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } #kontakt_mod.wrapper .adress, #kontakt_mod .wrapper .adress, .kontakt_mod.wrapper .adress, .kontakt_mod .wrapper .adress { width: 49%; min-width: 49%; } #kontakt_mod.wrapper .formular, #kontakt_mod .wrapper .formular, .kontakt_mod.wrapper .formular, .kontakt_mod .wrapper .formular { margin-top: 0; width: 49%; min-width: 49%; } } #kontakt_mod .adress h4, .kontakt_mod .adress h4 { line-height: 1.6; padding-left: 65px; color: #777; } #kontakt_mod .adress ul.company, #kontakt_mod .adress ul.asp, #kontakt_mod .adress ul.tele, #kontakt_mod .adress ul.mail, .kontakt_mod .adress ul.company, .kontakt_mod .adress ul.asp, .kontakt_mod .adress ul.tele, .kontakt_mod .adress ul.mail { margin: 0; padding: 0; margin-left: 50px; position: relative; margin-bottom: 15px; } #kontakt_mod .adress ul.company li, #kontakt_mod .adress ul.asp li, #kontakt_mod .adress ul.tele li, #kontakt_mod .adress ul.mail li, .kontakt_mod .adress ul.company li, .kontakt_mod .adress ul.asp li, .kontakt_mod .adress ul.tele li, .kontakt_mod .adress ul.mail li { color: #777; } #kontakt_mod .adress ul.company li.icon, #kontakt_mod .adress ul.asp li.icon, #kontakt_mod .adress ul.tele li.icon, #kontakt_mod .adress ul.mail li.icon, .kontakt_mod .adress ul.company li.icon, .kontakt_mod .adress ul.asp li.icon, .kontakt_mod .adress ul.tele li.icon, .kontakt_mod .adress ul.mail li.icon { position: absolute; left: -50px; width: 36px; height: 36px; color: #e98300; text-align: center; line-height: 36px; border-top-left-radius: 18px; border-top-right-radius: 18px; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; font-size: 28px; } #kontakt_mod .adress ul.company li.icon span, #kontakt_mod .adress ul.asp li.icon span, #kontakt_mod .adress ul.tele li.icon span, #kontakt_mod .adress ul.mail li.icon span, .kontakt_mod .adress ul.company li.icon span, .kontakt_mod .adress ul.asp li.icon span, .kontakt_mod .adress ul.tele li.icon span, .kontakt_mod .adress ul.mail li.icon span { line-height: 36px; } #kontakt_mod .adress ul.company span.tab, #kontakt_mod .adress ul.asp span.tab, #kontakt_mod .adress ul.tele span.tab, #kontakt_mod .adress ul.mail span.tab, .kontakt_mod .adress ul.company span.tab, .kontakt_mod .adress ul.asp span.tab, .kontakt_mod .adress ul.tele span.tab, .kontakt_mod .adress ul.mail span.tab { width: 64px; display: inline-block; } @media (min-width: 540px) { #kontakt_mod .adress ul.company, #kontakt_mod .adress ul.asp, #kontakt_mod .adress ul.tele, #kontakt_mod .adress ul.mail, .kontakt_mod .adress ul.company, .kontakt_mod .adress ul.asp, .kontakt_mod .adress ul.tele, .kontakt_mod .adress ul.mail { margin-left: 65px; } #kontakt_mod .adress ul.company li.icon, #kontakt_mod .adress ul.asp li.icon, #kontakt_mod .adress ul.tele li.icon, #kontakt_mod .adress ul.mail li.icon, .kontakt_mod .adress ul.company li.icon, .kontakt_mod .adress ul.asp li.icon, .kontakt_mod .adress ul.tele li.icon, .kontakt_mod .adress ul.mail li.icon { left: -65px; width: 42px; height: 42px; line-height: 42px; border-top-left-radius: 21px; border-top-right-radius: 21px; border-bottom-left-radius: 21px; border-bottom-right-radius: 21px; font-size: 34px; } } #kontakt_mod .adress li, .kontakt_mod .adress li { list-style: none; line-height: 1.6; } #kontakt_mod .adress li ul, .kontakt_mod .adress li ul { margin: 0; padding: 0; } #kontakt_mod .adress li.mob_call, #kontakt_mod .adress li.mob_mail, .kontakt_mod .adress li.mob_call, .kontakt_mod .adress li.mob_mail { display: block; } @media (min-width: 768px) { #kontakt_mod .adress li.mob_call, #kontakt_mod .adress li.mob_mail, .kontakt_mod .adress li.mob_call, .kontakt_mod .adress li.mob_mail { display: none; } } #kontakt_mod .adress li.mob_call a, #kontakt_mod .adress li.mob_mail a, .kontakt_mod .adress li.mob_call a, .kontakt_mod .adress li.mob_mail a { display: inline-block; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-size: 13px; text-align: center; background: #eb8c07; color: #fff; border-bottom: none !important; padding: 4px 8px; margin: 4px 0 8px; width: 112px; } #kontakt_mod p.memo, .kontakt_mod p.memo { font-size: 14px; line-height: 1.3; margin: 8px 0 0 50px; } #kontakt_mod.noflats .adress ul > span, .kontakt_mod.noflats .adress ul > span { left: -30px; } .tbl { display: table; width: 92%; max-width: 265px; margin-top: 40px; position: relative; } .tbl span.icon-bubbles4 { position: absolute; left: 0px; top: -10px; background: #e54531; width: 36px; height: 36px; color: #fff; text-align: center; line-height: 36px; border-top-left-radius: 18px; border-top-right-radius: 18px; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; font-size: 22px; } .tbl span.icon-bubbles4 span { line-height: 42px; } .tbl.oez { position: relative; } .tbl .tbl_cp { display: table-caption; padding-bottom: 20px; margin-left: 50px; } .tbl .tbl_r { display: table-row; width: 100%; line-height: 1.6; } .tbl .tbl_c { display: table-cell; } .tbl .tbl_c.col_1 { width: 30%; max-width: 75px; } .tbl .tbl_c.col_2 { width: auto; } .tbl .tbl_c.col_2 p { padding: 0 7px 0px 0; margin: 0 !important; text-align: right; } .tbl .tbl_c.col_3 { width: 30px; } @media (min-width: 540px) { .tbl { margin-left: 65px; } .tbl span.icon-bubbles4 { left: -65px; width: 42px; height: 42px; line-height: 42px; border-top-left-radius: 21px; border-top-right-radius: 21px; border-bottom-left-radius: 21px; border-bottom-right-radius: 21px; font-size: 26px; } .tbl .tbl_cp { margin-left: 0px; } } #oez_button:hover { text-decoration: underline; cursor: pointer; } span.day { width: 100px; display: inline-block; } span.time { width: 100px; } section.top_offer .emk-container { background: #f2f3f8; } #top_offer_modul .b4 { background: #fff; } #top_offer_modul .wrap { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } #top_offer_modul .wrap .b4 { width: 96%; min-width: 0; max-width: 300px; padding-top: 10px; margin-bottom: 15px; } @media only screen and (min-width: 665px) { #top_offer_modul .wrap .b4:first-child { margin-right: 10px; } } @media (min-width: 768px) { #top_offer_modul .wrap .b4 { margin-right: 0px; } } #top_offer_modul .wrap .b4 .offer_info { padding: 0 12px; } @media (min-width: 768px) { #top_offer_modul .wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } #top_offer_modul .wrap .b4 { width: 31.9%; min-width: 31.9%; margin: 0; padding-top: 0; } #top_offer_modul .wrap .b4 .prev_img { max-width: none; } #top_offer_modul .wrap .b4 .offer_info { padding: 0 8px; height: 160px; position: relative; } } #top_offer_modul .content { background: none; opacity: 1; border: none !important; } #top_offer_modul .content img { max-height: 100%; display: block; margin: 0 auto; } #top_offer_modul h3.headline { margin: 0; margin-bottom: 5px; padding: 0; padding-top: 10px; height: 40px; line-height: 1.3; font-size: 15px; } #top_offer_modul p.adress { color: #858585; font-size: 13px; } #top_offer_modul ul.offer_komfort { margin: 0; padding: 0; height: 52px; } #top_offer_modul ul.offer_komfort li { list-style: none; line-height: 1; float: left; margin-right: 6px; margin-bottom: 5px; border: 1px solid #12275b; padding: 3px 8px; font-size: 13px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } @media (min-width: 920px) { #top_offer_modul ul.offer_komfort li { margin-right: 10px; } } #top_offer_modul ul.offer_data { margin: 0; padding: 0; } #top_offer_modul ul.offer_data li { list-style: none; float: left; margin-right: 30px; } @media (min-width: 768px) { #top_offer_modul ul.offer_data li { margin-right: 20px; } } @media (min-width: 920px) { #top_offer_modul ul.offer_data li { margin-right: 30px; } } #top_offer_modul ul.offer_data li:last-child { margin-right: 0; } #top_offer_modul ul.offer_data li > span { font-weight: bold; } #top_offer_modul ul.offer_data li > p { margin: 0; padding: 0; font-size: 13px; } .emk-container.pano_gw #map_gw { margin-top: 88px; width: 100%; max-width: 1100px; height: 500px; } .emk-container.pano_gw .gw_map_window h3 { margin: 10px 0 5px; font-size: 15px; } .bridge_intro { width: 100%; max-width: 620px; display: block; margin: 0 auto; text-align: center; } #list_bridge .wrap { margin-bottom: 30px; background: #f2f3f8; padding: 20px 10px 10px; 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; } #list_bridge .wrap .b4.image { width: 100%; max-width: 290px; min-width: 0; overflow: hidden; margin-bottom: 5px; } #list_bridge .wrap .b4.image img { width: 100%; } #list_bridge .wrap .b8.content p.date { margin: 0 0 10px 0; text-align: center; } #list_bridge .wrap .b8.content h2 { text-align: center; } #list_bridge .wrap .b8.content p { text-align: center; } #list_bridge .wrap a { display: block; } @media (min-width: 540px) { #list_bridge .wrap { padding: 0; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } #list_bridge .wrap .b4.image { margin: 0; } #list_bridge .wrap .b8.content { padding: 0 5px 0 15px; } #list_bridge .wrap .b8.content p, #list_bridge .wrap .b8.content p.date, #list_bridge .wrap .b8.content h2 { text-align: left; } #list_bridge .wrap .b8.content p.date { margin: 0 0 5px 0; } #list_bridge .wrap .b8.content h2 { margin-bottom: 15px !important; } } @media (min-width: 768px) { #list_bridge .wrap .b8.content { min-width: 0; } #list_bridge .wrap .b8.content p.date { margin: 20px 0; } } @media (min-width: 768px) and (min-width: 768px) { #list_bridge .wrap .b8.content h2 { margin: 40px 0 20px 0 !important; } } @media (min-width: 920px) { #list_bridge .wrap .b4.image { width: 31.9%; min-width: 31.9%; max-width: none; } } .b8.gw { padding: 0; } .b8.gw h2 { font-size: 22px; } .b8.gw ul { margin: 0; padding: 0; margin-top: 65px; } .b8.gw ul li { list-style: none; float: left; margin-right: 40px; font-size: 13px; } .b8.gw ul li span.data { font-size: 16px; font-weight: 600; } #vertreter_wbg .vertreter_liste { width: 94%; max-width: 620px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; } #vertreter_wbg .vertreter_liste h3 { background-color: #12275b; color: #fff; margin: 0; margin-bottom: 5px; padding: 8px 16px; outline: none; } #vertreter_wbg .vertreter_liste .asp { padding: 10px 10px 10px 16px !important; } #vertreter_wbg .vertreter_liste .asp td.name { width: 168px; } #accordion.vertreter h3 { background-color: #12275b; color: #fff; margin: 0; margin-bottom: 5px; padding: 8px 16px; outline: none; } #accordion.vertreter .ui-accordion-content p { margin: 0; padding: 8px 8px 0 16px; font-size: 14px; color: #abb2bd; } #accordion.vertreter .ui-accordion-content ul { margin: 0; padding: 10px 8px 10px 16px; } #accordion.vertreter .ui-accordion-content ul li { list-style: none; } .accordion.custom { margin-top: 30px; } .accordion.custom h2 { margin-bottom: 10px !important; padding: 12px !important; color: #fff !important; } .accordion.custom h2.h_1 { background: #00A233; } .accordion.custom h2.h_2 { background: #00BBC8; } .accordion.custom h2.h_3 { background: #C3A900; } .accordion.custom h2.h_4 { background: #DA004D; } .accordion.custom ul { margin-bottom: 10px !important; } .accordion.custom ul li { color: #858585 !important; } .accordion.custom .ui-icon.iconClose, .accordion.custom .ui-icon.iconOpen { color: #fff !important; background-size: 30px; width: 20px; height: 20px; } @media (min-width: 768px) { .accordion.custom { display: none; } } #puzz_wrap { display: none; } @media (min-width: 768px) { #puzz_wrap { width: 621px; height: 582px; margin: 0 auto; margin-top: 25px; position: relative; -webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */ transition: height 2s; z-index: 10; display: block; } } #puzz-1, #puzz-2, #puzz-3, #puzz-4 { position: relative; } #puzz-1:hover, #puzz-2:hover, #puzz-3:hover, #puzz-4:hover { cursor: pointer; } #puzz-1 path:hover { fill: #05b553; } #puzz-2 path:hover { fill: #00ccda; } #puzz-3 path:hover { fill: #d8bb00; } #puzz-4 path:hover { fill: #f00055; } @media (min-width: 768px) { #content-1, #content-2, #content-3, #content-4 { position: absolute; z-index: 100; width: 30px; height: 30px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; display: block; overflow: hidden; transition: all 0.6s ease-in-out; opacity: 0; } #content-1:hover, #content-2:hover, #content-3:hover, #content-4:hover { cursor: pointer; } #content-1 ul, #content-2 ul, #content-3 ul, #content-4 ul { margin-bottom: 10px; } #content-1 ul li, #content-2 ul li, #content-3 ul li, #content-4 ul li { list-style: square; } #content-1 ul ul, #content-2 ul ul, #content-3 ul ul, #content-4 ul ul { padding-left: 20px; } #content-1 ul ul li, #content-2 ul ul li, #content-3 ul ul li, #content-4 ul ul li { list-style: circle; } #content-1 p, #content-1 li, #content-2 p, #content-2 li, #content-3 p, #content-3 li, #content-4 p, #content-4 li { font-size: 17px; color: #fff; } #content-1 p, #content-2 p, #content-3 p, #content-4 p { margin-bottom: 12px; line-height: 1; } #content-1 li, #content-2 li, #content-3 li, #content-4 li { line-height: 1.6; } } #content-1 { left: 130px; top: 130px; } #content-2 { left: 450px; top: 130px; } #content-3 { left: 130px; top: 410px; } #content-4 { left: 450px; top: 410px; } .aktiv { opacity: 1 !important; z-index: 20 !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border: 1px solid #fff; } .akt_1 { background: #05b553 !important; padding: 25px 15px 18px 25px !important; width: 490px !important; height: 415px !important; top: 115px !important; left: 70px !important; } .akt_2 { background: #00ccda !important; padding: 60px 15px 18px 25px !important; width: 450px !important; height: 380px !important; top: 115px !important; left: 100px !important; } .akt_3 { background: #d8bb00 !important; padding: 35px 15px 18px 25px !important; width: 480px !important; height: 380px !important; top: 115px !important; left: 75px !important; } .akt_4 { background: #f00055 !important; padding: 85px 15px 18px 25px !important; width: 480px !important; height: 240px !important; top: 175px !important; left: 75px !important; } @media (min-width: 768px) { #title_1, #title_2, #title_3, #title_4 { position: absolute; color: #fff; z-index: 100; font-size: 23px; font-weight: 400; } #title_1:hover, #title_2:hover, #title_3:hover, #title_4:hover { cursor: pointer; } } #title_1 { top: 130px; left: 55px; transition: all 0.6s ease-in-out; } #title_1.out { top: 20px !important; left: 30px !important; } #title_2 { top: 130px; right: 35px; transition: all 0.6s ease-in-out; } #title_2.out { top: 20px !important; right: 30px !important; } #title_3 { bottom: 150px; left: 35px; transition: all 0.6s ease-in-out; } #title_3.out { bottom: 20px !important; left: 30px !important; } #title_4 { bottom: 150px; right: 35px; transition: all 0.6s ease-in-out; } #title_4.out { bottom: 20px !important; right: 30px !important; } .puzz_wrap_inner { display: none; } @media (min-width: 768px) { .puzz_wrap_inner { display: block; } } #pano-map-vario { position: relative; } #pano-map-vario span.icon-enlarge2 { position: absolute; right: 0; bottom: 0; font-size: 32px; } #pano-map-vario span.icon-enlarge2:hover { cursor: pointer; } .mod_vorstand .bild_a, .mod_vorstand .bild_b { width: 100%; max-width: 49%; float: left; } .mod_vorstand .bild_a .content, .mod_vorstand .bild_b .content { background: silver; } .mod_vorstand .bild_a .legende_fond, .mod_vorstand .bild_b .legende_fond { position: absolute; left: 0; bottom: 0; width: 100%; background: #fff; opacity: 0.5; height: 30px; } .mod_vorstand .bild_a .legende_content, .mod_vorstand .bild_b .legende_content { position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; font-size: 13px; text-align: center; padding: 4px 0; } .mod_vorstand .bild_a { margin-right: 2%; } #mod_organigramm { height: 370px; background: #f2f3f8; padding: 20px; margin-top: 25px; margin-bottom: 25px; } #mod_geschaeftsstellen { width: 100%; max-width: 960px; margin: 0 auto; margin-top: 36px; margin-bottom: 45px; 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; } #mod_geschaeftsstellen .hgst, #mod_geschaeftsstellen .ngst { width: 100%; max-width: 90%; margin: 0 auto; } #mod_geschaeftsstellen .ngst { margin-top: 35px; } @media (min-width: 768px) { #mod_geschaeftsstellen { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; } #mod_geschaeftsstellen .hgst, #mod_geschaeftsstellen .ngst { max-width: 48.2%; } #mod_geschaeftsstellen .ngst { margin-top: 0; } } #mod_geschaeftsstellen h2 { font-size: 19px; margin-bottom: 30px; padding-left: 50px; } #mod_geschaeftsstellen .tab { display: inline-block; width: 70px; } #mod_geschaeftsstellen a { text-decoration: none; border-bottom: 1px dotted #12275b; } #mod_geschaeftsstellen a:hover { text-decoration: none; border-bottom: 1px dotted #eb8c07 !important; } #mod_asp_search #asp_container_search { width: 100%; max-width: 94%; margin: 0 auto; background: #f2f3f8; padding: 20px; } @media (min-width: 768px) { #mod_asp_search #asp_container_search { max-width: 960px; } } .rzslider { margin: 0 0 15px 0; } @media (min-width: 768px) { .rzslider { margin: 35px 0 15px 0; } } .rzslider .rz-bar-wrapper { margin-top: -18px; width: 100%; } .rzslider .rz-bar-wrapper span.rz-bar { height: 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #f2f3f8; } .rzslider .rz-bar-wrapper span.rz-bar.rz-selection { background: #ffb454; } .rzslider .rz-bubble { color: #005a88; font-weight: 600; } .rzslider .rz-bubble.rz-limit { color: #abb2bd; } .rzslider .rz-pointer { top: -10px; width: 28px; height: 28px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; outline: none; background-color: #bfbfc3; } .rzslider .rz-pointer:after { width: 12px; height: 12px; top: 8px; left: 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #f2f3f8; } .rzslider .rz-pointer.rz-active:after { background: #f2f3f8; } #map_angebote { display: none; } @media (min-width: 650px) { #map_angebote { display: block; width: 100%; max-width: 1200px; height: 630px; margin: 0 auto; background: #f5f7fa; background-image: url("https://wohnen-kotsche.de/wp-content/themes/emk_publisher/img_system/spinner.gif"); background-repeat: no-repeat; background-position: center center; position: relative; z-index: 1; } } .emk-container.expose_liste { overflow: visible; } @media (min-width: 650px) { .emk-container.expose_liste { margin-top: 0; } } a.obox { display: block; } #objekte_liste .resultlist_info .list_cluster { display: none; } #cluster_list #map_angebote { max-height: 460px; } #cluster_list .resultlist_info .list_complete { display: none; } #expose { width: 96%; margin: 0 auto; } #expose .display_ea { margin-top: 15px; display: inline-block; } #expose .data_top { background: #fff; padding: 20px 0 0px; position: relative; border-bottom: 1px solid #abb2bd; margin-bottom: 28px; 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; } @media (min-width: 768px) { #expose .data_top { margin-bottom: 38px; } } #expose .data_top ul { width: 100%; min-width: 100%; margin: 0 auto; padding: 0; background: white; } #expose .data_top ul.kennziffern { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; line-height: 1; } #expose .data_top ul.kennziffern li { width: 30%; min-width: 30%; list-style: none; text-align: center; margin: 0 4px; line-height: 1.3; } #expose .data_top ul.kennziffern li .val { font-weight: 600; font-size: 18px; } #expose .data_top ul.kennziffern li .legend { font-size: 13px; color: #abb2bd; } #expose .data_top ul.icons { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; 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; } #expose .data_top ul.icons li { list-style: none; text-align: center; width: 22%; min-width: 22%; margin: 0 4px; } #expose .data_top ul.icons li a { text-decoration: none; } #expose .data_top ul.icons li a:hover { text-decoration: none; } #expose .data_top ul.icons li .icon-file-pdf, #expose .data_top ul.icons li .icon-file-spreadsheet { font-size: 36px; color: #abb2bd; } #expose .data_top ul.icons li .legend { font-size: 13px; color: #abb2bd; } #expose .data_top ul.icons li.merken .wrap { display: inline-block; position: relative; } #expose .data_top ul.icons li.merken .wrap .icon-star-empty, #expose .data_top ul.icons li.merken .wrap .icon-star-full { font-size: 36px; display: block; margin: 0 auto; color: #abb2bd; } #expose .data_top ul.icons li.merken .wrap .icon-star-empty.hide, #expose .data_top ul.icons li.merken .wrap .icon-star-full.hide { display: none; } @media (min-width: 768px) { #expose .data_top ul.icons li { float: left; } } #expose .data_top ul.merkmale { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; margin: 12px 0; 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: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } #expose .data_top ul.merkmale li { list-style: none; line-height: 1; border: 1px solid #abb2bd; background: #abb2bd; color: #fff; padding: 4px 8px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-size: 13px; } #expose .data_top ul.merkmale.gewerbe p { font-size: 13px; margin-bottom: 3px; text-align: center; } @media (min-width: 540px) { #expose .data_top ul { margin: 0; } #expose .data_top ul.kennziffern { width: 49%; min-width: 49%; } #expose .data_top ul.kennziffern li { width: 32%; min-width: 32%; } #expose .data_top ul.merkmale { width: 49%; min-width: 49%; margin: 0; } #expose .data_top ul.icons { width: 100%; min-width: 100%; margin: 14px 0 0 0; } #expose .data_top ul.icons li { width: 15%; min-width: 15%; } } @media (min-width: 768px) { #expose .data_top ul { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } #expose .data_top ul.kennziffern { width: 100%; min-width: 100%; } #expose .data_top ul.kennziffern li { width: auto; min-width: 0; margin: 0 30px; } #expose .data_top ul.kennziffern li span.val { font-size: 24px; color: #005a88; } #expose .data_top ul.kennziffern li span.legend { font-size: 14px; } #expose .data_top ul.merkmale { width: 100%; min-width: 100%; margin: 25px 0; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } #expose .data_top ul.merkmale li { font-size: 15px; } } #expose .data_wrap { width: 100%; margin: 0 auto; } @media (min-width: 920px) { #expose .data_wrap { width: 66%; max-width: 66%; margin-bottom: 30px; } } #expose .data_wrap .data { display: block; } #expose .data_wrap .data h2 { text-align: left; font-size: 18px; margin: 5px 0 28px !important; text-transform: none !important; color: #005a88; } @media (min-width: 920px) { #expose .data_wrap .data h2 { font-size: 28px; padding-left: 10px; } } #expose .data_wrap .data p.anschrift { margin: 5px 0 20px 40px !important; position: relative; font-size: 18px; color: #005a88; } #expose .data_wrap .data p.anschrift > span { position: absolute; left: -34px; top: 0px; font-size: 26px; } #expose .data_wrap .data .wrap_objektdata ul { min-width: 100%; margin: 0 auto; padding: 0; background: white; } #expose .data_wrap .data .wrap_objektdata ul li { list-style: none; border-bottom: 1px solid silver; padding: 4px 0; position: relative; display: block; line-height: 1.6; padding-left: 10px; } #expose .data_wrap .data .wrap_objektdata ul li .val { position: absolute; right: 10px; width: auto; } @media (min-width: 540px) { #expose .data_wrap .data .wrap_objektdata { 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; } #expose .data_wrap .data .wrap_objektdata ul { margin: 0; min-width: 48.8%; } } #expose .data_wrap .data .besonderes { margin-top: 30px; } #expose .data_wrap .data .besonderes ul { margin: 0; padding: 0; } #expose .data_wrap .data .besonderes ul li { list-style: none; float: left; margin-right: 15px; } #expose .data_wrap .data .besonderes ul li .icon-checkmark4 { margin-right: 8px; } #expose .data_wrap .data .besonderes:after { clear: both; } #expose .data_wrap .data #accordion.wrap_content { margin: 30px 0 40px; } #expose .data_wrap .data #accordion.wrap_content h3 { margin: 3px 0; color: #005a88; background-color: #fafafa; } @media (min-width: 650px) { #expose .data_wrap .data #accordion.wrap_content h3 { background: none; color: #12275b; font-size: 16px; font-weight: 600 !important; padding: 8px 0; } #expose .data_wrap .data #accordion.wrap_content > div { margin-bottom: 25px; font-size: 15px; line-height: 1.6; color: #777; } } .expose_map { width: 100%; max-width: 1200px; margin: 0 auto; } .expose_map #expose_map { height: 100%; height: 600px; } .expose_map #map_legende { width: 96%; margin: 0 auto; } @media (min-width: 768px) { .expose_map #map_legende { width: 66%; max-width: 66%; margin-bottom: 40px !important; } } .expose_img_single { margin-top: 99px; } #expose_slider { margin-top: 0px; background: #f2f3f8; display: block; overflow: hidden; max-height: 900px; } #expose_slider.emk-container { padding: 0; } #expose_slider .wrap_expose_slider { width: 100%; margin: 0 auto; } #expose_slider .wrap_expose_slider .sy-box { position: relative; width: 100%; /* max-width: 620px; max-height: 465px; */ max-height: 900px; margin: 0 auto; } #expose_slider .wrap_expose_slider .sy-box:before { content: ""; display: block; padding-top: 75%; } #expose_slider .wrap_expose_slider .sy-box .sy-slides-wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0; } #expose_slider .wrap_expose_slider .sy-box .sy-pager { position: absolute; bottom: 0; z-index: 99; } #expose_slider .wrap_expose_slider .sy-box .sy-pager li { width: 0.8em; height: 0.8em; } #expose_slider .wrap_expose_slider .sy-box .sy-controls { display: block; } #expose_slider .wrap_expose_slider #slider_emk { position: relative; overflow: auto; } #expose_slider .wrap_expose_slider #slider_emk:before { content: ""; display: block; padding-top: 75%; } #expose_slider .wrap_expose_slider #slider_emk ul.slides { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0; padding: 0; } #expose_slider .wrap_expose_slider #slider_emk ul.slides li { list-style: none; text-align: center; height: 100%; object-fit: contain; } #expose_slider .wrap_expose_slider #slider_emk ul.slides li img { display: inline-block; height: 100%; max-height: 900px; margin: 0 auto; } #expose_sharing { display: none; position: fixed; right: 15px; bottom: 200px; width: 185px; height: 110px; z-index: 10000; overflow: hidden; } @media (min-width: 920px) { #expose_sharing { display: block; } } #expose_sharing .print, #expose_sharing .share { width: 55px; height: 55px; display: block; position: absolute; background: #12275b; top: 0; right: 0; z-index: 15000; } #expose_sharing .print:hover, #expose_sharing .share:hover { cursor: pointer; } #expose_sharing .share { background: #25a2d8; top: 55px; } #expose_sharing .print_label, #expose_sharing .share_label { position: absolute; right: 0px; top: 0px; height: 55px; width: 55px; padding: 17px 7px; background: white; z-index: 12000; -webkit-transition: width 0.8s ease; /* Firefox */ -moz-transition: width 0.8s ease; /* WebKit */ -o-transition: width 0.8s ease; /* Opera */ transition: width 0.8s ease; /* Standard */ } #expose_sharing .print_label a, #expose_sharing .share_label a { white-space: nowrap; } #expose_sharing .print_label.out, #expose_sharing .share_label.out { width: 185px !important; } #expose_sharing .share_label { top: 55px; } #expose_sharing .icon-share3, #expose_sharing .icon-printer { display: inline-block; color: white; font-size: 30px; margin: 13px 0 0 12px; } #expose_sharing_mobile { padding: 7px 15px; background: #25a2d8; color: #fff; margin: 30px 0 10px; width: 216px; } #expose_sharing_mobile a { vertical-align: middle; color: #fff; } #expose_sharing_mobile a:visited { color: #fff; } #expose_sharing_mobile .icon-share3 { display: inline-block; vertical-align: bottom; color: white; font-size: 30px; margin-right: 13px; } #expose_sharing_mobile .lab { display: inline-block; vertical-align: text-bottom; } @media (min-width: 920px) { #expose_sharing_mobile { display: none; } } #expose_slider .sy-box { height: 100%; } #expose_slider .sy-slide img { width: auto; } .hotline { background: #e54531; padding: 20px; width: 100%; max-width: 400px; margin: 30px auto; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .hotline .intro, .hotline .nachtext { line-height: 1.6; color: #fff; display: inline-block; } .hotline .number { font-size: 24px; color: #fff; line-height: 1; margin: 4px 0; 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; } .hotline .number .icon-phone2 { margin-right: 8px; } .hotline .number a.btn_call { border: 1px solid #fff; padding: 4px 10px; margin-left: 14px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-size: 12px; color: #fff; } .hotline .number a.btn_call:hover { cursor: pointer; text-decoration: none; } .tbl { display: table; width: 92%; max-width: 265px; margin-top: 40px; position: relative; } .tbl span.icon-bubbles4 { position: absolute; left: 0px; top: -10px; background: #e54531; width: 36px; height: 36px; color: #fff; text-align: center; line-height: 36px; border-top-left-radius: 18px; border-top-right-radius: 18px; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; font-size: 22px; } .tbl span.icon-bubbles4 span { line-height: 42px; } .tbl.oez { position: relative; } .tbl .tbl_cp { display: table-caption; padding-bottom: 20px; margin-left: 50px; } .tbl .tbl_r { display: table-row; width: 100%; line-height: 1.6; } .tbl .tbl_c { display: table-cell; } .tbl .tbl_c.col_1 { width: 30%; max-width: 75px; } .tbl .tbl_c.col_2 { width: auto; } .tbl .tbl_c.col_2 p { padding: 0 7px 0px 0; margin: 0 !important; text-align: right; } .tbl .tbl_c.col_3 { width: 30px; } @media (min-width: 540px) { .tbl { margin-left: 65px; } .tbl span.icon-bubbles4 { left: -65px; width: 42px; height: 42px; line-height: 42px; border-top-left-radius: 21px; border-top-right-radius: 21px; border-bottom-left-radius: 21px; border-bottom-right-radius: 21px; font-size: 26px; } .tbl .tbl_cp { margin-left: 0px; } } #lage_grundriss { margin-top: 30px; 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; } #lage_grundriss .lage, #lage_grundriss .grundriss { width: 100%; min-width: 100%; } @media (min-width: 540px) { #lage_grundriss .lage, #lage_grundriss .grundriss { width: 48%; min-width: 48%; } } #lage_grundriss .lage h3, #lage_grundriss .grundriss h3 { font-size: 16px !important; margin-bottom: 12px !important; } #lage_grundriss .lage .wrap, #lage_grundriss .grundriss .wrap { position: relative; } #lage_grundriss .lage .wrap:before, #lage_grundriss .grundriss .wrap:before { content: ""; display: block; padding-top: 56%; } #lage_grundriss .lage .wrap .content, #lage_grundriss .grundriss .wrap .content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid silver; } #lage_grundriss .lage .wrap .content > img, #lage_grundriss .grundriss .wrap .content > img { width: 100%; height: 100%; object-fit: contain; border: 12px solid #fff; } #lage_grundriss .lage .wrap > span, #lage_grundriss .grundriss .wrap > span { position: absolute; right: 4px; bottom: 4px; font-size: 26px; color: #777; } #lage_grundriss .grundriss { margin-top: 30px; } @media (min-width: 540px) { #lage_grundriss .grundriss { margin-top: 0; } } @media screen { page[size="A4"], page2[size="A4"] { display: none; } } @media print { page[size="A4"], page2[size="A4"] { background: #fff; width: 21cm; height: 29.7cm; display: block; margin: 0 auto; margin-bottom: 0.5cm; position: relative; } page[size="A4"] p, page[size="A4"] li, page[size="A4"] div, page2[size="A4"] p, page2[size="A4"] li, page2[size="A4"] div { font-size: 13px !important; } } page[size="A4"] #print_head, page2[size="A4"] #print_head { width: 100%; height: 85px; display: block; margin-bottom: 20px; } page[size="A4"] #print_head .print_brand, page[size="A4"] #print_head .print_title, page2[size="A4"] #print_head .print_brand, page2[size="A4"] #print_head .print_title { border-bottom: 1px solid #12275b; } page[size="A4"] #print_head .print_brand, page2[size="A4"] #print_head .print_brand { float: left; width: 30%; height: 85px; } page[size="A4"] #print_head .print_brand img, page2[size="A4"] #print_head .print_brand img { display: block; margin: 15px 0 0 35px; } page[size="A4"] #print_head .print_title, page2[size="A4"] #print_head .print_title { float: left; width: 70%; height: 85px; } page[size="A4"] #print_head .print_title h1, page2[size="A4"] #print_head .print_title h1 { font-size: 21px !important; margin: 20px auto 10px !important; } page[size="A4"] #print_head .print_title h2, page2[size="A4"] #print_head .print_title h2 { margin-bottom: 0 !important; font-size: 13px !important; } page[size="A4"] h2.adress, page2[size="A4"] h2.adress { margin-bottom: 20px !important; } page[size="A4"] .print_media, page2[size="A4"] .print_media { height: 400px; margin: 20px 0; } page[size="A4"] .print_media img, page2[size="A4"] .print_media img { max-height: 100%; display: block; margin: 0 auto; } page[size="A4"] .print_media_energie, page[size="A4"] .print_media_info, page2[size="A4"] .print_media_energie, page2[size="A4"] .print_media_info { border: 1px solid blue; height: 400px; margin: 20px 0; } page[size="A4"] .print_media_energie img, page[size="A4"] .print_media_info img, page2[size="A4"] .print_media_energie img, page2[size="A4"] .print_media_info img { max-height: 100%; display: block; margin: 0 auto; } page[size="A4"] .table.objektdata, page2[size="A4"] .table.objektdata { width: 100%; display: block; overflow: hidden; margin: 20px 0 20px; } page[size="A4"] .table.objektdata .col, page2[size="A4"] .table.objektdata .col { float: left; width: 45%; } page[size="A4"] .table.objektdata .col.marg, page2[size="A4"] .table.objektdata .col.marg { margin-right: 9.9%; } page[size="A4"] .table.objektdata .col ul li, page2[size="A4"] .table.objektdata .col ul li { list-style: none; line-height: 2; position: relative; border-bottom: 1px solid silver; } page[size="A4"] .table.objektdata .col ul li .val, page2[size="A4"] .table.objektdata .col ul li .val { position: absolute; right: 0px; } page[size="A4"] .print_merkmale, page2[size="A4"] .print_merkmale { clear: both; } page[size="A4"] #print_kontakt, page2[size="A4"] #print_kontakt { width: 100%; height: 135px; position: absolute; left: 0px; bottom: 0px; } page[size="A4"] #print_kontakt h2, page2[size="A4"] #print_kontakt h2 { text-align: left; margin-bottom: 20px !important; } page[size="A4"] #print_kontakt .col, page2[size="A4"] #print_kontakt .col { width: 30%; float: left; } page[size="A4"] #print_kontakt .col.marg, page2[size="A4"] #print_kontakt .col.marg { width: 33%; margin-right: 2%; } page[size="A4"] #print_kontakt .col li, page2[size="A4"] #print_kontakt .col li { list-style: none; } @media print { html, body { width: 210mm; height: 297mm; } body.page-id-164 section { display: none; } #main { padding-top: 0; } #expose_sharing { display: none; } } #angebote_map { width: 100%; height: 600px; } #angebote_map .map_obj_window { width: 408px; height: 150px; box-sizing: border-box; } #angebote_map .map_obj_window .obj_img { float: left; width: 150px; height: 150px; box-sizing: border-box; } #angebote_map .map_obj_window .obj_data { float: left; width: 250px; height: 150px; box-sizing: border-box; margin-left: 7px; position: relative; } #angebote_map .map_obj_window .obj_data p.headline { line-height: 1.4; font-size: 14px !important; } #angebote_map .map_obj_window .obj_data .obj_adress { position: absolute; left: 0; bottom: 50px; height: 35px; width: 100%; font-size: 14px !important; } #angebote_map .map_obj_window .obj_data ul.obj_data { margin: 0; padding: 0; position: absolute; left: 0; bottom: 10px; height: 40px; } #angebote_map .map_obj_window .obj_data ul.obj_data li { list-style: none; float: left; padding: 5px 20px 5px 0; font-size: 14px; font-weight: 600; } #angebote_map .map_obj_window .obj_data ul.obj_data li .lbl { font-size: 12px !important; font-weight: 400 !important; } #angebote_map .map_obj_window .obj_data .merken { position: absolute; right: 0px; bottom: 40px; z-index: 1000; } #angebote_map .map_obj_window .obj_data .merken span.icon-star-empty, #angebote_map .map_obj_window .obj_data .merken span.icon-star-full { position: absolute; top: 0; right: 0; padding: 0; font-size: 22px; } #angebote_map .map_obj_window .obj_data .merken:hover { background: yellow; } #home-search #search-bar-mobile { background: #12275b; color: #fff; height: 50px; } #home-search #search-bar-mobile:hover { cursor: pointer; } #home-search #search-bar-mobile .header-mobile { max-width: 215px; margin: 0 auto; height: 100%; } #home-search #search-bar-mobile .header-mobile .txt { height: 100%; position: relative; display: block; } #home-search #search-bar-mobile .header-mobile span.txt { font-size: 20px; position: absolute; width: 145px; top: 11px; left: 40px; } #home-search #search-bar-mobile .header-mobile span.icon-search3 { font-size: 30px; position: absolute; top: 10px; color: #fff; } #home-search #search-bar-mobile .header-mobile span.icon-arrow-right4 { color: #fff; position: absolute; top: 19px; left: 190px; } @media (min-width: 768px) { #home-search #search-bar-mobile { display: none; } } #home-search .quicksearch { max-width: 215px; margin: 0 auto; height: 0px; text-align: center; overflow: hidden; } #home-search .quicksearch.open { height: 300px; padding-top: 8px; } #home-search .quicksearch ul { margin: 0; padding: 0; margin-top: 15px; margin-bottom: 20px; } #home-search .quicksearch ul li { list-style: none; } #home-search .quicksearch .btn { border: 1px solid #12275b; padding: 5px; } #home-search .quicksearch form.quicksearch { padding: 0; } #home-search .quicksearch form.quicksearch fieldset .rzslider { padding-left: 10px; padding-right: 10px; margin: 27px 0 15px 0; } #home-search .header-desk { display: none; } @media (min-width: 768px) { #home-search .header-desk { display: block; padding: 18px 0px 5px; } #home-search .header-desk .icon-search3 { font-size: 25px; margin-right: 10px; display: inline-block; vertical-align: middle; color: #12275b; } #home-search .header-desk .lupe-icon { display: inline-block; width: 38px; height: 38px; } #home-search .header-desk h1 { font-size: 22px !important; font-weight: 500; margin: 0; color: #12275b; text-transform: none !important; letter-spacing: 0.02em; } } #home-search .home-search-fond { display: none; } @media (min-width: 768px) { #home-search .home-search-fond { display: block; position: absolute; top: 0; left: 0; width: 230px; height: 350px; background: #fff; opacity: 0.85; } } @media (min-width: 768px) { #home-search { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 60px; width: 230px; height: 350px; z-index: 100; } #home-search .quicksearch { display: block; height: 320px; padding: 0 10px; padding-top: 8px; max-width: none; } } #quicksearch { width: 100%; max-width: 1200px; height: 95px; display: block; margin: 0 auto; background-image: url("https://wohnen-kotsche.de/wp-content/themes/emk_publisher/img_system/client/fond-muster@2x.png"); background-size: 30px; position: relative; } @media (min-width: 768px) { #quicksearch { height: 230px; background-size: 43px; } } #quicksearch .search_box { position: absolute; left: 0; right: 0; margin: auto; top: 0; } @media (min-width: 768px) { #quicksearch .search_box { width: 100%; max-width: 780px; top: -16px; height: 160px; background: #fff; z-index: 50; -webkit-box-shadow: 0px 6px 15px 0px #a3a3a3; -moz-box-shadow: 0px 6px 15px 0px #a3a3a3; box-shadow: 0px 6px 15px 0px #a3a3a3; } } #quicksearch:hover { cursor: pointer; } #quicksearch .mobile-navbar-opener, #quicksearch .mobile-navbar-closer, #quicksearch .mobile-navbar-handler { width: 100%; background: #12275b; height: 48px; } @media (min-width: 768px) { #quicksearch .mobile-navbar-opener, #quicksearch .mobile-navbar-closer, #quicksearch .mobile-navbar-handler { display: none; } } #quicksearch .mobile-navbar-opener .inner, #quicksearch .mobile-navbar-closer .inner, #quicksearch .mobile-navbar-handler .inner { width: 92%; height: 100%; display: block; max-width: 180px; margin: 0 auto; 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; } #quicksearch .mobile-navbar-opener span, #quicksearch .mobile-navbar-closer span, #quicksearch .mobile-navbar-handler span { box-sizing: border-box; font-size: 16px; font-weight: 500; display: inline-block; color: #fff; height: 30px; } #quicksearch .mobile-navbar-opener span.head, #quicksearch .mobile-navbar-closer span.head, #quicksearch .mobile-navbar-handler span.head { width: 150px; padding: 4px; } #quicksearch .mobile-navbar-opener span#icon, #quicksearch .mobile-navbar-closer span#icon, #quicksearch .mobile-navbar-handler span#icon { width: 29px; padding: 4px; position: relative; } #quicksearch .mobile-navbar-opener span#icon .icon-plus2, #quicksearch .mobile-navbar-opener span#icon .icon-minus2, #quicksearch .mobile-navbar-closer span#icon .icon-plus2, #quicksearch .mobile-navbar-closer span#icon .icon-minus2, #quicksearch .mobile-navbar-handler span#icon .icon-plus2, #quicksearch .mobile-navbar-handler span#icon .icon-minus2 { position: absolute; top: 7px; right: 7px; } #quicksearch .mobile-navbar-opener span#icon .icon-minus2, #quicksearch .mobile-navbar-closer span#icon .icon-minus2, #quicksearch .mobile-navbar-handler span#icon .icon-minus2 { display: none; } #quicksearch .mobile-navbar-opener span#icon.open .icon-plus2, #quicksearch .mobile-navbar-closer span#icon.open .icon-plus2, #quicksearch .mobile-navbar-handler span#icon.open .icon-plus2 { display: none; } #quicksearch .mobile-navbar-opener span#icon.open .icon-minus2, #quicksearch .mobile-navbar-closer span#icon.open .icon-minus2, #quicksearch .mobile-navbar-handler span#icon.open .icon-minus2 { display: block; } #quicksearch .desk_bar { font-size: 23px; color: #12275b; width: 100%; height: 50px; padding: 12px; display: none; } #quicksearch .desk_bar .info { text-align: center; } @media (min-width: 768px) { #quicksearch .desk_bar { display: block; } } #quicksearch .searcher { background: #fff; width: 100%; height: 48px; visibility: hidden; opacity: 0; position: absolute; -webkit-box-shadow: 0px 9px 15px -10px rgba(0, 0, 0, 0.59); -moz-box-shadow: 0px 9px 15px -10px rgba(0, 0, 0, 0.59); box-shadow: 0px 9px 15px -10px rgba(0, 0, 0, 0.59); -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } #quicksearch .searcher.status_open { visibility: visible; height: 230px; opacity: 1; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } @media (min-width: 768px) { #quicksearch .searcher { display: block; height: 300px; } } #quicksearch .searcher .quicksearch { width: 100%; max-width: 88%; margin: 0 auto; padding-top: 16px; 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; } #quicksearch .searcher .quicksearch fieldset { width: 100%; min-width: 100%; } #quicksearch .searcher .quicksearch fieldset label { text-align: center; width: 100%; color: #abb2bd; margin-bottom: 6px; } #quicksearch .searcher .quicksearch fieldset .btn_qsearch { display: block; margin: 0 auto; background: #e54531 !important; border: 1px solid #e54531 !important; height: 38px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-weight: 400; outline: none; } #quicksearch .searcher .quicksearch fieldset .btn_qsearch:hover { -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ background: #0080d3 !important; border: 1px solid #0080d3 !important; } @media (min-width: 768px) { #quicksearch .searcher .quicksearch fieldset .btn_qsearch { margin: 48px auto 0; } } @media (min-width: 768px) { #quicksearch .searcher { height: 120px; } #quicksearch .searcher .quicksearch { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } #quicksearch .searcher .quicksearch fieldset { width: 30%; min-width: 30%; } } .emk-grid { display: none; } .emk-grid .visual-grid { height: 600px; display: block; } html, body { background: #fff; text-shadow: none; } body { width: 100%; } .termin-wrapper .termin-text, .termin-wrapper .termin-text-small { width: 100%; } * { box-sizing: border-box; } header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; } .preheader { display: none; } @media (min-width: 768px) { .preheader { display: block; width: 100%; height: 105px; max-width: 1200px; margin: 0 auto; padding: 20px 0; } .preheader a { display: block; width: 465px; margin: 0 auto; } } .navbar, footer { width: 100%; max-width: 1200px; margin: 0 auto; } .main { min-height: 300px; width: 100%; margin: 0 auto; padding: 80px 0 20px 0; } @media (min-width: 980px) { .main { margin-top: 0px; padding: 115px 0 20px 0; } } @media (min-width: 1100px) { .main { margin-top: 0px; padding: 115px 0 20px 0; } } .main .wrap { width: 100%; max-width: 1140px; margin: 0 auto; } .main .wrap .box { height: 20px; background: white; } footer { background-image: url("https://wohnen-kotsche.de/wp-content/themes/emk_publisher/img_system/client/fond-footer.png"); background-size: 100% 100%; } footer .container-footer { width: 94% !important; max-width: 980px !important; margin: 0 auto; padding: 40px 0 12px 0; } footer .container-footer .footer_mod_wrap { width: 100%; 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; margin-bottom: 18px; } footer .container-footer .footer_mod_wrap .footer_mod { width: 100%; min-width: 100%; margin-bottom: 20px; } footer .container-footer .footer_mod_wrap .footer_mod.three { text-align: center; } footer .container-footer .footer_mod_wrap .footer_mod.three img { width: 100%; max-width: 200px; } @media (min-width: 768px) { footer .container-footer .footer_mod_wrap .footer_mod { width: 28%; min-width: 28%; margin-bottom: 0; } footer .container-footer .footer_mod_wrap .footer_mod.three { text-align: left; } footer .container-footer .footer_mod_wrap .footer_mod.three img { max-width: none; } } footer .container-footer .footer_mod_wrap .footer_mod ul { margin: 0; padding: 0; } footer .container-footer .footer_mod_wrap .footer_mod ul li { list-style: none; color: #fff; line-height: 1.8; } footer .container-footer .footer_mod_wrap .footer_mod ul li.adress { opacity: 0.5; } footer .container-footer .footer_mod_wrap .footer_mod ul li.phone, footer .container-footer .footer_mod_wrap .footer_mod ul li.mail { opacity: 0.5; } footer .container-footer .footer_mod_wrap .footer_mod ul li.phone span, footer .container-footer .footer_mod_wrap .footer_mod ul li.mail span { margin-right: 10px; font-size: 20px; } footer .container-footer .footer_mod_wrap .footer_mod ul li.phone a, footer .container-footer .footer_mod_wrap .footer_mod ul li.mail a { text-decoration: none; color: #fff; } footer .container-footer .footer_mod_wrap .footer_mod ul li.phone:hover, footer .container-footer .footer_mod_wrap .footer_mod ul li.mail:hover { opacity: 1; } footer .container-footer .tagline { padding-top: 12px; border-top: 1px solid #fff; text-align: center; opacity: 0.5; } footer .container-footer .tagline p, footer .container-footer .tagline a, footer .container-footer .tagline li { font-size: 16px !important; color: #fff !important; } footer .container-footer .tagline ul { margin: 0; padding: 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-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } footer .container-footer .tagline ul li { list-style: none; display: block; margin: 0 20px; } footer .container-footer .tagline ul li.lnk:hover { opacity: 1 !important; } footer .container-footer .tagline ul li.lnk:hover a { opacity: 1 !important; } footer .container-footer .tagline ul li a { padding: 3px 6px; text-decoration: none; } footer .container-footer .tagline ul li a:hover { opacity: 1 !important; } .btn { background-image: none; text-shadow: none; border: 1px solid #abb2bd; 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 */ } .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; } .btn a:hover { text-decoration: none; } .btn a.btn_lnk { padding: 12px 30px; } .btn:hover { cursor: pointer; background: #12275b; border: 1px solid #12275b; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .btn:hover a, .btn:hover span { color: #fff; } .more_sect { width: 100%; margin: 35px 0 20px; } .more_sect a.btn { display: table; margin: 0 auto; text-align: center; font-family: "Open Sans", Arial, sans-serif !important; font-weight: 400; font-size: 16px !important; border: 1px solid lime; padding: 12px 30px; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .more_sect a.btn:hover { cursor: pointer; background: #12275b; border: 1px solid #12275b; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .more_sect a.btn:hover > * { color: #64676e; } .more_sect a.btn.norm { border-color: #12275b; background: #12275b; color: #fff; } .more_sect a.btn.norm:hover { border-color: #12275b; background: #12275b; } .emk-container, .emk-outer { background: #fff; margin: 0px auto; width: 100%; display: block; overflow: hidden; } .emk-container .h1_wrap, .emk-outer .h1_wrap { text-align: center; width: 100%; max-width: 980px; margin: 0 auto; padding: 40px 0 25px; display: block; overflow: hidden; } .emk-container .h1_wrap h1, .emk-outer .h1_wrap h1 { position: relative; line-height: 1.4; } .emk-container .h1_wrap h1[class^="icon_"], .emk-outer .h1_wrap h1[class^="icon_"] { margin-left: 72px; } .emk-container .h1_wrap h1[class^="icon_"]:before, .emk-outer .h1_wrap h1[class^="icon_"]:before { content: ""; display: inline-block; position: absolute; left: -60px; top: -10px; background-size: 42px 42px; height: 42px; width: 42px; } .emk-container .h1_wrap h1.icon_wohnen:before, .emk-outer .h1_wrap h1.icon_wohnen:before { background-image: url("https://wohnen-kotsche.de/wp-content/themes/emk_publisher/img_system/icon-wohnen.png"); } .emk-container .h1_wrap h1.icon_ansprechpartner:before, .emk-outer .h1_wrap h1.icon_ansprechpartner:before { background-image: url("https://wohnen-kotsche.de/wp-content/themes/emk_publisher/img_system/icon-ansprechpartner.png"); } .emk-container .h1_wrap h1.icon_havarie:before, .emk-outer .h1_wrap h1.icon_havarie:before { background-image: url("https://wohnen-kotsche.de/wp-content/themes/emk_publisher/img_system/icon-havarie.png"); } .emk-container .h1_wrap .trenner, .emk-outer .h1_wrap .trenner { clear: both; width: 100%; max-width: 230px; background: #f2f3f8; height: 5px; margin: 0 auto; } .emk-container .h1_wrap h2, .emk-outer .h1_wrap h2 { font-size: 18px; margin-top: 0; margin-bottom: 0; /* @include grid-media($grid_980){ @include grid-column(12); } */ } .emk-container .h1_wrap h2[class^="icon_"], .emk-outer .h1_wrap h2[class^="icon_"] { margin-left: 72px; } .emk-container .entry-content, .emk-container .emk-inner, .emk-outer .entry-content, .emk-outer .emk-inner { width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box; } .emk-container .entry-content .emk-grd, .emk-container .emk-inner .emk-grd, .emk-outer .entry-content .emk-grd, .emk-outer .emk-inner .emk-grd { width: 100%; margin: 0 auto; max-width: 980px; /* @include grid-container; // @include grid-visual( $grid_col , $grid_mobile); @include grid-media($grid_768) { // @include grid-visual( $grid_col , $grid_768); } @include grid-media($grid_980) { // @include grid-visual( $grid_col , $grid_980); } */ } .emk-container .entry-content p a, .emk-container .emk-inner p a, .emk-outer .entry-content p a, .emk-outer .emk-inner p a { border-bottom: 1px dotted #12275b; } .emk-container .entry-content p a:hover, .emk-container .emk-inner p a:hover, .emk-outer .entry-content p a:hover, .emk-outer .emk-inner p a:hover { text-decoration: none; } .emk-container .entry-content .emk-wrap, .emk-container .emk-inner .emk-wrap, .emk-outer .entry-content .emk-wrap, .emk-outer .emk-inner .emk-wrap { width: 100%; margin: 0 auto; max-width: 940px; } .emk-container .entry-content .wrap_art-boxes article.box, .emk-container .emk-inner .wrap_art-boxes article.box, .emk-outer .entry-content .wrap_art-boxes article.box, .emk-outer .emk-inner .wrap_art-boxes article.box { /* @include grid-media($grid_mobile){ @include grid-column(6); } @include grid-media($grid_768){ @include grid-column(2); } @include grid-media($grid_980){ @include grid-column(4); height: 361px; } */ -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .emk-container .entry-content .wrap_art-boxes article.box:hover, .emk-container .emk-inner .wrap_art-boxes article.box:hover, .emk-outer .entry-content .wrap_art-boxes article.box:hover, .emk-outer .emk-inner .wrap_art-boxes article.box:hover { text-decoration: none !important; -moz-transform: translate(0, -3px); -ms-transform: translate(0, -3px); -o-transform: translate(0, -3px); -webkit-transform: translate(0, -3px); transform: translate(0, -3px); -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); } .emk-container .entry-content .wrap_art-boxes article.box a:hover, .emk-container .emk-inner .wrap_art-boxes article.box a:hover, .emk-outer .entry-content .wrap_art-boxes article.box a:hover, .emk-outer .emk-inner .wrap_art-boxes article.box a:hover { text-decoration: none !important; } .emk-container .entry-content .wrap_art-boxes article.box .content_txt, .emk-container .emk-inner .wrap_art-boxes article.box .content_txt, .emk-outer .entry-content .wrap_art-boxes article.box .content_txt, .emk-outer .emk-inner .wrap_art-boxes article.box .content_txt { padding: 8px; } .emk-container .entry-content .wrap_art-boxes article.box .content_txt h3, .emk-container .emk-inner .wrap_art-boxes article.box .content_txt h3, .emk-outer .entry-content .wrap_art-boxes article.box .content_txt h3, .emk-outer .emk-inner .wrap_art-boxes article.box .content_txt h3 { text-align: left; font-weight: 600; } .emk-container .entry-content .wrap_art-boxes article.box .content_txt p, .emk-container .emk-inner .wrap_art-boxes article.box .content_txt p, .emk-outer .entry-content .wrap_art-boxes article.box .content_txt p, .emk-outer .emk-inner .wrap_art-boxes article.box .content_txt p { padding: 0; } .emk-container .entry-content .wrap_art-list.bild_text, .emk-container .emk-inner .wrap_art-list.bild_text, .emk-outer .entry-content .wrap_art-list.bild_text, .emk-outer .emk-inner .wrap_art-list.bild_text { width: 100%; max-width: 980px; height: auto; display: block; overflow: hidden; margin: 0 auto; } .emk-container .entry-content .wrap_art-list.bild_text article.list, .emk-container .emk-inner .wrap_art-list.bild_text article.list, .emk-outer .entry-content .wrap_art-list.bild_text article.list, .emk-outer .emk-inner .wrap_art-list.bild_text article.list { width: 100%; position: absolute; margin-bottom: 20px; } .emk-container .entry-content .wrap_art-list.bild_text article.list.fond, .emk-container .emk-inner .wrap_art-list.bild_text article.list.fond, .emk-outer .entry-content .wrap_art-list.bild_text article.list.fond, .emk-outer .emk-inner .wrap_art-list.bild_text article.list.fond { position: relative; z-index: 0; padding: 10px 0; box-sizing: border-box; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } .emk-container .entry-content .wrap_art-list.bild_text article.list.fond:after, .emk-container .emk-inner .wrap_art-list.bild_text article.list.fond:after, .emk-outer .entry-content .wrap_art-list.bild_text article.list.fond:after, .emk-outer .emk-inner .wrap_art-list.bild_text article.list.fond:after { content: ""; height: 100%; width: calc(100% - 20px); background: #fff; position: absolute; top: 0px; left: 10px; z-index: -10; clear: both; } .emk-container .entry-content .wrap_art-list.bild_text article.list.fond:hover, .emk-container .emk-inner .wrap_art-list.bild_text article.list.fond:hover, .emk-outer .entry-content .wrap_art-list.bild_text article.list.fond:hover, .emk-outer .emk-inner .wrap_art-list.bild_text article.list.fond:hover { cursor: pointer; -moz-transform: translate(0, -3px); -ms-transform: translate(0, -3px); -o-transform: translate(0, -3px); -webkit-transform: translate(0, -3px); transform: translate(0, -3px); } .emk-container .entry-content .wrap_art-list.bild_text article.list.fond:hover:after, .emk-container .emk-inner .wrap_art-list.bild_text article.list.fond:hover:after, .emk-outer .entry-content .wrap_art-list.bild_text article.list.fond:hover:after, .emk-outer .emk-inner .wrap_art-list.bild_text article.list.fond:hover:after { -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); } .emk-container .entry-content .wrap_art-list.bild_text .wrapper, .emk-container .emk-inner .wrap_art-list.bild_text .wrapper, .emk-outer .entry-content .wrap_art-list.bild_text .wrapper, .emk-outer .emk-inner .wrap_art-list.bild_text .wrapper { position: relative; display: block; } .emk-container .entry-content .wrap_art-list.bild_text .wrapper .wrap_img, .emk-container .emk-inner .wrap_art-list.bild_text .wrapper .wrap_img, .emk-outer .entry-content .wrap_art-list.bild_text .wrapper .wrap_img, .emk-outer .emk-inner .wrap_art-list.bild_text .wrapper .wrap_img { border: 1px solid silver; /* @include grid-column(6, $grid_mobile); @include grid-media($grid_768){ @include grid-column(2); } @include grid-media($grid_980){ @include grid-column(4); } */ } .emk-container .entry-content .wrap_art-list.bild_text .wrapper .wrap_img .prev_img, .emk-container .emk-inner .wrap_art-list.bild_text .wrapper .wrap_img .prev_img, .emk-outer .entry-content .wrap_art-list.bild_text .wrapper .wrap_img .prev_img, .emk-outer .emk-inner .wrap_art-list.bild_text .wrapper .wrap_img .prev_img { overflow: hidden; } .emk-container .entry-content .wrap_art-list.bild_text .wrapper .wrap_img .prev_img .content, .emk-container .emk-inner .wrap_art-list.bild_text .wrapper .wrap_img .prev_img .content, .emk-outer .entry-content .wrap_art-list.bild_text .wrapper .wrap_img .prev_img .content, .emk-outer .emk-inner .wrap_art-list.bild_text .wrapper .wrap_img .prev_img .content { overflow: hidden; } .emk-container .entry-content .wrap_art-list.bild_text .wrapper .wrap_cont, .emk-container .emk-inner .wrap_art-list.bild_text .wrapper .wrap_cont, .emk-outer .entry-content .wrap_art-list.bild_text .wrapper .wrap_cont, .emk-outer .emk-inner .wrap_art-list.bild_text .wrapper .wrap_cont { text-align: left; /* @include grid-column(6, $grid_mobile); @include grid-media($grid_768){ @include grid-column(2); } @include grid-media($grid_980){ @include grid-column(8); } */ } .emk-container .entry-content .wrap_art-list.bild_text .wrapper.promi .wrap_img, .emk-container .emk-inner .wrap_art-list.bild_text .wrapper.promi .wrap_img, .emk-outer .entry-content .wrap_art-list.bild_text .wrapper.promi .wrap_img, .emk-outer .emk-inner .wrap_art-list.bild_text .wrapper.promi .wrap_img { border: 1px solid silver; /* @include grid-media($grid_980){ @include grid-column(6); } */ } .emk-container .entry-content .wrap_art-list.bild_text .wrapper.promi .wrap_cont, .emk-container .emk-inner .wrap_art-list.bild_text .wrapper.promi .wrap_cont, .emk-outer .entry-content .wrap_art-list.bild_text .wrapper.promi .wrap_cont, .emk-outer .emk-inner .wrap_art-list.bild_text .wrapper.promi .wrap_cont { background: lime; text-align: left; /* @include grid-media($grid_980){ @include grid-column(6); } */ } .emk-container .entry-content .wrap_articles, .emk-container .emk-inner .wrap_articles, .emk-outer .entry-content .wrap_articles, .emk-outer .emk-inner .wrap_articles { width: calc(100% - 40px); max-width: 980px; margin: 0 auto; } #map_gst_wbg { width: 100%; max-width: 1200px; height: 380px; margin: 0 auto; background: #f5f7fa; background-image: url("https://wohnen-kotsche.de/wp-content/themes/emk_publisher/img_system/spinner.gif"); background-repeat: no-repeat; background-position: center center; } @media (min-width: 768px) { #map_gst_wbg { height: 630px; } } .prev_img { position: relative; max-height: 255px; } @media (min-width: 768px) { .prev_img { max-height: none; } } .prev_img:before { content: ""; display: block; padding-top: 75%; max-height: 255px; } @media (min-width: 768px) { .prev_img:before { max-height: none; } } .prev_img .content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: white; } .prev_img .content img { width: 100%; max-height: 255px; object-fit: cover; } @media (min-width: 768px) { .prev_img .content img { max-height: none; } } .prev_img_pano { position: relative; margin-bottom: 10px; max-height: 80px; } .prev_img_pano:before { content: ""; display: block; padding-top: 28%; } .prev_img_pano .content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .prev_img_pano .content img { display: block; margin: 0px auto; } .emk-outer { width: 100%; } .emk-outer .emk-inner#presse-list { width: 100%; max-width: 95%; margin: 0 auto; border: 1px solid blue !important; box-sizing: border-box; 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; } @media (min-width: 920px) { .emk-outer .emk-inner#presse-list { max-width: 97%; } } @media (min-width: 1140px) { .emk-outer .emk-inner#presse-list { max-width: 950px !important; } } .emk-outer .emk-inner#presse-list .wrap_item-presse { border: 1px solid red; width: 100%; margin-bottom: 20px; height: 360px; } @media (min-width: 650px) { .emk-outer .emk-inner#presse-list .wrap_item-presse { width: 32%; } } .emk-outer .emk-inner#presse-list .wrap_item-presse:hover { cursor: pointer; } .emk-outer .emk-inner#presse-list .wrap_item-presse:hover > * { text-decoration: none; } .emk-outer .emk-inner#presse-list .wrap_item-presse .prev_img { width: 100%; min-width: 100%; } @media (max-width: 768px) { .emk-outer .emk-inner#presse-list .wrap_item-presse .prev_img:before { padding-top: 35%; } .emk-outer .emk-inner#presse-list .wrap_item-presse .prev_img .content { overflow: hidden; } .emk-outer .emk-inner#presse-list .wrap_item-presse .prev_img .content img { margin-top: -10%; } } .emk-outer .emk-inner#presse-list .wrap_item-presse .prev_img .content { overflow: hidden; } .emk-outer .emk-inner#presse-list .wrap_item-presse .prev_img .layer-1 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: 0; z-index: 10; } .emk-outer .emk-inner#presse-list .wrap_item-presse .prev_img .layer-2 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 20; opacity: 0; color: #fff; text-align: center; } .emk-outer .emk-inner#presse-list .wrap_item-presse .prev_img .layer-2 .frame { border: 3px solid #fff; padding: 8px 18px; position: relative; top: 45%; } .emk-outer .emk-inner#presse-list .wrap_item-presse .wrap_cont { width: 100%; min-width: 100%; text-align: left; padding: 10px; } .emk-outer .emk-inner#presse-list .wrap_item-presse .wrap_cont .datum, .emk-outer .emk-inner#presse-list .wrap_item-presse .wrap_cont .quelle { color: #abb2bd; font-size: 14px; } .emk-outer .emk-inner#presse-list .wrap_item-presse .wrap_cont h2.thema { color: #64676e; font-size: 17px; } article { margin-bottom: 20px; } 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; } article .wrap_item.small h2 { width: 100%; } article .wrap_item.small .prev_img { width: 100%; max-width: 305px; background: aqua; } article .wrap_item.small .wrap_cont { width: 100%; max-width: 305px; } #issuu_wrapper { display: block; background: #f2f3f8; width: 100%; max-width: 1200px; height: 50vw; margin: 0 auto; margin-top: 100px; } .issuuembed { width: 100%; max-width: 1200px; height: 100%; margin: 0 auto; } #search_results { margin-top: 70px; } #search_results .entry-content { width: 92%; max-width: 980px; } #search_results .entry-content h1 { font-size: 24px; text-align: left; margin-bottom: 35px; } #search_results .entry-content a:hover { text-decoration: none !important; } #search_results .entry-content .result_item { margin-top: 5px; padding: 20px 0; border-bottom: 1px solid #abb2bd; } #search_results .entry-content .result_item:hover { cursor: pointer; border-bottom: 1px solid transparent; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ -moz-transform: translate(0, -3px); -ms-transform: translate(0, -3px); -o-transform: translate(0, -3px); -webkit-transform: translate(0, -3px); transform: translate(0, -3px); -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); } #search_results .entry-content .result_item:hover h2 { text-decoration: none !important; color: #64676e; } #search_results .entry-content .result_item h2 { padding: 2px 20px 0; font-size: 18px !important; font-weight: 400; color: #64676e; } /* .container-footer { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; &.cn_not_accept { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; padding-bottom: 115px; @include break_375 { padding-bottom: 90px; } @include break_450 { padding-bottom: 70px; } @include break_768 { padding-bottom: 54px; } @include break_1300 { padding-bottom: 40px; } } } */ #datenschutz .wrapper_small { width: 100%; max-width: 1200px; margin: 0 auto; margin-bottom: 30px; } #datenschutz h2 { margin-top: 30px; } #datenschutz h3 { margin-top: 45px; margin-bottom: 12px; } #datenschutz ul { padding-left: 18px; } #datenschutz ul li { color: #949494; } #datenschutz a { color: #005a88; text-decoration: none; } #impressum .wrapper_small { width: 94%; max-width: 620px; margin: 0 auto; margin-bottom: 30px; } #impressum h2 { margin-top: 30px; font-size: 16px; } #impressum ul { margin: 0; padding: 0; } #impressum ul.data { margin-top: 20px; } #impressum ul li { list-style: none; } .emk_image_lizenz { position: absolute; right: 8px; bottom: 5px; color: #fff; font-size: 12px; } .emk_image_lizenz a { color: #fff; font-size: 12px; } .featherlight .featherlight-content { width: 98%; max-width: 800px; } .featherlight .featherlight-content .wrap_fl_lightbox { width: 100%; height: auto; } .featherlight .featherlight-content .sy-pager { margin: 0; margin-top: 6px; } .single .mod_text { max-width: 620px; } #list_wohngebiete { width: 100%; max-width: 960px; margin: 50px auto 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-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } #list_wohngebiete a.wrap_item.box_type { width: 48%; min-width: 48%; margin-bottom: 20px; position: relative; z-index: 1; cursor: pointer; -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ } #list_wohngebiete a.wrap_item.box_type:hover { -webkit-transition: all 300ms ease; /* Firefox */ -moz-transition: all 300ms ease; /* WebKit */ -o-transition: all 300ms ease; /* Opera */ transition: all 300ms ease; /* Standard */ -moz-transform: translate(0, -3px); -ms-transform: translate(0, -3px); -o-transform: translate(0, -3px); -webkit-transform: translate(0, -3px); transform: translate(0, -3px); -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); } #list_wohngebiete a.wrap_item.box_type .prev_img .content img { width: 100%; height: 100%; object-fit: cover; } #list_wohngebiete a.wrap_item.box_type .overlay { position: absolute; z-index: 10; left: 0; right: 0; bottom: 0; padding: 12px 18px; } #list_wohngebiete a.wrap_item.box_type .overlay:after { content: ""; background: rgba(255, 255, 255, 0.7); position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 5; } #list_wohngebiete a.wrap_item.box_type .overlay h2 { margin: 0; padding: 0; width: 100%; text-align: center; position: relative; z-index: 10; } #sys_display_cluster .id { width: 85px; } #sys_display_cluster .adress { width: 290px; } #sys_display_cluster .title { width: 600px; } #sys_display_cluster .cluster { width: 150px; } .mod_404 { display: block; width: 92%; max-width: 680px; margin: 0 auto; } .mod_404 h1 { margin: 80px 0; font-size: 18px; } .sec-nahversorgung { padding-top: 0 !important; } @media (min-width: 1100px) { .sec-nahversorgung { padding-top: 40px !important; } } .sec-nahversorgung p { text-align: center; } .sec-nahversorgung #map { margin-top: 20px !important; } #map_poi .map_wrap { width: 100%; position: relative; } #map_poi .map_wrap:before { content: ""; display: block; padding-top: 80%; } @media (min-width: 1100px) { #map_poi .map_wrap:before { padding-top: 50%; } } #map_poi .map_wrap #map { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #map_poi ul.legende { height: auto; display: block; width: 90%; max-width: 1200px; margin: 0 auto 20px; padding: 0; } @media (min-width: 1100px) { #map_poi ul.legende { width: 100%; margin-top: 50px; } } #map_poi ul.legende li { list-style: none; float: left; margin-right: 20px; margin-bottom: 16px; padding-left: 40px; position: relative; color: #777; cursor: pointer; } #map_poi ul.legende li#clear { color: #fff; position: relative; z-index: 1; padding-left: 0; margin-left: 20px; } #map_poi ul.legende li#clear:after { content: ""; position: absolute; background: #777; top: -1px; left: -8px; bottom: -1px; right: -8px; z-index: -1; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #map_poi ul.legende li img { position: absolute; left: 0; top: -5px; } #map_poi ul.legende li img.active { display: none; } #map_poi ul.legende li.active { color: #e98300; } #map_poi ul.legende li.active img.norm { display: none; } #map_poi ul.legende li.active img.active { display: block; } html.video { margin-top: 0; } .main { padding: 0 !important; } @media (min-width: 1100px) { .main { padding: 0 !important; } } /*# sourceMappingURL=style.map */