/*
Theme Name: Harzbook Heritage
Theme URI: https://harzbook.de/
Author: Harzbook
Description: Ruhiges, responsives WordPress-Theme für die historische Fotochronik des Harzes. Abgestimmt auf das Harzbook-Chronik-Plugin.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: harzbook-heritage
License: GPL-2.0-or-later
*/
:root{--paper:#f6f2e9;--surface:#fffdf8;--ink:#242b29;--muted:#67716d;--pine:#25483f;--pine-dark:#19372f;--gold:#b18a50;--line:#dcd7c9;--shadow:0 18px 55px #1d35251a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--pine);text-underline-offset:3px}a:hover{color:#906a36}img{max-width:100%;height:auto}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold)}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{clip:auto;height:auto;width:auto;background:#fff;padding:12px;z-index:9999}.hb-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{position:relative;background:var(--surface);border-bottom:1px solid var(--line);z-index:10}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--ink)}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--pine);color:#f4e6c8;font:30px/1 Georgia,serif}.brand-name{font:700 29px/1.15 Georgia,serif;letter-spacing:-.6px;display:block}.brand-tag{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);display:block;margin-top:3px}.nav-menu{display:flex;gap:27px;align-items:center;list-style:none;padding:0;margin:0}.nav-menu a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:650}.nav-menu a:hover,.nav-menu .current-menu-item>a{color:var(--gold)}.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#183a33 0%,#2d5349 57%,#4d6658 100%);color:#f9f5eb;padding:80px 0 86px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 10%,#b18a5040,transparent 46%),repeating-linear-gradient(125deg,transparent 0 22px,#ffffff06 23px 24px);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-80px;right:-30px;width:460px;height:270px;border:1px solid #f7e6c02e;border-radius:50%;box-shadow:0 0 0 42px #ffffff08,0 0 0 92px #ffffff07;transform:rotate(-15deg)}.hero-inner{position:relative;z-index:1;max-width:850px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2.4px;text-transform:uppercase;color:#e4c28c}.hero h1{font:400 clamp(43px,6.2vw,82px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-1.9px;margin:18px 0 22px}.hero h1 em{font-style:italic;color:#e6c996}.hero p{font-size:clamp(17px,2vw,21px);max-width:610px;color:#e1e8df;margin:0 0 30px}.hero-cta{display:inline-flex;align-items:center;gap:10px;background:#e8c894;color:#233b32;text-decoration:none;font-weight:750;font-size:14px;padding:14px 22px;border-radius:6px}.hero-cta:hover{background:#f4dcae;color:#233b32}.hero-note{font-size:13px;color:#d8e2d7;margin-left:18px}.section-label{display:flex;align-items:center;gap:15px;color:var(--muted);text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:750;margin-bottom:28px}.section-label:after{content:"";height:1px;background:var(--line);flex:1}.main-area{padding:64px 0 90px;min-height:40vh}.main-area.has-hero{padding-top:55px}.entry-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:clamp(22px,4vw,52px);box-shadow:0 7px 25px #253b2c08}.entry-card h1,.entry-card h2,.archive-title{font:400 clamp(30px,4vw,49px)/1.2 Georgia,serif;color:var(--pine-dark);margin:0 0 24px}.entry-card p{margin-top:0}.entry-card blockquote{border-left:3px solid var(--gold);padding-left:22px;color:var(--muted);margin-left:0}.entry-card .wp-block-image img{border-radius:9px}.entry-card+.entry-card{margin-top:22px}.entry-meta{font-size:13px;color:var(--muted);margin-bottom:20px}.entry-card .hb-app{max-width:none;--hb-paper:var(--paper);--hb-ink:var(--ink);--hb-accent:var(--pine);--hb-line:var(--line)}.entry-card:has(.hb-app){background:transparent;border:0;box-shadow:none;padding:0}.entry-card:has(.hb-app)>.entry-header{display:none}.hb-app .hb-intro h2{color:var(--pine-dark)}.hb-app .hb-map-section,.hb-app .hb-timeline,.hb-app .hb-panel,.hb-app .hb-compare-controls{background:var(--surface);box-shadow:0 8px 30px #19372f0b}.hb-app .hb-viewer{background:#ded8c9}.hb-app .hb-actions button{transition:background .2s}.hb-app .hb-actions button:hover:not(:disabled){background:var(--pine-dark)}.hb-app .hb-year-button.active{background:var(--pine);border-color:var(--pine)}.site-footer{background:#1d352e;color:#d4e0d6;padding:46px 0 24px}.footer-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-name{font:30px Georgia,serif;color:#f4e6c8}.footer-grid p{font-size:14px;max-width:450px;margin:10px 0}.footer-menu{display:flex;gap:16px;flex-wrap:wrap;list-style:none;padding:0;margin:10px 0}.footer-menu a{color:#e1e8df;text-decoration:none;font-size:14px}.footer-bottom{border-top:1px solid #ffffff24;padding-top:20px;margin-top:28px;font-size:12px;color:#b6c5ba}.archive-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.archive-item{background:var(--surface);border:1px solid var(--line);padding:25px;border-radius:10px}.archive-item h2{font:28px Georgia,serif;margin:0 0 10px}.archive-item a{text-decoration:none}.archive-item p{font-size:15px;color:var(--muted)}.pagination{margin-top:30px}.pagination .page-numbers{display:inline-block;margin-right:8px;padding:7px 12px;border:1px solid var(--line);border-radius:5px}.pagination .current{background:var(--pine);color:white}.comment-area{margin-top:40px}.site-header .custom-logo{max-height:60px;width:auto}.site-header .custom-logo-link{display:block}@media(max-width:800px){.header-inner{align-items:flex-start;flex-direction:column;gap:14px;padding-block:17px}.nav-menu{gap:15px;flex-wrap:wrap}.hero{padding:60px 0}.hero:after{opacity:.4}.main-area{padding:35px 0 65px}.hero-note{display:block;margin:15px 0 0}}@media(max-width:480px){.hb-container{width:min(100% - 26px,1180px)}.brand-name{font-size:25px}.brand-tag{letter-spacing:.7px;font-size:10px}.hero h1{letter-spacing:-1px}.entry-card{padding:22px}.hb-app .hb-map-section{padding:12px}}