/* Panels */

.panel-footer{ border: none; background: #ffffff;}


#accordion .panel  {
  margin-bottom: 20px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#accordion.panel-group .panel-heading + .panel-collapse > .panel-body,
#accordion.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 0px solid #ddd;
}

.panel-accordion {margin: 10px 0; border-radius: 0}

.panel-accordion .panel-heading{ margin-top:2px; margin-bottom:2px; cursor: pointer;  border-radius:0; text-transform: uppercase;}

.panel-accordion .panel-heading:hover,.panel-accordion .panel-heading:focus { 
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;}
.panel-accordion .panel-heading:not(.collapsed) { }
.panel-accordion .panel-body {  padding: 0;}


.panel-image-wrapper{position:relative; color: #fff; }
.panel-image-wrapper.stretchedToEdge{margin: 0 -15px;}
.panel-image-wrapper.addMarginBottom15{margin-bottom: 15px;}
.panel-image-wrapper .fuer-kinder{display: none; position:absolute; top:5px; right:5px; width: 50px; height: 50px;  background-image: url(../img/grafiken/HandFuerKinder.png); background-repeat: no-repeat; }
.panel-image-wrapper .fuer-kinder img{width: 50px; height: 50px;   }




/* Accordion slide-panel */
.accordion-wrapper{margin: 20px 0;}
#slide-panel .panel-accordion .panel-heading{ border: 2px solid #869298;  background: #869298; color: #fff; margin-bottom: -2px;  ;
 }
#slide-panel .panel-accordion .panel-heading:hover, #slide-panel  .panel-accordion .panel-heading:focus { border: 2px solid #869298;  background: #869298; color: #ffffff;}
#slide-panel .panel-accordion .panel-heading.collapsed {border: 2px solid #869298;  background: #869298; color: #fff;} 
#slide-panel .panel-accordion .panel-heading.collapsed:hover, #slide-panel  .panel-accordion .panel-heading.collapsed:focus  {border: 2px solid #869298;  background: #869298; color: #fff;} 
#slide-panel .panel-accordion .panel-body{ border: 2px solid #869298;  background: transparent; color: #fff; padding: 15px 15px 5px 15px; }

#slide-panel .panel-accordion .panel-body a{ color:#fff; text-decoration: none; }
#slide-panel .panel-accordion .panel-body a:hover,#slide-panel .panel-accordion .panel-body a:focus { color:#fff; text-decoration: none; }

#slide-panel .panel-accordion .panel-body .btn{ margin-bottom: 2px;}
#slide-panel .panel-accordion .panel-body .btn-info-1{ border-radius: 0; width: 100%;width: auto; background: #869298; color: #FFF; }
#slide-panel .panel-accordion .panel-body .btn-info-1:hover, #slide-panel .panel-accordion .panel-body .panel-links .btn-info-1:focus{ border-radius: 0; width: 100%;width: auto; background: #364953; color: #FFF;  transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;}
#slide-panel .panel-accordion .panel-body .btn-info-1:active{ border-radius: 0; width: 100%;width: auto; background: #FFF; color: #364953; }

#slide-panel .panel-accordion .panel-body .panel-links{ /*border: 2px solid #869298;*/  background: transparent; color: #fff; margin: 5px -13px -3px -13px; padding: 4px 6px }
#slide-panel .panel-accordion .panel-body .panel-links .btn{ margin-bottom: 2px;}
#slide-panel .panel-accordion .panel-body .panel-links .btn-default{ border-radius: 0; width: 100%;width: auto; background: #869298; color: #FFF; }
#slide-panel .panel-accordion .panel-body .panel-links .btn-default:hover, #slide-panel .panel-accordion .panel-body .panel-links .btn-default:focus{ border-radius: 0; width: 100%;width: auto; background: #364953; color: #FFF;  transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;}
#slide-panel .panel-accordion .panel-body .panel-links .btn-default:active{ border-radius: 0; width: 100%;width: auto; background: #FFF; color: #364953; }

.more-info .panel-collapse[aria-expanded="false"] {
    height: 42px !important;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}

.panel-collapse.collapsing[aria-expanded="false"] {
    height: 42px !important;
}
    .additional-events a[data-toggle="collapse"].collapsed:after  {
    content: '+ Mehr anzeigen';
}

.additional-events a[data-toggle="collapse"]:not(.collapsed):after {
    content: '- Weniger anzeigen';
}