@font-face {
    font-family: 'Frutiger';
    src: url('../Fonts/Frutiger-Roman.eot');
    src: url('../Fonts/Frutiger-Roman.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Frutiger-Roman.woff2') format('woff2'),
        url('../Fonts/Frutiger-Roman.woff') format('woff'),
        url('../Fonts/Frutiger-Roman.svg#Frutiger-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger';
    src: url('../Fonts/Frutiger-Bold.eot');
    src: url('../Fonts/Frutiger-Bold.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Frutiger-Bold.woff2') format('woff2'),
        url('../Fonts/Frutiger-Bold.woff') format('woff'),
        url('../Fonts/Frutiger-Bold.svg#Frutiger-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger';
    src: url('../Fonts/Frutiger-Light.eot');
    src: url('../Fonts/Frutiger-Light.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Frutiger-Light.woff2') format('woff2'),
        url('../Fonts/Frutiger-Light.woff') format('woff'),
        url('../Fonts/Frutiger-Light.svg#Frutiger-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger';
    src: url('../Fonts/Frutiger-Black.eot');
    src: url('../Fonts/Frutiger-Black.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Frutiger-Black.woff2') format('woff2'),
        url('../Fonts/Frutiger-Black.woff') format('woff'),
        url('../Fonts/Frutiger-Black.svg#Frutiger-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Interstate';
    src: url('../Fonts/Interstate-Regular.eot');
    src: url('../Fonts/Interstate-Regular.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Interstate-Regular.woff2') format('woff2'),
        url('../Fonts/Interstate-Regular.woff') format('woff'),
        url('../Fonts/Interstate-Regular.svg#Interstate-Regular') format('svg');
    font-weight: 500;
    font-style: normal;
}

html {
  font-size: 62.5%;
  line-height: 1.2;
}
body, body.cke_editable {
  background: #f2f2f2;
  font-family: 'Frutiger', Tahoma, Arial, sans-serif;
  color: #000;
  text-align: center;
}
body.cke_editable {
  font-size: 1.6rem;
  line-height: 1.4;
  text-align: left;
}

.cke_panel_listItem.cke_selected a, .cke_panel_listItem a:hover, .cke_panel_listItem a:focus, .cke_panel_listItem a:active {
  background: #eee;
  color: #333 !important;
}
.cke_panel_listItem * {
  font-size: 14px !important;
  text-align: left !important;  
}

img, embed, object, video {
  max-width: 100%;
  height: auto;
  width: auto;
}

.video-embed,
.mediaelement-video {
  position: relative;
  padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}
.video-embed iframe,
.mediaelement-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* ----------------------- Farben ---------------------- */

.schwarz {
  color: #000;
}
.grau {
  color: #4b4b4d;
}

.sdg-gruen {
  color: #008448;
}

/* Fichtelbergbahn  */
.blau {
  /* color: #88b7e3; Contrast problem */ 
  color: #5c99d2;
}
/* Loessnitzgrundbahn */
.rot {
  /* color: #e46758; Contrast problem */
  color: #c15143;
}
.orange {
  color: #f6a924;
}
/* Weisseritztalbahn  */
.gruen {
  /* color: #a2bb0a; Contrast problem */
  color: #889d08;
}

.gelb {
  color: #ffcc00;
}

/* ----------------------- Container ---------------------- */

#noscript {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background: #ffb400;
  color: #fff;
  font-size: 1.6rem;
  padding: 10px;
  width: 100%;
}
.page-loading {
  position: fixed;
  z-index: 0;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  /* transform: translate(-50%, -50%); */
  -webkit-animation: pulse 1s linear infinite;
  -moz-animation: pulse 1s linear infinite;
  animation: pulse 1s linear infinite;
  /* opacity: 0.5; */
  margin: -30px 0 0 -20px;
}
@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(0.8); }
    100% { -webkit-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(0.8); }
    100% { transform: scale(1); }
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


#page {
  position: relative;
  z-index: 1;
}

.container-fluid {
  max-width: 900px;
  min-width: 320px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  padding-left: 25px;
  padding-right: 25px;
}
header .container-fluid {
  padding-left: 20px;
  padding-right: 20px;
}
header .container-fluid,
footer .container-fluid,
section.layout_6 > .container-fluid {
  max-width: 1140px;
}


.container-fluid .container-fluid {
  min-width: 0;
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
}

/* volle Bildschrimbreite */
section.layout_1 > .container-fluid {
  max-width: 100%;
  padding: 0;
}
.col1 > .row {
  margin-left: 0;
  margin-right: 0;
}

div.no-padding {
  padding: 0 !important;
}


#page > header {
  position: fixed;
  width: 100%;
  z-index: 10;
  color: #008448;
  background: #FFF;  
  height: 77px;
  border-bottom: 2px solid #008448;
}
nav {
  float: left;
  padding-top: 25px;
}
a#home_link {
  float: left;
  display: block;
  margin-bottom: -30px;
  position: relative;
  top: -5px;
  transition: all 300ms ease;
}
a#home_link:hover {
  top: 0;
}
a#home_link img {
  max-height: 106px;
  width: auto;
}

#titletext {
  float: left;
  padding-top: 40px;
  margin-left: 30px;
  font-size: 1.6rem;  
}
#titletext p {
  margin-bottom: 0;
}

#langmenu {
  float: right;
  padding-top: 40px;
  font-size: 1.6rem;  
}
.tx-srlanguagemenu > div {
  float: left;
  padding: 0 5px;
  color: #889d08;
  border-right: 1px solid #889d08;
}
.tx-srlanguagemenu > div:last-child {
  border-right: 0;
}

.tx-srlanguagemenu a {
  color: #889d08;
}
.tx-srlanguagemenu .CUR a  {
  color: #889d08;
}
.tx-srlanguagemenu a:hover {
  text-decoration: none;
  color: #889d08;  
}
.tx-srlanguagemenu .INACT {
  display: none;
}

#iconnav {
  position: fixed;
  z-index: 9;
  top: 50%;
  left: 0;
  padding: 5px 5px 5px 40px;
  background: #a2bb0a;
  color: #FFF;
}

