.component_navi{ position:absolute; top:0; left:0; height:70px; width:100%; z-index:-1;} .NavOpened .component_navi{ z-index:9999;} a.navi_button{ display:table-cell; width:140px; height:70px; 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:1px; will-change:opacity;} a.navi_button:hover{ opacity:0.7;} a.navi_button img{ vertical-align:middle;} #toggleMenu{ z-index:999999;} #toggleMenu > span{ display:inline-block; padding-left:30px; line-height:24px; color:rgb(0,0,0); position:relative;} #toggleMenu > span::before, #toggleMenu > span::after, #toggleMenu > span span::before{ content:''; border-bottom:2px solid rgb(0,0,0); position:absolute; left:0; width:22px;} #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;} .NavOpened #toggleMenu{ height:auto; position:absolute; top:23px;} .NavOpened #toggleMenu > span::before{ top:50%; transform:rotate(45deg); transition-delay:0s, .3s; width:20px; left:2px;} .NavOpened #toggleMenu > span::after{ bottom:calc(50% - 2px); transform:rotate(-45deg); transition-delay:0s, .3s; width:20px; left:2px;} .NavOpened #toggleMenu > span span::before{ opacity:0;} a.navi{ display:block; width:100%; color:#000000; text-decoration:none;} a.navi:link, a.navi:visited, a.navi:hover, a.navi:focus{} .navi_separator{ border-top:1px solid rgb(134,127,123); height:0; line-height:0; font-size:0; margin-bottom:2px;} .navigation_wrapper{ display:none; position:absolute; width:100%; overflow:hidden; box-sizing:border-box; background-color:#fff; z-index:9999;} .small{ padding:10px 15px 25px 15px;} .navigation_container{ margin:0 auto; width:100%;} .navigation, .navigation ul{ list-style-type:none; margin:0; padding:0; text-align:center;} .navigation_level_2, .navigation_level_3{ display:none;} .navigation ul li.smallLI{ padding:3% 0 3% 0;} .navigation .navi_level_0{ display:inline-block; width:13%; margin:0 0 5px 45px; vertical-align:top; text-align:left; position:relative;} .navigation .navi_level_0:first-child{ display:inline-block; position:relative; margin:0;} .navigation .navi_level_0 > a{ padding-bottom:10px; padding-right:25px; color:rgb(74,71,70); font-family:Montserrat, Arial, Helvetica, sans-serif; border-bottom:1px solid rgb(74,71,70);} .navigation .navi_level_0.with_subnavi > .subnavi_arrow{ position:absolute; top:10px; right:4px; display:block; width:12px; height:12px; transition:transform .2s; cursor:pointer; transform:rotate(45deg); border-right:2px solid rgb(181,172,166); border-bottom:2px solid rgb(181,172,166);} .navigation .navi_level_0.with_subnavi.navigation_tree_open > .subnavi_arrow{ transform:rotate(-135deg); top:15px;} .navigation .navigation_level_1{ margin-top:50px;} .navigation .navigation_level_1_small{ margin-top:0;} .navigation .navi_level_1{ display:block; text-align:left; border-top:1px dotted rgb(181,172,166);} .navigation .navi_level_1 a{ color:rgb(74,71,70); font-family:Montserrat, Arial, Helvetica, sans-serif;} .navigation .navigation_level_2{ margin-top:10px;} .navigation .navi_level_2{ display:block; padding-left:15px; text-align:left; border-top:2px dotted rgb(74,71,70);} .navigation_footer{ height:32px; text-align:center; padding-bottom:10px;} .navigation_footer a{ color:rgb(74,71,70); text-transform:uppercase;} .navigation_footer a:link, .navigation_footer a:visited{ color:rgb(74,71,70);} .navigation a.navi{ display:block; width:auto; text-transform:uppercase; font-size:14px;} .navigation a.navi_active{ font-weight:bold;} .navigation_wrapper .socialmedia_linksbox{ padding:15px 15px 15px 20px; text-align:left;} .NavOpened .navigation_wrapper_bg{ content:""; position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.48); z-index:auto;} #navigation_wrapper{ display:block !important; position:fixed; top:0; bottom:0; left:-300px; height:auto !important; width:300px; padding:0; overflow-y:auto; overflow-x:hidden; box-sizing:border-box; will-change:left; transition:left 0.4s; border-top:69px solid #fff;} .NavOpened #navigation_wrapper{ left:0;} .navigation{ margin:0;} .navigation_container{ overflow:visible; height:auto !important; border-top:1px solid rgb(181,172,166); padding:0 15px 15px 20px; box-sizing:border-box;} .navigation li{ display:block; width:100% !important;} .navigation .navi_level_0 > a{ border-bottom:none;} .navigation .navi_level_0{ border-bottom:1px solid rgb(181,172,166); ; padding:0 !important; margin:0 !important; position:relative;} .navigation a.navi{ padding:10px 0; font-size:14px; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;} .navigation a.navi > span > br{ display:none;} .navigation ul{ margin:0 0 0 20px !important;} .navigation ul.navigation_level_1, .navigation ul.navigation_level_2, .navigation ul.navigation_level_3{ display:none;} .navigation .navi_level_1 a.navi{ padding:8px 0; text-transform:none;} .navigation_footer{ height:auto; text-align:left; box-sizing:border-box; padding:0 15px 0 20px;} .navigation_footer a{ font-size:14px; line-height:25px; text-decoration:none; display:block; font-family:Montserrat, Arial, Helvetica, sans-serif; font-weight:normal; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; margin:0 !important;} .site_id_3006{ display:none !important;} @media only screen and (max-width:1300px){ .navigation .navi_level_0.with_subnavi > .subnavi_arrow{ top:7px;} #navigation_wrapper{ border-top-width:54px;} } @media only screen and (max-width:1023px){ #toggleMenu > span{ color:transparent;} } @media only screen and (max-width:1023px) and (orientation:landscape){ a.navi_button{ height:35px;} } @media only screen and (max-width:480px){ a.navi_button{ height:45px;} div.component_navi{ height:45px;} #navigation_wrapper{ border-top-width:44px;} .NavOpened #toggleMenu{ top:10px;} } div.component_top_navi{ height:70px; z-index:10000;} .menue_table{ margin:0; padding:0; list-style-type:none; text-align:center;} .menue_table li{ display:inline-block; height:70px; vertical-align:top;} .menue_table li a.menue:after{ top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-top-color:rgb(181, 172, 166); border-width:0; margin-left:-0px; z-index:1000; -webkit-transition:border-width 0.4s, margin-left 0.4s; -moz-transition:border-width 0.4s, margin-left 0.4s; -o-transition:border-width 0.4s, margin-left 0.4s; transition:border-width 0.4s, margin-left 0.4s;} .menue_table li.active a.menue:after{ border-width:20px; margin-left:-20px; -webkit-transition:border-width 0.4s, margin-left 0.4s; -moz-transition:border-width 0.4s, margin-left 0.4s; -o-transition:border-width 0.4s, margin-left 0.4s; transition:border-width 0.4s, margin-left 0.4s;} .browser_msie .menue_table li a.menue:after{ display:none !important;} .menue_table li a.menue{ position:relative; display:table-cell; width:186px; height:70px; text-decoration:none; text-transform:uppercase; text-align:center; vertical-align:middle; font-family:Montserrat, Arial, Helvetica, sans-serif; font-size:15px; line-height:17px; font-weight:normal; letter-spacing:1px; -webkit-transition:background-color 0.5s; -moz-transition:background-color 0.5s; -o-transition:background-color 0.5s; transition:background-color 0.5s;} .menue_table li a.menue:link, .menue_table li a.menue:visited{ color:rgb(74,71,70);} .menue_table li a.menue:hover{ color:white; background-color:rgb(181, 172, 166); -webkit-transition:background-color 0.5s; -moz-transition:background-color 0.5s; -o-transition:background-color 0.5s; transition:background-color 0.5s;} .menue_table li.active a.menue{ color:white; background-color:rgb(181, 172, 166);} .menue_table li a.openMenueLink{ color:rgb(50,40,25); background-color:#ffffff;} .menue_table li a.menue img.hover{ display:none;} .menue_table li.active a.menue img.hover{ display:inline;} .menue_table li.active a.menue img.nohover{ display:none;} div.component_top_navi .musterhaus_container{ width:45px;} #site_header div.component_top_navi .musterhaus_container{ position:static;} div.component_top_navi .musterhaus_container img{ height:29px;} div.component_top_navi .musterhaus_container .musterhaus_text{ display:none;} div.component_top_navi .kontakt_container{ width:45px;} #site_header div.component_top_navi .kontakt_container{ position:static;} div.component_top_navi .kontakt_container > a.menue{ display:table-cell; width:45px; height:70px; vertical-align:middle; text-align:center;} div.component_top_navi .kontakt_container img{ height:27px;} div.component_top_navi .kontakt_container .kontakt_text{ display:none;} div.component_top_navi .katalog_container{ width:70px;} div.component_top_navi .katalog_container > a.menue{ display:table-cell; width:70px; height:70px; vertical-align:middle; text-align:center;} div.component_top_navi .katalog_container img{ width:35px;} div.component_top_navi .katalog_container .katalog_text{ display:none;} div.component_top_navi .search_container{ width:45px;} div.component_top_navi .search_container > a.menue{ display:table-cell; width:45px; height:70px; vertical-align:middle; text-align:center;} div.component_top_navi .search_container img{ height:27px;} .menue_table li.musterhaus_container a.menue:hover, .menue_table li.musterhaus_container.active a.menue, .menue_table li.kontakt_container a.menue:hover, .menue_table li.kontakt_container.active a.menue, .menue_table li.katalog_container a.menue:hover, .menue_table li.katalog_container.active a.menue, .menue_table li.search_container a.menue:hover, .menue_table li.search_container.active a.menue{ background-color:rgb(134,127,123);} .menue_table li.musterhaus_container a.menue:after, .menue_table li.kontakt_container a.menue:after, .menue_table li.katalog_container a.menue:after, .menue_table li.search_container a.menue:after{ display:none;} #site_header .component_top_navi{ width:1180px; min-width:1180px; margin:0 0 0 140px; white-space:nowrap;} #top_navi.fixed{ width:100%; z-index:10000; top:0; left:0;} .component_top_navi li .menu_popup{ display:none; position:absolute; top:100%; right:0; width:665px; max-width:100%; min-height:110px; color:#fff; background-color:rgb(134,127,123); background-position:left center; background-size:auto 100%; background-repeat:no-repeat; box-sizing:border-box; padding:20px 20px 20px 320px; white-space:normal; text-align:left; font-family:Montserrat, Arial, Helvetica, sans-serif; font-size:15px; line-height:17px; font-weight:normal; letter-spacing:1px;} .component_top_navi li.katalog_container .menu_popup{ background-image:url(/images/icons/katalog_bestellen_nav.jpg);} .component_top_navi li.kontakt_container .menu_popup{ background-image:url(/images/icons/kontakt_bestellen_nav.jpg);} .component_top_navi li.musterhaus_container .menu_popup{ background-image:url(/images/icons/musterhaus_nav.jpg);} .component_top_navi li .menu_popup a, .component_top_navi li .menu_popup a:hover{ color:#fff;} .component_top_navi li .menu_popup > *{ display:block;} .component_top_navi li .menu_popup .title{ text-transform:uppercase;} .component_top_navi li .menu_popup .link{ text-transform:none; padding-top:15px;} .component_top_navi li .menu_popup .link:before{ content:">> ";} #site_header .menue_table li:hover .menu_popup, #site_topbild #top_navi.fixed .menue_table li:hover .menu_popup{ display:block !important;} .component_top_navi .search_container.active:after{ display:none !important;} #site_header .component_top_navi .search_container.active > a.menue, #site_topbild .component_top_navi #top_navi.fixed .search_container.active > a.menue{ background:url(/images/icons/menu_close_44x44.png) no-repeat center rgb(134,127,123); background-size:22px auto;} #site_header .component_top_navi .search_container.active > a.menue > img, #site_topbild .component_top_navi #top_navi.fixed .search_container.active > a.menue > img{ display:none !important;} .component_top_navi .navigation_search{ display:none;} #site_header .component_top_navi .search_container.active .navigation_search, #site_topbild .component_top_navi #top_navi.fixed .search_container.active .navigation_search{ display:block; position:fixed; left:0; right:0; bottom:0; top:70px; color:#fff; background-color:rgb(134,127,123);} .component_top_navi .search_container.active .navigation_search form{ position:absolute; left:0; right:0; top:50%; width:80%; max-width:400px; margin:-15px auto 0; border-bottom:1px solid #fff;} .component_top_navi .search_container.active .navigation_search input{ background-color:transparent; width:100%; padding:0 35px 5px 0; font-family:Aller, Arial, Helvetica, sans-serif; font-size:20px; line-height:30px; font-weight:normal; color:rgb(181, 172, 166);} .component_top_navi .search_container.active .navigation_search input::-ms-clear{ display:none; width:0; height:0;} .component_top_navi .search_container.active .navigation_search input::-ms-reveal{ display:none; width:0; height:0;} .component_top_navi .search_container.active .navigation_search input::-webkit-search-decoration, .component_top_navi .search_container.active .navigation_search input::-webkit-search-cancel-button, .component_top_navi .search_container.active .navigation_search input::-webkit-search-results-button, .component_top_navi .search_container.active .navigation_search input::-webkit-search-results-decoration{ display:none;} .component_top_navi .search_container.active .navigation_search form span a{ position:absolute; right:0; bottom:5px; display:block; width:30px; height:30px; background:url(/images/icons/lupe-54x56_w.png) no-repeat center transparent; background-size:27px auto;} .lds-spinner{ color:official; display:inline-block; position:relative; width:80px; height:80px; display:none;} .lds-spinner div{ transform-origin:40px 40px; animation:lds-spinner 1.2s linear infinite;} .lds-spinner div:after{ content:" "; display:block; position:absolute; top:3px; left:37px; width:6px; height:18px; border-radius:20%; background:#fff;} .lds-spinner div:nth-child(1){ transform:rotate(0deg); animation-delay:-1.1s;} .lds-spinner div:nth-child(2){ transform:rotate(30deg); animation-delay:-1s;} .lds-spinner div:nth-child(3){ transform:rotate(60deg); animation-delay:-0.9s;} .lds-spinner div:nth-child(4){ transform:rotate(90deg); animation-delay:-0.8s;} .lds-spinner div:nth-child(5){ transform:rotate(120deg); animation-delay:-0.7s;} .lds-spinner div:nth-child(6){ transform:rotate(150deg); animation-delay:-0.6s;} .lds-spinner div:nth-child(7){ transform:rotate(180deg); animation-delay:-0.5s;} .lds-spinner div:nth-child(8){ transform:rotate(210deg); animation-delay:-0.4s;} .lds-spinner div:nth-child(9){ transform:rotate(240deg); animation-delay:-0.3s;} .lds-spinner div:nth-child(10){ transform:rotate(270deg); animation-delay:-0.2s;} .lds-spinner div:nth-child(11){ transform:rotate(300deg); animation-delay:-0.1s;} .lds-spinner div:nth-child(12){ transform:rotate(330deg); animation-delay:0s;} @keyframes lds-spinner{ 0%{ opacity:1;} 100%{ opacity:0;} } .navigation_search.submitting .lds-spinner{ position:absolute; left:50%; top:50%; transform:translate3d(-50%, -50%, 0); display:inline-block;} .navigation_search.submitting form{ visibility:hidden;} #site_topbild #top_navi{ position:relative; background-color:white;} #site_topbild .menue_table{ width:1180px; min-width:1180px; margin:0 auto;} #site_topbild .menue_table li.active a.menue{ color:white;} #site_topbild .menue_table li a.menue:after{ top:auto; bottom:100%; border-top-color:transparent; border-bottom-color:rgb(181, 172, 166) !important;} #site_topbild .menue_table li.musterhaus_container a.menue:after, #site_topbild .menue_table li.kontakt_container a.menue:after, #site_topbild .menue_table li.katalog_container a.menue:after, #site_topbild .menue_table li.search_container a.menue:after{ display:block; border-bottom-color:rgb(134,127,123) !important;} #bottom_buttons{ position:fixed; left:0; right:0; bottom:0; display:none; background-color:#fff; z-index:1000; height:60px;} #bottom_buttons ul{ margin:0 13px; padding:0; list-style-type:none;} #bottom_buttons ul li{ margin:0; padding:0; width:20%; text-align:center; display:block; float:left;} #bottom_buttons ul li.home_button{ text-align:left;} #bottom_buttons ul li.mail_container{ text-align:right;} #bottom_buttons ul li > a.menue{ display:inline-block; width:50px !important; height:50px; text-align:center; vertical-align:top;} #bottom_buttons ul li.home_button > a{ background:url(/images/icons/icon_home.svg) no-repeat center transparent; background-size:25px 25px;} #bottom_buttons ul li .nohover{ padding-top:15px; display:inline;} #bottom_buttons ul li .hover{ padding-top:15px; display:none;} #bottom_buttons ul li.active > a.menue{ background-color:rgb(134,127,123);} #bottom_buttons ul li.active .nohover{ display:none;} #bottom_buttons ul li.active .hover{ display:inline;} div.component_top_navi #bottom_buttons .katalog_container img{ width:34px;} div.component_top_navi #bottom_buttons .mail_container img{ height:22px;} .component_top_navi #bottom_buttons li .menu_popup{ bottom:100%; top:auto;} .component_top_navi #bottom_buttons li.katalog_container .menu_popup{ right:auto; left:0;} .component_top_navi #bottom_buttons li.kontakt_container .menu_popup{ right:auto; left:25%; max-width:75%;} .component_top_navi #bottom_buttons li.active .menu_popup{ display:block !important;} #bottom_buttons .to_top{ display:none; position:absolute; top:-20px; right:20px; width:15px; height:15px; cursor:pointer; transform:rotate(-45deg); border-right:2px solid rgb(181,172,166); border-top:2px solid rgb(181,172,166);} #bottom_buttons .to_top.active{ display:block;} #to_top_desktop{ position:fixed; z-index:998; right:10px; bottom:-60px; display:block; width:60px; height:60px; padding-top:24px; line-height:30px; box-sizing:border-box; color:#fff; background-color:rgb(181, 172, 166); text-transform:uppercase; text-align:center; cursor:pointer; letter-spacing:1px; transition:bottom .2s;} #to_top_desktop:before{ content:''; position:absolute; top:15px; right:23px; width:10px; height:10px; cursor:pointer; transform:rotate(-45deg); border-right:2px solid #fff; border-top:2px solid #fff;} #to_top_desktop.active{ bottom:10px;} body.breadcrumb_active #to_top_desktop.active{ bottom:60px;} @media only screen and (min-width:1500px){ #site_header .component_top_navi{ margin:0 auto;} #site_header #top_navi{ position:relative;} } @media only screen and (max-width:1500px){ .menue_table{ text-align:left;} .menue_table li a.menue{ width:158px;} } @media only screen and (max-width:1300px){ div.component_top_navi{ height:55px; } #site_header .component_top_navi{ width:1000px; min-width:1000px; margin:0 auto;} #site_topbild .menue_table{ width:944px; min-width:944px;} .menue_table li{ height:55px;} .menue_table li a.menue{ width:148px; height:55px; font-size:13px; line-height:16px; } .menue_table li.active:after{ border-width:15px; margin-left:-15px;} div.component_top_navi .katalog_container , div.component_top_navi .katalog_container > a.menue{ width:55px; height:55px;} div.component_top_navi .kontakt_container, div.component_top_navi .kontakt_container > a.menue, div.component_top_navi .musterhaus_container, div.component_top_navi .musterhaus_container > a.menue, div.component_top_navi .search_container, div.component_top_navi .search_container > a.menue{ height:55px; width:35px;} div.component_top_navi .katalog_container img{ width:30px;} div.component_top_navi .kontakt_container img, div.component_top_navi .search_container img, div.component_top_navi .musterhaus_container img, div.component_top_navi .mail_container img{ height:24px;} .component_top_navi .search_container.active .navigation_search{ top:55px !important;} } @media only screen and (max-width:1240px){ #site_header .component_top_navi{ margin:0 0 0 140px;} #site_header .component_top_navi{ width:100%; min-width:0; margin-left:120px;} .menue_table{ margin-right:110px;} .menue_table li{ width:120px; display:inline-table;} .menue_table li a.menue, div.component_top_navi .kontakt_text{ width:100%; letter-spacing:0; font-size:12px; line-height:15px;} .menue_table li.active::after{ border-width:10px; margin-left:-10px;} } @media only screen and (min-width:1024px){ .menue_table li a.menue:hover img.hover, .menue_table li.active a.menue img.hover{ display:inline;} .menue_table li a.menue:hover img.nohover, .menue_table li.active a.menue img.nohover{ display:none;} } @media only screen and (max-width:1023px){ #top_navi .menue_table li{ display:none;} #site_header div.component_top_navi .menue_table li.search_container{ display:block; position:absolute; right:10px;} #site_header div.component_top_navi .menue_table li.search_container > a.menue{ width:35px;} #bottom_buttons{ display:block; box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);} #to_top_desktop{ display:none !important;} #top_navi.fixed{ position:relative !important; top:auto; left:auto; z-index:auto;} #site_topbild .menue_table{ width:100%; min-width:0;} #site_topbild .menue_table li{ display:none !important;} #site_topbild .menue_table li.active{ display:table !important; width:100% !important;} #site_topbild .menue_table li.active a, #site_topbild div.component_top_navi #top_navi .kontakt_container > a.menue, #site_topbild div.component_top_navi #top_navi .search_container > a.menue, #site_topbild div.component_top_navi #top_navi .katalog_container > a.menue{ width:100% !important;} #site_topbild .menue_table li a.menue, #site_topbild .menue_table li a.menue span{ font-size:15px; line-height:17px;} #site_topbild div.component_top_navi #top_navi .musterhaus_container img, #site_topbild div.component_top_navi #top_navi .kontakt_container img, #site_topbild div.component_top_navi #top_navi .katalog_container img{ display:none !important;} #site_topbild div.component_top_navi #top_navi .musterhaus_container .musterhaus_text, #site_topbild div.component_top_navi #top_navi .kontakt_container .kontakt_text, #site_topbild div.component_top_navi #top_navi .katalog_container .katalog_text{ display:inline;} } @media only screen and (max-width:1023px) and (orientation:landscape){ div.component_top_navi .search_container, div.component_top_navi .search_container > a.menue{ height:35px;} .component_top_navi .search_container.active .navigation_search{ top:35px !important;} } @media only screen and (max-width:768px){ .component_top_navi #bottom_buttons li .menu_popup{ right:0 !important; left:0 !important; width:100% !important; max-width:none !important;} } @media only screen and (max-width:640px){ .component_top_navi #bottom_buttons li .menu_popup{ background-image:none !important; padding:20px;} } @media only screen and (max-width:480px){ div.component_top_navi .search_container, div.component_top_navi .search_container > a.menue{ height:45px;} .component_top_navi .search_container.active .navigation_search{ top:45px !important;} } 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; } } div.component_site_title{ width:1180px; margin:0 auto 0 auto;} h1.content_sitename_pic{ margin-bottom:30px;} .content_sitename_alttext{ text-align:center;} .prev_neighbours_site, .next_neighbours_site{ display:block; position:fixed; top:50%; width:45px; height:110px; transform:translateY(-50%); opacity:0.4; z-index:999;} .prev_neighbours_site{ left:20px; background:url(/images/icons/bf_controls_houses.png) no-repeat left center;} .next_neighbours_site{ right:20px; background:url(/images/icons/bf_controls_houses.png) no-repeat right center;} .prev_neighbours_site:hover, .next_neighbours_site:hover{ opacity:1;} @media only screen and (max-width:1300px){ div.component_site_title{ width:944px; } } @media only screen and (max-width:1024px){ div.component_site_title{ width:100%; margin:0; box-sizing:border-box; position:relative; } h1.content_sitename_pic{ margin-bottom:20px;} .prev_neighbours_site, .next_neighbours_site{ position:absolute; width:35px; height:58px; background-size:auto 100%;} .prev_neighbours_site{ left:10px;} .next_neighbours_site{ right:10px;} } .teaser_breit{ padding-bottom:50px;} ul.teaser_breit_list{ list-style-type:none; margin:0; padding:0;} ul.teaser_breit_list_2{ text-align:center;} li.teaser_breit_item{ display:inline-block; width:20%; position:relative;} ul.teaser_breit_list_4 li.teaser_breit_item, ul.teaser_breit_list_7 li.teaser_breit_item, ul.teaser_breit_list_8 li.teaser_breit_item{ width:25%; } ul.teaser_breit_list_2 li.teaser_breit_item, ul.teaser_breit_list_3 li.teaser_breit_item{ width:33.33%; } .teaser_breit .content_overview_image{ background-color:rgba(255, 255, 255, 0.3); background-position:center center; background-repeat:no-repeat; background-size:cover; -ms-behavior:url(/cms/js/ext/bg_size/backgroundsize.min.htc); display:block; height:0; padding-bottom:82%;} .teaser_breit .teaser_link_ph_image{ width:100%; max-width:100% !important;} .teaser_breit .content_overview{ position:absolute; display:block; text-align:center; top:50%; left:0; width:100%; height:60px; margin-top:-30px;} .teaser_breit .content_overview_title{ display:inline-block; height:60px; vertical-align:middle; font-family:Montserrat, Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; font-size:17px; line-height:18px; color:rgb(243,228,211); background-color:rgba(0,0,0,0.45); -webkit-border-radius:30px; border-radius:30px; min-width:135px; padding:0 20px;} .teaser_breit .content_overview_title span{ display:inline-block; vertical-align:middle; min-width:auto;} .teaser_breit .content_overview_title:after{ content:""; height:100%; margin-left:-0.25em; display:inline-block; vertical-align:middle;} li.teaser_breit_item:hover .content_overview_title{ opacity:0.7; filter:alpha(opacity=70);} @media only screen and (max-width:1300px){ .teaser_breit .content_overview{ height:40px; margin-top:-20px;} .teaser_breit .content_overview_title{ height:28px; font-size:13px; line-height:14px; -webkit-border-radius:24px; border-radius:24px; min-width:110px; padding:10px 30px;} } @media only screen and (max-width:1024px){ .teaser_breit{ padding-bottom:20px;} li.teaser_breit_item{ width:33.33% !important;} .teaser_breit .content_overview{ height:40px; margin-top:-20px;} .teaser_breit .content_overview_title{ font-size:15px; -webkit-border-radius:21px; border-radius:21px; padding:6px 10px; height:30px;} } @media only screen and (max-width:768px){ li.teaser_breit_item{ width:50% !important;} .teaser_breit .content_overview{ height:30px; margin-top:-15px;} .teaser_breit .content_overview_title{ font-size:11px; -webkit-border-radius:15px; border-radius:15px; padding:6px 10px;} } 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_musterhaeuser_kontakt{ width:1180px; margin:0 auto;} .component_musterhaeuser_kontakt_box{ padding:35px 0; border-top:1px solid rgb(74,71,70);} .component_musterhaeuser_kontakt_box .mh_box, .component_musterhaeuser_kontakt_box .kontakt_link1, .component_musterhaeuser_kontakt_box .kontakt_box{ display:inline-block; vertical-align:top;} .component_musterhaeuser_kontakt_box .mh_box{ width:34%;} .component_musterhaeuser_kontakt_box .mh_link{ display:block; padding-left:90px; background:url(/images/icons/btn_musterhaus_finden.png) no-repeat left center transparent; background-size:contain;} .component_musterhaeuser_kontakt_box .kontakt_box{ width:31%; margin:-10px 0;} .component_musterhaeuser_kontakt_box .kontakt_link1{ width:27%; padding-left:5%;} .component_musterhaeuser_kontakt_box .mh_link, .component_musterhaeuser_kontakt_box .kontakt_link1{ font-family:Montserrat, Arial, Helvetica, sans-serif; font-size:25px; line-height:30px; font-weight:normal; text-transform:uppercase; letter-spacing:1px;} .component_musterhaeuser_kontakt_box .kontakt_link2, .component_musterhaeuser_kontakt_box .kontakt_link3{ font-family:Montserrat, Arial, Helvetica, sans-serif; font-size:23px; line-height:54px; font-weight:normal; letter-spacing:1px; display:block; border:1px solid rgb(74,71,70); border-radius:27px; text-align:center; min-width:280px; box-sizing:border-box;} html[lang="en-GB"] .component_musterhaeuser_kontakt_box .kontakt_link2, html[lang="en-GB"] .component_musterhaeuser_kontakt_box .kontakt_link3{ font-size:20px; letter-spacing:0;} .component_musterhaeuser_kontakt_box .kontakt_link3{ padding-left:85px; margin-bottom:10px; background:url(/images/icons/btn_newsletter_grey.svg) no-repeat 30px center transparent; background-size:35px 25px;} .component_musterhaeuser_kontakt_box .kontakt_link2{ padding-left:85px; background:url(/images/icons/btn_phone.svg) no-repeat 30px center transparent; background-size:20px 30px;} .component_musterhaeuser_kontakt_box .mh_link:hover, .component_musterhaeuser_kontakt_box a.kontakt_link1:hover, .component_musterhaeuser_kontakt_box a.kontakt_link2:hover, .component_musterhaeuser_kontakt_box a.kontakt_link3:hover{ opacity:0.6; filter:alpha(opacity=60);} @media only screen and (max-width:1300px){ .component_musterhaeuser_kontakt{ width:944px;} .component_musterhaeuser_kontakt_box{ padding:25px 0;} .component_musterhaeuser_kontakt_box .mh_link, .component_musterhaeuser_kontakt_box .kontakt_link1{ font-size:20px; line-height:24px;} .component_musterhaeuser_kontakt_box .mh_link{ padding-left:80px;} .component_musterhaeuser_kontakt_box .kontakt_link2, .component_musterhaeuser_kontakt_box .kontakt_link3{ font-size:18px; line-height:40px; border-radius:20px; padding-left:40px; background-position:20px center;} html[lang="en-GB"] .component_musterhaeuser_kontakt_box .kontakt_link2, html[lang="en-GB"] .component_musterhaeuser_kontakt_box .kontakt_link3{ font-size:16px;} } @media only screen and (max-width:1024px){ .component_musterhaeuser_kontakt{ width:100% !important; box-sizing:border-box;} .component_musterhaeuser_kontakt_box{ padding:10px 0;} .component_musterhaeuser_kontakt_box .mh_link, .component_musterhaeuser_kontakt_box .kontakt_link1{ font-size:16px; line-height:18px;} .component_musterhaeuser_kontakt_box .mh_link{ padding-left:50px;} .component_musterhaeuser_kontakt_box .kontakt_box{ margin:0;} } @media only screen and (max-width:768px){ .component_musterhaeuser_kontakt_box .mh_box, .component_musterhaeuser_kontakt_box .kontakt_box{ display:block; width:auto; padding:20px 0; border-bottom:1px solid rgb(74,71,70);} .component_musterhaeuser_kontakt_box .mh_link{ padding-left:80px;} .component_musterhaeuser_kontakt_box .mh_link, .component_musterhaeuser_kontakt_box .kontakt_link1{ font-size:20px; line-height:25px;} .component_musterhaeuser_kontakt_box .mh_link, .component_musterhaeuser_kontakt_box .kontakt_link2, .component_musterhaeuser_kontakt_box .kontakt_link3{ width:300px; margin:0 auto; box-sizing:border-box;} .component_musterhaeuser_kontakt_box .kontakt_link3{ margin-bottom:10px;} .component_musterhaeuser_kontakt_box .kontakt_link1{ display:block; width:300px; margin:20px auto 10px; padding:0; box-sizing:border-box; padding-left:80px;} } .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;} } div.component_breadcrumb{ padding-top:20px; padding-bottom:40px; width:1180px; margin:0 auto;} div.component_breadcrumb, a.path{ font-family:Georgia, Times, "Times New Roman", serif; font-size:15px; font-style:italic; line-height:20px;} div.component_breadcrumb a.path{ display:inline-block;} div.component_breadcrumb a.path:before{ content:"> ";} div.component_breadcrumb .module_path > span:first-child a.path:before{ content:"";} div.component_breadcrumb a.path:hover{ text-decoration:underline;} @media only screen and (min-width:540px){ div.component_breadcrumb{ position:fixed; bottom:0; left:0; right:0; background-color:#fff; min-height:50px; padding:10px 20px; width:auto; margin:0; box-sizing:border-box; color:rgb(181,172,166); z-index:999; transform:translateY(100%); transition:.2s; box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);} body.breadcrumb_active div.component_breadcrumb{ transform:translateY(0);} div.component_breadcrumb a, div.component_breadcrumb .module_path span > span{ color:rgb(181,172,166); display:inline-block; padding:0 8px; line-height:30px;} div.component_breadcrumb a.path_active{ color:rgb(134,127,123);} div.component_breadcrumb a.path:before{ content:"";} div.component_breadcrumb .module_path > span:before{ content:""; display:inline-block; width:8px; height:8px; transform:rotate(45deg); border-right:2px solid rgb(181,172,166); border-top:2px solid rgb(181,172,166);} div.component_breadcrumb .module_path > span:first-child:before{ display:none;} div.component_breadcrumb .module_path > span:first-child a{ padding-left:30px; background:url(/images/icons/home_50x50_wg4.png) no-repeat left center transparent; background-size:22px auto;} div.component_breadcrumb .close_breadcrumb{ position:absolute; top:13px; right:10px; width:25px; height:25px; display:block !important; background:url(/images/icons/menu_close_48px.png) no-repeat center transparent; background-size:25px auto; cursor:pointer;} div.component_breadcrumb .switch_breadcrumb{ font-family:Aller, Arial, Helvetica, sans-serif; display:block !important; position:absolute; left:0; bottom:100%; color:#fff; background-color:rgb(181,172,166); line-height:25px; font-size:10px; padding:0 10px; text-transform:uppercase; cursor:pointer; font-style:normal;} div.component_breadcrumb .switch_breadcrumb .inactive{ display:none;} body.breadcrumb_active div.component_breadcrumb .switch_breadcrumb .active{ display:none;} body.breadcrumb_active div.component_breadcrumb .switch_breadcrumb .inactive{ display:inline;} } @media only screen and (max-width:1023px){ div.component_breadcrumb{ bottom:50px;} } @media only screen and (max-width:540px){ div.component_breadcrumb{ display:none !important;} } #site_content{ width:1300px;} div.component_site_title{ padding:90px 0 70px 0;} div.component_site_title h1{ text-align:center; padding-bottom:10px;} div.component_site_title h2{ text-align:center; font-family:Banda, Arial, Helvetica, sans-serif; text-transform:none;} div.component_site_title h2.content_abstract_2{ color:#ffffff;} div.top_bild{ padding-bottom:50px;} .component_site, .component_zahlen_zertifikate{ padding-right:60px; padding-left:60px; width:1180px;} .template_2, .template_7, .template_8, .template_9, .template_10, .template_11, .template_12, .template_13, .template_15, .template_21{ border-bottom:1px dotted rgb(134,127,123);} .template_2, .template_7, .template_8, .template_9, .template_10, .template_11, .template_12, .template_13, .template_15, .template_21{ margin-bottom:60px;} @media only screen and (max-width:1300px){ #site_content{ width:1024px; } .component_site, .component_zahlen_zertifikate{ padding-right:40px; padding-left:40px; width:944px;} .template_2, .template_7, .template_8, .template_9, .template_10, .template_11, .template_12, .template_13, .template_15, .template_21{ margin-bottom:50px;} } @media only screen and (max-width:1024px){ div.top_bild{ padding-bottom:10px;} div.component_site_title{ padding:20px 0;} .component_site, .component_zahlen_zertifikate{ padding-right:0; padding-left:0; width:100%; border-left:none; border-right:none;} .template_2, .template_7, .template_8, .template_9, .template_10, .template_11, .template_12, .template_13, .template_15, .template_21{ border-bottom-width:1px; margin-bottom:20px;} } .bx-wrapper{ position:relative; margin:0 auto 60px; padding:0; z-index:1; *zoom:1;} .bx-wrapper img{ width:100%; display:block;} .bx-wrapper .bx-viewport{ -moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc; border:solid #fff 5px; left:-5px; background:#fff;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ position:absolute; bottom:-30px; width:100%;} .bx-wrapper .bx-loading{ min-height:50px; background:url(/cms/js/ext/bxslider/images/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000;} .bx-wrapper .bx-pager{ text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; padding-top:20px;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{ display:inline-block; *zoom:1; *display:inline;} .bx-wrapper .bx-pager.bx-default-pager a{ background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#000;} .bx-wrapper .bx-prev{ left:10px; background:url(/cms/js/ext/bxslider/images/bf_controls.png) no-repeat 0 0;} .bx-wrapper .bx-next{ right:10px; background:url(/cms/js/ext/bxslider/images/bf_controls.png) no-repeat -50px 0;} .bx-wrapper .bx-prev:hover{} .bx-wrapper .bx-next:hover{} .bx-wrapper .bx-controls-direction a{ position:absolute; top:50%; margin-top:-30px; outline:0; width:38px; height:60px; text-indent:-9999px; z-index:9998; opacity:0.6; filter:alpha(opacity=60);} .bx-wrapper .bx-controls-direction a:hover{ opacity:1; filter:alpha(opacity=100);} .bx-wrapper .bx-controls-direction a.disabled{ display:none;} .bx-wrapper .bx-controls-auto{ text-align:center;} .bx-wrapper .bx-controls-auto .bx-start{ display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url(/cms/js/ext/bxslider/images/controls.png) -86px -11px no-repeat; margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active{ background-position:-86px 0;} .bx-wrapper .bx-controls-auto .bx-stop{ display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url(/cms/js/ext/bxslider/images/controls.png) -86px -44px no-repeat; margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active{ background-position:-86px -33px;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ text-align:left; width:80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{ right:0; width:35px;} .bx-wrapper .bx-caption{ position:absolute; bottom:0; left:0; background:#666\9; background:rgba(80, 80, 80, 0.75); width:100%;} .bx-wrapper .bx-caption span{ color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px;} .template_id_214{ margin-bottom:0 !important; border-bottom:none !important;} .template_id_214 h1{ padding-bottom:35px;} .template_id_214 .template_col2 h3{ font-size:25px; line-height:35px;} table.architekten{ width:100%;} table.architekten td{ width:20%; padding-right:2%;} .arch_text{ padding-right:0;} table.architekten img{ width:100%;} .template_id_220{ margin-bottom:50px; border-bottom:1px dotted rgb(134,127,123);} .template_id_220 .template_text{ width:84%; margin:0 auto;} .template_id_217{ background-color:transparent; padding:0 0 50px 0; border-bottom:1px dotted rgb(134,127,123);} .template_id_217 .template_bild img{ height:85px;} .template_id_217 h3{ font-style:normal;} .template_id_219 .template_cols{ width:88%;} .template_id_219{ padding-bottom:50px; border-bottom:1px dotted rgb(134,127,123);} .template_id_355 .template_row3 .template_links{ left:42%; top:57%;} .template_id_1279{ margin-bottom:0 !important; border-bottom:none !important;} .template_18 .template_col1{ width:23%; padding-left:0;} .template_18 .template_col2{ width:77%;} .template_id_1297 .template_col2{ width:58%;} .template_id_1440 > .template_headlines{ background:transparent url("/images/site/architektur-haeuser_43prozent_schweiz_325x294px_01.png") no-repeat scroll 9% 0; padding-top:63px; background-size:150px auto; -ms-behavior:url(/cms/js/ext/bg_size/backgroundsize.min.htc);} .template_id_1440 > .template_headlines h1{ font-size:72px; line-height:75px;} .template_id_1440 > .template_headlines h2{ font-size:40px; line-height:45px; color:#FFF;} .template_id_1440{ margin-bottom:50px; border-bottom:1px dotted rgb(134,127,123);} .last_template{ border-bottom:none !important; margin-bottom:0 !important;} .component_navi_context, .component_footer{ padding-left:60px; padding-right:60px;} .component_musterhaeuser_kontakt{ width:1300px;} .component_musterhaeuser_kontakt_box{ margin-left:60px; margin-right:60px;} .template_id_218 .template_2, .template_id_422 .template_2{ padding-bottom:0 !important; margin-bottom:0 !important; border-bottom:none !important;} .template_id_218 img, .template_id_422 img{ width:auto !important;} .bestpreis_slider, .news_projects_slider, .energieeff_slider{ position:relative; width:50%; height:220px; margin:20px auto;} .bestpreis_slider ul, .news_projects_slider ul, .energieeff_slider ul{ list-style-type:none; margin:0; padding:0;} .bestpreis_slider li, .news_projects_slider li, .energieeff_slider li{ position:relative;} .bestpreis_slider .bx-wrapper .bx-viewport, .news_projects_slider .bx-wrapper .bx-viewport, .energieeff_slider .bx-wrapper .bx-viewport{ border:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; left:0; z-index:10; background:transparent;} .bestpreis_slider .bx-wrapper, .news_projects_slider .bx-wrapper, .energieeff_slider .bx-wrapper{ margin-bottom:0;} .bestpreis_slider .bx-controls .bx-controls-auto, .news_projects_slider .bx-controls .bx-controls-auto, .energieeff_slider .bx-controls .bx-controls-auto{ padding-right:20px; text-align:right; bottom:10px; z-index:20;} .bx-wrapper .bx-prev{ left:-50px; background-image:url(/images/bg/slider_bf_controls.png);} .bx-wrapper .bx-next{ right:-50px; background-image:url(/images/bg/slider_bf_controls.png);} .bestpreis_haus_caption, .news_projects_caption, .energieeff_haus_caption{ font-family:Georgia, Times, "Times New Roman", serif; font-size:15px; font-style:italic; line-height:24px; color:rgb(74,71,70); text-transform:none; background-color:rgb(221,212,203); position:absolute; bottom:0; display:block; width:100%; text-align:center;} a .bestpreis_haus_caption:hover, a .news_projects_caption:hover, a .energieeff_haus_caption:hover{ text-decoration:underline;} .news_projects_caption{ position:relative; line-height:18px; padding-top:4px;} .architekten{ overflow:hidden;} .architekt, .arch_text{ width:20%; box-sizing:border-box; float:left; padding-right:2%;} .architekt img{ width:100%;} @media only screen and (max-width:1300px){ .template_id_214 .template_headlines{ padding-bottom:25px;} .template_id_214 .template_col2 h3{ font-size:20px; line-height:30px;} .template_id_220{ margin-bottom:40px;} .template_id_217{ padding:0 0 40px 0;} .template_id_217 .template_bild img{ height:68px;} .template_id_1440 > .template_headlines{ background-position:10% 0; background-size:120px auto; padding-top:51px; -ms-behavior:url(/cms/js/ext/bg_size/backgroundsize.min.htc);} .template_id_1440 > .template_headlines h1{ font-size:55px; line-height:60px;} .template_id_1440 > .template_headlines h2{ font-size:30px; line-height:35px;} .component_navi_context, .component_footer{ padding-left:40px; padding-right:40px;} .component_musterhaeuser_kontakt{ width:1024px;} .component_musterhaeuser_kontakt_box{ margin-left:40px; margin-right:40px;} .bestpreis_haus_caption, .news_projects_caption, .energieeff_haus_caption{ font-size:12px;} } @media only screen and (max-width:1024px){ .template_id_1440{ margin-bottom:20px; border-bottom-width:1px;} .template_id_1440 > .template_headlines{ padding-top:40px; background-size:auto 80px;} .template_id_219 .template_cols{ width:100%;} .template_id_219 .template_col1 img{ width:75px;} .template_id_219{ padding-bottom:20px; border-bottom-width:1px;} .template_id_214 .template_col2 h3{ font-size:15px; line-height:20px;} .template_id_220{ margin-bottom:20px; border-bottom-width:1px;} .template_id_220 .template_text{ width:100%;} .template_id_217{ padding-bottom:20px; border-bottom-width:1px;} .bestpreis_slider, .news_projects_slider, .energieeff_slider{ position:relative; width:50%; height:auto; margin:20px auto;} .component_navi_context, .component_footer{ padding-left:10px; padding-right:10px;} .component_navi_context, .component_musterhaeuser_kontakt, .component_footer{ border-right:none; border-left:none;} .component_musterhaeuser_kontakt_box{ margin-left:10px; margin-right:10px;} } @media only screen and (max-width:768px){ .architekt{ width:25%; margin-bottom:15px;} .arch_text{ display:block; width:100%;} } @media only screen and (max-width:640px){ .architekt{ width:33.33%;} .arch_text{ width:66.66%;} } @media only screen and (max-width:480px){ .architekt{ width:50%;} .arch_text{ width:100%;} }