/*
Theme Name: Ancora Zinsberatung
Theme URI: https://example.com
Author: Ancora Zinsberatung
Description: Schlankes Block-Theme für eine unabhängige Beratung zur Zinssicherung für Immobilienkunden.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: ancora
*/

.hp-section{margin-block-start:0 !important;padding:clamp(56px,8vw,104px) 20px}
.hp-section.hp-white{background:var(--wp--preset--color--white)}
.hp-section.hp-ink{background:var(--wp--preset--color--ink);color:var(--wp--preset--color--paper)}
.hp-section.hp-ink a:not(.wp-element-button){color:var(--wp--preset--color--brass-soft)}
.hp-inner{max-width:1120px;margin-left:auto !important;margin-right:auto !important}
.hp-narrow{max-width:760px}
.hp-eyebrow{color:var(--wp--preset--color--brass);font-weight:600;font-size:.95rem;margin:0 0 12px}
.hp-lead{font-size:1.2rem;line-height:1.6;color:var(--wp--preset--color--muted);max-width:40em}
.hp-ink .hp-lead{color:#C9D3DF}
.hp-muted{color:var(--wp--preset--color--muted)}
.hp-small{font-size:.85rem}

/* Hero */
.hp-hero h1{font-size:clamp(2.4rem,5.2vw,4rem);line-height:1.05;letter-spacing:-.025em;margin:0 0 20px;max-width:13em}
.hp-hero .wp-block-columns{align-items:center;gap:48px}
.hp-card{background:var(--wp--preset--color--white);border:1px solid var(--wp--preset--color--rule);border-radius:12px;padding:24px}

/* Preiszerlegung */
.hp-price{font-variant-numeric:tabular-nums}
.hp-price-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
.hp-price-head strong{font-size:1.9rem;letter-spacing:-.02em;white-space:nowrap}
.hp-price-head span{color:var(--wp--preset--color--muted);font-size:.85rem}
.hp-bar{display:flex;height:48px;border-radius:6px;overflow:hidden;margin-bottom:14px}
.hp-bar div{display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden}
.hp-bar .c1{background:#B9C6D6;color:#17243A}.hp-bar .c2{background:#8FA3BB}.hp-bar .c3{background:#7A93B5}.hp-bar .c4{background:#3E5C85}.hp-bar .c5{background:#9C7A2F}
.hp-legend{display:grid;grid-template-columns:1fr auto;gap:6px 16px;font-size:.88rem;margin:0}
.hp-legend dt{display:flex;align-items:center;gap:8px;margin:0}
.hp-legend dd{margin:0;text-align:right}
.hp-legend i{width:10px;height:10px;border-radius:2px;display:inline-block}
.hp-legend .m{font-weight:700;color:var(--wp--preset--color--brass)}
.hp-note{font-size:.8rem;color:var(--wp--preset--color--muted);margin:14px 0 0}

/* Marge in Euro */
.hp-euro{font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.25;letter-spacing:-.015em;font-weight:500;max-width:22em;margin:0}
.hp-euro-sub{margin-top:16px}

/* Leistungen */
.hp-grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--wp--preset--color--rule);border:1px solid var(--wp--preset--color--rule);border-radius:12px;overflow:hidden;margin-top:40px !important}
.hp-grid > *{background:var(--wp--preset--color--white);padding:28px;margin:0 !important}
.hp-grid h3{font-size:1.15rem;margin:0 0 8px}
.hp-grid p{margin:0;color:var(--wp--preset--color--muted)}

/* Ablauf */
.hp-steps{counter-reset:step;margin-top:40px !important}
.hp-step{display:grid;grid-template-columns:64px 1fr;gap:0 20px;padding:24px 0;border-top:1px solid var(--wp--preset--color--rule);margin:0 !important}
.hp-step::before{counter-increment:step;content:counter(step);grid-row:span 2;font-size:2.2rem;font-weight:700;color:var(--wp--preset--color--brass);line-height:1}
.hp-step h3{margin:0 0 4px;font-size:1.2rem}
.hp-step p{margin:0;color:var(--wp--preset--color--muted)}

/* Zielgruppen */
.hp-tags{display:flex !important;flex-wrap:wrap;gap:10px;margin-top:28px !important}
.hp-tags p{margin:0 !important;border:1px solid var(--wp--preset--color--rule);border-radius:999px;padding:8px 16px;background:var(--wp--preset--color--white);font-weight:500}

/* Über mich */
.hp-facts{list-style:none;padding:0;margin:0}
.hp-facts li{padding:14px 0;border-top:1px solid rgba(255,255,255,.18)}
.hp-facts li:last-child{border-bottom:1px solid rgba(255,255,255,.18)}

/* Kontakt */
.hp-contact h2{margin-top:0}

/* Header / Footer */
.hp-header{padding:18px 20px;border-bottom:1px solid var(--wp--preset--color--rule);background:var(--wp--preset--color--paper)}
.hp-header .wp-block-site-title{font-weight:700;font-size:1.15rem;letter-spacing:-.01em;margin:0}
.hp-header .wp-block-site-title a{color:var(--wp--preset--color--ink);text-decoration:none}
.hp-footer{padding:40px 20px;font-size:.88rem;color:var(--wp--preset--color--muted);border-top:1px solid var(--wp--preset--color--rule)}
.hp-footer a{color:var(--wp--preset--color--muted)}

.wp-element-button:focus-visible,a:focus-visible{outline:2px solid var(--wp--preset--color--brass);outline-offset:2px}
@media (max-width:781px){.hp-hero .wp-block-columns{gap:32px}.hp-step{grid-template-columns:44px 1fr}.hp-step::before{font-size:1.6rem}}

/* Marke */
.hp-brand{gap:10px;align-items:center}
.hp-brand .hp-anchor{display:flex;color:var(--wp--preset--color--brass)}
.hp-brand .hp-anchor svg{width:26px;height:26px}