#iconnav > * {
  color: #a2bb0a;
  display: block;
  width: 50px;
  height: 50px;
  margin: 5px;
  background-color: rgba(255,255,255,0.7);
  background-size: contain;
  text-indent: -10000px;
  transition: all 300ms ease;
  cursor: pointer;
  position: relative;
}
#iconnav > * * {
  text-indent: 0;
}
#iconnav > *:hover {
  text-decoration: none;
  background-color: #FFF;
}
#sb_kontakt {
  background-image: url("gfx/icon_kontakt.png");
}
#sb_suche {
  background-image: url("gfx/icon_suche.png");
}
#trigger_suche {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -10000px;  
}

#sb_shop {
  background-image: url("gfx/icon_shop.png");
}
#sb_shop::after {
  display: block;
  height: 50px;
  width: 0px;
  background-image: url("gfx/souvenirshop.png");
  background-size: cover;
  content: '';
  position: absolute;
  left: 60px;
  top: 0;
  transition: all 300ms ease;  
}
#sb_shop:hover::after {
  width: 150px;
}
#sb_anfahrt {
  background-image: url("gfx/icon_anfahrt.png");
}
#sb_news {
  background-image: url("gfx/icon_news.png");
}


#buehne {
  clear: both;
  position: relative;
  z-index: 1;
  /*
  max-width: 1600px;
  margin: 0 auto;
  */
}

#bahnenlogos {
  position: relative;
  z-index: 3;
  text-align: center;
}
#bahnenlogos > a {
  display: inline-block;  
  background: #f2f2f2;
  color: #000;
  width: 400px;
  height: 100px;
  margin: 0 0 20px;
  text-indent: -10000px;
  overflow: hidden;
  background-size: cover;
  transition: transform 300ms ease;
}
#bahnenlogos > a:hover,
#bahnenlogos > a:focus {
  background-position: 0 -100px;
}
#bahnenlogos > a#homelogo_fbb {
  background-image: url('gfx/logohome_fbb.png');
}
#bahnenlogos > a#homelogo_lgb {
  background-image: url('gfx/logohome_lgb.png');
}
#bahnenlogos > a#homelogo_wtb {
  background-image: url('gfx/logohome_wtb.png');
}

#breadcrumb {
  margin: 2.5% 0px 0px 1.5%;
  font-size: 1.2rem;
  text-align: left;
  display: none;
}
#breadcrumb .arrow:before {
  content: ' \2192 ';
  padding: 0 5px;
}

#title {
  position: absolute;
  top: -99999px;
  left: -9999px;
}

#content {
  position: relative;
  z-index: 2;
  font-size: 1.9rem;
  line-height: 1.4;
}
main > .container-fluid > div {
  padding: 0 15px;
}
#main > section.layout_0,
#main > section.layout_6 {
  padding: 5% 0;
}
#main > section.layout_0 + section.layout_0,
#main > section.layout_0 + section.layout_6,
#main > section.layout_6 + section.layout_0,
#main > section.layout_6 + section.layout_6 {
  padding-top: 0;
}

.frame {
  width: 100%;
  clear: both;
}

.container-fluid > .row > .frame-type-text:first-child > :first-child {
  margin-top: 0;
}

.frame-layout-5 {
  border-bottom: 2px solid #a2bb0a;
  margin-bottom: 20px;
}

footer {
  font-size: 1.2rem;
  background: #003318;
  color: #FFF !important;
  padding: 60px 25px 30px;
}
footer .h4,
footer a,
footer a:hover {
  color: #FFF !important;
}

#c56 p {
  color: #999; 
}

footer .container-fluid {
  max-width: 1400px;
  padding-left: 0;
  padding-right: 0;
}
footer .container-fluid .container-fluid {
  padding-top: 3%;
  padding-bottom: 3%;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 10px;
}
footer .frame-type-menu_subpages a {
  display: block;
  padding: 5px 0;
}
footer .ce-gallery {
  margin-bottom: 0 !important;
}

.rbt-progress-parent {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px var(--black-opacity);
  background: #fff;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.rbt-progress-parent.rbt-backto-top-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.rbt-progress-parent::after {
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f062";
  text-align: center;
  line-height: 46px;
  font-size: 14px;
  color: #008448;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.rbt-progress-parent:hover::after {
  color: #008448;
}
.rbt-progress-parent::before {
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;  
  content: "\f062";
  text-align: center;
  line-height: 46px;
  font-size: 14px;
  opacity: 0;
  background: #0d0d12;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  color: #008448;
}
.rbt-progress-parent svg path {
  fill: none;
}
.rbt-progress-parent svg.rbt-back-circle path {
  stroke: #008448;
  stroke-width: 4;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  opacity: 0.6;
}



#c593 .container-fluid {
  padding: 0;
  border-bottom: 0;
}
#c593 img {
  max-width: 30px;
  height: auto;
}
#c593 .ce-column {
  margin-right: 10px;
  margin-bottom: 10px;
}
#c593 .ce-column:last-child {
  margin-right: 0;
}

.frame-type-menu_sitemap > ul > li {
  float: left;
  width: 25%;    
}
.frame-type-menu_sitemap ul ul {
  margin-left: 5px;
  border-left: 1px solid #777;  
}
.frame-type-menu_sitemap ul li li {
  font-size: 90%;
  padding-left: 20px;
}

/* ----------------------- Navigation ---------------------- */

#nav_button {
  /* float: right; */
  position: relative;
  left: 0;
  width: 164px;
  height: 40px;
  padding-left: 40px;
  font-size: 2.2rem;
  text-transform: uppercase;
  line-height: 40px;
  color: #008448;
  cursor: pointer;
}
/* burger menu */
#nav_button .btn-toggle {
  position: absolute;
  display: block;
  background-color: #008448;
  top: 50%;
  left: 5px;
  margin-top: -2px;
  z-index: 1;
  width: 30px;
  height: 4px;
  border-radius: 2px;
}
#nav_button .btn-toggle:before,
#nav_button .btn-toggle:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  background-color: #008448;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#nav_button .btn-toggle:before { top: -9px; }
#nav_button .btn-toggle:after { bottom: -9px; }

