*, html, body { margin: 0; padding: 0; }
	
	body {
		background-color: #070707;
		color: #eee;
		font-family: "proxima-nova", "Proxima Nova";
		text-size-adjust: none;
		-webkit-text-size-adjust: none;
		background: url(../pics/layout2/background.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	a, a img {
		border: 0;
	}
	
	.menue {
		font-family: "octin-college" !important;
	}
		
	.menue a:hover {
		color: #e9d84a;
		transition-duration: .7s;
	}
	
	#menue a {
		text-transform: uppercase;
		letter-spacing: 0px;
	}
	
	.menue img {
		float: right;
	}
	
	
	.logos img {
		margin-right: 0px;
		margin-left: 10px;
		float: left;
		opacity: 0.7;
	}
	
	.logos img:hover {
		opacity: 0.9;
	}
	
	.logos a {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.aktion {
		float: right;
		text-transform: uppercase;
		font-weight: 600;
	}
	
	.rot {
		background-color: red;
	}
	
	.schwarz {
		color: #e9d84a;
		background-color: #111;
	}
	
	
@media (min-width: 921px) {
	.logos {
		float: right;
		height: 16px;
		width: auto;
		margin-top: 2px;
	}

	.menue {
		position: absolute;
		margin-top: 19px;
		left: 50%;
		padding-left:10px;
	}

	#container1 {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		z-index: 10;
	}
	
	#container2 {
		position: absolute;
		min-height: 100%;
		left: 50%;
		padding-bottom: 50px;
		z-index: 10;
	}
	
	.thema {
		padding-top: 60px;
	}

	.quadrat, .quadrat2, .rechteck, .rechteckdoku, .foto, .haftungsausschuss, .datenschutz {
		background-color: #191919;
		display: inline-block;
		float: left;
	}
	
	#menue {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 60px;
		z-index: 10;
		background: url(../pics/layout2/menuebackground.png) repeat;
		display: none;
		z-index: 20;
	}

	#menue2 {
		position: fixed;
		top: 20px;
		right: 30px;
		height: 30px;
		z-index: 11;
		cursor: pointer;
		z-index: 20;
	}
	
	#menue2 img {
		width: 24px;
	}

	
	#menueclose {
		display: none;
	}
	
	#starter {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: url(../pics/layout2/dfp.png) no-repeat center center fixed;
		-moz-background-size: cover;
		background-size: cover;
		z-index: 2;
	}

	#starter2 {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		/*background: url(../pics/layout2/dfp.png) no-repeat center center fixed;*/
		-moz-background-size: cover;
		background-size: cover;
		z-index: 1;
		opacity: 0;
		background-color: #000;
	}
	
	#starter3 {
		position: fixed;
		height: 7%;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
		opacity: 1.0;
		text-align: center;
	}
	
	#menue3 {
		cursor: pointer;
	}
	
	#Merch .quadrat:hover {
		background-position-y: bottom;
		transition-duration: .3s;
	}

	.show:hover, .kontakt:hover {
		transform:scale(1.1);
		transition-duration: .2s;
	}
	
	.fb1, .fb3 {
		display: none;
	}

	.show1, .show10 { background-image: url(../pics/live/live1.jpg); }
	.show2, .show7 { background-image: url(../pics/live/live2.jpg); }
	.show3, .show8 { background-image: url(../pics/live/live5.jpg); }
	.show4, .show9 { background-image: url(../pics/live/live3.jpg); }
	.show5, .show11 { background-image: url(../pics/live/live4.jpg); }
	.show6, .show12 { background-image: url(../pics/live/live6.jpg); }
	
	.kontakt1 { background-image: url(../pics/kontakt/kontakt3.jpg); }
	.kontakt2 { background-image: url(../pics/kontakt/kontakt1.jpg); }
	.kontakt3 { background-image: url(../pics/kontakt/kontakt2.jpg); }
	.kontakt4 { background-image: url(../pics/kontakt/kontakt4.jpg); }
	.impressum { background-image: url(../pics/kontakt/kontakt4.jpg); }
	
	/*#Start img {
		width: 100%;
		text-align: center;
		margin-top: 50px;
		margin-bottom: 30px;
	}*/


	.Timeline {
		background: url(../pics/layout2/timeline.png) repeat-y center top;
		width: 100%;
		padding-top: 5px;
	}
	.TimelineLinks { float: left; margin-left: 16px; position: relative; margin-top: -30px; }
	.TimelineRechts { float: right; margin-right: 16px; position: relative; margin-top: -30px; }
	
	.TimelineLinks img, .TimelineRechts img {
		width: 100%;
		margin-bottom: 2%;
		margin-top: 5px;
	}
	
	.TimelineFoto2 { margin-top: 40px !important; }
	
	.TimelineJahr {
		height: 30px;
		color: black;
		text-align: center;
		margin-left: 0px;
		margin-top: 30px;
		clear: both;
	}
	
	.TimelineJahr p {
		padding: 0px;
		display: inline-block;
		font-family:  "octin-college";
		font-weight: 600;
		width: 56px;
		height: 30px;
		background-image: url(../pics/layout2/timeline_dot.png);
		background-repeat: no-repeat;
		color: #eee;
	}
	
	.TimelineJahrLinks p {
		padding-right: 15px;
		background-position: right top;
		text-align: left;
	}
	
	.TimelineJahrRechts p {
		padding-left: 15px;
		background-position: left top;
		text-align: right;
	}
	
	.TimelineFotograf { font-size: 11px !important; margin-top: -31px; margin-right: 7px; text-align: right; opacity: 0.9; }
	.TimelineFotografWeiss { color: #000; }
	
	.abschiedsshow {
		width: 50%;
		display: inline-block;
		margin-bottom: 40px;
		margin-top: 30px;
	}

	.abschiedstext h1 { font-size: 40px !important; }
	.abschiedsshow h2 { margin-bottom: 0px !important; }
	.abschiedsshow h3 { font-size: 18px !important; text-align: center; }
	.abschiedsshow p { text-align: center; margin-top: 5px;}
	.abschiedstickets { margin-top: 10px;}

	.dlsCover {
		display: inline-block;
		float: left;
	}
	
	.dlsText {
		display: inline-block;
		float: right;
	}
	
	/*#Start img {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}*/
	
	.datlaeppertsik h2, .datlaeppertsik p {
		font-family:  "octin-college";
	}
	
}	
	
