/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

:root {
			--col-schrift: #000033;
			--col-schrift-grau: #848484;
			--col-schrift-weiss: #FFFFFF;
			--col-schrift-fehler: #FF0000;
			--col-schrift-link: #FA8107;
			--col-schrift-link2: #A75400;
			--col-bgr: #FFFFF8;
			--col-button: #F2F5A9;
			--col-border: #FEEA00;
			--col-nav-bgr: #F2F5A9;
			--col-nav-schrift: #000033;
			--col-nav-bg2: #FEEA00;
			--col-nav-hover: #FEEA00;
			--col-nav-shadow: #F8DC14;
			--font-haupt: Montserrat,Arial,sans-serif;
	}

* { margin: 0; padding: 0; box-sizing: border-box; font-size: 100%; }
div.sticky { position: -webkit-sticky; position: sticky; top: 0; background-color: var(--col-bgr); opacity: 1; z-index: 2; }
div.sticky-bg { position: -webkit-sticky; position: sticky; top: 0; background-color: var(--col-nav-bgr); opacity: 1; z-index: 2; }
div.sticky-bg2 { position: -webkit-sticky; position: sticky; top: 0; background-color: var(--col-nav-hover); opacity: 1; z-index: 2; }
div.sticky-bg3 { position: -webkit-sticky; position: sticky; top: 0; background-color: var(--col-nav-shadow); opacity: 1; z-index: 2; }
.over { overflow: auto; }
.header { display: block; font-size: 125%; font-weight: bold; margin: 15px 0px 25px 20px; }
.footer { display: -webkit-flex; display: flex; height: 50px; background-color: var(--col-nav-bgr); width: 100%; margin: 2em 0; }
.printer { display: none; }
.no-print { }
.spalte { -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 15px; max-width: 100%; align-self: flex-start; }
.spalte2 { padding: 15px; max-width: 100%; align-self: flex-start; margin-bottom: 15px; }
.spalte-break { flex-basis: 100%; height: 0; }
.ungetrennt { -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }
.flexmitte { justify-content: center; }
.vam { align-self: center !important; }
.abstand { margin-bottom: 2.5em; }
.links { text-align: left; }
.mitte { text-align: center; }
.rechts { text-align: right; }
.fett { font-weight: bold; }
.kursiv { font-style:italic; }
.strike { text-decoration: line-through; }
.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); }
.border-round { border-radius: 5px; }
.noborder { border: none; }
.shadow {  -moz-box-shadow: 2px 2px 4px 2px var(--col-nav-shadow); -webkit-box-shadow: 2px 2px 4px 2px var(--col-nav-shadow);
	 box-shadow: 2px 2px 4px 2px var(--col-nav-shadow);}