/* open */
#nav_button.open .btn-toggle {
  background-color: transparent;
  box-shadow: none;
}
#nav_button.open .btn-toggle:before {
  background-color: #008448 !important;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  box-shadow: none;
}
#nav_button.open .btn-toggle:after {
  background-color: #008448 !important;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 0;
  box-shadow: none;
}

#nav_button:focus {
  outline: 1px dotted #008448;
}


#megamenu {
  display: none;
  position: absolute;
  left: 20px;
  top: 77px;
  width: 97%;
  width: calc(100% - 40px);
  background: rgba(255,255,255,0.98);
  padding: 30px 30px 50px;
}

#megamenu ul {
  margin: 0;
}
#megamenu > ul > li {
  float: left;
  display: block;
  width: 26%;
  position: relative;
}
#megamenu > ul > li:first-child {
  width: 22%;
}
#megamenu li > a {
  display: block;
  padding: 6px 12px;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #000;
}
#megamenu > ul > li > a {
  font-size: 1.8rem;
}
#megamenu li > a:focus,
#megamenu li:hover > a,
#megamenu li.active > a {
  text-decoration: none;
}

/* 1. Ebene */
#megamenu > ul > li > a {
  font-weight: 900 !important;
  padding-bottom: 20px;
}

/* 2. Ebene */
#megamenu li li {
  float: none;
}
#megamenu > ul > li:first-child > a:focus,
#megamenu > ul > li:first-child:hover > a,
#megamenu > ul > li:first-child.active > a {
  color: #008448;
}
#megamenu > ul > li:first-child li a:focus,
#megamenu > ul > li:first-child li:hover > a,
#megamenu > ul > li:first-child li.active > a {
  color: #FFF;
  background-color: #008448;
}

/* Fichtelbergbahn  */
#megamenu > ul > li:nth-child(2) > a:focus,
#megamenu > ul > li:nth-child(2):hover > a,
#megamenu > ul > li:nth-child(2).active > a {
  color: #88b7e3;
}
#megamenu > ul > li:nth-child(2) li a:focus,
#megamenu > ul > li:nth-child(2) li:hover > a,
#megamenu > ul > li:nth-child(2) li.active > a {
  color: #000;
  background-color: #88b7e3;
}
/* Loessnitzgrundbahn */
#megamenu > ul > li:nth-child(3) > a:focus,
#megamenu > ul > li:nth-child(3):hover > a,
#megamenu > ul > li:nth-child(3).active > a {
  color: #e46758;
}
#megamenu > ul > li:nth-child(3) li a:focus,
#megamenu > ul > li:nth-child(3) li:hover > a,
#megamenu > ul > li:nth-child(3) li.active > a {
  color: #000;
  background-color: #e46758;
}
/* Weisseritztalbahn  */
#megamenu > ul > li:nth-child(4) > a:focus,
#megamenu > ul > li:nth-child(4):hover > a,
#megamenu > ul > li:nth-child(4).active > a {
  color: #a2bb0a;
}
#megamenu > ul > li:nth-child(4) li a:focus,
#megamenu > ul > li:nth-child(4) li:hover > a,
#megamenu > ul > li:nth-child(4) li.active > a {
  color: #000;
  background-color: #a2bb0a;
}

#megamenu li.open > a {
  text-decoration: none;
  font-weight: bold;
}
#megamenu li li.ifsub > a::after {
  display: inline-block;
  padding-left: 15px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;  
  font-size: 70%;
  content: "\f054";
}
#megamenu li li.ifsub.open > a::after {
  content: "\f078";
}

/* 3. Ebene */
#megamenu li li > ul,
#megamenu li li:hover > ul,
#megamenu li li.active > ul {
  height: auto;
  max-height: 0;
  padding: 0;
  padding: 0 0 0 15px;
  opacity: 1;
  visibility: visible;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}
#megamenu li li.open > ul {
  max-height: 1000px;
  padding-bottom: 10px;
}

#megamenu li li li > a {
  padding: 4px 14px;    
}

/* 4. Ebene */
#megamenu li li li.open > ul {
  padding-top: 5px;
}
#megamenu li li li li > a {
  font-size: 1.4rem;  
}


/* ----------------------- Familienfreundlich  ---------------------- */
#familienfreundlich {
  position: absolute;
  z-index: 99;  
  top: -21px;
  right: 10%;
  display: block;
  width: 146px;
  height: 125px;
  background: url("gfx/familienfreundlich.png") 0 0 no-repeat;
  background-size: contain;
  transform: rotate(-5deg);
  transition: all 300ms ease;
}
#familienfreundlich:hover {
  top: -19px;
}

/* ----------------------- Infobox ---------------------- */

.infobox {
  position: absolute;
  z-index: 100;  
  bottom: 20px;
  right: 100px;
  background: rgba(250,250,250,0.9);
  color: #262626;
  text-align: left;
  padding: 20px;
  max-width: 350px;
  font-size: 85%;
}

.infobox .close {
  position: absolute;
  top: 5px;
  right: 5px;
}
.infobox .symbol {
  font-size: 300%;
  line-height: 1;
  color: #777;
  float: left;
  margin: 0 10px 0  0;
}
.infobox .bahnname {
  font-size: 200%;
  line-height: 1;
  margin: 5px 0 15px;
  color: #008448;
}
.infobox .hinweis {
  padding-right: 30px;
}
.infobox p:last-child {
  margin-bottom: 0;
}
.infobox .link {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 150%;
}

/* ----------------------- Homekachel ---------------------- */