@media (max-width: 920px) {

	body {
		font-size: 100%;
		font-size: 1vw;
		background-image: none !important;
		background-color: #000;
	}
	
	#menueclose {
		display: none;
		z-index: 2000 !important;
	}

	#starter, #starter2, #starter3, .fb2, .aktion {
		display: none;
	}
	
	#container1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
	}
	
	#container2 {
		width: 100%;
		margin-left: 0px;
		padding-bottom: 30em;
	}
	
	.quadrat, .quadrat2, .rechteck, .rechteckdoku, .foto, .haftungsausschuss, .datenschutz {
		background-color: #191919;
		display: inline-block;
		float: left;
		overflow: hidden;
	}
	
	.menue {
		width: 100%;
		position: absolute;
		padding-left: 0%;
		padding-right: 0%;
	}
	
	.thema {
		padding-left: 0;
		padding-right: 0;
	}
	
	.info, .infoaktion {
		width: 100%;
		background: url(../pics/layout2/overbackground.png) repeat !important;
	}
	
	.menue a:hover {
		color: #eee;
	}
	
	.show1, .show10 { background-image: url(../pics/live/mobile/live1.jpg); }
	.show2, .show7 { background-image: url(../pics/live/mobile/live2.jpg); }
	.show3, .show8 { background-image: url(../pics/live/mobile/live5.jpg); }
	.show4, .show9 { background-image: url(../pics/live/mobile/live3.jpg); }
	.show5, .show11 { background-image: url(../pics/live/mobile/live4.jpg); }
	.show6, .show12 { background-image: url(../pics/live/mobile/live6.jpg); }
	
	.kontakt1 { background-image: url(../pics/kontakt/mobile/kontakt3.jpg); }
	.kontakt2 { background-image: url(../pics/kontakt/mobile/kontakt1.jpg); }
	.kontakt3 { background-image: url(../pics/kontakt/mobile/kontakt2.jpg); }
	.kontakt4 { background-image: url(../pics/kontakt/mobile/kontakt4.jpg); }
	.impressum { background-image: url(../pics/kontakt/mobile/kontakt4.jpg); }

	
	.abschiedstext {
		width: 94%;
		margin-left: 3%;
		text-align: left;
	}
	
	
	.abschiedstext .show {
		display: inline-block;
		width: 200px;
		margin-left: 80px;
		padding-top: 20px;
	}
	
	.abschiedsshow {
		width: 50%;
		display: inline-block;
		margin-bottom: 60px;
		margin-top: 50px;
	}

	.lity-close { font-size: 80px !important; width: 70px !important; height: 70px !important; }
	
