/* global */
html {
position: relative;
min-height: 100%;
font-size: 10px;
}
body {
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 16px;
color: #333;
background-color: #fff;
padding-top:50px;
}
/* ********************************************************************************************** */
/* Toggle */
/* ********************************************************************************************** */
.navbar-inverse .navbar-toggle {
border:0px solid #036;
float: right;
border-radius: 4px;
margin:5px 10px 0 0;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color:#036;
width: 25px;
height: 4px;
border-radius: 2px;
}
.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar {
background-color: #036;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: transparent;
border:0px solid #036;
}
.navbar-brand img{
margin-top:-5px;
padding: 0px 5px 0px 5px;
}
.navbar-header a{
margin:0;
padding:10px 0 0 0;
font-size:14px;
font-weight:600;
color:#036;
line-height:1.1;
}
.navbar-header a:hover,
.navbar-header a:focus {
text-decoration:none;
color:#036;
}
/* ********************************************************************************************** */
/* Standards */
/* ********************************************************************************************** */
.navbar-fixed-top .navbar-collapse {
border:0px solid transparent;
border-top:0px solid transparent;
}
.navbar-inverse .navbar-collapse {
background: transparent;
}
/*************************************************************************************/
/*      navbar-inverse    */
/*************************************************************************************/
.navbar-inverse{
border:0px solid transparent;
border-bottom:0px solid #036;
padding:0;
background: rgba(210,218,238,1)!important;
background: #d2daee;
}
/* ********************************************************************************************** */
/* list-inline */
/* ********************************************************************************************** */
.nav-one {
height:0px;
text-align:left;
}
.list-inline > li {
margin:0;
}
.list-inline > li > a {
padding:0px 15px 0px 0px;
font-size: 20px;/* nur icons */
color: #036;
}
.list-inline > li > a:hover,
.list-inline > li > a:focus {
text-decoration: none;
}
/* ********************************************************************************************** */
/* nav-two
/* ********************************************************************************************** */
.navbar-inverse .navbar-nav > .nav-two > a {
color: #fc3;
background-color: #036;
font-weight: 400;
font-size: 14px;
}
.navbar-inverse .navbar-nav > .nav-two > a:hover,
.navbar-inverse .navbar-nav > .nav-two > a:focus,
.navbar-inverse .navbar-nav > .nav-two > a:active,
.navbar-inverse .navbar-nav > .nav-two > a.active {
color: #fc3;
background-color: #036;
}
/*************************************************************************************/
/*      navbar-inverse    */
/*************************************************************************************/
.navbar-inverse .navbar-nav > li > a {
color: #036;
font-weight:400;
font-size: 16px;
text-decoration:none;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:active,
.navbar-inverse .navbar-nav > li > a.active,
.navbar-inverse .navbar-nav > li > a:hover {
background-color:#036;
color: #fc3;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
background-color:#036;
color: #fc3;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
background-color:#036;
color: #fc3;
}
/*************************************************************************************/
/*     navbar-inverse dropdown-menu   */
/*************************************************************************************/
.dropdown-menu {
background-color: #d2daee;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #fc3;
white-space: normal;
font-size: 16px;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fc3;
background-color: #036;
text-decoration: none;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fc3;
background-color: #036;
text-decoration: none;
}
/********************************/
/*      Schatten       */
/********************************/
.sh-con{
background-color: rgba(255,255,255,1);
background-color: #fff;
1-moz-box-shadow:
5px 0 5px -5px rgba(51,204,255,0.3),
-5px 0 5px -5px rgba(51,204,255,0.3);
1-webkit-box-shadow:
5px 0 5px -5px rgba(51,204,255,0.3),
-5px 0 5px -5px rgba(51,204,255,0.3);
1box-shadow:
5px -1px 5px -5px rgba(51,204,255,0.3),
-5px -1px 5px -5px rgba(51,204,255,0.3);
padding-bottom:30px;
}
/********************************/
/*     infos      */
/********************************/
.infos {
padding: 20px 10px 20px 10px;
margin:20px 0px 100px 0;
border:1px solid #ccf;
background: #d2daee;
}
1.infos h3 {
font-size:20px;
}
.infos h4 {
1font-size:14px;
font-weight:600;
}
.infos p,
.infos a {
color:#036;
font-weight:400;
}
@media only screen
and (max-width: 767px) {
.after::after {
content: "\A";
white-space: pre;
}
}
/********************************/
/*       Buttons         */
/********************************/
.infos .btn-primary,
.btn-primary {
color: #3cf;
background-color: #036;
border-color: #036;
font-size: 14px;
margin-top:10px;
margin-bottom:20px;
text-decoration:none!important;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover {
color: #3cf;
background-color: #036;
border-color: #036;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
color: #036;
font-weight:300;
}

h4, .h4,
h5, .h5 {
font-weight:400;
}
h1 {
font-size:26px;/* 26px */
}
.h2top {
font-size: 1.125em;/* 18px */
color: #555;
font-weight:600;
margin-top:0px;
}
a {
color: #369;
text-decoration: none;
}
a:hover,
a:focus {
color: #369;
text-decoration: underline;
}
/********************************/
/*            images + filme          */
/********************************/
.img-all {
margin:0px auto;
margin-top:10px;
}
.img-logo {
margin-bottom:55px;
}
.smaller {
font-size: 0.75em;
}
/********************************/
/*         Panels         */
/********************************/
.panel {
margin-bottom: 10px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-group {
margin: 10px 0 10px 0;
}
.panel-default > .panel-heading {
color: #333;
background-color: #ddd;
border-color: #ddd;
}
.panel-default > .panel-heading a{
text-decoration: none;
}
.panel-group .panel-default {
margin: 20px 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border: 1px solid #ddd;
}
.panel-group,
.panel-group .panel,
.panel-group .panel-heading,
.panel-group .panel-heading a,
.panel-group .panel-title,
.panel-group .panel-title a,
.panel-group .panel-body,
.panel-group .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-radius: 0px;
  border: 0;
}
.panel-group .panel-heading {
  padding: 0;
}
.panel-group .panel-heading a {
  display: block;
  background: #668bb1;
  background: #036;
  color: #fff;
  padding: 15px;
  text-decoration: none;
  position: relative;
  padding-left:40px;
  font-weight:400;
}
.panel-group .panel-heading a.collapsed {
  background: #f5f5f5;
  background: #ddd;
  color: inherit;
  font-weight:400;
}
.panel-group .panel-heading a:after {
  content: '-';
  position: absolute;
  left: 15px;
  top:5px;
  font-size:30px;
}
.panel-group .panel-heading a.collapsed:after {
  content: '+';
}
.panel-group .panel-collapse {
  margin-top: 5px !important;
}
.panel-group .panel-body {
  background: #ffffff;
  padding: 15px;
}
.panel-group .panel {
  background-color: transparent;
}
.panel-group .panel-body p:last-child,
.panel-group .panel-body ul:last-child,
.panel-group .panel-body ol:last-child {
  margin-bottom: 0;
}
.panel-equal {
width: 100%;
height: 100%;
}
/********************************/
/*            rows + diverse          */
/********************************/
blockquote {
font-size: 14px;
}
.row-weiss{
width:100%;
background:#fff;
padding:20px 0 0px 0;
}
.row-grau{
width:100%;
background:#d2daee;
padding:20px 0 80px 0;
}
.hr-blau {
margin-top: 40px;
margin-bottom: 20px;
max-width:100px;
border: 0;
border-top: 2px solid #036;
}
/********************************/
/*       Tabs          */
/********************************/
.nav-tabs {
margin:40px 0 20px 0;
}
.tab-content {
margin:0px 0 40px 0;
}
.nav-tabs > li > a {
border: 1px solid #fff;
}
.nav-tabs > li > a:hover {
border-color: #fff;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
background-color: #d2daee;
color:#036;
}
/********************************/
#cookiehinweis div {
padding:20px 0 20px 0;
}
#cookiehinweis {
position:fixed;
z-index:10000;
font-size:14px;
color: #fff;
text-align:center;
background: rgba(0,51,102,0.7);
bottom:50px;
width:340px;
left: 50%;
transform: translateX(-50%);
}
#cookiehinweisCloser {
color: #eee;
font-size:14px;
text-decoration: none;
cursor:pointer;
padding:7px 10px;
margin-left:10px;
border:1px solid #eee;
}
/********************************/
/*            Footer           */
/********************************/
.footer {
padding: 40px 0 0 0;
margin:0px 0 0 0;
color:#036;
font-size: 14px;
background: #fc0;
border-top: 1px solid #d2daee;
background: linear-gradient(rgba(255, 255, 255,1), rgba(210,218,238,1))!important;
}
.footer p  {
color:#036;
}
.footer a  {
color:#036;
}
.footer iframe {
margin-bottom:40px;
}
.footer blockquote {
padding: 0px 10px;
margin: 0 0 10px;
border-left: 5px solid #036;
color:#036;
font-style: normal;
text-transform: uppercase;
font-size: 1.5em;/* 18px */
font-weight:600;
font-family: "Open sans", Helvetica, Arial;
}
.footer-bottom {
background-color: #036;
height: 50px;
width: 100%;
color: #fff;
margin:20px 0 0 0;
padding: 8px 0;
font-size: 12px;
}
.footer-bottom a {
color: #fff;
}
/********************************/
/*      Button to top           */
/********************************/
#toTop{
position: fixed;
bottom: 5px;
right: 0px;
cursor: pointer;
}
.btntotop {
background-color: #036;
color:#fff;
padding:5px 11px;
}
.btntotop:focus,
.btntotop.focus,
.btntotop:hover {
background-color: #036;
color:#fff;
}
.sticky-container{
padding: 0px;
margin: 0px;
position: fixed;
right: -119px;
bottom:50px;
width: 200px;
z-index: 5000;
}
.sticky li{
list-style-type: none;
background-color: #036;
color: #fff;
height: 43px;
padding: 0px;
margin: 0px 0px 1px 0px;
-webkit-transition:all 0.25s ease-in-out;
-moz-transition:all 0.25s ease-in-out;
-o-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
cursor: pointer;
filter: gray;
-webkit-filter: grayscale(100%);
}
.sticky li:hover{
margin-left: -115px;
-webkit-filter: grayscale(0%);
}
.sticky li img{
float: left;
margin: 5px 5px;
margin-right: 10px;
}
.sticky li p{
padding: 0px;
margin: 0px;
text-transform: uppercase;
line-height: 43px;
}
.sticky li a{
color: #fff;
text-decoration:none;
text-transform: uppercase;
line-height: 43px;
}
@media (min-width: 450px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse {
max-height: 180px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.infos span{
float: left;
width: 180px;
overflow: hidden;
clear: left;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
}
.col-xsl-4 {
width: 33.33333333%;
}
.col-xsl-6{
width: 50%;
}
.col-xsl-7{
width: 58.33333333%;
}
.col-xsl-5{
width: 41.66666666%;
}
.col-xsl-8 {
width: 66.66666667%;
}
.col-xsl-9 {
width: 75%;
}
.col-xsl-3 {
width: 25%;
}
}