.homekachel {
  clear: both;
  margin: 0;
  background: #FFF;
  overflow: hidden; 
}
.homekachel .text {
  padding: 25px 45px 35px 35px;  
}
.homekachel .text .link {
  display: block;
  padding: 5px;
/*  color: #ffcc00; */
  font-size: 150%;
  position: absolute;
  right: 15px;
  bottom: 15px; 
}
.homekachel .text > :first-child {
  margin-top: 0;
}
.homekachel .text p {
  line-height: 1.6;
}
.homekachel .text h2,
.homekachel .text h3 {
  line-height: 1.2;
}
.homekachel .text p+h2,
.homekachel .text p+h3 {
  margin-top: 0;
}
.homekachel .image {
  padding: 0;
  min-height: 250px;
  background-size: cover;
  background-position: center center;
}

@media (min-width:768px) {
  /* equal height: */
  .homekachel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:  flex;
    flex-wrap: wrap;
  }  
  .homekachel > [class*="col-"]{
    display: flex;
    flex-direction: column;
  }
  .homekachel.layout2 .text {
    order: 2;
  }
}

/* ----------------------- Parallax ---------------------- */

.parallax {
  position: relative;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  padding: 30px 20px 30px;
  color: #FFF;
  background-color: #000;
  text-align: center;
}
.parallax h2,
.parallax h3,
.parallax h4 {
  color: #FFF !important;
}

.parallax p {
  font-size: 120%;
  font-weight: 300;
  line-height: 1.6;
}
.parallax a.button {
  margin-top: 20px;
  background: rgba(0,0,0,0.75);
}

.parallax:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.75);
}
.parallax .container-fluid {
  z-index: 2;
}

.mediaelement a.fancybox {
  display: block;
}
a.fancybox:focus {
  outline: 1px solid #008448;
}

/* ----------------------- Image Maps Popups  ---------------------- */

/* Imagemaps */
.imagemap {
  text-align: center;
}
.np_fancyboxes > div {
  display: none;
}


/* popup */
body.imagemaps .fancybox-slide > * {
  max-width: 300px;
}
body.imagemaps .fancybox-slide h2,
body.imagemaps .fancybox-slide h3 {
   margin: 0;
}

#popup {
  width: 700px;
  background: #FFF;
  font-size: 15px;
  text-align: left;
  padding: 20px 20px 30px;
  visibility: visible !important;
}
#popup img {
  margin-bottom: 20px;
}
#popup h3 {
  margin-top: 0;
}

/* ----------------------- Klappinhalte ---------------------- */


.accordion .header {
  background: #fff;
  color: #333;
  padding: 8px 15px;
  cursor: pointer;
  font-size: 120%;
  margin-bottom: 10px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
}
.accordion .header:hover,
.accordion .header:focus,
.accordion.open .header {
  background: #333;
  color: #FFF;
}
.accordion .header:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '  \f061';
  font-size: 100%;    
  float: right;
  position: relative;
  top: -1px;
}
.accordion.open .header:after {
  content: '  \f063';
  top: -3px;
}

.accordion .content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.accordion.open .content {
  max-height: 2000px;
  transition: max-height 0.5s ease;
}



/* ----------------------- Tabs ---------------------- */

