/*
 * Bloque de FAQ que inserta la tool set_faq del conector (editor/pagegen.php).
 * Réplica del FAQ nativo de /sichere-spielplaetze-nach-din-1176-tuev-sued-zertifiziert/,
 * pero con clases propias: las de Divi están numeradas por página
 * (et_pb_section_11, et_pb_text_12…) y chocarían en otra. Todo va bajo .gsa-faq
 * para no depender de lo que el purgado haya dejado en el CSS de cada página.
 * Las clases et_pb_accordion / et_pb_toggle* se mantienen porque son las que
 * main.js escucha para abrir y cerrar.
 */
.gsa-faq{background:#fff;padding:60px 0 10vh;font-family:Roboto,Helvetica,Arial,Lucida,sans-serif}
.gsa-faq .gsa-faq__inner{width:80%;max-width:1536px;margin:0 auto;display:flex;flex-direction:column}
.gsa-faq .gsa-faq__label{align-self:center;display:inline-block;margin:0 0 15px;padding:3px 15px;background:#0a545f;color:#fff;font-size:14px;font-weight:700;line-height:27.2px;text-transform:uppercase}
.gsa-faq .gsa-faq__heading{margin:15px 0 0;padding:0 0 10px;color:#0a545f;font-size:38.4px;font-weight:700;line-height:1.4em;text-align:center}
.gsa-faq .gsa-faq__intro{margin:0 0 15px;padding:0;color:#444;font-size:19.2px;line-height:1.8em;text-align:center}
.gsa-faq .et_pb_accordion{position:relative;z-index:100;width:100%;max-width:850px;margin:30px auto 0}
.gsa-faq .et_pb_toggle{position:relative;margin:0 0 10px;padding:20px;border:1px solid #d9d9d9;background:transparent}
.gsa-faq .et_pb_toggle:last-child{margin-bottom:0}
.gsa-faq .et_pb_toggle .et_pb_toggle_title{position:relative;margin:0;padding:0 50px 0 0;cursor:pointer;color:#000;font-size:19.2px;font-weight:300;line-height:1.6em;overflow-wrap:break-word}
.gsa-faq .et_pb_toggle .et_pb_toggle_title::before{content:"3"!important;display:block!important;position:absolute;right:0;left:auto;top:50%;margin-top:-.5em;font-family:ETmodules!important;font-size:30px!important;font-weight:400;line-height:1;color:#000!important;speak:none}
.gsa-faq .et_pb_toggle_open .et_pb_toggle_title::before{content:"2"!important}
.gsa-faq .et_pb_toggle .et_pb_toggle_content{display:block;box-sizing:border-box;position:relative;overflow:hidden;max-height:0;opacity:0;visibility:hidden;padding:0;color:#000;font-size:16px;line-height:1.6em;overflow-wrap:break-word;transition:max-height .35s ease,opacity .3s ease,visibility 0s linear .35s}
.gsa-faq .et_pb_toggle_open .et_pb_toggle_content{opacity:1;visibility:visible;padding-top:20px;transition:max-height .35s ease,opacity .3s ease,visibility 0s}
.gsa-faq .et_pb_toggle_content p{margin:0;padding:0 0 1em;line-height:1.6em}
.gsa-faq .et_pb_toggle_content p:last-of-type{padding-bottom:0}
@media (max-width:980px){
  .gsa-faq .gsa-faq__heading{font-size:1.6em}
}
@media (max-width:767px){
  .gsa-faq{padding:60px 0 10vh}
  .gsa-faq .gsa-faq__label{margin-bottom:0}
  .gsa-faq .gsa-faq__heading{font-size:1.4em;line-height:1.6em}
  .gsa-faq .gsa-faq__intro{font-size:1em;line-height:1.5em}
  .gsa-faq .et_pb_toggle .et_pb_toggle_title{font-size:16px}
  .gsa-faq .et_pb_toggle .et_pb_toggle_content{font-size:.8em}
  .gsa-faq .et_pb_toggle_content p{line-height:1.8em}
}