@charset "utf-8";
/* CSS Document */

/*@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700&display=swap');

body { background:#efefef; padding:0; margin:0; font-family:'Nunito Sans', sans-serif; }
html, body { height:100%; width:100vw; }
a { color:#6d6c6c; text-decoration:none; }
a:hover { color:#445283; }
*/

#mapid { /*margin:0 auto;*/ }
#map { /*margin:0 auto;*/ }


.tooltip { border-radius:0px; font-family:'avenir-next-regular', sans-serif; text-transform:uppercase; /*letter-spacing:0.1em;*/ }

.infobox { text-align:center; }
.infobox .close { float:right; font-size:21px !important; font-weight:700; line-height:1; color:#000; text-shadow:0 1px 0 #fff; filter: alpha(opacity=20); opacity:0.2; width:40px; bottom:auto; padding:4px 0px; margin:0px 0px 0px -10px; }
.infobox .modal-header { border:0px; }
.infobox .modal-body { padding:0px 20px 60px 20px; }
.infobox .carousel-indicators { bottom:20px !important; }
.infobox .carousel-indicators li { margin:4px; transition:none; }
.infobox .carousel-inner > .item { transform:none !important; }
.infobox .hausicon { max-width:220px; margin:0 auto; }
.infobox h3 { color:#6d6c6c; font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:0.15em; max-width:100%; padding:0px; margin:6px 0px 2px 0px; color:#6d6c6c; }
.infobox h4 { color:#6d6c6c; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:0.15em; margin:0px; }
.infobox h5 { color:#6d6c6c; font-size:14px; font-weight:400; margin:4px 0px; }
.infobox h6 { color:#6d6c6c; font-size:9px; line-height:150%; font-weight:400; margin:0px; padding:0px 0px 6px 0px; text-transform:uppercase; letter-spacing:0.15em; margin:0px; }
.infobox .spezifikationen { color:#6d6c6c; text-transform:uppercase; padding:30px 0px 20px 0px; }
.infobox .spezifikationen p { color:#6d6c6c; text-transform:uppercase; font-weight:700; font-size:11px; letter-spacing:0.1em; margin:0px; padding:0px; text-align:center; }
.infobox p.lead { font-size:13px; padding:0px 30px; text-align:center; }
.infobox .btn-primary { background:none; background-color:#445283; margin:20px 0px; border:0px; padding:6px 30px 5px 30px; border-radius:30px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.15em; }
.infobox .btn-primary:hover { background-color:#a88351; }

.infobox hr { border-color:#eaeaea; margin:20px auto 35px auto !important; }
.infobox a { color:#6d6c6c; }
.infobox a.btn-primary { color:#fff !important; }
.infobox a.btn-primary:hover { color:#fff !important; background:#a9824e !important; }

.jumbotron .modal-body p { color:#6d6c6c !important; }

.hausfilter { text-align:center; height:6vh; padding:15px 0px; background:#11254a; color:#fff; }
.hausfilter select  { color:#000; }

.leaflet-touch .leaflet-control-layers, 
.leaflet-touch .leaflet-bar { border:0px; border-radius:0px; }
section.leaflet-control-layers-list { padding:10px 10px 5px 10px !important; text-align:left; }
.leaflet-touch .leaflet-bar a { border-radius:0px !important; }

.slick-list { background:#eaeaea; }

.productmenuSmall { display:none; } 

/*XS*/
@media (max-width: 576px) {
    #mapid, #map { height:600px; width:auto; margin:0 auto; }
    .leaflet-container { background:url(../data/pattern_01.png); border:3px solid #eaeaea; z-index:99; }
    .jumbotron { margin:0px 0px 40px 0px; }
}
/*SM*/
@media (min-width: 576px) {
    #mapid, #map { height:600px; width:auto; margin:0 auto; }
    .leaflet-container { background:url(../data/pattern_01.png); border:3px solid #eaeaea; z-index:99; }
    .jumbotron { margin:0px 0px 40px 0px; }
}
/*MD*/
@media (min-width: 768px) {
    #mapid, #map { height:600px; width:auto; margin:0 auto; }
    .leaflet-container { background:url(../data/pattern_01.png); border:3px solid #eaeaea; z-index:99; }
    .jumbotron { margin:0px 0px 40px 0px; }
}
/*LG*/
@media (min-width: 992px) {
    #mapid, #map { height:600px; width:900px; margin:0 auto; }
    .leaflet-container { background:url(../data/pattern_01.png); border:0px solid #eaeaea; z-index:99; }
    .jumbotron { margin:30px 0px 40px 0px; }
}
/*XL*/
@media (min-width: 1200px) {
    #mapid, #map { height:600px; width:900px; margin:0 auto; }
    .leaflet-container { background:url(../data/pattern_01.png); border:0px solid #eaeaea; z-index:99; }
    .jumbotron { margin:120px 0px 40px 0px; }
}