/* OBS Design Kit 5.2 – kleine, theme-freundliche Komponentenstile */
.obs-section{margin-block:0;}
.obs-section-dark{color:#fff;}
.obs-section-dark h1,.obs-section-dark h2,.obs-section-dark h3,.obs-section-dark h4,.obs-section-dark p,.obs-section-dark li{color:inherit;}
.obs-section-orange{color:#111;}
.obs-eyebrow{font-size:.75rem;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:1rem;}
.obs-lead{font-size:clamp(1.08rem,1.5vw,1.25rem);line-height:1.55;max-width:46rem;}
.obs-meta{font-size:.8rem;color:#6B6F76;text-transform:uppercase;letter-spacing:.06em;}
.is-style-obs-card,.is-style-obs-panel,.is-style-obs-notice,.is-style-obs-result{box-sizing:border-box;border:1px solid #DFE1E2;border-radius:20px;padding:clamp(1.25rem,3vw,2.25rem);}
.is-style-obs-panel{background:#F6F6F4;}
.is-style-obs-notice{border-left:4px solid #FF6600;}
.is-style-obs-result{background:#F6F6F4;border-radius:16px;padding:clamp(1rem,2.2vw,1.6rem);}
.is-style-obs-terminal{box-sizing:border-box;background:#111;color:#fff;border-radius:16px;padding:clamp(1.25rem,3vw,2rem);}
.is-style-obs-terminal h1,.is-style-obs-terminal h2,.is-style-obs-terminal h3,.is-style-obs-terminal p,.is-style-obs-terminal code{color:inherit;}
.obs-step{margin-block:0;}
.obs-step-heading{gap:.8rem;align-items:center;}
.obs-step-heading h3{margin-block:0;}
.obs-step-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;padding:.25rem .65rem;border-radius:999px;background:#FF6600;color:#fff;font-size:.75rem;line-height:1.2;white-space:nowrap;margin:0;}
.obs-badge{display:inline-flex;padding:.35rem .7rem;border-radius:999px;background:#FF6600;color:#fff;font-size:.75rem;font-weight:700;margin:0;}
.wp-block-button.is-style-obs-primary .wp-block-button__link{background:#FF6600;color:#fff;border-radius:999px;text-decoration:none;}
.wp-block-button.is-style-obs-secondary .wp-block-button__link{background:transparent;color:currentColor;border:1px solid currentColor;border-radius:999px;text-decoration:none;}
.is-style-obs-card>:first-child,.is-style-obs-panel>:first-child,.is-style-obs-notice>:first-child,.is-style-obs-result>:first-child{margin-top:0;}
.is-style-obs-card>:last-child,.is-style-obs-panel>:last-child,.is-style-obs-notice>:last-child,.is-style-obs-result>:last-child{margin-bottom:0;}
.wp-block-image img,.wp-block-video video{max-width:100%;height:auto;}
@media(max-width:781px){
 .is-style-obs-card,.is-style-obs-panel,.is-style-obs-notice,.is-style-obs-result{padding:1.25rem;border-radius:16px;}
 .obs-step-heading{align-items:flex-start;gap:.65rem;}
 .obs-step-heading h3{font-size:1.3rem;}
 .wp-block-columns{gap:1.25rem;}
}

/* Ergebnisfelder: nur Komponentenoptik, keine Seiten- oder Containerbreite */
.obs-step .has-obs-surface-background-color,
.obs-step .is-style-obs-result,
.obs-help-section .obs-step-result{
  box-sizing:border-box;
  margin:1.25rem 0 0;
  padding:1.25rem 1.5rem;
  border:1px solid #DFE1E2;
  border-radius:16px;
}
.obs-step .has-obs-surface-background-color > :first-child,
.obs-step .is-style-obs-result > :first-child,
.obs-help-section .obs-step-result > :first-child{margin-top:0;}
.obs-step .has-obs-surface-background-color > :last-child,
.obs-step .is-style-obs-result > :last-child,
.obs-help-section .obs-step-result > :last-child{margin-bottom:0;}
@media(max-width:781px){
  .obs-step .has-obs-surface-background-color,
  .obs-step .is-style-obs-result,
  .obs-help-section .obs-step-result{padding:1rem 1.1rem;border-radius:14px;}
}