/*
Theme Name: Havelstadt Editorial
Theme URI: https://havelstadt.de/
Author: Havelstadt
Description: Eigenständiges, responsives WordPress-Theme für Havelstadt. Magazin, Gutscheine, Deals und Supplements.
Version: 1.0.2
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: havelstadt-editorial
License: GPL-2.0-or-later
*/
:root{--hv-ink:#202b49;--hv-navy:#141e38;--hv-soft:#56647e;--hv-slate:#67768e;--hv-border:#e3e8f1;--hv-bg:#f7f9fd;--hv-blue:#2861bc;--hv-violet:#7654b9;--hv-grad:linear-gradient(108deg,#2861bc 0%,#5c66c6 53%,#8658b6 100%);--hv-deep:linear-gradient(115deg,#182850 0%,#3154a6 53%,#7654ac 100%);--hv-pastel:linear-gradient(120deg,#f0f5ff,#f1efff 60%,#fff);--hv-max:1184px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--hv-ink);background:#fff;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{line-height:1.14;letter-spacing:-.041em;margin:0 0 .5em;font-weight:800}h1{font-size:clamp(36px,4.6vw,66px)}h2{font-size:clamp(28px,2.8vw,40px)}h3{font-size:21px}p{margin:0 0 1.2em;line-height:1.77}a{color:inherit;text-decoration:none}a:hover{color:var(--hv-blue)}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a4a1f0;outline-offset:3px}button{border:0}.hv-wrap{width:min(calc(100% - 48px),var(--hv-max));margin-inline:auto}.hv-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hv-kicker{display:block;font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#506cc2;margin-bottom:15px}.hv-muted{color:var(--hv-soft)}.hv-small{font-size:12px;color:var(--hv-slate)}.hv-gradient-text{background:var(--hv-grad);color:transparent;-webkit-background-clip:text;background-clip:text}.hv-btn{background:var(--hv-grad);padding:13px 21px;min-height:45px;border-radius:7px;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-size:13px;font-weight:780;box-shadow:0 4px 13px #324fa81c;transition:filter .2s}.hv-btn:hover{color:#fff;filter:brightness(1.07)}.hv-btn-outline{border:1px solid #cbd6e9;color:#263e73;background:white;box-shadow:none}.hv-btn-outline:hover{color:#1d4d99}.hv-inline-link{color:#315fb9;font-weight:750;font-size:13px}.hv-inline-link:hover{text-decoration:underline}.hv-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.hv-section{padding:76px 0}.hv-section-alt{background:var(--hv-bg)}.hv-section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:27px}.hv-section-head p{color:var(--hv-soft);margin:0}.hv-section-head h2{margin-bottom:10px}.hv-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hv-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.hv-card{background:#fff;border:1px solid var(--hv-border);border-radius:11px;overflow:hidden;min-width:0;transition:box-shadow .18s,transform .18s}.hv-card:hover{box-shadow:0 10px 25px rgba(32,43,73,.07)}.hv-card-pad{padding:26px}.hv-card h3{margin:8px 0 10px;font-size:23px}.hv-card p{color:var(--hv-soft);font-size:14px}.hv-spaced{display:flex;justify-content:space-between;align-items:center;gap:12px}.hv-rule{border:0;border-top:1px solid var(--hv-border);margin:0}
/* Header: klassisches redaktionelles Portal */
.hv-topbar{background:#121c35;color:#dfe6f7;min-height:35px;font-size:11px}.hv-topbar .hv-wrap{min-height:35px;display:flex;justify-content:space-between;gap:12px;align-items:center}.hv-topbar a:hover{color:#fff}.hv-topbar-right{display:flex;gap:22px}.hv-main-header{background:#fff;border-bottom:1px solid var(--hv-border)}.hv-headline{min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:22px}.hv-brand{display:inline-flex;flex-direction:column;gap:5px;flex-shrink:0;line-height:1}.hv-brand-name{font-size:31px;font-weight:900;letter-spacing:-.077em;color:#15223f}.hv-brand-name span{background:var(--hv-grad);color:transparent;-webkit-background-clip:text;background-clip:text}.hv-brand-sub{font-size:9px;letter-spacing:.2em;font-weight:800;color:#6b7893}.custom-logo{max-width:240px;max-height:65px;width:auto;height:auto}.hv-headtools{display:flex;gap:18px;align-items:center}.hv-headnote{font-size:12px;color:var(--hv-slate)}.hv-search{display:flex;align-items:center;border:1px solid #dfe5f0;background:#f8f9fc;border-radius:7px;overflow:hidden;height:42px;max-width:300px}.hv-search input{min-width:0;width:210px;border:0;background:none;padding:10px 12px;color:#1b2946;font-size:13px}.hv-search button{background:transparent;color:#5e6a82;font-size:16px;padding:7px 12px}.hv-nav-shell{border-top:1px solid #edf0f6}.hv-nav-wrap{display:flex;align-items:center;gap:25px}.hv-nav{display:flex;align-items:center;gap:30px;min-height:53px;list-style:none;margin:0;padding:0}.hv-nav li{position:relative;list-style:none}.hv-nav>li>a{display:flex;align-items:center;min-height:53px;font-size:13px;font-weight:740;white-space:nowrap}.hv-nav>li.current-menu-item>a,.hv-nav>li.current_page_item>a{color:var(--hv-blue)}.hv-nav>li.current-menu-item:after,.hv-nav>li.current_page_item:after,.hv-nav>li:hover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--hv-grad)}.hv-nav .sub-menu{position:absolute;top:100%;left:0;z-index:35;width:235px;padding:8px;list-style:none;margin:0;background:white;border:1px solid var(--hv-border);box-shadow:0 12px 25px #131d3933;border-radius:0 0 8px 8px;display:none}.hv-nav .sub-menu a{display:block;padding:8px 10px;font-size:13px;font-weight:600}.hv-nav .sub-menu li:hover{background:var(--hv-bg)}.hv-nav li:hover>.sub-menu,.hv-nav li:focus-within>.sub-menu{display:block}.hv-nav-aside{margin-left:auto;font-size:12px;color:var(--hv-slate)}.hv-menu-toggle{display:none;border:1px solid var(--hv-border);background:white;color:var(--hv-ink);border-radius:7px;width:42px;height:40px;font-size:23px}
/* Hero wie V4, unabhängig von Fremd-Theme */
.hv-hero{background:var(--hv-pastel);border-bottom:1px solid var(--hv-border);padding:77px 0 74px;overflow:hidden;position:relative}.hv-hero:before{content:"";position:absolute;width:480px;height:480px;border:1px solid #dfe2fb;opacity:.7;border-radius:50%;right:-240px;top:-145px;pointer-events:none}.hv-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center;position:relative}.hv-hero h1{max-width:630px;margin:0 0 24px}.hv-hero-lead{font-size:16px;color:#566580;max-width:570px;margin-bottom:28px}.hv-hero-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#657493;margin-top:27px}.hv-hero-meta span{border-left:2px solid #a7b4ed;padding-left:10px}.hv-hero-panel{box-shadow:0 18px 30px #1c295c18;border-radius:12px;overflow:hidden;background:white}.hv-hero-panel-head{padding:25px 25px 22px;color:white;background:var(--hv-deep)}.hv-hero-panel-head .hv-kicker{color:#cad7f5;margin-bottom:8px}.hv-hero-panel-head h2{font-size:24px;margin:0 0 5px;color:#fff}.hv-hero-panel-head p{font-size:12px;color:#e1e8fa;margin:0}.hv-coupon-mini{display:flex;align-items:center;gap:14px;padding:20px 23px;border-bottom:1px solid var(--hv-border)}.hv-coupon-initial{width:56px;height:53px;background:#f5f7fb;border:1px solid #e0e6f1;border-radius:6px;display:grid;place-items:center;font-size:15px;font-weight:850;letter-spacing:-.055em;color:#27314d;flex-shrink:0}.hv-coupon-mini-main{min-width:0;flex:1}.hv-coupon-mini-main strong{font-size:14px}.hv-coupon-mini-main small{display:block;color:var(--hv-slate);font-size:11px;margin-top:2px}.hv-hero-panel-foot{padding:12px 24px;background:#f7f9fd;color:#8792a8;font-size:11px}
.hv-brandstrip{border-bottom:1px solid var(--hv-border);padding:24px 0}.hv-brandstrip .hv-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.hv-brandstrip-label{font-size:12px;color:#748198;font-weight:700}.hv-brandlist{display:flex;align-items:center;flex-wrap:wrap;gap:36px;font-weight:850;color:#29344f;font-size:16px}.hv-coupon-card .hv-card-pad{display:flex;flex-direction:column;height:100%}.hv-coupon-card h3{font-size:24px}.hv-code-line{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px dashed #b8c8ec;border-radius:7px;background:#f7f9ff;padding:9px 10px;margin:17px 0}.hv-code-line strong{letter-spacing:.09em;font-weight:900;font-size:18px;color:#24335f}.hv-copy{font-size:12px;background:var(--hv-grad);border-radius:6px;padding:8px 12px;color:white;font-weight:750;white-space:nowrap}.hv-copy[disabled]{background:#98a0b2;cursor:not-allowed}.hv-copy:hover:not([disabled]){filter:brightness(1.07)}.hv-coupon-card .hv-card-end{border-top:1px solid var(--hv-border);margin-top:auto;padding-top:18px}.hv-topic-card{padding:26px;display:block;background:#fff;border:1px solid var(--hv-border);border-radius:10px}.hv-topic-card small{color:#7b8aa2;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.hv-topic-card h3{margin-top:22px}.hv-topic-card p{color:#64718b;font-size:14px}.hv-band{background:var(--hv-deep);color:white;padding:36px 0}.hv-band .hv-wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.hv-band h2{font-size:25px;margin:0 0 8px;color:white}.hv-band p{color:#dce6fa;margin:0}.hv-band .hv-btn-outline{background:transparent;color:white;border-color:#d4dcf0}
/* Archive & article */
.hv-page-intro{background:var(--hv-pastel);padding:57px 0 51px;border-bottom:1px solid var(--hv-border)}.hv-page-intro h1{font-size:clamp(34px,4vw,54px);margin-bottom:15px}.hv-page-intro p{max-width:720px;color:var(--hv-soft);font-size:16px}.hv-breadcrumbs{font-size:12px;color:#7886a0;margin-bottom:17px}.hv-breadcrumbs a:hover{text-decoration:underline}.hv-page-body{padding:56px 0 85px}.hv-content{max-width:830px}.hv-content h2,.hv-content h3{margin:1.25em 0 .5em}.hv-content h2{font-size:clamp(25px,2.5vw,34px)}.hv-content p,.hv-content ul,.hv-content ol{font-size:16px;line-height:1.85;color:#37435e}.hv-content ul,.hv-content ol{padding-left:24px}.hv-content a:not(.hv-btn){color:#2f5bb6;text-decoration:underline;text-underline-offset:3px}.hv-content .alignwide{max-width:1100px}.hv-content blockquote{border-left:4px solid #7065cc;margin:25px 0;padding:16px 26px;background:#f5f6ff}.hv-content img{border-radius:9px}.hv-article-head{max-width:840px;margin-bottom:32px}.hv-article-head .hv-kicker{margin-bottom:8px}.hv-article-head h1{font-size:clamp(36px,4.15vw,59px)}.hv-article-meta{display:flex;gap:18px;flex-wrap:wrap;color:#7c8ba2;font-size:12px;margin-top:15px}.hv-article-cover{margin:24px 0 35px;max-height:520px;width:100%;height:auto;object-fit:cover;border-radius:11px}.hv-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hv-post-image{display:block;background:#f0f3fb;aspect-ratio:16/10;overflow:hidden}.hv-post-image img{width:100%;height:100%;object-fit:cover}.hv-post-no-image{width:100%;height:100%;display:grid;place-items:center;color:#7888a3;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800;background:linear-gradient(130deg,#e7ecfa,#f3f1fb)}.hv-post-body{padding:23px}.hv-post-body h3{font-size:19px;line-height:1.33}.hv-post-body p{font-size:13px;color:var(--hv-soft)}.hv-post-foot{border-top:1px solid var(--hv-border);padding-top:13px;margin-top:12px}.hv-blank{border:1px dashed #d1d9ec;border-radius:9px;background:#fafbff;padding:28px;color:#62718b}.hv-pagination{margin-top:36px}.hv-pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px}.hv-pagination .page-numbers{padding:9px 13px;border:1px solid var(--hv-border);border-radius:6px}.hv-pagination .page-numbers.current{background:var(--hv-grad);color:#fff}.hv-article-sidebar{background:var(--hv-bg);border:1px solid var(--hv-border);border-radius:9px;padding:23px}.hv-article-sidebar a{color:#315fb9}.hv-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.75fr);gap:40px}.hv-coupon-feature{background:white;border:1px solid var(--hv-border);border-radius:11px;padding:28px;margin:28px 0}.hv-coupon-feature .hv-code-line{max-width:460px}.hv-coupon-info{display:grid;grid-template-columns:minmax(100px,160px) 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--hv-border);font-size:14px}.hv-coupon-info b{font-weight:750}.hv-coupon-info span{color:#5c6a85}.hv-archive-search{margin:0 0 24px}.hv-archive-search input{width:100%;padding:13px 16px;border:1px solid #cfd9e9;border-radius:8px;background:#fff}.hv-filter-buttons{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px}.hv-filter-buttons button{padding:9px 15px;background:#fff;border:1px solid var(--hv-border);border-radius:20px;color:#485775;font-size:12px;font-weight:730}.hv-filter-buttons button[aria-pressed=true]{background:#263e88;color:#fff;border-color:#263e88}
/* Footer */
.hv-footer{background:#121c35;color:#dce4f5;padding:59px 0 0}.hv-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:42px}.hv-footer .hv-brand-name{color:white}.hv-footer .hv-brand-sub{color:#a8b5d2}.hv-footer h4{font-size:14px;letter-spacing:0;margin-bottom:18px;color:white}.hv-footer p{font-size:13px;color:#a9b6d2;margin-top:18px}.hv-footer ul{list-style:none;margin:0;padding:0}.hv-footer li{margin:9px 0;font-size:13px}.hv-footer a:hover{color:#fff;text-decoration:underline}.hv-footer-bottom{border-top:1px solid #34405c;margin-top:46px;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#b0bed8}.hv-footer-bottom a{margin-left:17px}
/* WP conventions */
.wp-block-image img{height:auto}.wp-block-buttons{margin:22px 0}.wp-block-button__link{background:var(--hv-grad);border-radius:7px}.screen-reader-text{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.screen-reader-text:focus{background:#fff;height:auto;width:auto;clip:auto;padding:8px;z-index:100000}.alignleft{float:left;margin:0 20px 16px 0}.alignright{float:right;margin:0 0 16px 20px}.aligncenter{margin-left:auto;margin-right:auto;display:block}.wp-caption,.gallery-caption{max-width:100%}.wp-caption-text{font-size:12px;color:#63718a}.sticky{border-top:3px solid #6571c3}.bypostauthor{font-weight:inherit}
@media(max-width:1050px){.hv-hero-grid{gap:36px}.hv-nav{gap:22px}.hv-headnote{display:none}.hv-footer-grid{gap:23px}}
@media(max-width:760px){.hv-wrap{width:min(calc(100% - 32px),var(--hv-max))}.hv-topbar-right{display:none}.hv-topbar .hv-wrap{justify-content:center}.hv-headline{min-height:73px}.hv-brand-name{font-size:27px}.hv-brand-sub{font-size:8px}.hv-headtools .hv-search{display:none}.hv-menu-toggle{display:inline-grid;place-items:center}.hv-nav-shell{display:none}.hv-nav-shell.is-open{display:block}.hv-nav-wrap{display:block;padding:10px 0}.hv-nav{display:block;min-height:0}.hv-nav>li>a{min-height:44px;border-bottom:1px solid var(--hv-border)}.hv-nav .sub-menu{display:block;position:static;box-shadow:none;border:0;padding:0 0 7px 18px;width:auto}.hv-nav .sub-menu a{padding:6px 9px}.hv-nav-aside{display:none}.hv-hero{padding:50px 0}.hv-hero-grid{grid-template-columns:1fr;gap:32px}.hv-hero h1{font-size:clamp(37px,9.3vw,52px)}.hv-hero-lead{font-size:15px}.hv-hero-meta{gap:12px}.hv-section{padding:53px 0}.hv-section-head{align-items:flex-start;flex-direction:column}.hv-grid-3,.hv-grid-2,.hv-post-grid{grid-template-columns:1fr}.hv-brandstrip .hv-wrap{flex-direction:column;align-items:flex-start}.hv-brandlist{gap:20px}.hv-band .hv-wrap{align-items:flex-start;flex-direction:column}.hv-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.hv-footer-grid>div:first-child{grid-column:span 2}.hv-footer-bottom{flex-direction:column}.hv-detail-grid{grid-template-columns:1fr}.hv-page-body{padding:38px 0 60px}.hv-page-intro{padding:37px 0}.hv-card-pad{padding:23px}.hv-coupon-mini{padding:17px 18px}}
@media(max-width:400px){.hv-hero .hv-btn{width:100%}.hv-code-line{gap:8px}.hv-code-line strong{font-size:16px}.hv-copy{font-size:11px;padding:8px}.hv-footer-grid{grid-template-columns:1fr 1fr;gap:12px}}