.text-mini { font-size: 67%; }
.text-superklein { font-size: 75%; }
.text-klein { font-size: 85%; }
.text-mittel { font-size: 92%; }
.text-gross { font-size: 115%; }
.text-supergross { font-size: 125%; }
.fehler { color: var(--col-schrift-fehler); }
.rot { color: var(--col-schrift-fehler); }
.gruen { color: #04B404; }
.grau { color: var(--col-schrift-grau); }
.weiss { color: var(--col-schrift-weiss); }
.dot { height: 10px; width: 10px; background-color: var(--col-nav-bg2); border-radius: 50%; display: inline-block; }
.dot-green { height: 10px; width: 10px; background-color: #01DF01; border-radius: 50%; display: inline-block; }
.dot-red { height: 10px; width: 10px; background-color: #FF0000; border-radius: 50%; display: inline-block; }
.dot-black { height: 10px; width: 10px; background-color: #000000; border-radius: 50%; display: inline-block; }
.dot-lv-1 { height: 10px; width: 10px; background-color: #000000; border-radius: 50%; display: inline-block; }
.dot-lv-1:after { content: "ohne"; font-style: italic; color: var(--col-schrift-fehler); font-size: 90%; padding-left: 17px; }
.dot-lv0 { height: 10px; width: 10px; background-color: var(--col-nav-bg2); border-radius: 50%; display: inline-block; }
.dot-lv0:after { content: "alle"; font-weight: bold; padding-left: 17px; }
.dot-lv1 { height: 10px; width: 10px; background-color: #DF0101; border-radius: 50%; display: inline-block; }
.dot-lv1:after { content: "BDL"; font-size: 90%; padding-left: 17px; }
.dot-lv2 { height: 10px; width: 10px; background-color: #3ADF00; border-radius: 50%; display: inline-block; }
.dot-lv2:after { content: "DLS"; font-size: 90%; padding-left: 17px; }
.dot-lv3 { height: 10px; width: 10px; background-color: #0080FF; border-radius: 50%; display: inline-block; }
.dot-lv3:after { content: "DVOS"; font-size: 90%; padding-left: 17px; }
.dot2 { margin-right: 10px; }
.bg { background-color: var(--col-nav-bgr); }
.bg2 { background-color: var(--col-nav-hover); }
.bg3 { background-color: var(--col-nav-shadow); }
.kippe-links { transform:rotate(270deg); }
.kippe-rechts { transform:rotate(90deg); }
.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; }
.if { display: table; }
.if-row { display: table-row; }
.if-cell { display: table-cell; padding: 10px; vertical-align: top; }
.balken { width: 100%; padding: 10px; font-size: 1.2em; text-align: center; vertical-align: middle; background: var(--col-nav-bgr); 
	border-radius: 2em; color: var(--col-nav-schrift); font-weight: bold; margin-bottom: 1em; }
.overlay { width: 50px; height: 50px; border-radius: 50%; font-weight: bold; display: flex; justify-content: center; align-items: center;
	background-color: var(--col-nav-hover); opacity: 0.8; position: absolute; font-size: 2em; }
.overlay-button { width: 70%; border: none; }
.ani-out { animation: fade-out 0.7s linear 0s forwards; }
.ani-in { animation: fade-in 0.7s linear 0.1s forwards; }
@keyframes fade-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
ul.b { list-style: none; padding-left: 1em; }
ul.b li::before { content: "\2022";  font-size: 105%; color: var(--col-schrift-header); font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }

.icon-mp:hover,.icon-mp:focus { text-decoration: none; cursor: pointer; }
img.icon-max { border:none; width: 2.75em; }
img.icon-min { border:none; width: 1.75em; }
img.button { border:none; width: 1em; }
img.captcha { border: none; }

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.nav:link { color: var(--col-schrift); text-decoration: none; }
a.nav:visited { color: var(--col-schrift); text-decoration: none; }
a.nav:hover { color: var(--col-schrift); }
a.nav:active { color: var(--col-schrift); }

button.stand { padding: 10px; margin: 5px; border: solid 1px var(--col-border); border-radius: 5px;
	box-shadow: 2px 2px 4px 2px var(--col-nav-shadow); cursor: pointer; font-family: var(--font-haupt); font-weight: bold;
	color: var(--col-schrift); transition: 0.3s; }
button.stand:hover { background-color: var(--col-button); }
button.stand:disabled > img { opacity: 0.2; }
button.text { min-width: 9em; min-height: 4.5em; }
button.disa { padding: 10px; margin: 5px; border: solid 1px var(--col-border); border-radius: 5px;
	box-shadow: 2px 2px 4px 2px var(--col-nav-shadow); cursor: not-allowed; font-family: var(--font-haupt); font-weight: normal;
	color: var(--col-schrift-grau); opacity: 0.6; }

.nav-box { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; 
	width: 100%; margin: 20px 0; padding: 0; }
	button.nav { border: none; cursor: pointer; }

/*Tabellen*/
table.liste { border-collapse: collapse; empty-cells: show; }
thead.liste { background-color: var(--col-nav-hover); }
tbody.liste { }
tr.liste:hover { background-color: var(--col-nav-shadow); }
td.liste, th.liste { vertical-align: middle; border: solid 1px var(--col-border); padding: 8px; } 
th.sticky { position: -webkit-sticky; position: sticky; top: 0; background-color: var(--col-bgr); opacity: 1; }
th.sticky-bg { position: -webkit-sticky; position: sticky; top: 0; background-color: var(--col-nav-hover); opacity: 1; }
tbody.liste2:nth-child(odd) { background-color: var(--col-nav-shadow); }

.tab { display: table; border-spacing: 8px; border-collapse: collapse; }
.row { display: table-row; }
.cell { display: table-cell; vertical-align: middle; }
.cell-top { display: table-cell; vertical-align: top; }
.cap { display: table-caption; vertical-align: middle; padding: 8px; }
.cell-pad { padding: 5px; }

/*Meldungsbox*/
.meldung-back { display: none; position: fixed; z-index: 2001; left: 0; top: 0; width: 100%; height: 100%;  
	background-color: var(--col-nav-bgr); opacity: 0.8; }
.meldung { display: none; position: fixed; z-index: 2002; left: 3%; top: 25px; width: 94%; max-width: 800px; max-height: 95%; margin-right: auto; margin-left: auto;
	background-color: var(--col-bgr); opacity: 1;  border: solid 2px var(--col-border); border-radius: 5px; }
.meldung-top { padding: 10px; text-align: center; margin-left: auto; margin-right: auto; background-color: var(--col-nav-bg2); 
	font-size: 120%; font-weight: bold; margin-bottom: 20px}
.meldung-bottom { padding: 10px; text-align: center; margin-left: auto; margin-right: auto; background-color: var(--col-nav-bg2); margin-top: 20px;}

/*Progress-Bar*/
div.progress { width: 100%; max-width: 50em; background-color: var(--col-nav-bgr); height: 3em; border-radius: 12px; margin: 1em auto; position: relative; }
div.progress-bar { width: 0%; height: 100%; background-color: var(--col-nav-bg2); position: absolute; top: 0; left: 0; z-index: 4; border-radius: 12px; }
div.progress-text { color: var(--col-schrift); width: 100%; height: 100%; line-height: 100%; font-size: 85%; font-weight: bold; position: absolute; top: 0; left: 0;
	display: flex;  justify-content: center; align-content: center; align-items: center; z-index: 5;}

/*Overlay*/
.over-kv { display: none; position: fixed; z-index: 1500; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; 
	background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6); }
.over-kv-content { position: relative; background-color: var(--col-bgr); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s;
	animation-name: animatetop; animation-duration: 0.4s; min-height: 60%; overflow: auto; }
@-webkit-keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} }
@keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} }
.over-kv-close { color: var(--col-schrift); clear: both; float: right; font-size: 38px; font-weight: bold; margin-top: -10px; }
.over-kv-close:hover,.over-kv-close:focus { color: var(--col-schrift-link); text-decoration: none; cursor: pointer; }
.over-kv-header { width: 100%; text-align: center; font-weight: bold; font-size: 115%; padding: 10px 20px; 
	background-color: var(--col-nav-hover); color: var(--col-schrift); }
.over-kv-body { width: 100%; padding: 10px 20px; }


/*Input-Elemente*/
fieldset.if { border: 1px solid var(--col-border); border-radius: 5px; background: var(--col-bgr); padding: 15px; margin: 20px 0px; }
legend.if { font-weight: bold; background: var(--col-nav-hover); color: var(--col-schrift); padding: 5px; border-radius: 5px; }
label.if { font-weight: bold; margin-right: 5px; }
input::placeholder { var(--col-nav-schrift-grau); }

.if-box { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; width: 100%; }
.if-box-einruecken { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; width: 95%; margin-left: 20px; }
.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-einruecken { text-indent: -20px; }
.if-ausruecken { margin-left: -20px; }
.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: 5px; }
.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; }
.ifb-feld4 { flex: 4 4; align-self: center; padding: 5px; }

