@charset 'utf-8';
/*
  Theme Name: Bonko Child
Theme URI: http://bonko.ancorathemes.com/
Description: Bonko - excellent WordPress theme with many different blog and header layouts
Author: AncoraThemes
Author URI: http://ancorathemes.com/
  Template: bonko
  Version: 1.0
  Tags: light, responsive-layout, flexible-header, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready

*/




/* =Theme customization starts here
-------------------------------------------------------------- */
.ticketUeberschrift h3{
  margin: 30px 0 30px;
}
body{
  font-family: Signika;
}
h3{
  font-family: Signika;
}
p, th, td, ol, ul{
  line-height: 1.3em;
}
.headerBanner{
  box-shadow: 0 0 15px 0 #000;
}
/* --------------Allgemmein-------------- */
.display-none{
  display: none;
}
.h3-allgemein{
  margin-top: 10px;
}
.h4-allgemein{
  margin-top: 10px;
}
.h5-allgemein{
  margin-top: 10px;
}

/* --------------TextAllgemmein-------------- */
.textAllgemein{
  color: #000;
  font-size: 1.2em;
}
.textAllgemein strong{
  color: #000;
}

/* --------------Accordion-------------- */

.accordion {
  background-color: #fff !important;
  color: #397b23;
  cursor: pointer;
  padding-left: 20px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 1.6em;
  font-weight: 800;
  transition: 0.2s;
  text-transform: none;
}
.active, .accordion:active {
border: 3px solid #c8d400 !important;
background-color: #fff;
border-bottom: none !important;
margin: 0;
}
.panel {
background-color: #fff;
border: 3px solid #c8d400;
border-top: none;
color: #000;
max-height: 0;
margin-top: -3px;
margin-bottom: 10px;
padding: 0 10px;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.accordion:after {
content: '❭'; /* Unicode character for "plus" sign (+) */
transform: rotate(90deg);
font-size: 40px;
color: #397b23;
float: right;
margin-right: 15px;
}
.active:after {
content: "❬"; /* Unicode character for "minus" sign (-) */
font-size: 40px;
color: #397b23;
transform: rotate(90deg);
text-transform: none;
}
.btn-1{
font-size: 1.2em;
}
.btn-2 button{
  color:#000 !important;
  font-family: Signika;
  font-weight: 400;
  font-size: 1.2em;
  margin-right: 15px;
  }
  .btn-2 button:hover{
    box-shadow:  0 5px 10px;
  }

/* --------------Infos für Ihren Besuch-------------- */
.oeffnungszeiten {
  background-color: #dfdc01 !important;
  padding-top: 50px;
  padding-bottom: 50px;
}


/* --------------Header-------------- */
.custom-logo-link img, .sc_layouts_logo img  {
  max-height: 3em;
  margin-top: 15px;
  margin-right: 15px
}

.custom_header {
  height: 183px;
}

.ticket_header {
  margin-top: 15px;
  margin-right: 15px
}

/* --------------footer-------------- */
.vc_custom_1658501306610 {
  height: 696px;
}

/* --------------dropdown menu-------------- */

.menu-footer-2 {
  color: white !important;
}

.sc_layouts_menu {
  float: right;
  margin-right: 15em;
}

.scheme_default .sc_layouts_menu_nav > li > a {
  color: #3d7f27;
}

/* --------------artenschutz buttons-------------- */

.artenschutz-button button{
  background-color: #dedc00 !important;
  color: #000;
  font-family: Signika;
  font-weight: 400;
  text-transform: none;
  font-size: 20pt !important;
  box-shadow: 0 10px 15px !important;
}

.artenschutz-button-middle button{
  background-color: #dedc00 !important;
  color: #000;
  font-family: Signika;
  font-weight: 400;
  text-transform: none;
  font-size: 20pt !important;
  margin-left: 136px;
  box-shadow: 0 10px 15px !important;
}

.artenschutz-button-right button{
  background-color: #dedc00 !important;
  color: #000;
  font-family: Signika;
  font-weight: 400;
  text-transform: none;
  font-size: 20pt !important;
  margin-left: 200px;
  box-shadow: 0 10px 15px !important;
}

/* --------------footer artenschutz buttons-------------- */

.link-box{
  padding: 20px;
 }
 .link-box-artenschutz > div > h6{
     border-bottom: 5px dotted #fff;
     color: #000;
     font-family: Signika;
     font-weight: 700;
     margin: 0 0 15px;
 }
 .link-box-artenschutz > div > form > button{
     color: #000 !important;
     font-family: Signika;
     font-weight: 400;
     font-size: 20pt;
     padding: 5px 15px;
     text-transform: none;
     box-shadow: 0 3px 5px;
     margin-left: 370px;
 }
 .link-box-artenschutz > div > form > button:hover{
     background-color: #fff;
     box-shadow: 0 3px 5px;
 }

 .link-box-artenschutz > div > form > button > span{
    font-size: 20pt;
}

/* --------------footer menu-------------- */
.menu-footer-2 {
  color: #fff;
}

/* --------------Startseite Meldung-------------- */
.meldung > a {
  color: #fff;
}

/* --------------Link-Boxen-------------- */
.link-box{
  padding: 20px;
}
.link-box > div > h5{
  color: #000;
  font-family: Signika;
  font-size: 1.8em;
  font-weight: 700;
  margin: 0 0 5px 10px;
}
.link-box > div > p{
  color: #000;
  font-family: Signika;
  font-weight: 400;
  margin: 0;
  padding: 10px;
}
.link-box > div > form > button{
  background-color: transparent;
  color: #397b23;
  font-family: Signika;
  font-weight: 700;
  padding: 10px;
  text-align: left;
  text-transform: none;
}
.link-box > div > form > button:hover{
  background-color: #fff;
  box-shadow: 0 3px 5px;
  color: #000 !important;
}
.link-box2 > div > form{
  text-align: center;
}

/* --------------Buttons-------------- */
.btn-1{
  font-size: 1.2em;
}

/* --------------Themen-Boxen-------------- */

.themen-box{
  border-radius: 10px;
  box-shadow: 0 0 7px 5px #0808082c !important;
  color:#000;
  font-size: 1.2em;
  padding: 15px;
  margin-bottom: 10px;
  min-height: 500px;
  max-height: 500px;
}
.themen-box strong{
  color:#000;
  font-weight: 800;
}
.themen-box > div > img {
  border-radius: 10px;
}
/* https://www.w3schools.com/ */
/* --------------Teaser-Boxen-------------- */
.teaser-box{
  color:#000;
  font-size: 1.2em;
  padding: 15px;
  margin-bottom: 6.5px;
}
.teaser-box:hover{
  border: 5px solid #c8d400;
  box-shadow: 0 8px 10px #1d1d1d75;
  transition: 0.3s;
  margin-bottom: 0px !important;
}
.teaser-box > div > div > div > h4{
  color:#397b23;
  font-family: Signika;
  font-weight: 700;
  margin-top: 0;
}
.teaser-box > div > div > div > h6{
  color:#397b23;
  font-family: Signika;
  font-weight: 700;
  line-height: 1em;
  margin-top: 0;
  margin-bottom: 10px;
}
.teaser-box > div > div > div > p{
  color: #000;
  margin-bottom: 0;
}
/* ---------------- */
.teaser-box2{
  border: 5px solid #c8d400;
  box-shadow: 0 8px 10px #2b2a2a5d;
  color:#000;
  padding: 15px;
  margin-bottom: 6.5px;
}
.teaser-box2 > div > div > div > span > strong{
  color:#000;
}
.teaser3{
  font-size: 0.9em;
}