body {
font-size: 18px;
font-family: 'Open Sans';
background: url(tile_bitdarker.jpg);
}

a {
text-decoration: none; 
font-weight: bold;
}

img {
border-radius: .3em;  
}

h4.headline {
font-family: 'IM Fell DW Pica', serif;
font-weight: bold;
font-size: 2.4em;
opacity: .3;
z-index: 0;
}



hr {
opacity: .3;
height: 6px;
margin-top: 4em; 
margin-bottom: 4em;
border: 0; height: 4px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

#borte {
background-image: url('borte.jpg');
background-repeat: repeat;
padding: .6em;
position: fixed;
top: 0px;
width: 100%;
z-index: 1;
}

#mainmenu {
position: fixed;
top: 1.2em;
width: 100%;
border-bottom: .4em ridge #8b6d6d;
-webkit-box-shadow: -3px 14px 45px 0px rgba(0,0,0,0.5);
-moz-box-shadow: -3px 14px 45px 0px rgba(0,0,0,0.5);
box-shadow: -3px 14px 45px 0px rgba(0,0,0,0.5);
z-index: 1;
}

#mainmenu ul {
display: flex;
list-style-type: none;
padding-right: 2em;
padding-top: 1em;
padding-bottom: 1em;
background-image: url('tile_brighter.jpg'); 
margin: 0 auto; 


}

#mainmenu ul li:first-child {
padding-left: 300px;
}

#mainmenu ul li a {
font-size: .9em;
font-weight: bold;
color: #8b6d6d;
margin-right: 1.5em;
}

#mainmenu ul li a:hover {
font-size: .9em;
font-weight: bold;
color: white;
text-shadow: 0px 0px 11px rgba(100, 100, 100, 50);
}

#birds {
opacity: .05;
position: absolute;
top: 90px;
left: 0px;
z-index:-1;
}


#birds_bottom {
position: relative;
width: 0px;
height: 0px;
top: -20em;
left: -6em;  
opacity: .05;
margin-bottom: -100px;
z-index:0;
}


#fototable img {
position: fixed;
top: -40px;
left:-30px;
width: 300px;
margin:1em;
border: .5em solid lightgrey;
transform: rotate(-2deg);
-webkit-box-shadow: -3px 14px 45px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -3px 14px 45px 0px rgba(0,0,0,0.75);
box-shadow: -3px 14px 45px 0px rgba(0,0,0,0.75);
z-index: 99;
}

#contentwrapper {
display: flex; 
margin-bottom: 3em;
justify-content: flex-start;
}

#contentwrapper a:link {color:#8c6d6d}
#contentwrapper a:visited {color: #8c6d6d}
#contentwrapper a:hover {color: #e0b1b1}
#contentwrapper a:active {color: #8c6d6d} 

#footer {
flex-grow: 1;
flex-shrink: 1;
margin-left: 0em;
margin-right: 2em;
padding-left: 1em;
flex: 0 0 200px;
border-radius: 2em;
}

#contenttable {
flex-grow: 1;
flex-shrink: 1;
background-image: url('tile_bitbrighter.jpg');
margin-top: 50px; 
margin-right: 1em;
margin-left: 1em;
padding-left: 5em;
padding-right: 3em;
padding-bottom: 3em;
border-radius: 1em;
}

#name {
position: fixed;
top: 148px;
color: lightgrey;
font-family: 'IM Fell DW Pica', serif;
font-weight: bold;
font-size: 3em;
transform: rotate(-2deg);
text-shadow: 0px 0px 11px rgba(0, 0, 0, 1);
z-index: 100;
}

#claim {
text-align: left;
color: black;
opacity: .6;
font-size: .7em;
font-weight: bold;
transform: rotate(-2deg);
margin-top: 190px;
margin-left: 1em;
margin-bottom: 17em;
z-index: 1;
}

#kontaktdaten {
position: absolute;
bottom: 8em;
font-size: .8em;
z-index: 2;
}


#weblink{
position: absolute;
bottom: 1em;
font-size: .8em; 
z-index: 2;
}

#weblink img {
width: 230px;  
}

#partner {
position: absolute;
bottom: -7em;
font-size: .8em;
z-index: 2;
}


#saalepixel {
position: absolute;
bottom: -14em;
font-size: .7em;
z-index: 2;
}


#content_over {
z-index: 100;  
}

#contenttable p img {
width: 20em;
border: .5em double lightgrey;
float: left;
margin-right: 2em;
margin-bottom: 1.5em;
}

#contenttable iframe {
border: .5em double lightgrey;
float: left;
margin-right: 2em;
margin-bottom: 1.5em;
}

input {
font-family: 'Open Sans';
width: 100%;
font-size: 1em; 
padding: .3em;
}

input.eingabefeld_cd {
width: 10%;    
}

textarea {
font-family: 'Open Sans';
width: 100%;
font-size: 1em; 
padding: .3em;
 
}