@charset "UTF-8";
/* CSS Document */




body, html {
height: 100%;
margin:0;
padding:0;
font-family: Arial;
font-size: 11pt;

}

a:link {text-decoration:none; color:#000000; }
a:visited { text-decoration:none; color:#000000; }
a:hover { text-decoration:underline; color:#000000; }
a:active { text-decoration:none; color:#000000; }

#header

{
background-color:#161613;
width:100%;
height:6rem;
color:#ffffff;
position:fixed;
z-index: 3;

}

#header a:link {text-decoration:none; color:#ffffff; }
#header a:visited { text-decoration:none; color:#ffffff; }
#header a:hover { text-decoration:underline; color:#ffffff; }
#header a:active { text-decoration:none; color:#ffffff; }

#logo
{
width:32%;
font-size:11pt;
float:left;
padding: 1.4rem 0rem 0rem 0rem;
letter-spacing: 0.04rem;
text-align: right;
/*text-transform:uppercase;*/
}

#navigation
{
width:32%;
float:left;
font-size:11pt;
padding: 1.4rem 0rem 0rem 0rem;
letter-spacing: 0.04rem;
text-align: center;
/*text-transform:uppercase;*/
}

#contact
{
width:32%;
float:left;
font-size:11pt;
padding: 1.4rem 0rem 0rem 0rem;
letter-spacing: 0.04rem;
text-align: left;
/*text-transform:uppercase;*/
}


.parallax {
 
  /* Full height */
  height: 60%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.content {
	height:34rem;
	background-color:#ffffff;
	font-size:12pt;
	padding: 4rem 0rem 12rem 0rem;
	z-index: 1;
	  display: flex;
  align-items: center;
  justify-content: center;

}


p {
	font-size: 11pt;
}

h2 {
	font-size:22px;
	line-height:10px;
	font-weight: bold;
}

h3 {
	font-size:14px;
	line-height: 15px;
	font-weight: normal;

}

h4 {
	font-size:18px;
	line-height: 18px;
	font-weight: normal;

}


#footer {
	height:10rem;
	text-align: center;
	color:#666666;
	font-size:11pt;
}


.footer_grey {
	font-size: 9pt;
	margin-top: 2rem;
	color:#999999;
}

.footer_grey a:link {text-decoration:none; color:#999999; }
.footer_grey a:visited { text-decoration:none; color:#999999; }
.footer_grey a:hover { text-decoration:underline; color:#999999; }
.footer_grey a:active { text-decoration:none; color:#999999; }




table {
 border: none;
	border-spacing: 2rem;
	

}

td {
width:50%px;
vertical-align: top;
border:  none;

  }





/* mobile geräte */
@media (max-width: 450px) {
     
	#logo {
		text-align: left;
		width: 50%
	}

	#navigation {
		text-align: right;
		width: 50%;
	}	
	#contact {
		display:none;
		visibility: hidden;
	}

	 .parallax {
    background-attachment: scroll;
		 width: 100%;
	}
	
}






/*body

{
margin:0;padding:0;
background:#ffffff;
font-family: Arial;
}








#content
{
background-color:#ffffff;
width:90%;
margin-top: 0rem;
color:#000000;
font-size:11pt;
padding: 7rem 3rem 6rem 3rem;
}





a.content:link {text-decoration:underline; color:#cf9e3a; }
a.content:visited { text-decoration:none; color:#cf9e3a; }
a.content:hover { text-decoration:underline; color:#cf9e3a; }
a.content:active { text-decoration:none; color:#cf9e3a; }




table.rezepte {
width:680px;
  border: none;

}

td.text {
width:460px;

  }

td.bild {
width:220px;
}