.no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
} 

.frame-type-dce_dceuid2 h2, .frame-type-dce_dceuid1 h2 {
  display:none;
  }


#uid-10 table td:nth-child(1) {
    width: 25%;
}
 #uid-13 table td:nth-child(1) {
    width: 25%;
}
#uid-18 table td:nth-child(1) {
    width: 25%;
}
.tx-dce-pi1 {
  margin-bottom:12px;
  }
.language {
  display:inline-block;}
.language a {
  color: #ffc11e;
  }
.language a:hover, .language a.current {
  color: #fff;
  }
body { 
 font-family: 'Roboto', sans-serif;
}
header h1 {
  color: #fff;   
  font-size: 18px;
  line-height:40px;
  margin-bottom: 0;
  font-family: 'Roboto', sans-serif;
}
.top-bar-title span strong {
  font-family: 'Lobster', sans-serif;
  font-size:16px;
  }
section.content .row {
  margin-top:16px;
  margin-bottom:16px;
  }

header.main {
  background:#006837;
}
.ce-gallery[data-ce-columns="3"] .ce-column {
        width: 33%;
    }
h2 {
    font-size: 1.6rem;
}
h3 {
    font-size: 1.33rem;
}
h4 {
    font-size: 1.25rem;
}
p {
  font-size:14px;
  font-family: 'Roboto', sans-serif;
  }
nav {
  background:#232323;
}
.top-bar-title strong {
  font-size:14px;
  color:#ffc11e;
}
nav a {
    color: #fff;
  #background: #006837 ;
    border-radius: 5px;
  border:1px solid #006837;
}
nav a:hover, nav a.active {
    background:#006837;
   color:#fff;
  }
.menu {
    margin: 12px 0 0;
}
.menu li {
  padding-right:12px;
}
.top-bar-title span {
  color:#fff;
}
.menu-icon.dark::after {
    background:#fff;
  box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
}
.subbio li {
  background:#006837;
  border-bottom:1px solid #fff;
}
table.contenttable td, table.contenttable td p {
  font-size:14px;
  line-height:16px;
  margin-bottom:0;
  }
  
.subbio a{
  color:#fff;
}
.subbio li.active, .subbio li:hover {
   background:#000;
  }
.subbio li.active a {
  color:#fff;
  }
.menu .active > a {
    background: inherit;
    color: inherit;
}
.blacka .ce-gallery {
  margin-bottom:0;
  }
.slidera {
  position:relative;
  }
.slidera .callout {
  position:absolute;
  background:#232323;
  top:0;
  right:12px;
  height:100%;
  }
body section.slidero .newsection {
  background:#232323;
  #padding: 1rem;
}
.newsection h2,.newsection h2 {
  color:#fff;
}
.newsection p, .newsection{
  color:#fff;
  margin-bottom:0;
}
.newsection a {
  color:#006837;
  }
.newsection ul li  {
    list-style-type:square;
  color:#006837;
}

.newsa p, .newsa{
  color:#fff;
  margin-bottom:0;
}
.newsa a {
  color:#006837;
  }
.newsa ul li  {
    list-style-type:square;
  color:#006837;
}

.slidera  img {
  width:100%;
}
section.slidero .columns{
  padding:0;
}
section.slidero .newsection{
  padding:0.315em;
}
section.slidero .callout {
  border-radius: 5px;
  border:1px solid #006837;
}
section.slidero .row {
  max-width:inherit;
}
section.content .row {
  margin-bottom:1rem;
}
.slidero {
  background:#232323;
}
.blacka {
  background:#232323;
}
.slidera {
  #border-bottom:34px solid #fff;
}
.callout {
  background:none;
}
.videowrap {
  border:1px solid #ccc;
  padding:0.5em;
  padding-bottom:0;
  }
footer {
  background:#232323;
  padding:1rem 0;
}
.content h2{
  margin-top:1rem;
}
footer h4 {
  color: #006837;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 4px;
    text-decoration: underline dotted;
}
footer a {
  color:#006837;
}
footer .menu > li > a {
    display: block;
    line-height: 1;
    padding: 0.25rem 0;
    font-size:14px
}
footer .menu .active > a {
  color:#006837;
  }
footer .menu > li > a:hover {
  color:#fff;
}
footer .menu {
  margin:0;
  }

.container {
    position: relative;
  
}
.container img:hover, .container  img:focus {box-shadow: 0 0 6px 1px rgba(0, 104, 55, 0.5); background:#ffffff;}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.container figcaption {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
  }
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.container:hover .image {
  opacity: 0.3;
}

.container:hover .middle {
  opacity: 1;
}

.text {
  color: #fff;
  background: #006837 ;
    border-radius: 5px;
  border:1px solid #006837;
  font-size: 16px;
  padding: 12px 16px;
}


.ce-gallery .ce-column {
        margin: 0;
        /* Abstand zwischen Bildern */
        padding: 0 1%;
        box-sizing: border-box;
    }
 
 
    /* Kein Abstand beim ersten und letzten Bild */
    .ce-gallery .ce-column:first-child {
        padding-left: 0;
    }
    .ce-gallery .ce-column:last-child {
        margin-right: 0;
    }
 
    /* Fluid Image Tags */
    .ce-gallery img,
    .ce-gallery picture {
        width: 100%;
        height: auto;
    }
 
    /* Spaltenbreiten je nach eingestellten Columns */
    .ce-gallery[data-ce-columns="2"] .ce-column {
        width: 49%;
    }
 
    .ce-gallery[data-ce-columns="3"] .ce-column {
        width: 32%;
    }
 
    .ce-gallery[data-ce-columns="4"] .ce-column {
        width: 24%;
    }
 
    .ce-gallery[data-ce-columns="5"] .ce-column {
        width: 19%;
    }




@media only screen and (max-width: 640px) {
  /* Ein Bild pro Zeile */
    .ce-gallery .ce-column {
        margin: 0 0 10px;
        width: 100%;
        box-sizing: border-box;
    }
 
    /* Fluid Image Tags */
    .ce-gallery img,
    .ce-gallery picture {
        width: 100%;
        height: auto;
    }
  .top-bar-left  {
    display:block;
    width:100%;
    float:none;
  }
  .top-bar-left ul.dropdown {
    display:block;
    width:100%;
    margin-top:40px;
  }
  .top-bar-left ul.dropdown li{
    display:block;
    width:100%;
    padding:0;
  }
}