body {
  /* background-color: #E8EEE9; */
}

#wrapper {
  max-width: 1500px;
  background-color: #E8EEE9;
  color: #7BAD91;
}

.registerlink {
  display:none;
}

.fixedmenu {
  max-width: 1500px;
}

.frame-default a, .frame-default h2, .frame-type-text a {
  color: #7BAD91;
}

.frame-default a {
  font-weight: bold;
}

a.button {
  color: #FFFFFF;
}

#wpiaSlider {
  min-height: min(55vw, 889px); 
}

#wpiaSlider .owl-controls {
  display: none;
}

.wpia-slider-element img {
  width: 100%;
  height: 100%;
}

ul:not(.nav) li:before {
  content: "•";
}

.teaserDividerLine {
  border-bottom: 1px solid #7BAD91;
}

@media screen and (max-width: 991px) {
  .startbanner {
      z-index: 0;
  }
}

.tx-indexedsearch {
  padding-top: 20px;
}

/* Buttons style */
.button, .teaser .weiter {
  font-family: "TazWebfontReg";
  font-size: 14px;
  font-weight: bold;
  padding: 15px 30px;
  margin-top: 20px;
  display: inline-block;
  border: none;
  border-radius: 9999px;
  background-color: #7BAD91;
  color: #FFFFFF;
  text-transform: uppercase;
  transition: all 0.3s;
}

.button:hover {
  background-color: #9BC0AB;
  color: #FFFFFF;
} 

.button-light {
  font-family: "TazWebfontReg";
  font-size: 14px;
  font-weight: bold;
  padding: 15px 30px;
  margin-top: 20px;
  display: inline-block;
  border: none;
  border-radius: 9999px;
  background-color: #E8EEE9;
  color: #7BAD91;
  text-transform: uppercase;
  transition: all 0.3s;
}

.button-light:hover {
  background-color: #9BC0AB;
  color: #E8EEE9;
} 

.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
}

@media (max-width: 992px) {
  .container {
    display: block;
  }
}

.fixedmenu .suchform > span.bvGlas-search {
  color: #7BAD91;
}

.fixedmenu .suchform > input.searchfield {
  color: #7BAD91;
}

.slash {
  display: none;
}

.navbar-collapse ul li {
  font-family: "TazWebfontReg";
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
}

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

@media screen and (max-width: 991px) {
  .navbar-default .navbar-nav>li>a {
    color: #FFFFFF;
    width: fit-content;
  }
}

.navbar-header {
  padding: 40px 0;
}

@media screen and (max-width: 991px) {
  .navbar-header {
    padding: 0;
  }
}

.navbar>.container .navbar-brand {
  margin-left: 0px;
  margin-right: 35px;
}

.navbar-nav>li>a,
.navbar-brand {
  margin-left: 10px;
  padding: 10px 15px;
  transition: all 0.3s;
}

@media screen and (min-width: 991px) {
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>li>a.active,
.navbar-default .navbar-nav>li>a:focus {
  border-radius: 9999px;
  background-color: #7BAD91;
  color: #FFFFFF;
}
}

.selectedLine {
  display: none !important;
}

.navbar-brand img {
  max-width: none;
}

.headlinebg {
  display: inline-block;
  max-width: 1000px;
}

@media screen and (max-width: 680px) {
  .headlinebg {
    padding: 30px 36px;
  }

  .sliderheadline .centerer {
    padding-left: 0px;
  }
}

@media screen and (max-width: 430px) {
  .headlinebg {
    padding: 7px 10px 19px 10px
  }
}

.startbanner {
  max-height: 800px;
  min-height: min(50vw, 800px); 
}

@media screen and (max-width: 680px) {
  max-height: 400px;
}

.startbanner h1 {
  font-family: "TazWebfontReg";
  font-weight: bold;
  font-size: 5em;
  position: relative;
  /*hyphens: auto;*/
}

.startbanner + .blauesBanner {
  min-height: 100px;
  position: relative;
  margin-bottom: 0;
  padding: 80px 0px;
}

@media screen and (max-width: 767px) {
  .startbanner h1 {
    font-size: 2.6em;
  }
}

.arrowConainter {
  display: none;
}

.blauesBanner .middlecontent h1 {
  font-family: "TazWebfontReg";
  font-size: 40px;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 40px;
}

.blauesBanner a {
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .blauesBanner .middlecontent h1 {
    font-size: 30px;
  }
}

/* Teaser: Bildreihe (2 Stk.) */
.teaser {
  padding: 40px 0;
}

