div.component_top_navi_fb{ display:table-cell; width:100%; padding-left:30px; vertical-align:top;} div.component_top_navi_fb a.navi_button{ display:table-cell; padding:0 0 0 30px; height:110px; text-decoration:none; text-transform:uppercase; text-align:center; vertical-align:middle; font-family:Montserrat, Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; font-weight:normal; color:rgb(74,71,70); letter-spacing:0; opacity:0.7; filter:alpha(opacity=70);} div.component_top_navi_fb a.navi_button:hover{ opacity:1; filter:alpha(opacity=100);} div.component_top_navi_fb a.navi_button img{ vertical-align:middle;} #toggleMenu{ display:none;} @media only screen and (max-width:1300px){ div.component_top_navi_fb{ padding-left:20px;} div.component_top_navi_fb a.navi_button{ height:90px; font-size:14px; line-height:17px; padding:0 0 0 20px;} } @media only screen and (max-width:1024px){ div.component_top_navi_fb{ padding-left:0;} div.component_top_navi_fb a.navi_button{ height:70px; font-size:12px; line-height:15px;} } @media only screen and (max-width:768px){ #toggleMenu{ display:table-cell; width:120px; height:55px; font-size:14px; line-height:17px; text-decoration:none; text-transform:uppercase; text-align:center; vertical-align:middle; font-family:Montserrat, Arial, Helvetica, sans-serif; font-weight:normal; color:rgb(74,71,70); letter-spacing:1px; opacity:0.7; will-change:opacity; cursor:pointer;} #toggleMenu > span{ display:inline-block; padding-left:30px; line-height:24px; position:relative;} #toggleMenu > span::before, #toggleMenu > span::after, #toggleMenu > span span::before{ content:''; border-bottom:2px solid rgb(74,71,70); position:absolute; left:0; width:24px;} #toggleMenu > span::before{ top:5px; transition-property:top, transform; transition-duration:.3s, .3s; transition-delay:.3s, 0s;} #toggleMenu > span::after{ bottom:5px; transition-property:bottom, transform; transition-duration:.3s, .3s; transition-delay:.3s, 0s;} #toggleMenu > span span::before{ transition:opacity .3s;} #toggleMenu > span span::before{ top:50%; margin-top:-1px;} #toggleMenu.opened > span::before, .NavOpened #toggleMenu > span::before{ top:50%; transform:rotate(45deg); transition-delay:0s, .3s;} #toggleMenu.opened > span::after, .NavOpened #toggleMenu > span::after{ bottom:calc(50% - 2px); transform:rotate(-45deg); transition-delay:0s, .3s;} #toggleMenu.opened > span span::before, .NavOpened #toggleMenu > span span::before{ opacity:0;} #navigation_wrapper{ display:block !important; position:fixed; top:0; bottom:0; left:-240px; height:auto !important; width:240px; padding:10px 15px 10px 20px; overflow-y:auto; overflow-x:hidden; background-color:rgb(209,199,190); box-sizing:border-box; z-index:1000; will-change:left;} .NavOpened #navigation_wrapper{ left:0;} body #Layer_Content{ position:relative; left:0; will-change:left;} body #Layer_Content, #navigation_wrapper, #site_header{ transition:left 0.4s;} .NavOpened #Layer_Content, .NavOpened #site_header{ left:240px; right:auto;} div.component_top_navi_fb a.navi_button{ color:rgb(74,71,70); padding:10px 0; font-size:14px; line-height:normal; display:block; width:100%; height:auto; text-align:left; border-top:1px dotted rgb(74,71,70);} div.component_top_navi_fb a.navi_button:first-child{ border-top:0;} } @media only screen and (max-width:1023px) and (orientation:landscape){ #toggleMenu{ height:35px !important;} } @media only screen and (max-width:480px){ #toggleMenu{ height:45px;} } div.component_top{ position:absolute; top:0; right:0; z-index:9998;} div.component_top a{ display:table-cell; width:70px; height:70px; vertical-align:middle; text-align:center;} div.component_top a img{ width:180px; vertical-align:middle; margin-right:20px;} div.component_top a:hover img{ opacity:0.7; filter:alpha(opacity=70);} @media only screen and (max-width:1500px){ div.component_top a img{ width:140px;} } @media only screen and (max-width:1300px){ div.component_top a{ height:55px;} div.component_top a img{ width:100px;} } @media only screen and (max-width:1023px){ div.component_top{ right:50%; margin-right:-70px; } div.component_top a{ padding:0 20px; } div.component_top a img{ margin:0; } } @media only screen and (max-width:1023px) and (orientation:landscape){ div.component_top a{ height:35px; } } @media only screen and (max-width:480px){ div.component_top a{ height:45px; } } .component_site_title_fb .div_table{ width:1180px; margin:0 auto; border-bottom:1px dotted; padding-top:30px; padding-bottom:10px;} .component_site_title_fb h2{ color:#ffffff;} .component_site_title_fb .fb_title{ text-align:right;} .style_fachberater_home .component_site_title_fb{ background-color:#ffffff;} .style_fachberater_home .component_site_title_fb h2{ color:rgb(134,127,123);} .style_fachberater_home .component_site_title_fb .div_table{ border-bottom:1px dotted #000000;} @media only screen and (max-width:1300px){ div.component_site_title_fb .div_table{ width:944px;} } @media only screen and (max-width:1024px){ div.component_site_title_fb{ padding:0 10px;} div.component_site_title_fb .div_table{ width:100%;} .component_site_title_fb .div_table{ border-bottom-width:1px !important; padding-top:10px; padding-bottom:5px;} } @media only screen and (max-width:640px){ .component_site_title_fb h2.div_td{ display:block;} .component_site_title_fb .fb_title{ text-align:left;} } div.component_site{ width:1180px; margin:0 auto; position:relative;} a#site{ position:absolute; top:-100px;} @media only screen and (max-width:1300px){ div.component_site{ width:944px;} a#site{ top:-75px;} } @media only screen and (max-width:1024px){ div.component_site{ width:100%; margin:0;} a#site{ top:-65px;} } @media only screen and (max-width:480px){ a#site{ top:-50px;} } .component_navi_context{ display:block; padding:60px 0 45px 0; width:1180px; margin:0 auto;} .component_navi_context .context_headline1{ text-align:center; padding-bottom:35px;} .component_navi_context ul{ list-style-type:none; margin:0; padding:0;} .component_navi_context .li_context{ display:inline-block; width:280px; height:150px; margin-left:20px; position:relative; background-size:cover; background-position:center;} .component_navi_context .li_context_0{ margin-left:0;} .component_navi_context .li_context_dynamic .component_link{ background-color:rgba(0,0,0,0.1);} .component_navi_context .li_context_dynamic .component_link_box{ text-shadow:0 0 30px rgba(0,0,0,1);} .component_navi_context .component_link{ display:table; width:100%; height:100%; overflow:hidden;} .component_navi_context .component_link img{ max-width:100% !important; position:absolute; top:0; left:0; z-index:1;} .component_link .component_link_hoverimage{ position:absolute !important; top:0; left:0; width:280px; height:150px; display:none; z-index:2;} .component_link:hover .component_link_hoverimage{ display:block !important;} .component_navi_context .component_link_box{ position:relative; width:100%; height:150px; display:table-cell; text-align:center; vertical-align:middle; color:#ffffff; text-shadow:0 0 50px rgba(0,0,0,0.7); z-index:9;} .component_navi_context .context_link_zeile1, .component_navi_context .context_link_zeile3{ font-family:Montserrat, Arial, Helvetica, sans-serif; font-size:15px; line-height:16px; font-weight:normal; text-transform:uppercase; display:inline-block; width:100%;} .component_navi_context .context_link_zeile2{ font-family:Montserrat, Arial, Helvetica, sans-serif; font-size:30px; line-height:40px; font-weight:bold; text-transform:uppercase; display:inline-block; width:100%;} @media only screen and (max-width:1300px){ .component_navi_context{ padding:50px 0 40px 0; width:944px;} .component_navi_context .context_headline1{ padding-bottom:30px;} .component_navi_context .li_context{ width:224px; height:120px; margin-left:16px;} .component_link .component_link_hoverimage, .component_navi_context .component_link_box{ width:224px; height:120px;} .component_navi_context .li_context_0{ margin-left:0;} .component_navi_context .context_link_zeile2{ font-size:28px; line-height:32px; letter-spacing:-1px;} .component_navi_context .context_link_zeile1, .component_navi_context .context_link_zeile3{ font-size:13px;} } @media only screen and (max-width:1024px){ .component_navi_context{ padding-top:20px; padding-bottom:20px; width:100%; box-sizing:border-box;} .component_navi_context .context_headline1{ padding-bottom:20px;} .component_navi_context .li_context{ width:23%; height:auto; margin-left:2.6666666%;} .component_navi_context .li_context:first-child{ margin-left:0;} .component_navi_context .component_link{ padding-top:53.57142857%; position:relative;} .component_navi_context .component_link img{ width:100%; height:100%;} .component_link .component_link_hoverimage, .component_navi_context .component_link_box{ width:100%; height:100%; position:absolute; top:50%; margin-top:-27%;} .component_navi_context .component_link_box{ padding-top:10%; box-sizing:border-box;} .component_link:hover .component_link_hoverimage{ top:0; margin-top:0;} .component_navi_context .context_link_zeile1, .component_navi_context .context_link_zeile3{ font-size:11px; line-height:14px; width:100% !important; display:block;} .component_navi_context .context_link_zeile2{ font-size:23px; line-height:26px; display:block;} } @media only screen and (max-width:768px){ .component_navi_context .context_link_zeile2{ font-size:20px; line-height:22px;} .component_navi_context .li_context{ width:24%; margin-left:1.333333333%;} } @media only screen and (max-width:640px){ .component_navi_context .li_context{ width:49%; margin-left:2%; margin-bottom:2%;} .component_navi_context .li_context:nth-child(odd){ margin-left:0;} .component_navi_context .component_link{ padding-top:45%;} .component_navi_context .component_link_box{ padding-top:14%;} } @media only screen and (max-width:380px){ .component_navi_context .context_link_zeile2{ font-size:18px; line-height:20px;} } .component_footer{ display:block; width:1180px; margin:0 auto;} .footer_box{ position:relative; z-index:2; display:table; border-top:1px solid rgb(74,71,70); width:100%;} .footer_box > *{ display:table-cell; vertical-align:middle; padding:15px 0;} .foot_left{ width:220px;} .foot_center{ text-align:center;} .foot_right{ width:220px; text-align:right;} .foot{ font-family:Montserrat, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; text-transform:uppercase;} .foot a{ margin-left:9px; padding-left:9px; font-size:11px; text-transform:uppercase; border-left:1px solid rgb(74,71,70);} .foot a:first-child{ margin:0; padding:0; border:none;} .foot a:hover{ text-decoration:underline;} footer > .foot{ text-align:center; padding:10px 0 20px;} .footer_copyright{ color:rgb(74,71,70); opacity:0.7;} .socialmedia_linksbox{ text-align:center; padding:0 0 10px;} .socialmedia_links{ display:inline-block; margin-right:1%; height:33px; width:33px; font-family:Georgia, Times, "Times New Roman", serif; font-size:15px; font-style:italic; line-height:33px; opacity:0.6; filter:alpha(opacity=60);} .socialmedia_links:hover{ opacity:1; filter:alpha(opacity=100);} #fb_link{ background:url(/images/icons/social/fb_icon_2.png) center center no-repeat transparent; background-size:contain; -ms-behavior:url(/cms/js/ext/bg_size/backgroundsize.min.htc);} #tw_link{ background:url(/images/icons/social/tw_icon_2.png) center center no-repeat transparent; background-size:contain; -ms-behavior:url(/cms/js/ext/bg_size/backgroundsize.min.htc);} #yt_link{ background:url(/images/icons/social/yt_icon_2.png) center center no-repeat transparent; background-size:contain; -ms-behavior:url(/cms/js/ext/bg_size/backgroundsize.min.htc);} #pi_link{ background:url(/images/icons/social/pi_icon_2.png) center center no-repeat transparent; background-size:contain; -ms-behavior:url(/cms/js/ext/bg_size/backgroundsize.min.htc);} #ig_link{ background:url(/images/icons/social/ig_icon_2.png) center center no-repeat transparent; background-size:contain; -ms-behavior:url(/cms/js/ext/bg_size/backgroundsize.min.htc);} #we_link{ display:inline-block; padding-left:2%; font-family:Georgia, Times, "Times New Roman", serif; font-size:15px; font-style:italic; line-height:33px; opacity:0.6; filter:alpha(opacity=60);} #we_link:hover{ opacity:1; filter:alpha(opacity=100);} .we_links_box{ display:inline-block; position:relative; width:220px; height:33px;} .we_links_box a.we_links{ display:block; float:right; margin-right:2%; padding-top:4px; height:25px; width:25px;} .we_links_box:hover, .we_links_box.active{ background-color:rgb(181,172,166);} .we_links_box:hover a.we_links, .we_links_box.active a.we_links{ display:block !important;} .we_links_box a.we_links img{ opacity:0.6; filter:alpha(opacity=60); width:100%;} .we_links_box a.we_links:hover img{ opacity:1; filter:alpha(opacity=100);} .fb_adresszeile{ font-family:Banda, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px;} .fb_address{ display:inline;} footer .lang_container{ position:relative;} footer .lang_container a.lang_container_button{ text-align:right; font-family:Montserrat, Arial, Helvetica, sans-serif; font-weight:normal; background:url(/images/icons/lang_change_arrows.png) 10px center no-repeat transparent; padding:0 0 0 25px; opacity:0.3;} footer .lang_container a.lang_container_button2, footer .lang_container span{ font-family:Montserrat, Arial, Helvetica, sans-serif; font-weight:normal; opacity:0.3;} footer .lang_container a.lang_container_button:hover, footer .lang_container a.lang_container_button2:hover{ opacity:1;} @media only screen and (max-width:1300px){ .component_footer{ width:944px;} .socialmedia_links, #we_link{ font-size:13px; line-height:23px;} .socialmedia_links{ height:23px; width:23px;} .we_links_box{ width:180px; height:23px;} .we_links_box a.we_links{ padding-top:3px; height:18px; width:18px;} .foot a{ margin-left:6px; padding-left:6px;} .fb_adresszeile{ font-size:9px;} } @media only screen and (max-width:1024px){ .component_footer{ width:100%; box-sizing:border-box;} .footer_box{ padding-bottom:20px;} .footer_box > *{ height:auto; padding:20px 0 0 0;} .foot > *{ display:inline-block; white-space:nowrap;} } @media only screen and (max-width:768px){ .footer_box, .footer_box > *{ width:100%; display:block;} .foot_right{ position:absolute; top:0; right:10px; width:auto;} } @media only screen and (max-width:640px){ .socialmedia_links, #we_link{ font-size:15px; line-height:33px;} .socialmedia_links{ height:33px; width:33px;} .we_links_box{ width:220px; height:33px;} .we_links_box a.we_links{ padding-top:4px; height:25px; width:25px;} .footer_box > *{ padding-top:10px; text-align:center;} .foot_left{ text-align:left;} .footer_box .foot{ columns:2;} .foot a, .foot a:first-child, .footer_copyright{ font-size:13px; line-height:26px; padding:2px 0; margin-bottom:5px;} .footer_box .foot a, .footer_box .foot a:first-child{ display:block; padding-left:0; margin-left:0; border:none !important;} } @media only screen and (max-width:375px){ .foot{ letter-spacing:0;} } .map_fb_locations p{ font-family:Georgia, Times, "Times New Roman", serif; font-size:15px; font-style:italic; line-height:20px; text-align:center; margin:15px 15% !important; opacity:0.8;} .map_fb_locations p.intro{ font-size:20px; line-height:30px; opacity:1.0;} @media only screen and (max-width:1300px){ .map_fb_locations p{ font-size:13px; line-height:19px;} .map_fb_locations p.intro{ font-size:15px; line-height:20px;} } @media only screen and (max-width:1024px){ .map_fb_locations p{ margin:10px 10% !important;} } @media only screen and (max-width:640px){ .map_fb_locations p{ margin:10px !important;} } .component_site{ border:none;} .footer_box{ border:none;} .component_musterhaeuser_kontakt{ border-top:none;} .module_referenzhaeuserkarte{ overflow:hidden; padding-bottom:30px;} .module_referenzhaeuserkarte .head{ margin-bottom:55px; text-align:center;} .module_referenzhaeuserkarte .head h1{ font-size:50px; line-height:65px;} .module_referenzhaeuserkarte .head div{ padding:25px 20% 0 20%; font-family:Georgia, Times, "Times New Roman", serif; font-size:20px; font-style:italic; line-height:30px;} .module_referenzhaeuserkarte .controls{ position:relative; height:50px; background-color:rgb(134,127,123);} .module_referenzhaeuserkarte .fixedControls{ position:fixed; top:90px; left:0; width:100%; z-index:15;} #mapFilter{ display:none;} #mapSwitcherBox, #mapSwitcherBox div, #mapSwitcherBox ul, #mapSwitcherBox ul li{ display:inline-block;} .onoffswitch{ display:none;} .mapInfoClose{ display:none;} #mapSwitcherBox ul{ margin:0; padding:0; list-style:none;} .module_referenzhaeuserkarte .controls .markerFilterLink{ display:inline-block !important; position:relative; height:50px; line-height:50px; padding:0 10px 0 45px; color:#ffffff; font-family:Georgia, Times, "Times New Roman", serif; font-size:15px; font-style:italic; background-color:transparent; background-repeat:no-repeat; background-position:10px center; overflow:hidden; opacity:0.4; filter:alpha(opacity=40);} .module_referenzhaeuserkarte .controls .markerFilterTooltip{ display:none; position:absolute; top:0; left:0; width:100%; height:50px; line-height:50px; font-size:12px; text-align:center; color:rgb(134,127,123); background-color:#ffffff;} .module_referenzhaeuserkarte .controls_no_touch .markerFilterLink:hover{ color:#b6987d; border-color:#ffffff; background-color:#ffffff; opacity:1; filter:alpha(opacity=100);} .module_referenzhaeuserkarte .controls #scrollTop, .module_referenzhaeuserkarte .controls #toggleMapSize{ display:none; height:50px; margin-left:80px; line-height:50px; color:#ffffff; font-family:Georgia, Times, "Times New Roman", serif; font-size:16px; font-style:italic; overflow:hidden;} .module_referenzhaeuserkarte .controls #scrollTop img, .module_referenzhaeuserkarte .controls #toggleMapSize img{ display:inline-block; margin-right:15px; vertical-align:middle;} .module_referenzhaeuserkarte .controls .activeType{ opacity:1; filter:alpha(opacity=100);} .module_referenzhaeuserkarte .controls #musterhaeuser{ background-image:url('/images/icons/icon_musterhaus.png');} .module_referenzhaeuserkarte .controls_no_touch #musterhaeuser:hover{ background-image:url('/images/icons/icon_musterhaus_hover.png');} .module_referenzhaeuserkarte .controls #referenzhaeuser{ background-image:url('/images/icons/icon_referenzhaus.png');} .module_referenzhaeuserkarte .controls_no_touch #referenzhaeuser:hover{ background-image:url('/images/icons/icon_referenzhaus_hover.png');} .module_referenzhaeuserkarte .controls #kundenhaeuser{ background-image:url('/images/icons/icon_kundenhaus.png');} html:lang(en) .module_referenzhaeuserkarte .controls #kundenhaeuser{ background-image:url('/images/icons/icon_kundenhaus_en.png');} .module_referenzhaeuserkarte .controls_no_touch #kundenhaeuser:hover{ background-image:url('/images/icons/icon_kundenhaus_hover.png');} html:lang(en) .module_referenzhaeuserkarte .controls_no_touch #kundenhaeuser:hover{ background-image:url('/images/icons/icon_kundenhaus_en_hover.png');} .module_referenzhaeuserkarte .controls #fachberater{ background-image:url('/images/icons/icon_fachberater.png');} .module_referenzhaeuserkarte .controls_no_touch #fachberater:hover{ background-image:url('/images/icons/icon_fachberater_hover.png');} .module_referenzhaeuserkarte .controls > span{ display:inline-block; width:290px; height:30px; padding:10px; vertical-align:top;} .module_referenzhaeuserkarte .controls > span input{ width:260px; height:30px; padding:5px; border:none; outline:none; color:rgb(134,127,123); font-size:14px; font-family:Montserrat, Arial, Helvetica, sans-serif; box-sizing:border-box;} #searchPlaceButton{ cursor:pointer;} .module_referenzhaeuserkarte .controls #controls_size{ position:absolute; bottom:-64px; left:100px; z-index:10; white-space:normal;} .module_referenzhaeuserkarte .controls #controls_size a{ display:block; color:rgb(134,127,123); font-family:Georgia, Times, "Times New Roman", serif; font-size:17px; font-style:italic; font-weight:bold; background-color:white; background-color:rgba(255,255,255,0.9); padding:10px 15px 10px 10px; -webkit-border-radius:27px; border-radius:27px; -moz-box-shadow:1px 1px 4px gray; -webkit-box-shadow:1px 1px 4px gray; box-shadow:1px 1px 4px gray;} .module_referenzhaeuserkarte .controls #controls_size a img{ display:inline-block; margin-right:10px; vertical-align:middle;} .module_referenzhaeuserkarte .controls #toggleMapSizeMap img{ margin-left:5px;} .module_referenzhaeuserkarte .controls > span > span, .module_referenzhaeuserkarte .controls > span > span img{ display:inline-block; vertical-align:top;} .module_referenzhaeuserkarte #mapwrapper{ height:800px; white-space:nowrap; background-color:#ffffff;} .module_referenzhaeuserkarte .noFilterBar{ height:750px !important;} .module_referenzhaeuserkarte #mapcontainer{ display:inline-block; width:100%;} .module_referenzhaeuserkarte #mapcontainer_left{ vertical-align:top;} .module_referenzhaeuserkarte #map{ height:750px; background-color:rgb(255,255,255);} .module_referenzhaeuserkarte #map .gm-style .gm-style-iw-c{ max-width:380px !important; border-radius:0 !important; padding:10px !important;} .module_referenzhaeuserkarte #map .gm-style .gm-style-iw-c:focus{ outline:none;} .module_referenzhaeuserkarte #map .gm-style .gm-style-iw-t::after{ top:-1px;} .module_referenzhaeuserkarte #map .gm-style-iw > div{ max-width:360px !important;} .module_referenzhaeuserkarte #map .gm-style-iw > div, .module_referenzhaeuserkarte #map .gm-style-iw > div > div{ overflow:hidden !important;} .module_referenzhaeuserkarte #map .info_content{ display:table; width:360px; table-layout:fixed;} .module_referenzhaeuserkarte #map .info_content #info_content_image, .module_referenzhaeuserkarte #map .info_content #info_content_text{ display:table-cell; position:relative; width:50%; padding-left:10px; vertical-align:top;} .module_referenzhaeuserkarte #map .info_content #info_content_image{ padding-left:0; padding-top:3px;} .module_referenzhaeuserkarte #map .info_content #info_content_image img{ width:100%;} .module_referenzhaeuserkarte #map .info_content #info_content_text h1{ color:#31271a; font-size:12px; line-height:15px; letter-spacing:-1px;} .module_referenzhaeuserkarte #map .info_content #info_content_text h2{ font-family:Banda, Georgia, Times, "Times New Roman", serif; font-size:12px; line-height:14px; white-space:normal;} .module_referenzhaeuserkarte #map .info_content #info_content_text p{ font-size:12px; line-height:14px; white-space:normal;} .module_referenzhaeuserkarte #map .info_content #info_content_text p.info_content_text_extra{ position:absolute; left:10px; bottom:0; padding-left:10px;} .module_referenzhaeuserkarte #map .info_content #info_content_text ul{ margin:0; padding:0; list-style-position:inside; list-style-type:disc;} .module_referenzhaeuserkarte #map .info_content #info_content_text li{ color:#96826e; font-family:Aller, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px;} .module_referenzhaeuserkarte #map .info_content #info_content_text a{ font-family:Georgia, Times, "Times New Roman", serif; font-size:13px; font-style:italic;} .module_referenzhaeuserkarte #map .info_content #info_content_text a:hover{ text-decoration:underline;} .module_referenzhaeuserkarte #map #info_content_footer a{ display:block; color:rgb(134,127,123); text-align:center; font-family:Georgia, Times, "Times New Roman", serif; font-size:16px; font-style:italic; line-height:30px;} .module_referenzhaeuserkarte #map #info_content_footer a:hover{ text-decoration:underline;} .module_referenzhaeuserkarte #map .gm-style-cc{ display:none;} .module_referenzhaeuserkarte #map .gm-style-pbt{ white-space:normal; font-family:Aller, Arial, Helvetica, sans-serif; font-size:22px; line-height:25px; width:80%; margin:0 auto;} .module_referenzhaeuserkarte #sidebar{ display:inline-block; width:30%; vertical-align:top; overflow:hidden; background-color:#ffffff;} .module_referenzhaeuserkarte #sidebar_title{ position:relative; height:30px; padding:10px; background-color:#ffffff;} .module_referenzhaeuserkarte #sidebar_title h1{ font-size:20px; line-height:20px; white-space:normal;} .module_referenzhaeuserkarte #sidebar_title h2{ font-family:Banda, Georgia, Times, "Times New Roman", serif; font-size:12px; line-height:12px;} .module_referenzhaeuserkarte #sidebar_title .closeSidebar{ display:block; position:absolute; top:15px; right:10px; width:21px; height:21px; background:transparent url('/images/icons/icon_kreuz.png') no-repeat center center;} .module_referenzhaeuserkarte #sidebar_title #closeSidebar{ background:transparent url('/images/icons/icon_kreuz.png') no-repeat center center;} .module_referenzhaeuserkarte #sidebar_content img{ width:100%;} .module_referenzhaeuserkarte #sidebar_content ul{ margin:0; padding:0; list-style-position:inside;} .module_referenzhaeuserkarte #sidebar_content > div.sidebar_text{ padding:20px 30px 20px 20px; font-size:12px; line-height:14px; white-space:normal;} .module_referenzhaeuserkarte #sidebar_content > div.sidebar_text a{ font-size:14px; line-height:14px; font-family:Georgia, Times, "Times New Roman", serif; font-style:italic; letter-spacing:1px;} .module_referenzhaeuserkarte #sidebar_content .template_links{ text-align:center;} .module_referenzhaeuserkarte #sidebar_content > div.sidebar_text a:hover{ text-decoration:underline;} .module_referenzhaeuserkarte .mapTeaserList{ white-space:normal;} .module_referenzhaeuserkarte .mapTeaserItem{ display:inline-block; width:48%; margin-right:2%; vertical-align:top; background-color:#ffffff;} .module_referenzhaeuserkarte .mapTeaserItem > a{ display:block; vertical-align:top; background-color:#ffffff;} .module_referenzhaeuserkarte .mapTeaserItem a img{ display:block;} .module_referenzhaeuserkarte .mapTeaserItem .content_overview{ display:block; padding:10px; text-align:left;} .module_referenzhaeuserkarte .mapTeaserItem .content_overview_title{ font-family:Montserrat, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:12px; line-height:12px; color:rgb(51,51,51);} .module_maps_extended{} .module_maps_extended h2{ margin:30px 0;} .module_maps_extended p{ margin:15px 0;} .module_maps_extended ul, .module_maps_extended li{ margin:0; list-style-type:none;} .module_maps_extended .map_showhouses{ margin-bottom:30px;} .module_maps_extended .map_showhouses li, .module_maps_extended .map_fachberater li{ float:left; width:580px; margin:0 10px 20px 10px; background-color:#fff;} .module_maps_extended .map_showhouses li img, .module_maps_extended .map_fachberater li img{ width:100%; vertical-align:middle;} .module_maps_extended div.map_showhouse_image, .module_maps_extended div.map_fachberater_image{ width:48%; float:left; height:0; padding-bottom:35%; overflow:hidden;} .module_maps_extended div.map_showhouse_info, .module_maps_extended div.map_fachberater_info{ margin-left:50%; margin-top:10px;} .module_maps_extended div.map_showhouse_info h3{ font-size:19px; letter-spacing:-1px; line-height:22px;} .module_maps_extended div.map_fachberater_info h2{ margin:15px 0;} .module_maps_extended div.map_showhouse_info p, .module_maps_extended div.map_fachberater_info p{ margin:10px 0 0 0; line-height:18px; font-size:14px;} .module_maps_extended .map_showhouses ul, .module_maps_extended .map_fachberater ul, .module_maps_extended .map_fb_refhouses ul{ margin:0 -10px;} .module_maps_extended ul.map_states{ margin:10px 0 30px 0; -webkit-columns:4; -moz-columns:4; columns:4;} .module_maps_extended .map_fb_refhouses li{ float:left; width:180px; margin:0 10px 20px 10px; background-color:#fff;} .module_maps_extended .map_fb_refhouses li.fb_termin{ width:360px; padding:10px; height:151px; background-color:rgb(209,199,190); background-color:rgba(255,255,255,0.5);} .module_maps_extended .map_fb_refhouses li img{ width:100%;} .module_maps_extended .map_fb_refhouses li h2{ font-size:11px; line-height:14px; height:36px; margin:0;} .module_maps_extended .map_fb_refhouses li h2 a{ display:block; padding:4px; box-sizing:border-box;} .module_maps_extended .map_showhouses ul:after, .module_maps_extended .map_fachberater ul:after, .module_maps_extended .map_fb_refhouses ul:after{ clear:both; content:""; width:100%; display:block; height:0;} .module_maps_extended .map_refhouse:after{ clear:both; content:""; width:100%; display:block; height:20px;} .module_maps_extended .map_refhouse_image{ float:left; width:40%; margin-right:20px;} .module_maps_extended .map_refhouse_image img{ width:100%;} .module_maps_extended .map_refhouse_info h1{ font-size:33px; line-height:40px;} .module_maps_extended .map_refhouse_info h2{ opacity:0.7; text-transform:none;} @media only screen and (max-width:1300px){ .module_referenzhaeuserkarte .head h1{ font-size:40px; line-height:52px;} .module_referenzhaeuserkarte .head div{ font-size:16px; line-height:24px;} .module_referenzhaeuserkarte .controls a{ font-size:12px;} .module_referenzhaeuserkarte .controls > span{ width:230px;} .module_referenzhaeuserkarte .controls > span input{ width:190px;} .module_referenzhaeuserkarte #map .info_content #info_content_text h1{ font-size:11px; line-height:13px;} .module_referenzhaeuserkarte #sidebar_title h1{ font-size:17px; letter-spacing:-1px;} .module_referenzhaeuserkarte #map .info_content #info_content_text h2{ font-size:10px; line-height:14px;} .module_referenzhaeuserkarte #map .info_content #info_content_text p{ font-size:11px; line-height:14px;} .module_referenzhaeuserkarte #map #info_content_footer a{ font-size:15px;} .module_referenzhaeuserkarte #sidebar_content > div.sidebar_image{ height:180px; overflow:hidden;} .module_referenzhaeuserkarte #sidebar_content > div.sidebar_image img{ margin-top:-15px;} .module_referenzhaeuserkarte #sidebar_content > div.sidebar_text{ font-size:11px; line-height:14px; padding:7px 25px 15px 15px;} .module_referenzhaeuserkarte #sidebar_content > div.sidebar_text a{ font-size:13px;} .module_referenzhaeuserkarte .mapTeaserItem .content_overview_title{ font-size:11px; line-height:15px;} .module_maps_extended .map_showhouses li, .module_maps_extended .map_fachberater li{ width:462px;} .module_maps_extended div.map_showhouse_info h3, .module_maps_extended div.map_fachberater_info h3{ font-size:15px; line-height:17px;} .module_maps_extended div.map_showhouse_info p, .module_maps_extended div.map_fachberater_info p{ line-height:14px; font-size:11px;} .module_maps_extended .map_fb_refhouses ul{ margin:0 -8px;} .module_maps_extended .map_fb_refhouses li{ width:144px; margin:0 8px 16px 8px;} .module_maps_extended .map_fb_refhouses li.fb_termin{ width:284px; height:125px;} .module_maps_extended .map_fb_refhouses li.fb_termin p:first-child{ margin-top:5px;} .module_maps_extended .map_fb_refhouses li h2{ font-size:10px;} .module_maps_extended .map_refhouse_info h1{ font-size:23px; line-height:30px;} } @media only screen and (max-width:1300px) and (max-height:768px){ .module_referenzhaeuserkarte #sidebar_content > div.sidebar_image{ height:160px; overflow:hidden;} .module_referenzhaeuserkarte #sidebar_content > div.sidebar_image img{ margin-top:-25px;} } @media only screen and (max-width:1024px){ .module_referenzhaeuserkarte .head h1, .module_maps_extended .h1{ font-size:25px; line-height:normal;} .module_referenzhaeuserkarte .head div{ padding:10px 20% 0; font-size:13px; line-height:normal;} .module_referenzhaeuserkarte .controls .markerFilterLink{ font-size:12px; line-height:40px; height:40px; padding:0 5px 0 35px; background-size:25px auto !important; background-position:5px center;} .module_referenzhaeuserkarte .controls{ height:45px;} .module_referenzhaeuserkarte .controls > span{ padding:7px; width:225px;} .module_referenzhaeuserkarte #sidebar{ overflow:auto; height:100%; width:35%;} .module_referenzhaeuserkarte #sidebar_title{ padding:7px;} .module_referenzhaeuserkarte #sidebar_title h1{ font-size:15px;} .module_referenzhaeuserkarte #sidebar_content > div.sidebar_image{ float:right; width:40%; height:auto;} .module_referenzhaeuserkarte #sidebar_content > div.sidebar_image img{ margin-top:0;} .module_referenzhaeuserkarte #sidebar_content > div.sidebar_text{ padding:7px;} .module_maps_extended .map_refhouse{ padding:0 10px;} } @media only screen and (max-width:768px){ .module_referenzhaeuserkarte #mapwrapper{ position:relative;} .module_referenzhaeuserkarte .controls{ position:static;} .module_referenzhaeuserkarte .controls #controls_size{ display:none !important;} .module_referenzhaeuserkarte #map .info_content #info_content_image{ width:30%;} .module_referenzhaeuserkarte #map .info_content #info_content_text{ width:70%;} .module_referenzhaeuserkarte #map #info_content_footer{ padding-top:5px;} .module_referenzhaeuserkarte #map #info_content_footer a{ white-space:normal; line-height:normal;} .module_maps_extended .map_showhouses ul, .module_maps_extended .map_fachberater ul, .module_maps_extended .map_fb_refhouses ul{ margin:0;} .module_maps_extended .map_showhouses li, .module_maps_extended .map_fachberater li{ width:100%; margin:0 0 10px 0;} .module_maps_extended div.map_showhouse_image, .module_maps_extended div.map_fachberater_image{ width:33%; padding-bottom:24%;} .module_maps_extended div.map_showhouse_info, .module_maps_extended div.map_fachberater_info{ margin-left:35%;} .module_maps_extended ul.map_states li{ margin-bottom:15px;} .module_referenzhaeuserkarte #sidebar, #mapSwitcherBox{ display:block; position:absolute; width:100%; top:0; bottom:0; left:100%; height:auto !important; background-color:rgba(255,255,255,0.9); z-index:1; overflow:auto; white-space:normal; transition:0.2s;} .module_referenzhaeuserkarte #sidebar.opened{ left:0;} .module_referenzhaeuserkarte #sidebar > div{ padding:10px;} .module_referenzhaeuserkarte #sidebar h1{ padding-right:45px; font-size:14px; line-height:20px;} .module_referenzhaeuserkarte #sidebar h2{ line-height:18px; padding-right:45px;} #sidebar_content{ font-size:12px; line-height:16px; white-space:normal;} .module_referenzhaeuserkarte #sidebar .sidebar_image{ float:right; margin:0 0 10px 10px; width:33.33%;} .module_referenzhaeuserkarte #sidebar_content > div.sidebar_text{ padding:0;} .module_referenzhaeuserkarte #sidebar_title .closeSidebar, .mapInfoClose{ display:block; position:absolute; top:7px; right:7px; width:30px; height:30px; z-index:9998; background:url(/images/icons/close_button.png) center no-repeat transparent; background-size:30px auto;} #mapFilter{ display:inline-block; padding:10px;} #mapSwitcherBox.opened{ left:0;} #mapSwitcherBox > div{ display:table; width:100%; height:100%;} #mapSwitcherBox > div > div{ display:table-cell; width:100%; height:100%; vertical-align:middle;} #mapSwitcherBox ul{ display:block; width:80%; margin:0 auto;} #mapSwitcherBox ul li{ display:block; min-height:40px; text-align:left; text-transform:uppercase; border-top:1px dotted #a69989;} #mapSwitcherBox ul li:first-child{ border:none;} .module_referenzhaeuserkarte .controls .markerFilterLink{ background-image:none !important; color:rgb(134,127,123); padding:0; display:block !important; min-height:40px; line-height:40px; vertical-align:top; opacity:1 !important;} .module_referenzhaeuserkarte .controls .markerFilterTooltip{ display:none !important;} .onoffswitch{ display:block; float:right; position:relative; width:55px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;} .onoffswitch-checkbox{ display:none;} .onoffswitch-label{ display:block; overflow:hidden; cursor:pointer; height:30px; padding:0; line-height:30px; border:2px solid #E3E3E3; border-radius:30px; background-color:#FFFFFF; transition:background-color 0.3s ease-in;} .onoffswitch-label:before{ content:""; display:block; width:30px; margin:0; background:#FFFFFF; position:absolute; top:0; bottom:0; right:22px; border:2px solid #E3E3E3; border-radius:30px; transition:all 0.3s ease-in 0s;} .onoffswitch-checkbox:checked + .onoffswitch-label{ background-color:rgb(134,127,123);} .onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before{ border-color:rgb(134,127,123);} .onoffswitch-checkbox:checked + .onoffswitch-label:before{ right:0;} .map_refhouse_info a{ display:inline-block; padding-bottom:10px;} } @media only screen and (max-width:640px){ .module_referenzhaeuserkarte .head{ margin-bottom:25px;} .module_referenzhaeuserkarte .head div{ padding:10px 10% 0;} #searchPlaceButton{ margin-left:2px;} } @media only screen and (max-width:480px){ .module_referenzhaeuserkarte .module_description_box{ display:none;} .module_referenzhaeuserkarte .head{ margin-bottom:20px;} .module_referenzhaeuserkarte #mapwrapper{ white-space:normal;} .module_referenzhaeuserkarte #map .info_content{ width:100%;} #map .info_content #info_content_image{ width:30%;} #map .info_content #info_content_text{ width:70%;} .module_maps_extended ul.map_states{ columns:2;} } @media only screen and (max-width:375px){ #map .info_content #info_content_image, #map .info_content #info_content_text{ width:100%;} .module_maps_extended div.map_showhouse_image, .module_maps_extended div.map_fachberater_image{ width:100%; padding-bottom:0; height:auto; float:none;} .module_maps_extended div.map_showhouse_info, .module_maps_extended div.map_fachberater_info{ margin:0; padding:10px;} } @media only screen and (max-width:320px){ .module_maps_extended ul.map_states{ columns:1;} } .head{ margin-bottom:20px;}