.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_top2{ position:absolute; top:0; left:50%; margin-left:-142px; z-index:9999;} .NavOpened div.component_top2{ z-index:1;} div.component_top2 h1{ margin:0; padding:0; font-size:inherit; line-height:inherit;} div.component_top2 a{ display:table-cell; padding:0 30px; height:170px; vertical-align:middle; text-align:center;} div.component_top2 a img{ display:none; border:0; height:110px; padding:27px 0 33px;} div.component_top2 a img.desktop{ display:block;} .style_2_1 div.component_top2 a{ height:90px !important;} .style_2_1 div.component_top2 a img{ height:80px !important; padding:0;} @media only screen and (max-width:1300px){ div.component_top2{ margin-left:-112px; } div.component_top2 a{ height:140px; padding:0 25px;} div.component_top2 a img{ height:90px; padding:24px 0 26px;} } @media only screen and (max-width:1024px){ div.component_top2{ margin-left:-87px; } div.component_top2 a{ height:130px; padding:0 10px;} div.component_top2 a img{ height:80px;} } @media only screen and (max-width:768px){ div.component_top2 a{ height:auto; padding:0 10px;} div.component_top2 a img{ padding:15px 0;} } @media only screen and (max-width:1023px) and (orientation:landscape){ div.component_top2{ margin-left:-50px; } div.component_top2 a{ padding:15px 10px; height:auto;} div.component_top2 a img{ height:auto; width:100px; padding:0;} div.component_top2 a img.mobile{ display:block;} div.component_top2 a img.desktop{ display:none;} } @media only screen and (max-width:640px){ div.component_top2{ margin-left:-50px; } div.component_top2 a{ padding:15px 10px;} div.component_top2 a img{ height:auto; width:100px; padding:0;} div.component_top2 a img.mobile{ display:block;} div.component_top2 a img.desktop{ display:none;} } .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;} .component_pm_slider{ overflow:hidden;} .component_pm_slider .pmSlider{ background-color:rgba(255, 255, 255, 0.3);} .component_pm_slider ul{ margin:0; padding:0; list-style-type:none;} .component_pm_slider li{ position:relative;} .component_pm_slider li a{ display:block; height:0; padding-bottom:44.5%;} .component_pm_slider li img{ display:block; width:100%;} .component_pm_slider li video{ width:100%; height:auto;} .component_pm_slider .bx-wrapper .bx-viewport{ border:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; left:0; z-index:10; background-color:transparent;} .bx-wrapper{ margin-bottom:0;} .bx-wrapper .bx-pager{ position:absolute; bottom:10px; left:0; text-align:right; padding-top:0; z-index:20;} .slide_text{ position:absolute; top:50%; left:50%; width:1300px !important; opacity:0.9; filter:alpha(opacity=80); transform:translate3d(-50%, -50%, 0);} .bx-controls .bx-controls-direction{ display:none;} .bx-controls .bx-controls-auto{ padding-right:20px; text-align:right; bottom:10px; z-index:20;} .slider_indicators{ display:none;} @media only screen and (max-width:1300px){ .slide_text{ width:1024px !important;} } @media only screen and (max-width:1023px){ .slide_text{ width:100% !important;} .slider_indicators{ display:block; text-align:center; background-color:#fff;} .slider_indicators ul{ margin:0; padding:5px 0;} .slider_indicators li{ margin:0 5px; display:inline-block;} .slider_indicators li > *{ display:block; width:10px; height:10px; border-radius:5px; background-color:rgb(221, 212, 203); cursor:pointer;} .slider_indicators li.active > *{ background-color:rgb(181, 172, 166);} } @media only screen and (max-width:768px){} 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_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_musterhaeuser_kontakt{ width:1180px; margin:0 auto;} .component_musterhaeuser_kontakt_box{ padding:35px 0; border-top:1px solid rgb(74,71,70);} .mh_box, .kontakt_link1, .kontakt_box{ display:inline-block; vertical-align:top;} .mh_box{ width:34%;} .mh_link{ display:block; padding-left:90px; background:url(/images/icons/btn_musterhaus_finden.png) no-repeat left center transparent; background-size:contain;} .kontakt_box{ width:31%; margin:-10px 0;} .kontakt_link1{ width:27%; padding-left:5%;} .mh_link, .kontakt_link1{ font-family:Montserrat, Arial, Helvetica, sans-serif; font-size:25px; line-height:30px; font-weight:normal; text-transform:uppercase; letter-spacing:1px;} .kontakt_link2, .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"] .kontakt_link2, html[lang="en-GB"] .kontakt_link3{ font-size:20px; letter-spacing:0;} .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;} .kontakt_link2{ padding-left:85px; background:url(/images/icons/btn_phone.svg) no-repeat 30px center transparent; background-size:20px 30px;} .mh_link:hover, a.kontakt_link1:hover, a.kontakt_link2:hover, 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;} .mh_link, .kontakt_link1{ font-size:20px; line-height:24px;} .mh_link{ padding-left:80px;} .kontakt_link2, .kontakt_link3{ font-size:18px; line-height:40px; border-radius:20px; padding-left:40px; background-position:20px center;} html[lang="en-GB"] .kontakt_link2, html[lang="en-GB"] .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;} .mh_link, .kontakt_link1{ font-size:16px; line-height:18px;} .mh_link{ padding-left:50px;} .kontakt_box{ margin:0;} } @media only screen and (max-width:768px){ .mh_box, .kontakt_box{ display:block; width:auto; padding:20px 0; border-bottom:1px solid rgb(74,71,70);} .mh_link{ padding-left:80px;} .mh_link, .kontakt_link1{ font-size:20px; line-height:25px;} .mh_link, .kontakt_link2, .kontakt_link3{ width:300px; margin:0 auto; box-sizing:border-box;} .kontakt_link3{ margin-bottom:10px;} .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;} } .component_navi_context_3sp{ max-width:1155px; margin:0 auto 60px; text-align:center;} .component_navi_context_3sp ul{ list-style-type:none; margin:0; padding:0;} .component_navi_context_3sp .li_context{ display:inline-block; width:33.33%; padding:0 10px 20px; vertical-align:top; box-sizing:border-box; text-align:left;} .component_navi_context_3sp .context_link{ display:block; background-color:#fff;} .component_navi_context_3sp .content_overview_image{ position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;} .component_navi_context_3sp .content_overview_image, .component_navi_context_3sp .content_overview_image > *{ display:block; width:100%;} .component_navi_context_3sp .image_placeholder{ padding-bottom:69.86%;} .component_navi_context_3sp .teaser_link_hoverimage{ opacity:0; position:absolute; left:0; right:0; top:0; bottom:0;} .component_navi_context_3sp .context_link:hover .teaser_link_hoverimage{ opacity:1;} .component_navi_context_3sp .component_link_box{ display:flex; align-items:center; padding:15px 10px; font-family:Montserrat, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:16px; line-height:20px; letter-spacing:1px; box-sizing:border-box; min-height:60px;} @media only screen and (max-width:768px){ .component_navi_context_3sp{ text-align:left;} .component_navi_context_3sp .li_context{ width:50%;} .component_navi_context_3sp .component_link_box{ padding:10px; font-size:13px; line-height:15px; min-height:40px; letter-spacing:0;} } @media only screen and (max-width:640px){ .component_navi_context_3sp .li_context:nth-child(even){ padding:0 0 10px 5px;} .component_navi_context_3sp .li_context:nth-child(odd){ padding:0 5px 10px 0;} } @media only screen and (max-width:320px){ .component_navi_context_3sp .li_context{ width:100%; padding:0 0 10px !important;} } @font-face{ font-family:swiper-icons; src:url("data:application/font-woff; charset=utf-8; base64, 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") format("woff"); font-weight:400; font-style:normal} :root{ --swiper-theme-color:#007aff} .swiper-container{ margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1} .swiper-container-vertical>.swiper-wrapper{ flex-direction:column} .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{ transform:translate3d(0px,0,0)} .swiper-container-multirow>.swiper-wrapper{ flex-wrap:wrap} .swiper-container-multirow-column>.swiper-wrapper{ flex-wrap:wrap; flex-direction:column} .swiper-container-free-mode>.swiper-wrapper{ transition-timing-function:ease-out; margin:0 auto} .swiper-slide{ flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform} .swiper-slide-invisible-blank{ visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{ height:auto} .swiper-container-autoheight .swiper-wrapper{ align-items:flex-start; transition-property:transform,height} .swiper-container-3d{ perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{ transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{ position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10} .swiper-container-3d .swiper-slide-shadow-left{ background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{ background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{ background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{ background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-css-mode>.swiper-wrapper{ overflow:auto; scrollbar-width:none; -ms-overflow-style:none} .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{ display:none} .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{ scroll-snap-align:start start} .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:x mandatory} .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:y mandatory} :root{ --swiper-navigation-size:44px} .swiper-button-next,.swiper-button-prev{ position:absolute; top:50%; width:calc(var(--swiper-navigation-size)/ 44 * 27); height:var(--swiper-navigation-size); margin-top:calc(-1 * var(--swiper-navigation-size)/ 2); z-index:10; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--swiper-navigation-color,var(--swiper-theme-color))} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{ opacity:.35; cursor:auto; pointer-events:none} .swiper-button-next:after,.swiper-button-prev:after{ font-family:swiper-icons; font-size:var(--swiper-navigation-size); text-transform:none!important} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left:10px; right:auto} .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{ content:'prev'} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{ right:10px; left:auto} .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{ content:'next'} .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{ --swiper-navigation-color:#ffffff} .swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{ --swiper-navigation-color:#000000} .swiper-button-lock{ display:none} .swiper-pagination{ position:absolute; text-align:center; transition:.3s opacity; transform:translate3d(0,0,0); z-index:10} .swiper-pagination.swiper-pagination-hidden{ opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ bottom:10px; left:0; width:100%} .swiper-pagination-bullets-dynamic{ overflow:hidden; font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transform:scale(.33); position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{ transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{ transform:scale(.33)} .swiper-pagination-bullet{ width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity:.2} button.swiper-pagination-bullet{ border:none; margin:0; padding:0; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{ cursor:pointer} .swiper-pagination-bullet-active{ opacity:1; background:var(--swiper-pagination-color,var(--swiper-theme-color))} .swiper-container-vertical>.swiper-pagination-bullets{ right:10px; top:50%; transform:translate3d(0px,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:6px 0; display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ top:50%; transform:translateY(-50%); width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ display:inline-block; transition:.2s transform,.2s top} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ left:50%; transform:translateX(-50%); white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s left} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s right} .swiper-pagination-progressbar{ background:rgba(0,0,0,.25); position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:var(--swiper-pagination-color,var(--swiper-theme-color)); position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(0); transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ width:100%; height:4px; left:0; top:0} .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{ width:4px; height:100%; left:0; top:0} .swiper-pagination-white{ --swiper-pagination-color:#ffffff} .swiper-pagination-black{ --swiper-pagination-color:#000000} .swiper-pagination-lock{ display:none} .swiper-scrollbar{ border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{ position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98%} .swiper-container-vertical>.swiper-scrollbar{ position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98%} .swiper-scrollbar-drag{ height:100%; width:100%; position:relative; background:rgba(0,0,0,.5); border-radius:10px; left:0; top:0} .swiper-scrollbar-cursor-drag{ cursor:move} .swiper-scrollbar-lock{ display:none} .swiper-zoom-container{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{ max-width:100%; max-height:100%; object-fit:contain} .swiper-slide-zoomed{ cursor:move} .swiper-lazy-preloader{ width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; transform-origin:50%; animation:swiper-preloader-spin 1s infinite linear; box-sizing:border-box; border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius:50%; border-top-color:transparent} .swiper-lazy-preloader-white{ --swiper-preloader-color:#fff} .swiper-lazy-preloader-black{ --swiper-preloader-color:#000} @keyframes swiper-preloader-spin{ 100%{ transform:rotate(360deg)} } .swiper-container .swiper-notification{ position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{ transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{ pointer-events:none; transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube{ overflow:visible} .swiper-container-cube .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; transform-origin:0 0; width:100%; height:100%} .swiper-container-cube .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{ transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{ pointer-events:auto; visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{ position:absolute; left:0; bottom:0px; width:100%; height:100%; background:#000; opacity:.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0} .swiper-container-flip{ overflow:visible} .swiper-container-flip .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} .swiper-button-next, .swiper-button-prev{ height:40px; width:40px; margin-top:-20px; opacity:0.7; background-repeat:no-repeat; background-position:center;} .swiper-button-next:hover, .swiper-button-prev:hover{ opacity:1;} .swiper-button-next:after, .swiper-button-prev:after{ display:none;} .swiper-button-prev{ left:0; background-image:url(/images/icons/arrow_left_24x40px.png); background-size:24px auto; outline:none !important;} .swiper-button-next{ right:0; background-image:url(/images/icons/arrow_right_24x40px.png); background-size:24px auto; outline:none !important;} .swiper-container-vertical .swiper-button-prev{ left:50%; top:0; margin:0 0 0 -20px; background-image:url(/images/icons/arrow_top_40x24px.png); background-size:auto 24px;} .swiper-container-vertical .swiper-button-next{ left:50%; top:auto; bottom:0; margin:0 0 0 -20px; background-image:url(/images/icons/arrow_down_40x24px.png); background-size:auto 24px;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ background-image:none; cursor:none;} @media only screen and (max-width:640px){ .swiper-button-prev, .swiper-button-next{ background-size:12px auto;} .swiper-container-vertical .swiper-button-prev, .swiper-container-vertical .swiper-button-next{ background-size:auto 12px;} } .component_aktuelles .aktuelles_container{ max-width:1135px; margin:0 auto 10px;} .component_aktuelles h1{ text-align:center; padding:40px 30px; font-size:40px; margin-bottom:10px; background-color:#fff;} .component_aktuelles .aktuelles_box{ display:-ms-grid; display:grid; -ms-grid-columns:33.33% 66.67%; grid-template-columns:33.33% 66.67%;} .component_aktuelles .aktuelles_box:after{ content:""; display:block; clear:both;} .component_aktuelles .tabs_thumbs{ background-color:#fff; box-sizing:border-box; vertical-align:top; text-align:left; -ms-grid-row:1; -ms-grid-column:1;} .component_aktuelles .contents{ border-left:10px solid rgb(221, 212, 203); background-color:#fff; vertical-align:top; text-align:left; padding:20px; box-sizing:border-box; -ms-grid-row:1; -ms-grid-column:2;} .component_aktuelles .tabs > ul, .component_aktuelles .thumbs ul, .component_aktuelles .contents > div > ul{ list-style-type:none; margin:0; padding:0;} .component_aktuelles .thumbs ul{ display:block !important;} .component_aktuelles li.swiper-slide{ display:inline-block; width:100%; padding:0; margin:0; box-sizing:border-box;} .component_aktuelles .thumbs li.swiper-slide{ height:auto;} .component_aktuelles .thumbs > div, .component_aktuelles .contents > div{ display:none;} .component_aktuelles .thumbs > div.active, .component_aktuelles .contents > div.active{ display:block;} .component_aktuelles .tabs{ background-color:rgb(221, 212, 203);} .component_aktuelles .tabs li{ padding:20px; position:relative; font-family:Montserrat, Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:1px; font-size:20px; line-height:20px; text-transform:uppercase; background-color:rgb(229, 222, 215); cursor:pointer; border-bottom:10px solid rgb(221, 212, 203); display:block; transition:background-color 0.2s, color .2s;} .component_aktuelles .tabs li:hover{ color:white; background-color:rgb(181, 172, 166);} .component_aktuelles .tabs li.active{ background-color:#fff; color:rgb(74,71,70);} .component_aktuelles .tabs li.active:after{ content:""; display:block; position:absolute; left:100%; top:0; bottom:0; width:10px; background-color:#fff;} .component_aktuelles .thumbs{ padding:0 40px;} .component_aktuelles .thumbs > div{ box-sizing:border-box; height:600px; overflow:hidden; padding:40px 0;} .component_aktuelles .currentThumb, .component_aktuelles .currentThumb > *{ display:block;} .component_aktuelles .thumbs li{ border-top:1px dotted rgb(74,71,70);} .component_aktuelles .thumbs li:first-child{ border-top:0;} .component_aktuelles .currentThumb{ padding:10px 0; font-family:Montserrat, Arial, Helvetica, sans-serif;} .component_aktuelles .currentThumbPic{ height:0; padding-bottom:75%; background-position:center; background-repeat:no-repeat; background-size:cover;} .component_aktuelles .currentThumbHeadline{ font-weight:bold; font-size:17px; line-height:17px; padding:10px 0 5px; text-transform:uppercase;} .component_aktuelles .currentThumbDate{ font-weight:bold; font-size:12px; line-height:17px;} .component_aktuelles [data-content="videos"] .currentThumbDate{ display:none;} .component_aktuelles .thumbs .swiper-button-next, .component_aktuelles .thumbs .swiper-button-prev{ width:100%; margin:0; background-color:#fff; opacity:1; left:0;} .component_aktuelles .currentEntry, .component_aktuelles .currentEntry > *{ display:block;} .component_aktuelles .currentEntry{ padding:0 40px; font-family:Montserrat, Arial, Helvetica, sans-serif;} .component_aktuelles .currentEntryDate{ text-align:right; font-weight:normal; font-size:14px; line-height:20px; padding-bottom:10px;} .component_aktuelles [data-content="videos"] .currentEntryDate{ opacity:0;} .component_aktuelles .currentEntryPic{ padding-bottom:20px; position:relative;} .component_aktuelles .currentEntryPic img{ display:block; width:100%;} .component_aktuelles .currentEntryHeadline{ font-weight:bold; font-size:30px; line-height:30px; padding-bottom:10px; text-transform:uppercase;} .component_aktuelles .currentEntrySubheadline{ font-weight:normal; font-size:18px; line-height:30px; padding-bottom:10px;} .component_aktuelles .currentEntryText{ font-family:Georgia, Times, "Times New Roman", serif; font-style:italic; font-size:20px; line-height:30px; padding-bottom:10px;} .component_aktuelles .currentEntryLinkBox{ text-align:right; padding-top:20px; border-top:1px dotted rgb(74,71,70); position:relative;} .component_aktuelles .currentEntryLink{ font-family:Georgia, Times, "Times New Roman", serif; font-style:italic; font-size:20px; line-height:30px;} .component_aktuelles .currentEntryCounter{ position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.55); color:#fff; font-weight:normal; font-size:18px; line-height:30px; padding:0 10px; border-radius:5px;} .component_aktuelles .contents .swiper-button-next, .component_aktuelles .contents .swiper-button-prev{ height:100%; top:0; margin-top:0; background-color:#fff; opacity:1;} .component_aktuelles .currentEntryVideo .currentEntryPic:after{ content:""; position:absolute; left:0; right:0; top:0; bottom:20px; background:url(/images/icons/btn_play_white.svg) no-repeat center rgb(74,71,70); background-size:15% auto; opacity:0.41; transition:.2s;} .component_aktuelles .currentEntryVideo:hover .currentEntryPic:after{ opacity:1; background-color:transparent;} .component_aktuelles .buttonLink{ background:rgba(0,0,0,0.55); color:#fff; font-family:Georgia, Times, "Times New Roman", serif; font-style:italic; font-size:16px; line-height:40px; border-radius:20px; padding:0 30px; display:block; width:150px; margin:10px auto; text-align:center;} @media only screen and (max-width:1300px){ .component_aktuelles h1{ padding:30px 20px; font-size:30px;} .component_aktuelles .tabs li{ padding:20px; font-size:17px; line-height:20px;} .component_aktuelles .thumbs{ padding:0 20px;} .component_aktuelles .contents{ padding:10px;} .component_aktuelles .currentEntryHeadline{ font-size:25px; line-height:25px;} .component_aktuelles .currentEntrySubheadline{ font-size:16px; line-height:22px;} .component_aktuelles .currentEntryText{ font-size:16px; line-height:22px;} .component_aktuelles .currentEntryLink{ font-size:16px; line-height:22px;} } @media only screen and (max-width:1024px){ .component_aktuelles .thumbs{ padding:0 10px;} .component_aktuelles .currentEntrySubheadline{ font-size:14px; line-height:20px;} .component_aktuelles .currentEntryText{ font-size:14px; line-height:20px;} .component_aktuelles .currentEntryLink{ font-size:14px; line-height:20px;} .component_aktuelles .currentEntryCounter{ font-size:14px; line-height:26px;} } @media only screen and (max-width:640px){ .component_aktuelles .aktuelles_container{ margin:0 -10px 10px;} .component_aktuelles .aktuelles_box{ display:block;} .component_aktuelles .tabs > ul{ display:table; width:100%;} .component_aktuelles .tabs li{ display:table-cell; border-bottom:0; border-left:10px solid rgb(221, 212, 203); box-sizing:border-box; width:33.33%; text-align:center; padding:20px 0;} .component_aktuelles .tabs li:first-child{ border-left:0;} .component_aktuelles .tabs li.active:after{ display:none;} .component_aktuelles .thumbs{ display:none;} .component_aktuelles .contents{ border-left:0; padding:10px 0;} .component_aktuelles .contents .swiper-button-next, .component_aktuelles .contents .swiper-button-prev{ width:30px;} .component_aktuelles .currentEntry{ padding:0 30px;} .component_aktuelles .switcherListTiled{ display:block !important; padding:0 30px; text-align:right;} .component_aktuelles .switcherListTiled > *{ display:inline-block; width:20px; height:30px;} .component_aktuelles .switcherListTiled .showEntriesTiled{ background:url(/images/icons/switcher_column.png) no-repeat center transparent; opacity:1;} .component_aktuelles .switcherListTiled .showEntriesList{ background:url(/images/icons/switcher_row.png) no-repeat center transparent; opacity:.5;} .component_aktuelles.showAsList .switcherListTiled .showEntriesTiled{ opacity:.5;} .component_aktuelles.showAsList .switcherListTiled .showEntriesList{ opacity:1;} .component_aktuelles.showAsList .swiper-wrapper{ display:block; margin:0 30px; width:auto;} .component_aktuelles.showAsList li.swiper-slide{ padding-top:10px; border-top:1px dotted rgb(74,71,70); margin-top:10px;} .component_aktuelles.showAsList li.swiper-slide:first-child{ padding-top:0; border-top:0; margin-top:0;} .component_aktuelles.showAsList .currentEntry{ padding:0 0 0 130px; position:relative; min-height:100px;} .component_aktuelles.showAsList .currentEntryDate{ padding-bottom:5px;} .component_aktuelles.showAsList .currentEntryPic{ padding-bottom:0; position:absolute; width:120px; left:0; top:0;} .component_aktuelles.showAsList .currentEntryHeadline{ font-size:20px; line-height:20px; padding-bottom:5px;} .component_aktuelles.showAsList .currentEntrySubheadline{ padding-bottom:5px;} .component_aktuelles.showAsList .currentEntryText{ display:none;} .component_aktuelles.showAsList .currentEntryLinkBox{ padding-top:0; border-top:0;} .component_aktuelles.showAsList .currentEntryCounter{ display:none;} .component_aktuelles.showAsList .swiper-button-next, .component_aktuelles.showAsList .swiper-button-prev{ display:none !important;} .component_aktuelles.showAsList .currentEntryVideo .currentEntryPic::after{ bottom:0; background-size:30px auto;} } @media only screen and (max-width:420px){ .component_aktuelles .switcherListTiled{ padding:0 10px;} .component_aktuelles.showAsList .swiper-wrapper{ margin:0 10px;} .component_aktuelles.showAsList .currentEntryHeadline{ font-size:16px; line-height:16px;} } @media only screen and (max-width:380px){ .component_aktuelles.showAsList .currentEntry{ padding-left:90px;} .component_aktuelles.showAsList .currentEntryPic{ width:80px;} } @font-face{ font-family:swiper-icons; src:url("data:application/font-woff; charset=utf-8; base64, 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") format("woff"); font-weight:400; font-style:normal} :root{ --swiper-theme-color:#007aff} .swiper-container{ margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1} .swiper-container-vertical>.swiper-wrapper{ flex-direction:column} .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{ transform:translate3d(0px,0,0)} .swiper-container-multirow>.swiper-wrapper{ flex-wrap:wrap} .swiper-container-multirow-column>.swiper-wrapper{ flex-wrap:wrap; flex-direction:column} .swiper-container-free-mode>.swiper-wrapper{ transition-timing-function:ease-out; margin:0 auto} .swiper-slide{ flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform} .swiper-slide-invisible-blank{ visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{ height:auto} .swiper-container-autoheight .swiper-wrapper{ align-items:flex-start; transition-property:transform,height} .swiper-container-3d{ perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{ transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{ position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10} .swiper-container-3d .swiper-slide-shadow-left{ background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{ background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{ background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{ background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-css-mode>.swiper-wrapper{ overflow:auto; scrollbar-width:none; -ms-overflow-style:none} .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{ display:none} .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{ scroll-snap-align:start start} .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:x mandatory} .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:y mandatory} :root{ --swiper-navigation-size:44px} .swiper-button-next,.swiper-button-prev{ position:absolute; top:50%; width:calc(var(--swiper-navigation-size)/ 44 * 27); height:var(--swiper-navigation-size); margin-top:calc(-1 * var(--swiper-navigation-size)/ 2); z-index:10; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--swiper-navigation-color,var(--swiper-theme-color))} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{ opacity:.35; cursor:auto; pointer-events:none} .swiper-button-next:after,.swiper-button-prev:after{ font-family:swiper-icons; font-size:var(--swiper-navigation-size); text-transform:none!important} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left:10px; right:auto} .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{ content:'prev'} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{ right:10px; left:auto} .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{ content:'next'} .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{ --swiper-navigation-color:#ffffff} .swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{ --swiper-navigation-color:#000000} .swiper-button-lock{ display:none} .swiper-pagination{ position:absolute; text-align:center; transition:.3s opacity; transform:translate3d(0,0,0); z-index:10} .swiper-pagination.swiper-pagination-hidden{ opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ bottom:10px; left:0; width:100%} .swiper-pagination-bullets-dynamic{ overflow:hidden; font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transform:scale(.33); position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{ transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{ transform:scale(.33)} .swiper-pagination-bullet{ width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity:.2} button.swiper-pagination-bullet{ border:none; margin:0; padding:0; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{ cursor:pointer} .swiper-pagination-bullet-active{ opacity:1; background:var(--swiper-pagination-color,var(--swiper-theme-color))} .swiper-container-vertical>.swiper-pagination-bullets{ right:10px; top:50%; transform:translate3d(0px,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:6px 0; display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ top:50%; transform:translateY(-50%); width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ display:inline-block; transition:.2s transform,.2s top} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ left:50%; transform:translateX(-50%); white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s left} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s right} .swiper-pagination-progressbar{ background:rgba(0,0,0,.25); position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:var(--swiper-pagination-color,var(--swiper-theme-color)); position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(0); transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ width:100%; height:4px; left:0; top:0} .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{ width:4px; height:100%; left:0; top:0} .swiper-pagination-white{ --swiper-pagination-color:#ffffff} .swiper-pagination-black{ --swiper-pagination-color:#000000} .swiper-pagination-lock{ display:none} .swiper-scrollbar{ border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{ position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98%} .swiper-container-vertical>.swiper-scrollbar{ position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98%} .swiper-scrollbar-drag{ height:100%; width:100%; position:relative; background:rgba(0,0,0,.5); border-radius:10px; left:0; top:0} .swiper-scrollbar-cursor-drag{ cursor:move} .swiper-scrollbar-lock{ display:none} .swiper-zoom-container{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{ max-width:100%; max-height:100%; object-fit:contain} .swiper-slide-zoomed{ cursor:move} .swiper-lazy-preloader{ width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; transform-origin:50%; animation:swiper-preloader-spin 1s infinite linear; box-sizing:border-box; border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius:50%; border-top-color:transparent} .swiper-lazy-preloader-white{ --swiper-preloader-color:#fff} .swiper-lazy-preloader-black{ --swiper-preloader-color:#000} @keyframes swiper-preloader-spin{ 100%{ transform:rotate(360deg)} } .swiper-container .swiper-notification{ position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{ transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{ pointer-events:none; transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube{ overflow:visible} .swiper-container-cube .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; transform-origin:0 0; width:100%; height:100%} .swiper-container-cube .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{ transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{ pointer-events:auto; visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{ position:absolute; left:0; bottom:0px; width:100%; height:100%; background:#000; opacity:.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0} .swiper-container-flip{ overflow:visible} .swiper-container-flip .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} .swiper-button-next, .swiper-button-prev{ height:40px; width:40px; margin-top:-20px; opacity:0.7; background-repeat:no-repeat; background-position:center;} .swiper-button-next:hover, .swiper-button-prev:hover{ opacity:1;} .swiper-button-next:after, .swiper-button-prev:after{ display:none;} .swiper-button-prev{ left:0; background-image:url(/images/icons/arrow_left_24x40px.png); background-size:24px auto; outline:none !important;} .swiper-button-next{ right:0; background-image:url(/images/icons/arrow_right_24x40px.png); background-size:24px auto; outline:none !important;} .swiper-container-vertical .swiper-button-prev{ left:50%; top:0; margin:0 0 0 -20px; background-image:url(/images/icons/arrow_top_40x24px.png); background-size:auto 24px;} .swiper-container-vertical .swiper-button-next{ left:50%; top:auto; bottom:0; margin:0 0 0 -20px; background-image:url(/images/icons/arrow_down_40x24px.png); background-size:auto 24px;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ background-image:none; cursor:none;} @media only screen and (max-width:640px){ .swiper-button-prev, .swiper-button-next{ background-size:12px auto;} .swiper-container-vertical .swiper-button-prev, .swiper-container-vertical .swiper-button-next{ background-size:auto 12px;} } .component_auszeichnungen_swiper{ width:100%; min-width:300px; max-width:1300px; margin:0 auto 60px; padding:0 20px; box-sizing:border-box;} .component_auszeichnungen_swiper ul{ margin:0; padding:0; width:100%; list-style-type:none;} .component_auszeichnungen_swiper li{ display:inline-block; margin:0; padding:0 20px; width:20%; text-align:center; box-sizing:border-box;} .component_auszeichnungen_swiper li img{ display:block; width:100%;} .component_auszeichnungen_swiper .swiper-button-next, .component_auszeichnungen_swiper .swiper-button-prev{ height:100%; width:20px; top:0; margin-top:0; background-color:rgb(221, 212, 203); opacity:1;} @media only screen and (max-width:1024px){ .component_auszeichnungen_swiper{ padding:0 20px;} .component_auszeichnungen_swiper li{ width:25%;} } body{ background-color:rgb(255, 255, 255);} #site_topbild{ width:1300px; margin:0 auto;} #site_content{ width:1300px; background-color:rgb(221, 212, 203);} div.component_site_title{ padding-top:50px; padding-bottom:20px;} .template_1, .template_5, .template_23{ border-bottom:1px dotted rgb(134,127,123);} .template_5{ border-top:1px dotted rgb(134,127,123);} @media only screen and (max-width:1300px){ #site_content{ width:1024px;} #site_topbild{ width:1024px; } } @media only screen and (max-width:1024px){ #site_content{ padding:0 10px;} div.component_site_title{ padding-top:10px; padding-bottom:10px;} .template_1, .template_5, .template_23{ border-bottom-width:1px;} .template_5{ border-top-width:1px;} } @media only screen and (max-width:640px), only screen and (max-width:1023px) and (orientation:landscape){ .house_architect_container{ background-color:rgba(235, 215, 190,0.95);} } @media only screen and (max-width:768px){ #site_topbild{ width:auto !important; margin:0 10px; min-width:0;} } body{ background-color:rgb(221, 212, 203);} #site_header, div.component_navi, div.component_navi a.navi_button{ height:170px;} #site_topbild{ padding-top:170px; width:auto; margin:0;} .component_navi_context{ padding:35px 0 15px 0; border-bottom:none;} #site_content{ background-color:transparent; width:100%; margin:0; padding-top:100px;} .component_site{ width:100% !important; margin:0 !important;} .template_13{ padding-bottom:0;} .template_13 > .template_headlines .content_headline1{ font-size:54px; line-height:60px;} .template_14{ max-width:800px; padding:0 20px 60px; margin:0 auto;} .mobile_visible{ display:none;} .template_5{ border-top:0; border-bottom:0; max-width:1135px; margin:0 auto 60px; background-color:#fff;} .template_5 .template_col1, .template_5 .template_col2{ height:auto;} .template_5 .template_col1{ padding:15px 25px 15px 0; width:25%;} .template_5 .template_col2{ padding:15px 0 15px 25px; font-size:20px; line-height:30px;} .template_5 .font-icons:before{ font-size:100px; margin-left:-50px;} .template_row_typ_4{ background-color:#fff; padding:100px 0; margin-bottom:100px;} .template_4{ background-color:transparent; max-width:1260px; margin:0 auto; padding:0 10px; box-sizing:border-box;} .template_4 h1{ font-size:54px; line-height:60px;} .template_4 > .template_headlines{ padding-bottom:25px !important;} .template_4 > .template_headlines > h2{ font-family:Georgia, Times, "Times New Roman", serif; font-weight:normal; font-style:italic; text-transform:none; font-size:16px !important; line-height:20px !important;} .template_4 > .template_text{ max-width:649px; text-align:center; margin:0 auto 40px; font-size:18px;} .template_4 .template_cols h2{ font-size:18px; line-height:20px;} .template_4 .template_cols .template_text{ text-align:center; font-size:18px;} .template_8{ padding-top:40px; max-width:700px; margin:0 auto;} .template_8 .template_col1{ width:55%; padding-right:10%;} .template_8 .template_col2{ width:45%;} .menue_table li a.menue{ width:180px;} a.navi_button{ vertical-align:bottom;} #toggleMenu span{ margin-bottom:30px;} .component_navi #headerSearchButton{ position:absolute; right:20px; bottom:20px; width:40px; height:40px; vertical-align:top; background:url(/images/icons/icon_lupe_menu.svg) no-repeat center center; background-size:auto 21px;} .component_navi #headerSearchButton:hover{ background:url(/images/icons/lupe-54x56_w.png) no-repeat center rgb(134, 127, 123); background-size:auto 21px;} .component_navi #headerSearchButton.active{ background:url(/images/icons/menu_close_44x44.png) no-repeat center rgb(134, 127, 123) !important; background-size:22px auto !important;} .component_navi .navigation_search{ display:none;} .component_navi .navigation_search.active{ display:block; position:absolute; left:0; right:0; top:100%; height:0; margin-top:-20px; padding-top:20px; padding-bottom:44.5%; color:#fff; background-color:rgb(134, 127, 123);} .component_navi .navigation_search.active form{ position:absolute; left:0; right:0; top:50%; width:80%; max-width:400px; margin:-30px auto 0; border-bottom:1px solid #fff;} .component_navi .navigation_search.active input{ -webkit-appearance:none; 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;} .component_navi .navigation_search.active input::-ms-clear{ display:none; width:0; height:0;} .component_navi .navigation_search.active input::-ms-reveal{ display:none; width:0; height:0;} .component_navi .navigation_search.active input::-webkit-search-decoration, .component_navi .navigation_search.active input::-webkit-search-cancel-button, .component_navi .navigation_search.active input::-webkit-search-results-button, .component_navi .navigation_search.active input::-webkit-search-results-decoration{ display:none;} .component_navi .navigation_search.active 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;} .unterschrift_bild{ padding-top:20px;} .unterschrift_bild2{ padding-left:10px;} .unterschrift_text{ text-transform:uppercase;} .template_row_id_2484, .template_row_id_2805, html[lang="de-lu"] .template_row_id_2495, html[lang="de-lu"] .template_row_id_2810{ padding-top:60px; border-top:1px dotted rgb(74,71,70);} @media only screen and (max-width:1300px){ #site_header, div.component_navi, div.component_navi a.navi_button{ height:140px;} #site_topbild{ padding-top:140px; width:auto;} .component_navi_context{ padding-top:30px;} .menue_table li a.menue{ width:148px;} } @media only screen and (max-width:1023px){ #site_topbild{ width:100% !important; padding-top:130px; position:relative;} #site_topbild .bx-wrapper{ position:static;} #site_topbild .bx-wrapper .bx-controls-direction a{ top:auto; bottom:5px; margin-top:0; height:40px; width:28px; background-size:auto 40px; opacity:1;} #site_topbild .bx-wrapper .bx-prev{ background-position:left center;} #site_topbild .bx-wrapper .bx-next{ background-position:right center;} #site_content{ width:100% !important; padding-top:50px;} #site_header, div.component_navi, div.component_navi a.navi_button{ height:130px;} .component_navi #headerSearchButton{ right:17px;} .component_navi .navigation_search.active{ position:fixed; top:110px; bottom:0; padding:0; margin:0; height:auto;} .mobile_visible{ display:block;} a.mobile_visible{ display:inline-block; position:relative;} a.mobile_visible:after{ content:""; position:absolute; right:-15px; top:10px; border:5px solid transparent; border-top-color:rgb(74, 71, 70);} .mobile_hidden{ display:none;} .template_5 .template_col2{ font-size:15px; line-height:20px;} .template_5 .template_col1{ padding-right:0;} .template_13{ padding-bottom:20px;} .template_row_typ_4{ padding:50px 0; margin-bottom:50px;} .template_4 > .template_text{ margin-bottom:0;} } @media only screen and (max-width:768px){ #site_header, div.component_navi, div.component_navi a.navi_button{ height:110px;} #site_topbild{ padding-top:110px;} } @media only screen and (max-width:1023px) and (orientation:landscape){ #site_header, div.component_navi, div.component_navi a.navi_button{ height:45px;} #site_topbild{ padding-top:45px;} #toggleMenu span{ margin-bottom:10px;} .component_navi #headerSearchButton{ bottom:0;} .component_navi .navigation_search.active{ top:45px;} } @media only screen and (max-width:640px){ #site_header, div.component_navi, div.component_navi a.navi_button{ height:45px;} #site_topbild{ padding-top:45px;} #toggleMenu span{ margin-bottom:10px;} .component_navi #headerSearchButton{ bottom:0;} .component_navi .navigation_search.active{ top:45px;} .site{ padding-bottom:50px;} .template_row_typ_4{ padding:25px 0; margin-bottom:25px;} .template_4 .content_headline1{ line-height:30px !important;} .template_8{ max-width:320px; padding:0 10px;} .template_8 .template_col2{ padding-top:0 !important;} } @media only screen and (max-width:480px){ #site_content{ padding-top:25px;} .template_5 .template_col1, .template_5 .template_col2{ display:block; width:auto; text-align:center;} .template_5 .template_col1{ padding:20px 0 0 0 !important;} .template_5 .template_col2{ margin-top:-10px; padding:0 20px 20px 20px !important;} .template_5 .font-icons{} .template_5 .font-icons::before{ font-size:120px !important; margin-left:-60px !important;} } @media only screen and (max-width:320px){}