@media screen and (max-width: 991px) {
  .teaser {
    padding: 25px 0;
  }
}

.teaser h2 {
  font-family: "TazWebfontReg";
  font-size: 30px;
  font-weight: bold;
  color: #7BAD91;
  margin: 40px 0 25px;
}

.teaser p {
  font-size: 18px;
  color: #7BAD91;
}

.teaser .bodytext span {
  display: none;
}

.teaser .weiter span {
  display: none;
}

/* Slider */
#newsSlider {
  margin-bottom: 0px;
}

#newsSlider h1 {
  margin: 0px 0px 40px;
  padding-top: 10px;
}

#newsSlider article.news-item.custom-item p {
  padding-top: 0px;
  display: inline;
}

@media screen and (max-width: 991px) {
  #newsSlider h1 {
    margin: 0px 0px 20px;
    padding-top: 10px;
  }
}

.blauesBanner .custom-item .index-number {
  font-weight: bold;
  font-size: 40px;
  color: #FFFFFF;
  margin-top: 40px;
}

@media screen and (max-width: 991px) {
  .blauesBanner .custom-item .index-number {
    font-size: 30px;
  }
}

.news-item p {
  padding-top: 25px;
} 

@media screen and (max-width: 991px) {
  .news-item p {
    padding-top: 18px;
  }
}

#newsSlider .owl-next .bvGlas-arrow-right,
#newsSlider .owl-prev .bvGlas-arrow-left {
  position: relative;
  border-radius: 9999px;
  border: 1px solid #CADED3;
  background-color: #CADED3;
  color: #7BAD91;
  left: 0;
  top: 0;
  margin-top: 0px;
  padding: 12px;
  vertical-align: middle;
  font-weight: bold;
  font-size: 18px;
}

#newsSlider .owl-next .bvGlas-arrow-right:hover,
#newsSlider .owl-prev .bvGlas-arrow-left:hover {
 color: #7BAD91;
}

.owl-controls {
  padding-top: 36px;
}

@media screen and (max-width: 991px) {
  .owl-controls {
    padding-top: 20px;
  }
}

/* Banner mit Teaser-Textbox links */
.banner {
  height: 910px;
  margin: 0;
}

.bannerteaserbox {
  padding: 40px;
}

@media screen and (max-width: 767px) {
  .bannerteaserbox {
    padding: 20px 15px;
  }
}

.bannerteaserbox h2 {
  font-family: "TazWebfontReg";
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 25px;
  color: white;
}

.bannerteaserbox .weiter {
  width: fit-content;
  font-family: "TazWebfontReg";
  font-size: 14px;
  font-weight: bold;
  padding: 15px 30px;
  margin-top: 20px;
  display: block;
  border: none;
  border-radius: 9999px;
  background-color: #E8EEE9;
  color: #7BAD91;
  text-transform: uppercase;
  transition: all 0.3s;
}

.bannerteaserbox .weiter:hover {
  background-color: #9BC0AB;
  color: #FFFFFF;
}

.bannerteaserbox .bodytext span, .bannerteaserbox .weiter span {
  display: none;
}

/* Kontakt banner */
.kontaktbanner {
  margin-top: 0px;
}

.kontaktbanner a, .kontaktbanner p {
  color: white;
  font-size: 18px !important;
}
.kontaktbanner .middlecontent .row{
  display: flex;
  flex-wrap: wrap;
}
.kontaktbanner a:hover {
  color: #5c5c5c !important;
  transition: all 0.2s ease-in-out;
}

.kontaktbanner h3 {
  font-weight: bold;
  text-transform: uppercase;
}

.archivfilter.selected,
.sliderheadline .weiter:hover,
.blauesBanner,
.blauesBanner>h2,
#historySlider .divider-line,
#historySlider .divider-circle,
#historySlider .circle,
#historySlider .circle:after,
#historySlider .line,
#historySlider .line-r,
#historySlider .line-l,
.kontaktbanner,
.bannerteaserbox,
.fixedmenu>.left,
.fixedmenu>.middlecontent,
#glasSlider .owl-next .bvGlas-arrow-right:hover,
#glasSlider .owl-prev .bvGlas-arrow-left:hover,
#historySlider .owl-next .bvGlas-arrow-right:hover,
#historySlider .owl-prev .bvGlas-arrow-left:hover,
.arrowConainter>.arrowdown:before,
.arrowConainter>.arrowdown:after,
.contentlogin .weiter:hover,
.tx-srfeuserregister-pi1 input[type=submit]:hover {
  background-color: #7BAD91;
}