input.stand { font-family: var(--font-haupt); color: var(--col-schrift); background: var(--col-bgr); padding: 3px; 
	border: solid 2px var(--col-border); border-radius: 3px; }
input.vorgabe { font-family: var(--font-haupt); color: var(--col-schrift-weiss); background: var(--col-nav-hover); padding: 3px; 
	border: solid 2px var(--col-border); border-radius: 3px; font-style:italic; }
input.stand:hover,input.stand:focus,input.stand-fehler:hover,input.stand-fehler:focus,input.vorgabe:hover,input.vorgabe:focus { background: var(--col-nav-bgr); }
input.stand-fehler { font-weight: bold; font-family: var(--font-haupt); color: var(--col-schrift-fehler); background: var(--col-bgr); padding: 3px; 
	border: solid 3px var(--col-schrift-fehler); border-radius: 3px; }
input[type=number].stand::-webkit-inner-spin-button, input[type=number].stand::-webkit-outer-spin-button { opacity: 1; }
input[type=number].stand-fehler::-webkit-inner-spin-button, input[type=number].stand::-webkit-outer-spin-button { opacity: 1; }
input[type=file].stand { border: 0; clip: rect(0,0,0,0); height: 1px; width: 1px; overflow: hidden; padding: 0; position: absolute !important; white-space: nowrap; }
input[type=file].stand + label { padding: 10px; margin: 5px; border: solid 2px var(--col-border); border-radius: 5px;
	box-shadow: 2px 2px 4px 2px var(--col-nav-shadow); cursor: pointer; font-family: var(--font-haupt); font-weight: bold;
	color: var(--col-schrift); transition: 0.3s; }
