/* Dateiname: layout.css */
.bio{ 
	text-align: center;
	width: 80%;
	margin-left: 10%;
	color: #000000;
	font-size: clamp(1em,2vw,30em);
	font-family: 'Courier New', Courier, monospace;
  
  }
  .drip{
	margin-top: 3%;
	margin-left: 4%;
	text-align: center;
	font-size: clamp(0.1em,1.3vw,4em);
	z-index: 10;
	color: white;
	letter-spacing: +3em;
	font-style: italic;
	font-family: sans-serif
  }
  
  .top{
	margin-top: -1.5%;
	z-index: 10;
	text-align: center;
	font-size: clamp(0.1em,13vw,90em);
	color: #FFFFFF;
	letter-spacing: -0.1em;
	font-family: airbus_specialitalic
	
  }
  
  .bild {
  margin-top: -20%;
  z-index: -10;
  position: relative;
  }

  .cover {
	margin-top: -25%;
	position: relative;
	}

  /*
  .spotify{
	background-color: rgb(0, 0, 0);
	width: 80%;
	margin-left: 10%;
	
  }
  */

  .fspotify{
	width: 15vw;
	height: 20vw;
	overflow: hidden;
	
  }

  .youtube{
	width: 80vw;
	height: 45vw;
	
  }

 .headline{
	font-size: clamp(0.1em,10vw,3em);
	color: rgb(#000000);
	font-family: sans-serif;
	font-style: normal;
	font-weight: bold;
	margin-bottom: -0.1em;
 } 

.character{

	margin-top: -15%;
	margin-bottom: -2em;
	/*scale: 50%;*/
}

.png{
	max-width: 60%;
	min-width: 40%;
}


body /* Internet Explorer */ 
{ 
text-align: center; 

} 

body /* Mozilla Firefox alignment */ 
{ 
text-align: -moz-center; 
} 

body {
	background: rgb(93,70,151);
	background: linear-gradient(180deg, rgba(93,70,151,1) 0%, rgba(255,255,255,1) 30%);
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
#apDiv1 div p {
	color: #666;
	font-size: 12px;
}
#apDiv2 {
	position:absolute;
	width:443px;
	height:35px;
	z-index:1;
	left: 484px;
	top: 769px;
	visibility: hidden;
}
#apDiv1 p {
	color: #FFF;
}
#apDiv1 pre {
	color: #808080;
}
#apDiv1 pre strong {
	font-family: Georgia, Times New Roman, Times, serif;
}
#apDiv1 pre {
	font-family: Arial, Helvetica, sans-serif;
}
.schrift {
	color: 93,70,151;
	font-family: sans-serif;
	font-size: calc(0.5em + 1vmin)
}

#apDiv3 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
	left: 930px;
	top: 9px;
}
#apDiv4 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
	left: 974px;
	top: 10px;
}
#apDiv4 {
	position:absolute;
	top:20px;
	left:70%;
	margin:0px auto;
}