@import url('https://www.zimmerei-bube.de/layout/zimmerei-bube/googlefonts/encode-sans-condensed.css');

* { margin:0px;padding:0px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }

html, body { height:100%;font-family:'Encode Sans Condensed', sans-serif;font-size:18px;line-height:24px;color:#000000;background:#f0f0f0; }

.overlay { overflow: hidden !important; }

.clearboth { clear:both;height:0px;line-height:0px;font-size:0px; }
.loader { display:none;position:absolute;margin:-25px 0 0 -25px;top:50%;left:50%; }
a images { border:none; }

/* Form Settings - START*/
input, select, textarea { font-family: 'Lato', sans-serif;font-size: .813em;line-height:1.563em;color:#666666;background-color:#FFFFFF;border:1px solid #cecece;padding: .3em .5em; }
input[type=submit] { width:auto;border:1px solid #0086b3;background:#0099cc;color:white;cursor:pointer; }
input[type=submit]:hover { width:auto;background:#0086b3; }
input[type=text], input[type=email] { width:96%; }
input[type=checkbox],
input[type=radio] { cursor:pointer;-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2); }
input:required { border-color:#cecece;box-shadow:none !important;-webkit-box-shadow:none !important;outline:0; }
input:focus:required:invalid { border-color:red; }
input:focus:required:valid { border-color:green; }
.wrapper-header { background:rgba(255,255,255,1);padding:0px;width:100%;height:auto;border-bottom:5px solid #e53520;position:relative; }
.wrapper-header .header { position:relative;width:1400px;height:auto;margin:0 auto 0;padding:25px 0 0 0;font-size:24px;line-height:20px;font-weight:700;color:#000000;text-align:right; }
.wrapper-header .header a { text-decoration:none;color:#000000;cursor:pointer;padding:0 0 16px 0; }
.wrapper-header .header .logo { width:300px;float:left;margin-bottom:-15px; }
.wrapper-header .header .logo a { padding:0; }
.wrapper-header .header .logo a img { width:100%;position:relative;z-index:1; }
.wrapper-header .header .navigation { display:inline-block;list-style-type:none;width:auto;padding:25px 0 0;text-transform:uppercase; }
.wrapper-header .header .navigation a:hover { border-bottom:5px solid #000000; }
.wrapper-header .header .navigation a.hover { border-bottom:5px solid #000000; }
.wrapper-header .header .navigation li { position:relative;display:inline-block;margin:0 25px 0 0;height:auto; }
.wrapper-header .header .navigation li.navbar_action { display:none; }
.wrapper-header .header .navigation li:last-child { margin:0; }

.wrapper-slider { height:540px;position:relative;width:100%;margin:0 auto;overflow:hidden; }
.wrapper-slider ul li { display:none;height:540px; }
.wrapper-slider ul li.item { display:block;position:absolute;overflow:hidden; }
.wrapper-slider ul li.left { left:-25%;width:50%; }
.wrapper-slider ul li.left .title { width:50%;margin-left:50%; }
.wrapper-slider ul li.center { left:25%;width:50%;border-left: 3px solid #000000;border-right: 3px solid #000000; }
.wrapper-slider ul li.center img {  }
.wrapper-slider ul li.right { left:75%;width:50%; }
.wrapper-slider ul li.right .title { width:50%; }
.wrapper-slider ul li img { max-width:100%; }
.wrapper-slider ul li .link { width:100%;height:100%; }
.wrapper-slider ul li .link a { width:100%;height:100%; }
.wrapper-slider ul li .title { position:absolute;font-weight:700;font-size:30px;line-height:55px;text-transform:uppercase;background:rgba(255,255,255, 0.4);bottom:30px;width:100%;text-align:center;border-bottom:2px solid rgba(229, 53, 32, 0.4); }
.wrapper-slider ul li .title a { text-decoration:none;color:#000000; }
.wrapper-slider .btn_float_left { position:absolute;cursor:pointer;bottom:9%;left:30%; } 
.wrapper-slider .btn_float_right { position:absolute;cursor:pointer;bottom:9%;right:30%; }

.wrapper-content { margin:30px 0; }
.wrapper-content .content-container { position:relative;width:1400px;height:100%;margin:0 auto; }
.wrapper-content .content { position:relative;display:block;width:100%;height:100%;font-weight:300; }
.wrapper-content h1 { color:#000000;font-weight:700;font-size:30px;margin-bottom:20px;text-align:center; }
.wrapper-content h1 a { color:#e53520; }
.wrapper-content h1 a:hover { color:#e53520; }
.wrapper-content h2 { color:#e53520;font-weight:600;font-size:20px;margin-bottom:1em;text-align:center; }
.wrapper-content h3 { font-size:1.1em;color:#000000;font-weight:300;text-align:center; }
.wrapper-content h4 { text-align:center; }
.wrapper-content hr { display:block;margin:30px 0 25px;border:none;height:10px;background:url("https://www.zimmerei-bube.de/layout/zimmerei-bube/images/hr.png") no-repeat center; } 
.wrapper-content strong { font-weight:600; }
.wrapper-content a { color:#000000;text-decoration:underline; }
.wrapper-content a:hover { color:#000000; }
.wrapper-content a.button { text-decoration:none;padding:6px;border: 1px solid #000000;line-height:40px;background:#f0f0f0; }
.wrapper-content a.button:hover { background:#ffffff; }
.wrapper-content p { width:60%;margin:0 auto 20px;text-align:center;font-size:1.2em;line-height:1.6em;font-weight:300; }
.wrapper-content p:last-of-type { margin-bottom:0px; }
.wrapper-content ul, .wrapper-content ol { width:60%; margin:0 auto 1em;font-size:1.2em;line-height:1.6em; }
.wrapper-content ul li { list-style-type:none; }
.wrapper-content ul li ul { padding-left:25px; }
.wrapper-content ul li ul li::before { content:"\25CF"; }

.index p { width:60%;margin:0 auto 20px;text-align:center;font-size:1.2em;line-height:1.6em; }

.wrapper-content .reference-wrapper { width:100%;text-align:center; }
.wrapper-content .reference-wrapper .references { width: fit-content; }
.wrapper-content .reference-wrapper .references a { float:left;margin:0 25px 25px 0;text-decoration:none; }
.wrapper-content .reference-wrapper .references a:nth-of-type(3n) { margin-right:0; }
.wrapper-content .reference-wrapper .references a figure { width:fit-content;position:relative; }
.wrapper-content .reference-wrapper .references a figure figcaption { width:fit-content;font-weight:600;font-size:1.2em;line-height:1.6em;margin:0 auto;position:absolute;text-transform:uppercase;background:rgba(255,255,255, 0.4);bottom:30px;width:100%;text-align:center;border-bottom:2px solid rgba(229, 53, 32, 0.4); }


.wrapper-content .content .wrapper-references { text-align:center;width:100%; }
.wrapper-content .content .wrapper-references .image-gallery { width:100%;margin:0; }
.wrapper-content .content .wrapper-references .image-gallery li { float:left;margin:0 25px 25px 0;display:inline-block; }
.wrapper-content .content .wrapper-references .image-gallery li:nth-of-type(3n) { float:left;margin-right:0; }

.wrapper-content .content a.gallery { margin-right:20px; }
.wrapper-content .content a.gallery:nth-of-type(3n) { margin-right:0; }
.wrapper-content .content a.gallery img { padding-bottom:20px; }      

#cboxOverlay{ background: #fff !important; }

.overlay-bube { display:none;position:absolute;background:rgba(255,255,255,1);width:100%;height:100%;top:0px;left:0px;text-align:center;z-index:1; }
.overlay-bube .overlay-close { width:100%;padding:18px 15px;border-bottom:5px solid #e53520;font-size:1.5em;cursor:pointer;background:rgba(255,255,255,1); }
.overlay-bube .overlay-close:hover { background:#e53520;color:#ffffff;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease; }
.overlay-bube .overlay-close > div { width:300px;margin:0 auto;text-align:center; }
.overlay-bube .overlay-content { width:1240px;max-height:100%;margin:0 auto;padding:25px;background:rgba(255,255,255,0.95); }
.overlay-bube .overlay-content a { color:#ffffff;font-style:normal;text-decoration:none; }
.overlay-bube .overlay-content .overlay-teaser { float:left;width:41%;margin:0 2% 0 0;background:url("../images/loading.gif") no-repeat center center;height:auto;min-height:330px; }
.overlay-bube .overlay-content .overlay-teaser img { display:block;width:100%;border-radius:5px; }
.overlay-bube .overlay-content .overlay-details { float:left;width:57%; }
.overlay-bube .overlay-content .overlay-details .overlay-info .item-info-detail { display:inline-block;padding:10px;border-right:1px dotted #eeeeee;font-size:1.1em; }
.overlay-bube .overlay-content .overlay-details .overlay-info .item-info-detail:last-of-type { border:none; }
.overlay-bube .overlay-content .overlay-details .overlay-info .item-info-detail i { color:#cccccc; }
.overlay-bube .overlay-content .overlay-details .overlay-info .item-info-detail span { display:inline-block;font-weight:bold;margin:0 0 0 15px; } 
.overlay-bube .overlay-content .overlay-details .overlay-price { float:left;width:auto;background:red;color:#ffffff;box-shadow:0px 0px 15px rgba(0,0,0,0.15);margin:10px 15px 0 0;padding:0;border-radius:5px;font-weight:bold;text-align:center; }
.overlay-bube .overlay-content .overlay-details .overlay-price a { display:block;padding:10px 30px; }
.overlay-bube .overlay-content .overlay-details .overlay-price span { display:inline-block;margin:0 10px 0 0; }
.overlay-bube .overlay-content .overlay-details .overlay-deeplink { float:left;width:auto;background:#00497f;color:#ffffff;box-shadow:0px 0px 15px rgba(0,0,0,0.15);margin:10px 0 0 0;padding:0;border-radius:5px;font-weight:bold;text-align:center; }
.overlay-bube .overlay-content .overlay-details .overlay-deeplink a { display:block;padding:10px 30px; }
.overlay-bube .overlay-content .overlay-details .overlay-deeplink:hover { box-shadow:0px 0px 15px rgba(0,0,0,0.4);-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease; }
.overlay-bube .overlay-content .overlay-gallery { position:relative;height:100%;width:auto; }
.overlay-bube .overlay-content .overlay-gallery .btn-left,
.overlay-bube .overlay-content .overlay-gallery .btn-right { position:absolute;top:0px;width:50%;height:100%;cursor:pointer; }
.overlay-bube .overlay-content .overlay-gallery .btn-left .icon,
.overlay-bube .overlay-content .overlay-gallery .btn-right .icon { position:absolute;top:50%;left:25px;width:auto;color:#ffffff;font-size:40px;margin:-20px 0 0 0;text-shadow:0px 0px 25px rgba(0,0,0,0.25); }
.overlay-bube .overlay-content .overlay-gallery .btn-left:hover .icon,
.overlay-bube .overlay-content .overlay-gallery .btn-right:hover .icon { color:#e53520; }
.overlay-bube .overlay-content .overlay-gallery .btn-right { right:0px; }
.overlay-bube .overlay-content .overlay-gallery .btn-right .icon { left:auto;right:25px; }
.overlay-bube .overlay-content .overlay-gallery .gallery-image { display:none;width:100%; }
.overlay-bube .overlay-content .overlay-gallery .gallery-image .gallery-image-desc { position:absolute;bottom:0px;left:0px;background:rgba(255,255,255,0.1);padding:15px;width:100%;font-weight:500;border-bottom-right-radius:5px;border-bottom-left-radius:5px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease; }
.overlay-bube .overlay-content .overlay-gallery:hover .gallery-image .gallery-image-desc { background:rgba(255,255,255,0.85);-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease; }
.overlay-bube .overlay-content .overlay-gallery .gallery-image img { display:block;max-width:100%;border-radius:5px; }
.overlay-bube .overlay-content .overlay-gallery .gallery-image:nth-child(3) { display:block; }

.wrapper-footer { margin-bottom:10px; }
.wrapper-footer .footer-container { width:1400px;margin:0 auto;font-size:14px;padding-top:10px;font-weight:300;border-top:2px solid #e53520;font-size:1em;line-height:1.2em; }
.wrapper-footer .footer-container a { text-decoration:none;color:#000000; }
.wrapper-footer .footer-container div { float:right;border-right:1px solid #e53520;padding-right:20px;text-align:right;margin-right:20px; }
.wrapper-footer .footer-container div:first-of-type { padding-right:0;margin-right:0;border-right:none; }
.wrapper-footer .footer-container div:last-of-type { padding-right:0;width:0; }

/* Normal Screen */
@media only screen and (max-width: 1440px) {
  .wrapper-header .header { width:1140px; }
  .wrapper-header .header .navigation { padding:38px 0 0; }
  .wrapper-header .header a { padding: 0 0 3px 0; }
  
  .wrapper-slider { height:405px;position:relative;width:100%;margin:0 auto;overflow:hidden; }
  .wrapper-slider ul li { display:none;height:405px; }
  
  .wrapper-slider .btn_float_left { bottom:12%;left:27%; } 
  .wrapper-slider .btn_float_right { bottom:12%;right:27%; }
  
  .wrapper-index .content-container { width:1140px; }
  .wrapper-content .content-container { width:1140px; }
  .wrapper-footer .footer-container { width:1140px; }
  
  .wrapper-content .reference-wrapper { width:100%;text-align:center; }
  .wrapper-content .reference-wrapper .references { width: fit-content; }
  .wrapper-content .reference-wrapper .references a { float:left;margin:0 25px 25px 0;width:48%; }
  .wrapper-content .reference-wrapper .references a:nth-of-type(3n) { margin-right:25px; }
  .wrapper-content .reference-wrapper .references a:nth-of-type(2n) { margin-right:0; }
  .wrapper-content .reference-wrapper .references a figure { margin:0 auto; }  
  
  .wrapper-content .content .wrapper-references .image-gallery { width:100%;  }
  .wrapper-content .content .wrapper-references .image-gallery li { width:48%; }
  .wrapper-content .content .wrapper-references .image-gallery li:nth-of-type(3n) { margin-right:25px; }
  .wrapper-content .content .wrapper-references .image-gallery li:nth-of-type(2n) { margin-right:0; }
  
  .wrapper-content .content a.gallery { margin-right:20px; }
  .wrapper-content .content a.gallery:nth-of-type(3n) { margin-right:20px; }
  .wrapper-content .content a.gallery:nth-of-type(2n) { margin-right:0; }
  .wrapper-content .content a.gallery img { padding-bottom:20px; }
}

@media only screen and (max-width: 1240px) {
  .overlay-bube .overlay-content { width: 90%; }
}

/* Smaller Screen & Tablet Horizontal */
@media only screen and (max-width: 1166px) {
  .wrapper-header .header { width:100%;padding:20px 30px;font-size:17px;line-height:19px; }
  .wrapper-header .header a { padding:0 0 19px 0; }
  .wrapper-header .header .logo { float:left;width:150px; }
  .wrapper-header .header .navigation { padding:20px 0 0 }
  
  
  .wrapper-index .content-container { width:100%; }
  .wrapper-content .content-container { width:100%;padding:0 30px; }
  .wrapper-footer { padding:0px 30px;margin-top:0px; }
  .wrapper-footer .footer-container { width:100%; }
  
}             
@media only screen and (max-width: 1024px) {
  .wrapper-header .header { font-size:17px;line-height:19px;  } 
  
  .wrapper-slider { height:500px; }
  .wrapper-slider ul li { display:none;height:500px; }
  .wrapper-slider ul li.left { width:0%;display:none; }
  .wrapper-slider ul li.center { left:0%;width:100%;border-left:none;border-right:none; }
  .wrapper-slider ul li.right { width:0%;display:none; }
  .wrapper-slider ul li img { max-width:100%;height:400px; }
  .wrapper-slider ul li .title { position:absolute;font-weight:700;font-size:30px;line-height:55px;text-transform:uppercase;background:rgba(255,255,255, 0.4);bottom:30px;width:100%;text-align:center;border-bottom:2px solid rgba(229, 53, 32, 0.4); }
  .wrapper-slider ul li .title a { text-decoration:none;color:#000000; }
  
  .wrapper-slider .btn_float_left { bottom:10%;left:12%; } 
  .wrapper-slider .btn_float_right { bottom:10%;right:12%; }
  
  .wrapper-content .reference-wrapper .references a { float:left;margin-right:2%;width:48%; }
  .wrapper-content .reference-wrapper .references a:nth-of-type(3n) { margin-right:2%; }                                                                                
  .wrapper-content .reference-wrapper .references a figure { width:100%; }
  .wrapper-content .reference-wrapper .references a figure img { max-width:100%; }
  
  .wrapper-content .content .wrapper-references .image-gallery { width:100%;  }
  .wrapper-content .content .wrapper-references .image-gallery li { width:100%;margin-right:0; }
  .wrapper-content .content .wrapper-references .image-gallery li:nth-of-type(2n) { margin-right:0; }
  
  .wrapper-content .content .wrapper-references .image-gallery li img {  }
  
  .wrapper-content .content a.gallery { margin-right:1%;width:100%; }
  .wrapper-content .content a.gallery:nth-of-type(3n) { margin-right:1%; }
  .wrapper-content .content a.gallery:nth-of-type(2n) { margin-right:1%; }
  
  .wrapper-footer .footer-container div { width:33%; }
  .wrapper-footer .footer-container div:first-of-type { width:20%; }
  .wrapper-footer .footer-container div:nth-child(4) { width:14%; }
}

@media only screen and (max-width: 890px) {  
  .wrapper-header .header .navigation { float:right;font-size:20px;line-height:20px;padding:0 0;width:70%; }
  .wrapper-header .header .navigation li { width:100%;height:auto;font-size:17px;margin:0px;padding:13px 20px; }
  .wrapper-header .header .navigation li.navbar_action { width:100px;margin:0 0 5px 0;padding:0 20px 0 0;font-size:40px;color:darkgrey;display:inline-block; }  
  .wrapper-header .header .navigation a.hover { border-bottom:none; }
  .wrapper-header .header .navigation li.hover { border-right:7px solid #e53520;margin-right:-10px; }
  .wrapper-index { padding:0; }
  .index p { width:inherit;margin:0 auto 20px;text-align:center;font-size:1.2em;line-height:1.4em; }
  .wrapper-footer { margin:0; }
  .wrapper-footer .footer-container div { width:100%;border-bottom:1px solid #dadada;padding:20px 0;border-left:none;margin:0;border-right:none; }
  .wrapper-footer .footer-container div:first-of-type { width:100%;padding-top:0; }
  .wrapper-footer .footer-container div:nth-child(4) { width:100%;border:none;text-align:left; }
  .wrapper-footer .footer-container div:last-of-type { border:none;padding:0; }
  
}        

/* Tablet */
@media only screen and (max-width: 768px) {
  body { height:auto; }
  .wrapper-header .header .navigation { width:50%; }
  .wrapper-slider ul li .title { padding-left:9%;padding-right:9%; }
  .wrapper-slider .btn_float_left { bottom:10%;left:7%; } 
  .wrapper-slider .btn_float_right { bottom:10%;right:7%; }
  .wrapper-content .content a.gallery img { width:420px; }
  
}

/* SmartPhone */
@media only screen and (max-width: 480px) {   
  .wrapper-slider { height:300px; }
  .wrapper-slider ul li { display:none;height:300px; }
  .wrapper-slider ul li .title { padding-left:5%;padding-right:5%; }
  .wrapper-slider .btn_float_left { bottom:16%;left:3%; } 
  .wrapper-slider .btn_float_right { bottom:16%;right:3%; }
  
  .wrapper-content .reference-wrapper .references a { float:left;margin-right:0%;width:100%; }
  .wrapper-content .reference-wrapper .references a:nth-of-type(3n) { margin-right:0%; }                                                                                
  .wrapper-content .reference-wrapper .references a figure { width:100%; }
  .wrapper-content .reference-wrapper .references a figure img { width:100%; } 
  .wrapper-content .content .wrapper-references .image-gallery li img { width:100%; }
  .wrapper-content .content a.gallery img { width:100%; }
}

/* Mobile */
@media only screen and (max-width: 425px) {
  .wrapper-header .header .navigation { width:55%; }
  .wrapper-header .header { padding:20px 10px 10px 20px; }
  .wrapper-header .header .logo { float:left;width:140px; }
  .wrapper-header .header .logo a { padding:inherit; }
  
}