/*
Theme Name: Frau Herberti
Theme URI: https://herberti.de
Author: Frau Herberti
Description: Magazin-Theme für Genuss, Wissen und Lebensart. Logo-Update auf Basis des Frau-Herberti-Prototyps.
Version: 0.4.4
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: frau-herberti
*/
:root{--paper:#f9f7f2;--white:#fffdf9;--ink:#252722;--muted:#777a70;--olive:#666f41;--line:#dcded5;--serif:"Italiana",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%}.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;left:8px;top:8px;padding:12px;background:white;z-index:999}.site-header{background:var(--white);position:relative;z-index:10}.header-inner{max-width:1500px;margin:auto;padding:21px clamp(24px,5vw,92px) 20px;min-height:131px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;flex-direction:column;text-decoration:none;white-space:nowrap;min-width:260px}.brand-name{font-family:var(--serif);font-size:clamp(40px,4vw,61px);line-height:.96;letter-spacing:-.035em}.brand-first{font-size:.66em;letter-spacing:-.015em}.brand-stroke{height:1px;background:var(--olive);width:78%;margin:12px 0 10px 18%;position:relative}.brand-claim{font-size:10px;letter-spacing:.34em;color:#626760;margin-left:8px}.brand-claim span{color:var(--olive);padding:0 2px}.main-nav{display:flex;align-items:center;gap:clamp(14px,2vw,31px)}.main-nav a{text-decoration:none;font-size:12px;color:#41453f;padding:9px 0;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:var(--olive);border-bottom:1px solid var(--olive)}.menu-toggle{display:none}.hero{height:min(66vw,650px);min-height:510px;position:relative;overflow:hidden;margin:0 18px;background:#353a2c;color:white}.hero-picture{position:absolute;inset:0;background-image:url("https://images.unsplash.com/photo-1512621776951-a57141f2eefd?auto=format&fit=crop&w=2200&q=88");background-size:cover;background-position:center 48%;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,18,13,.88),rgba(14,18,13,.65) 29%,rgba(14,18,13,.08) 70%)}.hero-content{position:relative;z-index:1;padding:clamp(70px,9vw,140px) clamp(35px,7vw,120px);max-width:700px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.26em;font-weight:700;color:var(--olive)}.eyebrow.light{color:#f0eee8}.hero h1{font:normal clamp(68px,8vw,124px)/.88 var(--serif);letter-spacing:-.04em;margin:19px 0 30px}.period{color:var(--olive)}.hero h1 .period{color:#d4d9bd}.hero-content>p:not(.eyebrow){font-size:clamp(14px,1.2vw,17px);line-height:1.75;max-width:365px;margin-bottom:30px;color:#f6f5ec}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 23px;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.15em;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-olive{background:var(--olive);color:white}.button-olive:hover{background:#535b34}.button span{font-size:19px;font-weight:400;line-height:.6}.hero-side-note{position:absolute;right:30px;bottom:30px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.24em;color:#fff9}.section-wrap{max-width:1420px;margin:auto;padding-left:clamp(26px,7vw,118px);padding-right:clamp(26px,7vw,118px)}.intro{padding-top:93px;padding-bottom:93px}.intro-heading{display:grid;grid-template-columns:minmax(300px,1.2fr) 90px minmax(200px,.75fr);gap:37px;align-items:center;margin-bottom:36px}.intro-heading h2,.editorial h2{font:normal clamp(46px,5.2vw,75px)/1.02 var(--serif);letter-spacing:-.026em;margin:14px 0 0}.thin-rule{height:1px;background:#adb4a0;width:100%}.intro-heading p,.editorial p:not(.eyebrow){font-size:14px;line-height:1.9;color:#73766d;max-width:330px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.category-image-link{display:block;overflow:hidden;aspect-ratio:1.17;background:#dedbd1}.category-image-link img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.category-image-link:hover img{transform:scale(1.05)}.category-card h3{font:normal 32px/1.1 var(--serif);margin:19px 0 8px}.category-card p{font-size:12px;line-height:1.8;color:#74766e;max-width:260px;margin:0 0 16px}.text-link{font-size:10px;letter-spacing:.19em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #aeb5a2;padding-bottom:5px;color:#596347;font-weight:700}.text-link:hover{color:#222}.text-link.muted{border:0;color:#888e7d}.feature{display:grid;grid-template-columns:46% 54%;min-height:480px;background:#f0efe9;overflow:hidden}.feature-copy{padding:clamp(50px,7vw,105px) clamp(30px,7vw,116px);align-self:center}.feature h2{font:normal clamp(51px,5.5vw,81px)/.99 var(--serif);letter-spacing:-.03em;margin:19px 0}.feature-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#77796f;max-width:350px;margin-bottom:25px}.feature-photo{height:100%;min-height:480px}.feature-photo img{height:100%;width:100%;object-fit:cover}.prototype-note{display:block;font-size:10px;color:#878b7f;margin-top:16px}.editorial{padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:1fr .7fr;gap:15%;align-items:center}.editorial p:not(.eyebrow){max-width:430px}.site-footer{background:#31362c;color:#f5f2e9}.footer-top{padding-top:67px;padding-bottom:66px;display:flex;align-items:end;justify-content:space-between;gap:60px}.footer-logo{font:normal 48px var(--serif)}.footer-top div p{letter-spacing:.19em;font-size:10px;text-transform:uppercase}.footer-top>p{max-width:380px;font-size:12px;line-height:1.8;color:#c4c8bb}.footer-bottom{border-top:1px solid #58604f;display:flex;justify-content:space-between;padding-top:22px;padding-bottom:28px;font-size:10px;color:#b7bcae}.inner-page{min-height:60vh;padding-top:80px;padding-bottom:100px}.inner-page h1,.inner-page h2{font-family:var(--serif);font-weight:400}.inner-page h1{font-size:clamp(48px,7vw,90px)}.inner-page article{max-width:860px}.inner-page p,.entry-content{line-height:1.8}.post-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.post-list article{border-bottom:1px solid var(--line);padding:20px 0}.post-list h2{font-size:38px}.wp-block-image img{height:auto}@media(max-width:900px){.header-inner{min-height:110px;padding:22px 24px}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:transparent;padding:14px;cursor:pointer}.menu-toggle span{width:26px;height:1px;background:#222}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--white);padding:25px;box-shadow:0 18px 20px #0001;flex-direction:column;align-items:start}.main-nav.is-open{display:flex}.hero{margin:0 10px}.intro-heading{grid-template-columns:1fr 1fr;gap:18px}.thin-rule{display:none}.category-grid{gap:15px}.feature-copy{padding:52px 36px}}@media(max-width:620px){.header-inner{min-height:98px}.brand-name{font-size:44px}.brand-claim{font-size:8px;letter-spacing:.23em}.hero{min-height:580px;height:72vh;max-height:720px}.hero-picture{background-position:58% center}.hero-shade{background:linear-gradient(90deg,#121910d9,#12191070 75%,#12191020)}.hero-content{padding:110px 27px 50px}.hero h1{font-size:clamp(68px,18vw,91px)}.hero-side-note{display:none}.intro{padding-top:66px;padding-bottom:68px}.intro-heading{display:block;margin-bottom:30px}.intro-heading p{margin-top:25px}.category-grid,.post-list{grid-template-columns:1fr;gap:44px}.category-image-link{aspect-ratio:1.35}.category-card h3{font-size:37px}.category-card p{max-width:none}.feature{grid-template-columns:1fr}.feature-copy{padding:62px 27px}.feature-photo{min-height:320px;height:320px;order:-1}.editorial{grid-template-columns:1fr;padding-top:80px;padding-bottom:80px;gap:20px}.footer-top{display:block}.footer-top>p{margin-top:34px}.footer-bottom{gap:20px;line-height:1.5}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Uploaded wordmark, scaled to the original header layout */
.brand-image{width:clamp(235px,25vw,360px);min-width:0;display:block}.brand-image .custom-logo-link{display:block}.brand-image .custom-logo{display:block;width:100%;height:auto;max-height:90px;object-fit:contain;object-position:left center}@media(max-width:620px){.brand-image{width:clamp(205px,65vw,285px)}.brand-image .custom-logo{max-height:76px}}

/* Personal editorial page: Warum Frau Herberti? */
.about-magazine{background:var(--paper);overflow:hidden}
.about-opening{padding-top:110px;padding-bottom:83px}
.about-opening .eyebrow{margin:0 0 25px}
.about-opening h1{font:normal clamp(62px,8vw,128px)/.98 var(--serif);letter-spacing:-.035em;margin:0 0 26px;max-width:1200px}
.about-opening .period{color:var(--olive)}
.about-lead{font:normal clamp(22px,2.25vw,34px)/1.45 var(--serif);color:#666d5c;max-width:800px;margin:0}
.about-hairline{display:block;height:1px;background:var(--line);margin-top:70px;max-width:100%}
.about-story{padding-top:15px;padding-bottom:85px}
.about-prose{max-width:765px;margin-left:clamp(0px,8vw,145px)}
.about-prose h2,.about-finding h2,.about-photo-label h2{font:normal clamp(42px,4.8vw,72px)/1.06 var(--serif);letter-spacing:-.025em;margin:0 0 33px}
.about-prose p:not(.eyebrow),.about-photo-copy p,.about-finding p:not(.eyebrow),.about-final p{font-size:clamp(15px,1.12vw,17px);line-height:1.95;color:#60665d;margin:0 0 21px}
.about-quote{margin:92px auto 105px;max-width:850px;text-align:center;padding:0 30px}
.about-quote-rule{display:block;background:var(--olive);width:56px;height:1px;margin:0 auto 34px}
.about-quote p{font:normal clamp(30px,3.7vw,56px)/1.25 var(--serif);color:#545f43;margin:0}
.about-travel .eyebrow{margin:0 0 17px}
.about-photo-story{background:#f0efe9;padding:96px 0 101px}
.about-photo-story-inner{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(40px,7vw,130px);align-items:start}
.about-photo-label .eyebrow{margin:6px 0 22px}
.about-photo-label h2{max-width:470px}
.about-photo-copy{max-width:560px}
.about-photo-copy p{font-size:15px;line-height:1.9}
.about-photo-copy .text-link{display:inline-block;margin-top:15px}
.about-ending{padding-top:115px;padding-bottom:125px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,150px)}
.about-finding{max-width:510px}
.about-finding .eyebrow{margin:0 0 20px}
.about-final{padding-top:48px;max-width:510px}
.about-final .about-last{font-weight:600;color:#333a30;margin-top:34px}
.about-final .about-signature{letter-spacing:.2em;text-transform:uppercase;font-size:11px;color:var(--olive);margin-top:40px}
@media(max-width:900px){.about-opening{padding-top:78px;padding-bottom:60px}.about-hairline{margin-top:55px}.about-story{padding-bottom:65px}.about-prose{margin-left:0}.about-photo-story-inner{grid-template-columns:1fr;gap:28px}.about-photo-story{padding:70px 0}.about-ending{padding:75px clamp(26px,7vw,118px);grid-template-columns:1fr;gap:12px}.about-final{padding-top:0}.about-quote{margin:70px auto}}
@media(max-width:620px){.about-opening{padding-top:65px;padding-bottom:45px}.about-opening h1{font-size:clamp(55px,15vw,82px)}.about-lead{font-size:25px}.about-hairline{margin-top:42px}.about-prose h2,.about-finding h2,.about-photo-label h2{font-size:clamp(39px,11vw,56px)}.about-story{padding-bottom:55px}.about-quote{padding:0 5px;margin:62px 0 70px}.about-quote p{font-size:clamp(30px,8vw,42px)}.about-photo-story{padding:60px 0}.about-ending{padding-top:70px;padding-bottom:80px}}

/* Visual storytelling for the personal page: photographic images remain free of embedded text. */
.about-opening{padding-top:68px;padding-bottom:78px}
.about-opening h1{font-size:clamp(55px,6.15vw,94px);margin-bottom:20px}
.about-opening .about-lead{font-size:clamp(21px,2vw,29px)}
.about-opening .about-hairline{margin-top:45px;margin-bottom:38px}
.about-hero-photo{margin:0;width:100%;aspect-ratio:1672/750;overflow:hidden;background:#eeeae2}
.about-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 56%}
.about-finding-photo{margin:0 0 35px;width:100%;aspect-ratio:1.38;overflow:hidden;background:#e9e6df}
.about-finding-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:32% center}
@media(max-width:900px){.about-opening{padding-top:60px;padding-bottom:50px}.about-hero-photo{aspect-ratio:1.75}}
@media(max-width:620px){.about-opening{padding-top:45px;padding-bottom:35px}.about-opening h1{font-size:clamp(48px,11.5vw,72px)}.about-opening .about-lead{font-size:23px}.about-opening .about-hairline{margin-top:33px;margin-bottom:25px}.about-hero-photo{aspect-ratio:1.32}.about-hero-photo img{object-position:63% center}.about-finding-photo{aspect-ratio:1.4}}


/* Personal page hero: live typography over the photo; DM Sans for the subordinate text. */
.about-magazine .about-opening{max-width:1500px;margin:0 auto;padding:0 18px 0}
.about-magazine .about-hero-photo{position:relative;margin:0;width:100%;height:clamp(490px,47vw,670px);aspect-ratio:auto;overflow:hidden;background:#435054}
.about-magazine .about-hero-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.about-hero-overlay{position:absolute;inset:0;display:flex;align-items:center;background:linear-gradient(90deg,rgba(13,26,32,.78) 0%,rgba(13,26,32,.60) 30%,rgba(13,26,32,.22) 57%,transparent 82%);color:#fff}
.about-hero-copy{padding:48px clamp(35px,6.3vw,98px);max-width:720px;width:65%}
.about-magazine .about-hero-copy .eyebrow{color:#f5f1e6;font-family:var(--sans);font-size:11px;letter-spacing:.25em;margin:0 0 24px}
.about-magazine .about-hero-copy h1{font:normal clamp(54px,5.6vw,88px)/1.04 var(--serif);letter-spacing:-.032em;max-width:640px;margin:0 0 24px;color:#fff;text-wrap:balance}
.about-magazine .about-hero-copy .period{color:#d0d9b1}
.about-magazine .about-hero-copy .about-lead{font:400 clamp(16px,1.5vw,20px)/1.65 var(--sans);letter-spacing:0;color:#fff;max-width:450px;margin:0;text-shadow:0 1px 2px #0003}
.about-magazine .about-story{padding-top:100px}
.about-magazine .about-quote{margin-top:84px;margin-bottom:92px}
.about-magazine .about-quote p{font:400 clamp(20px,2.05vw,27px)/1.65 var(--sans);letter-spacing:0;color:#58634d}
@media(max-width:900px){.about-magazine .about-opening{padding:0 10px}.about-magazine .about-hero-photo{height:560px}.about-hero-copy{width:75%;padding:35px clamp(28px,5vw,50px)}.about-magazine .about-hero-copy h1{font-size:clamp(48px,7.7vw,69px)}.about-magazine .about-story{padding-top:75px}}
@media(max-width:620px){.about-magazine .about-opening{padding:0 8px}.about-magazine .about-hero-photo{height:min(73vh,650px);min-height:490px}.about-magazine .about-hero-photo>img{object-position:63% center}.about-hero-overlay{align-items:end;background:linear-gradient(0deg,rgba(13,26,32,.85) 0%,rgba(13,26,32,.53) 43%,rgba(13,26,32,.10) 85%)}.about-hero-copy{width:100%;max-width:none;padding:34px 25px 57px}.about-magazine .about-hero-copy .eyebrow{font-size:9px;letter-spacing:.2em;margin-bottom:16px}.about-magazine .about-hero-copy h1{font-size:clamp(49px,12vw,70px);max-width:520px;margin-bottom:19px}.about-magazine .about-hero-copy .about-lead{font-size:16px;line-height:1.55}.about-magazine .about-story{padding-top:63px}.about-magazine .about-quote p{font-size:20px;line-height:1.65}}


/* Editorial refinement 24 Oct 2026: anchor intro low-left; quiet full-width Genuss band. */
.about-magazine .about-hero-overlay{
  align-items:flex-end;
  background:linear-gradient(0deg,rgba(13,26,32,.66) 0%,rgba(13,26,32,.20) 42%,transparent 79%),
             linear-gradient(90deg,rgba(13,26,32,.52) 0%,rgba(13,26,32,.24) 36%,transparent 68%);
}
.about-magazine .about-hero-copy{
  width:min(70%,760px);
  max-width:none;
  padding:0 0 clamp(54px,7.1vw,102px) clamp(32px,5.2vw,80px);
}
.about-magazine .about-hero-copy h1{font-size:clamp(51px,5.15vw,78px)}
.about-magazine .about-quote{
  position:relative;
  isolation:isolate;
  padding:56px 25px 60px;
  margin-top:70px;
  margin-bottom:78px;
  max-width:850px;
}
.about-magazine .about-quote::before{
  content:"";
  position:absolute;
  z-index:-1;
  background:#eeefe8;
  left:50%;
  top:0;
  width:100vw;
  height:100%;
  transform:translateX(-50%);
}
.about-magazine .about-quote p{color:#515c48;font-size:clamp(19px,1.8vw,24px);line-height:1.7}
.about-magazine .about-quote-rule{margin-bottom:27px;background:#77805c}
@media(max-width:900px){
  .about-magazine .about-hero-copy{width:81%;padding:0 0 62px 35px}
  .about-magazine .about-hero-copy h1{font-size:clamp(49px,7vw,67px)}
}
@media(max-width:620px){
  .about-magazine .about-hero-overlay{
    align-items:flex-end;
    background:linear-gradient(0deg,rgba(13,26,32,.84) 0%,rgba(13,26,32,.46) 43%,transparent 80%);
  }
  .about-magazine .about-hero-copy{width:100%;padding:0 25px 48px}
  .about-magazine .about-hero-copy h1{font-size:clamp(48px,11.5vw,67px)}
  .about-magazine .about-quote{padding:42px 12px 46px;margin-top:55px;margin-bottom:62px}
  .about-magazine .about-quote p{font-size:19px}
}


/* Refined upper-left editorial hero: light type, restrained dark vignette only over sky. */
.about-magazine{background:#f9f7f2}
.about-magazine .about-hero-overlay{
  align-items:flex-start;
  background:radial-gradient(ellipse 75% 73% at 0% 0%,
    rgba(13,24,29,.62) 0%,
    rgba(13,24,29,.46) 38%,
    rgba(13,24,29,.19) 68%,
    rgba(13,24,29,0) 100%);
}
.about-magazine .about-hero-copy{
  width:min(74%,850px);
  padding:clamp(44px,6vw,84px) 0 0 clamp(32px,5.2vw,80px);
}
.about-magazine .about-hero-copy .eyebrow{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.26)}
.about-magazine .about-hero-copy h1{color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.24)}
.about-magazine .about-hero-copy .period{color:#e2e8d5}
.about-magazine .about-hero-copy .about-lead{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.30);font-weight:500}
.about-magazine .about-quote::before{background:#f0efe9}
.about-magazine .about-photo-story{background:#f0efe9}
@media(max-width:900px){
  .about-magazine .about-hero-copy{width:85%;padding:52px 0 0 34px}
}
@media(max-width:620px){
  .about-magazine .about-hero-overlay{
    align-items:flex-start;
    background:linear-gradient(180deg,rgba(13,24,29,.65) 0%,rgba(13,24,29,.45) 29%,rgba(13,24,29,.11) 65%,transparent 85%);
  }
  .about-magazine .about-hero-copy{width:100%;padding:38px 23px 0}
  .about-magazine .about-hero-copy h1{font-size:clamp(46px,10.5vw,65px)}
  .about-magazine .about-hero-copy .eyebrow{color:#fff}
  .about-magazine .about-hero-copy .about-lead{color:#fff}
}