html, body {
	height: 100% ; }


body {
	padding: 0 ; 
	margin: 0 ; 
	background-attachment: fixed ; }


main {
	margin: 0 ; 
	padding: 0 ; 
	border: 1px solid transparent ; }

main h2 {
	font-size: 5vw ; 
	text-align: center ;
	color: white ; 
	text-shadow: 5px 5px 5px #000 ;
	line-height: 1 ; 
	margin-top: 5vw ;
	border: 0px solid black ; }


section {
	width: 30% ; 
	border: 1px solid black ; 
	font-style: normal ; 
	font-size: 18px ; }

section h3 {
	font-size: 3vw ; 
	color: white ; 
	margin-top: 1vw ; 
	line-height:  ; 
	text-shadow: 3px 3px 3px #000 ; }

h4 {
	position: fixed ; 	
	top: 0 ; 
	right: 0 ; 
	font-size: 3vw ; 
	line-height: 1 ; 
	color: white ; 
	margin: 12px ;  ; 
	text-shadow: 3px 3px 3px #000 ; }

h4 a {
	color: white ; 
	text-decoration: none ; }



section:nth-child(3) h3 {
	position: absolute ; 
	width: 100% ; 
	text-align: center ; }

section dl {
	font-size: 2vw ; }

section dl dt {
	font-style: italic ; 
	font-weight: bold ; }
	
section dl dt, section dl dd {
	margin-top: 0.5vw ; }

section dl dt {
	margin-top: 2vw ; }

section dl dd {
 	margin-top: 1vw ; }
 
dl {
	color: white ;  
	text-shadow: 3px 3px 3px #000 ; }



section {
	position: fixed ; 
	top: 15vw ; 
	width: calc(35vw - 20px) ; 
	height: calc(35vw - 20px) ; 
	padding: 0 ; 
	border: 20px dashed transparent ; 
	/* height: 60% ; */ 
	overflow-y: scroll ; 
	scrollbar-color: red ; 
	scrollbar-width: thick ; }

.scroll::-webkit-scrollbar {
-webkit-appearance: none ; 
width: 11px;
height: 11px ; }

.scroll::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 2px solid white; /* Angleichen mit Hintergrundfarbe-nicht transparent! */
background-color: rgba(0, 0, 0, .5) ; }

section:nth-child(3) {
	left: 13% ; 
	border-color: red ; 
	border-radius: 50% ; }

section:nth-child(4) {
	left: 53% ;  
	border: 5px dotted white /* #B6C0CA */ ; 
	padding-left: 1vw ; 
	background: rgba(128,128,128,0.5) ; 
	height: calc(35vw - 20px) ; }

audio {
	margin-top: calc(50% - 12px) ; 
	width: 100% ; }