@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(https://themes.googleusercontent.com/static/fonts/exo2/v1/KzoFUeaQw_faskDsymvVJqCWcynf_cDxXwCLxiixG1c.woff) format('woff');
  font-display: swap;
}



/* getestet */

body {	
	flex: 1 1 0%;
	font-size: 1em;
	font-family: 'Exo 2', Arial,Verdana,sans-serif;
	line-height: 150%;
	color: #000;
	margin: 0em;
	background-color: #fff;
	word-spacing: .1em;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	padding-top: 1.5em;
	margin-bottom: 4em;
	/* background-image: linear-gradient(white, #8bff93); */
}

img	{	max-width: 100%;
	}

p	{	padding-left: 1em;
		padding-right: 1em;
	/*	text-indent: 1em; */
	}
	
p::first-letter {
	font-size: 1.25em;
}

.datum	{
	font-size: 0.85em;
	text-align: right;
}

A:link {	color: #009;
	text-decoration: underline;
	font-weight: bold;
	}

tt	{	font-size: 1.2em;
	}

td	{	padding: .5em;
	}

table, td	{	border: thin solid;
	border-collapse: collapse;
	padding-left: 1em;
	padding-right: 1em;
	}

li	{	padding-bottom: 0.5em;
	}
	
.ok	{
	list-style-type: "✅ "
}
	
.no	{
	list-style-type: "❌ "
}

.ga	{	
	padding: 0.2em;
	background-color: #acf;
	border-bottom-left-radius: 1em;
}

.kl	{	
	color: #600;
	padding: 0.2em;
	background-color: #fca;
	margin-left: 1em;
	margin-bottom: 1em;
	border-bottom-left-radius: 1em;
}
	
.container	{
	background-image: url('pics/intro.jpg');
	background-size: cover;
	}

.sum	{
		list-style-type: upper-roman;
		list-style-position: default;
	}
	
.type	{
	font-family: courier, typewriter;
	}

.basis	{
	width: 100%;
	max-width: 600px;
	padding: 0em;
	}

.content	{
	display: block;
	max-width: 100%;
	}
	
.flex-container {
  display: flex;
}

.zentriert {
  display: flex;
  align-items: center;
  padding-bottom: 1em;
  justify-content: center;
}
	