input[type="file"].stand + label:hover { background-color: var(--col-button); }

textarea.stand { font-family: var(--font-haupt); color: var(--col-schrift); background: var(--col-bgr); padding: 3px; 
	border: solid 2px var(--col-border); border-radius: 3px; resize: none; }
textarea.stand:hover,textarea.stand:focus,textarea.stand-fehler:hover,textarea.stand-fehler:focus { background: var(--col-nav-bgr); }
textarea.stand-fehler { font-weight: bold; font-family: var(--font-haupt); color: var(--col-schrift-fehler); background: var(--col-bgr); padding: 3px; 
	border: solid 3px var(--col-border); border-radius: 3px; resize: none; }

select.stand { font-family: var(--font-haupt); color: var(--col-schrift); background: var(--col-bgr); padding: 3px; 
	border: solid 2px var(--col-border); border-radius: 3px; }
select.stand-fehler { font-weight: bold; font-family: var(--font-haupt); color: var(--col-schrift-fehler); background: var(--col-bgr); padding: 3px; 
	border: solid 3px var(--col-border); border-radius: 3px; }
select.stand optgroup { color: var(--col-schrift-weiss); background: var(--col-nav-hover); }
select.stand optgroup option { color: var(--col-schrift); background: var(--col-bgr); }
select.stand option.mark { font-weight: bold; background: var(--col-nav-bg2); }
select.stand option.unmark { font-style:italic; color: var(--col-schrift-link2); background: var(--col-bgr); }