@media (orientation: portrait) {
		
		.quadrat, .quadrat2, .rechteck, .rechteckdoku, .foto, .haftungsausschuss, .datenschutz {
			margin: 3% 0% 0% 3%;
		}
		
		#menue {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			height: 100%;
			background-color: #000;
			z-index: 1001;
			padding-top: 100px;
			display: none;
		}
		
		#menue2, #menueclose {
			position: fixed;
			top: 2%;
			right: 3%;
			z-index: 1000;
		}
		
		#menue2 img {
			width: 72px;
		}
		
		.menue {
			margin-top: 2.5em;
			text-align: center;
		}
		
		.menue h1 {
			font-size: 10em;
			margin-bottom: 30px;
			margin-top: 40px;
		}
		
		.logos {
			background-color: #000;
			opacity: 0.85;
			padding-left: 50px;
			padding-top: 15em;
		}
		
		#close, .fb2 { display: none !important; }
		
		.logos img {
			height: 1em;
			margin-right: 0.4em;
			margin-left: 0.4em;
			opacity: 0.8;
		}
		
		.logos a {
			float: left;
		}
		
		.thema {
			padding-top: 10em;
		}
	
		.quadrat {
			width: 45.5%;
		}
		
		.rechteck, .rechteckdoku, .haftungsausschuss, .datenschutz {
			width: 94%;
		}
		
		#menue a {
			font-size: 7.5em;
			margin-left: 0em;
			margin-right: 0em;
			letter-spacing: 0px !important;
			display: block;
			margin-bottom: 20px;
		}
	
		.info, .infoaktion {
			padding: 3% 0% 0% 0%;
			height: 200px;
			margin-top: 70% !important;
		}
	
		
		h3 {
			font-size: 3.5em;
			margin-top: 0px;
			margin-bottom: 1px;
		}
	
		p {
			font-size: 2.25em;
			margin-top:0px;
			margin-bottom: 1px;
		}
	
		.show {
			padding: 7em 2em 2em 2em;
		}
	
		.show h1 {
			font-size: 7em;
			line-height: 1em;
			margin-top: 2px;
			margin-bottom: 2px;
			letter-spacing: 0.5;
		}
		
		.kontakt {
			padding: 10em 2em 2em 2em;
		}
	
		.kontakt h1 {
			font-size: 5em;
		}
		
		h2 {
			font-size: 3.8em;
			line-height: 1em;
			margin-bottom: 1em;
		}
		
		h4 {
			font-size: 2.8em;
			margin-top: 0.7em;
		}
		
		.kontakt h4 {
			margin-top: 0.2em !important;
		}
		
		h5 {
			font-size: 2.5em;
			margin-top: 1em;
		}
		
		.schmal h1 { font-size: 6.5em !important; letter-spacing: -1px;}
		.keinetickets h4 { margin-top: 2.75em; }
		.keineticketszweizeilig h4 { margin-top: 1.7em; }

		/*#Start img {
			width: 100%;
			text-align: center;
			margin-top: 50px;
			margin-bottom: 30px;
		}*/

		.abschiedsshow h1, .abschiedstext h1 { font-size: 7em !important; }
		.abschiedsshow h2 { margin-bottom: 0px !important; }
		.abschiedsshow h3 { font-size: 3.5em !important; text-align: center; }
		.abschiedsshow p { text-align: center; margin-top: 5px;}
		.abschiedstickets { margin-top: 30px;}
		.abschiedstext h2 { font-size: 5em !important; }
		.abschiedstext p { font-size: 3.5em; line-height: 1.3em; margin-bottom: 20px; }
	
		.Timeline {
			background: url(../pics/layout2/timeline.png) repeat-y 20px top;
			width: 94%;
			margin-left: 3%;
		}
		
		.TimelineLinks, .TimelineRechts { position: relative; width: 82%; margin-top: -45px; margin-left: 18%; }
		
		.TimelineLinks img, .TimelineRechts img {
			width: 100%;
			margin-bottom: 2%;
		}
		
		.TimelineFoto2 { margin-top: 40px !important; }
		
		.TimelineJahr {
			width: 100%;
			color: black;
			text-align: left;
			margin-left: 12px;
			margin-top: 50px;
			clear: both;
		}
		
		.TimelineJahr p {
			padding-top: 0px;
			display: inline-block;
			font-family:  "octin-college";
			font-weight: 600;
			height: 35px;
			background-image: url(../pics/layout2/timeline_dot.png);
			background-repeat: no-repeat;
			color: #eee;
			padding-left: 40px;
			text-align: left;
			background-position: -1px 9px;
		}
	
		.Timeline p {
			font-size: 3.5em;
			line-height: 1.4em;
			margin-bottom: 20px;
		}
				
		.TimelineFotograf { font-size: 2.5em !important; height: 35px; margin-top: -45px; margin-bottom: 10px !important; margin-right: 7px; text-align: right; opacity: 0.9; }
		.TimelineFotografWeiss { color: #000; }
		
		#Videos .rechteck h2 { width: 95%; font-size: 20px; }
		#Videos .rechteck p { width: 95%; font-size: 20px; }
		
		.dlsCover {
			display: inline-block;
			width: 900px;
			margin-left: 0px;
		}
		
		.dlsText {
			display: inline-block;
		}
		
		/*#Start img {
			margin-top: 50px !important;
			margin-bottom: 60px !important;
			width: 600px;
			height: 600px;
		}*/
		
		.datlaeppertsik h2, .datlaeppertsik p {
			font-family: "octin-college";
		}

		.datlaeppertsik h1 {
			font-size: 7.25em;
		}
		
		.datlaeppertsik h2 {
			font-size: 6.25em;
			margin-top: 10px;
			margin-bottom: 40px;
		}
		
		.datlaeppertsik p {
			font-weight: 600;
			font-size: 5em;
			margin-bottom: 12px;
		}
		
	}

	@media (orientation: landscape) {
		
		.quadrat, .quadrat2, .rechteck, .foto, .haftungsausschuss, .datenschutz {
			margin: 1.5% 0% 0% 1.5%;
		}
		
		.rechteckdoku {
			margin: 0% 0% 0% 15%;
		}
		
		#menue {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			background-color: #000;
			z-index: 1001;
			padding-top: 0px;
			display: block;
			height: 70px;
		}
		
		#menue2, #menueclose {
			position: fixed;
			top: 3%;
			right: 3%;
		}
		
		#menue2 { z-index: 1002; }
		#menueclose { z-index: 1003; background-color: #000; }

		
		#menueclose, #menue {
			display: none;
		}
		
		#menue2 img, #menueclose img {
			width: 45px;
		}
		
		.menue {
			margin-top: 2.25em;
			text-align: left;
		}
	
		.menue h1 {
			display: none !important;
		}
		
		.logos {
			width: 1px;
			height: 1px;
			overflow: none;
			display: none;
		}
		
		.logos img {
			display: none;
		}
		
		.thema {
			padding-top: 5em;
		}
	
		.quadrat {
			width: 31.3%;
		}
		
		.rechteck {
			width: 47.75%;
		}
		
		.rechteckdoku {
			width: 70%;
		}
		
		.haftungsausschuss, .datenschutz {
			width: 64.1%;
		}
		
		#menue a {
			font-size: 2.6em;
			margin-left: 0.5em;
			margin-right: 0.3em;
			letter-spacing: 0px !important;
		}
		
		.info, .infoaktion {
			padding: 3% 0% 0% 0%;
			height: 200px;
			margin-top: 70% !important;
		}
		
		h3 {
			font-size: 2.5em;
			margin-top:0px;
			margin-bottom: 1px;
		}
	
		p {
			font-size: 1.6em;
			margin-top:0px;
			margin-bottom: 1px;
		}
	
		.show {
			padding: 5em 1em 1em 1em;
		}
	
		.show h1 {
			font-size: 4.8em;
			line-height: 1em;
			margin-top: 2px;
			margin-bottom: 2px;
			letter-spacing: 0.5;
		}
		
		.kontakt {
			padding: 6.5em 1em 1em 1em;
		}
	
		.kontakt h1 {
			font-size: 3.8em;
		}
		
		h2 {
			font-size: 3.0em;
			line-height: 1em;
			margin-bottom: 0.75em;
		}
		
		h4 {
			font-size: 2.1em;
			margin-top: 0.4em;
		}
		
		.kontakt h4 {
			margin-top: 0.2em !important;
		}
		
		h5 {
			font-size: 2.0em;
			margin-top: 0.5em;
		}
		
		.schmal h1 { font-size: 4.3em !important; letter-spacing: -1px;}
		.keinetickets h4 { margin-top: 2.25em; }
		.keineticketszweizeilig h4 { margin-top: 1.2em; }
		
		.fb3 {
			display: none;
		}

		/*#Start img {
			width: 50%;
			text-align: center;
			margin-top: 50px;
			margin-bottom: 30px;
			margin-left: 25% !important;
		}*/

		.abschiedsshow h1, .abschiedstext h1 { font-size: 4em !important; }
		.abschiedsshow h2 { margin-bottom: 0px !important; }
		.abschiedsshow h3 { font-size: 3em !important; text-align: center; }
		.abschiedsshow p { text-align: center; margin-top: 5px;}
		.abschiedstickets { margin-top: 18px;}
		.abschiedstext p { font-size: 2.2em; line-height: 1.3em; margin-bottom: 15px; }
		
		.Timeline {
			background: url(../pics/layout2/timeline.png) repeat-y 20px top;
			width: 94%;
			margin-left: 3%;
		}
		
		.TimelineLinks, .TimelineRechts { position: relative; width: 80%; margin-top: -40px; margin-left: 20%; }
		
		.TimelineLinks img, .TimelineRechts img {
			width: 100%;
			margin-bottom: 2%;
		}
		
		.TimelineFoto2 { margin-top: 40px !important; }
		
		.TimelineJahr {
			width: 100%;
			color: black;
			text-align: left;
			margin-left: 12px;
			margin-top: 50px;
			clear: both;
		}
		
		.TimelineJahr p {
			padding-top: 0px;
			display: inline-block;
			font-family:  "octin-college";
			font-weight: 600;
			height: 35px;
			background-image: url(../pics/layout2/timeline_dot.png);
			background-repeat: no-repeat;
			color: #eee;
			padding-left: 40px;
			text-align: left;
			background-position: -1px 9px;
			font-size: 3.5em !important;
			padding-top: 0px;
		}
	
		.Timeline p {
			font-size: 2.2em;
			line-height: 1.4em;
			margin-bottom: 15px;
		}
				
		.TimelineFotograf { font-size: 1.5em !important; height: 25px; margin-top: -35px; margin-bottom: 10px !important; margin-right: 7px; text-align: right; opacity: 0.9; }
		.TimelineFotografWeiss { color: #000; }
		
		#Videos .rechteck h2 { width: 47.5%; font-size: 20px; }
		#Videos .rechteck p { width: 47.5%; font-size: 15px; }
		
		.dlsCover {
			display: inline-block;
			float: left;
			width: 300px;
			margin-left: 0px;
			padding-bottom: 100px;
		}
		
		.dlsText {
			display: inline-block;
			float: right;
			width: 550px;
			padding-top: 15px;
		}
		
		/*#Start img {
			margin-top: 0px !important;
			margin-bottom: 0px !important;
			width: 300px;
			height: 300px;
		}*/
		
		.datlaeppertsik h2, .datlaeppertsik p {
			font-family: "octin-college";
		}

		.datlaeppertsik h1 {
			font-size: 3.25em;
		}
		
		.datlaeppertsik h2 {
			font-size: 2.5em;
			margin-top: 6px;
			margin-bottom: 8px;
		}
		
		.datlaeppertsik p {
			font-weight: 600;
			font-size: 1.8em;
			margin-bottom: 6px;
		}
	}
}


