/* Farben:
#3c72af; blau
#093c6b: dunkleres Blau - rgba (9,60,167,1)
#b2e086; gruen ;
#90c962: dunkleres Gruen
#E30615; rot (important) und tombola

 */
*{
    -webkit-transition-duration: 1s;
  transition-duration: 1s;
  transition: 1s;
}


.logoimg img.sticky{
    opacity: 1;
    position: fixed;
    top: 4px;
    left: 240px;
    width: 50px;
    z-index: 2000;
}


body {
  padding-top: 50px;
  /*background-image:url(../../gfx/bg_body.jpg);
  background-repeat:repeat-x;*/
  background-color: #eff8e6;
  color: #3c72af;
  font-family: Verdana, Arial, helvetica, sans-serif;
  margin:0;
  padding:0;
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}
.container {
  padding-left:0;
  padding-right:0;  
  }
.row {
  margin-left:0;
  margin-right:0;
  }

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: 0;
    margin-right: 0;
}
.border {
    border: 1px solid #b2e086!important;
    padding: 20px;
     border-radius:5px;
    margin:15px;
}


.glyphicon {
  float:left;
  font-size:22px;
  }
.important {
  color:#E30615;
  }
/*--------------------------Divider-------------------------------*/
.divider {
  /*padding-left:43px;
  padding-right:33px;*/
}
hr {
  border:0;
  border-bottom:1px solid #b2e086;
   
}

/*---clearfix-------*/
.clearfix() {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

/* Usage as a mixin*/

.element {
  .clearfix();
}

img { height:auto;
         max-width:100%;
         width:auto; //für IE und Firefox
      }

h2, h2.csc-firstHeader {
    border-left: 3px solid #b2e086;
    color: #3c72af;
    font-size: 1.4rem;
    font-weight: normal;
    margin: 5px 0 20px 0;
    padding-left: 5px;
  }
.left h1 {
  border-left: medium none;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 0;
  }
#home .col-md-6.order-md-2{
  padding: 0 30px;
}
#home .col-md-6 h1 {
  margin-left:0;
  }

h1, h1.csc-firstHeader{ 
  font-size: 1.6rem;
  font-weight:normal;
  color: #3c72af;
  /*border-left: 3px solid #3c72af;*/
  padding-left:0;
  margin-top:5px;
  margin-left: 0;
  margin-bottom: 30px;
}

h2::before {
  color:#90c962;
}



#dokumente .glyphicon {
  float: left;
  }
#dokumente h2 {
  margin: 30px 0 20px;
  padding-left:30px;
}

#dokumente h3 {
  margin-left:40px;
  color:#3c72af;
  margin-top:20px;
  }

h3, h3.csc-firstHeader{ 
  font-size: 1.2rem; 
  color: #90c962;
  border-left:0;
  padding-left: 0;
  margin-top:20px;
  margin-left: 0;
  margin-bottom: 10px;
}
p { 
   color: #3c72af;    
    line-height: 140%;
    margin-left: 5px;
    margin-right: 5px;
    text-align: left;
}

#content_breit {
  padding:30px 0;
  background-color:#fff;
  }

#content_breit a {
  font-weight:bold;
  color:#90c962;
  }

#content_breit {
  padding-left:25px;
  padding-right:25px;
  }
#content_breit ul li {
    list-style-image: url(../../gfx/stern_navi.gif);    
    color: #3c72af;
    margin-bottom: 5px;
  line-height:150%;
}
 
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
    color: #3c72af;
    font-size: 12px;
    /*margin-left: 10px;*/
    text-align: center;
  font-weight:bold;
  margin-top:8px;
}

/*--------------------carousel-------------------------*/

.jcarousel-skin-ie7 .jcarousel-container-horizontal{  
  padding:0;
}

#c200 .jcarousel-clip-horizontal, #c200 .jcarousel-container-horizontal{
  margin: 0 auto;
  }

