/* Theme Name: Bestattungen Blesgen Theme URI: https://bestattungen-blesgen.de Author: RJKL — René Jäkel Description: Individuelles Theme für Bestattungen Blesgen (RJKL Pitch → Produktion). Version: 0.2.5 Text Domain: blesgen */ :root{ --papier:#F1ECE3; /* warmes Limestone-Papier (Hauptfläche) */ --papier2:#E8E1D4; /* eine Stufe wärmer/tiefer (Rhythmus) */ --card:#F8F4EC; /* warmes Weiß für Karten */ --anker:#241F1A; /* tiefer warmer Espresso-Anker (dunkle Sektionen) */ --anker2:#1C1814; /* noch eine Spur dunkler */ --ink:#2A241D; /* warmes Beinahe-Schwarz, Text auf hell */ --muted:#8A8073; /* warmes Taupe-Grau */ --gold:#A9803B; /* tieferes Gold für Kontrast auf hell */ --gold-l:#CDA962; /* helleres Gold auf dunklem Anker */ --text-d:#F1ECE3; /* Text auf dunkel */ --muted-d:#B2A793; /* gedämpfter Text auf dunkel */ --line:rgba(42,36,29,.16); /* Hairline auf hell */ --line-g:rgba(169,128,59,.32);/* Gold-Hairline auf hell */ --line-d:rgba(205,169,98,.26);/* Gold-Hairline auf dunkel */ } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{ background:var(--papier); color:var(--ink); font-family:'Mulish',sans-serif; font-size:clamp(1rem,1.1vw,1.15rem); line-height:1.7; overflow-x:clip; -webkit-font-smoothing:antialiased; } ::selection{background:rgba(169,128,59,.24);color:var(--ink)} .wrap{max-width:1200px;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,2.5rem)} .read{max-width:1000px;margin-inline:auto} .display{font-family:'Cormorant Garamond',serif;font-weight:300;line-height:1.05;letter-spacing:-.5px} h2.display{font-weight:400;line-height:1.08;letter-spacing:-.3px} .h1{font-size:clamp(2.5rem,5.4vw,5rem)} .h2{font-size:clamp(2rem,4vw,3.4rem)} .eyebrow{font-family:'Cormorant Garamond',serif;font-variant:small-caps;letter-spacing:.18em;color:var(--gold);font-weight:500;font-size:1.05rem} .meta{font-size:.82rem;letter-spacing:.04em;color:var(--muted)} a{color:inherit;text-decoration:none} /* dunkle Sektionen */ .dark{background:var(--anker);color:var(--text-d)} .dark .eyebrow{color:var(--gold-l)} .dark .h2,.dark h2,.dark h3{color:var(--text-d)} /* ---------- Gold-Punkt (24/7) ---------- */ .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(169,128,59,.55);animation:puls 3s ease-in-out infinite;flex:0 0 auto} .dark .dot{background:var(--gold-l);box-shadow:0 0 8px rgba(205,169,98,.6)} @keyframes puls{0%,100%{opacity:.3}50%{opacity:1}} /* ---------- Header ---------- */ #head{position:sticky;top:0;z-index:60;transition:background .4s} .topbar{background:var(--anker);color:var(--muted-d);font-size:.82rem;letter-spacing:.04em;transition:max-height .45s ease,opacity .35s ease,padding .35s ease;max-height:60px;overflow:hidden} .topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.6rem;padding-bottom:.6rem} .topbar a{color:var(--text-d);transition:color .3s} .topbar a:hover{color:var(--gold-l)} .topbar .right{display:flex;align-items:center;gap:.6rem} .brandhead{transition:background .4s,padding .4s;padding-top:1rem;padding-bottom:.9rem;background:var(--papier)} /* 3-Spalten-Grid: beide Seitenspalten immer exakt gleich breit (minmax(0,1fr)) → das Logo in der Mitte steht garantiert zentriert, unabhängig davon, wie unterschiedlich lang die Linktexte links und rechts sind. */ .brandhead .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(.9rem,2.2vw,2.2rem)} .nav-side{display:flex;align-items:center;gap:clamp(.6rem,1.4vw,1.15rem);flex:1 1 0;min-width:0;list-style:none;padding:0;margin:0} .nav-side.left{justify-content:flex-end} .nav-side.right{justify-content:flex-start} /* FIX 2 — wp_nav_menu liefert