.fixedmenu>.right,
.fixedmenu>.middlecontent>.loginWrapper,
#loginmenu,
#loginmenu>.dropdown-menu,
#footer,
.dropdown-menu,
.weiter:hover,
.sliderheadline .weiter:hover,
.imgwrapper:hover~.weiter,
.sliderheadline .weiter {
  background-color: #9BC0AB;
}

.imgwrapper:hover .teaserHover,
.imgwrapper .teaserHover.visibleByButtonHover {
  background-color: transparent;
}

a,
.slash,
.fixedmenu .searchWrapper input,
.news-backlink-wrap>a,
.news .article span[itemprop=headline],
.slideText,
.suchform .weiter:hover,
.suchform>span.bvGlas-search,
.tx-indexedsearch-res a,
.tx-srfeuserregister-pi1 a,
.tx-felogin-pi1 input.logout:hover,
.tx-felogin-pi1 input.logout:hover,
#tx_felogin_pi1-forgot-email,
#tx_felogin_pi1-newpassword1,
#tx_felogin_pi1-newpassword2,
#tx_indexedsearch table,
#tx_indexedsearch table input,
.navbar-nav>.active a:hover,
.navbar-nav .open>a:hover,
#loginmenu .suchform input[type=text],
#loginmenu .suchform input[type=password],
#loginmenu .suchform input[type=search],
#glasSlider .owl-next .bvGlas-arrow-right,
#glasSlider .owl-prev .bvGlas-arrow-left,
#historySlider .owl-next .bvGlas-arrow-right,
#historySlider .owl-prev .bvGlas-arrow-left,
#historySlider .bvGlas-arrow-right,
#historySlider .bvGlas-arrow-left,
.owl-next .bvGlas-arrow-right:hover,
.owl-prev .bvGlas-arrow-left:hover,
.middlecontent button.klappbox>span.bvGlas-font,
.middlecontent button.klappbox,
.bannerteaserbox>.weiter:hover,
.tx-felogin-pi1 .contentlogin a:hover,
.carousel-control>.bvGlas-arrow-right:hover,
.carousel-control>.bvGlas-arrow-left:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.blauesBanner a,
.news-item a:hover span.bvGlas-arrow-right,
.kontaktbanner a,
.tx-felogin-pi1 p a,
.news-item-subheader>time {
  color: #FFFFFF;
  /*#087928*/
}

.news a:hover,
.news .article .teaser-text .more:hover {
  color: #5c5c5c;
}

.carousel-control>.bvGlas-arrow-right:hover,
.carousel-control>.bvGlas-arrow-left:hover {
  border: 1px solid white;
}

.carousel-control>.bvGlas-arrow-right:hover,
.carousel-control>.bvGlas-arrow-left:hover {
  background-color: white;
}

.sliderheadline .weiter:hover {
  border: 1px solid #8C968E;
  background-color: #8C968E;
}

.weiter {
  color: #8C968E;
}

.weiter:hover,
.sliderheadline .weiter {
  color: white;
}

#footer .footerline {
  border-color: #5c5c5c;
}

.teaserDividerLine.blue {
  border-color: #0b9a33;
}

.sliderverlauf {
  background: transparent;
}

@media screen and (max-width: 991px) {
  .navbar-nav>li.dropdown.language>a:hover {
    color: #08581f;
  }

  .fixedmenu>.middlecontent>.loginWrapper {
    padding-right: 10px;
    padding-top: 17px;
  }

  li:not(#loginmenu) ul.dropdown-menu,
  .navbar-nav>.active>a,
  .navbar-nav>.open>a.submenuopentrigger {
    background-color: #0b9a33 !important;
  }

  .navbar-nav {
    background-color: #0b9a33;
  }
}

@media screen and (max-width: 379px) {
  .sliderheadline.middlecontent {
    padding: 0px 10px;
  }

  #myCarousel h1 {
    font-size: 2.5em;
  }

  .sliderheadline .centerer {
    vertical-align: top;
    padding-top: 15px;
  }

  .arrowConainter>.arrowdown {
    left: 45%;
    margin-left: 0px;
  }
}

.sliderheadline,
#myCarousel h1,
#myCarousel .slash {
  color: #fff;
}

.arrowConainter>.arrowdown {
  background: url('../../fileadmin/img/dreieck_grau.png');
  background-size: 37px 21px;
}

@media screen and (max-width: 991px) {
  .navbar-nav>li.dropdown.language {
    background-color: #0b9a33;
  }

  .navbar-nav>li,
  .navbar-nav>li.active {
    background-color: #9BC0AB;
  }
}