.jcarousel-skin-ie7 .jcarousel-container{
  background-color:#fff;
  border:1px solid #ccc;
  
}
/*--------------animate.css----------------------------------------*/
/*=== Trigger  ===*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



/*=== Animations start here  ===*/
/*=== FADE IN  ===*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


/*=== FADE IN DOWN ===*/
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
/*-------------Anpassung fuer WSB-------------------*/
.carousel-caption {
  right:0;
  bottom: 5px;
  left:0;
  padding-top:0;
  padding-bottom:0;
  width: 257px;
  height: 50px;
}
p.animated.fadeInUp{
  /*background-color:rgba(255,255,255,0.6);*/
  background-color: rgba(9,60,107,0.8);
 /* color: #093c6b;*/
  color:#fff;
  text-align: center;
  padding: 10px;
}

/*-------------------Ende Animation-------------------*/

/*--------------------------Ende-Carousel-----------------------------------------*/

.pinnwand h3 {
    background-image: url("../../gfx/pen.gif");
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #3c72af;
    color: #3c72af;
    font-size: 14px;
    margin-left: 0;
    padding-bottom: 3px;
    padding-left: 25px;
  margin-bottom:20px;
}
/*--------------------------------filelinks-------------------------------*/
ul.csc-uploads span {
  margin-left:50px;
  }

ul.csc-uploads li a{
  background-image: url(../../gfx/Adobe_PDF_file_icon_24x24.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 10px 40px;
  }
.csc-uploads-fileSize {
  margin-left:40px;
  }
/*-------------------------------------Navbar--------------------------------------------*/

.navbar {
background-color:#fff;
border-bottom: 1px solid #e7e7e7;
 position:relative;
 z-index: 1000;
}
.navbar-dark .navbar-nav .nav-link {
  color: #3c72af;
  padding-left:15px;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show {
    color: #3c72af;
}
.navbar-dark .navbar-nav .show>.nav-link {
  color:#fff;
}

.navbar-brand {
  margin-right:0;  
}
.navbar-brand img {
  width:85%;
}

nav.navbar.sticky{
  position: fixed;
  top: 0;
  width: 1110px;
  transition: 1s;
  background: #01619b;
}

/*----------------------navbar button fuer mobile Ansicht--------------------------------

NEU: animiert*/
.icon-bar {
	width: 22px; 
	height: 2px;
	background-color: #3c72af;
	display: block;
	transition: all 0.2s;
	margin-top: 4px
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
}
button.navbar-toggler:focus{
  outline:none;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}
/*--------------------Ende Animation---------------------*/

/*.navbar-dark .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggle .icon-bar {
  background-color:#fff;
  }
*/

.navbar-collapse {
  width: 100%;
 border-top: 1px solid #e7e7e7;
  
}

ul.navbar-nav > li > a {
  display:block;
  font-size:1rem;
  
  }
.navbar-dark .navbar-nav > li.nav-item.active {
  margin-bottom: 0;
}
.navbar-dark .navbar-nav > li > a {
  color:#3c72af;
  }

.navbar-dark .navbar-nav > li > a:hover {
  background-color:#90c962;
  color:#fff;
  padding-left: 15px;
  }

.navbar-default .navbar-nav > .open> a, .navbar-default .navbar-nav > .open> a:hover, .navbar-default .navbar-nav > .open> a:focus 
{
  background-color:#90c962;
  color:#fff;
  }

.navbar-dark .navbar-nav > .active > a.nav-link, .navbar-dark .navbar-nav > .active > a.nav-link:hover, .navbar-dark .navbar-nav > .active > a.nav-link:focus {
  background-color:#90c962;
  color:#fff;
  }
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color:#3c72af;
  }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  background-color:#3c72af;
  color:#fff;
  }

 ul.navbar-nav > li.nav-item.dropdown-show > ul.dropdown-menu.show > a.nav-link {
  background-color:#3c72af;
  padding:3px 20px;
  display:block;
  color:#fff;
  }

.nav > li.open {
  background-color:#E3FECE;
  }
