/*
Theme Name: StoneTime
Theme URI: https://www.stone-time.de
Author: Robert · StoneTime
Description: Maker-Division-Theme für StoneTime: dunkles HUD-Design in Neon-Grün mit Startseite, Maker News, News-Feed, Blog/Projekte, Patreon- und Partner-Bereich, Kontaktformular und lokal eingebundenen Schriften (DSGVO-freundlich, keine Google-Server).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stonetime
Tags: dark, custom-menu, custom-logo, featured-images, blog, news, one-column, two-columns
*/

/* ---------- Schriften (lokal) ---------- */
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/chakra-petch-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/chakra-petch-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/chakra-petch-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/inter-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/jetbrains-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/jetbrains-mono-latin-500-normal.woff2) format('woff2')}

/* ---------- Tokens ---------- */
:root{
  --st-accent:#a3d13a;
  --st-accent-hover:#c4ec5c;
  --st-red:#d42a2a;
  --st-bg:#0b0c0a;
  --st-bg-2:#0e100c;
  --st-bg-foot:#080907;
  --st-card:#12140f;
  --st-card-2:#181b14;
  --st-line:#23271c;
  --st-line-2:#2a2e22;
  --st-line-3:#3a4030;
  --st-text:#e8ecdf;
  --st-text-2:#c3c8b6;
  --st-text-3:#b3b8a6;
  --st-muted:#9aa08c;
  --st-code:#d6efa0;
  --st-display:'Chakra Petch',system-ui,sans-serif;
  --st-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --st-mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  --st-cut:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
}

