@font-face
{
 font-family: BOYCOTT;
 src: url("fonts/BOYCOTT.eot") /* EOT file for IE */
}

@font-face
{
 font-family: BOYCOTT;
 src: url("fonts/BOYCOTT.ttf") /* TTF file for CSS3 browsers */
}

.boycott10red{color: #ff0000; font-size: 10px; font-weight: bold; font-family: 'BOYCOTT';}
.boycott20red{color: #ff0000; font-size: 20px; font-weight: bold; font-family: 'BOYCOTT';}
.boycott35red{color: #ff0000; font-size: 35px; font-weight: bold; font-family: 'BOYCOTT';}
.boycott50red{color: #ff0000; font-size: 50px; font-weight: bold; font-family: 'BOYCOTT';}
.boycott60red{color: #ff0000; font-size: 60px; font-weight: bold; font-family: 'BOYCOTT';}
.boycott80red{color: #ff0000; font-size: 80px; font-weight: bold; font-family: 'BOYCOTT';}
.boycott100red{color: #ff0000; font-size: 100px; font-weight: bold; font-family: 'BOYCOTT';}

.boycott10green{color: #30aa50; font-size: 10px;	font-family: 'BOYCOTT';}
.boycott20green{color: #30aa50; font-size: 20px;	font-family: 'BOYCOTT';}
.boycott35green{color: #30aa50; font-size: 35px;	font-family: 'BOYCOTT';}
.boycott50green{color: #30aa50; font-size: 50px;	font-family: 'BOYCOTT';}
.boycott80green{color: #30aa50; font-size: 80px;	font-family: 'BOYCOTT';}

.boycott10white{color: #ffffff; font-size: 10px;	font-family: 'BOYCOTT';}
.boycott20white{color: #ffffff; font-size: 20px;	font-family: 'BOYCOTT';}
.boycott30white{color: #ffffff; font-size: 35px;	font-family: 'BOYCOTT';}
.boycott50white{color: #ffffff; font-size: 50px;	font-family: 'BOYCOTT';}
.boycott80white{color: #ffffff; font-size: 80px;	font-family: 'BOYCOTT';}

.verdana10white{color: #ffffff; font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana15white{color: #ffffff; font-size: 15px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana20white{color: #ffffff; font-size: 20px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana25white{color: #ffffff; font-size: 25px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana30white{color: #ffffff; font-size: 30px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana40white{color: #ffffff; font-size: 40px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana50white{color: #ffffff; font-size: 50px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}

.verdana10red{color: #ff0000; font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana15red{color: #ff0000; font-size: 15px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana20red{color: #ff0000; font-size: 20px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana25red{color: #ff0000; font-size: 25px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana30red{color: #ff0000; font-size: 30px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana40red{color: #ff0000; font-size: 40px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana50red{color: #ff0000; font-size: 50px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}

.verdana10green{color: #30aa50; font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana12green{color: #30aa50; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana15green{color: #30aa50; font-size: 15px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana20green{color: #30aa50; font-size: 20px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana30green{color: #30aa50; font-size: 30px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana40green{color: #30aa50; font-size: 40px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana50green{color: #30aa50; font-size: 50px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}

.rahmen1{border-top: 1px solid #aaaaaa;border-left: 1px solid #aaaaaa;border-right: 1px solid #aaaaaa;border-bottom: 1px solid #aaaaaa;  opacity: 0.9;}

a.vorlage:link {text-decoration: none; color: #0088ff; font-size: 40px;	font-family: 'BOYCOTT', Verdana, Arial, Helvetica, sans-serif;}
a.vorlage:visited {text-decoration: none; color: #0088ff; font-size: 40px;	font-family: 'BOYCOTT', Verdana, Arial, Helvetica, sans-serif;}
a.vorlage:hover {text-decoration: underline; color: #0088ff; font-size: 40px;	font-family: 'BOYCOTT', Verdana, Arial, Helvetica, sans-serif;}
a.vorlage:active {text-decoration: none; color: #0088ff; font-size: 40px;	font-family: 'BOYCOTT', Verdana, Arial, Helvetica, sans-serif;}

a.ext_link:link {text-decoration: none; color: #0088ff;}
a.ext_link:visited {text-decoration: none; color: #0088ff;}
a.ext_link:hover {text-decoration: underline; color: #0088ff;}
a.ext_link:active {text-decoration: none; color: #0088ff;}

a.impressum_link:link {text-decoration: none; color: #ffffff;}
a.impressum_link:visited {text-decoration: none; color: #ffffff;}
a.impressum_link:hover {text-decoration: underline; color: #ffffff;}
a.impressum_link:active {text-decoration: none; color: #ffffff;}



html, body
{
	margin: 0;
	padding: 0;
	width: 100%;
	overflow-x: hidden; /* Verhindert horizontales Scrollen */
	box-sizing: border-box;
	    -webkit-text-size-adjust: none; /* Verhindert das automatische Vergrößern auf iOS */
    text-size-adjust: none;
}

*, *:before, *:after
{
	box-sizing: inherit; /* Sorgt dafür, dass Padding nicht zur Breite addiert wird */
}

/* Verhindert das automatische Zoomen bei Input-Feldern in iOS Safari */
input, select, textarea
{
	font-size: 16px !important;
}


@media (min-width: 0px) and (max-width: 1599px)
{
	/* Desktop-Version ausblenden */
	#desktop, .desktop, #desktop_header, .home_tickets, .home_info, .home_news
	{
		display:none;
		 
	}
	
	
	html, body
	{
		height: 100%;
		border: 0;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-left: 0px;
		
		-webkit-text-size-adjust: none; /* Safari und Chrome auf iOS/Android */
		-ms-text-size-adjust: none;     /* Ältere Windows Phone Browser */
		text-size-adjust: none;         /* Standard */
	}
	
	#footer
	{
		color: white;
		background-color: red;
		font-size: 40px;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 10px;
		text-align: center;
		justify-content: center;
		align-content: center;
	}

	.headline		{ color: #ff0000; font-size: 60px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }	
	.headline_small	{ color: #ff0000; font-size: 40px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }	
	.text			{ color: #ffffff; font-size: clamp(40px, 5vw, 40px); font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
	.ticket_link:link		{ color: #ffcc00; font-size: 60px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }	
	.ticket_link:visited	{ color: #ff0000; font-size: 60px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }	
	.ticket_link:hover		{ color: #ffffff; font-size: 60px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }	
	.ticket_link:active		{ color: #ff0000; font-size: 60px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }	
	.headline_link:link		{ color: #ff940b; font-size: 60px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }	
	.headline_link:visited	{ color: #ff940b; font-size: 60px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }	
	.headline_link:hover	{ color: #ff940b; font-size: 60px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }	
	.headline_link:active	{ color: #ff940b; font-size: 60px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }	

	#container
	{
		display: grid;
		/*flex-direction: column;*/
		height: 100%;
		width: 100%;

		/* Farbe Hintergund Content */
		background-color: #000;
	}

	#container header
	{
		background-color: black;
		padding: 10px;
		text-align: center;
	}

	#container section
	{
		/* flex: 1 1 auto; */
		overflow: auto;
		min-height: 0px;
	}

	#container footer
	{
		background-color: black;
		color: white;
		text-align: center;
		padding: 10px;
	}


	#content
	{
	  display:grid;   
	}
	
	
	/* ====== Overlay-Navi ====== */
	
	body
	{
		font-family: Arial, Helvetica, sans-serif;
	}

	.mobile-container
	{
		max-width: 100%;
	/*	margin: auto; */
		background-color: yellow;
		min-height: 0px;
		color: white;
		border-radius: 10px;
	}

	.topnav
	{
		overflow: hidden;
		
		/* Farbe Hintergrund geöffnete Navigation */
		background-color: grey;
		
		position: relative;
	}

	.topnav #myLinks
	{
		display: none;
	}

	.topnav a
	{
		color: white;
		/* Abstand Menüpunkte bei geöffneter Navigation */
		padding: 10px 100px;
		text-decoration: none;
		font-size: 57px;
		display: block;
	}

	.topnav a.icon
	{
		background: yellow;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
	}

	.topnav a:hover
	{
		background-color: white;
		color: black;
	}

	.active
	{
	/*	background-color: #04AA6D;*/
		color: white;
	}
	
	/* ======== Navi-Logo ========= */

	.container
	{
		display: inline-block;
		cursor: pointer;
		-webkit-text-size-adjust: none; /* Safari und Chrome auf iOS/Android */
		-ms-text-size-adjust: none;     /* Ältere Windows Phone Browser */
		text-size-adjust: none;         /* Standard */
	}

	.bar1, .bar2, .bar3
	{
		width: 75px;
		height: 5px;
		
		/* Farbe Nav-Bars */
		background-color: white;
		margin: 12px 0;
		transition: 0.4s;
	}

	.change .bar1
	{
		transform: translate(0, 11px) rotate(-45deg);
	}

	.change .bar2
	{
		opacity: 0
	}

	.change .bar
	{
		transform: translate(0, -11px) rotate(45deg);
	}

	/* ======== Unterseiten ========= */

	.img /* Kopie von  gfx_1000x500 */
	{
		background-color: black;
		max-width: 95%;
		border-width: 2px;
		border-color: white;
		border-style: solid;
		text-align: center;
		justify-content: center;
		align-content: center;	
	}

	.hr_black
	{
		background-color: black;
	}

	.bg_black
	{
		background-color: black;

		/* Rahmen */
		border-width: 0px;
		border-style: solid;
		text-align: center;
		justify-content: center;
		align-content: center;
		padding: 10px;
	}

	.gfx_1000x500
	{
		background-color: black;
		max-width: 90%;
		border-width: 2px;
		border-color: white;
		border-style: solid;
		text-align: center;
		justify-content: center;
		align-content: center;
	}

	.home_news
	{
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 0px;
		border-style: solid;
		
		padding: 10px;
	}


	.tickets_vvk_text
	{
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 0px;
		border-style: solid;
		
		padding: 10px;
	}

	.tickets_vvk_rhg
	{
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 0px;
		border-style: solid;
		
		padding: 10px;
	}

	.tickets_vvk_hmu
	{
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 0px;
		border-style: solid;
		
		padding: 10px;
	}
	
	.tickets_vvk_ks
	{
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 0px;
		border-style: solid;
		
		padding: 10px;
	}
	
	.info
	{
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 0px;
		border-style: solid;
		
		padding: 10px;
	}

	.info_hardfacts
	{
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 0px;
		border-style: solid;
		
		padding: 10px;
	}

	.info_lineup
	{
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 0px;
		border-style: solid;
		
		padding: 10px;
	}

	.info_anfahrt
	{
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 0px;
		border-style: solid;
		
		padding: 10px;
	}

	.archiv
	{
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 0px;
		border-style: solid;
		
		padding: 10px;
	}

	.kontakt_veranstalter
	{
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 0px;
		border-style: solid;
		
		padding: 10px;
	}

	.kontakt_presse
	{
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 0px;
		border-style: solid;
		
		padding: 10px;
	}

	.kontakt_band
	{
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 0px;
		border-style: solid;
		
		padding: 10px;
	}
	
	.impressum_22222222222222222
	{
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 0px;
		border-style: solid;
		
		padding: 10px;
	}
	

}


/* =========== DESKTOP-VERSION =========== */


@media (min-width: 1600px)
{
	#mobile, .mobile, .hr_black, .bg_black
	{
		display:none;
	}

	.headline 				{ color: #ff0000; font-size: 20px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
	.headline_small			{ color: #ff0000; font-size: 18px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
	.headline_outline 		{ color: #ff0000; font-size: 60px; font-weight: bold; font-family: 'BOYCOTT'; text-outline: 13px 13px #0f0; }
	.text 					{ color: #ffffff; font-size: 15px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
	.headline_link:link		{ color: #ff0000; font-size: 20px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }	
	.headline_link:visited	{ color: #ff0000; font-size: 20px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }	
	.headline_link:hover	{ color: #ffffff; font-size: 20px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }	
	.headline_link:active	{ color: #ff0000; font-size: 20px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }	

	.img { background-color: black; max-width: 300; border-width: 2px; border-color: white; border-style: solid; text-align: center; justify-content: center; align-content: center; }
		
	
	
	html
	{
		background:
		url(images/main/background.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		display: grid;
	}
	
	.desktop 
	{
		display: grid;
		grid-template-columns: repeat(8, 1fr); 
/*		grid-template-rows: repeat(8, 1fr); */
/*		grid-template-rows: 1fr 0.5fr 1fr 1fr 1fr 1fr 1fr 0.3fr; */
		grid-template-rows: 1.5fr 1fr 1fr 1fr 1fr 1fr 0.3fr;
		gap: 10px;
	}

	/* ===== OBEN  ===== */
		
	.header 
	{
		grid-column: span 8 / span 8;
/*		background-color: black;*/

		-webkit-text-size-adjust: none; /* Safari und Chrome auf iOS/Android */
		-ms-text-size-adjust: none;     /* Ältere Windows Phone Browser */
		text-size-adjust: none;         /* Standard */
	}


	.footer
	{
		grid-column: span 6 / span 6;
		grid-column-start: 2;
		grid-row-start: 7;
		background-color: black;

		text-align: center;
		justify-content: center;
		align-content: center;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
	}

	/* ===== LINKS  ===== */

	.array_left
	{
		position: absolute;
		top: -30px;
		left: 0px;
		z-index:5;
	}

	.band1
	{
		grid-column-start: 2;
		grid-row-start: 2;
		background-color: black;
		background-image: url("images/box/bands/Band1.jpg");
		background-repeat: no-repeat;
		background-size: cover;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		display: grid;
		z-index: 10;	
	}

	.band2 
	{
		grid-column-start: 2;
		grid-row-start: 3;
		background-color: black;
		background-image: url("images/box/bands/Band2.jpg");
		background-repeat: no-repeat;
		background-size: cover;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		z-index: 10;		
	}

	.band3 
	{
		grid-column-start: 2;
		grid-row-start: 4;
		background-color: black;
		background-image: url("images/box/bands/Band3.jpg");
		background-repeat: no-repeat;
		background-size: cover;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		text-align: center;
		justify-content: center;
		align-content: center;
		display: grid;
		
		z-index: 10;		
	}

	.band4 
	{
		grid-column-start: 2;
		grid-row-start: 5;
		background-color: black;
		background-image: url("images/box/bands/Band4.jpg");
		background-repeat: no-repeat;
		background-size: cover;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;

		z-index: 10;		
	}

	.band5 
	{
		grid-column-start: 2;
		grid-row-start: 6;
		background-color: black;
		background-image: url("images/box/bands/Band5.jpg");
		background-repeat: no-repeat;
		background-size: cover;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;

		z-index: 10;		
	}

	/* ===== RECHTS  ===== */

	.array_right
	{
		position: absolute;
		top: -30px;
		right: 0px;
		z-index:5;
	}

	.countdown
	{
		grid-column-start: 7;
		grid-row-start: 2;
		background-color: black;
		text-align: center;
		justify-content: center;
		align-content: center;
		
		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;

		z-index: 10;		
	}

	.gallery
	{
		grid-row: span 2 / span 1;
		grid-column-start: 7;
		grid-row-start: 3;
		background-color: black;
		background-size: cover;
		text-align: center;
		justify-content: center;
		align-content: center;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		z-index: 10;		
	}

	.supporter
	{
		grid-row: span 2 / span 2;
		grid-column-start: 7;
		grid-row-start: 4;
		background-color: black;
		text-align: center;
		justify-content: center;
		align-content: center;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		z-index: 10;		
	}

	.mcr
	{
		grid-row: span 2 / span 1;
		grid-column-start: 7;
		grid-row-start: 6;
		background-color: black;
		text-align: center;
		justify-content: center;
		align-content: center;
	
		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		z-index: 10;		
	}
	
	/* ===== ACTION HOME  ===== */

	.home_tickets
	{
		grid-column: span 2 / span 2;
		grid-row: span 2 / span 2;
		grid-column-start: 3;
		grid-row-start: 2;
		background-color: black;
		text-align: center;
		justify-content: center;
		align-content: center;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
	}

	.home_info
	{
		grid-column: span 2 / span 2;
		grid-row: span 2 / span 2;
		grid-column-start: 5;
		grid-row-start: 2;

		background-color: black;

		
		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.home_news
	{
		grid-column: span 4 / span 4;
		grid-row: span 3 / span 3;
		grid-column-start: 3;
		grid-row-start: 4;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		display: grid;
		padding: 10px;
		overflow: auto;
		z-index: 10;
	}

	/* ===== ACTION INFO ===== */

	.lineup_part_01
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 3;
		grid-row-start: 2;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_02
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 4;
		grid-row-start: 2;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_03
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 5;
		grid-row-start: 2;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_04
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 6;
		grid-row-start: 2;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_05
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 3;
		grid-row-start: 3;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_06
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 4;
		grid-row-start: 3;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_07
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 5;
		grid-row-start: 3;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_08
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 6;
		grid-row-start: 3;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_09
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 3;
		grid-row-start: 4;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_10
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 4;
		grid-row-start: 4;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_11
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 5;
		grid-row-start: 4;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_12
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 6;
		grid-row-start: 4;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_13
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 3;
		grid-row-start: 5;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_14
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 4;
		grid-row-start: 5;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_15
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 5;
		grid-row-start: 5;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_16
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 6;
		grid-row-start: 5;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_17
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 3;
		grid-row-start: 6;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_18
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 4;
		grid-row-start: 6;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_19
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 5;
		grid-row-start: 6;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.lineup_part_20
	{
		grid-column: span 1 / span 1;
		grid-row: span 1 / span 1;
		grid-column-start: 6;
		grid-row-start: 6;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}


	/* ===== ACTION WMM  ===== */

	.tickets_vvk_text
	{
		grid-column: span 2 / span 2;
		grid-row: span 2 / span 2;
		grid-column-start: 3;
		grid-row-start: 2;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}
	
	.tickets_vvk_rhg
	{
		grid-column: span 2 / span 2;
		grid-row: span 3 / span 3;
		grid-column-start: 3;
		grid-row-start: 4;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}

	.tickets_vvk_hmu
	{
		grid-column: span 2 / span 2;
		grid-row: span 3 / span 3;
		grid-column-start: 5;
		grid-row-start: 2;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;

		padding: 10px;
	}

	.tickets_vvk_ks
	{
		grid-column: span 2 / span 2;
		grid-row: span 2 / span 2;
		grid-column-start: 5;
		grid-row-start: 5;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;

		padding: 10px;
	}

	/* ===== ACTION KONTAKT  ===== */
	
	.kontakt_veranstalter
	{
		grid-column: span 2 / span 2;
		grid-row: span 2 / span 2;
		grid-column-start: 3;
		grid-row-start: 2;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}


	.kontakt_presse
	{
		grid-column: span 2 / span 2;
		grid-row: span 2 / span 2;
		grid-column-start: 5;
		grid-row-start: 2;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		background-color: black;

		padding: 10px;
	}


	.kontakt_band
	{
		grid-column: span 4 / span 4;
		grid-row: span 3 / span 3;
		grid-column-start: 3;
		grid-row-start: 4;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		
		padding: 10px;
	}


	
	/* ===== ACTION WMM  ===== */
	
	.unterkunft
	{
		grid-column: span 4 / span 4;
		grid-row: span 5 / span 5;
		grid-column-start: 3;
		grid-row-start: 2;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
	}

	.agb
	{
		grid-column: span 4 / span 4;
		grid-row: span 5 / span 5;
		grid-column-start: 3;
		grid-row-start: 2;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
	}

	.faq
	{
		grid-column: span 4 / span 4;
		grid-row: span 5 / span 5;
		grid-column-start: 3;
		grid-row-start: 2;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
	}

	#container1{
		height: 100%;
		width: 100%;
/*		border: 1px solid green; */
		border: 0;
		overflow: hidden;
	}

	#container2{
		width: 98%;
		max-height: 550;
/*		border: 1px solid blue; */
		border: 0;
		overflow-y: scroll;
		overflow-x: hidden;
		padding-right: 15px;
	}

	.anfahrt_text
	{
		grid-column: span 2 / span 2;
		grid-row: span 5 / span 5;
		grid-column-start: 3;
		grid-row-start: 2;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		padding: 15px;
	}

	.anfahrt_karte
	{
		grid-column: span 2 / span 2;
		grid-row: span 5 / span 5;
		grid-column-start: 5;
		grid-row-start: 2;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		padding: 10px;
	}
	
	/* ===== ACTION ARCHIV  ===== */

	.wmm_plakat
	{
		grid-column: span 2 / span 2;
		grid-row: span 5 / span 5;
		grid-column-start: 3;
		grid-row-start: 2;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		padding: 10px;
	}
	
	.wmm_text
	{
		grid-column: span 2 / span 2;
		grid-row: span 5 / span 5;
		grid-column-start: 5;
		grid-row-start: 2;
		background-color: black;

		/* Rahmen */
		border-color: white;
		border-width: 1px;
		border-style: solid;
		padding: 10px;
	}

}