.con-radio { display: block; position: relative; padding-left: 35px; cursor: pointer;  
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.con-radio input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.radiob { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: var(--col-bg2); border-radius: 50%; 
	border: solid 2px var(--col-nav-hover); }
.con-radio:hover input ~ .radiob { background-color: var(--col-nav-bg2); }
.con-radio input:checked ~ .radiob { background-color: var(--col-nav-bg2); }
.radiob:after { content: ""; position: absolute; display: none; }
.con-radio input:checked ~ .radiob:after { display: block; }
.con-radio .radiob:after { top: 4px; left: 4px; width: 8px; height: 8px; border-radius: 50%; background: var(--col-schrift); }

.con-check { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.con-check input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkb { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: var(--col-bg2); border: solid 2px var(--col-nav-hover); }
.con-check:hover input ~ .checkb { background-color: var(--col-nav-bg2); }
.con-check input:checked ~ .checkb { background-color: var(--col-nav-bg2); }
.checkb:after { content: ""; position: absolute; display: none; }
.con-check input:checked ~ .checkb:after { display: block; }
.con-check .checkb:after { left: 8px; top: 3px; width: 5px; height: 10px; border: solid var(--col-schrift); border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.switch { position: relative; display: inline-block; width: 60px; height: 34px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--col-nav-hover);
	-webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px;
	background-color: var(--col-bgr); -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: var(--col-nav-bgr); }
input:focus + .slider { box-shadow: 0 0 1px var(--col-nav-bgr); }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }

/*Bilanz*/
.bil-u1 { font-weight: bold; padding: 10px 5px !important; font-size: 135%; background-color: var(--col-nav-bg2); margin-bottom: 10px; }
.bil-u2 { font-weight: bold; padding: 10px 5px 10px 15px !important; font-size: 115%; background-color: var(--col-nav-bgr); margin-bottom: 10px; }
.bil-u3 { font-weight: bold; padding: 5px 5px 5px 20px !important; }
.bil-wert { padding: 5px 5px 5px 40px !important; font-size: 95%; }
.bil-gruppe { font-weight: bold; padding: 5px 5px 5px 25px !important; margin-bottom: 5px; }
.bil-gesamt { font-weight: bold; padding: 5px 5px 5px 10px !important; margin-bottom: 15px; color: var(--col-schrift-link); }
.bil-guv-g { font-weight: bold; padding: 5px 5px 5px 10px !important; margin-bottom: 5px; color: #04B431; }
.bil-guv-v { font-weight: bold; padding: 5px 5px 5px 10px !important; margin-bottom: 5px; color: var(--col-schrift-fehler); }

/*Google Maps*/
#map { height: 38em; }
#map2 { height: 15em; }

/*Navigation*/
nav { background-color: var(--col-nav-bgr); z-index: 999; position: absolute; top: 0; left: 0; width: 100%; margin-bottom: 1em; }
.logo { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch;
	padding: 5px 0px 5px 10px; height: 80px; max-width: 180px; color: var(--col-nav-schrift); font-family: var(--font-haupt); font-size: 0.7em; 
	text-align: center; font-weight: bold; }
nav:after { content: ""; display: table; clear: both; }
nav ul { float: right; padding: 0; margin: 0 66px 0 0; list-style: none; position: relative; }
nav ul li { margin: 0px; display: inline-block; float: left; background-color: var(--col-nav-bgr); }
nav a { display: block; padding: 15px 15px; color: var(--col-nav-schrift) !important; font-size: 0.9em; font-weight: bold; line-height: 50px; text-decoration: none; }
nav ul li ul li a { line-height: 55px; padding: 0 15px; }
nav ul li ul li:hover { background: var(--col-nav-hover); color: var(--col-schrift) !important; }
nav a:hover { background-color: var(--col-nav-hover); color: var(--col-schrift) !important; }
nav ul ul { display: none; position: absolute; top: 80px; box-shadow: 0px 6px 10px 2px var(--col-nav-shadow); }
nav ul li:hover > ul { display: inherit; }
nav ul ul li { width: 190px; float: none; display: list-item; position: relative; }
nav ul ul ul li { position: relative; top: -80px; left: 190px; }
.toggle, [id^=drop] { display: none; }
.navlogo { border: none; object-fit: contain; width:100%; height:100%; }

@media screen and (max-width: 670px) {		
	body { font-family: var(--font-haupt); font-size: 1.4em; color: var(--col-schrift); background-color: var(--col-bgr); 
		-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; translate: no; }
	.content { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; flex-wrap: wrap; 
		justify-content: space-around; align-items: flex-start; }
	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); }
	.logo { width: 100%; max-width: 100%; }
	nav { margin: 0; }
	.toggle + a, .menu { display: none; }
	.toggle { display: block; background-color: var(--col-nav-bgr); padding: 0 20px; color: var(--col-nav-schrift); font-size: 1.1em;
		line-height: 60px; font-weight: bold; text-decoration: none; border: none; }
	.toggle:hover { background-color: var(--col-nav-hover); color: var(--col-schrift) !important; }
	[id^=drop]:checked + ul { display: block; }
	nav a { font-size: 1.1em; }
	nav ul { float: right; padding: 0; margin: 0 10px 0 0; list-style: none; position: relative; }
	nav ul li {  display: block; width: 100%; padding-left: 20px; }
	nav ul ul .toggle, nav ul ul a { padding: 0 20px; }
	nav ul ul ul a { padding: 0 20px; font-size: 1.1em; font-weight: bold; }
	nav a:hover, nav ul ul ul a { background-color: var(--col-nav-hover); color: var(--col-schrift) !important; }
	nav ul li ul li .toggle, nav ul ul a { background-color: var(#FF4000); }
	nav ul ul { float: none; position: static; color: var(--col-nav-schrift); box-shadow: none; }
	nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; }
	nav ul ul li { display: block; width: 100%; }
	nav ul ul ul li { position: static; }
	.navende { clear: both; height: 160px; }
	div.trenner { margin-top: 25px; border-top: 2px solid var(--col-border); width: 100%; }
	div.schmal { }
	div.medium { display: none; }
	div.schmal-medium { }
	div.breit { display: none; }
	div.medium-breit { display: none; }
	.mitte-smb { text-align: left; }
	.rechts-smb { text-align: left; }
	.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; }
	.event { flex-basis: 100%; width: 100%; padding: 0; border: 1px solid var(--col-border); border-radius: 5px; margin: 8px 0; }
	.bildliste { flex-basis: 150px; padding: 10px; align-self: center; }
	.bild-thumb { width: 100%; border: none; height: 130px; object-fit: cover; }
	.nav-item { background-color: var(--col-nav-bgr); margin: 0 2px 2px 0; padding: 9px 17px 9px 7px; color: var(--col-nav-schrift); 
		flex: 0 1 45%; font-weight: normal; font-size: 71%; border-radius: 5px 17px 0 0; vertical-align: middle; cursor: pointer; }
	.nav-aktiv { background-color: var(--col-nav-hover); margin: 0 2px 2px 0; padding: 9px 17px 9px 7px; color: var(--col-nav-schrift); 
		flex: 0 1 45%; font-weight: bold; font-size: 71%; border-radius: 5px 17px 0 0; vertical-align: middle; }
	.nav2-item { background-color: var(--col-nav-bgr); margin: 0 2px 2px 0; padding: 9px 17px 9px 7px; color: var(--col-nav-schrift); 
		flex: 0 1 30%; font-weight: normal; font-size: 71%; border-radius: 5px 17px 0 0; vertical-align: middle; cursor: pointer; }
	.nav2-aktiv { background-color: var(--col-nav-hover); margin: 0 2px 2px 0; padding: 9px 17px 9px 7px; color: var(--col-nav-schrift); 
		flex: 0 1 30%; font-weight: bold; font-size: 71%; border-radius: 5px 17px 0 0; vertical-align: middle; }
	.databox { max-height: 40vh; overflow-y: auto; }
	.spaltentrenner-breit { }
	.spaltentrenner-medium { }
	}
	
