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

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

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff'),
        url('../fonts/OpenSans-Regular.ttf') format('truetype'),
        url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
  padding-top: 50px;
  /*background-image:url(../../gfx/bg_body.jpg);
  background-repeat:repeat-x;*/
  background-color: #eff8e6;
  color: #3c72af;
  font-family: 'Open Sans', 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 #E30615 !important;
    padding: 20px;
     border-radius:5px;
    margin:15px;
}


.glyphicon {
  float:left;
  font-size:22px;
  }
.important, .red {
  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
      }

h1, h1.csc-firstHeader {
    border-left: 3px solid #b2e086;
    color: #3c72af;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0 20px 0;
    padding-left: 3px;
  }
.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;
  }

h2, h2.csc-firstHeader{ 
  font-size: 20px;
  font-weight:bold;
  color: #3c72af;
  /*border-left: 3px solid #3c72af;*/
  padding-left: 3px;
  margin-top:5px;
  margin-left: 0;
  margin-bottom: 10px;
}
#home #recipeCarousel .carousel-item img.img-fluid{
    height: 200px;
    width: 100% !important;
    object-fit: cover;
    object-position: top center;
}

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: 16px;
  font-weight:bold;
  color: #b2e086;
  border-left:0;
  padding-left: 0;
  margin-top:20px;
  margin-left: 0;
  margin-bottom: 10px;
}
p { 
   color: #3c72af;
    font-size: 14px;
    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;
  }

#home #content_breit {
  padding-left:15px;
  padding-right:15px;
  }
#content_breit ul li {
    list-style-image: url(../../gfx/stern_navi.gif);
    font-size: 13px;
    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;
}

/*----------------------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: .255rem;
    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:48px 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 #3c72af;
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 8px 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;
}

/*----------------neu Version 11: News pagination in list view:-----*/
ul.f3-widget-paginator{
	display: flex;
    list-style: none;
  	justify-content: flex-end;
}
#content_breit ul.f3-widget-paginator li{
  list-style-image: none;
  padding: 0 5px;
}

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

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


#tombola .row {
  margin-left:0;
  margin-right:0;
  }

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100 */
#tombola .col-md-6{
  
  color:#fff;
  padding:20px 0;
  margin-bottom:10px;
  }
#tombola tr:hover {
  color:#333;
  }
#tombola h2 {
  margin-left:0;
  line-height: 150%;
  }
#tombola h3 {
  margin-top: 10px;
  color:#E30615;
  font-size:18px;  
 
  }
#tombola h4 {
  color: #e30615;
  font-size: 18px;
  }
#tombola .glyphicon {
  font-size:22px;
  color:#E30615;
  padding:15px;
  }

#tombola #cagtable1_filter, label[for=cagtables_searchfor],  #cagtable1_info.dataTables_info, div#cagtable1_length {
  display:none;
  }

label[for=cagtables_searchfor]
{
  display:none;
  }
#tombola table#cagtable1 {
  width:98%;
  }

#tombola table#cagtable1 th, #tombola table#cagtable1 td {
  padding:8px;
  }

form#cagtables_form {
  text-align:center;
  }
form#cagtables_form input {
  padding:5px;
  border: 2px solid #E30615;
  border-radius: 5px;
  }
.cagtables_result a {

  display:none;
  }
#tombola .col-md-4 img{  
margin-top:35px;
}

#tombola .csc-frame.csc-frame-indent {
  border-bottom: 1px dotted #E6e6e6;
  }

#tombola .csc-frame-frame2{
  border: 1px solid #E30615;
  }
#tombola .csc-frame-frame1{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,50a4e5+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #50a4e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1e5799 0%,#50a4e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1e5799 0%,#50a4e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#50a4e5',GradientType=0 ); /* IE6-9 */

}

/* 					Tombola Neu 2019 					*/


 #content_breit #txtLos {
    width: 18rem;
    font-size: 16px;
    padding: 12px;
    margin-bottom: 12px;
   color: #E30615;
   border: 1px solid #E30615;
   text-align: center;
  }

#txtLos::placeholder{
  color: #E30615;
}


#txtLos:focus{
  outline: none !important;
}

