/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1.3;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} 
li {margin-left: 1em;}

/* ul {padding-bottom:0.5em;} */


:root {
  --navheigth: 8em;
  --scrollheigth: calc(100vh - var(--navheigth) - 2em);
  --blaud: rgb(0,31,89);
 /* --blaud: rgb(0,31,89); */
  --blauh: rgb(149,168,244);
  --grue: rgb(78,200,139);
  --gel: rgb(211,231,72);
  --gelgrue: rgb(80,84,37);
  --gelgruehe: rgb(216,251,148);
  --rigw: 50em;
  --lefw: 16em;
  --sattgruen: rgb(178,207,83);
  
}

body {
	background-color: rgb(244,244,255);
	}
	 
* {
  color: #001f59
}

h1 {
	color: var(--blaud);
	font-weight: 800;
	font-size: 1.5em;
}

a, .lin {
	color: var(--blauh);
	font-weight: 600;
	text-decoration: none;
}

.current {
	color: var(--gel) !important;
	font-weight: 600;
	text-decoration: none;
}

.lin
{
	cursor: pointer;
}


p.listig {
text-indent: -1.6em; 
margin-left: 1.6em;
margin-bottom: 0.3em;
margin-top: 0.0em;
line-height: 1.3em;
}
p.listig::before {
  content: "\2013 \2003";
}

.highlight {
	animation: fadeIn 5s;
  	background-color: var(--gelgruehe);
}

@keyframes fadeIn {
  from {
  	background-color: #FFFFFF;
  }
  to {
 	background-color: var(--gelgruehe);
  }
}



.fla {
margin-bottom: 0.8em;
}

.imri {
float:right; 
 width: 238px;
margin-left:25px; 
margin-top: 0em; 
margin-bottom: 1em;
}

.imto {
width: 66%;
margin-top: 1em;
margin-bottom: 1em;">
}

.navitext a {
	color: var(--blaud);
	font-size: 1.2em;
}

.center
{
max-width: 66em;
margin: 0 auto;
}

.flexbody {
	display: flex;
/*	border: solid green; */ 
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-left: 0.5em;
   }

.flexcont {
	display: flex;
/*	border: solid blue; */ 
	flex-wrap: wrap;
/*	max-width:90em; */
	max-width: calc( var(--rigw) + var(--lefw) + 1em );
	padding-bottom: 2em;
   
}

.lef {
  width: var(--lefw);  /* Or whatever */
 /* border: solid red; */
  padding: 0em 1em .7em 0em;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; 
  }

.rig {
  width: var(--rigw);
/*  border: solid red; */
/*  padding-left: 1em; */
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; 
/*  padding: 1em 1em 1em 1em; */
  }
  
.flexnav {
	display: flex;
/*	border: solid blue; */ 
	flex-wrap: wrap;
	max-width:90em 
  }

.navlef {
	height: 4em;
  }

.navi {
	align-items: flex-end;
	position: fixed;
	top: 0;
	display: flex;
/*	border: solid yellow; */ 
/*	flex-wrap: nowrap; */
	background-color: var(--sattgruen);
	background-image: url("../img/logo.png");
	min-height: var(--navheigth);
	background-size: cover;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; 
	margin-bottom: 1em;
	padding-bottom: 0em;
 	width:100%;
 	max-width: calc( var(--rigw) + var(--lefw) + 1em );
 }

.navitext {
/*    width: var(--rigw); */
  width: 100%;
/*  border: solid red; */
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; 
  padding: 5em .5em 1em 0em;
  text-align:right;
  line-height:1.5em
  }
  
.content {
padding-top: 9em;
}


/*MEDIA QUERY*/
@media only screen and (max-width : 820px) {

.content {
padding-top: 12em;
}

.navitext a {
	color: var(--blaud);
	font-size: 1.0em;
}

.lef {
/*  width: auto; */
/*  border: solid grey; */
  padding-left: 1em; 
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; 
  }

.rig {
  width: auto;
/*  border: solid black; */
/* padding-left: 1em; */
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; 
  padding: 1em 1em 1em 1em;
  }

.imri {
float:none; 
max-width: 40%;
margin-left:0em; 
margin-top: 0em; 
margin-top: 1em;
margin-bottom: 1em;
}

.imto {
width: 20em;
margin-top: 1em;
margin-bottom: 1em;">
}

.navi {
	display: flex;
/*	border: solid yellow; */ 
/*	flex-wrap: nowrap; */
	background-color: var(--sattgruen);
	background-image: url("../img/logoK.png");
	min-height: var(--navheigth);
	background-size: cover;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; 
	margin-bottom: 1em;
	padding-bottom: 0em;
  }

}

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

.imri {
float:none; 
max-width: 70%;
margin-left:0em; 
margin-top: 0em; 
margin-top: 1em;
margin-bottom: 1em;
}

}