.hbw-widget * { box-sizing: border-box; }
.hbw-widget { font-family: inherit; font-size: 14px; color: #23282d; }
.hbw-widget-title { font-size: 18px; font-weight: 600; color: var(--hbw-primary); margin: 0 0 4px; }
.hbw-widget-intro { font-size: 14px; color: #5d6470; margin: 0 0 20px; line-height: 1.55; }
.hbw-step-label { font-size: 14px; font-weight: 600; color: #23282d; margin: 0 0 10px; }
.hbw-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; margin-bottom: 20px; }
.hbw-option { padding: 12px 14px; font-size: 13px; background: #fff; border: 1px solid #d9dde3; border-radius: 4px; cursor: pointer; text-align: left; font-family: inherit; color: #23282d; }
.hbw-option:hover { border-color: var(--hbw-primary); background: #f5f8fc; }
.hbw-option.hbw-active { background: var(--hbw-primary); color: #fff; border-color: var(--hbw-primary); }
.hbw-step { margin-bottom: 20px; }
.hbw-result { margin-top: 20px; }
.hbw-empfehlung { background: #eef3fa; border-left: 4px solid var(--hbw-primary); border-radius: 6px; padding: 16px 20px; margin-bottom: 12px; }
.hbw-empf-label { font-size: 12px; font-weight: 600; color: var(--hbw-primary); text-transform: uppercase; margin-bottom: 4px; }
.hbw-empf-titel { font-size: 18px; font-weight: 600; color: var(--hbw-primary); margin: 0 0 8px; line-height: 1.3; }
.hbw-empf-text { font-size: 14px; line-height: 1.6; color: #23282d; margin: 0; }
.hbw-liste { background: #fff; border: 1px solid #d9dde3; border-radius: 6px; padding: 16px 20px; margin-bottom: 12px; }
.hbw-liste-titel { font-size: 13px; font-weight: 600; margin-bottom: 8px; color: var(--hbw-primary); text-transform: uppercase; letter-spacing: 0.05em; }
.hbw-liste ul { margin: 0; padding-left: 20px; font-size: 13px; line-height: 1.6; }
.hbw-liste li { margin-bottom: 4px; }
.hbw-kontakt { background: var(--hbw-primary); border-radius: 8px; padding: 18px 22px; margin-bottom: 12px; color: #fff; }
.hbw-kontakt-cta { font-size: 18px; font-weight: 600; margin: 0 0 12px; }
.hbw-kontakt-name { font-size: 17px; font-weight: 600; margin: 0 0 4px; }
.hbw-kontakt-info { font-size: 13px; line-height: 1.7; opacity: 0.95; margin: 0 0 2px; }
.hbw-kontakt-qual { font-size: 12px; line-height: 1.6; opacity: 0.88; margin: 8px 0 4px; font-style: italic; }
.hbw-kontakt-buttons { margin-top: 12px; display: flex; gap: 8px; flex-wrap: wrap; }
.hbw-btn-call { background: #fff; color: var(--hbw-primary); padding: 10px 18px; border-radius: 4px; text-decoration: none; font-size: 14px; font-weight: 600; display: inline-block; }
.hbw-btn-web { background: rgba(255,255,255,0.15); color: #fff; padding: 10px 18px; border-radius: 4px; text-decoration: none; font-size: 14px; font-weight: 600; display: inline-block; border: 1px solid rgba(255,255,255,0.4); }
.hbw-btn-map { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.6); padding: 9px 17px; border-radius: 4px; text-decoration: none; font-size: 14px; font-weight: 600; display: inline-block; }
.hbw-reset { width: 100%; padding: 10px; background: #fff; border: 1px solid #d9dde3; border-radius: 4px; font-family: inherit; font-size: 13px; cursor: pointer; color: #23282d; margin-top: 8px; }
.hbw-hinweis-box { background: #fff8ec; border: 1px solid #f0d9a8; border-left: 4px solid #c8891f; border-radius: 6px; padding: 12px 16px; margin: 16px 0 0; font-size: 13px; line-height: 1.55; color: #7d5410; }
.hbw-hinweis-box strong { color: #7d5410; font-weight: 700; }
.hbw-noscript { background: #fff; border: 1px solid #d9dde3; border-radius: 6px; padding: 16px 20px; font-size: 14px; line-height: 1.6; color: #23282d; }
@media (max-width: 640px) {
  .hbw-grid { grid-template-columns: 1fr; }
  .hbw-kontakt-buttons { flex-direction: column; }
  .hbw-btn-call, .hbw-btn-web, .hbw-btn-map { width: 100%; text-align: center; box-sizing: border-box; }
}


:root{--hbw-primary:#1d4e89; /* Portal-Hex - Thorwesten setzt final */}
.hbw-article {  margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; color: #23282d; line-height: 1.7; font-size: 16px; }
.hbw-article h1 { font-size: 32px; font-weight: 600; line-height: 1.25; color: var(--hbw-primary); margin: 0 0 8px; }
.hbw-stand { font-size: 13px; color: #7d838c; margin: 0 0 20px; }
.hbw-article h2 { font-size: 23px; font-weight: 600; color: #23282d; margin: 40px 0 16px; line-height: 1.3; padding-bottom: 8px; border-bottom: 2px solid #e6e8eb; }
.hbw-article h3 { font-size: 18px; font-weight: 600; color: #23282d; margin: 8px 0 10px; }
.hbw-article p { margin: 0 0 16px; }
.hbw-article ul { margin: 0 0 20px; padding-left: 22px; }
.hbw-article ul li { margin-bottom: 8px; }
.hbw-article strong { font-weight: 600; color: #23282d; }
.hbw-article a { text-decoration: underline; text-underline-offset: 2px; }
.hbw-quick { background: #eef3fa; border-left: 4px solid var(--hbw-primary); border-radius: 6px; padding: 18px 22px; margin: 20px 0 28px; font-size: 15px; line-height: 1.65; }
.hbw-quick-label { display: inline-block; font-size: 12px; font-weight: 600; color: var(--hbw-primary); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; }
.hbw-banner { display: block; background: var(--hbw-primary); color: #fff; border-radius: 8px; text-decoration: none; margin: 28px 0; padding: 20px 26px; }
.hbw-banner:hover { text-decoration: none; }
.hbw-banner-title { display: block; font-size: 17px; font-weight: 600; margin-bottom: 4px; color: #fff; }
.hbw-banner-sub { display: block; font-size: 14px; opacity: 0.92; color: #fff; }
.hbw-toc { background: #f6f7f9; border: 1px solid #e2e5e9; border-radius: 8px; padding: 18px 24px; margin: 24px 0; }
.hbw-toc-title { font-size: 14px; font-weight: 600; color: #5d6470; margin: 0 0 10px; }
.hbw-toc ul { margin: 0; padding-left: 20px; }
.hbw-toc li { margin-bottom: 6px; }
.hbw-article table { width: 100%; border-collapse: collapse; margin: 16px 0 8px; font-size: 14px; background: #fff; }
.hbw-article table th, .hbw-article table td { border: 1px solid #d9dde3; padding: 10px 12px; text-align: left; vertical-align: top; }
.hbw-article table th { background: #eef1f5; font-weight: 600; }
.hbw-note { font-size: 13px; color: #7d838c; font-style: italic; margin: 0 0 22px; }
.hbw-warn { background: #fff8ec; border-left: 4px solid #c8891f; border-radius: 6px; padding: 14px 20px; margin: 20px 0; font-size: 14px; line-height: 1.6; }
.hbw-warn strong { color: #7d5410; }
.hbw-widget-box { background: #fff; border-radius: 8px; padding: 28px 28px 24px; margin: 32px 0; border: 1px solid #d9dde3; border-left: 4px solid var(--hbw-primary); }
.hbw-author { background: #f6f7f9; border-radius: 8px; padding: 32px; margin: 40px 0 24px; }
.hbw-author h2 { margin-top: 0; color: var(--hbw-primary); border-bottom: 0; padding-bottom: 0; }
.hbw-author h3 { margin-top: 8px; }
.hbw-quali { list-style: none; padding-left: 0 !important; margin: 16px 0; }
.hbw-quali li { padding: 4px 0 4px 28px; position: relative; font-size: 14px; }
.hbw-quali li::before { content: "+"; position: absolute; left: 0; color: #1d9e75; font-weight: 700; font-size: 18px; line-height: 1.2; }
.hbw-contact { width: 100%; margin-top: 16px; background: #fff; border-radius: 6px; border: 1px solid #d9dde3 !important; }
.hbw-contact td { padding: 10px 16px !important; border: 0 !important; border-bottom: 1px solid #eef1f5 !important; }
.hbw-contact tr:last-child td { border-bottom: 0 !important; }
.hbw-contact-label { color: #7d838c; font-size: 13px; width: 130px; }
.hbw-cross { border: 1px solid #e2e5e9; border-radius: 8px; padding: 14px 18px; margin: 24px 0; background: #fff; }
.hbw-cross-t { margin: 0 0 6px; font-weight: 600; font-size: 14px; color: #5d6470; text-transform: uppercase; letter-spacing: 0.03em; }
.hbw-cross ul { margin: 0; padding-left: 20px; }
.hbw-cross li { margin-bottom: 4px; }
.hbw-sources { background: #f6f7f9; border-radius: 8px; padding: 22px 24px; margin: 24px 0; font-size: 13px; }
.hbw-sources h2 { font-size: 17px; margin-top: 0; margin-bottom: 12px; border-bottom: 0; padding-bottom: 0; }
.hbw-sources table { font-size: 12px; }
.hbw-sources a { word-break: break-all; }
.hbw-faq { margin: 16px 0 8px; }
.hbw-faq-item { border: 1px solid #e2e5e9; border-radius: 6px; margin-bottom: 10px; padding: 14px 18px; background: #fff; }
.hbw-faq-q { font-size: 15px; font-weight: 600; color: var(--hbw-primary); margin-bottom: 6px; }
.hbw-faq-a { font-size: 14px; line-height: 1.6; margin: 0; color: #23282d; }
.hbw-footer { font-size: 13px; color: #7d838c; border-top: 1px solid #e6e8eb; padding-top: 16px; margin-top: 32px; }
@media (max-width: 640px) {
  .hbw-article h1 { font-size: 26px; }
  .hbw-article h2 { font-size: 19px; }
  .hbw-author { padding: 20px; }
  .hbw-contact-label { width: 100px; }
}