#content .tab-container { padding: 3% 0; }
#content .etabs { margin: 0 0 30px; padding: 0; text-align: center; }
.tab { display: inline-block; zoom:1; *display:inline; }
.tab a { display: block; padding: 3px 0; margin: 0 20px; font-size: 120%; text-transform: uppercase; }
.tab a:hover { border-bottom: 1px solid #333; text-decoration: none; }
.tab a.active { border-bottom: 1px solid #333; }
.tab a > span { margin: 10px 0}

#content .tab-item {
  width: 100%;
  padding: 20px;
}
.tab-item .contenttable,
.tab-item .frame-default table {
  max-width: 100%;
}



/* ----------------------- Bilderleiste ---------------------- */

.frame-layout-4 .ce-row,
.frame-layout-4 .ce-row:last-child {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
}



/* ----------------------- verschiedenes ---------------------- */

.ce-above.ce-left .ce-gallery,
.ce-above.ce-right .ce-gallery,
.ce-below.ce-left .ce-gallery,
.ce-below.ce-right .ce-gallery {
  float: none;
}
.ce-gallery figure {
  display: block;
}

.fa, .cke_editable .fa {
  min-width: 25px;
  text-align: center;
  padding-right: 5px;
}


.align-left,
.text-left {
  text-align: left;
}
.align-center,
.text-center {
  text-align: center;
}
.align-right,
.text-right {
  text-align: right;
}
.align-justify,
.text-justify {
  text-align: justify;
}
.clear {
  clear: both;
}

.float-right {
  float: right;
}


main ul, .cke_editable ul, .frame-default table, .contenttable {
  padding: 0;
  overflow: visible;
}
p {
  margin: 0 0 15px;
}
.ce-bodytext p:last-child {
  margin-bottom: 0;
}

blockquote {
  display: inline-block;
  background: #F8F8F8;
  border-radius: 10px;
  padding: 2% 4%;
  margin: 0 0 15px !important;
  font-style: italic;
  text-align: left;
}
h2:empty {
  display: none;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 20px;
}
h1 {
  font-size: 200%;
}
h2 {
  font-size: 190%;
}
p+h2 {margin-top: 0;}

h3 {
  font-size: 120%;
}
h4 {
  font-size: 100%;
}
footer .h4 {
  font-size: 220%;
}
h5 {
  font-size: 90%;
  margin-bottom: 10px;
}
footer h3 {
  font-size: 150%;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #FFF !important;
}

h2 b, h2 strong,
h3 b, h3 strong,
h4 b, h4 strong,
h5 b, h5 strong {
  font-weight: 900;
}

.cke_ltr h2,
.cke_ltr h3,
.cke_ltr h4,
.cke_ltr h5,
.cke_ltr h6 {
  font-size: 150%;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}

.font-black {
  font-weight: 900;
}

a {
  color: #008448;
  text-decoration: none;
}
a:hover,
a:focus {
  color: inherit;
  text-decoration: underline;
}

a img { border: 0; }



a.button {
  background: none;
  display: inline-block;
  border: 1px solid #008448;
  padding: 10px 40px;
  color: #008448;
  text-align: center;
}
a.button:focus,
a.button:hover,
a.button.active {
  background: #008448;
  color: #FFF;
  text-decoration: none;
}
a.button .fa {
  min-width: 1px;
}
a.btn {
  font-size: inherit;
}
a.button.small {
  padding: 5px 10px;
}

a.button.orange {
  border-color: #e08b39; 
  color: #e08b39;
}
a.button.orange:focus,
a.button.orange:hover,
a.button.orange.active  {
  background: #e08b39; 
  color: #FFF;
}

a.button.rot {
  border-color: #e46758; 
  color: #e46758;
}
a.button.rot:focus,
a.button.rot:hover,
a.button.rot.active  {
  background: #e46758; 
  color: #FFF;
}

a.button.hellgruen {
  border-color: #889d08; 
  color: #889d08;
}
a.button.hellgruen:focus,
a.button.hellgruen:hover,
a.button.hellgruen.active  {
  background: #889d08; 
  color: #FFF;
}

a.button.hellblau {
  border-color: #88b7e3; 
  color: #88b7e3;
}
a.button.hellblau:focus,
a.button.hellblau:hover,
a.button.hellblau.active  {
  background: #88b7e3; 
  color: #FFF;
}

a.button.inaktiv {
  border-color: #777 !important;
  color: #777 !important;
  background: none !important;
  cursor: default;
  
}

.float-right .button {
  padding: 8px 12px 8px 18px;
  margin-left: 10px;
}

a.iframe {
  position: relative;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
span.play {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  background: url(data:image/png;base64,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) 0 0 no-repeat;
  opacity: 0.8;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  transition: 300ms;
}
a.iframe:hover span.play {
  opacity: 1;
}

*:focus {
  outline: 0;
}

ol, ul {
  padding-left: 0;
  margin: 0 0 15px;
}
ul, li {
  list-style: none;
}
.frame-type-text li, .ce-bodytext li, .ce-menu li, .daten li, .news-single li, .cke_editable li {
  padding-left: 1em;
  text-indent: -.7em;
}
.frame-type-text li:before, .ce-bodytext li:before, .ce-menu li:before, .daten li:before, .news-single li:before, .cke_editable li:before {
    content: "• ";
}

.ce-gallery figcaption {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0 0;
  margin-bottom: 15px;
  font-size: 1em;
}
table p {
  margin-bottom: 0;
}
.frame-default table th, .cke_editable th, .contenttable th,
.frame-default table td, .cke_editable td, .contenttable td {
  padding: 10px 10px;
  vertical-align: top;
  border: 1px solid #ccc;
}
.frame-default table th, .cke_editable th, .contenttable th {
  background: #ccc;
}


fieldset {
  border: 0;
}
label {
  font-weight: inherit;
}

select,
textarea,
input {
  background: #FFF;
  border: 1px solid #AAA;
  padding: 10px;
  width: 100%;
  font-family: 'Frutiger', Tahoma, Arial, sans-serif;
  font-size: 100%;
  margin-bottom: 15px;
}
form textarea:focus,
form input[type="text"]:focus,
form select:focus {
  border-color: #008448;
}

input[type="radio"] {
  width: 20px !important;
}
input[type="checkbox"] {
  width: 16px !important;
  position: relative !important;
}
.checkbox { 
  margin-top: 0; 
}
.radio {
  display: inline-block;
  margin-right: 10px;
}
input[type="submit"] {
  background: #008448;
  width: 70%;
  margin: 10px 0 0 20%;
  text-transform: uppercase;
  cursor: pointer;
  color: #FFF;
}
input[type="submit"]:hover {
  box-shadow: 0 0 5px #333;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #888;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #888;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #888;
}
:-moz-placeholder { /* Firefox 18- */
  color: #888;
}


/* powermail  */
#page div.tx-powermail {
  width: 100%;
}
.tx-powermail > .container-fluid {
  padding: 0;
}
.tx-powermail form > h3 {
  /* display: none; */
  font-size: 150%;
}
#page .powermail_fieldset {
  padding: 30px;
  background: #FFF;
  margin-bottom: 20px;
}
#page .powermail_fieldwrap_radio,
#page .powermail_fieldwrap_check {
  padding-bottom: 20px;
}
#page .powermail_legend {
  display: none;
}
#page .powermail_label {
  color: #777;
  font-weight: normal;
  border: none;
  font-size: inherit;
}
#page .powermail_fieldwrap_type_text .powermail_field {
  margin-bottom: 20px;
}
#page .powermail_field,
#page .powermail_radio_outer,
#page .powermail_captcha_outer,
#page .powermail_check_outer,
#page .powermail_fieldwrap_file_inner ul:not(.powermail-errors-list) {
  font-family: 'Frutiger', Tahoma, Arial, sans-serif;
}

#page .powermail_fieldwrap_type_check {
  margin-bottom: 20px;
  font-size: 80%;
}

/* submit */
#page .powermail_fieldwrap_type_submit > .powermail_field {
  float: none;
  width: 100%;
  max-width: 100%;
}

/* Formular Layout 1 = ohne labels */
#page .powermail_form.layout1 label.powermail_label {
  display: none;
  float: none;
}
#page .powermail_form.layout1 .powermail_legend {
  display: block;
  padding: 10px 0;
  color: #a7c9e3;
  text-transform: uppercase;
  border-bottom: 2px solid #cfe1ef;
}

#page .powermail_fieldwrap_type_check label.powermail_label {
  display: block !important;
}

#page .powermail_form.layout1 .powermail_field,
#page .powermail_form.layout1 .powermail_radio_outer,
#page .powermail_form.layout1 .powermail_captcha_outer,
#page .powermail_form.layout1 .powermail_check_outer,
#page .powermail_form.layout1 .powermail_fieldwrap_file_inner ul:not(.powermail-errors-list) {
  float: none;
  width: 100%;
}
#page .powermail_form.layout1 input,
#page .powermail_form.layout1 select,
#page .powermail_form.layout1 textarea {
  width: 100%;
}

#page .powermail_form input[type="submit"].waiting {
  /*background: #008448 url("gfx/ajax-loader.gif") 15px 45% no-repeat;*/
}

