/*	Farbcodes
	Schwarz: #000000;
	Weiss: #ffffff;
	Grau: #D9DADA;
	Dunkelgrau: #808080;
	Hintergrund: #F2F2F2;
	Blau: #56698F;
	Hellblau: #81BEF7;
	Link: #56698F;
	Link aktiviert: #81BEF7;
	Grünton: #64FE2E;
	Gelbton: #F4FA58;
	Blockfarbe: #eeeeee;
	Blockfarbe2: #58FA82;
	Blockfarbe3: #FE2E2E;
	Hellgrau2: #eeeeee;
	Rotton: #DC143C;
*/

/*  Grundgerüst  */
@media only screen {
	* {
		margin:0px;
		padding:0px;
		font-family:'Kavivanar', verdana, sans serif;
	}	
	body {
		background-color: #eeeeee;
		position:relative;
		display: block;
		flex-direction:column;
		justify-content:center;
		align-items:flex-start;
		width:100%;
	}
}

/*  farben  */
@media only screen {
	.black {
	color: #000000;
	}
	.bg_black {
	background-color: #000000;
	border-color: #000000;
	}
	.white {
	color: #ffffff;
	}
	.bg_white {
	background-color: #ffffff;
	border-color: #ffffff;
	}
	.gray {
	color: #D9DADA;
	}
	.bg_gray {
	background-color: #D9DADA;
	border-color: #D9DADA;
	}
	.darkgray {
	color: #808080;
	}
	.bg_darkgray {
	background-color: #808080;
	border-color: #808080;
	}
	.lightgray {
	color: #eeeeee;
	}
	.bg_lightgray {
	background-color: #eeeeee;
	border-color: #eeeeee;
	}
	.blue {
	color: #56698F;
	}
	.bg_blue {
	background-color: #56698F;
	border-color: #56698F;
	}
	.red {
	color: #ff0000;
	}
	.bg_red {
	background-color: #ff0000;
	border-color: #ff0000;
	}
	.green {
	color: #00FF00;
	}
	.bg_green {
	background-color: #00FF00;
	border-color: #00FF00;
	}
	.link {
	color: #56698F;
	}
}

/*  Schriften  */
@media only screen {
	p {
		font-size:14px;
		color: #56698F;
		margin-bottom:3px;
	}
	h1 {
		font-size:36px; 	
		color: #56698F;
		margin-top:8px;
		margin-bottom:14px;
		font-weight: bold;	
	}
	h2 {
		font-size:24px; 	
		color: #56698F;
		margin-top:8px;
		margin-bottom:12px;
		font-weight: bold;	
	}
	h3 {
		font-size:18px; 	
		color: #56698F;
		margin-top:8px;
		margin-bottom:12px;
		font-weight: bold;	
	}
	h4 {
		font-size:16px; 	
		color: black;
		margin-top:8px;
		margin-bottom:8px;
		font-weight: bold;	
	}
	h5 {
		font-size:18px; 	
		color: black;
		margin-top:8px;
		margin-bottom:8px;
		font-weight: bold;	
	}
	.fett {
		font-weight: bold;	
	}
	.dünn {
		font-weight: light;	
	}
	.kursiv {
		font-style: italic;
	}
	.unterstrichen {
		text-decoration:underline;
	}
	.linksbuendig {
		text-align:left;
	}
	.rechtsbuendig {
		text-align:right;	
	}
	.text-center {
		text-align:center;
	}
	Footer p {
		font-size:10px;
		color: #56698F;
		margin-bottom:2px;
		margin-right:2px;
	}
	Footer h5 {
		font-size:14px;
		color: #56698F;
		margin-top:0px;
		margin-bottom:4px;
		font-weight: bold;	
	}
}

/*  Background  */
@media only screen {
	#obere_trennlinie {
		left:10px;
		top:101px;
		width:43vw;
		height:10px;
		position:fixed;
		background-color: #56698F;
		z-index:0;
	}	
	#untere_trennlinie {
		left:10px;
		top:116px;
		width:65vw;
		height:5px;
		position:fixed;
		background-color: #56698F;
		z-index:0;
	}	
	#logo {
		position:absolute;
		top:2px;
		left:44vw;
		width: 20%;
	}
	.titellogo {
		height: 150.5px;
		width: auto;
	}
	#sidebar {
		right:10px;
		bottom:85px;
		width:25px;
		height:73vh;
		position:fixed;
		background-color: #56698F;
		z-index:0;
	}	
	#dekorbox1 {
		width:25px;
		height:25px;
		right:28px;
		bottom:210px;
		background-color: #D9DADA;
		position:fixed;
		z-index:1;
	}
	#dekorbox2 {
		width:25px;
		height:25px;
		right:41px;
		bottom:175px;
		background-color: #56698F;
		position:fixed;
		z-index:0;
	}
	#dekorbox3 {
		width:25px;
		height:25px;
		right:65px;
		bottom:140px;
		background-color: #D9DADA;
		position:fixed;
		z-index:0;
	}
	#dekorbox4 {
		width:25px;
		height:25px;
		right:100px;
		bottom:110px;
		background-color: #56698F;
		position:fixed;
		z-index:0;
	}
	#socialmedialeiste{
		right: 0%;
		bottom: 20px;
		height: 50px;
		width:70vW;
		border-radius: 200px 0 0 0;
		position: absolute;
		background-color: #D9DADA;
		z-index:0;
	}
	#fussleiste{
		right: 0%;
		bottom: 0px;
		height: 20px;
		width:100%;
		position: fixed;
		background-color: #56698F;
		z-index:0;
	}
}