/* ---------- Basis ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--st-bg);color:var(--st-text);font-family:var(--st-body);font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,video,iframe{max-width:100%;height:auto}
a{color:var(--st-accent);text-decoration:none}
a:hover,a:focus{color:var(--st-accent-hover)}
:focus-visible{outline:2px solid var(--st-accent);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--st-display);font-weight:700;line-height:1.15;margin:0}
p{margin:0}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:var(--st-accent);clip:auto!important;clip-path:none;color:#0b0c0a;display:block;font-weight:600;height:auto;left:8px;padding:12px 20px;top:8px;width:auto;z-index:100000}
.alignleft{float:left;margin:0 24px 16px 0}.alignright{float:right;margin:0 0 16px 24px}.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption-text,.gallery-caption{font-size:13px;color:var(--st-muted)}
.sticky,.bypostauthor{}

/* ---------- Layout-Helfer ---------- */
.st-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 32px}
.st-narrow{max-width:1000px}
.st-lines{background-image:repeating-linear-gradient(135deg,rgba(163,209,58,.045) 0 1px,transparent 1px 22px)}
.st-alt{background-color:var(--st-bg-2)}
.st-cut{clip-path:var(--st-cut)}
.st-section{border-bottom:1px solid var(--st-line)}
.st-section > .st-wrap{padding-top:96px;padding-bottom:96px;display:flex;flex-direction:column;gap:36px}
.st-kicker{font-family:var(--st-mono);font-size:13px;letter-spacing:.14em;color:var(--st-accent);text-transform:uppercase}
.st-label{font-family:var(--st-mono);font-size:12px;letter-spacing:.14em;color:var(--st-muted);text-transform:uppercase}
.st-h2{font-size:44px;text-transform:uppercase;margin-top:8px}
.st-lead{color:var(--st-text-2);font-size:18px;max-width:640px}
.st-head-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px}
.st-head-row .st-lead{max-width:460px;color:var(--st-text-3);font-size:16px}
.st-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.st-grid--sm{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.st-grid--xs{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.st-row{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.st-main-col{flex:999 1 600px;min-width:0}
.st-side-col{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:20px}
.st-muted{color:var(--st-muted)}
.st-mono{font-family:var(--st-mono)}

/* ---------- Buttons ---------- */
.st-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;font-family:var(--st-display);font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase;clip-path:var(--st-cut);border:0;cursor:pointer;line-height:1.1;text-align:center}
.st-btn--primary{background:var(--st-accent);color:#0b0c0a}
.st-btn--primary:hover,.st-btn--primary:focus{background:var(--st-accent-hover);color:#0b0c0a}
.st-btn--yt{background:var(--st-red);color:#fff}
.st-btn--yt:hover,.st-btn--yt:focus{background:#e83a3a;color:#fff}
.st-btn--ghost{background:var(--st-card);color:var(--st-text);border:1px solid var(--st-line-3)}
.st-btn--ghost:hover,.st-btn--ghost:focus{color:var(--st-accent)}
.st-btn--outline{background:transparent;color:var(--st-accent);border:1px solid var(--st-accent)}
.st-btn svg{flex-shrink:0}
.st-link-arrow{font-family:var(--st-display);font-weight:600;letter-spacing:.06em;text-transform:uppercase}

/* ---------- Statusleiste ---------- */
.st-status{border-bottom:1px solid var(--st-line);background:var(--st-bg-2);font-family:var(--st-mono);font-size:12px;letter-spacing:.08em;color:var(--st-muted)}
.st-status .st-wrap{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center;min-height:34px}
.st-status__dot{display:inline-block;width:8px;height:8px;background:var(--st-accent);margin-right:8px;vertical-align:middle}
.st-status__end{margin-left:auto}

/* ---------- Header ---------- */
.st-header{border-bottom:1px solid var(--st-line);background:var(--st-bg);position:relative;z-index:50}
.st-header__inner{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;padding-top:18px;padding-bottom:18px}
.st-brand{display:flex;align-items:center;gap:12px;color:var(--st-text)}
.st-brand:hover{color:var(--st-text)}
.st-brand__name{font-family:var(--st-display);font-weight:700;font-size:22px;letter-spacing:.12em;text-transform:uppercase}
.st-brand .custom-logo{max-height:52px;width:auto}
.st-nav{flex-grow:1}
.st-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 26px}
.st-nav a{display:block;padding:10px 0;color:var(--st-text);font-family:var(--st-display);font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid transparent}
.st-nav a:hover,.st-nav a:focus{color:var(--st-accent)}
.st-nav .current-menu-item > a,.st-nav .current_page_item > a,.st-nav .current-menu-parent > a{color:var(--st-accent);border-bottom-color:var(--st-accent)}
.st-nav .st-highlight > a{color:var(--st-accent)}
.st-nav ul ul{display:none}
.st-menu-toggle{display:none;margin-left:auto;min-width:48px;min-height:48px;background:var(--st-card);border:1px solid var(--st-line-3);color:var(--st-text);cursor:pointer;align-items:center;justify-content:center}
.st-header__cta{display:flex}

/* ---------- Hero ---------- */
.st-hero{position:relative;border-bottom:1px solid var(--st-line);overflow:hidden}
.st-hero__camo1,.st-hero__camo2{position:absolute;pointer-events:none}
.st-hero__camo1{left:-60px;top:40px;width:260px;height:180px;background:#1d2414;clip-path:polygon(20% 0,100% 0,80% 40%,100% 70%,40% 100%,0 60%)}
.st-hero__camo2{right:-40px;bottom:30px;width:300px;height:220px;background:#1a2112;clip-path:polygon(30% 0,100% 10%,100% 100%,10% 100%,0 50%)}
.st-hero__inner{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:48px;padding-top:96px;padding-bottom:104px}
.st-hero__text{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:26px}
.st-hero__title{font-size:72px;line-height:1.02;letter-spacing:.01em;text-transform:uppercase}
.st-hero__title span{color:var(--st-accent)}
.st-hero__sub{max-width:560px;font-size:19px;color:var(--st-text-2)}
.st-actions{display:flex;flex-wrap:wrap;gap:14px}
.st-stats{display:flex;flex-wrap:wrap;gap:12px 36px;margin-top:12px;font-family:var(--st-mono);font-size:13px;color:var(--st-muted)}
.st-stats strong{display:block;font-family:var(--st-display);font-size:30px;font-weight:700;color:var(--st-text)}
.st-hero__logo{flex:1 1 380px;min-width:0;display:flex;justify-content:center}
.st-hero__logo-box{position:relative;width:100%;max-width:440px;aspect-ratio:1/1}
.st-hero__logo-box svg{width:100%;height:100%}
.st-hero__logo-box img{width:100%;height:100%;object-fit:contain}
.st-hero__coords{position:absolute;right:-10px;top:6px;font-family:var(--st-mono);font-size:11px;line-height:1.7;color:var(--st-muted);text-align:right}

/* ---------- Karten ---------- */
.st-card{background:var(--st-card);border:1px solid var(--st-line);color:var(--st-text);display:flex;flex-direction:column}
a.st-card:hover{border-color:var(--st-line-3);color:var(--st-text)}
a.st-card:hover .st-card__title{color:var(--st-accent)}
.st-card--strong{border-color:var(--st-line-2)}
.st-card--accent{border-color:var(--st-accent)}
.st-card__media{aspect-ratio:16/9;background:var(--st-card-2);display:flex;align-items:center;justify-content:center;color:var(--st-muted);font-family:var(--st-mono);font-size:13px;overflow:hidden;position:relative}
.st-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.st-card__body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px;flex-grow:1}
.st-card__tag{font-family:var(--st-mono);font-size:11px;letter-spacing:.12em;color:var(--st-accent);text-transform:uppercase}
.st-card__title{font-family:var(--st-display);font-weight:700;font-size:20px;line-height:1.3;transition:color .15s}
.st-card__excerpt{font-size:15px;color:var(--st-text-3)}
.st-card__meta{margin-top:auto;padding-top:8px;font-family:var(--st-mono);font-size:12px;color:var(--st-muted)}
.st-badge{position:absolute;left:16px;top:16px;background:var(--st-red);color:#fff;font-family:var(--st-display);font-weight:600;font-size:13px;letter-spacing:.1em;padding:4px 10px}
.st-pill{display:inline-block;padding:2px 8px;border:1px solid var(--st-accent);color:var(--st-accent);font-family:var(--st-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.st-pill--solid{background:var(--st-accent);color:#0b0c0a;font-weight:500}
.st-box{background:var(--st-card);border:1px solid var(--st-line);padding:24px;display:flex;flex-direction:column;gap:10px}
.st-box--accent{border-color:var(--st-accent)}

/* ---------- Maker News ---------- */
.st-news-feature{display:flex;flex-wrap:wrap;gap:28px;align-items:stretch}
.st-news-feature__main{flex:999 1 560px;min-width:0}
.st-news-feature__main .st-card__body{padding:24px 26px}
.st-news-feature__main .st-card__title{font-size:26px}
.st-news-feature__list{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:14px}
.st-embed{position:relative;aspect-ratio:16/9;background:var(--st-card-2);overflow:hidden}
.st-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.st-numbered{display:flex;gap:14px;align-items:center;padding:14px;background:var(--st-card);border:1px solid var(--st-line);color:var(--st-text);font-weight:500}
.st-numbered:hover{color:var(--st-accent)}
.st-numbered span:first-child{font-family:var(--st-display);font-weight:700;font-size:22px;color:var(--st-accent);width:34px;flex-shrink:0}

/* ---------- Themen ---------- */
.st-topic{background:var(--st-card);border:1px solid var(--st-line-2);padding:28px;display:flex;flex-direction:column;gap:14px;clip-path:var(--st-cut)}
.st-topic__title{font-family:var(--st-display);font-weight:700;font-size:22px;text-transform:uppercase}
.st-topic p{color:var(--st-text-3);font-size:15px}
.st-bar{height:4px;background:var(--st-line)}
.st-bar span{display:block;height:4px;background:var(--st-accent)}

/* ---------- About ---------- */
.st-about{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.st-about__img{flex:1 1 360px;min-width:0;max-width:460px;aspect-ratio:4/5;background:var(--st-card-2);border:1px solid var(--st-line-2);clip-path:var(--st-cut);display:flex;align-items:center;justify-content:center;color:var(--st-muted);font-family:var(--st-mono);font-size:14px;overflow:hidden}
.st-about__img img{width:100%;height:100%;object-fit:cover}
.st-about__text{flex:999 1 460px;min-width:0;display:flex;flex-direction:column;gap:22px}
.st-about__text p{color:var(--st-text-3)}
.st-about__text p:first-of-type{color:var(--st-text-2);font-size:18px}
.st-quote{margin:8px 0 0;padding:18px 22px;border:1px solid var(--st-line-2);background:var(--st-card);font-family:var(--st-display);font-weight:600;font-size:20px;color:var(--st-text)}

/* ---------- Community ---------- */
.st-community{display:flex;flex-wrap:wrap;gap:24px}
.st-community__main{flex:999 1 520px;min-width:0;background:var(--st-card);border:1px solid var(--st-accent);padding:40px;display:flex;flex-direction:column;gap:18px;clip-path:var(--st-cut)}
.st-community__main h3{font-size:30px;text-transform:uppercase}
.st-community__main p{color:var(--st-text-2);max-width:520px}
.st-socials{flex:1 1 300px;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}
.st-social{display:flex;align-items:center;min-height:64px;padding:0 18px;background:var(--st-card);border:1px solid var(--st-line-2);color:var(--st-text);font-family:var(--st-display);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.st-social:hover{color:var(--st-accent)}
.st-social--yt{background:var(--st-red);border-color:var(--st-red);color:#fff}
.st-social--yt:hover{color:#fff;background:#e83a3a}
.st-friend{display:flex;align-items:center;gap:14px;padding:16px;background:var(--st-card);border:1px solid var(--st-line);color:var(--st-text)}
.st-friend__av{width:48px;height:48px;border-radius:50%;background:var(--st-line);flex-shrink:0;overflow:hidden}
.st-friend__av img{width:100%;height:100%;object-fit:cover}
.st-friend strong{display:block;font-family:var(--st-display);font-size:18px}
.st-friend small{font-size:14px;color:var(--st-muted)}

/* ---------- Patreon ---------- */
.st-tier{background:var(--st-card);border:1px solid var(--st-line-2);padding:30px;display:flex;flex-direction:column;gap:14px;clip-path:var(--st-cut)}
.st-tier__name{font-family:var(--st-display);font-weight:700;font-size:26px;text-transform:uppercase}
.st-tier__price{font-family:var(--st-display);font-weight:600;font-size:20px;color:var(--st-text-2)}
.st-tier ul{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--st-line);display:flex;flex-direction:column;gap:8px;color:var(--st-text-3);font-size:15px}
.st-tier li::before{content:'▸ ';color:var(--st-accent)}
.st-patrons{display:flex;flex-wrap:wrap;gap:10px}
.st-patrons span{padding:8px 14px;border:1px solid var(--st-line-2);background:var(--st-card);font-family:var(--st-display);font-weight:600;font-size:15px}

/* ---------- Partner ---------- */
.st-partner{background:var(--st-card);border:1px solid var(--st-line-2);padding:24px;display:flex;flex-direction:column;gap:12px;color:var(--st-text);clip-path:var(--st-cut)}
.st-partner:hover{color:var(--st-text);border-color:var(--st-line-3)}
.st-partner__logo{height:88px;background:var(--st-card-2);border:1px dashed var(--st-line-3);display:flex;align-items:center;justify-content:center;color:var(--st-muted);font-family:var(--st-mono);font-size:13px;padding:12px}
.st-partner__logo img{max-height:64px;width:auto;object-fit:contain}
.st-partner__name{font-family:var(--st-display);font-weight:700;font-size:20px}
.st-partner__cat{font-size:14px;color:var(--st-muted)}
.st-partner__code{align-self:flex-start;padding:4px 10px;border:1px solid var(--st-accent);color:var(--st-accent);font-family:var(--st-mono);font-size:12px}
.st-partner__go{margin-top:auto;font-family:var(--st-display);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--st-accent)}
.st-small{font-size:13px;color:var(--st-muted)}

/* ---------- Banner ---------- */
.st-banner{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center;justify-content:space-between;padding:40px;background:var(--st-card);border:1px solid var(--st-line-2);clip-path:var(--st-cut)}
.st-banner--accent{border-color:var(--st-accent);padding:32px 36px}
.st-banner__text{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:8px}
.st-banner__text h3{font-size:28px;text-transform:uppercase}
.st-banner__text p{color:var(--st-text-3)}

/* ---------- Seitenkopf ---------- */
.st-pagehead{border-bottom:1px solid var(--st-line)}
.st-pagehead .st-wrap{padding-top:64px;padding-bottom:56px;display:flex;flex-direction:column;gap:16px}
.st-pagehead h1{font-size:60px;text-transform:uppercase}
.st-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.st-filter{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--st-line-3);background:var(--st-card);color:var(--st-text);font-family:var(--st-display);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.st-filter:hover{color:var(--st-accent)}
.st-filter.is-active{background:var(--st-accent);border-color:var(--st-accent);color:#0b0c0a}
.st-content-area{padding-top:56px;padding-bottom:96px}

/* ---------- News-Liste ---------- */
.st-newsitem{display:flex;flex-wrap:wrap;gap:18px;padding:18px;background:var(--st-card);border:1px solid var(--st-line);color:var(--st-text)}
.st-newsitem:hover{color:var(--st-text);border-color:var(--st-line-3)}
.st-newsitem:hover .st-newsitem__title{color:var(--st-accent)}
.st-newsitem__img{width:180px;aspect-ratio:16/10;flex-shrink:0;background:var(--st-card-2);overflow:hidden}
.st-newsitem__img img{width:100%;height:100%;object-fit:cover}
.st-newsitem__body{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:6px}
.st-newsitem__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-family:var(--st-mono);font-size:12px;color:var(--st-muted)}
.st-newsitem__title{font-family:var(--st-display);font-weight:700;font-size:21px;line-height:1.3;transition:color .15s}
.st-newsitem__excerpt{font-size:15px;color:var(--st-text-3)}
.st-stack{display:flex;flex-direction:column;gap:14px}

/* ---------- Featured Blog ---------- */
.st-featured{display:flex;flex-wrap:wrap;background:var(--st-card);border:1px solid var(--st-line-2);color:var(--st-text);clip-path:var(--st-cut)}
.st-featured:hover{color:var(--st-text)}
.st-featured__img{flex:1 1 520px;min-width:0;aspect-ratio:16/9;background:var(--st-card-2);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--st-muted);font-family:var(--st-mono)}
.st-featured__img img{width:100%;height:100%;object-fit:cover}
.st-featured__body{flex:1 1 380px;min-width:0;padding:36px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.st-featured__body h2{font-size:34px}
.st-featured__body p{color:var(--st-text-3)}

/* ---------- Pagination ---------- */
.st-pagination{margin-top:24px}
.st-pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-family:var(--st-display);font-weight:600}
.st-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--st-line-3);color:var(--st-text);text-transform:uppercase;letter-spacing:.06em}
.st-pagination .page-numbers.current{background:var(--st-accent);border-color:var(--st-accent);color:#0b0c0a}
.st-pagination a.page-numbers:hover{color:var(--st-accent)}

/* ---------- Artikel ---------- */
.st-article-head{border-bottom:1px solid var(--st-line)}
.st-article-head .st-wrap{padding-top:48px;padding-bottom:48px;display:flex;flex-wrap:wrap;gap:40px;align-items:center}
.st-article-head__text{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:18px}
.st-article-head h1{font-size:50px;line-height:1.08}
.st-article-head__lead{font-size:20px;line-height:1.6;color:var(--st-text-2)}
.st-crumbs{font-family:var(--st-mono);font-size:12px;letter-spacing:.08em;color:var(--st-muted);text-transform:uppercase}
.st-crumbs a{color:var(--st-muted)}
.st-crumbs a:hover{color:var(--st-accent)}
.st-crumbs span:last-child{color:var(--st-accent)}
.st-meta{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;font-family:var(--st-mono);font-size:12px;color:var(--st-muted)}
.st-specs{flex:1 1 300px;min-width:0;background:var(--st-card);border:1px solid var(--st-line-2);padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;clip-path:var(--st-cut)}
.st-specs strong{display:block;font-family:var(--st-display);font-weight:700;font-size:20px}
.st-level{display:flex;gap:4px;margin-top:6px}
.st-level span{width:22px;height:5px;background:var(--st-line-2)}
.st-level span.on{background:var(--st-accent)}
.st-article{padding-top:48px;padding-bottom:80px}
.st-article .st-row{flex-wrap:wrap;gap:48px}
@media (min-width:1000px){.st-article .st-side-col{position:sticky;top:24px}}
.st-article__main{flex:999 1 640px;min-width:0;max-width:800px}
.st-article__img{margin:0 0 32px;clip-path:var(--st-cut);border:1px solid var(--st-line-2);overflow:hidden}
.st-article__img img{display:block;width:100%;height:auto}

/* Fließtext */
.st-prose{color:#c9cebc;font-size:18px;line-height:1.75}
.st-prose > *{margin-top:0;margin-bottom:18px}
.st-prose h2{margin:48px 0 14px;font-size:30px;line-height:1.2;text-transform:uppercase;color:var(--st-text)}
.st-prose h3{margin:32px 0 10px;font-size:22px;color:var(--st-text)}
.st-prose h4{margin:24px 0 8px;font-size:18px;color:var(--st-text)}
.st-prose ul,.st-prose ol{padding-left:24px}
.st-prose li{margin-bottom:6px}
.st-prose strong{color:var(--st-text)}
.st-prose a{text-decoration:underline;text-underline-offset:3px}
.st-prose blockquote{margin:24px 0;padding:18px 22px;border:1px solid var(--st-line-2);border-left:3px solid var(--st-accent);background:var(--st-card);color:var(--st-text);font-family:var(--st-display);font-weight:600;font-size:20px}
.st-prose blockquote p{margin:0}
.st-prose code{font-family:var(--st-mono);font-size:15px;background:var(--st-card-2);border:1px solid var(--st-line-2);padding:1px 6px;color:var(--st-code)}
.st-prose pre,.st-prose .wp-block-code{margin:0 0 22px;padding:20px 22px;background:var(--st-bg-foot);border:1px solid var(--st-line-2);border-left:3px solid var(--st-accent);overflow-x:auto;font-family:var(--st-mono);font-size:14px;line-height:1.7;color:var(--st-code);white-space:pre}
.st-prose pre code,.st-prose .wp-block-code code{background:none;border:0;padding:0;font-size:inherit}
.st-prose table{width:100%;border-collapse:collapse;background:var(--st-card);border:1px solid var(--st-line);font-size:15px}
.st-prose .wp-block-table{overflow-x:auto}
.st-prose th,.st-prose td{padding:10px 14px;border-bottom:1px solid var(--st-line);text-align:left}
.st-prose th{font-family:var(--st-mono);font-size:12px;letter-spacing:.1em;color:var(--st-muted);font-weight:500;text-transform:uppercase}
.st-prose figure{margin:0 0 28px}
.st-prose figure img{display:block;border:1px solid var(--st-line-2)}
.st-prose figcaption{margin-top:10px;font-size:13px;color:var(--st-muted)}
.st-prose hr{border:0;border-top:1px solid var(--st-line);margin:40px 0}
.st-prose .wp-block-embed__wrapper{position:relative;aspect-ratio:16/9}
.st-prose .wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%}
.st-prose .wp-block-button__link{display:inline-flex;min-height:48px;align-items:center;padding:0 22px;background:var(--st-accent);color:#0b0c0a;font-family:var(--st-display);font-weight:600;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;border-radius:0;clip-path:var(--st-cut)}
/* Hinweis-/Warnkasten: Absatz mit CSS-Klasse "st-warnung" bzw. "st-hinweis" */
.st-prose .st-warnung{padding:20px 24px;background:#1f1410;border:1px solid var(--st-red);color:#f0d2cc;font-size:16px;clip-path:var(--st-cut)}
.st-prose .st-warnung strong{color:#fff}
.st-prose .st-hinweis{padding:20px 24px;background:var(--st-card);border:1px solid var(--st-accent);color:var(--st-text);font-size:16px;clip-path:var(--st-cut)}

.st-opinion{margin:12px 0 32px;padding:28px 30px;background:var(--st-card);border:1px solid var(--st-accent);display:flex;flex-direction:column;gap:10px;clip-path:var(--st-cut)}
.st-opinion p{font-size:18px;line-height:1.7;color:var(--st-text)}
.st-sources{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:18px 0;border-top:1px solid var(--st-line);border-bottom:1px solid var(--st-line);font-size:14px;color:var(--st-muted)}
.st-share{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;align-items:center}
.st-share a,.st-share button{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--st-line-3);background:transparent;color:var(--st-text);font-family:var(--st-display);font-weight:600;font-size:15px;text-transform:uppercase;cursor:pointer}
.st-share a:hover,.st-share button:hover{color:var(--st-accent)}
.st-author{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:24px;background:var(--st-card);border:1px solid var(--st-line);margin:32px 0 24px}
.st-author img{width:72px;height:72px;border-radius:50%}
.st-author strong{display:block;font-family:var(--st-display);font-size:20px}
.st-author p{font-size:15px;color:var(--st-text-3)}
.st-toc{display:flex;flex-direction:column;gap:2px}
.st-toc a{padding:6px 0;color:var(--st-text);font-size:15px}
.st-toc a:hover{color:var(--st-accent)}
.st-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.st-tags a{padding:4px 10px;border:1px solid var(--st-line-3);color:var(--st-text-2);font-family:var(--st-mono);font-size:12px}
.st-postnav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:32px;font-family:var(--st-display);font-weight:600}

/* ---------- Kommentare ---------- */
.st-comments{margin-top:48px;display:flex;flex-direction:column;gap:16px}
.st-comments h2{font-size:26px;text-transform:uppercase}
.st-comments ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.st-comments ol ol{margin-top:14px;padding-left:24px}
.st-comments .comment-body{padding:18px;background:var(--st-card);border:1px solid var(--st-line)}
.st-comments .comment-author{font-family:var(--st-display);font-weight:700}
.st-comments .comment-author img{border-radius:50%;vertical-align:middle;margin-right:8px}
.st-comments .comment-metadata{font-family:var(--st-mono);font-size:12px}
.st-comments .comment-metadata a{color:var(--st-muted)}
.st-comments .comment-content{color:var(--st-text-2);margin-top:8px}
.st-comments .reply a{font-family:var(--st-display);font-weight:600;text-transform:uppercase;font-size:13px}
.comment-respond{margin-top:16px}
.comment-respond .comment-reply-title{font-family:var(--st-display);font-size:22px;text-transform:uppercase}

/* ---------- Formulare ---------- */
.st-form,.comment-form{display:flex;flex-direction:column;gap:20px}
.st-form label,.comment-form label{display:block;font-family:var(--st-mono);font-size:12px;letter-spacing:.12em;color:var(--st-muted);text-transform:uppercase;margin-bottom:8px}
.st-form input[type=text],.st-form input[type=email],.st-form select,.st-form textarea,
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea,
.search-form input[type=search]{width:100%;min-height:48px;padding:12px 14px;background:var(--st-bg);border:1px solid var(--st-line-3);color:var(--st-text);font-family:var(--st-body);font-size:16px;border-radius:0}
.st-form textarea,.comment-form textarea{min-height:180px;resize:vertical}
.st-form input:focus,.st-form select:focus,.st-form textarea:focus,.comment-form input:focus,.comment-form textarea:focus,.search-form input:focus{outline:2px solid var(--st-accent);outline-offset:0}
.st-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.st-check{display:flex!important;gap:12px;align-items:flex-start;font-family:var(--st-body)!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;color:var(--st-text-3)!important;cursor:pointer}
.st-check input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--st-accent);flex-shrink:0}
.comment-form-cookies-consent{display:flex;gap:10px;align-items:flex-start}
.comment-form-cookies-consent label{text-transform:none;letter-spacing:0;font-family:var(--st-body);font-size:14px;margin:0}
.st-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.st-notice{padding:16px 20px;border:1px solid var(--st-accent);background:var(--st-card);color:var(--st-text)}
.st-notice--error{border-color:var(--st-red);background:#1f1410}
.form-submit .submit,.search-form .search-submit{min-height:48px;padding:0 22px;background:var(--st-accent);color:#0b0c0a;border:0;font-family:var(--st-display);font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;clip-path:var(--st-cut)}
.search-form{display:flex;gap:10px}
.search-form label{flex:1}

/* ---------- Footer ---------- */
.st-footer{background:var(--st-bg-foot);border-top:2px solid var(--st-accent)}
.st-footer .st-wrap{padding-top:72px;padding-bottom:36px;display:flex;flex-direction:column;gap:48px}
.st-footer__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}
.st-footer__about{display:flex;flex-direction:column;gap:14px}
.st-footer__about p{font-size:14px;color:var(--st-muted)}
.st-footer__claim{font-family:var(--st-mono);font-size:12px;letter-spacing:.12em;color:var(--st-accent)}
.st-footer h2{font-family:var(--st-mono);font-weight:400;font-size:12px;letter-spacing:.14em;color:var(--st-muted);text-transform:uppercase;margin-bottom:8px}
.st-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.st-footer li a{display:block;padding:6px 0;color:var(--st-text-2)}
.st-footer li a:hover{color:var(--st-accent)}
.st-footer__legal li a{color:var(--st-text);font-weight:500}
.st-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;border-top:1px solid var(--st-line);font-family:var(--st-mono);font-size:12px;color:var(--st-muted)}

/* ---------- 404 ---------- */
.st-404{padding-top:120px;padding-bottom:140px;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.st-404 h1{font-size:96px;color:var(--st-accent)}

/* ---------- Mobil ---------- */
@media (max-width:900px){
  .st-menu-toggle{display:inline-flex}
  .st-header__cta{display:none}
  .st-nav{display:none;flex-basis:100%}
  .st-nav.is-open{display:block}
  .st-nav ul{flex-direction:column;gap:0}
  .st-nav a{padding:14px 0;border-bottom:1px solid var(--st-line)}
  .st-nav .current-menu-item > a{border-bottom-color:var(--st-line)}
  .st-nav.is-open + .st-header__cta{display:flex;flex-basis:100%}
}
@media (max-width:760px){
  .st-wrap{padding:0 18px}
  .st-hide-m{display:none!important}
  .st-hero__inner{padding-top:56px;padding-bottom:64px}
  .st-hero__title{font-size:42px}
  .st-h2{font-size:30px}
  .st-pagehead h1{font-size:40px}
  .st-article-head h1{font-size:32px}
  .st-section > .st-wrap{padding-top:64px;padding-bottom:64px}
  .st-community__main,.st-banner{padding:26px}
  .st-newsitem__img{width:100%}
  .st-prose{font-size:17px}
  .st-404 h1{font-size:64px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Listen in Seitenleisten-Boxen */
.st-box ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.st-box li a{display:block;padding:6px 0;font-family:var(--st-display);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.st-videos-plugin{width:100%}