@import "https://fonts.googleapis.com/css?family=Bitter|Rock+Salt|Source+Sans+Pro";

/* Hellblau grau = #7188a0
Blau = #31679d

*/


body {
font-family:'Source Sans Pro',sans-serif;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-size:17px
}

.main-section {
background:#fff url(../img/bg.png);

}


.carousel { margin-top:-48px}

@media (max-width: 992px) {
.main-section {
background-image:none
}
}



a:hover img,a:focus img {
-webkit-transform:scale(1.01);
-ms-transform:scale(1.01);
transform:scale(1.01);
transition:all .1s ease
}

.navbar-brand > img {

}

.navbar-default,.footer-section {
background:#31679d
}

.navbar-default .navbar-nav > li > a {
color:#fff
}

.navbar-main > li > a {
font-family:'Bitter',serif;
font-size:18px;
text-transform:none
}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
color:#CCC
}

.navbar-main > li > a .bar {
background:#ccc
}

.navbar-main>li.dropdown.open>a>.bar,.navbar-main>li:hover>a>.bar,.navbar-main>li.active>a>.bar {
opacity:1
}

.navbar-default .navbar-toggle .icon-bar {
background-color:#fff
}

.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus {
color:#ccc
}

.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {
text-decoration:none;
color:#fff;
background-color:#7188a0
}

.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus {
color:#972923;
text-decoration:none;
outline:0;
background-color:#ccc
}

.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus {
color:#ccc;
background-color:transparent
}

h1,.h1,h2,.h2,h3,.h3 {
font-family:'Bitter',sans-serif;
margin-bottom:20px
}

h1,.h1, .jumbotron h1 {
font-size:2.5em;
color:#80140a
}

h2,.h2, .jumbotron h2 {
font-size:1.9em;
color:#972923
}

h3,.h3, .jumbotron h3 {
font-size:1.6em
}


.awesome {
text-shadow:1px 1px 1px #80140a,1px -1px 1px #80140a,-1px 1px 1px #80140a,-1px -1px 1px #80140a;
color:#fff
}

@media (min-width: 992px) {
.navbar-main > li > a {
line-height:140px;
padding:0 10px
}

.carousel-inner > .item {
height:350px
}

h1.awesome,.h1.awesome {
font-size:54px;
line-height:1.1
}
}

@media (max-width: 991px) {
h1,.h1 {
font-size:1.5em
}

h2,.h2,h3,.h3,h4,.h4 {
font-size:110%
}

.carousel-inner > .item {
height:300px
}


.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    font-weight:600
}
.navbar-main .open .dropdown-menu {
    border-left: 4px solid #ccc;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
   
}

}

a {
color:#972923
}

a:hover,a:focus,.footer-section a:hover,.footer-section a:focus,.meta-section a:hover,.meta-section a:focus {
color:#80140a
}


blockquote {
font-family:'Rock Salt',italic;
border:none
}

.caption a::before {
font-family:'Glyphicons Halflings';
content:"\e080";
color:#555;
font-size:10px;
padding-right:5px;
}
.caption, .caption a, .caption p {font-size:14px !important; color:#555; text-decoration:none}

.jumbotron {
background-color:#fff;
color:#00478e;
}

.jumbotron p { font-size:120%}


.well {
padding-top:45px;
background-color:transparent;
border:none;
box-shadow:none
}

.footer-section {
border:none;
padding-top:48px
}

.footer-section ul {
list-style:none;
padding:0
}

.footer-section li:before {
position:relative;
top:1px;
display:inline-block;
font-family:'Glyphicons Halflings';
font-style:normal;
font-weight:400;
line-height:1;
padding-right:7px;
content:"\e080"
}

.footertextawesome {
color:#fff;
text-shadow:2px 0 10px rgba(0,0,0,1);
font-size:36px;
font-family:'Rock Salt',cursive
}

video {
width:100%!important;
height:auto!important
}

.responsive-video iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}

.responsive-video {
position:relative;
padding-bottom:56.25%;
padding-top:0;
height:0;
overflow:hidden
}

form {
display:block;
margin-top:0
}

form ul,form ol {
list-style:none
}

.csc-form-element {
padding-bottom:15px!important
}

li input,li textarea,li select {
display:block;
width:80%;
height:38px;
padding:6px 12px;
font-size:16px;
line-height:1.55;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

input[type="checkbox"] {
border:none;
-webkit-box-shadow:none;
box-shadow:none
}

li textarea {
height:152px
}

li input[type="submit"] {
background-color:#972923;
border-color:#972923;
color:#fff;
text-decoration:none;
display:inline-block;
margin-bottom:0;
font-weight:400;
text-align:center;
vertical-align:middle;
touch-action:manipulation;
cursor:pointer;
background-image:none;
border:1px solid transparent;
white-space:nowrap;
padding:6px 12px;
font-size:16px;
line-height:1.55;
border-radius:0;
-webkit-user-select:none
}

legend {
font-size:16px
}

.scrolliconmain {
text-align:center;
text-decoration:none;
background:url(../img/top.png);
width:40px;
height:48px;
opacity:.8;
position:fixed;
bottom:20px;
right:20px
}

.scrollicon {
display:none
}

.scrollicon div {
font-weight:700;
font-size:26px;
color:#fff;
padding-top:0;
padding-left:1px
}

.subnavid4web ul {margin-top:20px;}
.subnavid4web .nav.nav-sidebar li a {color:#31679d}
@media (max-width: 991px) {

.subnavid4web ul {border-top:1px solid #fff; margin-top:0px}
.subnavid4web li {float:left; margin:0px; padding:0px; border:none; background:#31679d; }
.subnavid4web .nav.nav-sidebar li a {color:#fff; border-color:#fff}
.subnavid4web .nav.nav-sidebar li.active > a {}
.subnavid4web .nav.nav-sidebar li + li { margin-top:0}
}



.pswp__caption { bottom:30px}