@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');


html, body		{ width:100%; height:100%; margin:0; font-family:arial;  }
body            { background: url('https://www.ehrlich-holzbau.de/images/holz.jpg') no-repeat center center fixed; -webkit-background-size: cover; overflow-x: hidden; }
img             { max-width: 100%; height:auto; }
.cleary         { clear:both;  }
.braun          { color: #802b00; }
a               { color: #802b00; }


a.grau			{ text-decoration:none; }
a.weiss			{ color:#fff; text-decoration:none; font-size: 12px; }
a.navi			{ min-height:20px; padding:3px 10px 2px 10px; line-height:20px;  display:block;  }
a.navi,
a.navi_sub 		{ text-decoration:none; border:solid 1px #ffffff; }

a.navi_sub 		{ padding:3px 8px 2px 12px; }

a.navi:hover,
a.navi_sub:hover { background: #e1e1e1; border:solid 1px #c1c1c1; }

.bausatz		{  font-size: 19px; width:290px; line-height:40px!important; background: #FDF4E7; padding:4px 20px 6px 20px; border-radius: 7px;  }

a.sbutton,
a.sbutton2 		{ display:block; text-decoration:none; line-height:18px; }
a.sbutton3 		{ display:block; text-decoration:none; width:600px; }

h1              { font-family: Lato, sans-serif; color: #802b00; margin: 50px 0 30px 0; }
h3              { font-family: Lato, sans-serif; color: #802b00; }


.website        { font-family: Lato, sans-serif; color: #333; padding: 20px 20px 30px 20px; }

.logo-m         { display:none; max-width:300px;  }
.logo-d         { max-width: 1080px; margin-left: 20px; }

#wrapper        { width: 100%; height: 100%; }
#stage          { padding: 0 35px 20px 35px;background:#FFF; }

.gms_sliderbox  { position:relative; max-width: inherit;}
#gms_slider_nav { z-index:2; position:absolute; left:5px; top:100%; margin:0; margin-top:-28px; padding:0!important; list-style-type:none; font-weight:normal; line-height:1em; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; overflow:hidden; display:none}
#gms_slider_nav li {margin:0; padding:0; float:left; text-align:center; line-height:1em}
#gms_slider_nav li a {background:#444; display:block; font-size:12px; font-weight:normal; padding:2px 6px; text-decoration:none; color:#fff; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; margin-right:4px; border-radius:8px; -moz-border-radius:8px; border-radius:8px}
#gms_slider_nav li.current a {background-color:#224d82}
#gms_slider_nav li a:hover { background-color:#3e9fd6; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s}
/* .gms_slider_offstage { visibility:hidden; display:none; }       */
.gms_slider_default { visibility:visible; }

.overtext       { position:absolute; z-index:100; top:25px; background: rgba(11,98,50,0.4); height:33px;
                padding:16px 40px 6px 50px; }
.head2 			{ font-family: Lato; font-size: 20px; color: #fff; font-weight:600;  }



.footer         { /* width:100%; padding:30px; */ }
.footercol      { display: inline-block; width:22%; margin:10px; vertical-align:bottom; }
.footercol a    { text-decoration:none; }
.footerrow      { font-family: Lato; padding:10px; color: #fff; background:#8a694a; text-align:center; font-size: 14px;  }

.galeriecover   { padding:10 10 10 30px; }

.galeriebox,.list_element    { text-align:center; padding:10px; background:#FFF6E1; vertical-align:top; display:inline-block; margin:2 10 30px 10px; width:163px; height:185px; color:#333; }
.galerieelement { display:inline-block; margin:2px 15px 30px 2px; width:170px; }
.ausfuehr    	{ height:290px; width: 200px; }



.dokumente		{ margin:0px 0 30px; }
.dokument		{ margin-bottom:15px; position:relative;}
.dokumente a	{ color:#333333; text-decoration:none; font-size:1.1em; }
.doku_titel		{ vertical-align: middle; color:#355ca9;padding:7px;
				  			padding-left:50px;  min-height:44px; text-align:left;  }

.doku_dl		{ position:absolute; left:0px; top:0px;}
.doku_dl img	{ max-height:30px;max-width:30px; }

#content 		{ margin:0 auto 2px auto;  max-width:1100px;  height:auto; min-height:100%;-webkit-box-shadow: 4px 6px 9px 4px rgba(0,0,0,0.67);
box-shadow: 4px 6px 9px 4px rgba(0,0,0,0.67);  }

#header         { background:#FFF; padding-top: 20;}


.doppelpfeil    { vertical-align:8%; font-size:1.4em; }
.hover:hover 	{ background: #F3E7D6; }


.ref  			{ font-family: arial,verdana; font-size: 12px;color: #39463e; padding-top:10px; }
.head 			{ font-family: arial,verdana; font-size: 18px; color: #506257; }


/*.list_element 	{ border:1px solid #f1f1f1; margin:15px 10%  15px 0; padding:15px;  }    */
.list_element a { text-decoration:none;   }
.redstar 		{ color:red; font-size: 15px; font-weight:bold; }
.button   		{ padding:5px;background:#f5f5f5;border:solid 1px #e1e1e1; height:170px; }
.button2   		{ padding:5px;background:#ffffff;border:solid 1px #e1e1e1; height:170px; }
.button3   		{ padding:2px;background:#f5f5f5;border:solid 1px #e1e1e1; height:235px; }
.button4   		{ padding:2px;background:#ffffff;border:solid 1px #e1e1e1; height:235px; }

.button:hover, .button2:hover, .button3:hover,.button4:hover,
.list_element:hover   { background: #F3E7D6; }
.button_text    { color: #39463e; font-family: arial; font-size: 12px; margin-bottom:5px; }
.button_text2   { color: #39463e; font-family: arial; font-size: 11px; margin-bottom:3px; }
.button_image 	{ border:solid 1px #b1b1b1;margin:5px; align:center; }
.button_image2 	{ border:solid 1px #b1b1b1;margin:3px; align:center; }
input.normal,
textarea.normal { border:1px solid #998F57; font-size: 10px; background-color: #EDEBDE; font-family:Arial; }
.input_caption 	{ color:#69633D; padding-left:20px; }
.dgray			{ color:#c1c1c1; width:80%; background-color:#c1c1c1; height:1px; border:0px; float:left; }

#bottomlogo		{ position:absolute; bottom:5px; cursor:pointer; }
#phonebg		{ display:none; }
.bausatzcontainer{ padding:10 0 5% 10%; }

/* Formulare */
.buchform 		 { width:55%; max-width:650px; }
.form_input 	 { border: 1px solid #AB878B; padding: 1px 2px 1px 2px; font-size:18px;  }
input.submit, #senden	{ padding:4px 30px 6px 30px!important; font-size:15px; height:32px; background:#750B0B!important; color:#fff!important; cursor:pointer; border:0;  border-radius: 5px; }
.responsiveContainer {
        position: relative;
        padding-bottom: 41%;
        height: 0;
        overflow: hidden;
        padding-top: 11%;
}
.responsiveContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 .bausatzbild {  width:570px; }

 .kundenmeinung { float:left;width:300px; height:200px; overflow:hidden; border:solid 1px #d1d1d1; margin:10px;  }
 .partner {  width:285px; height:210px; border:solid 1px #d1d1d1; float:left; padding:10px; margin:8px; position:relative; }

@media (max-width: 1150px) {
#bottomlogo		{ position:absolute; bottom:5px; }
.menu       { font-size: 14px; }
.na.nav-links {   margin: 0 0 -20 33%; }
.menu li    { padding: 5px 5px; margin-top:0; }
.dropdown   { top: 25px; }
}

@media (max-width: 768px) {
.buchform 		 { width:95%; font-size:0.7em; }
.buchform  .short	{ width:230px; }
.buchform .tshort,.buchform .ishort	{ width:230px; }

 .bausatzbild {     margin:0 0 30 0!important; }

 .logo-m     { display:block; }
 .logo-d     { display:none;  }
 .bausatzcontainer{ padding:10 0 5% 1%; }
.galerieelement,.galeriebox { display:block; margin:10px 15px 30px 10px; width:170px; height:auto; }
.galerieelement {  width:300; }

.ausfuehr    	{   }
#content 		{ margin:0 auto 2px auto;  width:100%;  height:auto; min-height:100%;  }
.overtext   { display:none;  }
 body       { background:0; }
 .menu      { font-size: 18px; padding:0; text-align:left; margin-top:40px; }
.nav-links  { margin:0; }
.menu li    { padding:10px 0 10px 20px; text-align:left; width: 210px; }
.dropdown   { top:0; }
#gms_slider_nav  { display:none!important;}

.website    { padding:20px 0 20px 0; }
.footercol  { display:block; width:100%; text-align:center; margin-bottom:10px; margin-left:-2%; }

.buchform 		 { width:95%; font-size:0.7em; }

 }
 @media (max-width: 500px) {
  .navbar {  padding: 0 20px 10px 30px;   }
  .hamburger { right: 8%; }
  .galeriebox {  margin: 10px 15px 30px 5px;  width: 90%; }
  #phonebg { height: 15%; }
  .menu { font-size: 15px; }
  .dropdown { left: 35%; }
   .kundenmeinung { float:none; max-width:100%; margin:10 auto 10 auto;  }
   h1             { font-size:1.3em; }
   .partner {  width:250px; max-height:210px; float:none; margin: 10 auto 10 auto; }
  .galeriebox {  margin: 10px auto 30px 0; width: 90%; }
  .list_element {  margin: 10px auto 30px 0; padding:15px;  }
  .galerieelement {  margin: 10px 15px 30px 0; max-width:280; height: auto;}
 }



/* Ende mobile Geräte */