@media screen and (min-width: 671px) {		
	body { font-family: var(--font-haupt); font-size: 1.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; }
	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.trenner { margin-top: 25px; border-top: 2px solid var(--col-border); width: 100%; }
	.navende { clear: both; height: 250px; }
	div.schmal { display: none; }
	div.medium { }
	div.schmal-medium { }
	div.medium-breit { }
	.mitte-smb { text-align: center; }
	.rechts-smb { text-align: right; }
	.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; }
	.ifs-pl { }
	.event { flex-basis: 350px; padding: 0; border: 1px solid var(--col-border); border-radius: 5px; margin: 12px 8px; }
	.bildliste { flex-basis: 220px; padding: 10px; margin: 10px; align-self: center; }
	.bild-thumb { width: 100%; border: none; height: 160px; object-fit: cover; }
	.nav-item { background-color: var(--col-nav-bgr); margin: 0 2px 2px 0; padding: 9px 17px 9px 7px; color: var(--col-nav-schrift); 
		flex: 0 1 23%; font-weight: normal; font-size: 84%; border-radius: 5px 17px 0 0; vertical-align: middle; cursor: pointer; }
	.nav-aktiv { background-color: var(--col-nav-hover); margin: 0 2px 2px 0; padding: 9px 17px 9px 7px; color: var(--col-nav-schrift); 
		flex: 0 1 23%; font-weight: bold; font-size: 91%; border-radius: 5px 17px 0 0; vertical-align: middle; }
	.nav2-item { background-color: var(--col-nav-bgr); margin: 0 2px 2px 0; padding: 9px 17px 9px 7px; color: var(--col-nav-schrift); 
		flex: 0 1 19%; font-weight: normal; font-size: 84%; border-radius: 5px 17px 0 0; vertical-align: middle; cursor: pointer; }
	.nav2-aktiv { background-color: var(--col-nav-hover); margin: 0 2px 2px 0; padding: 9px 17px 9px 7px; color: var(--col-nav-schrift); 
		flex: 0 1 19%; font-weight: bold; font-size: 91%; border-radius: 5px 17px 0 0; vertical-align: middle; }
	.databox { max-height: 40vh; overflow-y: auto; }
	.spaltentrenner-breit { }
	.spaltentrenner-medium { margin-left: 2em; padding-left: 1em; border-left: solid 1px var(--col-border); }
	}

