:root{

  --ink:      #14171B;
  --petrol:   #123F3B;

  --petrol-druck: #0C2E2B;
  --petrol-2: #123F3B;
  --ochre:    #B8862F;
  --panel:    #F1F2F0;
  --rule:     #DFE0DC;
  --muted:    #5C635F;
  --paper:    #FFFFFF;

  --salbei:     #A9B8B2;
  --panel-tief: #E9EBE8;
  --rule-stark: #C9CBC6;

  --bg: var(--paper);
  --bg-alt: var(--panel);
  --bg-tint: var(--panel-tief);
  --surface: var(--paper);
  --surface-2: var(--panel);
  --surface-hover: var(--panel);
  --surface-soft: var(--panel);

  --text: var(--ink);
  --text-muted: var(--muted);
  --text-faint: var(--muted);
  --text-dim: #8A918D;

  --line: var(--rule);
  --line-strong: var(--rule-stark);
  --line-accent: rgba(18,63,59,.35);

  --accent: var(--petrol);

  --accent-strong: var(--petrol-druck);
  --accent-2: var(--petrol);
  --accent-glow: rgba(18,63,59,.10);
  --teal-glow: rgba(18,63,59,.08);
  --auf-akzent: var(--paper);

  --ok: #16a34a;
  --ok-glow: rgba(22,163,74,.16);

  --dark-bg: var(--petrol);
  --dark-surface: var(--petrol-2);
  --dark-surface-2: var(--petrol-2);
  --dark-surface-hover: #0A2724;
  --dark-text: var(--paper);
  --dark-text-muted: var(--salbei);
  --dark-text-faint: rgba(255,255,255,.55);
  --dark-line: rgba(255,255,255,.14);
  --dark-line-strong: rgba(255,255,255,.24);
  --dark-accent: var(--paper);
  --dark-accent-strong: var(--rule);
  --dark-accent-2: var(--paper);

  --focus: 0 0 0 3px rgba(18,63,59,.30);
  --shadow-card: 0 8px 24px rgba(20,23,27,.06);
  --shadow-card-hover: 0 2px 4px rgba(20,23,27,.05), 0 10px 28px rgba(20,23,27,.09);
  --shadow-panel: 0 24px 60px rgba(12,46,43,.30);
}

::selection{ background: rgba(18,63,59,.16); color: var(--ink); }

.site-header{ background: var(--paper); border-bottom: 1px solid var(--rule); box-shadow: none; }
.nav-link{ color: var(--ink); }
.nav-link:hover, .nav-item:hover > .nav-link{ color: var(--petrol); }
.nav-dropdown{ background: var(--paper); border: 1px solid var(--rule); box-shadow: 0 12px 32px rgba(20,23,27,.10); }
.nav-dropdown a:hover{ background: var(--panel); color: var(--petrol); }
.dd-sub{ color: var(--muted); }
.topbar-icon, .nav-signin, .nav-burger{ border-color: var(--rule); color: var(--ink); background: none; }
.topbar-icon:hover, .nav-signin:hover, .nav-burger:hover{ border-color: var(--petrol); color: var(--petrol); background: var(--panel); }

.news-banner{ background: var(--ink); color: var(--paper); }
.news-banner a{ color: var(--paper); }

.hero, .page-hero, .kt-hero{
  background: var(--petrol);
  color: var(--paper);
  padding: 76px 0 84px;
  box-shadow: 0 0 0 100vmax var(--petrol);
  clip-path: inset(0 -100vmax);
}
.hero h1, .page-hero h1, .kt-hero h1{ color: var(--paper); }
.hero h1 .hl-word, .page-hero h1 .hl-word{ color: var(--salbei); }
.hero .eyebrow, .page-hero .eyebrow, .kt-hero .eyebrow{ color: var(--salbei); }
.hero .hero-lead, .page-hero .lead, .hero p, .page-hero > p, .kt-hero p, .kt-hero .lead{ color: var(--salbei); }
.hero .eyebrow::before, .page-hero .eyebrow::before{ background: var(--salbei); }

.hero .hero-cta-primary, .page-hero .hero-cta-primary{
  background: var(--paper); color: var(--petrol); border-color: var(--paper);
  box-shadow: none;
}
.hero .hero-cta-primary:hover, .page-hero .hero-cta-primary:hover{ background: var(--rule); border-color: var(--rule); }

.hero .hero-cta-secondary, .page-hero .hero-cta-secondary{
  background: none; border-color: rgba(255,255,255,.70); color: var(--paper);
}
.hero .hero-cta-secondary:hover, .page-hero .hero-cta-secondary:hover{ border-color: var(--paper); background: rgba(255,255,255,.08); }
.hero .hero-cta-tertiary, .page-hero .hero-cta-tertiary{ color: var(--salbei); }
.hero .hero-cta-tertiary:hover{ color: var(--paper); }

.hero-trust li{
  background: none; border: 1px solid rgba(255,255,255,.30); border-radius: 0;
  color: var(--paper); font-family: var(--font-mono);
  font-size: 10.5px; letter-spacing: .09em; text-transform: uppercase;
  padding: 9px 13px;
}
.hero-trust li svg{ display: none; }
.hero-trust li::before{ display: none; }

.hero .hf-ico, .page-hero .hf-ico{ background: none; border-color: rgba(255,255,255,.32); color: var(--salbei); }
.hero .hf-label, .hero .hf-name, .hero .hf-obj{ color: var(--paper); }
.hero .hf-meta, .hero .hf-foot, .hero .hf-appt{ color: var(--salbei); }
.hero .hf-link, .pd-connect span{ background-image: none; background-color: rgba(255,255,255,.22); }

.hero .hf-result-label{ color: var(--ochre); }
.hf-ico--noa{ border-color: rgba(255,255,255,.45); }
.ht-speed, .ht-privacy, .ht-partner{ background: rgba(255,255,255,.08); color: var(--paper); }

.hero-trust li.ht-badge{
  background: none; border: 0; padding: 0; line-height: 0;
}
.hero-trust li.ht-badge img{ display: block; height: 56px; width: auto; }
@media (max-width: 600px){
  .hero-trust li.ht-badge img{ height: 44px; }
}

.page-hero--produkt .ph-bild{ background: none; }
.ph-bild::before{ background: none; }
.product-hero-visual{ background: none; }

.section-tag{ color: var(--muted); }
.section-tag .num{ color: var(--ochre); font-weight: 700; }
.section-title{ color: var(--ink); }
.section-lead{ color: var(--muted); }

.why-item, .outcome-card, .product-card, .blog-card, .faq-item,
.vt-karte, .pk-fall, .int-card, .step-card, .team-person, .pr-modul{
  background: var(--paper); border-color: var(--rule);
}
.why-item:hover, .outcome-card:hover, .product-card:hover, .blog-card:hover,
.vt-karte:hover, .pk-fall:hover, .int-card:hover{ border-color: var(--rule-stark); }

.outcome-icon, .why-icon, .product-icon, .wi-ico, .team-bild, .ke-avatar,
.pb-bruecke, .pr-e-ico, .pr-ico, .pr-schloss-ico, .pf-ico, .kt-weg-ico,
.product-card[data-modul] .product-icon, .mw-ohne .mw-ico{
  background: var(--panel); color: var(--petrol);
}
.why-grid--problem .why-icon, .why-grid--problemkarten .why-icon{
  background: var(--panel); color: var(--ink);
}
.product-card[data-modul]:hover .product-icon,
.product-card[data-modul]:focus-within .product-icon{ background: var(--panel-tief); color: var(--petrol); }

