.test
{
	display: block;
	height: 10px;
	width: 980px;
	background-color: green;
}
.test2
{
	display: block;
	height: 10px;
	max-width: 1920px;
	background-color: yellow;
}

/* Allgemein */
body
{
	margin: auto;
	background-color: #444444;
}

main
{
	padding: 0;
	max-width: 1600px;
	width: 85%;
	margin: auto;
	background-color: ;
	font-size: 20px;
	color: #ffffff;
}

.typa, .typb
{
	display: flex;
	background-color: #666666;
	flex-direction: column;
	padding: 5% ;
	margin-top: 0.5em;
}
.typb
{
	background-color: #606060;
}

/* Seiten Überschrift terminseite */
h1
{
	text-align: center;
	text-decoration: underline;
	background-color: #666666;
	padding: 0.5em 0 0.5em 0;
	margin: 0 0 0 0;
	text-decoration-color: #810a1a;
}


/* Section Überschrift */
h2
{
	font-size: 32px;
	padding: 0 1em 0 1em;
	margin: 0 0 0.8em 0;
	text-align: left;
	text-decoration: underline;
	text-decoration-color: #810a1a;
}

/* Inhalt Überschrift ueberuns */
h3
{
	font-size: 25px;
	text-decoration: underline;
}

/* Inhalt Überschrift kontakt */
h4
{
	margin: 0 0 0.1em 0;
	padding: 0;
	text-decoration: underline;
	font-size: 1.2em;
	font-weight: normal;
}