@media (min-width: 921px) and (max-width: 1200px) {
	#container2 {
		width: 920px;
		margin-left: -460px;
	}
	
	.menue {
		width: 950px;
		margin-left: -460px;
	}

	.logos {
		margin-right: 60px;
	}
	
	.thema {
		padding-left: 10px;
		padding-right: 10px;
	}

	.quadrat {
		width: 205px;
		height: 205px;
		margin: 10px;
	}
	
	.quadrat2 {
		width: 430px;
		height: 205px;
		margin: 10px;
	}
	
	.foto {
		width: 280px;
		height: 205px;
		margin: 10px;
	}
	
	.rechteck {
		width: 430px;
		height: 242px;
		margin: 10px;
		overflow: hidden;
	}
	
	.haftungsausschuss, .datenschutz {
		width: 880px;
		min-height: 242px;
		margin: 10px;
	}
	
	#menue a, .menue h1 {
		font-size: 17px;
		margin-left: 8px;
		margin-right: 8px;
	}
	
	.info {
		padding: 158px 7px 7px 7px;
		height: 40px;
		width: 191px;
		background-position: left 130px;
	}
	
	.infoaktion {
		padding: 113px 7px 7px 7px;
		background-position: left 85px;
	}

	h3 {
		font-size: 12px;
		margin-top: 0px;
		margin-bottom: 1px;
	}

	p {
		font-size: 10px;
		margin-top: 0px;
		margin-bottom: 1px;
	}

	.show {
		padding: 35px 10px 20px 10px;
	}

	.show h1 {
		font-size: 30px;
		line-height: 28px;
		margin-top: 2px;
		margin-bottom: 2px;
		letter-spacing: 0.5;
	}
	
	.kontakt {
		padding: 50px 25px 25px 25px;
	}

	.kontakt h1 {
		font-size: 21px;
	}
	
	h2 {
		font-size: 18px;
		line-height: 18px;
		margin-bottom: 20px;
	}
	
	h4 {
		font-size: 12px;
		margin-top: 8px;
	}
	
	h5 {
		font-size: 11px;
		margin-top: 6px;
	}
	
	.schmal h1 { font-size: 28px !important; letter-spacing: 0px;}
	.keinetickets h4 { margin-top: 35px; }
	.keineticketszweizeilig h4 { margin-top: 21px; }
	
	.aktion {
		margin-top: 20px;
		height: 11px;
		padding: 4px 8px 4px 5px;
		font-size: 11px;
		margin-bottom: 6px;
	}
	
	.logos img {
		height: 14px;
		margin-top: 1px;	
		margin-left: 7px !important;
	}
	
	.abschiedstext {
		width: 600px;
		margin-left: 150px;
		text-align: left;
	}
	
	.abschiedstext p {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 12px;
	}
	
	.abschiedstext .show {
		display: inline-block;
		width: 200px;
		margin-left: 80px;
		padding-top: 20px;
	}
	
	#Videos .rechteck h2 { width: 430px; font-size: 16px; }
	#Videos .rechteck p { width: 430px; }

	.TimelineJahr { width: 880px; }
	.TimelineJahr p { font-size: 16px; padding-top: 3px !important; }
	.TimelineJahrLinks p { margin-right: 26px; }
	.TimelineJahrRechts p { margin-left: 64px; }
	.TimelineLinks, .TimelineRechts { width: 360px; }
	.TimelineRechts p, .TimelineLinks p {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 8px;
	}

	.datlaeppertsik {
		width: 780px;
		padding-left: 60px;
	}

	.DokuKasten {
		width: 880px;
		padding-left: 10px;
		padding-top: 20px;
	}

	.dlsCover {
		width: 350px;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.dlsCover img {
		width: 350px;
		height: 350px;
	}
	
	.dlsText {
		width: 390px;
		padding-top: 210px;
		padding-bottom: 100px;
	}
	
	.datlaeppertsik h1 {
		font-size: 1.8em;
	}
	
	.datlaeppertsik h2 {
		font-size: 1.3em;
		margin-top: 4px;
		margin-bottom: 15px;
	}
	
	.datlaeppertsik p {
		font-weight: 600;
		font-size: 1em;
		margin-bottom: 3px;
	}
}
@media (min-width: 1201px) and (max-width: 1600px) {
	#container2 {
		width: 1120px;
		margin-left: -560px;
		/*padding-top: 14px;*/
	}

	.menue {
		width: 1150px;
		margin-left: -560px;
	}

	.logos {
		margin-right: 67px;
	}
	
	.thema {
		padding-left: 14px;
		padding-right: 14px;
	}

	.quadrat {
		width: 247px;
		height: 247px;
		margin: 13px;
	}
	
	.quadrat2 {
		width: 520px;
		height: 247px;
		margin: 13px;
	}
	
	.foto {
		width: 338px;
		height: 247px;
		margin: 13px;
	}
	
	.rechteck {
		width: 520px;
		height: 293px;
		margin: 13px;
	}
	
	.haftungsausschuss, .datenschutz {
		width: 1066px;
		min-height: 293px;
		margin: 13px;
	}
	
	#menue a, .menue h1 {
		font-size: 18px;
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.info {
		/*margin-top: 157px;
		padding: 30px 10px 10px 10px;*/
		padding: 187px 10px 10px 10px;
		height: 50px;
		width: 227px;
		background-position: left 155px;
	}
	
	.infoaktion {
		padding: 142px 10px 10px 10px;
		background-position: left 110px;
	}

	h3 {
		font-size: 14px;
		margin-top:0px;
		margin-bottom: 2px;
	}

	p {
		font-size: 12px;
		margin-top:0px;
		margin-bottom: 2px;
	}
	
	.show {
		padding: 40px 15px 25px 15px;
	}

	.show h1 {
		font-size: 35px;
		line-height: 33px;
		margin-top: 5px;
		margin-bottom: 4px;
		letter-spacing: 0.7;
	}
	
	.kontakt {
		padding: 55px 25px 25px 25px;
	}

	.kontakt h1 {
		font-size: 27px;
	}
	
	h2 {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 26px;
	}
	
	h4 {
		font-size: 14px;
		margin-top: 10px;
	}
	
	h5 {
		font-size: 13px;
		margin-top: 8px;
	}
	
	.schmal h1 { font-size: 33px !important; letter-spacing: 0px;}
	.keinetickets h4 { margin-top: 42px; }
	.keineticketszweizeilig h4 { margin-top: 29px; }

	.aktion {
		margin-top: 20px;
		height: 15px;
		padding: 5px 10px 5px 7px;
		font-size: 13px;
	}
	
	.logos img {
		height: 16px;
	}
	
	.abschiedstext {
		width: 650px;
		margin-left: 221px;
		text-align: left;
	}
	
	.abschiedstext p {
		font-size: 15px;
		line-height: 20px;
		margin-bottom: 14px;
	}
	
	.abschiedstext .show {
		display: inline-block;
		width: 200px;
		margin-left: 80px;
		padding-top: 20px;
	}
	
	#Videos .rechteck h2 { width: 520px; font-size: 17px; }
	#Videos .rechteck p { width: 520px; }
	
	.TimelineJahr { width: 1066px; }
	.TimelineJahr p { font-size: 17px; padding-top: 3px !important; }
	.TimelineJahrLinks p { margin-right: 18px; }
	.TimelineJahrRechts p { margin-left: 71px; }
	.TimelineLinks, .TimelineRechts { width: 450px; }
	.TimelineRechts p, .TimelineLinks p {
		font-size: 15px;
		line-height: 19px;
		margin-bottom: 9px;
	}
	
	.datlaeppertsik {
		width: 880px;
		padding-left: 110px;
	}

	.DokuKasten {
		width: 960px;
		padding-left: 65px;
		padding-top: 30px;
	}

	.dlsCover {
		width: 400px;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.dlsCover img {
		width: 400px;
		height: 400px;
	}
	
	.dlsText {
		width: 440px;
		padding-top: 220px;
		padding-bottom: 100px;
	}
	
	.datlaeppertsik h1 {
		font-size: 2em;
	}
	
	.datlaeppertsik h2 {
		font-size: 1.5em;
		margin-top: 4px;
		margin-bottom: 20px;
	}
	
	.datlaeppertsik p {
		font-weight: 600;
		font-size: 1.1em;
		margin-bottom: 5px;
	}
}
@media (min-width: 1601px) {
	#container2 {
		width: 1320px;
		margin-left: -660px;
		/*padding-top: 16px;*/
	}

	.menue {
		width: 1350px;
		margin-left: -660px;
	}

	.logos {
		margin-right: 72px;
	}
	
	.thema {
		padding-left: 16px;
		padding-right: 16px;
	}

	.quadrat {
		width: 290px;
		height: 290px;
		margin: 16px;
	}
	
	.quadrat2 {
		width: 612px;
		height: 290px;
		margin: 16px;
	}
	
	.foto {
		width: 397px;
		height: 290px;
		margin: 16px;
	}
	
	.rechteck {
		width: 612px;
		height: 345px;
		margin: 16px;
	}
	
	.haftungsausschuss, .datenschutz {
		width: 1256px;
		min-height: 345px;
		margin: 16px;
	}
	
	#menue a, .menue h1 {
		font-size: 20px;
		margin-left: 19px;
		margin-right: 19px;
	}
	
	.info {
		/*margin-top: 195px;
		padding: 30px 15px 15px 15px;*/
		padding: 225px 15px 15px 15px;
		height: 50px;
		width: 260px;
		background-position: left 195px;
	}

	.infoaktion {
		padding: 180px 15px 15px 15px;
		background-position: left 150px;
	}

	h3 {
		font-size: 15px;
		margin-top:0px;
		margin-bottom: 2px;
	}

	p {
		font-size: 13px;
		margin-top:0px;
		margin-bottom: 2px;
	}

	.show {
		padding: 45px 15px 30px 15px;
	}

	.show h1 {
		font-size: 43px;
		line-height: 40px;
		margin-top: 5px;
		margin-bottom: 4px;
	}

	.kontakt {
		padding: 70px 25px 25px 25px;
	}

	.kontakt h1 {
		font-size: 32px;
	}
	
	h2 {
		font-size: 24px;
		line-height: 24px;
		margin-bottom: 30px;
	}
	
	h4 {
		font-size: 16px;
		margin-top: 10px;
	}
	
	h5 {
		font-size: 15px;
		margin-top: 8px;
	}
	
	.schmal h1 { font-size: 40px !important; letter-spacing: 0px;}
	.keinetickets h4 { margin-top: 53px; }
	.keineticketszweizeilig h4 { margin-top: 27px; }

	.aktion {
		margin-top: 20px;
		height: 17px;
		padding: 6px 12px 6px 8px;
		font-size: 15px;
		margin-bottom: -4px;
	}
	
	.logos img {
		height: 16px;
	}
	
	.abschiedstext {
		width: 700px;
		margin-left: 294px;
		text-align: left;
	}
	
	.abschiedstext p {
		font-size: 16px;
		line-height: 21px;
		margin-bottom: 15px;
	}
	
	.abschiedstext .show {
		display: inline-block;
		width: 200px;
		margin-left: 80px;
		padding-top: 20px;
	}
	
	#Videos .rechteck h2 { width: 612px; font-size: 18px; }
	#Videos .rechteck p { width: 612px; }

	.TimelineJahr { width: 1256px; }
	.TimelineJahr p { font-size: 18px; padding-top: 3px !important; }
	.TimelineJahrLinks p { margin-right: 13px; }
	.TimelineJahrRechts p { margin-left: 76px; }
	.TimelineLinks, .TimelineRechts { width: 540px; }
	.TimelineRechts p, .TimelineLinks p {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 10px;
	}

	.DokuKasten {
		width: 1256px;
		padding-left: 15px;
		padding-top: 30px;
	}

	.datlaeppertsik {
		width: 980px;
		padding-left: 160px;
	}

	.dlsCover {
		width: 450px;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.dlsCover img {
		width: 450px;
		height: 450px;
	}
	
	.dlsText {
		width: 490px;
		padding-top: 230px;
		padding-bottom: 100px;
	}
	
	.datlaeppertsik h1 {
		font-size: 2.2em;
	}
	
	.datlaeppertsik h2 {
		font-size: 1.75em;
		margin-top: 4px;
		margin-bottom: 25px;
	}
	
	.datlaeppertsik p {
		font-weight: 600;
		font-size: 1.25em;
		margin-bottom: 7px;
	}
}

