.panel { 
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 0px !important;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

.panel-group .panel {
    margin-bottom: 30px;
}

.panel-heading {
    color: #fff;
    background-color: transparent !important;
    border-color: transparent;
	padding: 0px 0px 0px 0px !important;
	border-top: 0px solid #848484;
    border-bottom: 0px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    text-align: left;
}


.panel-title {
	font-size: inherit;
}

.panel-title > a {
  display: block;
    text-align: left;
  position: relative;
  color: #fff;
	font-weight: 700;
	padding: 12px 20px 12px 40px;
    background-color: #00a1a3;
}

.panel-title > a.kurz {
    display: inline-block;
}

.panel-title > a:hover {
	color: #fff;
    background-color: #126666;
    text-decoration: none;
}

.panel-title > a:before {
  content: "\f078"; /* fa-chevron-down */
  font-family: 'FontAwesome';
  position: absolute;
  left: 15px;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -ms-transition: -ms-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;  
}
.panel-title > a[aria-expanded="true"]:before {
  content: "\f00d"; /* fa-close */
    transform:rotate(180deg);
    -ms-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
}

.panel-title > a[aria-expanded="true"] {
  background-color: #126666;
}

.panel-body {
    border-top: 2px solid #126666 !important;
	 padding: 15px 15px 5px 15px;
    background-color: #d6e8e8 !important;
    margin-top: 15px; 
}


.panel-title a.collapsed span.mehrlesen { display: inline-block; }
.panel-title a span.mehrlesen { display: none; }

.panel-title a.collapsed span.wenigerlesen { display: none; }
.panel-title a span.wenigerlesen { display: inline-block; }

.panel .gallery a { margin-bottom: 15px; }

.panel .row { margin-bottom: 0px; }

.panel-default { margin-bottom: 30px; }

/*
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0px solid #fff !important;
}
*/

.panel-group .panel + .panel {
    margin-top: 0px;
}

@media (max-width:575px) {
    #accordion .col-xs-4 {
        width: 100%
    }
}

.panel-title p {
    font-weight: 300;
    margin-bottom: 0px;
}

#accordion h2 {
    color: #fff;
	font-size: 14px;
    font-weight: 700 !important;
    margin-bottom: 5px;
}

@media (min-width:576px) {
#accordion h2 { 
	font-size: 17px;
    }
}

@media (min-width:700px) {
#accordion h2 { 
	font-size: 20px;
    }
}