/*
Theme Name: Symbolspuren Magazin
Theme URI: https://symbolspuren.com/
Author: Symbolspuren Redaktion
Description: Ein schnelles, eigenständiges redaktionelles WordPress-Block-Theme für Symbolspuren.com. Gutenberg/FSE, responsiv, ohne externe Schriftarten und ohne eigenes Frontend-JavaScript.
Version: 0.3.19
Requires at least: 6.6
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: symbolspuren
Tags: blog, news, block-patterns, full-site-editing, custom-colors, editor-style, wide-blocks
*/
:root { --ss-paper:#fbfaf7; --ss-cream:#f3efe6; --ss-ink:#22221d; --ss-muted:#6e6b62; --ss-olive:#6a6841; --ss-bronze:#967644; --ss-line:#e7e1d6; --ss-serif:Georgia,'Times New Roman',serif; --ss-sans:system-ui,-apple-system,'Segoe UI',Arial,sans-serif; }
html{scroll-behavior:smooth} body{font-family:var(--ss-sans);background:var(--ss-paper);color:var(--ss-ink);line-height:1.65;margin:0;overflow-wrap:break-word} *{box-sizing:border-box} a{color:var(--ss-olive);text-underline-offset:.19em} a:hover{color:#76572c} img{max-width:100%;height:auto} h1,h2,h3,h4{font-family:var(--ss-serif);font-weight:400;line-height:1.14;letter-spacing:-.028em} p{line-height:1.68} :focus-visible{outline:3px solid #b28d4c;outline-offset:3px} .wp-site-blocks{overflow:visible} .ss-header{position:relative;z-index:12;background:#fff;border-bottom:1px solid rgba(60,46,31,.06)} .ss-header-inner{min-height:86px;display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:12px!important;padding-bottom:12px!important} .ss-brand{display:flex;align-items:center;gap:13px} .ss-brand:before{content:'';display:block;flex:0 0 54px;width:54px;height:54px;background:url('assets/images/logo-mark.svg') center / contain no-repeat} .ss-brand .wp-block-site-title{margin:0;line-height:1.15;letter-spacing:.15em;text-transform:uppercase;font-family:var(--ss-serif);font-size:clamp(1.35rem,2vw,1.95rem)} .ss-brand .wp-block-site-title a{color:var(--ss-ink);text-decoration:none}.ss-brand .wp-block-site-tagline{margin:.2rem 0 0;font-size:.8rem;color:var(--ss-muted);font-family:var(--ss-serif)} .ss-header nav a{color:var(--ss-ink);font-size:.83rem;text-decoration:none}.ss-header nav a:hover{text-decoration:underline;text-decoration-color:var(--ss-bronze)} .ss-header .wp-block-navigation__container{column-gap:clamp(12px,2.5vw,36px)}
.ss-hero{min-height:460px;background-image:linear-gradient(90deg,rgba(250,248,243,.99) 0%,rgba(250,248,243,.95) 32%,rgba(250,248,243,.42) 54%,rgba(250,248,243,0) 75%),url('assets/images/hero-v2.webp');background-color:#f6f1e7;background-repeat:no-repeat;background-position:center,100% 50%;background-size:cover,68% auto} .ss-hero-inner{padding-top:clamp(58px,6vw,92px)!important;padding-bottom:clamp(65px,7vw,96px)!important} .ss-hero-copy{max-width:675px;margin-left:0!important} .ss-kicker{font-size:.73rem;letter-spacing:.28em;text-transform:uppercase;color:#76572c;font-weight:700;margin-bottom:17px!important}.ss-hero h1{font-size:clamp(2.8rem,5vw,5rem);line-height:1.03;max-width:670px;margin:0 0 24px}.ss-hero-copy>p:not(.ss-kicker):not(.ss-hero-note){font-family:var(--ss-serif);max-width:570px;font-size:clamp(1.1rem,1.75vw,1.45rem);line-height:1.43}.ss-button .wp-block-button__link,.ss-button a{display:inline-block;border-radius:2px;padding:14px 28px;background:var(--ss-olive);color:#fff;text-decoration:none;font-size:.94rem;transition:background .18s ease,transform .18s ease}.ss-button a:hover{background:#4f5134;transform:translateY(-1px);color:#fff}.ss-hero-note{font-size:.67rem;letter-spacing:.19em;text-transform:uppercase;color:#6e654e;margin-top:26px!important}
.ss-categories{border-top:1px solid #eee9df;border-bottom:1px solid #eee9df;background:#fff;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:0!important;padding-bottom:0!important}.ss-category{display:flex;align-items:center;gap:16px;min-height:126px;padding:24px 20px;border-right:1px solid #e9e4db}.ss-category:last-child{border-right:0}.ss-category-mark{flex:0 0 62px;display:flex;justify-content:center;align-items:center;height:62px;border-radius:50%;background:#f0ece2;font-family:var(--ss-serif);font-size:2rem;color:var(--ss-olive)}.ss-category .ss-category-title{font-size:1.2rem;margin:0 0 6px}.ss-category .ss-category-title a{text-decoration:none;color:var(--ss-ink)}.ss-category .ss-category-desc{font-family:var(--ss-serif);font-size:.91rem;color:var(--ss-muted);margin:0;line-height:1.45}
.ss-section{padding-top:72px!important;padding-bottom:80px!important}.ss-section-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:27px}.ss-section-intro h2{font-size:clamp(2.4rem,3.4vw,3.75rem);margin:.3rem 0 0}.ss-section-intro-right{max-width:365px;color:var(--ss-muted);font-family:var(--ss-serif);font-size:1rem}.ss-section-intro-right p{margin:0 0 5px}.ss-stories{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ss-story{border:1px solid #eee9e0;background:#fff;min-width:0;box-shadow:0 8px 26px rgba(65,49,25,.025)}.ss-story-photo{margin:0!important;height:190px;background-size:cover;background-position:center}.ss-story-photo.life{background-image:url('assets/images/lebensbaum.webp')}.ss-story-photo.anchor{background-image:url('assets/images/anker.webp')}.ss-story-photo.dove{background-image:url('assets/images/taube.webp')}.ss-story-copy{padding:19px 23px 24px!important}.ss-story-kicker{color:#76572c;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin:0!important}.ss-story h3{font-size:1.43rem;margin:8px 0 9px}.ss-story h3 a{text-decoration:none;color:var(--ss-ink)}.ss-story h3 a:hover{color:var(--ss-olive)}.ss-story p:not(.ss-story-kicker){font-size:.91rem;color:var(--ss-muted);margin:0 0 10px}.ss-story .ss-story-link a{color:var(--ss-olive);font-family:var(--ss-serif);text-decoration:none}.ss-story .ss-story-link{margin-top:16px!important}
.ss-feature-band{background:#f2eee5;padding-top:55px!important;padding-bottom:60px!important}.ss-feature-band .ss-band-head{text-align:center;max-width:730px;margin-left:auto!important;margin-right:auto!important}.ss-band-head h2{font-size:clamp(2rem,3.4vw,3.25rem);margin:.15rem 0 13px}.ss-band-head p{color:var(--ss-muted)}.ss-method-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:28px!important}.ss-method{padding:28px;background:rgba(255,255,255,.64);border:1px solid #e6dfd2}.ss-method h3{font-size:1.45rem;margin:0 0 9px}.ss-method p{margin:0;color:#605f57;font-size:.92rem}
.ss-page-main{padding-top:65px!important;padding-bottom:80px!important}.ss-article{padding-top:54px!important;padding-bottom:90px!important}.ss-article .wp-block-post-title{font-size:clamp(2.6rem,5vw,4.7rem);line-height:1.1;max-width:900px;margin:18px auto 15px}.ss-article .wp-block-post-featured-image{margin:38px auto 45px;max-width:1040px}.ss-article .wp-block-post-featured-image img{width:100%;object-fit:cover;max-height:520px;aspect-ratio:16 / 8.5}.ss-article .wp-block-post-content{font-family:var(--ss-serif);font-size:1.15rem;line-height:1.82}.ss-article .wp-block-post-content h2,.ss-article .wp-block-post-content h3{margin-top:1.75em}.ss-article .wp-block-post-content p{line-height:1.85}.ss-article .wp-block-post-content a{text-decoration-thickness:1px}.ss-meta{text-align:center;color:var(--ss-muted);font-size:.85rem}.ss-page-heading{font-size:clamp(2.5rem,4vw,4.1rem);margin:0 0 20px}.ss-archive-description{max-width:760px;color:var(--ss-muted)}.ss-feed{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:34px!important}.ss-feed>li{list-style:none;min-width:0}.ss-feed .wp-block-post-featured-image{margin:0 0 16px}.ss-feed .wp-block-post-featured-image img{width:100%;height:210px;object-fit:cover}.ss-feed .wp-block-post-title{font-size:1.5rem;margin:8px 0}.ss-feed .wp-block-post-title a{text-decoration:none;color:var(--ss-ink)}.ss-feed .wp-block-post-excerpt{color:var(--ss-muted);font-family:var(--ss-serif);font-size:.98rem}.ss-feed .wp-block-post-date{color:#6e6b62;font-size:.74rem}
.ss-footer{background:#282920;color:#f9f6ee;padding-top:52px!important;padding-bottom:22px!important}.ss-footer a{color:#e6d5b8}.ss-footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:55px;padding-bottom:44px;border-bottom:1px solid #4a4c3f}.ss-footer-name{font-family:var(--ss-serif);font-size:1.75rem;letter-spacing:.14em}.ss-footer p{max-width:550px;color:#c9c6ba}.ss-footer nav a{color:#f3f1eb!important;font-size:.9rem}.ss-footer-bottom{font-size:.78rem;color:#c9c6ba;padding-top:18px!important}.ss-footer-bottom a{color:#d5c7aa}.ss-footernav .wp-block-navigation__container{gap:19px} .ss-readmore{text-align:center;margin-top:32px} .ss-search .wp-block-search__inside-wrapper{max-width:640px}.ss-search .wp-block-search__button{background:var(--ss-olive);color:#fff;border:0;border-radius:2px}
@media(max-width:1050px){.ss-header-inner{justify-content:center}.ss-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-category:nth-child(2){border-right:0}.ss-category:nth-child(-n+2){border-bottom:1px solid var(--ss-line)}.ss-story-photo{height:160px}.ss-hero{background-size:cover,82% auto}}@media(max-width:750px){.ss-header-inner{justify-content:space-between;gap:12px;min-height:74px}.ss-brand:before{flex-basis:42px;width:42px;height:42px}.ss-brand .wp-block-site-title{font-size:1.24rem}.ss-brand .wp-block-site-tagline{font-size:.69rem}.ss-hero{background-image:linear-gradient(180deg,rgba(250,248,243,.62),rgba(250,248,243,.96) 55%,#faf8f3 93%),url('assets/images/hero-v2.webp');background-size:cover,auto 50%;background-position:center,top right;min-height:0}.ss-hero-inner{padding-top:190px!important;padding-bottom:50px!important}.ss-hero h1{font-size:clamp(2.65rem,10vw,4.2rem)}.ss-section{padding-top:46px!important;padding-bottom:52px!important}.ss-section-intro{display:block}.ss-section-intro-right{margin-top:18px}.ss-stories,.ss-method-grid,.ss-feed{grid-template-columns:1fr}.ss-story-photo{height:220px}.ss-footer-top{display:block}.ss-footer nav{margin-top:25px}.ss-article{padding-top:34px!important}.ss-page-main{padding-top:37px!important}.ss-feed .wp-block-post-featured-image img{height:auto;aspect-ratio:16/9}}@media(max-width:480px){.ss-categories{grid-template-columns:1fr}.ss-category,.ss-category:nth-child(2){border-right:0;border-bottom:1px solid var(--ss-line);min-height:100px;padding:16px 7px}.ss-category:last-child{border-bottom:0}.ss-story-photo{height:176px}.ss-hero-inner{padding-top:175px!important}.ss-hero h1{font-size:2.65rem}.ss-brand .wp-block-site-title{letter-spacing:.09em;font-size:1.05rem}.ss-brand .wp-block-site-tagline{font-size:.63rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ss-button a{transition:none}}

.ss-header-search{max-width:190px;margin:0!important}.ss-header-search .wp-block-search__inside-wrapper{border:1px solid var(--ss-line);border-radius:2px;min-height:38px}.ss-header-search input{font-size:.78rem!important;min-width:90px;background:#fff;padding:5px 8px!important}.ss-header-search button{background:transparent!important;border:0!important;color:var(--ss-olive)!important;padding:0 9px!important}.ss-header-search button svg{width:18px;height:18px}@media(max-width:750px){.ss-header-search{display:block;max-width:none;width:100%}}

.ss-section-intro,.ss-stories,.ss-method-grid{max-width:none!important;width:100%!important}.ss-section>.wp-block-group{max-width:none}.ss-hero-inner>.ss-hero-copy{margin-right:auto!important}.ss-story-photo{width:100%}.ss-archive-description{margin-left:0!important}.ss-page-main>.wp-block-query{max-width:none!important}.ss-page-main .ss-feed{max-width:none!important}

/* 0.2.0: layout containment, accessible controls and editorial components. */
:root{--ss-bronze-text:#76572c}
.wp-site-blocks>main{margin-block-start:0}.wp-site-blocks>.wp-block-template-part{margin-block-start:0}
.ss-header-inner,.ss-hero-inner,.ss-section,.ss-categories,.ss-article,.ss-page-main,.ss-footer-top,.ss-footer-bottom,.ss-feature-band>div{width:min(1360px,calc(100% - 64px));margin-inline:auto!important}
.ss-section .ss-feed{padding:0}.ss-feed>li{background:#fff;border:1px solid var(--ss-line);padding:0 24px 24px}.ss-feed>li>.wp-block-post-featured-image{margin:0 -24px 20px}.ss-feed .wp-block-post-featured-image{overflow:hidden;background:var(--ss-cream)}
.ss-feed .wp-block-post-featured-image img{aspect-ratio:16/9;height:auto}.ss-feed .wp-block-post-title{line-height:1.25}.ss-feed .wp-block-post-excerpt__more-link{display:inline-block;padding-block:10px}
.ss-header-search .wp-block-search__button{min-width:44px;min-height:44px}.ss-header-search .wp-block-search__input{min-height:44px;width:100%}.ss-header .wp-block-navigation__responsive-container-open,.ss-header .wp-block-navigation__responsive-container-close{padding:10px;min-width:44px;min-height:44px}
.ss-kicker,.ss-story-kicker{color:var(--ss-bronze-text)}
.ss-article .wp-block-post-content{max-width:760px;margin-inline:auto}.ss-article .wp-block-post-content>*{max-width:100%}.ss-article .wp-block-post-content>.alignwide{max-width:100%}
.ss-summary{border-left:3px solid var(--ss-olive);background:var(--ss-cream);padding:24px 28px}.ss-sources{border-top:1px solid var(--ss-line);padding-top:24px;font-family:var(--ss-sans);font-size:.9rem}.ss-related{border-top:1px solid var(--ss-line);margin-top:48px;padding-top:24px}.ss-toc{padding:20px 24px;border:1px solid var(--ss-line);font-family:var(--ss-sans);font-size:.95rem}.ss-toc a{display:inline-block;padding-block:6px}
.wp-block-query-pagination{gap:16px;margin-top:36px}.wp-block-query-pagination a,.wp-block-query-pagination .page-numbers{display:inline-block;min-width:44px;padding:10px;text-align:center}.wp-block-table{overflow-x:auto}.wp-block-table table{min-width:420px}.ss-empty{background:var(--ss-cream);padding:24px}
.wp-block-search__input{border:1px solid #777568;background:#fff;color:var(--ss-ink)}.wp-block-search__button{background:var(--ss-olive);color:#fff;border:0;padding:12px 18px;cursor:pointer}button,input{font:inherit}
:focus-visible{outline:3px solid #454b28;outline-offset:4px}.ss-footer :focus-visible{outline-color:#f5e4be}.ss-article :target{scroll-margin-top:24px}
@media(max-width:1100px){.ss-header-inner{gap:18px}.ss-header nav{flex:1}.ss-header .wp-block-navigation__container{gap:14px}}
@media(max-width:750px){.ss-header-inner,.ss-hero-inner,.ss-section,.ss-categories,.ss-article,.ss-page-main,.ss-footer-top,.ss-footer-bottom,.ss-feature-band>div{width:calc(100% - 40px)}.ss-header-inner{justify-content:space-between}.ss-header nav{flex:0}.ss-header-search{flex-basis:100%}.ss-header-search input{font-size:1rem!important}.ss-header-search .wp-block-search__inside-wrapper{width:100%}.ss-hero h1{font-size:clamp(2.4rem,10vw,4rem)}.ss-summary{padding:20px}.ss-section-intro-right{max-width:none}.ss-article .wp-block-post-title{font-size:clamp(2rem,8vw,3.5rem)}.ss-footer-top{gap:24px}.wp-block-navigation__responsive-container.is-menu-open a{font-size:1.15rem;padding:10px 0}.wp-block-navigation__responsive-container.is-menu-open{padding:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.ss-button a:hover{transform:none}}

/* 0.3.1: Rank Math presentation, notices and narrow-screen containment. */
.ss-breadcrumbs{width:min(1360px,calc(100% - 64px));margin:20px auto;font-size:.875rem;color:var(--ss-muted)}
.ss-breadcrumbs p{margin:0}.ss-breadcrumbs a{padding-block:8px;display:inline-block}
.ss-notice,.ss-editorial-cta{padding:24px;background:var(--ss-cream);border-left:3px solid var(--ss-olive)}
.ss-editorial-cta .wp-block-heading{margin-top:0}.wp-block-navigation__responsive-container-content{overflow-wrap:anywhere}
@media(max-width:750px){.ss-breadcrumbs{width:calc(100% - 40px)}.ss-brand{min-width:0}.ss-brand .wp-block-site-title{font-size:clamp(1rem,4.5vw,1.4rem)}.ss-brand .wp-block-site-tagline{font-size:.7rem}.ss-brand:before{flex-basis:40px;width:40px;height:40px}.ss-header-inner{gap:12px}.ss-header nav{margin-left:auto}}

/* 0.3.1: avoid a squeezed desktop navigation at tablet widths. */
@media(max-width:1100px){
 .ss-header-inner{justify-content:space-between}
 .ss-header nav{flex:0;margin-left:auto}
 .ss-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}
 .ss-header .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
 .ss-header-search{flex-basis:100%;max-width:none;width:100%}
 .ss-header-search .wp-block-search__inside-wrapper{width:100%}
 .ss-header .wp-block-navigation__responsive-container.is-menu-open{padding:28px}
 .ss-header .wp-block-navigation__responsive-container.is-menu-open a{font-size:1.15rem;padding:10px 0}
}


/* 0.3.3: a branded mobile menu and a clear image above readable hero copy. */
.ss-menu-brand{display:none}
.ss-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--ss-paper)!important;color:var(--ss-ink)!important;padding:calc(24px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) calc(32px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px))}
.ss-header .is-menu-open .wp-block-navigation__responsive-container-content{align-items:stretch!important;padding-top:56px!important;gap:0!important;max-width:600px;margin-inline:auto}
.ss-header .is-menu-open .ss-menu-brand{display:flex;align-items:center;gap:16px;width:100%;padding-bottom:24px;margin-bottom:12px;border-bottom:2px solid var(--ss-bronze)}
.ss-menu-brand img{flex:0 0 56px;width:56px;height:56px}
.ss-menu-brand p{margin:0;line-height:1.3;min-width:0}
.ss-menu-brand strong{display:block;font-family:var(--ss-serif);font-size:clamp(1.3rem,5.5vw,1.85rem);font-weight:700;letter-spacing:-.025em}
.ss-menu-brand span{display:block;margin-top:6px;font-size:.8rem;line-height:1.4;color:var(--ss-muted)}
.ss-header .is-menu-open .wp-block-navigation__container{align-items:stretch!important;width:100%;gap:0!important}
.ss-header .is-menu-open .wp-block-navigation-item{width:100%;align-items:stretch;border-bottom:1px solid var(--ss-line)}
.ss-header .is-menu-open .wp-block-navigation-item__content{display:block;width:100%;padding:17px 4px!important;font-size:1.12rem!important;line-height:1.45;text-align:left;color:var(--ss-ink);text-decoration:none}
.ss-header .is-menu-open .wp-block-navigation-item__content:hover,.ss-header .is-menu-open .wp-block-navigation-item__content:focus-visible{background:var(--ss-cream);color:var(--ss-olive)}
.ss-header .is-menu-open .wp-block-navigation-item__content[aria-current="page"]{font-weight:700;color:var(--ss-olive)}
.ss-header .is-menu-open .wp-block-navigation__responsive-container-close{border:1px solid var(--ss-line);border-radius:50%;background:var(--ss-cream);color:var(--ss-ink)}
@media(max-width:750px){
 .ss-hero{background-image:linear-gradient(180deg,rgba(250,248,243,.02) 0px,rgba(250,248,243,.08) 130px,rgba(250,248,243,.4) 175px,rgba(250,248,243,.94) 235px,#faf8f3 320px),url('assets/images/hero-v2.webp');background-size:100% 360px,auto 360px;background-position:top center,top right;background-color:#faf8f3}
 .ss-hero-inner{padding-top:220px!important}
}

/* 0.3.4: contained, aligned editorial principles. */
.ss-feature-band .ss-method-grid{width:min(1360px,calc(100% - 64px))!important;max-width:1360px!important;margin-inline:auto!important;align-items:stretch}
.ss-method-grid>.ss-method{margin-block:0!important;min-width:0;border-top:3px solid var(--ss-bronze);padding:26px 28px 30px}
.ss-method:before{display:block;margin-bottom:16px;font-family:var(--ss-serif);font-size:1.5rem;line-height:1;color:var(--ss-bronze-text)}
.ss-method:nth-child(1):before{content:'01'}.ss-method:nth-child(2):before{content:'02'}.ss-method:nth-child(3):before{content:'03'}
@media(max-width:750px){.ss-feature-band .ss-method-grid{width:calc(100% - 40px)!important;gap:18px}.ss-method-grid>.ss-method{padding:22px}}

/* 0.3.13: semantic magazine tiles. Entire visible card is one native link. */
.ss-categories{align-items:stretch;gap:0!important}
.ss-categories>.ss-category{
 position:relative;display:flex;align-items:center;align-self:stretch;margin-block:0!important;
 min-width:0;z-index:0;color:var(--ss-ink);text-decoration:none;cursor:pointer;
 touch-action:manipulation;-webkit-tap-highlight-color:rgba(106,104,65,.18);
 transition:background-color .24s ease,transform .24s ease,box-shadow .24s ease
}
.ss-category>.ss-category-mark,.ss-category>.ss-category-copy{margin-block:0!important}
.ss-category .ss-category-title{color:var(--ss-ink)}
.ss-category .ss-category-heading-label{color:inherit}
.ss-category .ss-category-mark{transition:background-color .24s ease,color .24s ease}
.ss-categories>.ss-category:focus-visible{background:#faf8f3;box-shadow:0 8px 22px rgba(57,47,29,.08);z-index:1}
.ss-category:focus-visible .ss-category-title{color:var(--ss-olive)}
@media(hover:hover) and (pointer:fine){
 .ss-categories>.ss-category:hover{background:#faf8f3;transform:translateY(-2px);box-shadow:0 10px 24px rgba(57,47,29,.09);z-index:1}
 .ss-category:hover .ss-category-title{color:var(--ss-olive)}
 .ss-category:hover .ss-category-mark{background:#ece6d8;color:#565938}
}

/* Query Loop grid: wrap each entire li interior in one native anchor. */
.ss-feed>li{position:relative;display:flex;flex-direction:column;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.ss-feed>li>.ss-card-native{
 display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:100%;
 color:inherit;text-decoration:none;cursor:pointer;touch-action:manipulation;
 -webkit-tap-highlight-color:rgba(106,104,65,.18)
}
.ss-section .ss-feed>li{padding:0}
.ss-section .ss-feed>li>.ss-card-native{padding:0 24px 24px}
.ss-section .ss-feed>li>.ss-card-native>.wp-block-post-featured-image{margin:0 -24px 20px}
.ss-feed>li .wp-block-post-excerpt{display:flex;flex:1 1 auto;flex-direction:column}
.ss-feed>li .wp-block-post-excerpt__more-text{margin-top:auto;padding-top:8px}
.ss-feed>li .wp-block-post-excerpt__more-link{display:inline-block;color:var(--ss-olive);text-decoration:underline}
.ss-feed .wp-block-post-featured-image>.ss-card-original-link{display:block}
.ss-feed .wp-block-post-title{color:var(--ss-ink)}
.ss-feed .wp-block-post-title .ss-card-original-link{color:inherit}
.ss-feed .wp-block-post-terms .ss-card-original-link{color:var(--ss-bronze-text,#76572c)}
.ss-feed .wp-block-post-featured-image img{transform-origin:center;transition:transform .36s ease}
.ss-feed>li:focus-within{border-color:#cbbf9e;box-shadow:0 10px 25px rgba(57,47,29,.10)}
.ss-feed>li:focus-within .wp-block-post-title{color:var(--ss-olive)}
@media(hover:hover) and (pointer:fine){
 .ss-feed>li:hover{transform:translateY(-3px);border-color:#d7c9ae;box-shadow:0 15px 33px rgba(57,47,29,.105)}
 .ss-feed>li:hover .wp-block-post-featured-image img{transform:scale(1.03)}
 .ss-feed>li:hover .wp-block-post-title{color:var(--ss-olive)}
}
@media(hover:none), (pointer:coarse){
 .ss-categories>.ss-category:is(:active,.ss-touching){background:#f3efe6;box-shadow:inset 0 0 0 1px #c5b794}
 .ss-category:is(:active,.ss-touching) .ss-category-title{color:var(--ss-olive)}
 .ss-category:is(:active,.ss-touching) .ss-category-mark{background:#e8dfcc;color:#565938}
 .ss-feed>li:is(:active,.ss-touching){background:#faf8f3;border-color:#c9baa0;box-shadow:0 6px 19px rgba(57,47,29,.11)}
 .ss-feed>li:is(:active,.ss-touching) .wp-block-post-title{color:var(--ss-olive)}
 .ss-feed>li:is(:active,.ss-touching) .wp-block-post-featured-image img{transform:scale(1.015)}
}
@media(prefers-reduced-motion:reduce){
 .ss-categories>.ss-category,.ss-category .ss-category-mark,.ss-feed>li,.ss-feed>li .wp-block-post-featured-image img{transition:none!important}
 .ss-categories>.ss-category:hover,.ss-feed>li:hover,.ss-feed>li .wp-block-post-featured-image img{transform:none!important}
}

/* 0.3.17: stable magazine header and one mobile search; replaces 0.3.14–0.3.16 overrides. */
/* Homepage link covers the brand mark, wordmark and subtitle together. */
.ss-brand{position:relative}
.ss-brand .wp-block-site-title a::after{
 content:"";position:absolute;inset:0;z-index:2;
 -webkit-tap-highlight-color:rgba(106,104,65,.18)
}
.ss-brand:has(.wp-block-site-title a:focus-visible){outline:3px solid var(--ss-bronze);outline-offset:5px;border-radius:2px}
/* Hide the second search in desktop navigation: the desktop search remains in the header. */
.ss-header .ss-menu-search{display:none!important}
/* Desktop: stick the actual FSE template-part wrapper, not a header bounded by its parent. */
@media(min-width:1101px){
 .wp-site-blocks > .wp-block-template-part:has(.ss-header){
  position:-webkit-sticky;position:sticky;top:0;z-index:1000;
  background:#fff;box-shadow:0 4px 18px rgba(39,32,21,.075)
 }
 body.admin-bar .wp-site-blocks > .wp-block-template-part:has(.ss-header){top:32px}
 .ss-header .ss-header-search .wp-block-search__inside-wrapper{height:38px;min-height:38px}
 .ss-header .ss-header-search .wp-block-search__input{height:38px;min-height:38px;padding:4px 9px!important;line-height:1.3}
 .ss-header .ss-header-search .wp-block-search__button{height:38px;min-height:38px;padding:0 9px!important}
}
/* Mobile/tablet: fixed instead of sticky. FSE wrappers cannot cut off the header's sticky range. */
@media(max-width:1100px){
 .wp-site-blocks{--ss-mobile-header-height:84px;padding-top:var(--ss-mobile-header-height)!important}
 .ss-header{
  position:fixed!important;top:0;left:0;right:0;width:100%;z-index:100000;
  background:#fff;box-shadow:0 4px 18px rgba(39,32,21,.085)
 }
 .ss-header-inner{
  flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center;
  min-height:var(--ss-mobile-header-height);gap:12px;
  padding-top:8px!important;padding-bottom:8px!important
 }
 .ss-header .ss-brand{flex:0 1 auto;min-width:0;max-width:calc(100% - 62px)}
 .ss-header nav.wp-block-navigation{flex:0 0 auto;margin-left:auto!important;min-width:44px}
 .ss-header .ss-header-search{display:none!important}
 .ss-header .ss-menu-search{display:none!important}
 /* Native WordPress responsive overlay retains the built-in close/Escape/focus handling. */
 .wp-block-navigation__responsive-container.is-menu-open{height:100vh;max-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
 .ss-header .is-menu-open .wp-block-navigation__responsive-container-content{padding-bottom:40px!important}
 .wp-block-navigation__responsive-container.is-menu-open .ss-menu-search{
  display:block!important;width:100%;max-width:100%;min-width:0;
  margin:18px 0 26px!important;padding:0 0 22px!important;
  border-bottom:1px solid var(--ss-line)
 }
 .wp-block-navigation__responsive-container.is-menu-open .ss-menu-search .wp-block-search__label{
  display:block!important;margin:0 0 12px!important;
  color:var(--ss-bronze-text,#76572c);font-family:var(--ss-sans);
  font-size:.77rem;line-height:1.5;letter-spacing:.08em;font-weight:700;text-transform:uppercase
 }
 .wp-block-navigation__responsive-container.is-menu-open .ss-menu-search .wp-block-search__inside-wrapper{
  display:flex!important;flex-wrap:nowrap!important;align-items:stretch;gap:0!important;
  box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0;
  min-height:50px;border:1px solid #dcd3c1!important;border-radius:3px!important;
  background:#fff;overflow:hidden;box-shadow:0 4px 15px rgba(65,49,25,.04)
 }
 .wp-block-navigation__responsive-container.is-menu-open .ss-menu-search .wp-block-search__inside-wrapper:focus-within{
  outline:2px solid var(--ss-olive);outline-offset:2px
 }
 .wp-block-navigation__responsive-container.is-menu-open .ss-menu-search .wp-block-search__input{
  display:block!important;flex:1 1 0%!important;width:0!important;min-width:0!important;
  height:50px!important;min-height:50px!important;box-sizing:border-box;
  margin:0!important;padding:8px 12px!important;border:0!important;border-radius:0!important;
  outline:0!important;box-shadow:none!important;background:#fff!important;
  color:var(--ss-ink)!important;font-size:16px!important;line-height:1.35!important
 }
 .wp-block-navigation__responsive-container.is-menu-open .ss-menu-search .wp-block-search__button{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 52px!important;width:52px!important;min-width:52px!important;
  height:50px!important;min-height:50px!important;box-sizing:border-box;
  margin:0!important;padding:10px!important;border:0!important;border-radius:0!important;
  background:var(--ss-olive)!important;color:#fff!important;cursor:pointer
 }
 .wp-block-navigation__responsive-container.is-menu-open .ss-menu-search .wp-block-search__button svg{
  display:block;width:20px!important;height:20px!important;fill:currentColor
 }
 .wp-block-navigation__responsive-container.is-menu-open .ss-menu-search .wp-block-search__button:focus-visible{
  outline:3px solid var(--ss-bronze)!important;outline-offset:-3px!important
 }
}
@media(max-width:750px){
 .wp-site-blocks{--ss-mobile-header-height:78px}
}
@media(max-width:480px){
 .wp-site-blocks{--ss-mobile-header-height:76px}
 .ss-brand:before{flex:0 0 40px;width:40px;height:40px}
}
/* Logged-in mobile WP bar stays readable; its desktop offsets do not leak into Safari. */
@media(min-width:783px) and (max-width:1100px){
 body.admin-bar .ss-header{top:32px}
}
@media(min-width:601px) and (max-width:782px){
 body.admin-bar .ss-header{top:46px}
}
@supports(height:100dvh){
 @media(max-width:1100px){
  .wp-block-navigation__responsive-container.is-menu-open{height:100dvh;max-height:100dvh}
 }
}
html{scroll-padding-top:105px}
@media(max-width:1100px){html{scroll-padding-top:94px}}
@media(max-width:750px){html{scroll-padding-top:84px}}


/* Pilot: nur Beitragsseite Anker (ID 30), keine globale Vorlagenänderung. */
body.single-post.postid-30 .ss-article .wp-block-post-title{max-width:880px;line-height:1.08;letter-spacing:-.035em}
body.single-post.postid-30 .ss-article .wp-block-post-featured-image{max-width:1100px;margin:32px auto 12px}
body.single-post.postid-30 .ss-article .wp-block-post-featured-image img{border-radius:5px;box-shadow:0 15px 38px rgba(50,40,26,.12)}
body.single-post.postid-30 .ss-article .wp-block-post-content{width:100%;max-width:820px!important;margin-inline:auto!important;font-size:1.12rem;line-height:1.8}
/* Core constrained layout ordinarily limits prose and heading blocks. Align ALL direct article sections to one grid. */
body.single-post.postid-30 .ss-article .wp-block-post-content>*{box-sizing:border-box;width:100%;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
body.single-post.postid-30 .ss-article .wp-block-post-content>h2{font-size:clamp(1.7rem,2.6vw,2.3rem);margin-top:2.05em!important;margin-bottom:.65em!important;border-top:1px solid var(--ss-line);padding-top:14px}
body.single-post.postid-30 .ss-article .wp-block-post-content>h3{font-size:1.45rem;margin-top:1.6em!important}
.ss-anchor-image-caption{margin:0 auto 30px!important;text-align:center;font-family:var(--ss-sans);font-size:.77rem!important;line-height:1.5!important;color:var(--ss-muted)}
.ss-anchor-lead{max-width:none;margin:0 auto 31px!important;font-size:clamp(1.19rem,2vw,1.5rem);line-height:1.55!important;color:#3d3c31}
.ss-anchor-eyebrow{font-family:var(--ss-sans);font-size:.73rem!important;letter-spacing:.13em;line-height:1.4!important;font-weight:700;color:#795b2f;text-transform:uppercase;margin:0 0 10px!important}
.ss-anchor-summary{background:linear-gradient(115deg,#f1ecdf,#faf8f2);border:1px solid #e4d9c5;border-left:4px solid var(--ss-bronze);border-radius:4px;padding:clamp(20px,3vw,34px);margin:0 0 25px!important}
.ss-anchor-summary>h2{font-size:clamp(1.48rem,2vw,1.82rem);margin:0 0 10px!important}
.ss-anchor-summary>p:not(.ss-anchor-eyebrow){font-size:1.05rem;line-height:1.65;margin:0}
.ss-anchor-summary-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:20px 0 0!important;padding-top:17px;border-top:1px solid #dcd1bd}
.ss-anchor-summary-point{padding:0 16px;border-right:1px solid #dcd1bd}
.ss-anchor-summary-point:first-child{padding-left:0}.ss-anchor-summary-point:last-child{border:0}
.ss-anchor-summary-point p{font-family:var(--ss-sans);font-size:.87rem;line-height:1.55;margin:0!important}
.ss-anchor-summary-point strong{font-family:var(--ss-serif);font-size:1.14rem;color:#3d402a}
.ss-anchor-toc{background:#fff;border:1px solid var(--ss-line);border-radius:4px;padding:23px clamp(18px,3vw,32px);margin:0 0 40px!important;font-family:var(--ss-sans)}
.ss-anchor-toc ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;list-style:none;margin:0;padding:0}
.ss-anchor-toc li{margin:0!important;border-bottom:1px solid #f0ece5}
.ss-anchor-toc a{display:block;padding:11px 2px;text-decoration:none;font-size:.9rem;line-height:1.4;color:#41412f}
.ss-anchor-toc a:hover{text-decoration:underline;color:#795b2f}
.ss-anchor-compare{margin:25px 0 38px!important;overflow-x:auto}
.ss-anchor-compare table{width:100%;border-collapse:collapse;background:#fff;font-family:var(--ss-sans);font-size:.91rem;line-height:1.55}
.ss-anchor-compare thead{background:#e8e2d6;color:#343624}
.ss-anchor-compare th,.ss-anchor-compare td{padding:14px!important;text-align:left;vertical-align:top;border:1px solid #e8e0d4!important}
.ss-anchor-compare tr:nth-child(even){background:#faf8f3}
.ss-anchor-compare figcaption{font-family:var(--ss-sans);color:var(--ss-muted);font-size:.78rem;text-align:left}
.ss-anchor-note{max-width:none;margin:27px auto!important;padding:21px 26px;border-left:3px solid var(--ss-olive);background:#f3f0e8;font-family:var(--ss-sans)}
.ss-anchor-note p{font-size:.94rem;line-height:1.65;margin:0!important}
.ss-anchor-quote{max-width:none;margin:35px auto!important;padding:24px 29px;background:#faf8f3;border-block:1px solid #d6c7ac}
.ss-anchor-quote p{margin:0!important;font-size:clamp(1.26rem,2vw,1.65rem);line-height:1.5;color:#48482f}
.ss-anchor-quote .ss-anchor-quote-source{margin-top:12px!important;font:normal .8rem/1.5 var(--ss-sans);color:var(--ss-muted)}
.ss-anchor-faq{width:100%;max-width:none;margin:60px auto 40px!important}
.ss-anchor-faq>h2,.ss-anchor-related>h2{font-size:clamp(1.75rem,2.6vw,2.25rem);margin:0 0 12px!important}
.ss-anchor-faq-intro{font-size:.98rem;color:var(--ss-muted);margin:0 0 22px!important}
.ss-anchor-faq-item{width:100%;max-width:none!important;margin:0 0 12px!important;overflow:hidden;border:1px solid #e0d6c5;border-radius:5px;background:#fffdf9;box-shadow:0 3px 13px rgba(74,55,25,.035);font-family:var(--ss-sans);transition:border-color .18s ease,box-shadow .18s ease}
.ss-anchor-faq-item>summary{position:relative;display:block;list-style:none!important;cursor:pointer;padding:20px 70px 20px 23px;font-size:1rem;line-height:1.5;font-weight:650;color:#343624;transition:background-color .18s ease}
.ss-anchor-faq-item>summary::-webkit-details-marker{display:none!important}
.ss-anchor-faq-item>summary::marker{content:""}
.ss-anchor-faq-item>summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border:1px solid #b69256;border-radius:50%;background:#f9f3e7;color:#85602b;font-family:var(--ss-sans);font-size:1.44rem;line-height:1;font-weight:400;pointer-events:none}
.ss-anchor-faq-item[open]{border-color:#cdb78e;background:#fffdfa;box-shadow:0 6px 18px rgba(74,55,25,.07)}
.ss-anchor-faq-item[open]>summary{background:#f8f3e8;border-bottom:1px solid #e9ddca}
.ss-anchor-faq-item[open]>summary::after{content:"−";font-size:1.36rem}
.ss-anchor-faq-item>summary:focus-visible{outline:3px solid var(--ss-olive);outline-offset:-4px}
.ss-anchor-faq-item>p{padding:18px 23px 23px;margin:0!important;font-size:.97rem;line-height:1.72;color:#444439}
@media(hover:hover){.ss-anchor-faq-item:not([open])>summary:hover{background:#f8f4ed}.ss-anchor-faq-item:hover{border-color:#d2bc95}}
.ss-anchor-related{padding-top:26px;margin:55px 0 38px!important;border-top:1px solid var(--ss-line)}
.ss-anchor-related-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ss-anchor-related-card{position:relative;background:#fff;border:1px solid #e7dfd2;padding:22px 24px;transition:transform .15s ease,box-shadow .15s ease}
.ss-anchor-related-card:hover{transform:translateY(-2px);box-shadow:0 12px 27px rgba(50,40,26,.075)}
.ss-anchor-related-card p{font:normal .88rem/1.55 var(--ss-sans);color:var(--ss-muted);margin:0 0 9px!important}
.ss-anchor-related-card .ss-anchor-related-label{font-size:.72rem;letter-spacing:.12em;font-weight:700;color:#795b2f}
.ss-anchor-related-card a{display:block;color:#373b29;text-decoration:none;font:normal 1.35rem/1.3 var(--ss-serif);margin-bottom:11px}
.ss-anchor-related-card a:after{content:"";position:absolute;inset:0}
.ss-anchor-related-card a:focus-visible{outline:3px solid var(--ss-olive);outline-offset:6px}
.ss-anchor-sources{max-width:none;margin:40px auto!important;padding:24px 26px;background:#f7f4ee;border:1px solid var(--ss-line);font-family:var(--ss-sans)}
.ss-anchor-sources>h2{font-size:1.6rem;margin:0 0 14px!important}
.ss-anchor-sources p{font-size:.86rem;line-height:1.65;margin:0 0 11px!important}
@media(max-width:750px){
 body.single-post.postid-30 .ss-article .wp-block-post-content{font-size:1.06rem}
 .ss-anchor-summary-grid,.ss-anchor-toc ul,.ss-anchor-related-grid{grid-template-columns:1fr}
 .ss-anchor-summary-point,.ss-anchor-summary-point:first-child{border:0;border-bottom:1px solid #dcd1bd;padding:0 0 12px;margin-bottom:12px}
 .ss-anchor-summary-point:last-child{border:0;padding:0;margin:0}
 .ss-anchor-toc,.ss-anchor-sources{padding:20px}
 .ss-anchor-quote{padding:23px 21px}
 .ss-anchor-faq-item>summary{padding:17px 60px 17px 18px}
 .ss-anchor-faq-item>summary::after{right:14px;width:29px;height:29px;font-size:1.3rem}
 .ss-anchor-faq-item>p{padding:16px 18px 19px}
}
@media(max-width:620px){
 .ss-anchor-compare table,.ss-anchor-compare tbody,.ss-anchor-compare tr,.ss-anchor-compare td{display:block;width:100%}
 .ss-anchor-compare thead{display:none}
 .ss-anchor-compare tr{margin:0 0 12px;border:1px solid #e8e0d4}
 .ss-anchor-compare td{border:0!important;border-bottom:1px solid #ede7df!important;padding:10px 14px!important}
 .ss-anchor-compare td:first-child{font-weight:700;background:#efe9dd}
 .ss-anchor-compare td:last-child{border-bottom:0!important}
}
@media(prefers-reduced-motion:reduce){ .ss-anchor-related-card,.ss-anchor-faq-item,.ss-anchor-faq-item>summary{transition:none}}