/*  Hauptmenü  */
@media only screen {
	#desktopprimarymenu {
		position:fixed;
		top:77.5px;
		left:0px;
		width:100%;
		z-index:99;
	}
	#desktopprimarymenu > ul {
		display:flex;
		flex-direction:row;
		position:relative;
		left:10px;
		z-index:99;
		margin:0px 0px;
	}
	#desktopprimarymenu li {
		list-style:none;
		display:flex;
		flex-direction:row;
		position:relative;
		display: list-item;
	}
	#desktopprimarymenu > ul ul {
		display:flex;
		flex-direction:column;
		position:relative;
		left:-90px;
		top: 42px;
		z-index:99;
		margin:0px 0px;
	}
	#desktopprimarymenu ul ul li {
		list-style:none;
		display:flex;
		flex-direction:row;
		position:relative;
		display: list-item;
/*		list-style:none;
/*		position:relative;
/*		left:-67px;
/*		top: -50px;
/*		display:flex;
/*		flex-direction:row;
/*		justify-content: flex-end;	*/
/*		align-items: flex-start;	*/
/*		display: list-item;			*/
	}
	#desktopprimarymenu .menupunkt {
		color:#56698F;						/*	Textfarbe der Links im Hauptmenü	*/
		font-size:12px;						/*	Schriftgröße im Hauptmenü	*/
		text-decoration:none;				/*	Unterstreichung deaktivieren	*/
		padding:5px 2px 5px 2px;			/*   Abstände der Menüpunkte   */
		margin:0px 10px 0px 10px;				/*   Abstände der Menüpunkte   */
		font-weight:bold;					/*	Schriftstärke im Hauptmenü	*/
		text-align:center;					/*  Ausrichtung des Textes   */
	}
	#desktopprimarymenu .dropdown {
		width:5%;
		list-style: "\25BC";
		list-style-position: inside;
		margin-left: 5px;
	}
	#desktopprimarymenu a:hover {
		color:#81BEF7;						/*	Textfarbe der Links im Hauptmenü	*/
		font-weight:bold;					/*	Schriftstärke im Hauptmenü	*/
	}
	#desktopprimarymenu a:hover ul .dropdown-menu{
		visibility:visible;
	}
	#desktopprimarymenu .trenner {
		margin:0px 15px;
	}
	#desktopprimarymenu .current {
		color:#ff0000;						/*	Textfarbe der Links im Hauptmenü	*/
		font-weight:bold;					/*	Schriftstärke im Hauptmenü	*/
	}
}

/*  Klickpfad  */
@media only screen {
	#breadcromb {
		color: #000000;
		position:fixed;
		top:122.5px;
		left:15px;
		font-size:10px;
		display:flex;
		flex-direction:row;
		position:relative;
		left:10px;
		z-index:99;
		margin:0px 0px;
	}
	#breadcromb > ul {
		display:flex;
		flex-direction:row;
		position:relative;
		left:20px;
		z-index:99;
	}
	#breadcromb li {
		color: #56698F;
		list-style:none;
		position:relative;
		display:flex;
		flex-direction:row;
		position:relative;
		display: list-item;
		margin:0px 5px;
	}
	#breadcromb > a {
		color: #56698F;
		display:flex;
		flex-direction:row;
		position:relative;
		left:10px;
		z-index:99;
	}
}

/*  Sprachmenü  */
@media only screen {
	#sprachwahl {
		position:absolute;
		right:50px;
		top:20px;
	}
}

/*  Kopfbereich  */
@media only screen {
	header {
		top:0px;
		height:17vH;
		width:100vW;
		position:fixed;
	}
}

