@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('fonts/roboto-v19-latin-regular.eot'); src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v19-latin-regular.woff2') format('woff2'), url('fonts/roboto-v19-latin-regular.woff') format('woff'), url('fonts/roboto-v19-latin-regular.ttf') format('truetype'), url('fonts/roboto-v19-latin-regular.svg#Roboto') format('svg'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('fonts/roboto-v19-latin-700.eot'); src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/roboto-v19-latin-700.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v19-latin-700.woff2') format('woff2'), url('fonts/roboto-v19-latin-700.woff') format('woff'), url('fonts/roboto-v19-latin-700.ttf') format('truetype'), url('fonts/roboto-v19-latin-700.svg#Roboto') format('svg'); }

* { box-sizing: border-box; margin: 0; padding: 0; }
html { min-height: 100.01%; background-color: #d0d5d9; }
body { max-width: 1240px; margin: 0 auto; font-family: 'Roboto', Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 110%; color: #000; background-color: #fff; }

a, a:visited { color: #f30; text-decoration: none; }
a:hover { color: #ff6600; text-decoration: underline; }
a:active, a:focus { color: #ff6600; text-decoration: none; }

header { margin: 0 auto; line-height: 0.5em; }
nav { position: -webkit-sticky; position: sticky; top: 0; margin: 0 auto; background-color: #f2f1ef; z-index: 9900; }
.nav-mobile { display: none; }
nav .dashicons { font-size: 1.3em; width: 20px; height: 20px; vertical-align: -20%; }
nav ul { list-style: none; margin: 0; padding: 0; }
@media screen and (min-width: 1050px) { .nav-list { display: flex; flex-direction: row; } }
nav ul li { flex: 1 1 auto; position: relative; }
nav ul li a, nav ul li a:visited { display: block; font-size: 1em; line-height: 41px; color: #000; border-left: 1px solid #f19100; background-color: #f2f1ef; transition: background-color 0.5s ease-out; text-align: center; }
nav ul li:first-child a, nav ul li:first-child a:visited { border-left: 0; }
nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after { padding-left: 4px; font-family: dashicons; font-size: 1em; width: 16px; height: 16px; content: " \f346"; vertical-align: -5%; }
nav ul li ul { display: flex; flex-direction: column; }
nav ul li ul li { min-width: 200px; }
nav ul li:last-child ul li { min-width: 140px; }
.sub-menu { position: absolute; display: none; z-index: 1; }
nav ul li ul li a, nav ul li ul li a:visited  { padding: 0 20px; color: #000; border-top: 1px solid #f19100; border-left: 0; text-align: left; }
nav ul li a.ac, nav ul li a.ac:visited { color: #fff; background-color: #f19100; }
nav ul li a:hover { color: #fff; background-color: #f19100; text-decoration: none; }
nav ul li a:hover, nav ul li a:visited:hover { color: #fff; background: #f19100; }

section {  }
.container { max-width: 1100px; margin: 0 auto; padding: 50px 0 80px 0; }
.flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.box70 { flex: 0 1 auto; width: 67%; }
.box30 { flex: 0 1 auto; width: 27%; }
.box50 { flex: 0 1 auto; width: 48%; }
.box33 { flex: 0 1 auto; width: 32%; }

.navList { margin: 0 0 40px 0; max-width: 500px; list-style-type: none; border: 1px solid #f19100; }
.navList li { list-style: none; border-bottom: 1px solid #f19100; }
.navList li:last-child { border-bottom: 0; }
.navList li a { font-size: 1em; color: #000; text-decoration: none; display: block; height: auto; line-height: 20px; padding: 8px 0 8px 30px; background-color: #f2f1ef; }
.navList li a.ak { color: #fff; background: #f19100; background-image: url(bilder/pfeil2.gif); background-repeat: no-repeat; }
.navList li a:hover { color: #fff; text-decoration: none; background: #f19100; background-image: url(bilder/pfeil2.gif); background-repeat: no-repeat; }

.fussbild { max-width: 1240px; margin: 0 auto; line-height: 0.5em; }
footer { max-width: 1240px; margin: 0 auto; padding: 30px 2%; background-color: #747371; }
footer p { font-size: 0.94em; margin: 0; color: #fff; }
footer .dashicons { font-size: 1.4em; color: #fff; width: 30px; height: 30px; vertical-align: middle; }
footer a, footer a:link, footer a:visited, footer a:active, footer a:focus { color: #fff; text-decoration: none; }
footer a:hover { color: #f19100; text-decoration: none; }
footer span:hover, footer span:active, footer span:focus { color: #f19100; text-decoration: none; }

img { border: 0; padding: 0; margin: 0; max-width: 100%; }
.abst { margin: 0 0 30px 0; }
.nah { margin: 0 0 15px 0; }
.null { margin: 0; }
.clear { clear: both; }
.right { float: right; }
.zit { margin: 0 0 30px 30px; color: #444; }
.big { font-size: 1.5em; }
.bild { font-size: 0.94em; line-height: 1.3em; float: right; margin: 0 0 30px 3%; }
.bild2 { font-size: 0.94em; line-height: 1.3em; float: left; margin: 0 3% 30px 0; }
strong, b { font-weight: 700; }

h1, h2, h3 { line-height: 1.2em; color: #444; font-weight: 400; text-align: left; }
h1 { margin: 0 0 40px 0; font-size: 2em; }
h2 { margin: 0 0 20px 0; font-size: 1.7em; }
h3 { margin: 0 0 20px 0; font-size: 1.5em; }
p { margin: 0 0 30px 0; line-height: 1.4em; font-size: 1em; }
ul.tx { list-style-image: url(bilder/pfeil.gif); margin: 0 0 30px 30px; font-size: 1em; line-height: 1.4em; }
ul.tx li { margin-bottom: 5px; }
ul.tx ul { margin: 10px 0 15px 50px; }
ul.pdf { list-style-image: url(bilder/pdf.gif); margin: 0 0 30px 30px; font-size: 1.2em; line-height: 1.4em; }
ul.pdf li { margin-bottom: 10px; }
ol { margin: 0 0 30px 30px; padding: 0; font-size: 1em; line-height: 1.4em; }
ol.lower-latin { list-style-type: lower-latin; margin: 0 0 30px 40px; padding: 0; font-size: 1em; line-height: 1.4em; }
ol.lower-latin li { margin-bottom: 10px; }
ol.lower-latin ul { list-style-type: disc; margin: 10px 0 10px 40px; }

div.hr { border-bottom-style: solid; border-bottom-width: 1px; /* fix */ border-color: #d0d0c9; height: 1px; width: auto; margin: 0 0 20px 0; } 

.infobox { max-width: 500px; margin: 0 0 50px 0; padding: 10px; border: 1px solid #f19100; background-color: #ffe9cc; }
.infobox p { margin: 0 0 10px 0; font-size: 0.94em; }
.infobox p.big { font-size: 1.3em; }
.infobox ul.tx { font-size: 0.94em; }
.infobox ul.pdf { margin: 0 0 0 35px; }

table { border: 0; margin: 10px 0 0 0; padding: 0; width: 100%; border-collapse: collapse; }
td { padding: 0 10px 10px 0; text-align: left; vertical-align: top; line-height: 1.3em; font-size: 1em; }
td.breit { min-width: 160px; }

.job { width: auto; padding: 10px; margin: 0 0 50px 0; border: 1px solid #ccc; }
.job p { margin: 0 0 15px 0; }
.box { margin: 0 0 30px 0; padding: 10px; color: #fff; background-color: #e3001b; }
.box h2 { margin: 0; color: #fff; }

@media only screen and (max-width: 1240px) {
section { width: 98%; margin: 0 auto; }
nav ul li:last-child ul.sub-menu { right: 0; }
}
@media only screen and (max-width: 1050px) {
nav { position: static; background-color: #f19100; }
.nav-mobile { display: block; text-align: right; }
#nav-toggle { padding: 10px 0 0 0; }
#nav-toggle span.bars { display: inline-block; margin-right: 7px; top: 3px; }
#nav-toggle span.bars span { display: block; width: 40px; height: 5px; margin: 0 0 5px 0; border-radius: 6px; background: #fff; transition-property: opacity, transform; transition: 1s; -o-transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; }
#nav-toggle.active span.bars span:nth-child(1) { transform: translateY(10px) rotate(-45deg); }
#nav-toggle.active span.bars span:nth-child(2) { opacity: 0; }
#nav-toggle.active span.bars span:nth-child(3) { transform: translateY(-10px) rotate(45deg); }

nav ul { display: none; width: 98%; margin: 0 auto; border-bottom: 1px solid #f19100; }
nav ul ul { display: none; width: 100%; }
nav ul li { float: none; }
nav ul li a, nav ul li a:visited { padding: 15px 0 15px 30px; line-height: 20px; border-top: 1px solid #f19100; border-left: 0; text-align: left; }
nav ul li ul li a, nav ul li ul li a:visited { padding: 15px 0 15px 50px; border-top: 1px solid #f19100; background-color: #fff; }
.sub-menu { position: static; }
}
@media only screen and (max-width: 900px) {
.flex { flex-direction: column; }
.box70, .box30, .box50, .box33 { width: 100%; }
.navList { margin: 40px 0; }
.bild2 { max-width: 48%; }
}
@media only screen and (max-width: 640px) {
td.breit { min-width: 0; }
}
@media only screen and (max-width: 480px) {
.bild, .bild2 { float: none; margin: 0 0 20px 0; }
body { word-wrap: break-word; }
footer p { line-height: 2em; }
footer a { padding: 0 10px; }
}