.dropdown-toggle::after {
      display: inline-block;
    margin-left: .255em;
    vertical-align: .55em;
    content: "";
    border-top: .6em solid;
    border-right: .6em solid transparent;
    border-bottom: 0;
    border-left: .6em solid transparent;
    /* text-align: right; */
    float: right;
    margin-right: 1rem;
    margin-top: 5px;
}
.logo {
  float:left;
  margin-left:15px;
  width:73%;
  }
.logo img {
  width:90%;
  }
/*-----------------------------sub-nav links------------------------------------------------*/

#sub-nav {
  font-size:14px;
  font-weight:bold;
  margin:67px 0 0;  
  }
#sub-nav ul {
  list-style: outside none;
  margin:0;
  padding:0;
  }

#sub-nav ul li{
  list-style: outside none;
  padding-bottom: 3px;
  
  }

#sub-nav ul li a.navi_links, #sub-nav ul li a.navi_links:visited {
  
    background-image: url("../../gfx/bullet_Bl_navi.jpg");
    background-position: 23px 3px;
    background-repeat: no-repeat;
    color: #3c72af;
    display: block;
    margin: 10px 0;
    padding-left: 40px;
    text-decoration: none;
  }
#sub-nav ul li a.navi_links_active {
    background-image: url("../../gfx/bullet_gr_navi.jpg");
    background-position: 23px 3px;
    background-repeat: no-repeat;
    color: #b2e086;
    display: block;
    margin: 10px 0;
    padding-left: 40px;
    text-decoration: none;
}
  
  
/*-------------------------------------News-----------------------------------*/
.right h2{
  background: rgba(0, 0, 0, 0) url("../../gfx/bullet-aktuell.jpg") no-repeat scroll 0 0;
  border-bottom: 1px solid #b2e086;
  font-size: 18px;
  font-weight: bold;
  height: 22px;
  padding: 0 0 0 43px;
  margin-left:0;
  }
.right h2::before {
  content:"";
  }
.right h3 a {
  color:#90c962;
  font-weight:bold;
  }


#content_breit .right a {
  font-weight: normal;
  }
 .news-list-view h3 {
   clear: both;
    color: #90c962;
    font-size: 12px;
    margin-bottom: 3px;
    margin-left: 5px;
    margin-top: 20px;
 } 
#content_breit .news-list-view h3 a{
  color: #3c72af;
  }

.news-list-view p {
   color: #3c72af;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: left;
}


.news .article h3 {
    color: #3c72af;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 20px;
}
.news .article .teaser-text {
  margin-top: 50px;
  }
.col-md-3.right .news .article .teaser-text, .col-md-3.left .news .article .teaser-text {
  margin-top: 10px;
  }
.col-md-3.left .news .article .teaser-text p{
  font-size: 12px;  
}
.col-md-3.right .news .article .teaser-text p {
    font-size: 12px;
    margin-left: 20px;
    margin-bottom: 12px;
}

.news.news-single .article .teaser-text {
  margin-top: 18px;
  }
.news .article .teaser-text p {
  font-size:16px;  
  margin-left:20px;
  margin-bottom:20px;
  
  }
#home .news .article .teaser-text p {
  font-size:12px;  
}
.news.news-single .article .teaser-text p { 
  font-weight: bold;
}
.news.news-single h3 {
  font-size: 20px;
}
.news .news-list-view h3 {
  margin-top:9px;
  }

.news .article h3 a{
  color: #90c962;
  }

.news-backlink-wrap {
    font-size: 16px;
    color: #3c72af;
    font-weight: bold;
    padding: 10px;
}
.news-backlink-wrap a::before {
      content: "‹";
}
.news-list-view a.more {
    
    background-repeat: no-repeat;
    font-size: 11px;
    font-weight: bold;
    padding: 10px 2px 1px 20px;
    vertical-align: bottom;
}
.news-list-view a.more::before {
  content: ">>";
}
.news-list-view a.more:hover {
  text-decoration: none;
}

.news p.news-list-date {
  margin-bottom:5px;
  margin-top:10px;
  }
