@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;
}


body {
	flex: 1 1 0%;
	font-family: 'Exo 2', Arial,Verdana,sans-serif;
	font-size: 1.1em;
	line-height: 150%;
	color: #000;
	margin-left: 0em;
	margin-top: 0em;
	background-color: #fff;
	word-spacing: .1em;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	max-width: 55em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4em;
	}

img	{	max-width: 100%;
	}
	
.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;
	}
	

p	{	font-family: 'Exo 2', Arial, Geneva , sans-serif;
		padding-left: 1em;
		padding-right: 0.5em;
	}
	
p::first-letter {
	font-size: 1.25em;
}

.datum	{
	font-size: 0.85em;
	text-align: right;
}
	
li	{
	padding-bottom: 0.5em;
}
	
.ok	{
	list-style-type: "✅ "
}
	
.no	{
	list-style-type: "❌ "
}

.ga	{	
	padding: 0.2em;
	background-color: #acf;
	margin-right: 1.5em;
}

.kl	{	
	color: #600;
	padding: 0.2em;
	background-color: #fca;
	margin-left: 1.5em;
	margin-bottom: 1em;
}

.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;
}


	
table, th, td { border: thin solid; }
#coll { border-collapse: collapse; }
#sepa { border-collapse: separate; margin-top: 2em; }
caption { text-align: left; }


tt	{	font-size: 1.2em;
	}

td	{	padding: .5em;
	}

table, td	{	border: thin solid;
	border-collapse: collapse;
	}

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

.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;
	}
	
.type	{
	font-family: courier, typewriter;
	}
	
.voll{
	padding: 0em;
	margin: 0em;
	}

.basis	{
	width: 100%;
	max-width: 55em;
	padding: 0em;
	text-align: left;
	}

.content	{
	display:inline;
	float:right;
	width: 65%;
	padding-left: 1em;
	}
	
.flex-container {
  display: flex;
}

.zentriert {
  display: flex;
  align-items: center;
  padding-bottom: 1em;
  justify-content: center;
}
	
.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;
	}
	
.blau_nur_li, .look {
	flex: 1 1 0%;
	border-left: 0.2em solid #9e013c;
	padding: 0.5em;
	border-radius:  0.5em;
	background-image: linear-gradient(to right, #fadb9f, #fff, #fff);
	}
	
.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;
}
	
.rote_linie_li	{
	border-left: 1em #c00 solid;
	padding-left: 1em;
	}

header	{
	position: fixed;
	padding: .6em;
	top: 0;
	left: 0;
	right: 0;
	background-image: linear-gradient(to right, #bad4ff, #fff, #bad4ff);
	border-bottom: .1em #000 solid;
}

footer {
	position: fixed;
	padding: .6em;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: linear-gradient(to right, #859bc8, #fff, #859bc8);
	border-top: .1em #000 solid;
}
	
/* MENU */

.menu5	{
	width: 30%;
	display: inline;
	float: left;
	padding-right: 1em;
	background-color: #ddd;
	border-right: 0.3em dotted #7a8699;
	}
	
.menu_li	{
	padding-left: 0.5em;
	}
	
.menu_neu	{
	padding-left: 0.5em;
	background-color: #ddd;
	font-style: italic;
	}
	
.menu_top	{
	padding-left: 0.5em;
	background-color: #ddd;
	font-family: Trebuchet MS, Palatino, serif;
	}
	
.menudesk	{
	display: visible;
	padding-left: 1em;
	line-height: 1.8;
	}
	
.menu_rubrik	{
	font-family: Courier, NewCourier, Courier New, Typewriter;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #fff;
	border-radius: 1em;
	}
	
.menu_gruppe	{
	font-style: normal;
	}
	
.menumob	{
	display: none;
	}
	
.liste1	{
	list-style-type: "☆ "
}
	
.liste2	{
	list-style-type: "★ "
}
	
/* MENU Ende */
	
.callnav	{
	display: none;
	}

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

/* 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.65em;
	font-family: Trebuchet MS, Palatino, serif;
	color: #000;
	font-weight: normal;
	font-style: italic;
	line-height: 1.5em;
	flex: 1 1 0%;
	padding: 0.3em;
	margin-top: 1em;
	hyphens: none;
}

.faq	{	font-family: 'Exo 2', serif;
	line-height: 1.25em;
	font-weight: bold;
	color: #fff;
	background: #246;
}

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

.faq2	{
	font-size: 1.2em;
	font-family: 'Exo 2';
	font-weight: bold;
	color: #fff;
	background-color: #246;
	padding: .5em;
	hyphens: none;
}

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

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

/* Hervorhebungen */

em, strong	{	
	font-style: normal;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	}

.zitat	{	
	font-style: italic;
	font-weight: bold;
	color: #900;
	padding-left: 1em;
	}
	
.bsp {
	flex: 1 1 0%;
	padding: 0.5em;
	background-color: #cdf;
	border-left: #00f .5em solid;
	}
	
.blau_li, .exkurs {
	flex: 1 1 0%;
	border: 0.1em solid #09c;
	border-left: 0.5em solid #09c;
	padding: 0.5em;
	background-color: #ddd;
	}
	
.randbem	{
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	color: #666;
	}
	
.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;
	}
	
.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;
	padding: 0.5em;
	}
	