.beleg-wert, .outcome-number, .pp-weg-fuer, .mw-label{ color: var(--ink); }
.beleg-liste{ border-left-color: var(--ochre); }
.beleg-q{ color: var(--muted); }
.beleg-q:hover, .beleg-q:focus-visible{ border-bottom-color: var(--petrol); }
.outcome-label{ color: var(--ink); }
.outcome-desc{ color: var(--muted); }

.int-tag--partner{ background: var(--panel); color: var(--petrol); }
.int-tag--comm, .int-tag--docs, .int-tag--immo{ background: var(--panel); color: var(--muted); }
.mw-ohne{ background: var(--panel); }
.kt-status{ background: var(--panel); color: var(--ink); }

.ih-core, .ifd-hub, .kt-orbit-tile--mitte, .pp-mitte{
  background: var(--petrol) !important;
  border-color: var(--petrol) !important;
  color: var(--paper) !important;
  box-shadow: 0 10px 28px rgba(12,46,43,.28) !important;
}
.kt-orbit-tile--mitte svg, .pp-mitte svg{ color: var(--paper) !important; fill: currentColor; }
.ih-wires line, .pp-linien-fluss path{ stroke: var(--rule-stark); }
.ifd-link{ color: var(--petrol); }
.ifd-sync{ background: var(--panel); }
.pp-mitte::after{ border-color: var(--rule-stark); }
.tf-telefon{ --line-accent: rgba(18,63,59,.35); --accent-glow: rgba(18,63,59,.14); }
.tf-welle{ background: var(--petrol); }
.tf-karte.ist-aktiv{ border-color: var(--petrol); }

.midcta--dunkel{ background: var(--petrol-2); }
.midcta--dunkel::before{ background: none; display: none; }
.midcta--dunkel h2, .mc-leute-text{ color: var(--paper); }
.midcta--dunkel p, .mc-zusagen li{ color: var(--salbei); }

.mc-zusagen li::before{
  background-color: rgba(184,134,47,.30);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8C888' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px;
}
.mc-gesichter img{ border-color: var(--petrol-2); }
.midcta--dunkel .mc-knopf{ background: var(--paper); color: var(--petrol-2); border-color: var(--paper); }
.midcta--dunkel .mc-knopf:hover{ background: var(--rule); }

.final-cta{ background: var(--petrol); }
.final-cta::before{ display: none; }
.final-cta h2{ color: var(--paper); }
.final-cta p, .final-cta-trust{ color: var(--salbei); }
.final-cta-eyebrow{ color: var(--paper); opacity: .78; }
.final-cta-button{ background: var(--paper); color: var(--petrol); border-color: var(--paper); box-shadow: none; }
.final-cta-button:hover{ background: var(--rule); }

.oo-signet, .pf-block, .pp-hero-bild{ background: var(--petrol-2); }
.pf-logo--text{ color: var(--paper); }

footer{ background: var(--ink); color: var(--salbei); border-top: none; margin-top: 0; padding-top: 56px; }
footer .brand-logo{ content: url("assets/hinoa-logo-weiss.svg"); }
footer h4{ color: var(--paper); }
footer p, footer li a, .footer-brand p, .footer-brand a{ color: var(--salbei); }
footer a:hover, .footer-brand a:hover{ color: var(--paper); }
.footer-social{ border-color: rgba(255,255,255,.24); color: var(--salbei); }
.footer-social:hover{ border-color: var(--paper); color: var(--paper); }
.footer-newsletter{ border-color: rgba(255,255,255,.14); }
.footer-newsletter h4, .footer-newsletter p{ color: var(--paper); }
.footer-bottom{ border-top: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.55); }
.footer-bottom a{ color: rgba(255,255,255,.55); }
.footer-bottom a:hover{ color: var(--paper); }

.topbar-cta, .cta-button, .mc-knopf, .hero-cta-primary,
.final-cta-button, .pr-schloss-knopf, .consent-accept, .kt-senden,
.ex-knopf, .ew-knopf, .composer-send, .chat-launcher{
  box-shadow: 0 1px 2px rgba(20,23,27,.14);
}
.topbar-cta:hover, .cta-button:hover, .pr-schloss-knopf:hover{ box-shadow: 0 2px 6px rgba(20,23,27,.20); }
.hero-cta-secondary:hover{ background: var(--panel); }
.nav-signin:hover{ background: var(--panel); }
.chat-launcher{ border-color: var(--petrol); }
.chat-link{ border-bottom-color: var(--petrol); }
.composer-send:focus, .chat-launcher:focus-visible{ box-shadow: var(--focus); }

.hs-form .hs-button, .hs-form input[type="submit"]{
  background: var(--petrol); border-color: var(--petrol); color: var(--paper);
}
.hs-form .hs-input:focus{ border-color: var(--petrol); box-shadow: var(--focus); }
.wb-formular .hs-error-msg{ color: #b42318; }
#hs-demo-form .crm-knopf{ background: var(--paper); }
#hs-demo-form .crm-option.ist-gewaehlt .crm-kasten{ background: var(--petrol); border-color: var(--petrol); }
#hs-demo-form .crm-knopf:focus-visible,
#hs-demo-form .crm-select.ist-offen .crm-knopf{ border-color: var(--petrol); box-shadow: var(--focus); }
#hs-demo-form .crm-option:focus-visible{ background: var(--panel); box-shadow: none; }

@media (max-width: 1160px){
  .nav-links{ background: var(--paper); border-bottom: 1px solid var(--rule); box-shadow: 0 12px 32px rgba(20,23,27,.10); }
  .nav-dropdown{ background: transparent; border: none; box-shadow: none; }
}
@media (max-width: 700px){
  .hero, .page-hero{ padding: 52px 0 60px; }
}

.hf-kopf{
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 16px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--salbei);
}
.hf-kopf-zu{
  margin-left: auto;
  padding: 3px 8px;
  border: 1px solid rgba(255,255,255,.22);
  color: var(--paper);
  letter-spacing: .1em;
}
.hf-puls{
  width: 7px; height: 7px; flex: none;
  border-radius: 50%;
  background: var(--ochre);
  box-shadow: 0 0 0 0 rgba(184,134,47,.55);
  animation: hf-puls 2.4s ease-out infinite;
}
@keyframes hf-puls{
  0%   { box-shadow: 0 0 0 0 rgba(184,134,47,.55); }
  70%  { box-shadow: 0 0 0 7px rgba(184,134,47,0); }
  100% { box-shadow: 0 0 0 0 rgba(184,134,47,0); }
}
@media (prefers-reduced-motion: reduce){
  .hf-puls{ animation: none; }
}

.why-grid--problem .why-icon,
.why-grid--problemkarten .why-icon{
  background: var(--panel) !important;
  color: var(--ink) !important;
}
.why-grid--problem .why-icon svg,
.why-grid--problemkarten .why-icon svg{ color: var(--ink) !important; }

.hs-form .hs-button.primary,
.hs-form input[type="submit"].primary,
.hs-button.primary{
  background-color: var(--petrol) !important;
  border-color: var(--petrol) !important;
  color: var(--paper) !important;
}
.hs-form .hs-input{ color: var(--ink) !important; }