.news-single .article .news-img-wrap {
  float:none;
  margin: 0 auto 20px;
  }
.news .footer {
  margin-top:0;
  border-top:0;
  border-bottom: 1px solid #90c962;
  padding: 2px 0 0;
   }
.news .article .news-img-wrap img {
  margin:3px;
  float:right;
  }
.news .footer span.news-list-category {
  display:none;

}
.news-img-caption {
  color: #888;
  font-size:11px;
  margin-left:0;
  margin-right:0;
  }
  
.news .page-navigation ul {
  float:right;
  }
.news .page-navigation ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    float: left;
    padding: 0 2px;
}

#veranstaltungen .news-list-date {
 display:none;
 } 
.ce-gallery figcaption {
   
    font-size: 12px;
}

/*-------------------------------------------Table----------------------------*/
table {
  margin-left:0;
  }

tr {
  border-bottom: 1px solid #ccc;
  }
tr:hover {
  background-color:#C5F598;
  }
td {
  padding:4px;
  }
td p {
  margin: 10px 5px;
  }



/*------------------------------------------------------------------Footer--------------------------------*/

footer {
    background-image: url("../../gfx/welle_footer.png");
    background-repeat: no-repeat;
    height: 140px;    
}

footer a {
  color:#3c72af;
}
footer p {
  text-align:center;
  padding-top:80px;
  font-size:12px;
  margin-bottom:10px;
  margin-right: 0px;
  }
footer img {
  width:0.5%;
  margin:0 4px;
  }

.totop a{
  display: block;
  text-indent: -99999px;
  background-image: url(../../gfx/arrow_1.png);
  background-repeat: no-repeat;
  padding: 20px;
  background-size: contain;
  margin-top: -80px;
  width: 10%;
  margin-left: auto;
  margin-right: auto;
  background-position-x: center;
}

.totop a:hover{
	transform: skew(10deg,10deg);
}

/* ------------------------------------------------------------------------------Formular------------------------------------------------------------------------*/
#kontakt .col-md-4 .ce-gallery, #kontakt .col-md-6 .responsiveContainer  {
  margin-right: 15px;
}
#content_breit .csc-mailform {
  margin-left:52px;
  font-weight: bold;
  margin-top:40px;
  }
#kontakt #content_breit form {
  margin-left:20px;
  }

fieldset {
  padding:10px;
  margin-bottom:10px;
  border: 1px solid #b2e086;
  }
div.csc-mailform label {
  display:block;
  }

 fieldset legend {
  border:none;  
  font-weight:normal;
  color:#3c72af;
  text-transform: uppercase;
  margin-left:0;
  display:inline;
  width:auto;
  margin-bottom:0;
  padding:0 5px;
  }
fieldset.fieldset-subgroup {
  border:none;
  }

fieldset.fieldset-subgroup legend {
  text-transform:none;
  font-size:14px;
  font-weight:700;
  padding-left:0;
  }
div.csc-mailform  .csc-form-element-radiogroup {
  margin-bottom:0;
  }
div.csc-mailform  .csc-form-element-radio {
  float:left;
  width:45%;
  margin-left:10px;
  }
  
  
div.csc-mailform fieldset ol legend{
  font-size:14px;
  font-weight:700;
  border: none;
  text-transform: none;
  }
div.csc-mailform .col-md-4 .col-md-4, div.csc-mailform .col-md-6 .col-md-6 {
  width:100%;
  }
div.csc-mailform .col-md-6 .col-md-6 .csc-form-element-textblock {
  margin-top:50px;
  }
  
#content_breit input[type="checkbox"]{
  float:right;
  width: 2rem;
  }
 .form-group .csc-form-element .csc-form-element-checkbox label {
  width:80%;
  }



#content_breit input, #content_breit button, #content_breit select {
 
  border: 1px solid #ccc;
  border-radius:4px;
  margin:5px 0;
}

#content_breit input:hover {
  border: 1px solid #b2e086;
  }
  

#content_breit .csc-form-element-select {
  margin-bottom:20px;
  margin-top:10px;
  }
