@font-face {
  font-family: 'Playfair-Display';
  src: url('fonts/Playfair_Display/static/PlayfairDisplay-Regular.ttf') format('truetype');      
}
html{
font-family: 'Playfair-Display';
}

body{
font-size: 16px;
color: black;
}

a {
font-size: 16px;
color: black;
text-decoration: none;
}

a:hover{
color: red;
}

h1{
font-size: 39px;
}

#header {
width: 100%;
margin-bottom: 139px;
/*background:url(.jpg);background-size: cover;background-repeat: no-repeat;*/
background-color: #FFF ;
}
#img1 {
	text-align: center;
}
#img1 img{
	width: 90%;
}

#header #menu{
width: 100%;
font-size: 16px;
color: #000;
margin-top: 6px;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 6px;
position:fixed;
top: 0%;
left: 0%;
background-color: #aa943f;
padding: 6px 6px 6px 6px;
}

#header #menu a{
color: #FFF;
}

#header #menu a:hover{
color: red;
}

#header #logo{
margin-left: 6%;
padding-top: 66px;  
}

#header #logo img{
width: 200px;
}

#header #intro{
font-size: 24px;
color: #fff;
margin-left: 10%;
margin-right: 10%;
padding-top: 100px;
padding-left: 6%;
padding-right: 6%;
padding-bottom: 30px;
background:linear-gradient(rgba(255,255,255,.0), rgba(255,255,255,.0)), url(holocaust-mahnmal-in-berlin.jpg);
background-size: cover;
background-repeat: no-repeat;
}

#header #intro a{
text-decoration-line: underline;
text-decoration-style: dotted;
font-size: 24px;
color: yellow;
}

#header #intro #intro-img-txt{
color: #333333;
font-size: 16px;
background-color: #FFF;
padding-top: 3px;
padding-left: 3px;
padding-right: 6px;
padding-bottom: 3px;
}

#main {
width: 100%;
margin-bottom: 139px;
/*background:url(.jpg);background-size: 100%;background-repeat: no-repeat;*/
background-color: #FFF ;
}
#img2 {
	text-align: center;
}
#img2 img{
	width: 90%;
}

#main #logo{
margin-left: 6%;
}

#main #logo img{
width: 200px;
}

#main #warum{
font-size: 24px;
color: #000;
margin-left: 10%;
margin-right: 10%;
padding-top: 100px;
padding-left: 6%;
padding-right: 6%;
padding-bottom: 30px;
}

#main #warum a{
text-decoration-line: underline;
text-decoration-style: dotted;
font-size: 24px;
}

#main #funda{
font-size: 24px;
color: #000;
margin-left: 10%;
margin-right: 10%;
padding-top: 100px;
padding-left: 6%;
padding-right: 6%;
padding-bottom: 30px;
}

#main #funda a{
text-decoration-line: underline;
text-decoration-style: dotted;
font-size: 24px;
}

#main .div-ind{
margin-left: 10%;
margin-right: 10%;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 6px;
}

#main .ind-span{
margin-left: 10%;
margin-right: 10%;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 6px;
}

#main .ind-iframe{
margin-left: 10%;
margin-right: 10%;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 6px;
}



#footer {
width: 100%;
margin-bottom: 139px;
/*background:url(.jpg);background-size: 100%;background-repeat: no-repeat;*/
background-color: #FFF ;
}
#img3 {
	text-align: center;
}
#img3 img{
	width: 90%;
}

#footer #logo{
margin-left: 6%;
}

#footer #logo img{
width: 200px;
}

#footer #kontakt{
font-size: 24px;
color: #000;
margin-left: 10%;
margin-right: 10%;
padding-top: 100px;
padding-left: 6%;
padding-right: 6%;
padding-bottom: 30px;
}

#footer #kontakt a{
text-decoration-line: underline;
text-decoration-style: dotted;
font-size: 24px;
}

#footer #uparrow{
margin-left: 10%;
}