* {
	margin:0px;
	padding:0px;
	box-sizing: border-box;
}
/*-------------------------Font einbinden----------------------*/
@font-face {
		font-family: Regular;
		src:url('../fonts/Amble-Regular.ttf');
}
@font-face {
		font-family: Bold;
		src:url('../fonts/Amble-Bold.ttf');
}
@font-face {
		font-family: light;
		src:url('../fonts/Amble-Light.ttf');
}	
h1 {
	font-family:Bold;
}
p {
	font-family:light;
}
/*------------------------Balken oben------------------------*/
header {
	position:relative;
}
.logo{	
	position:sticky;
	top:0px;
	width:100vw;
	background-color:black;
	height:10vh;
	display:flex;
	justify-content: space-between;
	align-items:center;
	box-shadow:0 2px 8px 2px rgba(30,30,30,0.9);
	z-index:900;
}
.logo figure {
	width:35vw;
	height:auto;
	position:relative;
	left:4vw;	
	top:1.5vh;
}
.logo img {
	max-width:100%;
	height:auto;
}
/*----------------------Formatierung Mainnav-----------------*/
.mainnav .mainul {
	width:100vw;
	list-style:none;
	display:flex;
	flex-direction:column;
	position:absolute;
	top:10vh;
	right:0px;
	text-align:center;
	line-height:70px;
}
.mainnav .mainul li {
	flex:1;
}
.mainnav .mainul li a {
	display:block;
	text-decoration:none;
	font-family: Regular;
	padding:0.75rem;
	font-size:1.5rem;
}
.mainnav .mainul li a:link, .mainnav .mainul li a:visited  {
	background-color:rgb(200,200,200);
	color:black;
	border-bottom:1px solid rgb(150,150,150);
}
.mainnav .mainul li a:hover, .mainnav .mainul li a:focus, .mainnav .mainul li a.current {
	background-color:rgb(255,255,255);
	color:black;
}
/*------------------Burgermenü und Nav-Slide-in---------------*/
	#topnav {
		display:none;
		animation-name:zwei;
		animation-duration:0.5s;
		animation-iteration-count:1;		
}
	@keyframes zwei {
	from {opacity:0;}
	to {opacity:1;}
}
	#check {
		height:100%;
}
	#checkbox-toggle {
		display:none;
}
/*-----------checkbox toggle um Nav ein und auszuschalten--------*/
	label[for="checkbox-toggle"] {
		position:absolute;
		top:0px;
		right:0px;
		cursor:pointer;			/* zeigt die Hand */
		width:14vw;	
}	
	label[for="checkbox-toggle"] img {
		display:block;
		max-width:100%;
		height:70%;
		position:relative;
		right:20px;
		top:12px;
}
/*--------------------ist die checkbox eingeschaltet?-------------- */
	input[type="checkbox"]:checked~#topnav {
		display:block;
	}