.hs-form-required, .hs-form .hs-form-required{ color: var(--muted) !important; }

.hero .hf-step, .page-hero .hf-step{
  background: none;
  border: none;
  padding: 0;
}

.hero .hf-ico, .page-hero .hf-ico{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.28);
  color: var(--paper);
}
.hero .hf-step--noa .hf-ico, .page-hero .hf-step--noa .hf-ico{
  background: var(--paper);
  border-color: var(--paper);
  color: var(--petrol);
}
.hero .hf-step--noa .hf-label{ color: var(--paper); }

.hero .hf-result, .page-hero .hf-result{
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: var(--radius-card);
}
.hero .hf-result-label{ color: var(--ochre); }

.hf-kopf-zu{ margin-left: 4px; }

.hero-flow [data-hf="3"] .hf-ico::after,
.hero-flow [data-hf="5"] .hf-ico::after{
  border-color: rgba(255,255,255,.55) !important;
}

.pd-core, .workflow-hub{
  background: var(--petrol) !important;
  color: var(--paper) !important;
  border: none !important;
  box-shadow: 0 10px 28px rgba(18,63,59,.22) !important;
}
.pd-core-name, .pd-core-sub, .workflow-hub *{ color: var(--paper) !important; }

.pd-tile svg, .pd-kanal svg, .int-card svg, .ih-tile svg,
.integration-chip svg, .kt-weg-ico svg, .pf-ico svg{
  color: var(--petrol) !important;
}

.outcome-icon, .why-icon, .product-icon, .wi-ico,
.pr-e-ico, .pr-ico, .pr-schloss-ico, .kt-weg-ico, .pf-ico,
.product-card[data-modul] .product-icon{
  background: rgba(18,63,59,.07) !important;
  color: var(--petrol) !important;
}
.outcome-icon svg, .why-icon svg, .product-icon svg, .wi-ico svg{ color: var(--petrol) !important; }
.product-card[data-modul]:hover .product-icon{ background: rgba(18,63,59,.12) !important; }

.why-grid--problem .why-icon,
.why-grid--problemkarten .why-icon{
  background: var(--panel) !important;
  color: var(--muted) !important;
}
.why-grid--problem .why-icon svg,
.why-grid--problemkarten .why-icon svg{ color: var(--muted) !important; }

.pd-connect span, .ih-wires line, .pp-linien-fluss path{
  background-color: rgba(18,63,59,.30) !important;
  stroke: rgba(18,63,59,.30) !important;
}

.demo-seite .hs-input,
.demo-seite input, .demo-seite textarea, .demo-seite select,
footer .hs-input, footer input[type="email"], footer input[type="text"]{
  background: var(--paper) !important;
  color: var(--ink) !important;
  border: 1px solid var(--rule) !important;
}
.demo-seite .hs-input:focus,
footer .hs-input:focus{
  border-color: var(--paper) !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,.25) !important;
}
.demo-seite .hs-input::placeholder,
footer .hs-input::placeholder{ color: var(--muted) !important; }

.demo-seite select.hs-input{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%235C635F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
  background-size: 16px !important;
}

.demo-seite .hs-fieldtype-intl-phone select.hs-input{
  background-image: none !important;
}

.demo-seite select.hs-input.is-placeholder,
.demo-seite select.hs-input:has(option[value=""]:checked){
  color: var(--muted) !important;
}

.demo-seite label, .demo-seite .hs-form-field > label,
footer label, footer .hs-form-field > label{ color: var(--paper) !important; }
.demo-seite .hs-form-required, footer .hs-form-required{ color: var(--rule) !important; }
.demo-seite .legal-consent-container,
.demo-seite .hs-richtext, .demo-seite .hs-richtext p,
footer .legal-consent-container, footer .hs-richtext, footer .hs-richtext p{
  color: var(--rule) !important;
}
.demo-seite .hs-richtext a, footer .hs-richtext a{
  color: var(--paper) !important; text-decoration: underline;
}

.demo-seite .hs-button, .demo-seite input[type="submit"],
footer .hs-button, footer input[type="submit"]{
  background-color: var(--paper) !important;
  border-color: var(--paper) !important;
  color: var(--petrol) !important;
  box-shadow: none !important;
}
.demo-seite .hs-button:hover, footer .hs-button:hover{
  background-color: var(--rule) !important;
  border-color: var(--rule) !important;
}

.demo-seite input[type="checkbox"], footer input[type="checkbox"]{
  accent-color: var(--paper);
  outline: 1px solid var(--rule);
}

