@charset "UTF-8";
/*
	Theme Name: MSO Bootstrap
	Description: wordpress theme mit Bootstrap
	Version: 01.00 (de)
	The CSS, XHTML and design is released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('fonts/open-sans-v40-latin-regular.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('fonts/open-sans-v40-latin-700.woff2') format('woff2'); }

* { margin: 0; padding: 0; }
html { font-size: 100%; min-height: 100.01%; }
body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 100%; color: #000; background-color: #3566ab; }

a, a:link, a:visited { color: #b00000; text-decoration: underline; }
a:hover, a:active, a:focus { color: #e00; text-decoration: none; }
a.weiter { font-size: 1.6em; color: #b00000; margin: 30px 0; padding: 10px; background-color: #ffce7d; border: 1px solid #d47100; text-decoration: none; }
a.weiter:hover { color: #fff; background-color: #e15000; border-color: #000; text-decoration: none; }
.btn { display: inline-block; min-width: 300px; color: #fff; background: #105099; margin: 0 0 10px 0; text-align: center; border-radius: 5px; transition: background 0.5s ease-out; }
.btn:hover { background: #00007e; }
.btn a, .btn a:link, .btn a:visited { display: block; padding: 10px 20px; color: #fff; text-decoration: none; font-size: 1.6em; font-weight: 400; }
.btn a:hover, .btn a:active, .btn a:focus { text-decoration: none; }

header { background-color: #3566ab; margin: 0 auto; padding: 10px 0 20px 0; }
.neu { float: right; }
.social-box { float: right; margin: 0 20px 20px 0; }
.social-box img { float: left; padding: 0 0 0 10px; opacity: 0.8; }
.social-box img:hover { opacity: 1; }

section { margin: 0 auto; padding: 20px 0; }
.container-fluid { max-width: 1300px; }
.weiss { background-color: #fff; padding: 10px 1%; box-shadow: 3px 3px 5px #000; }
.blau { background-color: #a6c7f7; padding: 10px 1%; box-shadow: 3px 3px 5px #000; }
.blau a, .blau a:link, .blau a:visited { color: #700000; text-decoration: underline; }
.blau a:hover, .blau a:active, .blau a:focus { color: #e00; text-decoration: none; }
.blau2 { background-color: #a6c7f7; padding: 5px; }
.blau2 a, .blau2 a:link, .blau2 a:visited { color: #700000; text-decoration: underline; }
.blau2 a:hover, .blau2 a:active, .blau2 a:focus { color: #e00; text-decoration: none; }
.blau3 { background-color: #bddaff; margin: 0 0 40px 0; padding: 10px; box-shadow: 5px 5px 5px #3566ab; }
.blau3 a, .blau3 a:link, .blau3 a:visited { color: #700000; text-decoration: underline; }
.blau3 a:hover, .blau3 a:active, .blau3 a:focus { color: #e00; text-decoration: none; }
.dunkel { background-color: #00007e; padding: 0; }

.flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flex p { flex: 0 1 auto; width: 46%;  margin: 0 2% 10px 2%; text-align: center; }
.flex2 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flex2 p { flex: 0 1 auto; width: 100%; margin: 0 0 10px 0; text-align: center; }

.navbar { margin-bottom: 0; }
.navbar-default { border: 0; background-color: #000; padding: 0; box-shadow: 3px 3px 5px #000; }
.navbar-collapse { padding: 0; background-color: #000; }
.navbar-default .navbar-nav > li > a { font-size: 1.1em; text-decoration: none; padding: 15px; color: #c2ccd7; font-weight: bold; transition: background-color 0.5s ease-out; }
.navbar-default .navbar-nav > .active > a { color: #fff; background-color: #00409b; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #fff; background-color: #00409b; }
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff; background-color: #00409b; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { text-decoration: none; color: #fff; background-color: #00409b; }
.navbar-default .navbar-nav li.active a { color: #fff; background-color: #002c7c; background-image: none; }
@media (min-width: 900px) { ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } }
.dropdown-menu { background-color: #00409b; font-size: 1em; padding: 0; }
.dropdown-menu .divider { background-color: #00409b; }
.dropdown-menu > li > a { font-size: 1.1em; color: #c2ccd7; font-weight: bold; background-color: #00409b; padding: 15px; border-bottom: 1px solid #ccc; text-decoration: none; }
.navbar-default .navbar-nav > .active > .dropdown-menu li a { color: #c2ccd7; background-color: #00409b; }
.navbar-default .navbar-nav > .active > .dropdown-menu li.active a { color: #fff; background-color: #1e5eb9; }
.navbar-default .navbar-nav > .active > .dropdown-menu li a:hover, .navbar-default .navbar-nav > .active > .dropdown-menu li a:focus { color: #fff; background-color: #1e5eb9; }
.dropdown-menu li a:hover { color: #fff; background-color: #1e5eb9; }

.right { float: right; }
.abst { margin: 0 0 50px 0; }
.nah { margin: 0 0 10px 0; }
.null { margin: 0; }
.clear { clear: both; }
.center { text-align: center; }
.bigbig { font-size: 1.3em; }
.big { font-size: 1.6em; }
.gross { font-size: 2em; }
.sm { line-height: 1.2em; font-size: 0.87em; }
img { border: 0; padding: 0; margin: 0; max-width: 100%; }
.grau { background-color: #f0f5f9; }
.gelb { background-color: #ffe4a9; padding: 5px; }
.b { font-weight: 700; }
.hr { border-bottom-style: solid; border-bottom-width: 1px; /* fix */ border-color: #73a8f3; height: 1px; margin: 0 0 20px 0; }

