@font-face{font-family:'Mulish';font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/mulish-normal-latin-ext.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:'Mulish';font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/mulish-normal-latin.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 500;font-display:swap;src:url('/assets/fonts/newsreader-italic-latin-ext.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 500;font-display:swap;src:url('/assets/fonts/newsreader-italic-latin.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 600;font-display:swap;src:url('/assets/fonts/newsreader-normal-latin-ext.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 600;font-display:swap;src:url('/assets/fonts/newsreader-normal-latin.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;}

/* ===== Grundlagen (aus dem bisherigen Design übernommen) ===== */
*{box-sizing:border-box}
body{margin:0;background:#FBF5DF}
a{color:#A66E1F;text-decoration:none}
a:hover{color:#7d5214}
::selection{background:#F3E6CC}
input,textarea,button{font-family:inherit}
img{max-width:100%}
.bild{display:block;width:100%;height:100%;object-fit:cover}
a:focus-visible,button:focus-visible{outline:2px solid #C0842E;outline-offset:3px}

/* ===== Artikeltext: so sieht alles aus, was du in Markdown schreibst ===== */
.artikel-text{font-family:'Newsreader',Georgia,serif;font-size:20px;line-height:1.75;color:#332d1e}
.artikel-text p{margin:0 0 24px}
.artikel-text h2{font-family:'Newsreader',serif;font-weight:500;font-size:30px;line-height:1.25;color:#2A2418;margin:44px 0 18px}
.artikel-text h3{font-family:'Newsreader',serif;font-weight:500;font-size:24px;line-height:1.3;color:#7d5214;margin:36px 0 14px}
.artikel-text hr{border:none;height:1px;background:#E2D3A6;margin:40px 0}
.artikel-text ul{list-style:none;padding:0;margin:0 0 24px}
.artikel-text ul li{position:relative;padding:8px 0 8px 22px;font-size:18px;border-bottom:1px solid #F0E7CE}
.artikel-text ul li::before{content:"•";position:absolute;left:0;color:#C0842E;font-weight:700}
.artikel-text ol{margin:0 0 24px;padding-left:1.4em;font-size:18px}
.artikel-text ol li{padding:6px 0}
.artikel-text a{color:#A66E1F;font-weight:700}
.artikel-text blockquote{font-style:italic;font-size:24px;line-height:1.4;color:#7d5214;border-left:3px solid #C0842E;padding-left:24px;margin:28px 0}
.artikel-text blockquote p{margin:0}
.artikel-text img{border-radius:14px}

/* ===== Rechtstexte ===== */
.rechtstext{font-size:15.5px;color:#3a3324;line-height:1.75}
.rechtstext h2{font-family:'Newsreader',serif;font-weight:500;font-size:24px;margin:30px 0 10px;color:#2A2418}
.rechtstext p{margin:0 0 14px}
.rechtstext ul{margin:0 0 14px}

/* ===== Handy & Tablet (aus dem bisherigen Design übernommen) ===== */
@media (max-width:1000px){
  header > div{padding-left:18px !important;padding-right:18px !important;gap:14px !important;height:82px !important}
  header > div > a:first-child{min-width:0 !important}
  header img{height:60px !important;width:60px !important}
  header nav{gap:18px !important;font-size:14.5px !important}
}
@media (max-width:880px){
  header > div{gap:10px !important;height:74px !important}
  header img{height:46px !important;width:46px !important}
  header nav{gap:12px !important;font-size:13.5px !important}
  header .warenkorb{padding-left:16px !important;padding-right:16px !important;font-size:13.5px !important}
}
@media (max-width:820px){
  [style*="grid-template-columns"]{grid-template-columns:1fr !important;grid-auto-flow:row !important;grid-template-rows:auto !important;gap:26px !important}
  [style*="max-width:1160px"],[style*="max-width:1000px"],[style*="max-width:900px"],[style*="max-width:820px"],[style*="max-width:760px"],[style*="max-width:720px"]{padding-left:18px !important;padding-right:18px !important}
  [style*="padding:44px"]{padding:26px 22px !important}
  [style*="padding:30px 34px"],[style*="padding:28px 34px"],[style*="padding:34px 38px"],[style*="padding:26px 28px"],[style*="padding:28px 32px"]{padding:22px 20px !important}
  h1{font-size:32px !important;line-height:1.15 !important}
  h2{font-size:24px !important}
  h3{font-size:20px !important}
  blockquote{font-size:17px !important;padding-left:14px !important}
  .artikel-text{font-size:18px}
  header > div{height:auto !important;padding:12px 18px !important;flex-wrap:wrap !important;row-gap:8px !important}
  header nav{gap:16px !important;font-size:14px !important}
  header img{height:44px !important;width:44px !important}
  [style*="height:480px"],[style*="height:440px"]{height:320px !important}
  [style*="height:360px"],[style*="height:300px"]{height:230px !important}
  [style*="min-height:440px"],[style*="min-height:400px"]{min-height:260px !important}
  [style*="bottom:-22px"]{position:static !important;margin-top:14px !important;max-width:none !important}
  [style*="margin-top:51px"]{margin-top:0 !important}
  .hero-foto{height:auto !important;aspect-ratio:4/3}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto !important}}