/*-------------------------------HOME------------------------------*/
/*-----------------------------Bild oben---------------------------*/
.topic {
	width:100vw;
	height:90vh;
	Display:flex;
	align-items:flex-end;
	background-image: url("../img/1dkm98blue.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;	
	background-attachment: fixed;
	animation-name:eins;
	transform:translate(0px,0px);
	transition:1s;
	animation-duration:2s;
	animation-iteration-count:1;
}
@keyframes eins {
	from 	{opacity:0;}
	to		{opacity:1;}
}
.slogandiv {
	width:100%;
	height:25vh;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	background-color: black;
	color:white;
	animation-name:drei;
	transform:translate(0px,0px);
	transition:2s;
}
.slogandiv h1 {
	font-family:Regular;
	font-size:5vw;
	text-align:center;
}
.slogandiv p {
	font-family:light;
	font-size:4vw;
}
.slogandiv i {
	color:white;
	font-size:2rem;
}
/*-------------------------ASIDE BILD LINKS---------------------*/
.dkmwarum {
	width:100vw;
	height:300px;
	position:relative;
	background-image:url("../img/dkm2007green.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	z-index:50;
}
.dkmwarum div {
	width:100vw;
	height:17vh;
	position:absolute;
	top:195px;
	background-color:rgba(0,0,0,0.5);
}
.dkmwarum .warumdiv h1 {
	font-family:Regular;
	color:white;
	font-size:1.3rem;
	padding-left:40px;
	padding-top:15px;
}
/*--------------------SECTION TEXTBEREICH (RECHTS)-------------------*/
.dkmdarum {
	width:100%;
	background-color:rgb(255,255,255);
}
.dkmdarum > p {
	font-size:1rem;
	width:100%;
	padding:40px;
	line-height:30px;
}
/*-------------------------------MUSIK------------------------------*/
/*---------------------------MAINCONTAINER--------------------------*/
.maincontainer {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction: column;
}
/*-----------------------------Bild oben---------------------------*/
.musiktop {
	display:flex;
	justify-content:center;
	align-items:flex-end;
	width:100%;
	height:10vh;
	position:relative;
	background-color:rgb(220,220,220);
	animation-duration:1s;
	animation-direction:normal;
	animation-iteration-count:1;
	animation-name:musiktop;
}				
@keyframes musiktop {
	0% 	{ top:0px; left:-500px; opacity:0;}
	100%{ top:0px; left:0px; opacity:1;}
}
.musiktop h1 {
	font-size:12vw;
	color:white;
}
/*---------------------------Section Patina--------------------------*/
.patina {
	background-color:white;
	width:100vw;
}
.pataside {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.pataside h1 {
	padding-top:25px;
	padding-bottom:10px;
	width:80%;
	animation-duration:3s;
	animation-direction:normal;
	animation-iteration-count:1;
	animation-name:patimg;
}					
@keyframes patimg {
	0% 	{opacity:0;}
	100%{opacity:1;}
}
.pataside img  {
	width:80%;
	max-width:100%;
	box-shadow:0 2px 6px 1px rgba(30,30,30,0.9);
	animation-duration:3.5s;
	animation-direction:normal;
	animation-iteration-count:1;
	animation-name:patimg;
}				
@keyframes patimg {
	0% 	{opacity:0;}
	100%{opacity:1;}
}
.patplay {
	width:100%;
	padding-top:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.patplay audio {
	margin-top:5px;
	width:80%;
}
.patplay a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width: 80%;
	height:55px;
	border-radius: 26px;
	margin-top:30px;
	margin-bottom:20px;
	padding:10px;
	background-color: hsl(24, 100%, 50%);
	text-decoration:none;
}
.patplay i {
	color:white;
	font-size:2rem;
	padding-left:20px;
}
.patplay .sc_txt {
	color:white;
	padding-left:10px;
	margin-bottom:0px;
	line-height:15px;
}
.patplay .patdown {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:80%;
	height:55px;
	border-radius: 26px;
	margin-top:10px;
	margin-bottom:25px;
	padding:10px;
	background-color: black;
	text-decoration:none;
}
.patplay p {
	width:80%;
	margin-bottom:20px;
}
/*---------------------------Zwischenpix 1--------------------------*/
.zwischepix1 {
	width:100vw;
	height:30vh;
	background-image:url("../img/zwischepix1.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;	
	background-attachment:fixed;	
}
/*---------------------------Section Freigeist--------------------------*/
.freigeist {
	background-color:white;
	width:100vw;
}
.freiaside {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.freiaside h1 {
	color:black;
	padding-top:25px;
	padding-bottom:10px;
	width:80%;
}
.freiaside img  {
	width:80%;
	max-width:100%;
	box-shadow:0 2px 6px 1px rgba(30,30,30,0.9);
}
.freiplay {
	width:100%;
	padding-top:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.freiplay h3 {
	color:black;
}
.freiplay audio {
	margin-top:5px;
	width:80%;
}
.freiplay a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width: 80%;
	height:55px;
	border-radius: 26px;
	margin-top:30px;
	margin-bottom:20px;
	padding:10px;
	background-color: hsl(24, 100%, 50%);
	text-decoration:none;
}
.freiplay i {
	color:white;
	font-size:2rem;
	padding-left:20px;
}
.freiplay .sc_txt {
	color:white;
	padding-left:10px;
	margin-bottom:0px;
	line-height:15px;
}
.freiplay .freidown {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width: 80%;
	height:55px;
	border-radius: 26px;
	margin-top:10px;
	margin-bottom:25px;
	padding:10px;
	background-color: black;
	text-decoration:none;
}
.freiplay p {
	width:80%;
	color:black;
	margin-bottom:20px;
}
/*---------------------------Zwischenpix 2--------------------------*/
.zwischepix2 {
	width:100vw;
	height:30vh;
	background-image:url("../img/zwischepix2.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;	
	background-attachment:fixed;	
}
/*---------------------------Section Mahnung--------------------------*/
.mahnung {
	background-color:white;
	width:100vw;
}
.mahnaside {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.mahnaside h1 {
	color:black;
	padding-top:25px;
	padding-bottom:10px;
	width:80%;
}
.mahnaside img  {
	width:80%;
	max-width:100%;
	box-shadow:0 2px 6px 1px rgba(30,30,30,0.9);
}
.mahnplay {
	width:100%;
	padding-top:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.mahnplay h3 {
	color:black;
}
.mahnplay audio {
	margin-top:5px;
	width:80%;
}
.mahnplay a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width: 80%;
	height:55px;
	border-radius: 26px;
	margin-top:30px;
	margin-bottom:20px;
	padding:10px;
	background-color: hsl(24, 100%, 50%);
	text-decoration:none;
}
.mahnplay .sc_txt {
	color:white;
	padding-left:10px;
	line-height:15px;
}
.mahnplay i {
	color:white;
	font-size:2rem;
	padding-left:20px;
}
.mahnplay .sc_txt {
	color:white;
	padding-left:10px;
	margin-bottom:0px;
}
.mahnplay .mahndown {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width: 80%;
	height:55px;
	border-radius: 26px;
	margin-top:10px;
	margin-bottom:25px;
	padding:10px;
	background-color: black;
	text-decoration:none;
}
.mahnplay p {
	width:80%;
	color:black;
	margin-bottom:20px;
}
/*---------------------------Zwischenpix 3--------------------------*/
.zwischepix3 {
	width:100vw;
	height:30vh;
	background-image:url("../img/zwischepix3.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:0% 50%;	
	background-attachment:fixed;	
}
/*---------------------------Section Oldstuff--------------------------*/
.oldstuff {
	background-color:white;
	width:100vw;
}
.oldaside {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.oldaside h1 {
	color:black;
	padding-top:25px;
	padding-bottom:10px;
	width:80%;
}
.oldaside img  {
	width:80%;
	max-width:100%;
	box-shadow:0 2px 6px 1px rgba(30,30,30,0.9);
}
.oldplay {
	padding-top:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.oldplay h3 {
	color:black;
}
.oldplay audio {
	margin-top:5px;
	width:80%;
}
.oldplay a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width: 80%;
	height:55px;
	border-radius: 26px;
	margin-top:30px;
	margin-bottom:20px;
	padding:10px;
	background-color: hsl(24, 100%, 50%);
	text-decoration:none;
}
.oldplay i {
	color:white;
	font-size:2rem;
	padding-left:20px;
}
.oldplay .sc_txt {
	color:white;
	padding-left:10px;
	margin-bottom:0px;
	line-height:15px;
}
.oldplay .olddown {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width: 80%;
	height:55px;
	border-radius: 26px;
	margin-top:10px;
	margin-bottom:25px;
	padding:10px;
	background-color: black;
	text-decoration:none;
}
.oldplay p {
	width:80%;
	color:black;
	margin-bottom:20px;
}
/*---------------------------Zwischenpix 4--------------------------*/
.zwischepix4 {
	width:100vw;
	height:30vh;
	position:relative;
	background-image:url("../img/zwischepix4.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;	
	background-attachment:fixed;	
}
.zwischepix4 > h1 {
	color:rgba(255,255,255,0.8);
	font-size:9vw;	
	position:absolute;
	top:60%;
	left:10%;
}
/*---------------------------Section FUNKABUFF--------------------------*/
.funkabuff {
	background-color:black;
	width:100vw;
}
.funkaside {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.funkaside h1 {
	color:white;
	padding-top:25px;
	padding-bottom:10px;
	width:80%;
}
.funkaside img  {
	width:80%;
	max-width:100%;
	box-shadow:0 2px 6px 1px rgba(30,30,30,0.9);
}
.funkplay {
	background-color:black;
	width:100%;
	padding-top:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.funkplay h3 {
	color:white;
	font-size:90%;
}
.funkplay audio {
	margin-top:5px;
	width:80%;
}
.funkplay a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width: 80%;
	height:55px;
	border-radius: 26px;
	margin-top:10px;
	margin-bottom:20px;
	padding:10px;
	background-color: hsl(24, 100%, 50%);
	text-decoration:none;
}
.funkplay .sc_txt {
	color:white;
	padding-left:10px;
	line-height:15px;
	margin-bottom:0px;
}
.funkplay i {
	color:white;
	font-size:2rem;
	padding-left:20px;
}
	.funkplay .funkdown {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width: 80%;
	height:55px;
	border-radius: 26px;
	margin-top:30px;
	margin-bottom:20px;
	padding:10px;
	background-color:rgb(100,100,100);
	text-decoration:none;
}
.funkplay .funkband {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width: 80%;
	height:55px;
	border-radius: 26px;
	margin-top:10px;
	margin-bottom:20px;
	padding:10px;
	background-color:rgb(29,160,195);
	text-decoration:none;
}
.funkplay p {
	width:80%;
	color:white;
	margin-bottom:20px;
}
/*-------------------------------VIDEOS------------------------------*/
/*---------------------------Section Ich bin weg--------------------------*/
.weg {
	width:100%;
	padding-top:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.weg .wegaside h1 {
	display:flex;
	justify-content:center;
	margin-bottom:10px;
	margin-top:10px;
	font-size:1.5rem;
}
.weg .wegaside iframe {
	width:100vw;
	height:40vh;
}
.weg .wegtext {
	width:80%;
	margin:20px;
}
/*---------------------------Zwischevid 1--------------------------*/
.zwischevid1, .zwischevid2, .zwischevid3, .zwischevid4 {
	width:100vw;
	height:40vh;
	background-image:url("../img/Siegauen01a.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;	
	background-attachment:fixed;	
}
/*---------------------------Section Bilderbuch--------------------------*/
.bilderbuch {
	width:100%;
	padding-top:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.bilderbuch .bildaside h1 {
	display:flex;
	justify-content:center;
	margin-bottom:10px;
	font-size:1.5rem;
}
.bilderbuch .bildaside iframe {
	width:100vw;
	height:40vh;
}
.bilderbuch .bildtext {
	width:80%;
	margin:20px;
}
/*---------------------------Zwischevid 2--------------------------*/
.zwischevid2 {
	background-image:url("../img/bbuch2a.jpg");
}
/*---------------------------Section Flopjobs--------------------------*/
.flopjobs {
	width:100%;
	padding-top:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.flopjobs .flopaside h1 {
	display:flex;
	justify-content:center;
	margin-bottom:10px;
	font-size:1.5rem;
}
.flopjobs .flopaside iframe {
	width:100vw;
	height:40vh;
}
.flopjobs .floptext {
	width:80%;
	margin:20px;
}
/*---------------------------Zwischevid 3--------------------------*/
.zwischevid3 {
	background-image:url("../img/flop1a.jpg");
}
/*---------------------------Section Frontbericht-------------------*/
.frontbericht {
	width:100%;
	padding-top:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.frontbericht .frontaside h1 {
	display:flex;
	justify-content:center;
	margin-bottom:10px;
	font-size:1.5rem;
}
.frontbericht .frontaside iframe {
	width:100vw;
	height:40vh;
}
.frontbericht .frontext {
	width:80%;
	margin:20px;
}
/*---------------------------Zwischevid 4--------------------------*/
.zwischevid4 {
	background-image:url("../img/front1a.jpg");
	background-position:center right;	
}
/*-----------------------------BIOGRAFIE---------------------------*/
.bio {
	width:100%;
	padding-top:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.bio .biotext1 {
	width:80%;
	margin-bottom:20px;
}
.zwischebio1, .zwischebio2, .zwischebio3, .zwischebio4, .zwischebio5, .zwischebio6, .zwischebio7, .zwischebio8, .zwischebio9, .zwischebio10, .zwischebio11, .zwischebio12, .zwischebio13  {
	display:flex;
	justify-content:center;
	align-items:flex-end;
	width:100vw;
	height:40vh;
	color:rgba(255,255,255,0.8);
	font-size:6rem;
	background-image:url("../img/1984.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;	
	background-attachment:fixed;	
}
.zwischebio2 {
	background-image:url("../img/1989.jpg");
	background-position:center right;		
}
.zwischebio3 {
	background-image:url("../img/nohschool.jpg");
	background-position:center top;	
}
.zwischebio4 {
	font-size:3rem;
	background-image:url("../img/90er1.jpg");
	text-align:center;
	line-height:4rem;
}
.zwischebio5 {
	background-image:url("../img/dkm98.jpg");
	background-position:center top;	
}
.zwischebio6 {
	background-image:url("../img/2001.jpg");
	background-position:center right;	
}
.zwischebio7 {
	background-image:url("../img/2004.jpg");
	background-position:center left;	
}
.zwischebio8 {
	background-image:url("../img/dkmuschis.jpg");
}
.zwischebio9 {
	font-size:2.7rem;
	background-image:url("../img/fukabhertha.jpg");
}
.zwischebio10 {
	color:hsla(200, 60%,50%,0.8);
	background-image:url("../img/dkmfrei.jpg");
}
.zwischebio11 {
	font-size:2.7rem;
	background-image:url("../img/hansaton.jpg");
}
.zwischebio12 {
	background-image:url("../img/coverFukab2.jpg");
}
.zwischebio13 {
	background-image:url("../img/dkmPatina.jpg");
}
/*-------------------------------FOOTER-----------------------------*/
.footnav{
	display:block;
}
.footnav .footul {
	width:100vw;
	height:100px;
	list-style:none;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	line-height:30px;
}
.footnav .footul li {
	flex:1;
}
.footnav .footul li a {
	display:block;
	text-decoration:none;
	font-family: Regular;
	height:100px;
	padding:0.75rem;
	font-size:1rem;
	border-right:1px solid white;
	border-bottom:1px solid white;
}
.footnav .footul li a:link, .footnav .footul li a:visited  {
	background-color:black;
	color:white;
}
.footnav .footul li a:hover, .footnav .footul li a:focus, .footnav .footul li a.current {
	background-color:white;
	color:black;
}
.socials {
	width:100vw;
	height:70px;
	background-color:black;
	display:flex;
	justify-content:center;
	align-items:center;
}
.socials a:link, .socials a:visited {
	color:white;
	margin:20px;
	font-size:2rem;
}
.socials a:hover, .socials a:focus {
	color:rgb(150,150,150);
	margin:20px;
	font-size:2rem;
}
.impress {
	width:100vw;
	height:60px;
	background-color:rgb(70,70,70);
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.impress p {
	color:white;
	font-size:0.8rem;
}
.impress a {
	color:white;
	font-family:Regular;
	font-size:0.8rem;
}
.impressite {
	width:100%;
	padding-top:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.impresitetext {
	width:80%;
	margin-bottom:20px;
	margin-top:40px;
}
/*-----------------------HOME Mediaqueries ab 600px------------------*/
@media (min-width:600px) {	

	label[for="checkbox-toggle"] img {
		right:1px;
		top:10px;
}
.logo{	
	height:15vh;
}
.logo figure {
	width:20vw;
}
.mainnav .mainul {
	top:15vh;
	line-height:45px;
}
.topic {
	height:85vh;
}
.slogandiv {
	height:35%;
}
.slogandiv h1 {
	font-size:3.5vw;
}
.slogandiv p {
	font-size:2.5vw;
}
.dkmwarum div {
	width:100vw;
	height:70px;
	background-color:rgba(0,0,0,0.5);
}
.dkmwarum .warumdiv h1 {
	font-family:Regular;
	color:white;
	font-size:1.8rem;
	padding-left:40px;
	padding-top:15px;
}
/*-----------------------MUSIK - Mediaqueries ab 600px------------------*/
.musiktop {
	height:18vh;
}
.musiktop h1 {
	font-size:8vw;
	color:white;
}
.patina {					/*--------------PATINA----------------------*/
	display:flex;
}
.pataside {
	flex:1;
	display:block;
	padding-left:30px;
}
.patplay {
	flex:1;
}
.pataside h1 {
	width:90%;
}
.pataside img  {
	width:90%;
	max-width:100%;
	box-shadow:0 2px 6px 1px rgba(30,30,30,0.9);
}
.freigeist {					/*--------------Freigeist----------------------*/
	display:flex;
}
.freiaside {
	flex:1;
	display:block;
	padding-left:30px;
}
.freiplay {
	flex:1;
}
.freiaside h1 {
	width:90%;
}
.freiaside img  {
	width:90%;
	max-width:100%;
	box-shadow:0 2px 6px 1px rgba(30,30,30,0.9);
}
.mahnung {					/*--------------Mahnung----------------------*/
	display:flex;
}
.mahnaside {
	flex:1;
	display:block;
	padding-left:30px;
}
.mahnplay {
	flex:1;
}
.mahnaside h1 {
	width:90%;
}
.mahnaside img  {
	width:90%;
	max-width:100%;
	box-shadow:0 2px 6px 1px rgba(30,30,30,0.9);
}
.oldstuff {					/*--------------Oldstuff----------------------*/
	display:flex;
}
.oldaside {
	flex:1;
	display:block;
	padding-left:30px;
}
.oldplay {
	flex:1;
}
.oldaside h1 {
	width:90%;
}
.oldaside img  {
	width:90%;
	max-width:100%;
	box-shadow:0 2px 6px 1px rgba(30,30,30,0.9);
}
.funkabuff {					/*--------------Funkabuff----------------------*/
	display:flex;
}
.funkaside {
	flex:1;
	display:block;
	padding-left:30px;
}
.funkplay {
	flex:1;
}
.funkaside h1 {
	width:90%;
}
.funkaside img  {
	width:90%;
	max-width:100%;
	box-shadow:0 2px 6px 1px rgba(30,30,30,0.9);
}
}
/*-----------------------Mediaqueries ab 760px------------------*/
@media (min-width:760px) {	
	label[for="checkbox-toggle"] img {
		display:block;
		right:5px;
		top:15px;
}
	#topnav {
		display:none;
		opacity:1;
}
.logo{	
	height:10vh;
}
.logo figure {
	width:30vw;
	top:1vh;
}
.mainnav .mainul {
	top:10vh;
	line-height:12vh;
}
.topic {
	height:90vh;
}
.slogandiv {
	height:30%;
}
.slogan h1 {
	font-size:3.5vw;
}
.slogan p {
	font-size:3vw;
	margin-top:20px;
}
	.warum{
	display:flex;
}
	.dkmwarum {
	flex:1;
	height:200vh;
	background-image:url("../img/dkm2009.jpg");
	background-repeat: no-repeat;
	background-size:80%;
	background-attachment:fixed;
	background-position:-70px 0px;
}
	.dkmwarum .warumdiv {
	left:60px;
	top: 40px;
	width:67vw;
	height:6.8vw;
	background-color:rgba(0,0,0,0.5);
}
	.dkmwarum .warumdiv h1 {
	font-size:3.2vw;
	padding:2%;
}
	.dkmdarum{
	flex:2;
	margin-top:10%;
	padding-left:40px;
	padding-right:40px;
}
	.dkmdarum p {
	padding:60px;
}
/*--------------------SECTION TEXTBEREICH (RECHTS)-------------------*/
.dkmdarum {
	flex:2;
}
.dkmdarum > p {
	font-size:1.2rem;
	width:80%;
	padding:40px;
	line-height:30px;
}
/*-----------------------MUSIK Mediaqueries ab 760px------------------*/
.musiktop {
	display:flex;
	justify-content:center;
	align-items:flex-end;
	height:12vh;
}
.musiktop h1 {
	font-size:12vw;
	color:white;
	line-height:50%;
}
}
/*-----------------------VIDEO - Mediaqueries ab 600px------------------*/
@media (min-width:600px) and (max-width:759px) {	
.weg .wegaside iframe {
	height:100vh;
}
.bilderbuch .bildaside iframe {
	height:100vh;
}
.flopjobs .flopaside iframe {
	height:100vh;
}
.frontbericht .frontaside iframe {
	height:100vh;
}
}
/*-----------------------Mediaqueries ab 1000px------------------*/
@media (min-width:1000px) {	
	label[for="checkbox-toggle"] img {
		display:none;
}
	#topnav {
		display:block;
}
.mainnav{
	position:absolute;
}
.mainnav .mainul {
	width:100%;
	list-style:none;
	display:flex;
	justify-content:center;
	flex-direction:row;
	position:relative;
	top:0px;
	left:52vw;
	text-align:center;
	line-height:7vh;
}
.mainnav .mainul li {
	width: 12vw;
	height:10vh;
}	
.mainnav .mainul li a:link, .mainnav .mainul li a:visited  {
	background-color:black;
	color:white;
	font-size:1.5rem;
	border-bottom:none;
	border-left:1px solid rgb(70,70,70);
}	
.mainnav .mainul li a:hover, .mainnav .mainul li a:focus, .mainnav .mainul li a.current {
	background-color:white;
	color:black;
	transform:translate(0px,10px);
	transition:0.3s;
}
.logo figure {
	width:15vw;
	position:relative;
	left:4vw;	
}
.slogandiv {
	width:100vw;
	background-color: black;
	box-shadow:0 2px 6px rgba(30,30,30,0.9);
	height:35vh;
	color:white;
	z-index:100;
}
.slogan p {
	font-size:2.7vw;
	margin-top:0px;
}

.dkmwarum {
	background-image:url("../img/dkm2009.jpg");
	background-position:-90px 30px;
	background-size:60%;
	height:160vh;
}

.dkmdarum > p {
	font-size: 1.3rem;
}
.footnav{
	display:none;
}

.impress {
	justify-content:center;
	flex-direction:row;
}
.impress p {
	font-size:1rem;
	margin:10px;
}
.impress a {
	font-size:1rem;
	margin:10px;
}
/*-----------------------MUSIK Mediaqueries ab 1000px------------------*/
.musiktop {
	display:flex;
	justify-content:center;
	align-items:flex-end;
	height:20vh;
}
.musiktop h1 {
	font-size:11vw;
	line-height:50%;
	color:white;
}
.patina, .freigeist, .mahnung, .oldstuff, .funkabuff{
	width:60%;
}
.zwischepix1, .zwischepix2 {
	height:50vh;
	background-position:center top;	
}
.zwischepix3 {
	height:50vh;
	background-position:0px -250px;	
}
.zwischepix4 {
	height:50vh;
	background-position:0px -60px;	
}
.footnav{
	display:none;
}
/*-----------------------VIDEO Mediaqueries ab 1000px------------------*/
.weg, .bilderbuch, .flopjobs, .frontbericht {
	width:60%;
} 
.weg .wegaside iframe {
	width:60vw;
	height:50vh;
}
.weg .wegtext, .bilderbuch .bildtext, .flopjobs .floptext, .frontbericht .frontext {
	width:80%;
	margin:20px;
	font-size: 1.3rem;
}
.bilderbuch .bildaside iframe, .flopjobs .flopaside iframe, .frontbericht .frontaside iframe {
	width:60vw;
	height:60vh;
}
/*-----------------------BIO Mediaqueries ab 1000px------------------*/
.bio {
	width:60%;
}
.biotext1 {
	padding-top:50px;
	padding-bottom:50px;
}
.biotext1 > p {
	font-size: 1.3rem;
}
.zwischebio1, .zwischebio2, .zwischebio3, .zwischebio4, .zwischebio5, .zwischebio6, .zwischebio7, .zwischebio8, .zwischebio9, .zwischebio10, .zwischebio11, .zwischebio12, .zwischebio13 {
	height:60vh;
}
.zwischebio1{
	margin-top:5px;
	background-position: 40% 50%;
}
.zwischebio4 {
	font-size:5rem;
	background-image:url("../img/90er1.jpg");
	text-align:center;
	line-height:7rem;
}
.zwischebio9 {
	font-size:5rem;
}
.zwischebio11 {
	font-size:5rem;
}
.impresitetext {
	width:70%;
}
}