/* Felder-Layout 1 / 2 = 50% links / rechts */
#page .powermail_fieldwrap.layout1,
.g-recaptcha {
  clear: both;
  float: left;
  width: 48%;
  margin-right: 2%;
}

#page .powermail_fieldwrap.layout2 {
  float: right;
  width: 48%;
  margin-left: 2%;
}
#page .powermail_fieldwrap.layout2 .powermail_submit {
  margin: 0 auto !important;
  width: 100%;
  max-width: 300px;
}

#page .powermail_radio_outer,
#page .powermail_captcha_outer,
#page .powermail_check_outer,
#page .powermail_fieldwrap_text,
#page .powermail_fieldwrap_file_inner ul:not(.powermail-errors-list) {
  background: none;
  border: none;
}
#page .powermail_check_inner,
#page .powermail_radio_inner {
  display: inline-block;
  margin-right: 20px;
}
#page .powermail_submit {
  float: none;
  margin-left: 30% !important;
  max-width: 300px;
  padding: 20px;
}
#page .powermail-errors-list li {
  clear: left;
  padding: 0;
  text-indent: 0;
  color: #c00;
  font-size: 80%;
}
#page .powermail_check_outer .powermail-errors-list li,
#page .powermail_radio_outer .powermail-errors-list li {
  margin-left: 0;
}

dl.powermail_all > dt {
  clear: left;
  float: left;
  width: 30%;
  font-weight: bold;
}
dl.powermail_all > dt:after {
  content: ': ';
  padding-right: 5px;
}
dl.powermail_all > dd {
  float: left;
  margin-bottom: 10px;
}

input.powermail_confirmation_form,
input.powermail_confirmation_submit {
  width: 45%;
  margin: 2% 3% 2% 0;
  float: left;
}
input.powermail_confirmation_form {
  background: #777;
}
.powermail_confirmation h4 {
  font-size: 120%;
  margin-bottom: 10px;
}

/* reCaptcha */
.g-recaptcha {
  clear: both;
  margin-bottom: 20px;
}

/* GoogleMaps */
#map {
  height: 300px;
}
@media ( min-height: 480px ) { #map { height: 360px; } }
@media ( min-height: 600px ) { #map { height: 400px; } }
@media ( min-height: 800px ) { #map { height: 440px; } }
input#saddr,
input#addr_submit {
  float: left;
  width: 40%;
  margin: 10px 5px 10px 0;
}
input#addr_submit {
  width: 55%;
  padding: 4px 5px;
}


/*------------------- news ---------------------------- */

/* filter */
.newsfilter {
  margin: 0 0 20px;
}
.newsfilter .button {
  margin: 0 10px 10px 0;
}
/* list */
.news-list-view {
}
.news-list-view .article {
  margin-bottom: 30px;
}
.news-list-view .news-img-wrap {
  position: relative;
}
.news-list-view .news-img-wrap h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 20px;
  color: #FFF;
  font-size: 100%;
  background: -moz-linear-gradient(top,  rgba(0,51,24,0) 0%, rgba(0,51,24,0.7) 19%, rgba(0,51,24,0.86) 42%, rgba(0,51,24,0.84) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,51,24,0) 0%,rgba(0,51,24,0.7) 19%,rgba(0,51,24,0.86) 42%,rgba(0,51,24,0.84) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,51,24,0) 0%,rgba(0,51,24,0.7) 19%,rgba(0,51,24,0.86) 42%,rgba(0,51,24,0.84) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00003318', endColorstr='#d6003318',GradientType=0 ); /* IE6-9 */
  
}
.news-list-view .news-img-wrap h3 a {
  color: #FFF;
  text-decoration: none;
}
.news-list-view .news-img-wrap h3 a:hover,
.news-list-view .news-img-wrap h3 a:focus {
  text-decoration: underline;
}
.news-list-view .teaser-text {
  background: #FFF;
  padding: 20px;
  min-height: 160px;
}
@media(min-width: 640px) {
  .news-list-view .teaser-text .description {
    height: 80px;
    overflow: hidden;
  }
}

.news-list-view a.more::after {
  display: inline-block;
  padding-left: 5px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;  
  font-size: 70%;
  content: "\f054";  
}
.news .news-related-files-size {
  color: #999;
}
/* pagination */
.news .page-navigation {
  clear: both;
  margin: 0 15px 30px;
}
.news .page-navigation > p {
  display: none;
}
.news .page-navigation > ul li {
  margin: 0 10px 10px 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #777;
}
.news .page-navigation > ul li.first,
.news .page-navigation > ul li.last {
  display: none;
}
.news .page-navigation > ul li > a {
  display: block;
  color: #FFF;
}
.news .page-navigation > ul li:not(.current):hover,
.news .page-navigation > ul li.current,
.news .page-navigation > ul li > a:focus,
.news .page-navigation > ul li:hover > a {
  background: #008448;
  color: #FFF;
  text-decoration: none;
}
/* detail */
.news-single .header h2 {
}
.news-single .content {
  background: #FFF;
  padding: 30px;
}
.news-single .news-img-wrap {
  float: right;
  margin: 0 0 15px 30px;
  width: 45%;
}
.news-single .news-img-wrap .outer {
  display: inline-block;
  width: 30%;
  margin: 0 3.333% 15px 0;
}
.news-single .news-img-wrap .outer:first-child {
  width: 100%;
}
.news-single .news-img-wrap .outer:nth-child(3n+1) {
  margin-right: 0;
}

.news-backlink-wrap {
  margin-top: 30px;
}


/*------------------- indexed_search ---------------------------- */