.textbox { position: relative; margin: 10px 0; padding: 10px; background-color: #ff6f6a; border: 1px solid #00409b; }
.textbox2 { position: relative; margin: 0 0 40px 0; background-color: #a6c7f7; border: 1px solid #00409b; }
.textbox2 p.big { padding: 5px 10px; color: #fff; background-color: #00409b; font-size: 1.4em; }
.textbox2 p { margin: 0; padding: 10px; font-size: 1em; }
.blaubild { float: right; margin: -30px 20px 0 0; position: relative; z-index: 100; }

h1, h2, h3, h4 { margin: 0 0 20px 0; line-height: 1.2em; }
h1 { font-size: 2em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; line-height: 1.5em; }
p { margin: 0 0 30px 0; line-height: 1.5em; font-size: 1.2em; }
cite { font-size: 2em; padding: 0 0 20px 20px; display: block; font-style: italic; line-height: 1.1em; }
blockquote { clear: left; border-left: 4px solid #333; padding: 0px 0px 0px 25px; margin: 20px 40px 16px 25px; }
.bild { line-height: 1.3em; float: right; margin: 0 0 0 20px; }
.bild1 { line-height: 1.3em; float: right; margin: 0 0 20px 20px; }
.bild2 { line-height: 1.3em; float: left; margin: 0 20px 20px 0; }
.bild3 { float: left; margin: 0 2% 30px 0; max-width: 48%; line-height: 2em; }
ul.tx { list-style-image: url(bilder/pfeil2.gif); margin: 0 0 30px 30px; padding: 0; line-height: 1.5em; font-size: 1.2em; }
ul.tx li { margin-bottom: 5px; }
ul.tx li ul { margin: 10px 0 10px 20px; }
ul.tx2 { list-style-image: url(bilder/pfeil2.gif); margin: 0 0 30px 30px; padding: 0; line-height: 1.5em; font-size: 1.3em; }
ul.tx2 li { margin-bottom: 10px; }
ol { margin: 0 0 30px 30px; padding: 0; font-size: 1.2em; line-height: 1.5em; }
ol.lower-latin { list-style-type: lower-latin; margin: 0 0 30px 40px; padding: 0; font-size: 1.2em; line-height: 1.5em; }
ol li { margin-bottom: 10px; }
ol.lower-latin ul { list-style-type: disc; margin: 10px 0 10px 40px; }

.shariff { margin-top: 40px !important; margin-bottom: 20px !important; }

footer { color: #eaf2f5; background-color: #083060; margin: 0 0 20px 0; padding: 30px 2%; box-shadow: 3px 3px 5px #000; }
footer p { margin: 0; }
footer a, footer a:link, footer a:active, footer a:focus, footer a:visited { color: #eaf2f5; text-decoration: none; }
footer a:hover { color: #eea236; text-decoration: underline; }
footer span:hover { color: #eea236; }
footer ul { float: left; list-style: none; margin: 0 0 20px 0; }
footer ul li { float: left; list-style: none; }
footer ul li a { float: left; display: block; padding: 0 20px 0 0; text-decoration: none; font-size: 1em; line-height: 1.5em; }
footer .glyphicon { font-size: 1.6em; }

ul.navlist { width: 100%; list-style: none; margin: 0 0 40px 0; padding: 0; }
ul.navlist li, ul.navlist li.page_item { list-style: none; margin: 0; padding: 0; }
ul.navlist li a, ul.navlist li.page_item a { display: block; text-decoration: none; font-weight: normal; font-size: 1.2em; color: #000; background-color: #73a8f3; height: auto; line-height: 22px; padding: 10px; border-bottom: 1px solid #eaf2f5; }
ul.navlist a:visited { color: #000; text-decoration: none; }
ul.navlist li.current_page_item a, ul.navlist li a.ac { text-decoration: none; color: #fff; background-color: #00409b; }
ul.navlist li a:hover { text-decoration: none; color: #fff; background-color: #00409b; }

table { border: 0; margin: 0 0 40px 0; padding: 0; border-collapse: collapse; border-spacing: 0; }
td { padding: 10px; text-align: left; vertical-align: top; }

.filmbox { width: 100%; overflow-y: auto; margin: 0 0 20px 0; }
.filmbox::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; }
.filmbox::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); }

.framebox { position: relative; padding-bottom: 80%; height: 0; overflow: hidden; }
iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

fieldset { display: none; }
label { width: 200px; display: block; float: left; margin: 0 0 5px 0; font-weight: normal; }
.wpcf7 p { margin: 0 0 20px 0; }
.wpcf7 textarea, .wpcf7 input { width: 400px; max-width: 98%; background: #fff; border: 1px solid #003786; padding: 5px; border-radius: 5px; font-size: 1em !important; }
.wpcf7 select { width: 400px; max-width: 98%; background: #fff; border: 1px solid #003786; padding: 5px; border-radius: 5px; font-size: 1em; }
.wpcf7 input.eng { width: 90px; }
.wpcf7 textarea { width: 100%; background-color: #fff; border: 1px solid #bbb; padding: 8px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
.wpcf7 input::placeholder, .wpcf7 textarea::placeholder { font-size: 1em; color: #333; font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
.wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"] { width: 20px; }
span.wpcf7-list-item { margin: 0; padding: 0 10px 0 0; }
.wpcf7 input[type="submit"], .wpcf7 input[type="reset"] { width: 90px; font-size: 1em; color: #fff; background: #b00000; padding: 5px 10px; margin: 0 0 10px 0; border: 0; }
.wpcf7 input[type="submit"]:hover, .wpcf7 input[type="reset"]:hover { background: #00409b; }
.wpcf7-spinner { margin: 0 5px; }

@media only screen and (max-width: 1250px) {
.navbar { border-radius: 0; }
.dunkel { background-color: #00007e; padding: 30px 0; }
.navbar-default { padding: 10px 0 0 0; }
.navbar-collapse { padding-left: 15px; padding-right: 15px; border: 0; }
.navbar-default .navbar-toggle { border-color: #ccc; }
.navbar-default .navbar-toggle .icon-bar { background-color: #ccc; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ccc; }
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color: #105099; }
.navbar-default p { margin: 0 0 20px 0; padding: 0 15px; }
.navbar-default .navbar-nav > .open > .dropdown-menu > li > a { color: #205490; background-color: #f0f5f9; padding: 15px 30px; border-bottom: 1px solid #ccc; }
.navbar-default .navbar-nav > li > a { text-decoration: none; padding: 15px; border-bottom: 1px solid #ccc;  transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -webkit-transition: background-color 0.5s ease-out; }
.navbar-fixed-top .navbar-collapse { max-height: none; }
.dropdown-menu > li > a, .navbar-default .navbar-nav li.active .dropdown-menu > li > a { color: #205490; background-color: #f0f5f9; padding: 15px 30px; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: #205490; }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a { color: #a30000; background-color: #f0f5f9; }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #205490; }
}
@media only screen and (max-width: 900px) {
.bigbig { font-size: 1.2em; }
.big { font-size: 1.4em; }
.gross { font-size: 1.7em; }
h1 { font-size: 1.7em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }
p { font-size: 1em; }
.btn a, .btn a:link, .btn a:visited { font-size: 1.4em; }
.textbox2 p.big { font-size: 1.2em; }
.textbox2 p { font-size: 1em; }
ul.tx { font-size: 1.1em; }
ul.tx2 { font-size: 1.1em; }
ol { font-size: 1.1em; }
ol.lower-latin { font-size: 1.1em; }
ul.navlist li a, ul.navlist li.page_item a { font-size: 1.1em; }
}
@media only screen and (max-width: 767px) {
.dunkel { padding: 80px 0 100px 0; }
.flex2 p { width: 46%; margin: 0 2% 10px 2%; }
}
@media only screen and (max-width: 640px) {
.btn { min-width: 0; }
.btn a, .btn a:link, .btn a:visited { font-size: 1.3em; }
.bild { float: none; margin: 0 0 20px 0; }
.bild2 { float: none; margin: 0 0 20px 0; }
.bild3 { float: none; margin: 0 0 30px 0; max-width: 100%; }
.fotobox { max-width: 46%;  }
.bigbig { font-size: 1.1em; }
.big { font-size: 1.2em; }
.gross { font-size: 1.5em; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
.btn a, .btn a:link, .btn a:visited { font-size: 1.2em; }
.textbox2 p.big { font-size: 1.2em; }
.textbox2 p { font-size: 1em; }
ul.tx { font-size: 1em; }
ul.tx2 { font-size: 1em; }
ol { font-size: 1em; }
ol.lower-latin { font-size: 1em; }
ul.navlist li a, ul.navlist li.page_item a { font-size: 1em; }
}
@media only screen and (max-width: 520px) {
.flex p, .flex2 p { width: 100%;  margin: 0 0 20px 0; }
iframe { width: 280px; height: 400px; }
.fotobox { max-width: 99%; margin: 0 0 20px 0; }
}
@media only screen and (max-width: 380px) {
body { word-wrap: break-word; }
.wpcf7 textarea, .wpcf7 input, .wpcf7 select { width: 180px; }
.blaubild  { width: 180px; height: auto; }
}