#content_breit .csc-form-element-select select {
  height:30px;
  }

#content_breit .csc-form-element-select label {
  display:inline;
  margin-right:10px;
  }
#content_breit .csc-form-element-checkbox input {
  margin-top:12px;
  }
#content_breit .csc-form-element-checkbox label {
    display:inline;
  }


#content_breit .csc-form-element-textline input {
   background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

#kontakt #content_breit .csc-form-element-textline input {
  width: 60%;
  }
#content_breit .csc-form-element-textline input:focus, #content_breit .csc-form-element-textline input:hover{
  border-color:#66afe9;
  outline:0;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}


  
#content_breit div.csc-form-element-radio input {
  width: 50px;
  }

#content_breit li.csc-form-element-submit {
  text-align: center;
  margin:20px 0;
  
}
div.csc-mailform legend {
  color:#333;
  margin-bottom:7px;
}

div.csc-mailform li label {
  width:16em;
  margin-top:7px;
  margin-bottom:4px;
  }
#content_breit input[type="radio"], #content input[type="checkbox"] {
  min-width:10px;
  }
#content_breit textarea {
  margin-bottom:27px;
  border-radius:4px;
  border: 1px solid #ccc;
  }

#content_breit button[type=submit] {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    padding:5px;
    margin-left:80px;
    display:block;
    clear:both;
    
}
#content_breit button[type=submit]:hover {
  background-color:#3276b1;
  }
/*----------------------------------Label-animation------------------------------------------------------------*/


/*------------------------------------FORMULAR------------------------------------------SMARTPHONE----------------------------------------------------------------------*/  
div.csc-mailform .col-md-6 .col-md-6 .csc-form-element-textblock {
  margin-top:15px;
  }
#content_breit input[type="submit"] {
  
margin:30px auto 0;
  }
div.csc-mailform fieldset {
  margin: 15px 0;
  }
/*----top-navigation ist jetzt im Footer!!!--------------------------*/
.top_navigation {
    height: 30px;
    margin: 0 auto;
    padding-bottom: 3px;
    position: relative;
       
}

.top_navigation ul {
  text-align:center;
  padding-left: 0px;
  }

.top_navigation ul li {
    display: inline;
    font-size: 11px;
    list-style: outside none none;
    font-weight:bold;
}
.top_navigation ul li.first a {
  padding-right:20px;
  }

/*------------------------------------------------------------------------------Media Queries- ab 992px-----------------------------------------------------------------------*/  

@media (min-width: 992px) {
    
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: -15px;
    margin-right: -15px;
}

.container {
  padding-left:15px;
  padding-right:15px;  
  }
.row {
  margin-left:-15px;
  margin-right:-15px;
  }
  #content_breit {
  background-color:#fff;
  }

h1, h1.csc-firstHeader {
  margin-left:0;
  }
#home .col-md-6 h1 {
  margin-left:20px;
  }
  
p { 
   color: #3c72af;
   line-height: 140%;
    margin-left: 0;
    margin-right: 10px;
    text-align: left;
    margin-bottom:20px;
}
table {margin-left:20px;
  }
  #galerie figure img {
    height: 125px;
    width: 100% !important;
    object-fit: cover;
    object-position: top center;
}



header.header_slider {
  background-image: url('../../gfx/banner/bannerBIDbergedorf.jpg');
  background-repeat: no-repeat; 
  background-position-x: left;
  height: 344px;
}
  
  .headerbg{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01619b+0,b3cbd5+100 */
  background: #01619b; /* Old browsers */
  background: -moz-linear-gradient(top,  #01619b 0%, #b3cbd5 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #01619b 0%,#b3cbd5 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #01619b 0%,#b3cbd5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01619b', endColorstr='#b3cbd5',GradientType=0 ); /* IE6-9 */  
  border: 7px solid #93CB60;
  border-right:none;
  border-left: none;
  }
  
  .logoimg img{
    opacity: 0;
  }
  
.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 0.6s;
    transition-property: opacity;
}