.wichtig	{
	font-weight: bold;
	color: #933;
	border-left: 0.3em solid #933;
	}
	
.hinweis	{
	font-style: italic;
	color: #339;
	}

/* Bilder und Boxes */

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

.bild_re {
	margin: 0.5em 0em 0.5em 1.5em;
	text-align: right;
	border: 0em;
	display:	inline;
	float:	right;
	}

.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;
	}

.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;
	}
	
.box_ganz	{
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	border: solid #f00 0.25em;
	padding: 1em 2em;
	background-color: #eee;
	}
	
.schl {
	border-bottom-width: 0.05em;
	margin: 0em;
	padding: 0em;
	background: #fee;
	font-style: italic;
	}
	
.pad	{
	padding: 0em 0.5em;
	}
	
.pad_li	{
	padding-left: 1em;
	}
	
.untertext	{
	font-family: courier, new courier, typewriter;
	font-size: 1.1em;
	}


/* Schrift und Hintergrund */

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

.groesser	{	font-size: 1.4em;
	line-height: 1.25em;
	color: #006;
}

.nochgroesser	{	font-size: 1.5em;
	color: #00c;
	line-height: 1.25em;
}

.sehrgross {	font-size: 1.8em;
	line-height: 1.25em;
}

.alert	{	color: #d00;
}


/* veraltet */

.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 5em 0em;
	padding: 1em;
	background-color:	#d6f2ef;
	}
	
#toplink {
	background: white;
	bottom: 0;
	margin: 0;
	padding: 0.5em 1em;
	position: fixed;
	right: 0;
}
	
.gut {
	flex: 1 1 0%;
	border: 0em solid #090;
	border-radius: 0.5em;
	border-left-width: 0.3em;
	border-bottom-width: 0.05em;
	margin: 0em;
	padding: 0em;
	background: #efe;
	font-style: italic;
	}
	
.gtop	{
	background: #090;
	color: #fff;
	padding: 1em;
	}
	
.text	{
	padding: 1em;
	}
	
.schl {
	flex: 1 1 0%;
	border: 0em solid #c00;
	border-radius: 0.5em;
	border-left-width: 0.3em;
	border-bottom-width: 0.05em;
	margin: 0em;
	padding: 0em;
	background: #fee;
	font-style: italic;
	}
	
.schtop	{
	background: #c00;
	color: #fff;
	padding: 1em;
	}
	
.vorb_tab1	{
	background-color: #b4e0df;
	padding-left: 1em;
	}
	
.vorb_tab2	{
	background-color: #e5fffe;
	text-align: right;
	padding-right: 1em;
	}
	
.vorb_tab3	{
	background-color: #b4d0ef;
	padding-right: 1em;
	}
	
.tabg1	{
	background-color: #edffff;
	}
	
.tabg2	{
	background-color: #f0f7f7;
	}
	

/* 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; }