.selectedLine {
  background-image: url('../../fileadmin/img/dreieck_gruen_navi.png');
  background-size: 43px 30px;
}

.blauesDreieck {
  background: url('../../img/dreieck_inverted_grau.png');
}

.glyphicon-refresh-animate {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
#waiting {height: 154px; padding:60px 50px;}

/* WPIA Quiz-Einbindung */
.slickQuiz-container,
#slickQuiz {
  background-color: #7BAD91;
}
.slickQuiz-container > div{
  width: 85%;
  margin: auto;
  max-width: 1100px;
  display: grid;
  padding: 30px 0;
  gap: 30px;
}

.slickQuiz-container img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  max-height: 400px;
  margin: auto;
}
.slickQuiz-container #waiting {
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slickQuiz-container .quizName span:first-child {
  position: relative;
  font-weight: normal;
  padding-bottom: 10px;
  color: #fff;
  text-transform: uppercase;
}
.slickQuiz-container a.button{
  color: #7BAD91;
  border-radius: 9999px;
  background-color: #7BAD91;
  background-color: white;
}
.slickQuiz-container a.button:hover,
.slickQuiz-container a.button.startQuiz.weiter:hover{
  transition: all 0.2s ease-out !important;
  opacity: 90%;
  animation-duration: 300ms;
}
.slickQuiz-container ol.questions.active {
  border: 1px solid white;
}
.slickQuiz-container span,
.slickQuiz-container div,
.slickQuiz-container h3,
.slickQuiz-container p,
.slickQuiz-container label {
  color: #fff;
}


@media screen and (min-width: 991px) {
  .slickQuiz-container > div {
    background-color: #7BAD91;
    grid-template-columns: 1fr 1fr;
  }

}
/* WPIA Quiz-Einbindung */

#waiting {
  height: 154px;
  padding: 60px 50px;
}


/* wpia_tipps-container */

.wpia_tipps-container {
  display: grid;
  gap: 20px;
  padding-top: 55px;
  padding-bottom: 20px;
}
.wpia_tipps-item {
  background-color: #7BAD91;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white !important;
  margin-bottom: 55px;
  font-size: 18px;
  padding: 20px;
  text-align: center;
  height: fit-content;

}
.wpia_tipps-item--img {
  margin-top: -55px;
  display: flex;
  justify-content: center;
  object-fit: contain;
  width: 110px;
  height: 110px;
}

@media screen and (min-width: 767px) {
  .wpia_tipps-container {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .wpia_tipps-item {
    margin-bottom: 40px;
    padding: 30px;
  }
  .wpia_tipps-item--img {
    margin-top: -65px;
  }
}

/* wpia_yesno-container */

.wpia_yesno-container {
  display: grid;
  gap: 50px;
  padding: 50px 0;;
}

.wpia_yesno-container .wpia_yesno-item {
  color: white !important;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}

.wpia_yesno-container .wpia_yesno-item ul {
  list-style-type: disc !important;
  margin: 0;
  padding: 0;
  margin-left: 20px;
}
.wpia_yesno-container .wpia_yesno-item ul li {
  /* display: list-item; */
}

.wpia_yesno-container .wpia_yesno-item .wpia_yesno-item--img {
  margin: 0 auto;
  margin-top: -40px;
  margin-bottom: 25px;
  display: flex;
  justify-content: center;
  object-fit: contain;
  width: 110px;
  height: 110px;
  display: flex;
}

.wpia_yesno-container .wpia_yesno-item:first-child {
  background-color: #7BAD91;
}
.wpia_yesno-container .wpia_yesno-item:nth-child(2) {
  background-color: #C14A41;
}

@media screen and (min-width: 767px) {
  .wpia_yesno-container {
    padding: 115px 0;
    grid-template-columns: 1fr 1fr;
  }
  .wpia_yesno-container .wpia_yesno-item {
    color: white !important;
    padding-bottom: 100px;
  }
  
}
.news .article span[itemprop=headline], .news .article .news-list-date, .news .article .teaser-text .more, .middlecontent button.klappbox>span.bvGlas-font, #tx_indexedsearch table input {
  color: #7BAD91;
}

.middlecontent button.klappbox > span.bvGlas-font {
  border: 1px solid #7BAD91;
}

@media screen and (max-width: 767px) {
  .banner.imgheight {
      height: 900px;
  }
  .startbanner {
    max-height: 400px;
  }
}

@media screen and (max-width: 430px) {
  .banner.imgheight {
      height: 1200px;
  }
}