/* Georgina Wilkinson — theme
   Newsreader + Karla, served locally. No external font requests. */

@font-face{font-family:'Karla';font-style:italic;font-weight:300;font-display:swap;src:url('../fonts/karla-italic-1.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Karla';font-style:italic;font-weight:300;font-display:swap;src:url('../fonts/karla-italic-2.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Karla';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/karla-italic-1.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Karla';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/karla-italic-2.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Karla';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/karla-normal-1.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Karla';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/karla-normal-2.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Karla';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/karla-normal-1.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Karla';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/karla-normal-2.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Karla';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/karla-normal-1.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Karla';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/karla-normal-2.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:300;font-display:swap;src:url('../fonts/newsreader-italic-1.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:300;font-display:swap;src:url('../fonts/newsreader-italic-2.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:300;font-display:swap;src:url('../fonts/newsreader-italic-3.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/newsreader-italic-1.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/newsreader-italic-2.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/newsreader-italic-3.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/newsreader-normal-1.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/newsreader-normal-2.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/newsreader-normal-3.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/newsreader-normal-1.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/newsreader-normal-2.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/newsreader-normal-3.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/newsreader-normal-1.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/newsreader-normal-2.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/newsreader-normal-3.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* ---- reset ---- */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
h1,h2,h3,h4,p,figure,blockquote,ul,ol{margin:0;padding:0}
ul,ol{list-style:none}
img{display:block;max-width:100%;height:auto}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a:link,a:visited,a:active{text-decoration:none}

/* ---- base (from the design) ---- */
html { scroll-behavior: smooth; }
  body { margin: 0; background: #F0ECE3; color: #3A2119; font-family: "Karla", system-ui, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
  a { color: #A32F4D; text-decoration: none; }
  a:hover { color: #8A5E24; }
  * { box-sizing: border-box; }
  img, input, select, textarea { max-width: 100%; }
  nav::-webkit-scrollbar { display: none; }

/* ---- hover states (were style-hover attributes) ---- */
.h5ce5d18:hover{background:#3A2119;}
.h4febc04:hover{background:#5C2434;}
.h45a73cd:hover{color:#D9A45F;}
.h219d7cf:hover{border-color:#A32F4D;color:#A32F4D;}
.h127b967:hover{background:#F0B9C4;color:#5C2434;}
.hb26ec82:hover{color:#F0B9C4;}
.h36139ef:hover{color:#F0ECE3;}

/* ---- responsive nav labels ---- */
.nav-wide{display:inline}
.nav-narrow{display:none}
@media (max-width:860px){
  .nav-wide{display:none}
  .nav-narrow{display:inline}
}

/* ---- skip link ---- */
.skip{position:absolute;left:-9999px;top:0;background:#5C2434;color:#F0ECE3;
  padding:10px 16px;z-index:999;font-family:'Karla',sans-serif;font-size:14px}
.skip:focus{left:0}

/* ---- focus visibility ---- */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid #A32F4D;outline-offset:3px}

/* ---- reveal on scroll (only once JS has confirmed it can run) ---- */
.js-reveal [data-reveal]{opacity:0;transform:translateY(14px);
  transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
.js-reveal [data-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .js-reveal [data-reveal]{opacity:1;transform:none;transition:none}
}


/* ======================================================================
   Kopfleiste mit Menü-Schaltfläche  (ersetzt die frühere Inline-Navigation)
   Links: Menü · Mitte: Wortmarke · Rechts: Sprachwahl
   ====================================================================== */
.site-head{position:sticky;top:0;z-index:60;background:rgba(92,36,52,0.95);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(240,236,227,0.14)}
.head-bar{max-width:1280px;margin:0 auto;padding:0 clamp(14px,3vw,34px);height:62px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}

.menu-btn{justify-self:start;display:flex;align-items:center;gap:10px;
  background:none;border:none;padding:10px 2px;cursor:pointer;color:#F0ECE3;
  font-family:'Karla',sans-serif;font-size:11.5px;letter-spacing:0.18em;
  text-transform:uppercase;font-weight:500;line-height:1}
.menu-btn:hover{color:#F0B9C4}
.menu-btn:hover .bars i{background:#F0B9C4}
.bars{display:block;width:20px;height:13px;position:relative;flex:0 0 auto}
.bars i{position:absolute;left:0;right:0;height:1px;background:#F0ECE3;
  transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .18s,background .18s}
.bars i:nth-child(1){top:0}
.bars i:nth-child(2){top:6px}
.bars i:nth-child(3){top:12px}
.menu-btn[aria-expanded="true"] .bars i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .bars i:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] .bars i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.wordmark{justify-self:center;font-family:'Newsreader',serif;font-weight:400;
  font-size:clamp(12px,3vw,18px);letter-spacing:clamp(.05em,.52vw,.16em);
  text-transform:uppercase;color:#F0ECE3;white-space:nowrap}
.wordmark:hover{color:#F0B9C4}

.langs{justify-self:end;display:flex;align-items:center;gap:7px;
  font-family:'Karla',sans-serif;font-size:11.5px;letter-spacing:0.18em;font-weight:500}
.langs .lang{color:#F0ECE3;opacity:.55}
.langs .lang.is-on{opacity:1}
.langs .lang:hover{opacity:1;color:#F0B9C4}
.langs .sep{color:rgba(240,236,227,0.35)}

/* unter 520px nur das Symbol, das Wort „Menü“ entfällt */
@media (max-width:520px){ .menu-label{display:none} }

/* ---- Aufklappmenü ---------------------------------------------------- */
.sitemenu{background:#5C2434;border-top:1px solid rgba(240,236,227,0.14)}
.menu-inner{max-width:1280px;margin:0 auto;
  padding:clamp(14px,3vw,26px) clamp(14px,3vw,34px) clamp(22px,4vw,38px);
  display:flex;flex-direction:column}
.menu-link{display:block;font-family:'Newsreader',serif;font-weight:300;
  font-size:clamp(25px,5.6vw,38px);line-height:1.3;color:#F0ECE3;
  padding:clamp(7px,1.4vw,12px) 0;border-bottom:1px solid rgba(240,236,227,0.10);
  transition:color .18s ease,padding-left .18s ease}
.menu-link:last-child{border-bottom:none}
.menu-link:hover,.menu-link:focus-visible{color:#F0B9C4;padding-left:10px}
.menu-link.is-current{color:#F0B9C4}
.menu-link.is-cta{color:#D9A45F}
.menu-link.is-cta:hover{color:#F0B9C4}

/* Ohne JavaScript bleibt das Menü sichtbar — eingeklappt wird nur,
   wenn das Skript im <head> die Klasse js-menu gesetzt hat. */
.js-menu .sitemenu{max-height:0;overflow:hidden;border-top-color:transparent;
  transition:max-height .34s cubic-bezier(.4,0,.2,1),border-top-color .2s}
.js-menu .sitemenu.is-open{max-height:80vh;overflow-y:auto;
  border-top-color:rgba(240,236,227,0.14)}

@media (prefers-reduced-motion:reduce){
  .js-menu .sitemenu{transition:none}
  .bars i{transition:none}
  .menu-link{transition:none}
}