/* Inhalt A*/
.inhalta
{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.inhalta a
{
	color: #dddddd;
}

.inhalta img
{
	width: 40%;
}

.inhalta p
{
	display: block;
	margin: 0 0 0 0;
	padding: 0 3em 0 2em;
	width: 60%;
	font-size: 23px;
}

.linka
{
	display: block;
	text-align: center;
}

/* Inhalt B*/
.inhaltb
{
	display: flex;
	flex-direction: row;
	margin-bottom: 1em;
	justify-content: center;
}

.terminb
{
	flex: auto;
	margin: 0 1vw 0 1vw;
	background-color: red;
	max-width: 20em;
	width: 23vw;
	height: 13vw;
	max-height: 11.25em;
}

.terminb p
{
	display: block;
	text-align: center;
	width: 5em;
	background-color: #810a1a;
	font-size: 18px;
	margin-bottom: 0;
	margin-left: 7%;
}

.terminb a
{
	color: #ffffff;
	text-decoration: none;
	background-color: rgba(000, 000, 000, 0.6);
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.terminb:hover a
{
	background-color: rgba(000, 000, 000, 0.8);
}

.termininhalt
{
	margin: 0;
	padding: 7% 0 0 7%;
	height: 93%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	left: 0;
	top: 0;
}

/* Inhalt C*/
.inhaltc
{
	display: flex;
	flex-direction: row;
}

.inhaltc p
{
	display: block;
	margin: 0 0 0 0;
	padding: 0 3em 0 2em;
	width: 60%;
	font-size: 20px;
	text-align: justify;
}

.bildzitate
{
	display: flex;
	flex-direction: column;
	width: 40%;
	align-items: center;
}

.bildzitate img
{
	width: 100%;
	max-width: 15em;
}



.bildzitate i
{
	text-align: center;
}

/* Inhat D*/
.inhaltd
{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	text-align: justify;
}

.inhaltd p
{
	text-align: justify;
	padding: 0 0 1em 0;
	margin: 0;
	font-size: 20px;
}

.inhaltd a
{
	text-align: center;
	color: #ffffff;
	text-decoration: underline;
	font-size: 1.2em;
}

/* Inhalt E */

.inhalte
{
	display: flex;
	flex-direction: column;
}

.abschnitte img
{
	flex: 0 0 0%;
	height: 7em;
	background-color: ;
}

.abschnitte
{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.abschnitte p
{
	width: 70%;
}

.abschnitte .ausnahmee
{
	height: 2em;
}



/* Farbige Rahmen um Stufen */
.a
{
	border: 0.3em solid #ff6400;
}
.b
{
	border: 0.3em solid #2f53a7;
}
.c
{
	border: 0.3em solid #00823c;
}
.d
{
	border: 0.3em solid #cc1f2f;
}

/* Farbige Unterschreichung Stufen */
.a1
{
	text-decoration-color: #ff6400;;
}
.b1
{
	text-decoration-color: #2f53a7;
}
.c1
{
	text-decoration-color: #00823c;
}
.d1
{
	text-decoration-color: #cc1f2f;
}



.ee
{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.ff
{
	display: block;
	width: 70vw;
	max-width: 1001px;
	background-color: #606060;
	margin-right: 0.5vw;
}
.gg
{
	display: block;
	width: 35vw;
	height: 10vw;
	background-color: lime;
	margin-top: 1vw;
}

.sippen
{
	background-color: #4444;
	text-align: center;
	display: flex;
	flex-direction: column;
	margin-bottom: 1em;
	height: 5em;
	box-sizing: border-box;
	border:1px solid #222222;
	
}

.sippen1
{
	display: block;
	height: 50%;
	text-decoration: underline;
	font-size: 1.3em;
}

.sippen2
{
	display: flex;
	height: 50%;
	flex-direction: row;
	justify-content: space-around;
}

.inhaltg
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.inhaltg a
{
	color: #ffffff;
	text-decoration: none;
	margin: 0 0 1em 0;
	padding: 0;
}



.inhalti
{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.dag
{
	margin: 0.2em 0 0.2em 0;
	padding: 0.5em 0 0.5em 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 60vw;
	text-decoration: none;
	color: #ffffff;
	background-color: #555555;
	border: 0.08em solid black;
}

.inhalti p
{
	margin: 0 0 0.2em 0;
	padding: 0;
}

.tablei
{
	text-align: center;
	border-collapse: collpase;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1em;
	table-layout: auto;
	max-width: 100%;
	line-height: 2em;
	width: 30em;
	
}

.tablei td
{
	border: 1px solid black;
	
}



.underline
{
	text-decoration: underline;
}

.docu
{
	color: #ffffff;
	text-decoration: none;
}


.inhaltj
{
	text-align: center;
}

.inhaltj a
{
	color: white;
	
}

.inhaltj p
{
	margin-top: 2em;
}

/*Inhalt k*/
.textk
{
	text-align: justify;
	margin: 0;
	padding: 0;
}

.inhaltk1
{
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
}

.bilderk1
{
	margin-top: 1em;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.inhaltk1 .bildk1
{
	width: 45%;
}

.inhaltk1 .bildk2
{
	width: 45%;
}

.inhaltk2 .bildk1
{
	width: 45%;
	margin: 1.5em 1em 0 0;
	float: left;
}

.inhaltk3 .bildk1
{
	width: 80%;
	margin: 0 0 1em 0;
	display: flex;
	align-items: center;
}

.bilderk3
{
	display: flex;
	justify-content: center;
}

i
{
	text-align: center;
	margin-top: 1em;
}

.inhaltl ul
{
	list-style-type: none;
	margin: auto;
	display: flex;
	flex-direction: row;
	padding: 1.5em 4em 0 4em;
	justify-content: space-between;
}

.button button
{
	margin-left: 8em;
	height: 2.5em;
	width: 10em
}

.inhaltl list
{
	display: block;
	width: 500px;
	height: 200px;
	margin: auto;
	padding: 0;
	background-color: #444444;
}





@media (max-width: 980px)
{
	/* Allgemein */
	main
	{
		width: 100vw;
		font-size: unset;
	}
	
	
	
	h2
	{
		font-size: 2em;
		text-align: center;
	}
	
	h3
	{
		text-align: center;
	}
	
	/* A */
	.inhalta
	{
		flex-direction: column;
	}
	
	.inhalta img
	{
		width: 80%;
		max-width: 20em;
	}
	
	.inhalta p
	{
		width: 95%;
		font-size: 1.2em;
		text-align: justify;
		padding-top: 1.5em;
	}
	
	/* B */
	.inhaltb
	{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: 0;
	}
	
	.terminb
	{
		width: 80vw;
		max-width: 25em;
		margin:  1em 0 0 0;
		height: 45vw;
		max-height: 14em;
	}
	
	.terminb p
	{
		font-size: 1.2em;
	}
	
	.termininhalt
	{
		font-size: 1.2em;
	}
	
	/* C */
	.inhaltc
	{
		flex-direction: column;
		align-items: center;
	}
	
	.bildzitate
	{
		width: 95%;
		padding-bottom: 1em;
	}
	
	.inhaltc p
	{
		font-size: 1em;
		width: 95%;
	}
	
	/* D */
	.inhaltd p
	{
		font-size: 1em;
		width: 95%;
	}
	
	/* E */
	.inhalte
	{
		align-items: center;
	}
	
	.abschnitte
	{
		flex-direction: column;
	}
	
	.abschnitte img
	{
		margin-top: 0.5em;
		width: 20%;
	}
	
	.abschnitte p
	{
		width:  95%;
	}
	
	.ff
	{
		width: 91vw;
	}
	
	.sippen2
	{
		flex-direction: column;
	}
	
	.inhalth
	{
		text-align: center;
	}
	
	.inhaltk2 .bildk1
	{
		width: 80%;
		margin: 0 0 1em 0;
		display: flex;
		align-items: center;
	}

	.bilderk2
	{
		display: flex;
		justify-content: center;
	}
	.bilderk1
	{
		margin-top: 1em;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.inhaltk1 .bildk1
	{
		width: 70%;
		margin-bottom: 1em;
	}

	.inhaltk1 .bildk2
	{
		width: 70%;
	}
}