button.accordion {
font-family:'Heebo',sans-serif; 
font-weight:600; 
background-color:rgb(232,177,47); 
border-radius:.3em; 
color:rgb(102,51,0); 
cursor:pointer; 
padding:0.9em;
margin-bottom:0.5em; 
width:100%; 
border:none; 
text-align:left; 
outline:none; 
font-size:1.0em; 
transition:0.4s;}
button.accordion.active, button.accordion:hover {background-color:rgb(232,177,47);}
button.accordion:after {
content: '\002B'; color:rgb(102,51,0); font-weight:600; float:right; margin-left:5px;} /* '\002B' = Geometric Shapes PLUS, 25BC = Pfeil nach unten */
button.accordion.active:after {
content: "\2212";} /* \2212 = Geometric Shapes MINUS, 25B2 = Pfeil nach oben */
div.panel {padding:0 0; max-height:0; overflow:hidden; transition:max-height 0.4s ease-out;} /* Ausklappen Accordion-Panel nach unten */

/* NEXT nur Accordion für FAQ und WISSENSWERTES */
button.accordion.faq {
font-family:'Heebo',sans-serif; 
font-weight:600; 
background-color:rgb(232,177,47); 
border-radius:.3em; 
color:rgb(102,51,0); 
cursor:pointer; 
padding:0.9em;
margin-bottom:0.5em; 
width:100%; 
border:none; 
text-align:left; 
outline:none; 
font-size:1.3em; /* von 1.0 auf 1.3 am 01 12 2023 */
transition:0.4s;}
button.accordion.faq.active, button.accordion.faq:hover {background-color:rgb(232,177,47);}
button.accordion.faq:after {
content: '\002B'; color:rgb(102,51,0); font-weight:600; float:right; margin-left:5px;} /* '\002B' = Geometric Shapes PLUS, 25BC = Pfeil nach unten */
button.accordion.faq.active:after {
content: "\2212";} /* \2212 = Geometric Shapes MINUS, 25B2 = Pfeil nach oben */
div.panel {padding:0 0; max-height:0; overflow:hidden; transition:max-height 0.4s ease-out;} /* Ausklappen Accordion-Panel nach unten */
/* ====================================== Grösser 48em / 768 px ====================================== */
@media screen and (min-width: 48em) {
button.accordion {margin-bottom:2em;}
button.accordion.faq {margin-bottom:0em;}
}