.summary {
	flex: 1 1 0%;
	border: 0.1em solid #03a;
	border-radius: 0.5em;
	border-right-width: 0.3em;
	border-bottom-width: 0.3em;
	margin: 0em 0em 1em 0em;
	padding: 0.5em;
	font-size: 1.2em;
	line-height: 1.5em;
	background-image: linear-gradient(#fff, #bde);
	}
	
.resumee {
	flex: 1 1 0%;
	border: 0.1em solid #678;
	border-radius: 0.5em;
	border-right-width: 0.3em;
	border-bottom-width: 0.3em;
	margin: 0em 0em 8em 0em;
	padding: 1em;
	background-color:	#d6f2ef;
	}
	
	

.button-test {
  display: block;
  padding: 1em 1.4em;
  background: #005BBB;
  color: white;
  text-decoration: none;
  border-radius: 10px;
  font-weight: 600;
  margin: 1.2em 0;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
}
.button-test:hover {
  background: #004799;
}
	
.rote_linie_li	{
	border-left: 1em #c00 solid;
	padding-left: 1em;
	}
	
.hypothese	{
	flex: 1 1 0%;
	border: solid 0.3em #05a;
	background-color: #bdf;
	padding: 0.5em;
	}
	
.topic {
	flex: 1 1 0%;
	border: 0.15em solid #a00;
	border-radius: 0.5em;
	border-right-width: 0.3em;
	border-bottom-width: 0.3em;
	margin: 0em 0em 1em 0em;
	background-color:	#eee;
	font-size: 1.2em;
	margin-left: 1em;
	padding: 1em;
	}

.empf		{
	flex: 1 1 0%;
	border: 0.15em solid #c00;
	border-radius:  0.5em 0.5em;
	border-left-width: 1em;
	background: #ddd;
	padding: 1em;
	font-size: 1.1em;
	}

.textbox2 {	
	margin: 1em 0em;
	padding: 1em;
	border: 0.1em solid #036;
	border-radius: 0.5em;
	border-right-width: 0.3em;
	border-bottom-width: 0.3em;
	background-color:	#edeeef;
	font-size: 1.1em;
	}
	
.nur_box, .hypo	{
	flex: 1 1 0%;
	border: solid 0.3em #c00;
	background-color: #cdf;
	background-image: linear-gradient(#fff, #cdf);
	border-radius: 0em 1.5em 1.5em 1.5em;
	box-shadow: 20px 10px 20px 0px grey;
	margin-right: 1.5em;
	margin-bottom: 2em;
	padding: 0.5em;
	font-size: 1.1em;
	}
	
.schnell	{
	flex: 1 1 0%;
	border: solid 0.1em #070;
	background-color: #efe;
	border-radius: 0em 1.5em 1.5em 1.5em;
	padding: 0.5em;
	margin-bottom: 1.5em;
	margin-left: 1em;
	}
	
.spezial	{
	border-left: 1em solid #f00;
	background-color: #dfd9d6;
	padding-bottom: .5em;
	padding-right: .5em;
}
	
.liste1	{
	list-style-type: "☆ "
}
	
.liste2	{
	list-style-type: "★ "
}
	
.ut	{
	margin-right: .5em;
	margin-bottom: 2em;
	font-size: 1.2em;
	font-family: Courier, Typewriter;
	text-align: center;
	hyphens: none;
	padding: .5em;
	border-radius: 0.5em;
	box-shadow: .3em .2em .3em .3em grey;
	}
	
.bsp {
	flex: 1 1 0%;
	padding: 0.5em;
	background-color: #cdf;
	border-left: #00f .5em solid;
	}

.orangetop	{
	background-color: #ef5002;
	color: #fff;
	flex: 1 1 0%;
	border: 0.1em solid #444;
	border-radius: 0.5em;
	border-right-width: 0.3em;
	border-bottom-width: 0.3em;
	padding: 0em;
	margin-bottom: 1em;
	margin-left: 1em;
	}
	
.fl_mit, .achtung {
	flex: 1 1 0%;
	border: 0.1em solid #f00;
	padding: 0.5em;
	padding-left: 1em;
	border-radius: 0.5em;
	border-left: 0.5em solid #c00;
	background-color: #fdc;
	margin-left: 1em;
	font-size: 1.2em;
	}
	
.blau_li, .exkurs {
	flex: 1 1 0%;
	border: 0.1em solid #09c;
	border-left: 0.5em solid #09c;
	padding: 0.5em;
	background-color: #ddd;
	font-size: 1.1em;
	}
	
.blau_nur_li, .look {
	flex: 1 1 0%;
	border-left: 0.2em solid #9e013c;
	padding: 0.5em;
	border-radius:  1.5em;
	background-image: linear-gradient(to right, #fadb9f, #fff, #fff);
	}
	
/* Ende getestet */

/* basics */
	

.spar	{
	display: none;
	}
	
#toplink {
	background: white;
	bottom: 0;
	margin: 0;
	padding: 0.5em 1em;
	position: fixed;
	right: 0;
}

footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: linear-gradient(to right, #60b2dc, #fff, #60b2dc);
	border-top: .1em #000 solid;
	font-size: .8em;
}
	
/* MENU */

.menu5	{
	display: none;
	}
	
.menumob	{
	display: none;
	}
	
.menu_mops	{
	position: fixed;
	font-size: 1.2em;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	margin: 0;
	right: 0;
	left: 0;
	padding-top: 0.1em;
	background-image: linear-gradient(to right, #60b2dc, #fff, #60b2dc);
	}
	
.menudesk	{
	display: none;
	}
	
.menu_li	{
	padding-left: 0.5em;
	}
	
.menu_neu	{
	padding-left: 1em;
	background-color: #ddd;
	font-style: italic;
	}
	
.menu_top	{
	padding-left: 0.5em;
	background-color: #ddd;
	font-family: Trebuchet MS, Palatino, serif;
	}
	
.menu_rubrik	{
	font-family: Courier, NewCourier, Courier New, Typewriter;
	font-size: 1.2em;
	font-weight: bold;
	font-variant-caps: small-caps;
	padding-top: 0.5em;
	background-color: #fff;
	border-radius: 1em;
	}
	
.menu_gruppe	{
	font-style: normal;
	padding-top: 0.5em;
	}
	
/* MENU Ende */
	
.callnav	{
	display: visible;
	text-align: center;
	border-bottom: .1em solid #000;
	}

.flex-item {
	flex: 1 1 0%;
	border: 0.05em solid;
	border-radius: .5em .5em;
	padding: 1em;
	background: #e0e9ef;
	}

.menu	{	text-align: left;
	text-indent: 0em;
	padding-left: 0.5em;
	font-size: 0.9em;
	}

/* DIV, CENTER, LI, LH, BLOCKQUOTE, TD {	font-size: 1em; */

div, center, blockquote, td {
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
	}

.std {	font-size: 1em;
	color: #000;
	}

em, strong	{	
	font-style: normal;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	}
	
.wichtig	{
	font-weight: bold;
	color: #933;
	border-left: 0.3em solid #933;
	}
	
.hinweis	{
	font-style: italic;
	color: #339;
	}

.zitat	{	
	font-style: italic;
	font-weight: bold;
	color: #900;
	padding-left: 1em;
	}

/* Ueberschriften */

H1 {	font-size: 2em;
	font-family: Trebuchet MS, Palatino, serif;
	font-weight: normal;
	text-align: center;
	line-height: 1.2em;
	color: #000;
	flex: 1 1 0%;
	hyphens: none;
	}

.sonst {	background-color: #494b74;
	border-radius: 10px;
	color: #fff;
	border: 5px #89c2ec solid;
	margin: 1em 0em 1em 0em;
	padding: 1em;
}

H2 {	font-size: 1.5em;
	font-family: Trebuchet MS, Palatino, serif;
	color: #000;
	font-weight: normal;
	font-style: italic;
	line-height: 1.25em;
	flex: 1 1 0%;
	hyphens: none;
}

H2.faq	{font-size: 1.5em;
	font-family: 'Exo 2', serif;
	line-height: 1.25em;
	font-weight: bold;
	color: #fff;
	background: #246;
	padding: 1em;
	hyphens: none;
}

H2.li {	font-size: 1.2em;
	font-family: Trebuchet MS, Palatino, serif;
	color: #008;
	font-weight: normal;
	line-height: 1.2em;
	text-align: left;
	flex: 1 1 0%;
	hyphens: none;
}

H3 {	font-size: 1.4em;
	font-family: 'Exo 2', serif;
	line-height: 1.4em;
	font-style: italic;
	font-weight: normal;
	color: #000;
	hyphens: none;
}

.faq2	{font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background: #246;
	padding: .5em;
}

H4 {	font-size: 1.25em;
	font-family: 'Exo 2', serif;
	font-weight: normal;
	font-style: italic;
	color: #000;
	hyphens: none;
}

H5 {	font-size: 1.1em;
	font-family: 'Exo 2', serif;
	font-weight: bold;
	color: #000;
	hyphens: none;
}

/* Schrift und Hintergrund */

.gross {	font-size: 1.25em;
	line-height: 1.5em;
}

.groesser	{	font-size: 1.5em;
	line-height: 1.25em;
}

.ind	{	text-indent: 1em;
}

.alert	{	color: #d00;
}
	
	
/* verschiedene padding-Einstellungen */

.einzug_li {	
	padding-left: 2em;
	}

/* Bilder und Boxes */

.bild_li {
	display:	block;
	max-width: 100%;
	}

.bild_re {
	display:	block;
	max-width: 100%;
	}

.bild_li_muss {
	margin: 1em 3em 1em 0em;
	text-align: left;
	border: 0em;
	display:	inline;
	float:	left;
	}

.bild_re_muss {
	margin: 0.5em 0em 0.5em 1.5em;
	text-align: right;
	border: 0em;
	display:	inline;
	float:	right;
	}
	
.fl_mit, .achtung {
	flex: 1 1 0%;
	padding: 0.5em;
	padding-left: 1em;
	border-left: 0.7em solid #f00;
	background-color: #fdc;
	}
	
.pad_li	{
	padding-left: 1em;
	}

/* Breadcrumb */
.breadcrumb { padding: 0.5em 0; font-size: 0.85em; color: #666; }
.breadcrumb ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.breadcrumb li { display: inline; }
.breadcrumb li + li::before { content: " › "; margin: 0 0.3em; color: #999; }
.breadcrumb a { color: #246; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb [aria-current="page"] { color: #333; }

/* Author Box */
.author-box { margin: 2em 0; padding: 1em; background-color: #f5f5f5; border-left: 4px solid #246; font-size: 0.9em; }
.author-box p { margin: 0; }

/* Key Facts */
.keyfacts { margin: 1.5em 0; padding: 1em 1.5em; background-color: #f0f4f8; border: 1px solid #d0d8e0; border-radius: 6px; }
.keyfacts h2 { margin-top: 0; font-size: 1.1em; }