.navbar-header {
  background-color:#fff;
  /*padding:15px 15px 0;*/
  padding:0;
  }

.navbar-static-top {
  display:block;
  z-index:90;
  }
.navbar {
  
  
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01619b+0,478bb2+100 */
background: #01619b; /* Old browsers */
background: -moz-linear-gradient(top,  #01619b 0%, #478bb2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #01619b 0%,#478bb2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #01619b 0%,#478bb2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01619b', endColorstr='#478bb2',GradientType=0 ); /* IE6-9 */
padding:0;
min-height: 50px;
  
  }


.navbar > li > a {
  font-size:14px;
  padding:15px 18px;
  display:inline-block;
  }
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
  padding: 0.9rem;
}
  

.navbar-dark .navbar-nav .nav-link:hover {
  background-color:#90c962;
  color:#fff;
  }

.navbar-dark .navbar-nav .nav-item.dropdown.show .dropdown-menu.show .nav-item .nav-link {
  color: #3c72af;
  padding:0.5rem 0.4rem 0.2rem;
  font-size: 0.9rem;
  }
  .navbar-dark .navbar-nav .nav-item.dropdown.show .dropdown-menu.show .nav-item.active > a.nav-link {
    background-color:#b2e086;
    color:#fff;
  }

  .navbar-nav > li > a {
  display:inline-block;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background-color:#90c962;
  color:#fff;
  }
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
  margin-right:0;
  float:none;
  margin-top: 0;
  
}

/*-----------------------------Dropdown menue ----------------------------*/

.dropdown-menu.show > li > a:hover {
  background-color: #3c72af;
  color:#fff;
  }

/* Notwendig, damit sich das Menu bei mouse hover oeffnet*/

/*li.dropdown:hover > .dropdown-menu {
    display: block;
}*/
/*--------------------------Slider---------------------------------*/
.theme-bar.slider-wrapper {
  border:none;
  }

.slider {    
    margin-top:0;    
}

/*--------------------------------News-------------------------------------------*/

.news-single .article .news-img-wrap {
  float:right;
  margin: 0 5px 0 25px;
  }
}
    
@media (min-width:992px) and (max-width:1199px){
  nav.sticky{
    width: 930px !important;
  }
}

@media (max-width:768px){

  .navbar-collapse{
    background: #fff;
  position: fixed; 
  top: 85px;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-bottom: 150px;
    left: 0px;
    top: 150px;
  }
  
  nav.navbar{
    height: 150px;
  }
  
  nav.navbar .d-lg-none{
    width: 80%;
  }
  
  .navbar-brand img{
        width: 65%;
    margin-left: 10px;
  }
  
  nav.navbar.sticky{
	height: 100px; 
    background: #f9f9f9;
    transition: 1s;
}
  
  nav.navbar.sticky .navbar-brand img{
    width: 44%;
    margin-top: 0px;
  }
  
  .smallheight{
    top: 99px !important;
  }
  
}

@media (min-width:768px) and (max-width:992px){
  nav.sticky{
    width: 720px !important;
	background: #fff;
  }
}

@media (min-width:458px) and (max-width:768px){
    height: 100px;
    transition: 2s;
}


@media (min-width:458px) and (max-width:767px){
  nav.sticky{
    width: 540px !important;
  }
}
@media (min-width:100px) and (max-width:767px){

  h2{
	font-size: 1.2em;
  }
  
}

@media (min-width:320px) and (max-width:575px){
  nav.sticky{
    width: 100% !important;
  }
}




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

.navbar-nav > li > a {
    font-size: 14px;
    padding: 15px 12px;
	}
}



.navbar-nav > li > a {
    font-size: 14px;
    padding: 15px 12px;
	}
}

@media all and (max-width: 767px) {
  #galerie .ce-column {
    float: none;
  }
  #home .col-md-6.order-md-2 {
    padding: 0;
}
 
}

@media all and (min-width: 1200px) {

.navbar-nav > li {
  margin-left:20px;
  }
.navbar-nav > li.last {
  margin-right:20px;
  }

}