.demo-seite .hs-error-msg, footer .hs-error-msg{ color: #FFB4A8 !important; }

.hero .hero-cta-primary:hover,
.page-hero .hero-cta-primary:hover,
.kt-hero .hero-cta-primary:hover,
.final-cta-button:hover,
.midcta--dunkel .mc-knopf:hover,
.demo-seite .hs-button:hover,
footer .hs-button:hover{
  background: var(--petrol-druck) !important;
  background-color: var(--petrol-druck) !important;
  color: var(--paper) !important;
  border-color: var(--paper) !important;
}

.hero .hero-cta-tertiary:hover,
.page-hero .hero-cta-tertiary:hover{ color: var(--paper) !important; }

.hero .hero-cta-secondary:hover,
.page-hero .hero-cta-secondary:hover{
  background: rgba(255,255,255,.10) !important;
  border-color: var(--paper) !important;
  color: var(--paper) !important;
}

.pd-core-logo{
  display: block;
  height: 26px;
  width: auto;
  margin: 0 auto 6px;
}
.pd-core{ align-items: center; text-align: center; }

.hs-button, .hs-button.primary,
input[type="submit"].hs-button,
.hs-form-booleancheckbox + .hs-button{
  background-color: var(--petrol) !important;
  border-color: var(--petrol) !important;
  color: var(--paper) !important;
  border-radius: var(--radius-btn) !important;
}
.hs-button:hover, .hs-button.primary:hover{
  background-color: var(--petrol-druck) !important;
  border-color: var(--petrol-druck) !important;
}

.demo-seite .hs-button, footer .hs-button,
.demo-seite .hs-button.primary, footer .hs-button.primary{
  background-color: var(--paper) !important;
  border-color: var(--paper) !important;
  color: var(--petrol) !important;
}

.beleg-zeile{
  display: grid;

  grid-template-columns: 104px minmax(0, 1fr) 240px;
  align-items: baseline;
  gap: 4px 20px;
}

@media (max-width: 860px){

  .beleg-zeile{ grid-template-columns: 104px minmax(0, 1fr); }
  .beleg-q{ grid-column: 2; }
}
.beleg-wert{
  flex: 0 0 auto;
  min-width: 104px;
  white-space: nowrap;
}
.beleg-text{ flex: 1 1 320px; min-width: 0; }
.beleg-q{ flex: 0 0 auto; white-space: nowrap; }

@media (max-width: 700px){
  .beleg-wert{ min-width: 0; }
  .beleg-text{ flex: 1 1 100%; }

  .beleg-q{ white-space: normal; }
}

.outcome-number, .beleg-wert{
  color: var(--petrol) !important;
  font-weight: 600 !important;
  letter-spacing: -.015em !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}
.outcome-number{ font-size: 46px !important; }
.beleg-wert{ font-size: 27px !important; }

.outcome-unit{
  font-size: .52em !important;
  font-weight: 500 !important;
  color: var(--muted) !important;
  margin-left: 6px !important;
  vertical-align: baseline !important;
}

.midcta--dunkel .outcome-number, .final-cta .outcome-number,
.hero .outcome-number, .page-hero .outcome-number{ color: var(--paper) !important; }
.midcta--dunkel .outcome-unit, .hero .outcome-unit{ color: var(--rule) !important; }

.beleg-liste{ border-left-color: var(--ochre) !important; }

.hero .tf-karte, .page-hero .tf-karte{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: var(--paper);
}
.hero .tf-karte b, .page-hero .tf-karte b,
.hero .tf-karte strong, .page-hero .tf-karte strong{ color: var(--paper); }
.hero .tf-karte span, .page-hero .tf-karte span{ color: var(--rule); }

.hero .tf-karte.ist-aktiv, .page-hero .tf-karte.ist-aktiv{
  background: var(--paper);
  border-color: var(--paper);
  color: var(--ink);
}
.hero .tf-karte.ist-aktiv b, .page-hero .tf-karte.ist-aktiv b,
.hero .tf-karte.ist-aktiv strong{ color: var(--ink); }
.hero .tf-karte.ist-aktiv span, .page-hero .tf-karte.ist-aktiv span{ color: var(--muted); }

.hero .tf-ico, .page-hero .tf-ico{ background: rgba(255,255,255,.14); color: var(--paper); }
.hero .tf-karte.ist-aktiv .tf-ico, .page-hero .tf-karte.ist-aktiv .tf-ico{
  background: var(--petrol); color: var(--paper);
}
.hero .tf-ergebnis, .page-hero .tf-ergebnis{ color: var(--ochre); }

.hero .ph-logos, .page-hero .ph-logos{
  background: var(--paper);
  border-color: var(--paper);
}
.hero .ph-logos-titel, .page-hero .ph-logos-titel{ color: var(--muted); }

footer{
  border-top: 1px solid rgba(255,255,255,.10);
}
footer .hs-input,
footer input[type="email"], footer input[type="text"]{
  border-radius: var(--radius-btn) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  background: rgba(255,255,255,.06) !important;
  color: var(--paper) !important;
  padding: 12px 14px !important;
}
footer .hs-input::placeholder{ color: rgba(255,255,255,.45) !important; }
footer .hs-input:focus{
  background: var(--paper) !important;
  color: var(--ink) !important;
  border-color: var(--paper) !important;
}

footer .legal-consent-container,
footer .hs-form-booleancheckbox-display span,
footer .hs-richtext, footer .hs-richtext p{
  color: rgba(255,255,255,.78) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}
footer .hs-richtext a{ color: var(--paper) !important; }
footer input[type="checkbox"]{
  width: 15px !important; height: 15px !important;
  accent-color: var(--paper);
  margin-top: 2px;
}
footer .hs-button{ border-radius: var(--radius-btn) !important; padding: 12px 22px !important; }

:root{ --ochre-text: #8A6420; }
.section-tag .num{ color: var(--ochre-text) !important; }

.pd-label, .int-split-more, .ph-logos-titel{
  color: var(--muted) !important;
}

.pd-core-sub{ color: var(--rule) !important; }

footer, footer *:not(.hs-button):not(input):not(.hs-input){
  --text: var(--paper);
  --text-muted: var(--salbei);
  --text-faint: var(--salbei);
  --text-dim: var(--salbei);
  --muted: var(--salbei);
}
footer h4, footer .footer-brand > p:first-of-type{ color: var(--paper) !important; }
footer p, footer li a, footer a, footer span,
footer .hs-form-required, footer label,
footer .hs-form-booleancheckbox-display span,
footer .legal-consent-container, footer .hs-richtext p{
  color: var(--salbei) !important;
}
footer a:hover{ color: var(--paper) !important; }
footer .footer-bottom, footer .footer-bottom a{ color: rgba(255,255,255,.62) !important; }

footer .hs-input:focus{ color: var(--ink) !important; }

.hero .hero-trust li, .page-hero .hero-trust li, .kt-hero .hero-trust li,
.hero .hero-trust li *, .page-hero .hero-trust li *{
  color: var(--paper) !important;
}

:root{ --text-dim: #5C635F; }

.hero .hf-buehne{
  background: var(--petrol-2);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius-lg);
  padding: 0;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0,0,0,.28);
}
.hero .hero-flow{
  max-width: none;
  padding: 22px 24px 24px;
}

.hf-kopf{
  margin: -22px -24px 20px;
  padding: 13px 24px;
  border-bottom: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  font-size: 10px;
  letter-spacing: .14em;
}
.hf-kopf-zu{
  margin-left: auto;
  border-color: rgba(255,255,255,.28);
  font-size: 9.5px;
  padding: 3px 9px;
}

.hero .hf-step, .page-hero .hf-step{ gap: 14px; }
.hero .hf-label, .page-hero .hf-label{
  font-size: 15.5px;
  font-weight: 650;
  letter-spacing: -.005em;
}
.hero .hf-meta, .page-hero .hf-meta{ font-size: 13.5px; line-height: 1.55; }
.hero .hf-ico, .page-hero .hf-ico{ width: 34px; height: 34px; }
.hero .hf-ico svg, .page-hero .hf-ico svg{ width: 16px; height: 16px; }

.hero .hf-link, .page-hero .hf-link{
  margin-left: 17px;
  height: 20px;
  background-color: rgba(255,255,255,.18);
}

.hero .hf-result, .page-hero .hf-result{
  margin-top: 18px;
  padding: 16px 18px;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: var(--radius-card);
}
.hero .hf-result-label, .page-hero .hf-result-label{
  color: var(--ochre);
  font-size: 9.5px;
  letter-spacing: .14em;
}
.hero .hf-name, .page-hero .hf-name{ font-size: 15.5px; font-weight: 650; }
.hero .hf-obj, .page-hero .hf-obj{ font-size: 13.5px; }
.hero .hf-appt, .page-hero .hf-appt{ font-size: 13.5px; }
.hero .hf-foot, .page-hero .hf-foot{
  margin: 14px 0 0;
  font-size: 12px;
  color: rgba(255,255,255,.55);
}

.final-cta{
  border-radius: var(--radius-lg);
  margin-bottom: 72px;
}
footer{
  margin-top: 0;
  border-top: none;
}

@media (max-width: 700px){
  .final-cta{ border-radius: 0; margin-bottom: 48px; }
}

footer{
  box-shadow: 0 0 0 100vmax var(--ink);
  clip-path: inset(0 -100vmax);
  position: relative;
}

.demo-seite .hs-form .hs-button.primary,
.demo-seite .hs-form input[type="submit"],
footer .hs-form .hs-button.primary,
footer .hs-form input[type="submit"],
.demo-seite .hs-button.primary.large,
footer .hs-button.primary.large{
  background-color: var(--paper) !important;
  border-color: var(--paper) !important;
  color: var(--petrol) !important;
}
.demo-seite .hs-form .hs-button.primary:hover,
footer .hs-form .hs-button.primary:hover{
  background-color: var(--rule) !important;
  border-color: var(--rule) !important;
  color: var(--petrol-druck) !important;
}

footer .hs-input,
footer input[type="email"],
footer input[type="text"],
footer textarea{
  color: var(--paper) !important;
  -webkit-text-fill-color: var(--paper);
}
footer .hs-input:focus,
footer input[type="email"]:focus{
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink);
  background: var(--paper) !important;
}

