body{
    font-family: 'Roboto', sans-serif;   /* Schriftart */
    background-image: url(inc/Holzwand.jpg);
    background-size:cover;
    background-repeat: no-repeat;/* Hintergrundbild wiederholen */
    background-attachment: fixed;/* Hintergrund bild nicht mitscrollen */
    margin: 0;/* keinen Rand nach ausen */
    
}

a{/* alle links */
    text-decoration: none;  /* Unterstriche weg */
    color: #b65423;         /* Farbe aller links */
    
}

.Test{
background-image:url(inc/Holzwand.jpg);
background-size:cover;
background-attachment: fixed;
width: 100%;
position: fixed;
left: 0;
top: 0;
border-bottom:1px solid transparent;
border-top:1px solid transparent;
    

}
#logo{
margin-left: 150px;
 float: left;   
}



.main-header,.intro,.intro-content,.columns,.slogan,.legal,.content-container,.content,.gallery{/* Inhalt breite */
    max-width: 960px;/* Inhalt breite */
    padding: 20px;/* Rand zur inhaltsbreite */
    margin: 0 auto; /* Rand bis zum fenster ende */
    
}

.main header.logo{  
float: left;/* Lässt logo nach links fließen */
}

.main-header nav{
    
    float: right;  /* Lässt Navigation nach rechts fließen */
    margin-top: 22px;  /* Abstand zur navigation von oben */
    margin-right: 37px;
    background: rgba(255, 255, 255, 0.7);

}


.main-header ul{  /* Element der nav */
    list-style:none;  /* Entfernt sämtliche Style elemente der Liste */
    margin: 0;      /* Elemente der nav */
    padding: 10px;
    padding-bottom:7px;
    padding-top:7px;;
    
}

.main-header ul li{ /* Ul */
    float: left; /* Lässt die Menü Punkte nach links fließen und so nebeneinander Gliedern */
    
    
    
 
    
}
.main-header nav a{
    display: block; /*  Durch display: block; wird es zu einem Block-Element, das dann rechts an der Seite ausgerichtet wird. */
    padding: 10px 20px; 
    text-transform: uppercase; /* Großschrift */
    font-size:23px; /* schriftgröße */
    font-weight: 300;/* schriftdicke */
    color:black;/* schriftfarbe */
    border-bottom: 3px solid transparent; /* Kasten um den Link */
    transition: all .5s ease;  /* Verlauf zur Hover klasse*/
}

.main-header nav a:hover{ /* Was Passiert beim überfahren des linkes */
    border-bottom: 3px solid #ea4c0e; /* Farbe ändern */
    
}

.main-header nav .current a{ /* Die aktuell ausgewählte seite im menü */
color:#ea4c0e;/* Farbe ändern */
}
.intro-content{
margin-top: 170px;    
width: 100%;
padding: 16px;
box-sizing: border-box;
border-radius:50px;
background: rgba(255, 255, 255, 0.7);
}


.intro-text h2{
text-align: center;
color: #555555;
font-size: 30px
}

.input form ,.form-control{
color: #000;
box-shadow: none;
border-color: #fff;
background: rgba(0, 0, 0, 0.1);
    
}

.input form ,.form-control:focus{
color: #000;
background: rgba(0, 0, 0, 0.2);
    
}

.btn{
font-size: 17px;
display: inline-block;
padding: 10px 20px;
margin-top: 10px;
text-transform: uppercase;
border-radius: 20px;
border: 1px solid #bfbfbf;
text-align: center;
background: rgba(0, 0, 0, 0.2);
color:black;
transition: all .5s ease;
}

.btn:hover{
background: rgba(0, 0, 0, 0.4);
color: white;
}

.buttonmitte{
text-align: center;
}




.footer-container{
background: rgba(46, 46, 46,0.32);   
}



.legal{
background: #2e2e2e;
color: #e3d8c6;
}

.legal a {
color: #e3d8c6;
font-weight: 700;
border-bottom: 1px solid transparent;
padding-bottom: 2px;
transition: all .5s ease;
}

.legal a:hover{
    
border-bottom: 1px solid #e3d8c6;  
    
}

.legal img{
margin: 0 4px;
vertical-align: text-bottom;
}
/* Clearfix */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
    
}

.clearfix:after{
clear: both;
}