/* Immer heller Hintergrund, auch wenn der Rechner auf dunkel steht */
html{background:#fff;color-scheme:light}body{background:#fff}
/* Häufige Fragen und neue Unterseiten (bmerch) */
.faq-block { max-width: 1100px; margin: 0 auto; padding: 90px 24px 40px; }
.faq-block .eyebrow { color: #d8292f; }
.faq-block h2 { margin: 0 0 30px; font: 400 clamp(2.2rem, 3.8vw, 3.4rem)/1.05 'DM Serif Display', serif; letter-spacing: -.03em; color: #202328; }
.faq-liste { display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; margin: 0; }
.faq-liste > div { padding: 22px 0; border-top: 1px solid #e3e4e2; }
.faq-liste dt { margin: 0 0 8px; font: 700 1.05rem/1.35 'DM Sans', sans-serif; color: #202328; }
.faq-liste dd { margin: 0; color: #5d646e; line-height: 1.6; }
.faq-mehr { margin: 22px 0 0; }
.faq-mehr a { color: #d8292f; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* Fragen-Seite */
.fragen-kopf { max-width: 1100px; margin: 0 auto; padding: 80px 24px 10px; }
.fragen-kopf h1 { margin: 0; font: 400 clamp(2.6rem, 5vw, 4.6rem)/1.02 'DM Serif Display', serif; letter-spacing: -.035em; color: #202328; }
.fragen-kopf p { max-width: 640px; margin: 18px 0 0; color: #5d646e; font-size: 1.08rem; line-height: 1.6; }
.fragen-sprung { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.fragen-sprung a { padding: 9px 14px; border: 1.5px solid #c9cac7; font-weight: 700; font-size: .88rem; color: #202328; text-decoration: none; transition: border-color .2s ease, background .2s ease, color .2s ease; }
.fragen-sprung a:hover { background: #202328; border-color: #202328; color: #fff; }
.fragen-gruppe { padding-top: 60px; scroll-margin-top: 100px; }
.fragen-gruppe h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); }
.fragen-kontakt { max-width: 1100px; margin: 40px auto 90px; padding: 36px 32px; background: #f5f5f3; border-left: 4px solid #d8292f; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: space-between; }
.fragen-kontakt p { margin: 0; font: 400 1.6rem/1.2 'DM Serif Display', serif; color: #202328; }
.fragen-kontakt div { display: flex; flex-wrap: wrap; gap: 10px; }
.us-btn { display: inline-block; padding: 15px 22px; font: 700 .92rem 'DM Sans', sans-serif; text-decoration: none; border: 1.5px solid transparent; transition: transform .2s ease, background .2s ease, color .2s ease; }
.us-btn-rot { background: #d8292f; color: #fff; }
.us-btn-rot:hover { transform: translateY(-2px); }
.us-btn-linie { border-color: #202328; color: #202328; }
.us-btn-linie:hover { background: #202328; color: #fff; }

/* Unterseiten */
.us-intro { max-width: 1100px; margin: 0 auto; padding: 100px 24px 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.us-intro h2 { margin: 0; font: 400 clamp(2.3rem, 4vw, 3.8rem)/1.04 'DM Serif Display', serif; letter-spacing: -.035em; color: #202328; }
.us-intro p { margin: 0; color: #5d646e; font-size: 1.1rem; line-height: 1.7; }
.us-ideen { max-width: 1100px; margin: 0 auto; padding: 60px 24px 20px; }
.us-ideen h2, .us-text h2 { margin: 0 0 26px; font: 400 clamp(1.9rem, 3vw, 2.7rem)/1.08 'DM Serif Display', serif; letter-spacing: -.03em; color: #202328; }
.us-ideen ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.us-ideen li { padding: 24px 24px 26px; background: #f5f5f3; border-top: 3px solid #d8292f; transition: transform .25s ease, box-shadow .25s ease; }
.us-ideen li:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(32,35,40,.08); }
.us-ideen strong { display: block; margin-bottom: 6px; font: 400 1.4rem/1.15 'DM Serif Display', serif; color: #202328; }
.us-ideen span { color: #5d646e; line-height: 1.55; }
.us-shopband { max-width: 1100px; margin: 26px auto 0; padding: 0 24px; }
.us-shopband div { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding: 26px 30px; background: #202328; color: #fff; }
.us-shopband p { margin: 0; font: 400 1.5rem/1.25 'DM Serif Display', serif; }
.us-shopband a { background: #fff; color: #d8292f; }
.us-text { max-width: 1100px; margin: 0 auto; padding: 70px 24px 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.us-text h2 { font-size: clamp(1.7rem, 2.6vw, 2.3rem); margin-bottom: 14px; }
.us-text p { margin: 0; color: #5d646e; font-size: 1.04rem; line-height: 1.7; }
.us-text a { color: #d8292f; font-weight: 700; }
.us-themen { max-width: 1100px; margin: 0 auto; padding: 50px 24px 0; }
.us-themen p { margin: 0 0 12px; font: 800 .74rem/1 'DM Sans', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #68707b; }
.us-themen nav { display: flex; flex-wrap: wrap; gap: 8px; }
.us-themen a { padding: 9px 14px; background: #f5f5f3; color: #202328; font-weight: 700; font-size: .88rem; text-decoration: none; }
.us-themen a:hover { background: #202328; color: #fff; }

@media (max-width: 800px) {
  .faq-block { padding: 64px 20px 24px; }
  .faq-liste { grid-template-columns: 1fr; }
  .fragen-kopf { padding: 56px 20px 0; }
  .fragen-kontakt { margin: 30px 20px 60px; padding: 26px 22px; }
  .us-intro, .us-text { grid-template-columns: 1fr; gap: 20px; padding: 64px 20px 10px; }
  .us-ideen { padding: 44px 20px 10px; }
  .us-ideen ul { grid-template-columns: 1fr; }
  .us-shopband { padding: 0 20px; }
  .us-themen { padding: 40px 20px 0; }
  .us-btn { text-align: center; }
}

/* Fragen-Seite: Links in Antworten, Kontaktkarte, Bänder */
.faq-liste dd a { color: #d8292f; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.fragen-karte { margin-top: 34px; }
.fragen-band { margin-top: 10px; margin-bottom: 10px; }

/* Fragen-Seite im Aufbau der Leistungsseiten */
.fa-kopf { max-width: 1100px; margin: 0 auto; padding: 90px 24px 10px; }
.fa-kopf h2 { margin: 0; font: 400 clamp(2.3rem, 4.4vw, 3.9rem)/1.04 'DM Serif Display', serif; letter-spacing: -.035em; color: #202328; }
.fa-sprung { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.fa-sprung a { padding: 9px 14px; border: 1.5px solid #c9cac7; font-weight: 700; font-size: .88rem; color: #202328; text-decoration: none; transition: border-color .2s ease, background .2s ease, color .2s ease; }
.fa-sprung a:hover { background: #202328; border-color: #202328; color: #fff; }
.fa-gruppe { max-width: 1100px; margin: 0 auto; padding: 64px 24px 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 48px; scroll-margin-top: 110px; }
.fa-gruppe h2 { margin: 0; font: 400 clamp(1.7rem, 2.6vw, 2.3rem)/1.1 'DM Serif Display', serif; letter-spacing: -.03em; color: #202328; position: sticky; top: 120px; align-self: start; }
.fa-liste { border-bottom: 1px solid #e3e4e2; }
.fa-frage { border-top: 1px solid #e3e4e2; }
.fa-frage summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; padding: 20px 0; font: 700 1.05rem/1.4 'DM Sans', sans-serif; color: #202328; transition: color .2s ease; }
.fa-frage summary::-webkit-details-marker { display: none; }
.fa-frage summary::after { content: ''; flex: 0 0 14px; height: 14px; margin-top: 4px; background: linear-gradient(#d8292f, #d8292f) center/14px 2px no-repeat, linear-gradient(#d8292f, #d8292f) center/2px 14px no-repeat; transition: transform .25s ease; }
.fa-frage[open] summary::after { transform: rotate(45deg); }
.fa-frage summary:hover { color: #d8292f; }
.fa-frage p { margin: 0 0 22px; max-width: 640px; color: #5d646e; line-height: 1.65; }
.fa-frage p a { color: #d8292f; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.employee-gifts-page .fa-gruppe + .employee-choice { margin-top: 90px; }
@media (max-width: 800px) {
  .fa-kopf { padding: 64px 20px 0; }
  .fa-gruppe { grid-template-columns: 1fr; gap: 14px; padding: 48px 20px 0; }
  .fa-gruppe h2 { position: static; }
}
.fa-kopf, .fa-gruppe { width: 100%; box-sizing: border-box; }