#Musik .quadrat, #Merch .quadrat {
	background-repeat: no-repeat;
	background-origin: center center;
	-moz-background-size: cover;
	background-size: cover;
	/*background-color: transparent !important;*/
}


.quadrat {
	overflow: hidden;
}

.info {
	float: left;
	background-image: url(../pics/layout2/verlauf.png);
	background-repeat: repeat-x;
	/*display: none;*/
	margin-top: 100px;
	text-align: center;
}

h1, h2, h3 {font-weight: 600; }
h1, h3 { font-family:  "octin-college"; }
h4, h5 { font-weight: 400; }
p { font-weight: 300; }

a {
	color: #baad3b;
	text-decoration: none;
}
	
a:hover {
	transition-duration: .3s;
	color: #e9d84a;
}

.menue a {
	color: #eee;
}

.menue h1 {
	color: #e9d84a;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: inline-block;
}

.show, .kontakt {
	text-align: center;
}

h1 {
	text-transform: uppercase;
	color: #e9d84a;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: 800;
	letter-spacing: 1px;
}

h2 {
	text-transform: uppercase;
	margin-top: 0px;
}


#Shows .quadrat, #Kontakt .quadrat, .impressum {
	background-repeat: no-repeat;
	background-origin: center center;
	-moz-background-size: cover;
	background-size: cover;
}