.mw-karte{
  background: var(--paper) !important;
  border: 1px solid var(--rule) !important;
  overflow: hidden;
}
.mw-ohne{
  background: none !important;
  border-bottom: 1px solid var(--rule);
}
.mw-ohne .mw-titel, .mw-ohne .mw-text{ color: var(--muted) !important; }
.mw-ohne .mw-label{ color: var(--muted) !important; }
.mw-punkt{ background: var(--rule-stark) !important; }

.mw-noa{
  background: rgba(18,63,59,.05) !important;
}
.mw-noa .mw-titel{ color: var(--petrol) !important; }
.mw-noa .mw-text{ color: var(--muted) !important; }
.mw-noa .mw-label{ color: var(--petrol) !important; }
.mw-noa .mw-label .mw-punkt{ background: var(--petrol) !important; }
.mw-noa .mw-ico{
  background: rgba(18,63,59,.10) !important;
  color: var(--petrol) !important;
}

.hero .pp-hero-zweit, .page-hero .pp-hero-zweit,
.hero .pp-hero-zweit *, .page-hero .pp-hero-zweit *{
  color: var(--paper) !important;
  border-color: rgba(255,255,255,.40) !important;
}
.hero .pp-hero-zweit:hover, .page-hero .pp-hero-zweit:hover{
  background: rgba(255,255,255,.10) !important;
  border-color: var(--paper) !important;
}

.demo-seite{
  border-radius: 0 !important;
  box-shadow: 0 0 0 100vmax var(--petrol);
  clip-path: inset(0 -100vmax);
  position: relative;
  margin-bottom: 0 !important;
}

.final-cta{ margin-bottom: 88px; }
@media (max-width: 700px){ .final-cta{ margin-bottom: 56px; } }

.hero .hf-result-label, .page-hero .hf-result-label{
  color: rgba(255,255,255,.72) !important;
}

:root{
  --focus: 0 0 0 2px #FFFFFF, 0 0 0 4px #123F3B;
}
.hero, .page-hero, .kt-hero, .midcta--dunkel, .final-cta, footer, .demo-seite{
  --focus: 0 0 0 2px #0C2E2B, 0 0 0 4px #FFFFFF;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
  outline: none;
  box-shadow: var(--focus);
  border-radius: var(--radius-btn);
}

a:focus-visible, button:focus-visible{ position: relative; z-index: 3; }

.topbar-cta:focus-visible,
.cta-button:focus-visible,
.mc-knopf:focus-visible,
.hero-cta-primary:focus-visible,
.hero-cta-secondary:focus-visible,
.hero-cta-tertiary:focus-visible,
.final-cta-button:focus-visible,
.pr-schloss-knopf:focus-visible,
.ex-knopf:focus-visible,
.ew-knopf:focus-visible,
.hs-button:focus-visible{
  box-shadow: var(--focus) !important;
  outline: none !important;
}

#hs-demo-form .crm-anzeige{ color: var(--ink); }
#hs-demo-form .crm-anzeige.ist-leer{ color: var(--muted); }
#hs-demo-form .crm-pfeil{ color: var(--muted); opacity: 1; }
#hs-demo-form .crm-knopf{ color: var(--ink); }

.page-hero.page-hero--produkt{
  background: var(--paper);
  color: var(--ink);
  box-shadow: 0 0 0 100vmax var(--paper);
  clip-path: inset(0 -100vmax);
  --focus: 0 0 0 2px #FFFFFF, 0 0 0 4px #123F3B;
}

.page-hero--produkt h1{ color: var(--ink); }
.page-hero--produkt h1 .hl-word{ color: var(--petrol); }
.page-hero--produkt .eyebrow{ color: var(--ochre-text); }
.page-hero--produkt .eyebrow::before{ background: var(--ochre-text); }
.page-hero--produkt .lead,
.page-hero--produkt > p,
.page-hero--produkt .hero-lead{ color: var(--muted); }

.page-hero--produkt .hero-cta-primary{
  background: var(--petrol) !important;
  border-color: var(--petrol) !important;
  color: var(--paper) !important;
}
.page-hero--produkt .hero-cta-primary:hover{
  background: var(--petrol-druck) !important;
  border-color: var(--petrol-druck) !important;
  color: var(--paper) !important;
}
.page-hero--produkt .hero-cta-secondary{
  background: none !important;
  border-color: var(--rule-stark) !important;
  color: var(--petrol) !important;
}
.page-hero--produkt .hero-cta-secondary:hover{
  border-color: var(--petrol) !important;
  background: var(--panel) !important;
  color: var(--petrol) !important;
}

.page-hero--produkt .hero-cta-anruf{
  border-color: var(--rule-stark) !important;
  color: var(--petrol) !important;
}
.page-hero--produkt .hero-cta-anruf:hover{
  border-color: var(--petrol) !important;
  background: var(--panel) !important;
  color: var(--petrol) !important;
}
.page-hero--produkt .hero-cta-tertiary{ color: var(--petrol) !important; }
.page-hero--produkt .hero-cta-tertiary:hover{ color: var(--petrol-druck) !important; }

.page-hero--produkt .hero-trust{
  gap: 10px 28px;
  flex-wrap: wrap;
  align-items: center;
}
.page-hero--produkt .hero-trust li{
  border: 0 !important;
  padding: 0 !important;
  background: none;
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--muted);
}
.page-hero--produkt .hero-trust li::before{ display: none; }

.page-hero--produkt .tf-karte{
  background: var(--panel) !important;
  border: 1px solid var(--rule) !important;
  color: var(--ink) !important;
}
.page-hero--produkt .tf-karte b,
.page-hero--produkt .tf-karte strong{ color: var(--ink) !important; }
.page-hero--produkt .tf-karte span{ color: var(--muted) !important; }
.page-hero--produkt .tf-karte.ist-aktiv{
  background: var(--paper) !important;
  border-color: var(--petrol) !important;
}
.page-hero--produkt .tf-karte.ist-aktiv b,
.page-hero--produkt .tf-karte.ist-aktiv strong{ color: var(--petrol) !important; }
.page-hero--produkt .tf-karte.ist-aktiv span{ color: var(--muted) !important; }
.page-hero--produkt .tf-ico{
  background: var(--panel-tief) !important;
  color: var(--petrol) !important;
}
.page-hero--produkt .tf-karte.ist-aktiv .tf-ico{
  background: var(--petrol) !important;
  color: var(--paper) !important;
}
.page-hero--produkt .tf-ergebnis{ color: var(--ochre-text) !important; }

.page-hero--produkt .ph-logos{
  background: var(--paper);
  border: 1px solid var(--rule);
}
.page-hero--produkt .ph-logos-titel{ color: var(--muted) !important; }

.page-hero--produkt .hf-step{ color: var(--ink); }
.page-hero--produkt .hf-ico{
  background: var(--panel-tief) !important;
  border-color: var(--rule) !important;
  color: var(--petrol) !important;
}
.page-hero--produkt .hf-label{ color: var(--ink); }
.page-hero--produkt .hf-meta{ color: var(--muted); }

.segment-card h3,
.product-card h3,
.blog-card h3{
  display: flex;
  align-items: flex-start;
}