#sb_suche #tx_indexedsearch {
  border: 0;
  position: relative;
}
#sb_suche #tx_indexedsearch .tx-indexedsearch-form label {
  position: absolute;
  top: 6px;
  left: 10px;
  color: #000;
}
#sb_suche #tx_indexedsearch.focus .tx-indexedsearch-form label {
  top: -50px;
}
#sb_suche .tx-indexedsearch-searchbox {
  position: absolute;
  left: 60px;
  top: 0;
  height: 50px;
  padding: 10px 0;
  width: 0;
  background: #a2bb0a;
  color: #FFF;
  overflow: hidden;
  transition: all 300ms ease;
}
#sb_suche.active .tx-indexedsearch-searchbox {
  width: 200px;
  padding: 10px 10px 10px 0;  
}
#sb_suche .tx-indexedsearch-searchbox-sword {
  background: #FFF;
  border: 0;
  padding: 8px 30px 8px 10px;
  width: 190px;
  height: 30px;
  font-size: 1.5rem;
  color: #000;
  border-radius: 0;
  margin: 0;
}
#sb_suche .tx-indexedsearch-searchbox-sword:hover,
#sb_suche .tx-indexedsearch-searchbox-sword:focus {
  color: #333;
}

#sb_suche .tx-indexedsearch-searchbox-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border: none;
  margin-top: 0;
  text-indent: -100000px;
  overflow: hidden;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAdVBMVEUAAABGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkaW5/m/AAAAJnRSTlMA3fbkeSzGf2NLNCUK8dbRzL+xaB4R7eu5pqGZh1lWQSginFpFGYwwaKUAAACwSURBVBjTbY5XDsIwEAVtJ6RAGoTQ0ilz/yOCC3GEmJ+3ml09W2g2XRSci2sqVsQKy2Ve3A04RXsJyOl7Byp8CZGlJZSZcTuFetp1E0Fopk4PjjlHmtOKc7Ou3+oM2IuFBHqdJw5e9pDolJRehpDqPJgaR4U66hzwpTWuK6vg2thnFDzsepuDjNOxvgDIjbVjwIrA2eM9RxMlhbVOD2Fcfz6xk956jJXij23FL1PRijcgyRIfsdv5rAAAAABJRU5ErkJggg==) center center no-repeat;
  margin: 0;
}
#sb_suche .tx-indexedsearch-searchfor,
#sb_suche .tx-indexedsearch-browsebox,
#sb_suche .tx-indexedsearch-res {
  display: none;
}

/* Seite: Suche */
#main .tx-indexedsearch-searchbox {
  display: none;
}

.tx-indexedsearch-noresults {
  font-style: italic;
}

.tx-indexedsearch-searchfor .sword {
  text-transform: uppercase;
}
.tx-indexedsearch-searchfor .sword:before,
.tx-indexedsearch-searchfor .sword:after {
  content: '"';
}

.tx-indexedsearch-icon img {
}
.tx-indexedsearch-title a[href$='.pdf'],
.tx-indexedsearch-title a[href$='.PDF'] {
  padding: 0;
  background: none;
}

.tx-indexedsearch-percent {
  color: #676767;
  font-size: 80%;
  padding-left: 10px;
}
.tx-indexedsearch-description {
  margin-bottom: 0;
}

.tx-indexedsearch-info {
  color: #676767;
  font-style: italic;
  font-size: 85%;
}
.tx-indexedsearch-info p {
  display: inline;
}
.tx-indexedsearch-path a {
  color: #676767;
  text-decoration: underline;
}

.tx-indexedsearch-browsebox ul {
  padding-bottom: 20px;
}
#content .tx-indexedsearch-browsebox li:before {
  content: "";
  display: none;
}
#content .tx-indexedsearch-browsebox li {
  background: none;
  padding: 0;
  float: left;
  display: inline;
  margin: 0 10px 10px 0;
  text-indent: 0;
}
.tx-indexedsearch-browsebox a {
  display: block;
  padding: 8px 13px;
  text-decoration: none;
  background: #DDD;
  color: #333;
}
#content .tx-indexedsearch-browsebox a:hover,
.tx-indexedsearch-browselist-currentPage a {
  background: #333;
  color: #FFF !important;
  text-decoration: none;
}


/*------------------- calendarize ---------------------------- */

.event-list {
  margin-left: -15px;
  margin-right: -15px;
}

.event-item {
  position: relative; 
  margin-bottom: 30px; 
}
.event-item::after {
  position: absolute;
  z-index: -1;
  display: block;
  bottom: -13px;
  left: 0;
  width: 100%;
  height: 13px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXwAAAANBAMAAABYwMgpAAAALVBMVEUAAAAtLS0wMDAyMjIyMjIyMjIyMjIyMjIxMTEyMjIzMzMzMzMyMjIzMzMzMzMz14GVAAAAD3RSTlMAAwcQDBUeJAkZNkAvKko2SUYPAAABd0lEQVRIx9WUsW3CQBSGzQbYG/gq94YJcgU9uoIFQFkgV7mxKN4CILHCwQREygDWpaaJV8gM+e9ezjoFiCxFyM7XGdt63/8/H8kkFYV8KpU67NcbrdvWWmPM8RV8RuDSmJN9b7VePx92almWUhIJkDLTpC+YyQhAJGVZztUK8zH+wzbG/Jj9huszpKxtMf4F85UqZ7IWmHlb/wx/JmhfNL/G1nk/5f5RMs7BHroKMTqOxjQ99RsTsKFutcTzVAuRs/UDmHAKURB05iosw5rAyelXv+jjhQr+AA/G3ljyPe3HxMDAOEUndYHUff2NZpBw58QXVPu+kwHwuyho60Ks9pHalT7nhL+DD6ZcoHIufEgmfhO0lS5DJ4hvItb3d3EbqfwN7jwZDbwHXzK+EtTr+/3Wz5w+M3Olj0s9joA1IAMD/Zz1BUkPEX4Zo3p8HAoKtsLpJz4ViWKkrd/cQg1j58unI8vTUbd+HYGdp07/f6kH0uH/Fv/OF2VyLMgYoPvFAAAAAElFTkSuQmCC) top center no-repeat;
  background-size: contain;
  content: '';
}
.event-item .cover {
  position: relative;
  border-top: 5px solid #008448;
}