.haftungsausschuss .kontakt:hover, .datenschutz .kontakt:hover {
	transform:scale(1.0) !important;
}

#Merch .quadrat {
	background-position-y: top;
}

#Shows .quadrat { background-color: transparent !important; }

#Haftungsausschuss, #Datenschutz {
	display: none;
}

h5, .haftungsausschuss p, .datenschutz p {
	text-align: left;
}

#haftungsausschuslink, #datenschutzlink {
	cursor: pointer !important;
}

.impressum h4 {
	font-weight: 600;
}

.kontakt4 p {
	margin-bottom: 4px;
}

.ausverkauft {
	color: red;
}

.ausblenden {
	display: none !important;
}

.sale {
	text-decoration: line-through;
}

.MenuepunktAktiv {
	color: #e9d84a !important;
}

.rechteck img, .rechteckdoku img {
	width: 100%;
}

#Start {
	position: relative;
	height: 100%;
	text-align: center;
	padding-bottom: 50px;
}

.abschiedstext h1, .abschiedstext h2 {
	text-align: center;
	font-family:  "octin-college";
}





#Videos .rechteck, #Start .rechteckdoku { background-position: center center; background-size: cover; }
#duusterVideo { background-image: url(../pics/videos/duuster.jpg); }
#loepptVideo { background-image: url(../pics/videos/loeppt.jpg); }
#dialektroVideo { background-image: url(../pics/videos/dialektro.jpg); }
#guennenVideo { background-image: url(../pics/videos/guennen.jpg); }
#gornixVideo { background-image: url(../pics/videos/gornix.jpg); }
#evdfVideo { background-image: url(../pics/videos/evdf.jpg); }
#noordseekuesteVideo { background-image: url(../pics/videos/noordseekueste.jpg); }
#butenlandVideo { background-image: url(../pics/videos/butenland.jpg); }
#daschandingVideo { background-image: url(../pics/videos/daschanding.jpg); }
#plattVideo { background-image: url(../pics/videos/platt.jpg); }
#datlaeppertsikVideo { background-image: url(../pics/videos/datlaeppertsik.jpg); }

#Videos .rechteck img, #Start .DokuKasten .rechteck img { opacity: 0.75; }
#Videos .rechteck img:hover, #Start .DokuKasten .rechteck img:hover { opacity: 1.0; transition-duration: .3s; }
#Videos .rechteck img:not( :hover ), #Start .DokuKasten img:not( :hover ) { opacity: 0.75; transition-duration: .3s; }
#Videos .rechteck h2 { position: absolute; margin-top: -60px; text-align: center; z-index: 100; font-family: "octin-college"; display: none;  }
#Videos .rechteck p { position: absolute; margin-top: -35px; text-align: center !important; z-index: 100; display: none;  }