.outcome-icon, .why-icon, .product-icon, .wi-ico,
.pr-e-ico, .pr-ico, .pr-schloss-ico, .kt-weg-ico, .pf-ico{
  background: rgba(18,63,59,.10) !important;
  box-shadow: inset 0 0 0 1px rgba(18,63,59,.16);
}

.demo-seite .hs-input,
.demo-seite input[type=text], .demo-seite input[type=email],
.demo-seite input[type=tel], .demo-seite select, .demo-seite textarea,
.demo-seite .crm-knopf{
  border: 0 !important;
}

.demo-seite .hs-fieldtype-intl-phone select{
  box-shadow: 1px 0 0 rgba(20,23,27,.12);
}

.outcome-card{
  padding: 0 !important;
  overflow: hidden;
}
.outcome-head{
  margin: 0 !important;
  padding: 24px 24px 20px !important;
  background: rgba(18,63,59,.055);
  border-bottom: 1px solid rgba(18,63,59,.14);
  align-items: flex-start;
}
.outcome-label{
  padding: 18px 24px 0 !important;
  border-top: 0 !important;
}
.outcome-desc{ padding: 0 24px 22px !important; }

.outcome-number{
  font-size: 52px !important;
  letter-spacing: -.032em !important;
  line-height: 1 !important;
}
.outcome-unit{ font-size: .46em !important; }

.outcome-icon{
  background: none !important;
  box-shadow: none !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 0 !important;
  opacity: .55;
}
.outcome-icon svg{ width: 22px !important; height: 22px !important; }

.beleg-text{ flex: 0 1 auto !important; }
.beleg-q{ margin-left: 12px; }

.why-item h3{
  display: flex;
  align-items: flex-end;
  min-height: 2.8em;
}

.mw-titel{ display: flex; align-items: flex-end; }
.mw-karte > *:first-child .mw-titel{ min-height: 44.2px; }
.mw-karte > *:last-child .mw-titel{  min-height: 39.2px; }

.mw-text{ min-height: 3.2em; }

#hs-demo-form .crm-popover{
  background: var(--paper);
  border-color: var(--rule-stark);
  box-shadow: 0 16px 40px rgba(12,46,43,.22);
}
#hs-demo-form .crm-option{ color: var(--ink); }
#hs-demo-form .crm-option:hover{ background: var(--panel); }
#hs-demo-form .crm-option.ist-gewaehlt{ color: var(--petrol); font-weight: 600; }
#hs-demo-form .crm-kasten{ border-color: var(--muted); }

.vt-karte{ overflow: hidden; padding-top: 0; }

.vt-bild{
  order: -1;
  display: block;

  width: calc(100% + 44px);
  max-width: none;
  margin: 0 -22px 14px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: var(--panel-tief);
  border-bottom: 1px solid var(--rule);
}

.vt-karte:hover .vt-bild{ transform: none; }

@media (max-width: 720px){
  .vt-bild{ aspect-ratio: 21 / 9; }
}

.hs-fieldtype-intl{ position: relative; }
.hn-flagge{
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 1;
  pointer-events: none;
  z-index: 2;
}
.hs-fieldtype-intl.hat-flagge select{ padding-left: 38px; }

.demo-seite .hs-button,
.demo-seite input[type="submit"],
footer .hs-button,
footer input[type="submit"]{
  background-color: var(--paper) !important;
  border-color: var(--paper) !important;
  color: var(--petrol) !important;
  box-shadow: none !important;
  border-radius: var(--radius-btn);
  font-weight: 600;
  transition: background-color .22s var(--takt, cubic-bezier(.2,.7,.2,1)),
              border-color .22s var(--takt, cubic-bezier(.2,.7,.2,1));
}

.demo-seite .hs-button:hover,
.demo-seite input[type="submit"]:hover,
footer .hs-button:hover,
footer input[type="submit"]:hover{
  background-color: #F4F2ED !important;
  border-color: #F4F2ED !important;
  color: var(--petrol) !important;
  transform: none !important;
}

.demo-seite .hs-button:active,
footer .hs-button:active{
  background-color: #E9E6DF !important;
  border-color: #E9E6DF !important;
  transform: none !important;
}

.page-hero.pp-hero{
  background: var(--paper);
  color: var(--ink);
  box-shadow: 0 0 0 100vmax var(--paper);
  clip-path: inset(0 -100vmax);
  --focus: 0 0 0 2px #FFFFFF, 0 0 0 4px #123F3B;
}

.pp-hero h1{ color: var(--ink); }
.pp-hero h1 .hl-word{ color: var(--petrol); }
.pp-hero .eyebrow{ color: var(--ochre-text); }
.pp-hero .eyebrow::before{ background: var(--ochre-text); }
.pp-hero .lead,
.pp-hero > p{ color: var(--muted); }

.pp-hero .hero-cta-primary{
  background: var(--petrol) !important;
  border-color: var(--petrol) !important;
  color: var(--paper) !important;
}
.pp-hero .hero-cta-primary:hover{
  background: var(--petrol-druck) !important;
  border-color: var(--petrol-druck) !important;
}
.pp-hero .hero-cta-secondary,
.pp-hero .pp-hero-zweit{
  background: none !important;
  border-color: var(--rule-stark) !important;
  color: var(--petrol) !important;
}
.pp-hero .hero-cta-secondary:hover,
.pp-hero .pp-hero-zweit:hover{
  border-color: var(--petrol) !important;
  background: var(--panel) !important;
  color: var(--petrol) !important;
}
.pp-hero .pp-hero-zweit *{ color: var(--petrol) !important; }

.pp-hero .pp-hero-nachweis{ color: var(--muted); }

.pp-hero .pp-hero-bild{
  background:
    radial-gradient(120% 100% at 50% 0%, rgba(18,63,59,.07), transparent 62%),
    var(--panel) !important;
  border-color: var(--rule) !important;
}
.pp-hero .pp-knoten{
  background: var(--paper);
  border-color: var(--rule-stark);
  color: var(--ink);
}
.pp-hero .pp-linien-grund path{ stroke: var(--rule-stark); }
.pp-hero .pp-linien-fluss path{ stroke: var(--petrol); }

.page-hero--produkt .hero-trust li,
.page-hero--produkt .hero-trust li *,
.pp-hero .hero-trust li,
.pp-hero .hero-trust li *{
  color: var(--muted) !important;
}

.wi-quelle{
  margin: 0 0 -8px !important;
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--ochre-text) !important;
  line-height: 1.4;
}

.wf-ueberleitung{
  margin: 38px 0 -4px;
  font-size: 15.5px;
  font-weight: 600;
  color: var(--ink);
  scroll-margin-top: 90px;
}

.beleg--schmal{
  margin: 30px 0 0;
  padding: 0 0 0 18px;
  border-left: 2px solid var(--ochre);
  background: none;
}
.beleg--schmal .beleg-zeile{ margin: 0; }

.int-tag,
.int-tag--immo, .int-tag--crm, .int-tag--comm,
.int-tag--docs, .int-tag--auto, .int-tag--partner{
  background: rgba(18,63,59,.10) !important;
  color: var(--petrol) !important;
  box-shadow: inset 0 0 0 1px rgba(18,63,59,.16);
}

.ifd-sync{ color: var(--petrol); }
.ifd-line{ border-top-color: var(--petrol); opacity: .55; }
.ifd-head{ color: var(--petrol); }
.ifd-label{ color: var(--ochre-text); }

