body
{
	background-size: 100% 100%;
	background-color: #000000;
}
		
a
{
	color: blue;
	text-decoration: none;
}
	
a.green
{
	color: green;
}

a.blue
{
	color: blue;
}

.progress .tw
{
	color: #9146FF;
}
	
.progress .xt
{
	color: #FFFFFF;
}
	
.progress .twit
{
	color: #1DA1F2;
}

@media only screen and (min-width: 1300px)
{
	.logo
	{
		background: url("NVD Bilder/Neuerstempel2.svg");
		background-size: 100% 100%;
		width: 200px;
		height: 200px;
		margin: 0 auto;
		margin-bottom: 5%;	
	}
	

	.hauptbereich
	{
		background-color: #000000;
		width: 1250px;
		height: 2550px;
		margin-Top: 5%;
		margin: 0 auto;
		border-radius: 1%;
		padding-top: 2%;
	}

	.aussen
	{
		background-color: black;		
		margin: 0 auto;
		padding-top: 5%;
		width: 25%;
		height: 1500px;
		border-radius: 1%;
		box-shadow: 0px 0px 0px white;
	}
	
	.innen
	{
		
		width: 60%;
		height: 200px;
		border-radius: 20%;
		margin: 0 auto;
		border: 2px solid white;
		border-top: none;
		margin-bottom: 60px;
		box-shadow: 0px 16px 15px white;
	}
	
	.labelbx
	{
		padding: 12px;
		position: relative;
	}
	
	.label
	{
		position: absolute;
		top: -12px;
		left: 50%;
		transform: translateX(-50%);
		color : white;
		font-size: clamp(16px, 2vw, 20px);
		font-family: "Times new Roman";
	}

	.button
	{
		margin: 0 auto;
	}
	
	.btext
	{
		
		margin-top: 10px;
		color : #fdf0d5;
		text-align: center;
		font-size: clamp(16px, 2vw, 17px);
		font-family: "Arial Narrow", Arial, sans-serif;
		
	}
	
	.progress
	{
		
		margin-top: 10px;
		color : #c1121f;
		text-align: center;
		font-size: clamp(13px, 2vw, 16px);
		font-family: "Arial Narrow", Arial, sans-serif;
		
	}
	
}

@media only screen and (min-width: 900px) and (max-width: 1300px)
{
	.logo
	{
		background: url("NVD Bilder/Neuerstempel2.svg");
		background-size: 100% 100%;
		width: 200px;
		height: 180px;
		margin: 0 auto;
		margin-bottom: 5%;	
	}
	
	.hauptbereich
	{
		background-color: black;
		width: 80%;
		height: 2550px;
		margin-Top: 5%;
		margin: 0 auto;
		border-radius: 1%;
		padding-top: 2%;
	}

	.aussen
	{
		background-color: black;		
		margin: 0 auto;
		padding-top: 5%;
		width: 32%;
		height: 1500px;
		border-radius: 1%;
		box-shadow: 0px 0px 0px white;
	}

	.innen
	{
		width: 60%;
		height: 200px;
		border-radius: 20%;
		margin: 0 auto;
		border: 2px solid white;
		border-top: none;
		margin-bottom: 60px;
		box-shadow: 0px 16px 15px white;
	}
	
	.labelbx
	{
		padding: 12px;
		position: relative;
	}
	
	.label
	{
		position: absolute;
		top: -12px;
		left: 50%;
		transform: translateX(-50%);
		color : white;
		font-size: clamp(16px, 2vw, 20px);
		font-family: "Times new Roman";
	}

	.button
	{
		margin: 0 auto;
	}
	
	.btext
	{
		margin-top: 10px;
		color : #fdf0d5;
		text-align: center;
		font-size: clamp(16px, 2vw, 17px);
		font-family: "Arial Narrow", Arial, sans-serif;
	}
	
	.progress
	{
		margin-top: 10px;
		color : #c1121f;
		text-align: center;
		font-size: clamp(13px, 2vw, 16px);
		font-family: "Arial Narrow", Arial, sans-serif;
	}	
}

@media only screen and (min-width: 600px) and (max-width: 900px)
{ 

	.logo
	{
		background: url("NVD Bilder/Neuerstempel2.svg");
		background-size: 100% 100%;
		width: 200px;
		height: 180px;
		margin: 0 auto;
		margin-bottom: 5%;	
	}
	
	.hauptbereich
	{
		background-color: black;
		width: 90%;
		height: 2550px;
		margin-Top: 5%;
		margin: 0 auto;
		border-radius: 1%;
		padding-top: 2%;
	}

	.aussen
	{
		background-color: black;		
		margin: 0 auto;
		padding-top: 5%;
		width: 45%;
		height: 1500px;
		border-radius: 1%;
		box-shadow: 0px 0px 0px white;
	}

	.innen
	{
		width: 60%;
		height: 200px;
		border-radius: 20%;
		margin: 0 auto;
		border: 2px solid white;
		border-top: none;
		margin-bottom: 60px;
		box-shadow: 0px 16px 15px white;
	}
	
	.labelbx
	{
		padding: 12px;
		position: relative;
	}
	
	.label
	{
		position: absolute;
		top: -12px;
		left: 50%;
		transform: translateX(-50%);
		color : white;
		font-size: clamp(13px, 2vw, 17px);
		font-family: "Times new Roman";
	}

	.button
	{
		margin: 0 auto;
	}
	
	.btext
	{
		margin-top: 10px;
		color : #fdf0d5;
		text-align: center;
		font-size: clamp(16px, 2vw, 17px);
		font-family: "Arial Narrow", Arial, sans-serif;
	}
	
	.progress
	{
		margin-top: 10px;
		color: #c1121f;
		text-align: center;
		font-size: clamp(13px, 2vw, 16px);
		font-family: "Arial Narrow", Arial, sans-serif;
	}	
}

@media only screen and (max-width: 600px)
{ 

	.logo
	{
		background: url("NVD Bilder/Neuerstempel2.svg");
		background-size: 100% 100%;
		width: 150px;
		height: 150px;
		margin: 0 auto;
		margin-bottom: 5%;	
	}
	.hauptbereich
	{
		background-color: #000000;
		width: 91%;
		height: 1800px;
		margin-Top: 5%;
		margin: 0 auto;
		border-radius: 1%;
		padding-top: 2%;
	}

	.aussen
	{
		background-color: black;		
		margin: 0 auto;
		padding-top: 5%;
		width: 60%;
		height: 1600px;
		border-radius: 1%;
		box-shadow: 0px 0px 0px white;
	}

	.innen
	{
		width: 60%;
		height: 200px;
		border-radius: 20%;
		margin: 0 auto;
		border: 2px solid white;
		border-top: none;
		margin-bottom: 60px;
		box-shadow: 0px 16px 15px white;
	}
	
	.labelbx
	{
		padding: 12px;
		position: relative;
	}
	
	.label
	{
		position: absolute;
		top: -12px;
		left: 50%;
		transform: translateX(-50%);
		color : white;
		font-size: clamp(16px, 2vw, 20px);
		font-family: "Times new Roman";
	}

	.button
	{
		margin: 0 auto;
	}
	
	.btext
	{
		margin-top: 10px;
		color : #fdf0d5;
		text-align: center;
		font-size: clamp(16px, 2vw, 17px);
		font-family: "Arial Narrow", Arial, sans-serif;
	}
	
	.progress
	{
		margin-top: 10px;
		color : #c1121f;
		text-align: center;
		font-size: clamp(13px, 2vw, 16px);
		font-family: "Arial Narrow", Arial, sans-serif;
	}
}