.event-item .cover .title {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left:0;
  width:100%;  
  min-height: 30%;
  padding: 15px;
  color:#FFF;
  text-align: center;
  background: -moz-linear-gradient(top,  rgba(0,51,24,0) 0%, rgba(0,51,24,0.7) 19%, rgba(0,51,24,0.86) 42%, rgba(0,51,24,0.84) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,51,24,0) 0%,rgba(0,51,24,0.7) 19%,rgba(0,51,24,0.86) 42%,rgba(0,51,24,0.84) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,51,24,0) 0%,rgba(0,51,24,0.7) 19%,rgba(0,51,24,0.86) 42%,rgba(0,51,24,0.84) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00003318', endColorstr='#d6003318',GradientType=0 ); /* IE6-9 */
}
.event-item a:focus .title,
.event-item a:hover .title {
  text-decoration: underline;
}

.event-item .details {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  background: #e8f1eb; /* 10% gruen */
  opacity: 0;
  transition: opacity 300ms ease;
  overflow: hidden;
}
.event-item:focus .details, 
.event-item:hover .details {
  opacity: 1;
}
.event-item .details .organizer {
  border-top: 5px solid #008448;
  padding-top: 10px;
  font-size: 80%;
  color: #333;
}
.event-item .details h3.title {
  font-size: 100%;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 10px 0 10px;
}

.event-item .details .dates li {
  clear: left;
  float: left;
  display: block;
  font-size: 70%;
  line-height: 1.2;
  color: #333;  
}
.calendarize .dates li.canceled {
  text-decoration:line-through;
  color: #aaa;
}

.event-item .details .dates li:last-child::after {
   display: none;
}
.event-item .details .link-arrow {
  position: absolute;
  bottom: 20px;
  right: 20px;
}


.whitebox {
  padding: 30px;
  background: #FFF;
}
.event-detail .whitebox h2 {
  margin-top: 0;
}
.event-detail .whitebox .organizer {
  color: #777;
  margin: -10px 0 10px;
}
.event-detail .whitebox .description {
  margin-bottom: 20px;
}

.event-detail .whitebox .image-wrap {
  display: inline-block; 
  margin: 0 2.5% 20px 0;
  width: 30%;
}
.event-detail .whitebox .image-wrap:last-child {
  display: none; /* weil als Bannerbild */
}

.event-detail .daten {
  position: relative;
  padding: 30px;
  background: #FFF;
  margin-bottom: 30px;
}
.event-detail .daten > h3:first-child {
  margin-top: 0; 
}
.event-detail .daten .button.small {
  margin-left: 10px;
  text-indent: 0;
  padding: 1px 10px;
  font-size: 70%;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .event-detail .daten .book {
    position: absolute;
    top: 30px;
    right: 30px;
  } 
  .event-detail .daten .book::before {
    display: block;
    height: 50px;
    width: 150px;
    background-image: url("gfx/souvenirshop.png");
    background-size: cover;
    content: '';
    position: absolute;
    left: -150px;
    top: -2px;
    transition: all 300ms ease;  
  }   
}

.event-table {
  width: 100%;
  background: #FFF;  
}

.fpa form {
  padding: 30px;
  background: #fff;
  margin-bottom: 30px;
}
.fpa form > div,
.fpa form > div div{
  float: left;
  width: 45%;
  margin-right: 5%;
}
.fpa label {
  display: block; 
  font-size: 85%;
}
.fpa input[name="date"] {
  width: 125px;
}
.fpa input[name="time"] {
  width: 80px;
}
.fpa input[type="submit"] {
  width: 200px;
  margin: 25px 0 0;
}

.fpa #result {
  background: #FFF;
  font-size: 90%;
  width: 100%;
}
.fpa .umstiege {
  font-size: 85%;
  color: #777;
}

@media (min-width:767px) {
  .fpa #result .time,
  .fpa #result .dauer,
  .fpa #result .arrival {
    width: 110px;
  }
}

.fpa #result .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  position: relative;
  top: 3px;
  margin-right: 8px;
}
.fpa #result .icon.Bus {
  background-image: url(gfx/bus.svg);
}
.fpa #result .icon.PlusBus {
  background-image: url(gfx/plusBus.svg);
}
.fpa #result .icon.Train {
  background-image: url(gfx/zug.svg);
}
.fpa #result .icon.RapidTransit {
  background-image: url(gfx/sbahn.svg);
}


.fbb .event-item .details,
.fbb .event-detail .daten  {
  background: #f4f7fc; /* 10% blau */
}
.fbb .event-item .cover,
.fbb .event-item .details .organizer  { 
  border-top-color: #4d8fcc; 
}
.fbb h2, .fbb h3, .fbb h4,
.fbb .event-item .details h3.title,
.fbb .event-item .details .link-arrow  {
  color: #4d8fcc;
}
.lgb .event-item .details,
.lgb .event-detail .daten  {
  background: #f6e8e7; /* 10% rot */
}
.lgb .event-item .cover,
.lgb .event-item .details .organizer  {
  border-top-color: #d2594a;
}
.lgb h2, .lgb h3, .lgb h4,
.lgb .event-item .details h3.title,
.lgb .event-item .details .link-arrow {
  color: #d2594a; 
}
.wtb .event-item .details,
.wtb .event-detail .daten  {
  background: #f0f7e8; /* 10% gruen */
}
.wtb .event-item .cover,
.wtb .event-item .details .organizer  { 
  border-top-color: #7e9300; 
}
.wtb h2, .wtb h3, .wtb h4,
.wtb .event-item .details h3.title,
.wtb .event-item .details .link-arrow {
  color: #7e9300; 
}

#cookieman-modal {
  text-align: left;
}
#cookieman-modal table caption {
  display: none;
}


/*Filter styles*/
.saturate {-webkit-filter: saturate(3); filter: saturate(3);}
.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.contrast {-webkit-filter: contrast(160%); filter: contrast(160%);}
.brightness {-webkit-filter: brightness(0.25); filter: brightness(0.25);}
.blur {-webkit-filter: blur(3px); filter: blur(3px);}
.invert {-webkit-filter: invert(100%); filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%); filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}
.rss.opacity {-webkit-filter: opacity(50%); filter: opacity(50%);}