.outcome-desc{ min-height: calc(1.55em * 2 + 22px); }

.ifd-hub{
  background: var(--petrol) !important;
  border-color: var(--petrol) !important;
  box-shadow: 0 0 0 4px rgba(18,63,59,.10), 0 10px 30px rgba(12,46,43,.18) !important;
}
.ifd-hub .brand-logo{ filter: none; }
.ifd-hub-name{ color: var(--paper) !important; }
.ifd-hub-role{ color: var(--salbei) !important; }

.ifd-line{ opacity: .7; }

.why-grid--sicherheit .why-item h3{
  min-height: 0;
  display: block;
}

.why-grid--sicherheit .why-item{
  overflow: hidden;
}

.why-grid--sicherheit .why-item .sec-punkt{
  margin-left: -26px;
  margin-right: -26px;
  margin-bottom: -28px;
  padding: 14px 26px 14px 50px;
  background: rgba(18,63,59,.055);
  border-top-color: rgba(18,63,59,.14);
  color: var(--ink);
  font-weight: 600;
}
.why-grid--sicherheit .why-item .sec-punkt::before{
  left: 28px;
  border-left-color: var(--petrol);
  border-bottom-color: var(--petrol);
}

.mw-karte > *:last-child .mw-titel{ min-height: 0; }

.page-hero--produkt .tf-karte{
  background: rgba(18,63,59,.045) !important;
  border-color: rgba(18,63,59,.13) !important;
}
.page-hero--produkt .tf-ico{
  background: rgba(18,63,59,.09) !important;
  color: var(--petrol) !important;
}
.page-hero--produkt .tf-karte.ist-aktiv{
  background: #FFFFFF !important;
  border-color: #123F3B !important;
  outline: 1px solid #123F3B !important;
  box-shadow: 0 14px 34px rgba(18,63,59,.16) !important;

  transform: translateY(-3px) scale(1.015) !important;
}
.page-hero--produkt .tf-karte.ist-aktiv .tf-ico{
  background: var(--petrol) !important;
  color: var(--paper) !important;
}

.ih-core{
  background: var(--petrol) !important;
  border-color: var(--petrol) !important;
  box-shadow: 0 0 0 4px rgba(18,63,59,.10), 0 10px 30px rgba(12,46,43,.18) !important;
  color: var(--paper) !important;
}

.sd-text{
  flex: 0 0 auto;
  min-height: calc(3 * 1.5em);
}

.why-grid--sicherheit .why-item > p:not(.sec-punkt){
  flex: 0 0 auto;
  min-height: calc(4 * 1.6em);
}

.why-grid--sicherheit .why-item .sec-punkt{
  flex: 0 0 auto;
  min-height: calc(28px + 2 * 1.45em);
}

.sz-zitat{
  flex: 0 0 auto;
  min-height: calc(2 * 1.4em);
}

.page-hero--produkt .tf-karte{
  background: rgba(18,63,59,.07) !important;
  border-color: rgba(18,63,59,.16) !important;
}
.page-hero--produkt .tf-ico{
  background: rgba(18,63,59,.13) !important;
}

.page-hero--produkt .ph-logos img{
  filter: grayscale(1) contrast(1.15) brightness(.72);
  opacity: .85;
}

.product-claim{
  flex: 0 0 auto;
  min-height: calc(2 * 1.45em);
}

.product-desc{
  flex: 0 0 auto;
  min-height: calc(3 * 1.6em);
}

.beleg-einheit{
  margin-left: 4px;
  font-size: .46em;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--muted);
  vertical-align: baseline;
}

.int-split-note{
  align-items: center;
  gap: 12px;
  margin-top: 26px;
  padding: 14px 16px;
  border-radius: 10px;
  background: rgba(18,63,59,.055);
  color: var(--ink);
  font-size: 13.5px;
}
.int-split-note svg{
  width: 18px;
  height: 18px;
  margin-top: 0;
  color: var(--petrol);
}
.int-split-more{
  font-size: 13.5px;
  color: var(--muted);
  margin-top: 16px;
}

.page-hero--produkt .hero-trust li,
.page-hero--produkt .hero-trust li *,
.pp-hero .hero-trust li,
.pp-hero .hero-trust li *{
  font-size: 11.5px;
  letter-spacing: .055em;
  color: var(--muted) !important;
}

.mw-noa{
  background: rgba(18,63,59,.085) !important;
  border-top: 1px solid rgba(18,63,59,.16) !important;
}
.mw-noa .mw-ico{
  background: rgba(18,63,59,.16) !important;
}

.szenario{
  padding: 18px 20px 18px 21px;
  border-radius: var(--radius-card);
  background: rgba(18,63,59,.045);
}

.why-icon, .wi-ico, .outcome-icon, .product-icon,
.pr-e-ico, .pr-ico, .kt-weg-ico, .pf-ico{
  background: rgba(18,63,59,.14) !important;
}

.why-grid--problem .why-icon,
.why-grid--problemkarten .why-icon,
.why-grid .why-icon,
.why-grid .wi-ico,
.segment-card .wi-ico,
.int-card .wi-ico,
.why-icon, .wi-ico, .product-icon,
.pr-e-ico, .pr-ico, .kt-weg-ico, .pf-ico, .fn-ico{
  background: rgba(18,63,59,.14) !important;
  box-shadow: inset 0 0 0 1px rgba(18,63,59,.20) !important;
  color: var(--petrol) !important;
}
.why-grid--problem .why-icon svg,
.why-grid .why-icon svg,
.why-icon svg, .wi-ico svg{ color: var(--petrol) !important; }

.fn-punkt p{
  flex: 0 0 auto;
  min-height: calc(3 * 1.55em);
}

.why-icon, .wi-ico, .product-icon, .fn-ico,
.pr-e-ico, .pr-ico, .kt-weg-ico, .pf-ico,
.kt-block-ico, .kt-zeiten-ico, .sd-ico,
.why-grid--problem .why-icon,
.why-grid--problemkarten .why-icon,
.why-grid .why-icon, .why-grid .wi-ico,
.segment-card .wi-ico, .int-card .wi-ico{
  background: var(--petrol) !important;
  box-shadow: none !important;
  color: var(--paper) !important;
}
.why-icon svg, .wi-ico svg, .product-icon svg, .fn-ico svg,
.pr-e-ico svg, .pr-ico svg, .kt-weg-ico svg, .pf-ico svg,
.kt-block-ico svg, .kt-zeiten-ico svg,
.why-grid--problem .why-icon svg,
.why-grid .why-icon svg, .why-grid .wi-ico svg{
  color: var(--paper) !important;
  stroke: currentColor;
}

.hero .why-icon, .page-hero .why-icon, .midcta--dunkel .why-icon,
.final-cta .why-icon, footer .why-icon,
.hero .wi-ico, .page-hero .wi-ico, footer .wi-ico{
  background: rgba(255,255,255,.12) !important;
  color: var(--paper) !important;
}

.tf-blase--noa, .ad-blase--noa, .gespraech-blase--noa{
  background: var(--petrol) !important;
  border-color: var(--petrol) !important;
  color: var(--paper) !important;
}

