/* RESET */

ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
blockquote { font-size:0.8em; font-weight:normal; font-style:italic; border-top: 0px solid transparent; border-right: 1px solid #ffd700; border-bottom: 0px solid transparent; border-left: 1px solid #ffd700; padding-left: 10px; padding-right: 10px; margin:20px; }
table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }
legend { display:none; }
.pwrap .img{width: 250px;}
hr{
  border-top: 1px solid #000;
  border-right: 0px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 0px solid transparent;  
margin: 0px;
padding: 0px;
}
.colwrap{
position: relative;
}

/* Start VOXL-Gridsystem */

  body,html{

  font-family: 'Roboto Condensed', sans-serif;  font-weight: 400;

            text-align: center;
            background-color: #ffffff;
        }



h1{
    color: #8a7846;
    font-size: 6.5em;
    text-transform: uppercase;	
    font-family: futura-pt, Verdana, Geneva, sans-serif;
    font-weight: bold;
  margin: 20% 20px 0 20px;
  
}
h4{
	color: #fff;
	font-size: 1.8em;
	font-weight: normal;
  font-family: futura-pt;
  margin: 0.5em 20px;
	}
.row{
  clear: both;
  width: 100%;
  margin: 0 0 0px 0;
  margin: 0px auto 0 auto;
}

.col{
  float: left;
}  
.col.x100{
  width: 100%;
}    
.col.x90{
  width: 90%;
}  
.col.x80{
  width: 80%;
}  
.col.x75{
  width: 75%;
}    
.col.x66{
  width: 66.66666%;
}
.col.x50{
  width: 50%;
} 
.col.x33{
  width: 33.3333%;
} 
.col.x25{
  width: 25%;
}    

.col.x20{
  width: 20%;
}  

.colwrap{
  padding: 10px 10px 10px 10px;
}

.header .colwrap{
  padding: 0px 0px 20px 0px;  
}
.colwrap.back{
  padding: 0px 10px 0px 10px;
} 
.colwrap .colwrap{
  padding: 0px 0px 0px 0px;
}  

.col img{
  width: 100%;
  max-width: 100%;
}

.display_flex{
  display: flex;
}

.col.taupe{background-color: #384545; Height: 100%;}

.top img{
  margin: 2em 0;
}

/* Ende VOXL-Grisystem */

@media (max-width: 768px) {
  .top img{
    max-width: 50%
  }
  h1 {
    font-size: 4em;
  }
  h4 {
    font-size: 1.4em;
  }    
}
@media (max-width: 468px) {
  h1 {
    font-size: 2em;
  }
  h4 {
    font-size: 1.2em;
    
  }  
}