@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: local(''),
		url('fonts/Jost-VariableFont_wght.ttf') format('truetype'),
        url('fonts/Jost-Italic-VariableFont_wght.ttf') format('truetype');
}
:root {
			--col-schrift: #000033;
			--col-schrift-grau: #848484;
			--col-schrift-weiss: #FFFFFF;
			--col-schrift-link: #0080FF;
			--col-schrift-link2: #0000FF;
			--col-bgr: #FFFFFF;
			--col-border: #000033;
			--col-shadow: #BBBBBB;
			--font-haupt: Jost,Arial,sans-serif;
	}

* { margin: 0; padding: 0; box-sizing: border-box; font-size: 100%; }
.printer { display: none; }
.ungetrennt { -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }
.no-print { }
.spalte { -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 15px; overflow: auto; width: 100%; align-self: flex-start; }
.spalte-break { flex-basis: 100%; height: 0; }
.fett { font-weight: bold; }
.kursiv { font-style:italic; }
.abstand { margin-bottom: 2.5em; }
.links { text-align: left; }
.mitte { text-align: center; }
.rechts { text-align: right; }
.rot { color: #FF0000; }
.vam { align-self: center !important; }
.e-0 { padding-left: 10px; font-size: 95%; font-weight: bold; margin-bottom: 10px; }
.e-1 { padding-left: 20px; font-size: 95%; font-weight: bold; margin-bottom: 10px; }
.e-2 { padding-left: 35px; font-size: 90%; margin-bottom: 25px; }
.e-3 { padding-left: 10px; font-size: 90%; margin-bottom: 25px; }
.e-4 { padding-left: 35px; font-size: 75%; margin-bottom: 15px; }
.ib { display: inline; }
.border { border: solid 1px var(--col-border); }
.border-l { border-left: solid 1px var(--col-border); }
.border-r { border-right: solid 1px var(--col-border); }
.border-o { border-top: solid 1px var(--col-border); }
.border-u { border-bottom: solid 1px var(--col-border); }
fieldset.if { border: 1px solid #BBBBBB; background: var(--col-bgr); padding: 15px; margin: 20px 0px; }
legend.if { color: #848484; padding: 9px; background: var(--col-bgr); }
.shadow {  -moz-box-shadow: 2px 2px 4px 2px var(--col-shadow); -webkit-box-shadow: 2px 2px 4px 2px var(--col-shadow);
	 box-shadow: 2px 2px 4px 2px var(--col-shadow);}
button.stand { padding: 10px; margin: 5px; border: solid 1px #BDBDBD; width: 100%; max-width: 10em; height: 100%; max-height: 3em;
	box-shadow: 2px 2px 4px 2px var(--col-nav-shadow); cursor: pointer; font-family: var(--font-haupt);	color: #848484; transition: 0.3s; }
button.stand:hover { background-color: var(--col-button); }
button.stand2 { padding: 10px; margin: 5px; border: solid 1px #BDBDBD; width: 100%; max-width: 10em; height: 3.5em;
	box-shadow: 2px 2px 4px 2px var(--col-nav-shadow); cursor: pointer; font-family: var(--font-haupt);	color: #848484; transition: 0.3s; }
button.stand2:hover { background-color: var(--col-button); }

.if-box { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; width: 100%; }
.if-row1 { flex-basis: 100%; padding: 0px 5px 5px 5px; }
.if-row2 { flex-basis: 100%; padding: 0px 5px 15px 5px; }
.if-row3 { flex-basis: 100%; padding: 0px 5px 25px 5px; }
.if-pl { padding-left: 15px; }
.ifb-box { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
.ifb-break { flex-basis: 100%; height: 0; margin-top: 2px; }
.ifb-feld1 { flex: 1 1; align-self: center; padding: 5px; }
.ifb-feld2 { flex: 2 2; align-self: center; padding: 5px; }
.ifb-feld3 { flex: 3 3; align-self: center; padding: 5px; }

img.icon-max { border:none; width: 2.75em; }
img.icon-min { border:none; width: 1.75em; }
img.button { border:none; width: 1em; }

a.ohne:link { color: var(--col-schrift); text-decoration: none; }
a.ohne:visited { color: var(--col-schrift); text-decoration: none; }
a.ohne:hover { color: var(--col-schrift); }
a.ohne:active { color: var(--col-schrift); }
a.link:link { color: #4475FD; }
a.link:visited { color: #4475FD; }
a.link:hover { color: #4475FD; }
a.link:active { color: #4475FD; }

@media screen and (max-width: 767px) {		
	body { font-family: var(--font-haupt); font-size: 1.2em; color: var(--col-schrift); background-color: var(--col-bgr); 
		-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
	.content { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; flex-wrap: wrap; 
		justify-content: space-around; align-items: flex-start; padding: 15px; width: 100%; }
	a:link { color: var(--col-schrift-link); }
	a:visited { color: var(--col-schrift-link); }
	a:hover { color: var(--col-schrift-link2); }
	a:active { color: var(--col-schrift-link2); }
	div.schmal { }
	div.medium { display: none; }
	div.schmal-medium { }
	div.breit { display: none; }
	div.medium-breit { display: none; }
	.ifs-box { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; flex-wrap: wrap; 
		justify-content: space-around; align-items: flex-start; }
	.ifs-break { flex-basis: 100%; height: 0; margin-top: 20px; }
	.ifs-break-schmal { flex-basis: 100%; height: 0; margin-top: 5px; }
	.ifs-feld1 { flex-basis: 100%; width: 100%; padding: 0px 5px 5px 5px; }
	.ifs-feld2 { flex-basis: 100%; width: 100%; padding: 0px 5px 5px 5px; }
	.ifs-pl { padding-left: 15px; }
}

@media screen and (min-width: 768px) {		
	body { font-family: var(--font-haupt); font-size: 1.05em; color: var(--col-schrift); background-color: var(--col-bgr); 
		-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
	.content { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; 
		justify-content: space-around; align-items: flex-start; padding: 20px; width: 100%; }
	a.stand:link { color: var(--col-schrift-link); }
	a.stand:visited { color: var(--col-schrift-link); }
	a.stand:hover { color: var(--col-schrift-link2); }
	a.stand:active { color: var(--col-schrift-link2); }
	div.schmal { display: none; }
	div.medium { }
	div.schmal-medium { }
	div.medium-breit { }
	.ifs-box { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; 
		justify-content: flex-start; align-items: flex-start; }
	.ifs-break { flex-basis: 100%; height: 0; margin-top: 20px; }
	.ifs-break-schmal { flex-basis: 100%; height: 0; margin-top: 5px; }
	.ifs-feld1 { flex: 1 1; align-self: flex-start; padding: 0px 5px 5px 5px; }
	.ifs-feld2 { flex: 3 3; align-self: flex-start; padding: 0px 5px 5px 5px; }
}

@media screen and (min-width: 992px) {		
	body { font-family: var(--font-haupt); font-size: 1em; color: var(--col-schrift); background-color: var(--col-bgr); 
		-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
	.content { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; 
		justify-content: space-around; align-items: flex-start; padding: 25px; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; }
	a.stand:link { color: var(--col-schrift-link); text-decoration: none; }
	a.stand:visited { color: var(--col-schrift-link); text-decoration: none; }
	a.stand:hover { color: var(--col-schrift-link2); }
	a.stand:active { color: var(--col-schrift-link2); }
	div.schmal { display: none; }
	div.medium { display: none; }
	div.schmal-medium { display: none; }
	div.breit { }
}