html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
font-family: Arial;
font-color:#ffffff;
font-size:0.6em;}

form{
  /*border: 1px solid #ad8a50;*/
  top: 0px;
	margin-top: -3.5em;
  max-width: 230px;
  min-width:5%;
  height: 380px;
}

h1, h2, h3{        
font-family: 'Pinyon Script', cursive;
font-style:italic;
}

hr { 
    width: 4em;  
    color: #907346;
    background: #907346;
}

textarea {
       
	margin-left: -2.0em;
	caret-color: #907346;;  
	width: 17.9em;
	height: 6em;
	border: 1px solid #916d40;
	padding: 0.5em;
	font-family: Tahoma, sans-serif;
	font-style: italic;
	color: white;
        background: #111;
}
textarea:focus {
      background: #000;
}
input[rel="first"]{

	margin-left: -2.0em;
	caret-color: #907346;;  
	width: 22em;
	height: 2em;
	border: 1px solid #916d40;
	padding: 0.5em;
	font-family: Tahoma, sans-serif;
	font-style: italic;
	color: white;
        background: #111;
}
input.text:focus{
      background: #000;
}

#andiv{
width:300px;
text-align:left;}

img {
  max-width: 100%;
  min-width:5%;
  height: auto;
}

.myDiv {
    width: auto;
    height: 60;
    height:22px;
  /*  border: 1px solid #060638;*/
    background-color: black;
    opacity: .9; 
    /*  background-color:#060634;*/
}

#linkliste{
position: absolute;
top: 10.5%;
left: 10.5%;
width: 80%;
height: 70%;
z-index: 1;
background-color: black;
opacity: .9;
color:white;
font-size:3.1em;
overflow: auto;
}
#linkliste a:hover {
color:#907346;}

#titel{
font-family: 'Pinyon Script', cursive;
position: absolute;
top: 4px;
left: 0px;
width: 100%;
height: 30px;
z-index: 2;
background-color: none;
opacity: .6;
color:white;
font-size:25px;
text-decoration:none;
text-align:center;
text-shadow:3px 2px #2E2E2E;
word-spacing:10px;

}

#titel2{
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 38px;
z-index: 2;
background-color: black;
opacity: .6;
color:red;
font-size:25px;
text-decoration:none;
text-align:left;
text-shadow:3px 2px gold;
word-spacing:10px;

}


#hintergrund {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
background-repeat: no-repeat;
background-image:url("../images/studio/received_896148220721996.jpeg");
background-size: cover;

}

#intro{
position: absolute;
top: 8%;
left: 0%;
width: 100%;
height: 92%;
z-index: 1;
border:0px;
color:white;
font-size:2.6em;
overflow: auto;
} 
#introkontakt{
        display: flex;
        align-items: center;
        justify-content: center;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 95%;
	height: 489;
	z-index: 1;
	border:0px;
	color:white;
	font-size:2.6em;
	overflow: auto;
}

#nachruf{
position: absolute;
top: 8%;
right: 2.5%;
width: 95%;
height: 80%;
z-index: 1;
border:2px;
color:white;
font-size:3.6em;
overflow: auto;
}

iframe{
z-index: 1;
background-color: black;
opacity: .7;
border:none;
width: 90%;
height: 500px;

}

#content{
position: absolute;
padding:1em;

top: 10.5%;
left: 8.5%;
width: 80%;
height: 70%;
z-index: 1;
background-color: black;
opacity: .6;
color:white;
font-size:3.1em;
overflow: auto;
}

#impressum{
position: absolute;
text-align:left;
padding:1em;
top: 10.5%;
left: 8.5%;
width: 80%;
height: 70%;
z-index: 1;
background-color: black;
opacity: .6;
color:white;
font-size:3.1em;
overflow: auto;
}

#vorstell{
position: absolute;
text-align:left;
padding:1em;
top: 10.5%;
left: 8.5%;
width: 80%;
height: 70%;
z-index: 1;
background-color: black;
opacity: .6;
color:white;
font-size:3.1em;
overflow: auto;
}



a {
color:white;
}
a:visited {
color:white;
z-index: 2;
	font-size: 1.6em;
}
a:hover {
color:#907346;
z-index: 2;
}

#navibereich{
position: absolute;
height: 100%;
z-index: 2;
}
nav > ul {
position: absolute;
z-index: 3;
	top: 2px;
	padding: 0;
	font-size: 1.0em;
}

nav li {
	list-style: none;
	font-size: 1.0em;
	position: relative;
	margin: 0 0 .2em 0;
	padding: 0;
	width: 18em;
}

nav ul ul {
	position: absolute;
	top: -3em;
	left: 6em;
	font-size: 1.2em;
	font: 0/0 serif;
	/* Unternavigation ausblenden */
	
	z-index: -1;
	transition: font 0.5s;
}


nav ul li:hover ul,
nav ul a:focus ~ ul {
	font: inherit;
	z-index: auto;
	/*  Unternavigation einblenden */
}

@media (min-width: 200px) {
	nav li {
		font-size: 5.0em;
	}
}

nav a {
	display: block;
	padding: 0.4em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 1.6em;
	border: 1px solid black;
	/*  border-radius: 10px; */
	box-shadow: 0 5px 10px navi inset;
	color: white;
	background-color: black;
	transition: all .25s ease-in;
}

nav li[aria-current] a {
	background-color: #3B170B;
	color: white;
	font-size: 1.6em;
}

nav a:focus,
nav a:hover,
nav li[aria-current] a:focus,
nav li[aria-current] a:hover {
	color: black;
	background-color: #3B170B;
}

nav > ul {
position: absolute;
z-index: 3;
	top: 1px;
	padding: 2;
}

nav li {
	list-style: none;
	font-size: 1.6em;
	position: relative;
	margin: 0 0 .2em 0;
	padding: 0;
	width: 10em;
}