@media(max-width:767px){.elementor .ffme-faq{width:100%;font-family:Arial;align-self:center;/* =========================================================
 1. RESET: Alle inneren Rahmen, Schatten & Breiten-Limits löschen
 ========================================================= */
.ffme-faq-handy *,
.ffme-faq-handy details *,
.ffme-faq-handy summary *,
.ffme-faq *,
.ffme-faq details *,
.ffme-faq summary * {
border: none !important;
box-shadow: none !important;
background: transparent !important;
box-sizing: border-box !important;
max-width: none !important;
}

/* Verwaistes Kästchen / Checkbox oben links ausblenden */
.ffme-faq-handy input,
.ffme-faq input,
.ffme-faq-handy summary::before,
.ffme-faq summary::before {
display: none !important;
}

/* =========================================================
 2. ÄUSSERE AKKORDEON-BOX (details)
 ========================================================= */
.ffme-faq-handy details,
.ffme-faq details {
width: 100% !important;
background-color: #ffffff !important;
border: 1px solid #e9ecef !important;
border-left: 4px solid #c8102e !important;
border-radius: 8px !important;
margin-bottom: 16px !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
overflow: hidden !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* =========================================================
 3. KLICKBARE FRAGE-ZEILE (summary)
 ========================================================= */
.ffme-faq-handy details > summary,
.ffme-faq details > summary {
position: relative !important;
padding: 20px 64px 20px 24px !important; /* Rechts Platz für den Pfeil */
background-color: #ffffff !important;
cursor: pointer !important;
list-style: none !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 1.05rem !important;
font-weight: 700 !important;
color: #14171a !important;
line-height: 1.4 !important;
}

/* Browser-Standard-Marker ausblenden */
.ffme-faq-handy details > summary::-webkit-details-marker,
.ffme-faq-handy details > summary::marker,
.ffme-faq details > summary::-webkit-details-marker,
.ffme-faq details > summary::marker {
display: none !important;
content: "" !important;
}

/* TEXT VOLLE BREITE GEBEN (verhindert das Umbrechen pro Wort!) */
.ffme-faq-handy details > summary > *:first-child,
.ffme-faq details > summary > *:first-child,
.ffme-faq-handy details > summary span,
.ffme-faq details > summary span,
.ffme-faq-handy details > summary p,
.ffme-faq details > summary p {
flex: 1 1 100% !important;
width: 100% !important;
min-width: 0 !important;
display: block !important;
text-align: left !important;
color: #14171a !important;
font-family: 'Montserrat', sans-serif !important;
font-weight: 700 !important;
white-space: normal !important;
word-break: normal !important;
margin: 0 !important;
padding: 0 !important;
}

/* Geöffneter Zustand & Hover der Frage */
.ffme-faq-handy details[open] > summary,
.ffme-faq details[open] > summary {
border-bottom: 1px solid #f1f3f5 !important;
}

.ffme-faq-handy details > summary:hover *,
.ffme-faq-handy details[open] > summary *,
.ffme-faq details > summary:hover *,
.ffme-faq details[open] > summary * {
color: #c8102e !important;
}

/* =========================================================
 4. PFEIL-ICON IMMER FEST GANZ RECHTS POSITIONIEREN
 ========================================================= */
/* Falls das SVG in einem eigenen Wrapper steckt, diesen schmal machen */
.ffme-faq-handy details > summary > *:last-child:has(svg),
.ffme-faq details > summary > *:last-child:has(svg) {
flex: 0 0 auto !important;
width: auto !important;
margin-left: auto !important;
}

/* Das Pfeil-SVG selbst fest am rechten Rand verankern */
.ffme-faq-handy details > summary svg,
.ffme-faq details > summary svg {
position: absolute !important;
right: 60px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
padding: 8px !important;
border-radius: 6px !important;
background-color: rgba(200, 16, 46, 0.08) !important;
color: #c8102e !important;
stroke: #c8102e !important;
fill: none !important;
transition: transform 0.25s ease, background-color 0.25s ease !important;
}

.ffme-faq-handy details[open] > summary svg,
.ffme-faq details[open] > summary svg {
background-color: #c8102e !important;
color: #ffffff !important;
stroke: #ffffff !important;
transform: translateY(-50%) rotate(180deg) !important;
}

/* =========================================================
 5. ANTWORT-BEREICH (Body)
 ========================================================= */
.ffme-faq-handy details > *:not(summary),
.ffme-faq details > *:not(summary) {
padding: 18px 24px 22px 24px !important;
background-color: #ffffff !important;
color: #495057 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 0.96rem !important;
line-height: 1.65 !important;
text-align: left !important;
width: 100% !important;
display: block !important;
}

.ffme-faq-handy details > *:not(summary) *,
.ffme-faq details > *:not(summary) * {
color: #495057 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 0.96rem !important;
line-height: 1.65 !important;
width: 100% !important;
}

/* =========================================================
 6. TABLET & HANDY OPTIMIERUNG (Breiterer Text, weniger Rand)
 ========================================================= */
@media (max-width: 1024px) {
.ffme-faq-handy details > summary,
.ffme-faq details > summary {
  padding: 18px 56px 18px 18px !important;
  font-size: 1rem !important;
}

.ffme-faq-handy details > summary svg,
.ffme-faq details > summary svg {
  right: 16px !important;
}
}

@media (max-width: 767px) {
/* Falls der übergeordnete Elementor-Container am Handy zu viel Padding hat */
.ffme-faq-handy,
.ffme-faq {
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ffme-faq-handy details,
.ffme-faq details {
  margin-bottom: 12px !important;
  border-radius: 6px !important;
}

.ffme-faq-handy details > summary,
.ffme-faq details > summary {
  padding: 16px 50px 16px 14px !important; /* Fast volle Breite für den Text, rechts 50px für den Pfeil */
  font-size: 0.95rem !important;
  line-height: 1.35 !important;
}

.ffme-faq-handy details > summary svg,
.ffme-faq details > summary svg {
  right: 12px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  padding: 6px !important;
}

.ffme-faq-handy details > *:not(summary),
.ffme-faq details > *:not(summary) {
  padding: 14px 14px 18px 14px !important;
  font-size: 0.9rem !important;
}
}\n}}