/*
*  #####################################################
*  -------------------  ACCORDION  ----------------------
*  #####################################################
*/

/* xs */
#gpx_content div.GPAREA.accordion-wrapper:before {
content:"mehr";
position:absolute;
display:block;
top:12px;
right:14px;
text-align:center;
width:3.5em;
font-size:10px;
color:#333;

}

#gpx_content div.GPAREA.accordion-wrapper-active:before {
display:none;
}

#gpx_content div.GPAREA.accordion-wrapper div.gpclear {
display:none;
}
#gpx_content div.GPAREA.accordion-wrapper {
position:relative;
background:white;
padding: 0px 15px;
border:1px solid #333;
margin:15px 0;
background:rgba(255,255,255,0.25);
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
transition:all 0.5s;
}

#gpx_content div.GPAREA.accordion-wrapper img{
float: left; margin-right: 1.2em; width: auto; height: 52px;
}

#gpx_content div.GPAREA.accordion-wrapper h2{
margin-top: 0;
    margin-bottom: 7px;
    padding: 0;
	line-height:1.4; margin-bottom:0; font-size:18px; padding-top:0.3em; margin-bottom:0;
}

#gpx_content div.GPAREA.accordion-wrapper:hover,
#gpx_content div.GPAREA.accordion-wrapper.accordion-wrapper-active {

}

#gpx_content div.GPAREA.accordion-trigger:not(.gp_editing) {
cursor:pointer;
padding-right:32px;
position:relative;
}

#gpx_content div.GPAREA.accordion-trigger,
#gpx_content div.GPAREA.accordion-trigger *:not(span):not(img){
line-height:1.2;
padding-top:0.3em;
padding-bottom:0.2em;
}

#gpx_content div.GPAREA.accordion-trigger span{
padding:0;
}

#gpx_content div.GPAREA.accordion-trigger:before, 
#gpx_content div.GPAREA.accordion-trigger:after {
content:""!important;
display:block!important;
position:absolute!important;
visibility:visible!important;
top:35px;
right:10px;
background:#333;
width:15px!important;
height:3px!important;
margin-left:-3px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
transition:all 0.5s;
}
#gpx_content div.GPAREA.accordion-wrapper.larger-than-hell *:before,
#gpx_content div.GPAREA.accordion-wrapper.larger-than-hell *:after{
top:35px;
}
#gpx_content div.GPAREA.accordion-wrapper.larger-than-hell:before{
top:12px;
}
/* erstes Element mit h2 drin*/
#gpx_content div.GPAREA.accordion-wrapper.lower-than-hell *:before,
#gpx_content div.GPAREA.accordion-wrapper.lower-than-hell *:after{
top:31px;
}
#gpx_content div.GPAREA.accordion-wrapper.lower-than-hell:before{
top:8px;
}

#gpx_content div.GPAREA.accordion-trigger:before {
-webkit-transform:translateX(-5px) rotate(40deg);
-ms-transform:translateX(-5px) rotate(40deg);
transform:translateX(-5px) rotate(40deg);
} 

#gpx_content div.GPAREA.accordion-trigger:after {
-webkit-transform:translateX(5px) rotate(-40deg);
-ms-transform:translateX(5px) rotate(-40deg);
transform:translateX(5px) rotate(-40deg);
} 

#gpx_content div.GPAREA.accordion-wrapper-active div.GPAREA.accordion-trigger:before,
#gpx_content div.GPAREA.accordion-wrapper-active div.GPAREA.accordion-trigger:after {
width:20px!important;
height:3px!important;
margin-left:-8px;
}

#gpx_content div.GPAREA.accordion-wrapper-active div.GPAREA.accordion-trigger:before {
-ms-transform:translateX(0) rotate(45deg);
-webkit-transform:translateX(0) rotate(45deg);
transform:translateX(0) rotate(45deg);
} 

#gpx_content div.GPAREA.accordion-wrapper-active div.GPAREA.accordion-trigger:after {
-ms-transform:translateX(0) rotate(-45deg);
-webkit-transform:translateX(0) rotate(-45deg);
transform:translateX(0) rotate(-45deg);
} 

.accordion-content {
padding:1em 15px 1em 30px;
}


/* sm @media (min-width:768px) {}  */
/* md @media (min-width:992px) {}  */
/* lg @media (min-width:1200px) {} */