@font-face { font-family: 'Dosis'; font-style: normal; font-weight: 400; src: url('fonts/dosis-v32-latin-regular.woff2') format('woff2'); }
@font-face { font-family: 'Dosis'; font-style: normal; font-weight: 600; src: url('fonts/dosis-v32-latin-600.woff2') format('woff2'); }
* { margin: 0; padding: 0; }
html { font-size: 100%; min-height: 100.01%; }
body { font-family: 'Dosis', Segoe UI, Optima, Tahoma, Helvetica, Arial, sans-serif; color: #000; font-weight: 400; font-size: 110%; background-color: #214486; }

a, a:link, a:visited{ color: #428bca; text-decoration: none; font-weight: 600; }
a:hover, a:focus, a:active  { color: #2a6496; text-decoration: underline; }

header { margin: 0 auto; max-width: 2000px; background-color: #214486; background-image: url(bilder/wolken2.jpg); background-position: top center; background-size: cover; }
header .container { margin: 0 auto; max-width: 1170px; padding: 20px 0; }

nav { margin: 0 auto; z-index: 1030; }
.nav { list-style: none; z-index: 1030; }
.nav::before, .nav::after { content: " "; display: table; }
.nav::after { clear: both; }
.nav a { text-decoration: none; padding: 10px 20px; color: #91dee5; font-size: 1em; font-weight: 400; text-align: center; text-transform: uppercase;}
.nav li { float: right; position: relative; }
.nav > li > a { display: block; }
.nav li a:hover, .nav li a:active, .nav li a:focus { color: #fff; text-decoration: underline; }

section { margin: 0 auto; max-width: 2000px; background-color: #e9edf2; }
.container { margin: 0 auto; padding: 30px 0 60px 0; max-width: 1170px; position: relative; }
.flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.box50 { flex: 0 1 auto; width: 48%; }
.box30 { flex: 0 1 auto; width: 32%; }

footer { margin: 0 auto; max-width: 2000px; background-color: #214486; background-image: url(bilder/wolken.jpg); background-position: top center; background-size: cover; }
footer .container { margin: 0 auto; padding: 40px 0 20px 0; max-width: 1170px; color: #91dee5; }
footer p { margin: 0 0 20px 0; line-height: 2em; }
footer a, footer a:link, footer a:visited { color: #91dee5; text-decoration: none; font-weight: 400; }
footer a:hover, footer a:active, footer a:focus { color: #fff; text-decoration: underline; }

.right { float: right; }
.left { float: left; }
.rechts { float: right; text-align: right; padding: 0 0 0 30px; }
.rechts2 { text-align: right; }
.center { text-align: center; }
.abst { margin: 0 0 40px 0; }
.nah { margin: 0 0 15px 0; }
.null { margin: 0; }
.clear { clear: both; }
.big { font-size: 1.4em; line-height: 1.4em; }
.small { font-size: 0.75em; line-height: 1.2em; }
strong, b { font-weight: 600; }
.hr { border-bottom-style: dotted; border-bottom-width: 3px; /* fix */ border-color: #b2090e; height: 1px; margin: 30px 0; }
img { border: 0; padding: 0; margin: 0; max-width: 100%; }

h1, h2, h3, h4 { margin: 0 0 20px 0; font-weight: 400; line-height: 1.4em; color: #345;}
h1 { font-size: 2em; color: #91dee5; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
p { margin: 0 0 30px 0; line-height: 1.5em; font-size: 1em; }
ul.tx { list-style-image: url(bilder/pfeil.png); margin: 0 0 30px 30px; padding: 0; font-size: 1em; line-height: 1.5em; }
ul.tx li { margin-bottom: 10px; }
ul.tx li ul { list-style-image: none; list-style-type: disc; margin: 10px 0 20px 30px; padding: 0; font-size: 1em; line-height: 1.5em; }
ol { margin: 0 0 30px 40px; padding: 0; font-size: 1em; line-height: 1.5em; }
ol.lower-latin { list-style-type: lower-latin; margin: 0 0 20px 40px; padding: 0; font-size: 1em; line-height: 1.5em; }
ol.lower-latin li { margin-bottom: 10px; }
ol.lower-latin ul { list-style-type: circle; margin: 10px 0 0 40px; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #fffff5; color: #333; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(bilder/fancybox_sprite.png); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url(bilder/fancybox_loading.gif) center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(bilder/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(bilder/fancybox_overlay.png); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font: 400 15px/20px Arial,Helvetica,sans-serif; color: #333; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #333; font-weight: 600; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #333; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #333; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

.gallery { width: 100%; margin: 0 0 40px 0; overflow: hidden; }
.gallery figure { margin: 0; }
.gallery figure.slider { position: relative; width: 300%; font-size: 0; animation: 20s slidy infinite; }
.gallery figure.slider figure { width: 33.33%; height: auto; display: inline-block; position: inherit; }
.gallery figure.slider img { width: 100%; height: auto; }
@keyframes slidy { 0% { left: 0%; } 48% { left: 0%; } 50% { left: -100%; } 95% { left: -100%; } 100% { left: -200%; } }

@media only screen and (max-width: 1190px) {
.container { width: 98%; }
header .container { width: 98%; }
footer .container { width: 98%; }
}
@media only screen and (max-width: 1060px) {
.box30 { width: 48%; }
}
@media only screen and (max-width: 700px) {
.box30, .box50 { width: 100%; }
header .box50 { width: 48%; }
}
@media only screen and (max-width: 540px) {
body { word-wrap: break-word; }
header .box50 { width: 100%; }
}