:root {
      --omr-blue: #153e9f;
      --omr-gold: #ffb300;
      --omr-white: #f9f9f9;
      --omr-gray: #eceef3;
      --omr-dark: #1a1a1a;
      --omr-border: #153e9f;
    }

    .omr-faq {
      max-width: 1000px;
      margin: 60px auto;
      margin-bottom: 250px;
      padding: 0 16px;
    }

    .omr-faq h2 {
      font-size: 32px;
      line-height: 1.2;
      margin: 0 0 18px;
      color: var(--omr-blue);
      text-align: center;
    }

    .omr-faq p.desc {
      color: var(--omr-gold);
      margin: 0 0 30px;
      text-align: center;
    }

    .omr-faq details {
      border-radius: 12px;
      overflow: hidden;
      margin-bottom: 14px;
      border: 3px solid var(--omr-border);
      background: var(--omr-blue);
      transition: all 0.3s ease;
    }

    .omr-faq summary {
      list-style: none;
      cursor: pointer;
      user-select: none;
      padding: 18px 20px;
      position: relative;
      font-weight: 700;
      font-size: 17px;
      color: var(--omr-white);
      transition: background 0.3s, color 0.3s;
    }

    .omr-faq summary::-webkit-details-marker {
      display: none;
    }

    .omr-faq summary:after {
      content: "+";
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 22px;
      color: var(--omr-white);
      transition: transform 0.3s ease;
    }

    .omr-faq details[open] summary {
      background: var(--omr-gray);
      color: var(--omr-dark);
    }

    .omr-faq details[open] summary:after {
      content: "-";
      transform: translateY(-50%) rotate(180deg);
      color: var(--omr-blue);
    }

    .omr-faq .answer {
      background: var(--omr-gray);
      color: var(--omr-dark);
      font-size: 16px;
      line-height: 1.6;
      padding: 0 20px;
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      transition: all 0.35s ease;
    }

    .omr-faq details[open] .answer {
      padding: 18px 20px;
      max-height: 300px; /* genug für mittellange Antworten */
      opacity: 1;
    }

    .omr-faq .answer a {
      color: var(--omr-dark);
      text-decoration: underline;
    }

    @media (max-width: 768px) {
      .omr-faq h2 {
        font-size: 26px;
      }
      .omr-faq summary {
        font-size: 16px;
        padding: 14px 16px;
      }
      .omr-faq .answer {
        font-size: 15px;
        padding: 14px 16px;
      }
    }