@media screen and (max-width: 991px) {	
	.ifr-box { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; flex-wrap: wrap; 
		justify-content: space-around; align-items: flex-start; }
	.ifr-break { flex-basis: 100%; height: 0; margin-top: 20px; }
	.ifr-break-schmal { flex-basis: 100%; height: 0; margin-top: 5px; }
	.ifr-feld1 { flex-basis: 100%; width: 100%; padding: 0px 5px 5px 5px; }
	.ifr-feld2 { flex-basis: 100%; width: 100%; padding: 0px 5px 5px 5px; }
	.ifr-feld3 { flex-basis: 100%; width: 100%; padding: 0px 5px 5px 5px; }
	.ifr-pl { padding-left: 15px; }
	div.breit { display: none; }
	}

@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; }
	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.trenner { display: none; }
	.navende { clear: both; height: 250px; }
	div.schmal { display: none; }
	div.medium { display: none; }
	div.schmal-medium { display: none; }
	div.breit { }
	.mitte-smb { text-align: center; }
	.ifr-box { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; 
		justify-content: flex-start; align-items: flex-start; }
	.ifr-break { flex-basis: 100%; height: 0; margin-top: 20px; }
	.ifr-break-schmal { flex-basis: 100%; height: 0; margin-top: 5px; }
	.ifr-feld1 { flex: 1 1; align-self: flex-start; padding: 0px 5px 5px 5px; }
	.ifr-feld2 { flex: 3 3; align-self: flex-start; padding: 0px 5px 5px 5px; }
	.ifr-feld3 { flex-basis:33%; align-self: flex-start; padding: 0px 5px 5px 5px; }
	.ifr-pl { }
	.nav-item { background-color: var(--col-nav-bgr); margin: 0 2px 2px 0; padding: 9px 17px 9px 7px; color: var(--col-nav-schrift); 
		flex: 0 1 16%; font-weight: normal; font-size: 85%; border-radius: 5px 17px 0 0; vertical-align: middle; cursor: pointer; }
	.nav-aktiv { background-color: var(--col-nav-hover); margin: 0 2px 2px 0; padding: 9px 17px 9px 7px; color: var(--col-nav-schrift); 
		flex: 0 1 16%; font-weight: bold; font-size: 90%; border-radius: 5px 17px 0 0; vertical-align: middle; }
	.nav2-item { background-color: var(--col-nav-bgr); margin: 0 2px 2px 0; padding: 9px 17px 9px 7px; color: var(--col-nav-schrift); 
		flex: 0 1 14%; font-weight: normal; font-size: 85%; border-radius: 5px 17px 0 0; vertical-align: middle; cursor: pointer; }
	.nav2-aktiv { background-color: var(--col-nav-hover); margin: 0 2px 2px 0; padding: 9px 17px 9px 7px; color: var(--col-nav-schrift); 
		flex: 0 1 14%; font-weight: bold; font-size: 90%; border-radius: 5px 17px 0 0; vertical-align: middle; }
	.databox { max-height: 50vh; overflow-y: auto; }
	.spaltentrenner-breit { margin-left: 2em; padding-left: 1em; border-left: solid 1px var(--col-border); }
	.spaltentrenner-medium { margin-left: 2em; padding-left: 1em; border-left: solid 1px var(--col-border); }
	}
	
@media screen and (min-width: 999px) {		
	.navende { clear: both; height: 170px; }
	}

@media screen and (min-width: 1120px) {		
	.navende { clear: both; height: 105px; }
	}