@charset "utf-8";

/* CSS Document */



body { color: #203853; background-color: #a6cdcf; font-family: 'Ubuntu', 'Belleza'; }

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

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

.titel { font-size: 2.6em; font-family: 'Beleza'; color: #00878e; text-align: center; padding: 10px 15px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,b2dbdd+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 0%, #b2dbdd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffffff 0%, #b2dbdd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffffff 0%, #b2dbdd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b2dbdd', GradientType=1 ); /* IE6-9 */
}

.logo { text-align: center; vertical-align: middle; margin-top: 50px; }

.adr { font-size: 1.1em; font-family: 'Ubuntu', sans-serif; color: #005ea8; background-image: none; text-align: center; margin-bottom: 10px; }

.abstand-oben { margin-top: 15px; }

.abstand-oben-m { margin-top: 25px; }

.abstand-oben-gr { margin-top: 50px; }

.abstand-unten { margin-bottom: 15px; }

.abstand-unten-gr { margin-bottom: 40px; }

.container { margin-left: auto; margin-right: auto; padding-left: -15px; padding-right: -15px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; }

.abst-re-li { padding-left: 15px; padding-right: 15px; }

.abst-re-li-st { padding-left: 40px; padding-right: 80px; }

.abst-re-li-st-ls { padding-left: 80px; padding-right: 40px; }

.abst-li { margin-left: 25%; }

.bg-white { background-color: #fff; }

h1 { font-family: 'Ubuntu', sans-serif; font-size: 18px; font-weight: 600; color: #005ea8; margin-top: 30px; margin-bottom: 20px; }

h2 { font-family: 'Ubuntu', sans-serif; font-size: 14px; font-weight: 600; color: #000; margin: 0; margin-top: 20px; }

h3 { font-family: 'Ubuntu', sans-serif; font-size: 26px; font-weight: 700; color: #005ea8; margin-top: 50px; margin-bottom: 30px; }

p { font-family: 'Ubuntu', sans-serif; margin: 0; }

a { color: #005ea8; text-decoration: none; }

ul { margin-bottom: 10px; margin-top: 0; padding-left: 15px; }

ul li { padding-left: 20px; }

.cont-bg { background-color: #cce7e8; }

.cont-bg p { margin: 15px 0; }

.img-center { margin: auto; }

.text-start { font-weight: 500; font-size: 1.2em; }

.abstand_oben { margin-top: 30px; }

.navbar-default { background-color: #005caa; border-color: #008992; border-bottom-width: 10px; border-bottom-style: solid; }

.navbar { border-radius: 0px; margin: 0; padding-left: 50px; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; }

.navbar-center { float: none; margin-right: 0px; }

.navbar .nav ul { text-align: center; }

.navbar-default .navbar-nav > li { color: #fff; font-weight: 500; font-family: 'Ubuntu', sans-serif; font-size: 1.1em; text-align: center; padding-left: 0px; }

.navbar-default .navbar-nav > li > a { color: #fff; font-weight: 500; font-family: 'Ubuntu', sans-serif; font-size: 1.1em; text-align: center; }

.navbar-nav > li > a { padding-bottom: 15px; padding-top: 15px; line-height: 20px; }

.navbar-default .navbar-nav > li > a:hover, navbar-default .navbar-nav > li > a:focus { background-color: #00878e; color: #fff; }

.nav > li a:hover, .nav > li > a:focus { background-color: #00878e; color: #fff; }

.nav .active { background-color: #00878e; color: #fff; }

.panel-default > .panel-heading { background-color: transparent; border: 0; }

.panel-heading { border: 0; padding: 0px 0px; }

.panel-title { font-size: 14px; color: #005ea8; font-weight: normal; }

.panel-default { border: none; }

.panel { background-color: transparent; border: 0; border-radius: 0; box-shadow: none; margin-bottom: 20px; }

.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top: none; }

.panel-body { padding: 0px; }

.responsiveContainer { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; }

.responsiveContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.db { float: left; padding-right: 30px; }

.footer {background: #005caa; text-align: center;   height: 50px; padding-top: 15px; }
.footer a, a:hover {text-decoration: none; color: #fff;  text-align: center; }

@media (min-width: 945px) and (max-width: 991px) {

.navbar-default .navbar-nav > li { font-size: 1.1em; }

.navbar-default .navbar-nav > li > a { font-size: 1.1em; }
}

@media (min-width: 768px) and (max-width: 990px) {

.navbar { padding-left: 20px; }

.navbar-default .navbar-nav > li { font-size: 1.1em; }

.navbar-default .navbar-nav > li > a { font-size: 1.1em; }

.nav > li > a { padding: 10px 10px; }

.responsiveContainer { position: relative; padding-bottom: 65%; height: 0; overflow: hidden; margin-left: 40px; }

.responsiveContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.db { float: left; padding-right: 30px; margin-left: 40px; }

.abst-re-li-st { padding-left: 20px; padding-right: 60px; }

.abst-re-li-st-ls { padding-left: 60px; padding-right: 20px; }
}

@media (min-width: 280px) and (max-width: 767px) {

.navbar-default .navbar-nav > li { font-size: 1.1em; }

.navbar-default .navbar-nav > li > a { font-size: 1.1em; }

.navbar { border-radius: 0px; margin: 0; padding-left: 20px; }

.nav > li > a { padding: 5px 10px; }

.responsiveContainer { position: relative; padding-bottom: 65%; height: 0; overflow: hidden; margin-left: 0px; }

.responsiveContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.db { float: left; padding-right: 30px; margin-left: 0px; }

.abst-re-li-st { padding-left: 40px; padding-right: 40px; }

.abst-re-li-st-ls { padding-left: 40px; padding-right: 40px; }
}

@media (min-width: 385px) and (max-width: 702px) {

.titel { font-size: 2em; padding: 5px 15px; }

.navbar { padding-left: 20px; }

.responsiveContainer { position: relative; padding-bottom: 65%; height: 0; overflow: hidden; }

.responsiveContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.db { float: left; padding-right: 30px; margin-left: 0px; }

.abst-re-li-st { padding-left: 40px; padding-right: 40px; }

.abst-re-li-st-ls { padding-left: 40px; padding-right: 40px; }
}

@media (min-width: 280px) and (max-width: 384px) {

.titel { font-size: 1.6em; padding: 10px 15px; }

.navbar { padding-left: 20px; }

.adr { font-size: 0.9em; }

.logo { margin-top: 20px; }

.responsiveContainer { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; }

.responsiveContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.db { float: left; padding-right: 30px; margin-left: 0px; }

.rmv { float: left; padding-right: 30px; margin-left: 0px; padding-top: 0px; padding-bottom: 40px; }

.abst-re-li-st { padding-left: 40px; padding-right: 40px; }

.abst-re-li-st-ls { padding-left: 40px; padding-right: 40px; }
}