/*  Contnent  */
@media only screen {
	@media (min-height: 0%) and (max-height: 25%) {
		main {
			height:20%;
		}
	}
	@media (min-height: 25%) and (max-height: 50%) {
		main {
			height:30%;
		}
	}
	@media (min-height: 50%) and (max-height: 75%) {
		main {
			height:40%;
		}
	}
	@media (min-height: 75%) and (max-height: 100%) {
		main {
			height:50%;
		}
	}
	main {
		top:150px;
		width:100vW;
		position:fixed;
		flex-direction:column;
		justify-content:center;
		align-items:flex-start;
		text-align:center;
	}
	#content {
		left:15px;
		margin: 15px 50px;
		padding: 0px 80px;
/*		height:50vH;	 	*/
		height: calc(100vH - 250px);
		position:relative;
		display: block;
		flex-direction:column;
		justify-content:center;
		align-items:flex-start;
		text-align:center;
		overflow: auto;
	}
	main > aside > article {
/*		border: white solid 2px; 	*/
	}
	#contentleft {
/*		border: green solid 1px; 	*/
		margin:10px;
	}
	#contentmain {
/*		border: red solid 1px; 	*/
		margin:10px;
		flex-direction:column;
		justify-content:center;
		align-items:flex-start;
		text-align:center;
	}
	#contentright {
/*		border: yellow solid 1px; 	*/
		margin:10px;
	}
	#contentsidebar {
/*		border: blue solid 1px; 	*/
		margin:10px;
	}

	#contentmain img {
		height:175px;
		width:auto;
		flex-direction:column;
		justify-content:center;
		align-items:flex-start;
		text-align:center;
	}
}

/*  Fussbereich  */
@media only screen {
	footer {
		position:absolute;
		left:0px;
		bottom: 0px;
		width:100%;
		height: 11vH;
		position: fixed;
	}
	#copyright {
		position:absolute;
		bottom:2px;
		left:0px;
		width:100%;
		text-align: left;
		font-size:10px;
		margin-bottom:2px;
		padding-left:10px;
		z-index:99;
	}
	#info {
		position:absolute;
		bottom:2px;
		left:0px;
		width:100%;
		text-align: center;
		font-size:10px;
		margin-bottom:2px;
		z-index:99;
	}
	#desktopsecondarymenu {
		position:absolute;
		bottom:1.5px;
		left:0px;
		width:100%;
		text-align: right;
		font-size:10px;
		margin-bottom:2px;
		padding-right:10px;
		z-index:99;
	}
	#desktopsecondarymenu ul {
		display:flex;
		flex-direction:row;
		justify-content:flex-end;
		align-items:flex-end;
	}
	#desktopsecondarymenu li {
		color:#ffffff;
		margin: 0px 6px 2px 6px;
		list-style-type: none;
	}
	#desktopsecondarymenu a,
	#desktopsecondarymenu a:active,
	#desktopsecondarymenu a:link,
	#desktopsecondarymenu a:hover {
		color:#ffffff;
		font-size:10px;
		z-index:99;
	}
	footer #adresse {
		position:fixed;
		bottom:20px;
		left:10px;
		margin-bottom:5px;
		padding:0px;
		display:flex;
		flex-direction:row;
		justify-content:flex-start;
		align-items:flex-start;
		z-index:99;
	}
	footer #adressespalte {
		margin-right:0px;
		display:flex;
		flex-direction:column;
		justify-content:flex-start;
		align-items:flex-start;
		z-index:99;
	}
	footer #socialmediaicons {
		position:absolute;
		left:30px;
		top:11px;
		height:50px;
		display:flex;
		flex-direction:row;
		justify-content:flex-start;
		align-items:flex-start;
		z-index:99;
	}
	#socialmediaicons img {
		width:30px;
		height:auto;
		margin:0px 10px;
	}
	#socialmediaicons hr {
		margin:0px 15px;
	}
	#inputbox {
		position: absolute;
		right:20px;
		bottom:2px;
		margin-bottom:10px;
		z-index:10;
	}
}

/*  Sichtbarkeit  */
@media only screen {

	/*  Allgemein  */
	.dekor {
		visibility:visible;
	}

	/*  Kopfbereich  */
	header {
		visibility:visible;
/*		border-bottom: #0000ff 1px solid; 	*/
	}
	#logo {
		visibility:visible;
	}
	#breadcromb {
		visibility:hidden;
	}
	#desktopprimarymenu{
		visibility:visible;
	}
	#sprachwahl {
		visibility:hidden;
		background-color: #ff0000;
	}

	/*  Hauptbereich  */
	main {
		visibility:visible;
/*		border: #000000 1px solid;	 	*/
	}
	#content {
		visibility:visible;
	}

	/*  Fussbereich  */
	footer {
		visibility:visible;
/*  		border-top: #ff0000 1px solid;  */
	}
	#adressespalte{
		visibility:visible;
	}
	#copyright {
		visibility:visible;
	}
}