/*--------------------------Tombola neu 2022------------------*/
.h5, h5 {
  font-size: 1.1rem;
}
.gewinnfeld{
  background-image:url("../../images/tombola/2022-10-WSB-Website-Tombola_Gewinnfeld_o_eingabefeld.png");
  background-size:cover;
  background-position: top center;
  margin-bottom: 3rem;
}
.gewinnfeld p{
  color:#fff;
  text-align: center;
}
#content_breit .gewinnfeld .col-md-12{
  text-align: center;
}
#content_breit .gewinnfeld #txtLos {
    width: 16rem;
    font-size: 18px;
    padding: 16px 10px;
    background-color: #E30615;
   border: 6px solid #fff;
   text-align: center;
  letter-spacing: 3px;
  font-weight: bold; 
  margin-top:0;
  margin-bottom:0;
  border-radius:0;
  color:#fff;
  opacity:1;
  }

#content_breit .gewinnfeld #txtLos::placeholder{
  color:#fff;
  opacity:0.8;
}
.blue-border{
  border: 6px solid #0077be;
  display: inline-block;
  margin-top: 12rem;
}
#content_breit .gewinnfeld .card-body, #content_breit .gewinnfeld .card-body .text-muted {
color:#fff !important;
}
#tombola #content_breit ul,#tombola #content_breit ul li {
  list-style: none; /* Remove default bullets */
}

#tombola #content_breit ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #E30615; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  font-size: 1.2rem;
}
#tombola #content_breit #sub-nav ul li::before {
  content: "";
  display: block;
}
/*---------------------------------------------------Google maps-----------------------------------------------*/
.responsiveContainer {
position: relative;
padding-bottom: 56%;
height: 0;
overflow: hidden;
}

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

  
  #galerie figure {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 0 20px 0;
}
#galerie figcaption {
  width: 100%;
  position: absolute;
  background: black;
  background: rgba(0,0,0,0.75);
  color: white;
  padding: 10px 20px;
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
}
#galerie figure:hover figcaption {
  opacity: 1;
}
#galerie figure:before {
  /*content: "?";*/
  position: absolute;
  font-weight: 800;
  background: black;
  background: rgba(255,255,255,0.75);
  text-shadow: 0 0 5px white;
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  opacity: 0.75;
}
#galerie figure:hover:before {
  opacity: 0;
}
figure:before { bottom: 20px; left: 10px; }
figcaption.image-caption { left: 0; bottom: -30%;}
figure:hover figcaption.image-caption { bottom: 0; }
  
  


/*--------------------------------------------------------Ende Galerie----------------------------------------------*/



/*----------------------------------------------Mitgliederdatenbank-------------------------------------------------------*/
.level1 {
  color:#fff;
  background-color:#90c962;
  }
 .level2 {
 margin-left:10px;
 }

#content_breit .wtdirectory_filter.wtdirectory_filter_cat select {
  margin-left:20px;
  padding:5px;
  }
#content_breit .wtdirectory_filter.wtdirectory_filter_cat select option {
  padding:5px;
  margin:2px 0;
  }
#content_breit  div.wtdirectory_filter_search label {
  margin-left:20px;
  }
h2.wtdirectory {
  margin: 15px 0 15px 20px;
  }

#content_breit  div.wtdirectory_filter_search input[type="submit"] {
  margin:10px auto;
  
  }

#content_breit div.wtdirectory_filter {
  border: 1px solid #ccc;
  }
/*----------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 480px) {
.tx-yag-gallery-thumb-outerframe, .tx-yag-album-thumb-outerframe {
   
    margin-right: 20px;
   
}



}

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

footer {
    background-image: url("../../gfx/welle_footer.png");
    background-repeat: no-repeat;
    height: 140px;    
}
footer p {
  text-align:center;
  padding-top:150px;
  font-size:12px;
  margin-bottom:10px;
  }
footer img {
  width:0.5%;
  margin:0 4px;
  }


/* ------------------------------------------------------------------------------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;
  }

.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) and (max-width:1199px){
  nav.sticky{
    width: 930px !important;
  }
}

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

@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: 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 {
  padding:30px 20px;
  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: 200px !important;
    object-fit: cover;
    object-position: top center;
}



header.header_slider {
  /* 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;
  
  }
.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:768px) and (max-width:991px){

.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;
  }

}