.why-icon svg *, .wi-ico svg *, .product-icon svg *, .fn-ico svg *,
.pr-e-ico svg *, .pr-ico svg *, .kt-weg-ico svg *, .pf-ico svg *,
.kt-block-ico svg *, .kt-zeiten-ico svg *{
  stroke: currentColor !important;
}

.why-icon svg [fill]:not([fill="none"]),
.wi-ico svg [fill]:not([fill="none"]),
.product-icon svg [fill]:not([fill="none"]){
  fill: currentColor !important;
}

.product-card[data-modul] .product-icon,
.product-card .product-icon{
  background: var(--petrol) !important;
  color: var(--paper) !important;
}

.why-item > p:not(.sec-punkt){
  flex: 0 0 auto;
  min-height: calc(2 * 1.6em);
}

.pp-hero .pp-linien-grund path{ stroke: rgba(18,63,59,.28); }

.pr-schloss-ico{
  background: var(--petrol) !important;
  box-shadow: none !important;
  color: var(--paper) !important;
}
.pr-schloss-ico svg *{ stroke: currentColor !important; }

.blog-card-meta .cat{
  color: var(--petrol) !important;
  font-weight: 600;
}

.blog-card{
  box-shadow: 0 1px 2px rgba(12,46,43,.05), 0 8px 20px -10px rgba(12,46,43,.16);
  transition: box-shadow .25s ease, transform .25s ease;

  overflow: hidden;
}
.blog-card:hover,
.blog-card:focus-visible{
  box-shadow: 0 2px 4px rgba(12,46,43,.07), 0 18px 34px -14px rgba(12,46,43,.30);
  transform: translateY(-3px);
}

.blog-card-thumb{
  transition: transform .45s cubic-bezier(.2,.7,.3,1);
  will-change: transform;
}
.blog-card:hover .blog-card-thumb{ transform: scale(1.035); }

.blog-card h2{
  flex: 0 0 auto;
  min-height: calc(2 * 1.3em);
}

@media (prefers-reduced-motion: reduce){
  .blog-card:hover{ transform: none; }
  .blog-card:hover .blog-card-thumb{ transform: none; }
}

.why-grid--vierzeilig .why-item > p{ min-height: calc(4 * 1.6em); }

.blog-card > p{
  flex: 0 0 auto;
  min-height: calc(4 * 1.6em);
}

.outcome-icon{
  background: var(--petrol) !important;
  box-shadow: none !important;
  color: var(--paper) !important;
  opacity: 1 !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
}
.outcome-icon svg{ width: 18px !important; height: 18px !important; }
.outcome-icon svg *{ stroke: currentColor !important; }

.section--dunkel .section-tag .num{ color: #E3BE6B !important; }
.section--dunkel .section-tag{ color: rgba(255,255,255,.62) !important; }

.article .kurzgefasst{
  background: var(--petrol);
}
.article .kurzgefasst-label{ color: var(--salbei); }
.article .kurzgefasst li{ color: var(--salbei); }
.article .kurzgefasst li::before{ background: var(--ochre); }
.article .kurzgefasst li strong{ color: var(--paper); }
.article .kurzgefasst a{ color: var(--paper); text-decoration-color: rgba(255,255,255,.45); }

.legal .rl-archiv{
  margin-top: 3rem;
  padding: 1.7rem 1.9rem;
  background: var(--petrol);
  border: 0;
  border-radius: var(--radius-lg, 14px);
  color: var(--paper);
  text-decoration: none;
  transition: background .2s ease;
}
.legal .rl-archiv:hover{ background: var(--petrol-druck); color: var(--paper); }
.legal .rl-archiv-titel{
  font-size: 1.15rem;
  margin-bottom: .35rem;
  color: var(--paper);
}
.legal .rl-archiv-sub{ color: var(--salbei); }
.legal .rl-archiv-pfeil{
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  color: var(--paper);
  transition: transform .2s ease, border-color .2s ease;
}
.legal .rl-archiv:hover .rl-archiv-pfeil{
  color: var(--paper);
  border-color: rgba(255,255,255,.6);
  transform: translateX(3px);
}
.legal .rl-archiv:focus-visible{ outline: 2px solid var(--petrol); outline-offset: 3px; }

.legal .rl-frueher{ margin: .1rem 0 0; font-size: .94rem; }
.legal .rl-frueher a{ color: var(--text-leise, #5b6272); text-decoration-color: var(--rule-stark); }
.legal .rl-frueher a:hover{ color: var(--petrol); text-decoration-color: currentColor; }

.legal h2[id]{ scroll-margin-top: 6rem; }
@media (max-width: 600px){
  .legal .rl-archiv{ padding: 1.3rem 1.2rem; gap: .9rem; margin-top: 2.4rem; }
  .legal .rl-archiv-pfeil{ width: 18px; height: 18px; padding: 8px; }
}

@media (max-width: 600px){
  .hero{ padding-top: 8px; }
  .hero #dachzeile{ margin-bottom: 16px; }
  .hero h1{ margin-bottom: 14px; }
  .hero .hero-actions{ margin-top: 24px; margin-bottom: 20px; gap: 12px; }

  .hero .hero-actions .hero-cta-tertiary{ min-height: 48px; height: 48px; padding-top: 0; padding-bottom: 0; }
  .hero .hero-trust{ margin-top: 12px; }

  .news-banner-inner{ padding: 8px 44px 8px 14px; font-size: 12px; line-height: 1.34; }
}

.consent-mehr{ display: none; }
@media (max-width: 600px){
  .consent-banner{ left: 8px; right: 8px; bottom: 8px; padding: 12px 14px 10px; }
  .consent-banner .consent-foto{ display: none; }
  .consent-banner .consent-titel{ margin-bottom: 2px; font-size: 14px; }
  .consent-banner .consent-text{
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
    overflow: hidden; font-size: 13px; line-height: 1.38; margin-bottom: 0;
  }
  .consent-banner.consent-offen .consent-text{ -webkit-line-clamp: unset; overflow: visible; }
  .consent-mehr{
    display: inline-block; margin: 2px 0 8px; padding: 0;
    background: none; border: 0; cursor: pointer;
    font: inherit; font-size: 13px; color: var(--petrol);
    text-decoration: underline; text-underline-offset: 3px;
  }
  .consent-banner .consent-actions{ display: flex; gap: 8px; }
  .consent-banner .consent-actions button{ flex: 1 1 0; min-height: 44px; padding: 10px 12px; font-size: 14px; }
}

.hero .hero-cta-anruf--mobil{ display: none; }
@media (max-width: 600px){
  .hero .hero-cta-anruf--mobil{
    display: inline-flex; justify-content: center; width: 100%;

    min-height: 48px; padding: 8px 20px; gap: 10px;
  }
  .hero .hero-cta-anruf--mobil .hero-cta-anruf__text{
    display: flex; align-items: baseline; gap: 8px;
  }

  .hero .hero-actions .hero-cta-tertiary{ display: none; }
}

.article{ min-width: 0; }
.article .weiterlesen{ margin-top: 48px; }
.article .weiterlesen .vt-karte,
.article .weiterlesen .vt-karte:hover{ text-decoration: none; color: inherit; }
.article .weiterlesen .vt-meta{ flex-wrap: wrap; row-gap: 2px; }

.legal{ overflow-wrap: break-word; }
.legal h1{ hyphens: auto; -webkit-hyphens: auto; }
.legal a{ overflow-wrap: anywhere; }