/* first assign web font */

@font-face {
    font-family: 'DINWeb-CondBold';
    src: url('../fonts/DINWeb-CondBold.woff') format('woff');
}
@font-face {
    font-family: 'DINWeb-Bold';
    src: url('../fonts/DINWeb-Bold.woff') format('woff');
}
@font-face {
    font-family: 'DINWeb-Light';
    src: url('../fonts/DINWeb-Light.woff') format('woff');
	}

body {
    font: 300 17px / 23px 'DINWeb-Light', sans-serif;
    background: #ffffff;
	}
	
h1, h2, h3, h4, h5, h6, hr {
  margin: 0;
  Color: #d45521;
  }	

h1, h2, h3,h4 {
    text-transform: uppercase;
    margin-bottom: .65em;
    font-size: 2.25em;
    font-family: 'DINWeb-CondBold', sans-serif;
    max-width: 525px;
    position: relative;
    line-height: .9em;
}

h1 { margin-top: 0.8em; 
 Color: #d45521;}

h2 { 
    
    font-size: 1.5em;
    
}

h3 {
    font-family: 'DINWeb-Light', sans-serif;
    font-size: 1.2em;
	 max-width: none;
}

h4 {
    font-family: 'DINWeb-Light', sans-serif;
    font-size: 0.8em;
	 max-width: none;}
	 
nav {
    float: right;
    width: 100%;
    text-align: left;
    padding-top: 0.5em;
}

nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav ul li { display: inline; margin-left: .5em;}

nav a {
    color: #000;
    text-transform: uppercase;
    padding: 0 .35em .25em;
    margin-right: 1em;
    border-bottom: 2px solid transparent;
}

nav a:last-child {
    margin-right: 0;
    padding-right: 0;
}

nav a:hover {
    border-bottom: 2px solid #d45521;
}

section.ikopf {
  /*  background-image: url(../images/sparrenburg-1798536_1920.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    width: 100vw;
 /*   height: 100%;*/
    height: 50px;
   padding: 2em 0;
    font-size: 1.1em;
}	 

section.impressum, section.datenschutz
{
width :70%;
padding-left:30px;
padding: 0 30px 30px 30px;
margin: 20px;
 border: 1px solid #d45521;
}


.button.outline {
    text-align: center;
    text-transform: uppercase;
    color: #000;
    border: 2px solid #d45521;
    padding: 1em 1em .8em;
    display: inline-block;
    font-family: DINWeb-CondBold, sans-serif;
    font-weight: 400;
    font-size: 1.25em;
    
    transition-delay: .1s;
    -moz-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    
    transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
}

.button.outline:hover {
    background: #d45521;
	Color: #fff;
}

.buttonCont {
    max-width: 40%;
    margin: 2em auto 0;
    text-align: right;
}

.buttonCont { max-width: 90%; }
.button.outline { padding: 0.3em 0.3em 0.3em; }



