/*
Theme Name: ZeroTwoBee
Theme URI: https://www.instagram.com/cedd_oooo/
Author: Cedric Winkler
Description: Schlichtes, modernes Blog-Theme für News, Blogposts, Reviews und Downloads. Mit Slider auf der Startseite, Rezensions-Feldern (Typ & Fazit), Kontaktformular und lokal eingebundenen Schriften.
Version: 1.4.5
Requires at least: 6.0
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: zerotwobee
*/

/* ---------- Schriften (lokal, ohne Google-Server) ---------- */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-display:swap;font-weight:200 800;src:url(assets/fonts/plus-jakarta-sans-latin-wght-normal.woff2) format("woff2-variations"),url(assets/fonts/plus-jakarta-sans-latin-wght-normal.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:"Plus Jakarta Sans";font-style:normal;font-display:swap;font-weight:200 800;src:url(assets/fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2) format("woff2-variations"),url(assets/fonts/plus-jakarta-sans-latin-ext-wght-normal.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-display:swap;font-weight:200 800;src:url(assets/fonts/newsreader-latin-standard-normal.woff2) format("woff2-variations"),url(assets/fonts/newsreader-latin-standard-normal.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-display:swap;font-weight:200 800;src:url(assets/fonts/newsreader-latin-ext-standard-normal.woff2) format("woff2-variations"),url(assets/fonts/newsreader-latin-ext-standard-normal.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-display:swap;font-weight:200 800;src:url(assets/fonts/newsreader-latin-standard-italic.woff2) format("woff2-variations"),url(assets/fonts/newsreader-latin-standard-italic.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-display:swap;font-weight:200 800;src:url(assets/fonts/newsreader-latin-ext-standard-italic.woff2) format("woff2-variations"),url(assets/fonts/newsreader-latin-ext-standard-italic.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}

/* ---------- Grundwerte ---------- */
:root{
  color-scheme:light;
  --zt-bg:#F4F2EE;
  --zt-surface:#FFFFFF;
  --zt-ink:#141414;
  --zt-text:#232323;
  --zt-muted:#5F5F5F;
  --zt-line:#E6E6E6;
  --zt-soft:#F6F5F3;
  --zt-placeholder:#E4E2DE;
  --zt-accent:#4B43D6;
  --zt-c1:#1F5BC9;
  --zt-c2:#7A33E6;
  --zt-glow1:rgba(31,91,201,.24);
  --zt-glow2:rgba(122,51,230,.20);
  --zt-bg2:#DFE4E8;
  --zt-text2:#3F3F3F;
  --zt-field-line:#D4D4D4;
  --zt-dot:#BDBDBD;
  --zt-ph-text:#6B6B6B;
  --zt-page:linear-gradient(170deg,var(--zt-bg) 0%,var(--zt-bg2) 100%);
  --zt-radius:10px;
  --zt-shadow:0 1px 3px rgba(20,20,20,.05);
  --zt-shadow-hover:0 10px 28px rgba(20,20,20,.08);
  --zt-wrap:1120px;
  --zt-gutter:24px;
  --zt-sans:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --zt-serif:"Newsreader",Georgia,"Times New Roman",serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zt-page) fixed;min-height:100vh;color:var(--zt-ink);font-family:var(--zt-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--zt-ink)}
a:hover{color:var(--zt-accent)}
:focus-visible{outline:2px solid var(--zt-accent);outline-offset:3px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;left:16px;top:16px;width:auto;height:auto;clip:auto;z-index:100;background:var(--zt-surface);padding:12px 16px;border-radius:6px;font-weight:600}

.zt-wrap{max-width:var(--zt-wrap);margin:0 auto;padding-left:var(--zt-gutter);padding-right:var(--zt-gutter)}

/* ---------- Dark Mode ---------- */
html.zt-dark{
  color-scheme:dark;
  --zt-surface:#1C1C1E;
  --zt-ink:#F2F2F2;
  --zt-text:#E4E4E4;
  --zt-text2:#D0D0D0;
  --zt-muted:#A6A6A6;
  --zt-line:#2F2F32;
  --zt-field-line:#45454A;
  --zt-soft:#26262A;
  --zt-placeholder:#2A2A2E;
  --zt-accent:#A3A6F2;
  --zt-c1:#7DB4F0;
  --zt-c2:#C38BFA;
  --zt-glow1:rgba(134,180,227,.215);
  --zt-glow2:rgba(180,140,242,.185);
  --zt-dot:#5A5A5E;
  --zt-ph-text:#A0A0A0;
  --zt-shadow:0 1px 3px rgba(0,0,0,.4);
  --zt-shadow-hover:0 10px 28px rgba(0,0,0,.5);
  --zt-bg:#141416;
  --zt-bg2:#09090A;
}
html.zt-dark .zt-notice--error{background:#3A1E1B;color:#F3B5AC}
/* Farbwechsel läuft über die animierten Farbwerte (siehe Version 1.3) */

/* ---------- Header ---------- */
.zt-header{background:var(--zt-surface);border-bottom:1px solid var(--zt-line)}
.zt-header__inner{padding-top:32px;display:flex;flex-direction:column;align-items:center;gap:18px}
.zt-logo{font-size:clamp(30px,8vw,42px);font-weight:800;letter-spacing:-.01em;line-height:1.1;color:var(--zt-ink);text-decoration:none;transition:color .2s}
.zt-logo:hover{color:var(--zt-accent)}
.zt-logo{display:inline-flex;align-items:center;gap:.32em}
.zt-logo-icon{width:auto;flex:none;display:block}
.zt-footer__brand strong{display:flex;align-items:center;gap:8px}
.zt-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0 6px}
.zt-nav a{display:inline-block;padding:14px 14px 12px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--zt-ink);text-decoration:none;border-bottom:2px solid transparent}
.zt-nav a:hover{color:var(--zt-accent)}
.zt-nav a[aria-current="page"]{border-bottom-color:var(--zt-ink)}

/* ---------- Layout ---------- */
.zt-main{padding-top:40px;padding-bottom:0;display:flex;flex-direction:column;gap:88px}
.zt-main--page{padding-top:64px;gap:56px}
.zt-panel{background:var(--zt-surface);border-radius:var(--zt-radius);padding:48px;box-shadow:var(--zt-shadow)}
.zt-panel--article{padding:56px}
.zt-eyebrow{font-family:var(--zt-sans);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--zt-accent)}
.zt-meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--zt-muted)}
.zt-meta a{color:var(--zt-accent);text-decoration:none}
.zt-badge{background:var(--zt-ink);color:var(--zt-surface);padding:3px 8px;border-radius:3px;letter-spacing:.1em}
.zt-more{font-size:14px;font-weight:600;text-decoration:none;color:var(--zt-ink);border-bottom:1px solid var(--zt-ink);padding-bottom:2px}
.zt-more:hover{color:var(--zt-accent);border-color:var(--zt-accent)}
.zt-section{display:flex;flex-direction:column;gap:28px}
.zt-section__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--zt-ink);padding-bottom:14px}
.zt-section__title{margin:0;font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.zt-empty{margin:0;color:var(--zt-muted);font-size:15px}
.zt-pagehead{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.zt-pagehead h1{margin:0;font-size:clamp(32px,7vw,44px);font-weight:800;letter-spacing:-.01em;line-height:1.15}
.zt-pagehead p{margin:0;max-width:560px;font-size:17px;line-height:1.6;color:var(--zt-muted)}

/* ---------- Placeholder für fehlende Bilder ---------- */
.zt-ph{background:var(--zt-placeholder);display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--zt-ph-text)}

/* ---------- Slider ---------- */
.zt-slider{position:relative;overflow:hidden;border-radius:6px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;background:var(--zt-placeholder)}
.zt-slider.is-dragging{cursor:grabbing}
.zt-slider__track{display:flex;transition:transform .6s ease;will-change:transform}
.zt-slider.is-dragging .zt-slider__track{transition:none}
.zt-slide{flex:0 0 100%;position:relative;aspect-ratio:16/7;min-height:320px;display:flex;align-items:flex-end;background:var(--zt-placeholder)}
.zt-slide__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.zt-cap{position:relative;margin:0 0 32px 32px;max-width:520px;background:var(--zt-surface);padding:24px 28px;display:flex;flex-direction:column;gap:10px;border-radius:4px;text-decoration:none;color:var(--zt-ink);transition:transform .2s,box-shadow .2s}
.zt-cap:hover{box-shadow:0 12px 30px rgba(20,20,20,.14);transform:translateY(-3px);color:var(--zt-ink)}
.zt-cap__label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--zt-accent)}
.zt-cap__title{font-size:26px;font-weight:700;line-height:1.2}
.zt-cap .zt-more{align-self:flex-start}
.zt-cap:hover .zt-cap__title,.zt-cap:hover .zt-more{color:var(--zt-accent);border-color:var(--zt-accent)}
.zt-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:999px;border:none;background:var(--zt-surface);color:var(--zt-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.08);z-index:2}
.zt-arrow:hover{background:var(--zt-ink);color:var(--zt-surface)}
.zt-arrow--prev{left:16px}
.zt-arrow--next{right:16px}
.zt-dots{position:absolute;bottom:16px;right:24px;display:flex;gap:4px;z-index:2}
.zt-dot{width:28px;height:28px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.zt-dot span{display:block;width:8px;height:8px;border-radius:999px;background:var(--zt-dot);transition:all .3s}
.zt-dot[aria-current="true"] span{width:24px;background:var(--zt-ink)}

/* ---------- Intro ---------- */
.zt-intro{display:flex;flex-direction:column;gap:28px;align-items:center;text-align:center}
.zt-intro__body{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:620px}
.zt-intro__img{width:88px;height:88px;border-radius:999px;object-fit:cover}
.zt-intro h1{margin:0;font-size:30px;font-weight:700;line-height:1.25}
.zt-intro p{margin:0;font-size:17px;line-height:1.65;color:var(--zt-muted)}
.zt-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.zt-chip{display:flex;gap:10px;align-items:center;padding:10px 18px;border:1px solid var(--zt-line);border-radius:999px;font-size:14px}
.zt-chip b{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:var(--zt-accent)}

/* ---------- Karten ---------- */
.zt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px 32px}
.zt-card{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--zt-ink);background:var(--zt-surface);border-radius:var(--zt-radius);overflow:hidden;padding-bottom:24px;box-shadow:var(--zt-shadow);transition:box-shadow .25s,transform .25s}
.zt-card:hover{box-shadow:var(--zt-shadow-hover);transform:translateY(-2px);color:var(--zt-ink)}
.zt-card:hover .zt-card__title{color:var(--zt-accent)}
.zt-card>*{padding-left:22px;padding-right:22px}
.zt-card>.zt-card__media{padding:0}
.zt-card__media{aspect-ratio:4/3;overflow:hidden;background:var(--zt-placeholder)}
.zt-card__media img{width:100%;height:100%;object-fit:cover}
.zt-card--review .zt-card__media{aspect-ratio:3/4}
.zt-card__title{margin:0;font-size:21px;font-weight:700;line-height:1.3;transition:color .2s}
.zt-card--compact .zt-card__title{font-size:20px}
.zt-card__text{margin:0;font-size:15px;line-height:1.6;color:var(--zt-muted)}
.zt-card__fazit{font-style:italic}

/* ---------- News-Liste ---------- */
.zt-news{display:flex;flex-direction:column}
.zt-news a{display:flex;flex-wrap:wrap;gap:4px 24px;align-items:baseline;padding:18px 0;border-top:1px solid var(--zt-line);text-decoration:none;color:var(--zt-ink)}
.zt-news a:hover span{color:var(--zt-accent)}
.zt-news time{font-size:13px;font-weight:600;color:var(--zt-muted);min-width:150px}
.zt-news span{font-size:18px;font-weight:600}

/* ---------- Beitrag ---------- */
.zt-article{display:flex;flex-direction:column;gap:48px}
.zt-article__head{max-width:720px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}
.zt-article__head .zt-meta{justify-content:center;letter-spacing:.12em}
.zt-article__title{margin:0;font-size:clamp(32px,7vw,48px);font-weight:800;line-height:1.12;letter-spacing:-.015em}
.zt-lead{margin:0;font-family:var(--zt-serif);font-size:23px;line-height:1.55;color:var(--zt-muted)}
.zt-hero{margin:0}
.zt-hero img{width:100%;max-height:680px;object-fit:cover;border-radius:6px}
.zt-prose{max-width:680px;width:100%;margin:0 auto;font-family:var(--zt-serif);font-size:21px;line-height:1.7;color:var(--zt-text)}
.zt-prose>*{margin-top:0;margin-bottom:26px}
.zt-prose>*:last-child{margin-bottom:0}
.zt-prose h2,.zt-prose h3,.zt-prose h4{font-family:var(--zt-sans);color:var(--zt-ink);line-height:1.3;margin-top:42px;margin-bottom:16px}
.zt-prose h2{font-size:26px;font-weight:700}
.zt-prose h3{font-size:21px;font-weight:700}
.zt-prose a{color:var(--zt-ink);text-decoration-color:var(--zt-accent);text-underline-offset:3px}
.zt-prose a:hover{color:var(--zt-accent)}
.zt-prose ul,.zt-prose ol{padding-left:1.3em}
.zt-prose li{margin-bottom:8px}
.zt-prose blockquote{margin-left:0;margin-right:0;padding:4px 0 4px 24px;border-left:3px solid var(--zt-accent);font-style:italic;color:var(--zt-ink)}
.zt-prose figure{margin-left:0;margin-right:0}
.zt-prose img{border-radius:4px}
.zt-prose figcaption,.zt-prose .wp-element-caption{font-family:var(--zt-sans);font-size:14px;color:var(--zt-muted);text-align:center;margin-top:10px}
.zt-prose hr{border:none;border-top:1px solid var(--zt-line);margin:40px 0}
.zt-prose .wp-block-embed iframe{max-width:100%}
.zt-prose .aligncenter{margin-left:auto;margin-right:auto}
.zt-fazit{margin-top:24px;padding:36px 40px;background:var(--zt-soft);border-radius:6px;display:flex;flex-direction:column;gap:14px}
.zt-fazit p{margin:0;font-family:var(--zt-serif);font-size:24px;line-height:1.5;color:var(--zt-ink);font-style:italic}
.zt-pager{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.zt-pager a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border:1px solid var(--zt-ink);border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;color:var(--zt-ink)}
.zt-pager a:hover{background:var(--zt-ink);color:var(--zt-surface)}

/* ---------- Kontakt ---------- */
.zt-about{display:flex;flex-wrap:wrap;gap:48px 64px;align-items:center}
.zt-about__media{flex:1 1 320px;max-width:440px;aspect-ratio:4/5;border-radius:6px;overflow:hidden}
.zt-about__media img{width:100%;height:100%;object-fit:cover}
.zt-about__body{flex:999 1 400px;min-width:0;display:flex;flex-direction:column;gap:20px}
.zt-about__body h1{margin:0;font-size:clamp(32px,7vw,44px);font-weight:800;line-height:1.15;letter-spacing:-.01em}
.zt-about__text{font-size:18px;line-height:1.7;color:var(--zt-text2)}
.zt-about__text>*{margin:0 0 16px}
.zt-about__text>*:last-child{margin-bottom:0}
.zt-social{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.zt-social__btn{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 24px;border:1px solid var(--zt-ink);border-radius:999px;font-size:16px;font-weight:600;text-decoration:none;color:var(--zt-ink)}
.zt-social__btn:hover{background:var(--zt-ink);color:var(--zt-surface)}
.zt-form-wrap{max-width:680px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:28px}
.zt-form-wrap__head{display:flex;flex-direction:column;gap:10px;text-align:center}
.zt-form-wrap__head h2{margin:0;font-size:32px;font-weight:800}
.zt-form-wrap__head p{margin:0;font-size:17px;line-height:1.6;color:var(--zt-muted)}
.zt-form{display:flex;flex-direction:column;gap:20px}
.zt-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.zt-field{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--zt-muted)}
.zt-field input,.zt-field textarea{font-family:var(--zt-sans);font-size:16px;letter-spacing:0;text-transform:none;color:var(--zt-ink);padding:14px 16px;border:1px solid var(--zt-field-line);border-radius:4px;background:var(--zt-surface);width:100%}
.zt-field input:focus,.zt-field textarea:focus{border-color:var(--zt-ink);outline:none}
.zt-field textarea{resize:none;max-width:100%}
.zt-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.zt-form__note{margin:0;font-size:13px;line-height:1.5;color:var(--zt-muted)}
.zt-btn{align-self:flex-start;min-height:52px;padding:0 32px;border:none;border-radius:999px;background:var(--zt-ink);color:var(--zt-surface);font-family:var(--zt-sans);font-size:15px;font-weight:600;cursor:pointer}
.zt-btn:hover{background:var(--zt-accent)}
.zt-notice{padding:24px 28px;border-radius:6px;font-size:17px;font-weight:600;text-align:center;background:var(--zt-soft)}
.zt-notice--error{background:#FDECEA;color:#8A1C10}

/* ---------- Footer ---------- */
.zt-footer{margin-top:120px;background:var(--zt-surface);border-top:1px solid var(--zt-line)}
.zt-footer__inner{padding-top:40px;padding-bottom:40px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}
.zt-footer__brand{display:flex;flex-direction:column;gap:6px}
.zt-footer__brand strong{font-size:18px;font-weight:800}
.zt-footer__brand small{font-size:13px;color:var(--zt-muted)}
.zt-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.zt-footer nav a{color:var(--zt-muted);text-decoration:none;font-size:14px}
.zt-footer nav a:hover{color:var(--zt-ink)}
.zt-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid var(--zt-line);color:var(--zt-ink)}
.zt-icon-btn:hover{border-color:var(--zt-ink);color:var(--zt-ink)}

/* ---------- Nach oben ---------- */
.zt-totop{position:fixed;right:24px;bottom:24px;z-index:50;width:52px;height:52px;border-radius:999px;border:none;background:var(--zt-ink);color:var(--zt-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px rgba(20,20,20,.18);opacity:0;transform:translateY(12px);pointer-events:none;visibility:hidden;transition:opacity .25s,transform .25s,background .2s,visibility .25s}
.zt-totop.is-visible{opacity:1;transform:none;pointer-events:auto;visibility:visible}
.zt-totop:hover{background:var(--zt-accent)}

/* ---------- Handy ---------- */
@media (max-width:640px){
  .zt-nav ul{gap:0}
  .zt-nav a{padding:12px 6px 10px;font-size:12px;letter-spacing:.04em}
  .zt-news a{flex-direction:column;gap:4px}
  .zt-main{gap:64px;padding-top:24px}
  .zt-main--page{padding-top:32px;gap:40px}
  .zt-panel,.zt-panel--article{padding:28px 20px}
  .zt-arrow{display:none}
  .zt-slide{aspect-ratio:auto;min-height:400px}
  .zt-cap{margin:0 16px 52px 16px;padding:18px 20px}
  .zt-cap__title{font-size:20px}
  .zt-intro h1{font-size:26px}
  .zt-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin:-18px calc(var(--zt-gutter) * -1) -26px;padding:18px var(--zt-gutter) 30px;scroll-padding:0 var(--zt-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .zt-rail::-webkit-scrollbar{display:none}
  .zt-rail .zt-card{flex:0 0 82%;scroll-snap-align:start}
  .zt-lead{font-size:20px}
  .zt-prose{font-size:19px}
  .zt-prose h2{font-size:22px}
  .zt-fazit{padding:24px 22px}
  .zt-fazit p{font-size:20px}
  .zt-social__btn{flex:1 1 100%;justify-content:center}
  .zt-btn{align-self:stretch}
  .zt-totop{right:16px;bottom:16px;width:48px;height:48px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important}
}

/* =====================================================================
   Version 1.1
   ===================================================================== */

/* ---------- Dark-Mode-Schalter ---------- */
.zt-header{position:relative}
.zt-mode{position:absolute;top:24px;right:24px;z-index:5;display:flex;align-items:center;gap:10px;background:none;border:none;padding:6px;cursor:pointer;color:var(--zt-muted);font-family:var(--zt-sans);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.zt-mode:hover{color:var(--zt-ink)}
.zt-mode__track{position:relative;width:56px;height:30px;border-radius:999px;background:var(--zt-line);flex:none}
.zt-mode__knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:999px;background:var(--zt-surface);box-shadow:0 1px 4px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;color:var(--zt-ink);transition:transform .3s ease}
.zt-mode__moon{display:none}
html.zt-dark .zt-mode__track{background:var(--zt-accent)}
html.zt-dark .zt-mode__knob{transform:translateX(26px)}
html.zt-dark .zt-mode__sun{display:none}
html.zt-dark .zt-mode__moon{display:block}

/* ---------- Lesezeit / Meta ---------- */
.zt-meta .zt-sep{opacity:.8}

/* ---------- News-Liste ---------- */
.zt-newslist{padding-top:16px;padding-bottom:16px;display:flex;flex-direction:column}
.zt-news-item{display:flex;gap:28px;align-items:center;padding:24px 0;border-top:1px solid var(--zt-line);text-decoration:none;color:var(--zt-ink)}
.zt-news-item:first-child{border-top:none}
.zt-news-item:hover{color:var(--zt-ink)}
.zt-news-item:hover .zt-news-item__title{color:var(--zt-accent)}
.zt-news-item__media{width:160px;aspect-ratio:4/3;flex:none;border-radius:6px;overflow:hidden;background:var(--zt-placeholder)}
.zt-news-item__media img{width:100%;height:100%;object-fit:cover}
.zt-news-item__body{display:flex;flex-direction:column;gap:8px;min-width:0}
.zt-news-item__title{font-size:21px;font-weight:700;line-height:1.3;transition:color .2s}
.zt-news-item__text{font-size:15px;line-height:1.6;color:var(--zt-muted)}
.zt-news a:first-child{border-top:none}

/* ---------- Mehr laden / Alle anzeigen ---------- */
.zt-loadmore{display:flex;justify-content:center;margin-top:8px}
.zt-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 28px;border:1px solid var(--zt-ink);border-radius:999px;font-family:var(--zt-sans);font-size:14px;font-weight:600;text-decoration:none;color:var(--zt-ink);background:none;cursor:pointer}
.zt-pill:hover{background:var(--zt-ink);color:var(--zt-surface)}
.zt-pill[aria-busy="true"]{opacity:.6;pointer-events:none}
.zt-done{margin:0;font-size:14px;color:var(--zt-muted);text-align:center}

/* ---------- Infobox Rezension ---------- */
.zt-facts{margin:0 0 26px;padding:24px 28px;background:var(--zt-soft);border-radius:6px;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:18px 24px;font-family:var(--zt-sans)}
.zt-facts dt{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--zt-muted)}
.zt-facts dd{margin:4px 0 0;font-size:16px;font-weight:600;color:var(--zt-ink);line-height:1.4}

/* ---------- Teilen ---------- */
.zt-share{margin-top:24px;padding-top:24px;border-top:1px solid var(--zt-line);display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-family:var(--zt-sans)}
.zt-share__label{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--zt-muted);margin-right:4px}
.zt-sbtn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--zt-line);border-radius:999px;background:var(--zt-surface);color:var(--zt-ink);font-family:var(--zt-sans);font-size:14px;font-weight:600;cursor:pointer}
.zt-sbtn:hover{border-color:var(--zt-accent);color:var(--zt-accent)}

/* ---------- Lesefortschritt ---------- */
.zt-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none}
.admin-bar .zt-progress{top:32px}
.zt-progress__bar{height:100%;background:var(--zt-accent);transform:scaleX(0);transform-origin:0 50%}

/* ---------- Bildansicht ---------- */
.zt-hero img,.zt-prose img.zt-zoomable{cursor:zoom-in}
.zt-lb{position:fixed;inset:0;z-index:1000;background:rgba(10,10,12,.94);display:flex;align-items:center;justify-content:center;padding:72px 88px;opacity:0;transition:opacity .2s ease}
.zt-lb.is-open{opacity:1}
.zt-lb__img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;user-select:none;-webkit-user-drag:none;touch-action:pan-y}
.zt-lb__btn{position:absolute;width:48px;height:48px;border-radius:999px;border:none;background:rgba(255,255,255,.12);color:#FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer}
.zt-lb__btn:hover{background:rgba(255,255,255,.26)}
.zt-lb__close{top:16px;right:16px}
.zt-lb__prev{left:20px;top:50%;transform:translateY(-50%)}
.zt-lb__next{right:20px;top:50%;transform:translateY(-50%)}
.zt-lb__count{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:rgba(255,255,255,.7);font-family:var(--zt-sans);font-size:13px;font-weight:600}
body.zt-noscroll{overflow:hidden}

/* ---------- Einblenden beim Scrollen ---------- */
.zt-card,.zt-panel,.zt-news-item,.zt-news a{transition:opacity .7s ease,translate .7s ease,box-shadow .25s,transform .25s!important}
.zt-fade-pre{opacity:0;translate:0 32px}

@media (max-width:640px){
  .zt-mode{top:10px;right:8px}
  .zt-mode__label{display:none}
  .zt-news-item{gap:16px;align-items:flex-start}
  .zt-news-item__media{width:96px}
  .zt-news-item__title{font-size:18px}
  .zt-lb{padding:72px 12px}
  .zt-lb__prev,.zt-lb__next{top:auto;bottom:12px;transform:none}
}
@media (max-width:782px){.admin-bar .zt-progress{top:46px}}
@media (prefers-reduced-motion:reduce){.zt-fade-pre{opacity:1;translate:none}}

/* ---------- Footer immer ganz unten (auch bei wenig Inhalt) ---------- */
body{display:flex;flex-direction:column;min-height:calc(100vh - var(--wp-admin--admin-bar--height,0px))}
body>.zt-main{flex:1 0 auto;width:100%}
body>.zt-header,body>.zt-footer{flex:none}

/* ---------- Kurzzusammenfassung (Lead) stärker absetzen ---------- */
.zt-lead{font-style:italic;font-size:24px;line-height:1.5;color:var(--zt-muted)}
.zt-article__head::after{content:"";display:block;width:56px;height:3px;border-radius:2px;background:var(--zt-accent);margin-top:8px}
@media (max-width:640px){.zt-lead{font-size:20px}}

/* =====================================================================
   Version 1.1.4 – Burger-Menü am Handy
   ===================================================================== */
.zt-header__row{width:100%;display:flex;justify-content:center;align-items:center}
.zt-burger,.zt-mmenu{display:none}
@media (max-width:640px){
  .zt-header__inner{padding-top:12px;padding-bottom:12px;gap:0}
  .zt-header__row{justify-content:space-between}
  .zt-header__row .zt-logo{font-size:26px}
  .zt-header > .zt-mode,.zt-nav{display:none}
  .zt-burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-10px;padding:0;border:none;border-radius:8px;background:none;color:var(--zt-ink);cursor:pointer}
  .zt-burger:hover{color:var(--zt-accent)}
  .zt-burger__box{position:relative;width:22px;height:16px}
  .zt-burger__box i{position:absolute;left:0;width:22px;height:2px;border-radius:2px;background:currentColor;transition:top .3s ease,transform .3s ease,opacity .2s}
  .zt-burger__box i:nth-child(1){top:0}
  .zt-burger__box i:nth-child(2){top:7px}
  .zt-burger__box i:nth-child(3){top:14px}
  .zt-burger[aria-expanded="true"] .zt-burger__box i:nth-child(1){top:7px;transform:rotate(45deg)}
  .zt-burger[aria-expanded="true"] .zt-burger__box i:nth-child(2){opacity:0}
  .zt-burger[aria-expanded="true"] .zt-burger__box i:nth-child(3){top:7px;transform:rotate(-45deg)}
  .zt-mmenu{display:block;max-height:0;overflow:hidden;visibility:hidden;transition:max-height .35s ease,visibility 0s linear .35s}
  .zt-mmenu.is-open{max-height:520px;visibility:visible;transition:max-height .35s ease}
  .zt-mmenu nav{display:flex;flex-direction:column;border-top:1px solid var(--zt-line)}
  .zt-mmenu nav a{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--zt-line);font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--zt-ink);text-decoration:none}
  .zt-mmenu nav a svg{color:var(--zt-muted);transition:transform .2s}
  .zt-mmenu nav a:hover svg{transform:translateX(3px);color:var(--zt-accent)}
  .zt-mmenu nav a[aria-current="page"]{color:var(--zt-accent);box-shadow:inset 3px 0 0 var(--zt-accent)}
  .zt-mode.zt-mode--menu{position:static;width:100%;justify-content:space-between;padding:16px 20px 20px;font-size:13px;letter-spacing:.12em}
  .zt-mode--menu .zt-mode__label{display:inline}
}
@media (prefers-reduced-motion:reduce){.zt-mmenu,.zt-burger__box i{transition:none}}

/* =====================================================================
   Version 1.1.6 – Dark-Mode-Header, Bildausschnitt
   ===================================================================== */
html.zt-dark .zt-header{position:relative;z-index:2;box-shadow:0 6px 24px rgba(0,0,0,.35)}

/* =====================================================================
   Version 1.1.7 – Teilen-Buttons & Footer am Handy
   ===================================================================== */
.zt-share .zt-sbtn{justify-content:center}
@media (max-width:640px){
  .zt-share{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .zt-share__label{grid-column:1/-1;margin:0 0 2px}
  .zt-share .zt-sbtn{width:100%;padding-left:12px;padding-right:12px}
  .zt-footer__inner{padding-bottom:96px}
}

/* =====================================================================
   Version 1.2 – Downloads
   ===================================================================== */
.zt-dl-card .zt-card__media{aspect-ratio:16/10}
.zt-dl-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--zt-line);font-size:13px;color:var(--zt-muted)}
.zt-dl-get{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--zt-accent)}
.zt-dl-list{padding:8px 28px}
.zt-dl-row{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;padding:22px 0;border-top:1px solid var(--zt-line);text-decoration:none;color:var(--zt-ink)}
.zt-dl-row:first-child{border-top:none}
.zt-dl-row:hover{color:var(--zt-ink)}
.zt-dl-row:hover h3{color:var(--zt-accent)}
.zt-dl-row__main{display:flex;flex-direction:column;gap:8px;min-width:0}
.zt-dl-row__top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.zt-dl-row__top .zt-badge{font-size:11px;font-weight:700;text-transform:uppercase}
.zt-dl-row h3{margin:0;font-size:19px;font-weight:700;line-height:1.3;transition:color .2s}
.zt-dl-row p{margin:0;font-size:15px;line-height:1.55;color:var(--zt-muted)}
.zt-dl-row__meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;color:var(--zt-muted);white-space:nowrap}
.zt-dl-row__btn{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;border:1px solid var(--zt-line);color:var(--zt-ink);transition:background .2s,border-color .2s,color .2s}
.zt-dl-box{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:center;margin:0 0 32px;padding:24px 28px;border-radius:var(--zt-radius);background:var(--zt-soft);border:1px solid var(--zt-line);font-family:var(--zt-sans)}
.zt-dl-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px 24px;margin:0}
.zt-dl-facts dt{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--zt-muted);margin-bottom:4px}
.zt-dl-facts dd{margin:0;font-size:15px;font-weight:600;color:var(--zt-ink)}
.zt-dl-box__action{grid-column:2}
.zt-dl-facts:only-child{grid-column:1/-1}
.zt-dl-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;border-radius:999px;background:var(--zt-accent);color:#fff;font-family:var(--zt-sans);font-size:16px;font-weight:700;text-decoration:none;transition:filter .2s,transform .2s}
html.zt-dark .zt-dl-btn{color:#0F1620}
.zt-dl-btn:hover{filter:brightness(1.08);transform:translateY(-1px);color:#fff}
html.zt-dark .zt-dl-btn:hover{color:#0F1620}
.zt-dl-note,.zt-prose .zt-dl-note{margin:14px 0 0;text-align:center;font-family:var(--zt-sans);font-size:13px;line-height:1.45;color:var(--zt-muted)}
@media (max-width:760px){
  .zt-dl-box{grid-template-columns:1fr;padding:20px}
  .zt-dl-box__action{grid-column:auto}
}
@media (max-width:640px){
  .zt-dl-list{padding:4px 18px}
  .zt-dl-row{grid-template-columns:1fr auto;gap:12px 16px}
  .zt-dl-row__meta{grid-column:1;grid-row:2;flex-direction:row;gap:12px;align-items:center}
  .zt-dl-row__btn{grid-column:2;grid-row:1 / span 2}
}

/* Lange Pfade/Befehle in Code dürfen umbrechen (sonst ragen sie am Handy aus dem Fenster) */
.zt-prose code,.zt-prose kbd{overflow-wrap:anywhere;word-break:break-word}
.zt-prose pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.zt-prose a{overflow-wrap:anywhere}

/* =====================================================================
   Version 1.3 – Farbverlauf Blau → Violett, Glow, weicher Moduswechsel
   ===================================================================== */
@property --zt-bg{syntax:"<color>";inherits:true;initial-value:transparent}
@property --zt-bg2{syntax:"<color>";inherits:true;initial-value:transparent}
@property --zt-surface{syntax:"<color>";inherits:true;initial-value:transparent}
@property --zt-line{syntax:"<color>";inherits:true;initial-value:transparent}
@property --zt-field-line{syntax:"<color>";inherits:true;initial-value:transparent}
@property --zt-soft{syntax:"<color>";inherits:true;initial-value:transparent}
@property --zt-placeholder{syntax:"<color>";inherits:true;initial-value:transparent}
@property --zt-dot{syntax:"<color>";inherits:true;initial-value:transparent}
@property --zt-c1{syntax:"<color>";inherits:true;initial-value:transparent}
@property --zt-c2{syntax:"<color>";inherits:true;initial-value:transparent}
@property --zt-glow1{syntax:"<color>";inherits:true;initial-value:transparent}
@property --zt-glow2{syntax:"<color>";inherits:true;initial-value:transparent}
html{transition:--zt-bg .6s ease,--zt-bg2 .6s ease,--zt-surface .6s ease,--zt-line .6s ease,--zt-field-line .6s ease,--zt-soft .6s ease,--zt-placeholder .6s ease,--zt-dot .6s ease,--zt-c1 .6s ease,--zt-c2 .6s ease,--zt-glow1 .6s ease,--zt-glow2 .6s ease}
@media (prefers-reduced-motion:reduce){html{transition:none}}

/* Glow im Hintergrund */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 45% 38% at 32% 12%,var(--zt-glow1),transparent 72%),radial-gradient(ellipse 45% 38% at 70% 16%,var(--zt-glow2),transparent 72%),radial-gradient(ellipse 45% 40% at 100% 100%,var(--zt-glow2),transparent 72%)}

/* Leuchtlinie bei Header und Footer */
.zt-header{border-bottom-color:transparent}
.zt-header::after,.zt-footer::before{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--zt-c1) 30%,var(--zt-c2) 70%,transparent 100%);opacity:.75;filter:drop-shadow(0 0 5px var(--zt-c2));pointer-events:none}
.zt-header::after{bottom:-1px}
.zt-footer{position:relative;border-top-color:transparent}
.zt-footer::before{top:0}
.zt-footer__tag{display:block;font-size:13px;color:var(--zt-muted)}
.zt-nav a[aria-current="page"]{border-bottom-color:transparent;border-image:linear-gradient(90deg,var(--zt-c1),var(--zt-c2)) 1}
@media (max-width:640px){
  .zt-mmenu nav a[aria-current="page"]{box-shadow:none;border-left:3px solid;border-image:linear-gradient(180deg,var(--zt-c1),var(--zt-c2)) 1;padding-left:17px}
}

/* Logo im Verlauf */
.zt-logo,.zt-logo:hover{color:var(--zt-ink)}
.zt-logo__text{background:linear-gradient(90deg,var(--zt-c1),var(--zt-c2),var(--zt-c1));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}

/* Verlauf auf Titeln beim Drüberfahren */
.zt-card__title,.zt-cap__title,.zt-dl-row h3,.zt-news-item__title{width:fit-content;max-width:100%}
.zt-card:hover .zt-card__title,.zt-cap:hover .zt-cap__title,.zt-dl-row:hover h3,.zt-news-item:hover .zt-news-item__title,.zt-news a:hover span{background:linear-gradient(90deg,var(--zt-c1),var(--zt-c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.zt-cap:hover .zt-more{color:var(--zt-ink);border-color:var(--zt-ink)}
.zt-more:hover,.zt-cap:hover .zt-more:hover{color:transparent;background:linear-gradient(90deg,var(--zt-c1),var(--zt-c2));-webkit-background-clip:text;background-clip:text;border-bottom-color:transparent;border-image:linear-gradient(90deg,var(--zt-c1),var(--zt-c2)) 1}

/* Zweifarbiger Schein um Karten */
.zt-card:hover,.zt-cap:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--zt-accent) 35%,transparent),-14px 14px 36px -14px color-mix(in srgb,var(--zt-c1) 18%,transparent),14px 14px 36px -14px color-mix(in srgb,var(--zt-c2) 18%,transparent)}

/* Runde Buttons und Hauptaktionen */
.zt-totop:hover,.zt-arrow:hover,.zt-icon-btn:hover,.zt-btn:hover,.zt-dl-row__btn:hover{background:linear-gradient(135deg,var(--zt-c1),var(--zt-c2));border-color:transparent;color:#fff}
.zt-dl-btn,.zt-dl-btn:hover{background:linear-gradient(90deg,var(--zt-c1),var(--zt-c2));color:#fff}
html.zt-dark .zt-totop:hover,html.zt-dark .zt-arrow:hover,html.zt-dark .zt-icon-btn:hover,html.zt-dark .zt-btn:hover,html.zt-dark .zt-dl-row__btn:hover,html.zt-dark .zt-dl-btn,html.zt-dark .zt-dl-btn:hover{color:#0F1620}
html.zt-dark .zt-mode__track{background:linear-gradient(90deg,var(--zt-c1),var(--zt-c2))}

/* Teilen-Buttons: Rahmen und Schrift im Verlauf */
.zt-sbtn:hover{border-color:transparent;background:linear-gradient(var(--zt-surface),var(--zt-surface)) padding-box,linear-gradient(90deg,var(--zt-c1),var(--zt-c2)) border-box;color:var(--zt-c1)}
.zt-sbtn:hover span{background:linear-gradient(90deg,var(--zt-c1),var(--zt-c2));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Lesefortschritt und Akzentstrich */
.zt-progress__bar{background:linear-gradient(90deg,var(--zt-c1),var(--zt-c2))}
.zt-article__head::after{background:linear-gradient(90deg,var(--zt-c1),var(--zt-c2))}

/* Slider-Punkte in einer dunklen Kapsel */
.zt-dots{right:20px;gap:2px;padding:2px 6px;border-radius:999px;background:rgba(10,10,14,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.zt-dot span{background:rgba(255,255,255,.45)}
.zt-dot[aria-current="true"] span{background:#fff}

/* Download-Liste: Zeile öffnet die Seite, Button lädt direkt herunter */
.zt-dl-row{position:relative}
.zt-dl-row__link{color:inherit;text-decoration:none}
.zt-dl-row__link::after{content:"";position:absolute;inset:0}
.zt-dl-row__link:hover{color:inherit}
.zt-dl-row__btn{position:relative;z-index:1;text-decoration:none}
.zt-dl-row:hover .zt-dl-row__btn{background:transparent;border-color:var(--zt-line);color:var(--zt-ink)}
.zt-dl-row .zt-dl-row__btn:hover{background:linear-gradient(135deg,var(--zt-c1),var(--zt-c2));border-color:transparent;color:#fff}
html.zt-dark .zt-dl-row .zt-dl-row__btn:hover{color:#0F1620}

/* Logo-Icon: Form als Maske, Farbe als Verlauf (zuverlässiger Farbwechsel in allen Browsern) */
.zt-logo-icon{display:block;flex:none;aspect-ratio:1000/910;width:auto;background:linear-gradient(135deg,var(--zt-c1),var(--zt-c2));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1000 910%22%3E%3Cpath d=%22M85 21 71 30 59 39 45 53 37 62 26 77 20 88 11 106 5 125 1 144 0 158 0 176 1 190 4 203 9 222 15 235 22 249 28 259 146 431 165 459 189 497 207 527 233 573 257 622 354 825 363 839 374 853 387 867 404 880 419 889 430 895 443 900 456 904 474 908 487 910 512 910 531 907 545 904 558 900 569 895 585 887 599 878 611 868 627 852 640 834 646 824 740 627 764 579 792 529 812 494 835 459 859 423 972 259 984 237 989 226 993 214 997 197 1000 179 1000 156 997 137 993 120 985 99 977 82 965 65 956 54 944 42 928 29 911 19 896 12 878 6 861 2 844 0 823 0 823 0 805 1 798 2 762 5 756 6 720 8 714 9 678 11 677 12 642 14 641 15 612 16 611 17 582 18 581 19 572 19 572 19 548 20 548 223 577 221 584 220 592 220 593 220 605 220 616 222 628 225 644 231 655 236 667 244 677 253 687 264 696 276 703 290 710 307 713 321 714 333 714 349 713 363 710 374 706 385 699 398 673 439 654 469 627 517 605 562 597 574 593 580 579 594 570 602 558 609 547 615 533 619 518 623 510 624 500 624 500 624 499 624 489 624 479 622 466 619 457 616 444 610 435 605 423 596 411 585 404 577 395 563 374 519 351 479 327 439 302 402 298 395 293 382 289 370 286 356 286 346 285 346 286 329 287 317 290 308 296 291 303 277 313 263 327 249 336 242 346 236 359 229 370 225 384 222 395 220 407 220 407 220 416 220 430 222 451 223 451 20 439 20 438 19 402 18 402 17 382 16 376 15 340 13 334 12 298 10 292 9 256 7 255 6 213 3 213 3 183 1 183 0 156 0 139 2 120 6 103 12Z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1000 910%22%3E%3Cpath d=%22M85 21 71 30 59 39 45 53 37 62 26 77 20 88 11 106 5 125 1 144 0 158 0 176 1 190 4 203 9 222 15 235 22 249 28 259 146 431 165 459 189 497 207 527 233 573 257 622 354 825 363 839 374 853 387 867 404 880 419 889 430 895 443 900 456 904 474 908 487 910 512 910 531 907 545 904 558 900 569 895 585 887 599 878 611 868 627 852 640 834 646 824 740 627 764 579 792 529 812 494 835 459 859 423 972 259 984 237 989 226 993 214 997 197 1000 179 1000 156 997 137 993 120 985 99 977 82 965 65 956 54 944 42 928 29 911 19 896 12 878 6 861 2 844 0 823 0 823 0 805 1 798 2 762 5 756 6 720 8 714 9 678 11 677 12 642 14 641 15 612 16 611 17 582 18 581 19 572 19 572 19 548 20 548 223 577 221 584 220 592 220 593 220 605 220 616 222 628 225 644 231 655 236 667 244 677 253 687 264 696 276 703 290 710 307 713 321 714 333 714 349 713 363 710 374 706 385 699 398 673 439 654 469 627 517 605 562 597 574 593 580 579 594 570 602 558 609 547 615 533 619 518 623 510 624 500 624 500 624 499 624 489 624 479 622 466 619 457 616 444 610 435 605 423 596 411 585 404 577 395 563 374 519 351 479 327 439 302 402 298 395 293 382 289 370 286 356 286 346 285 346 286 329 287 317 290 308 296 291 303 277 313 263 327 249 336 242 346 236 359 229 370 225 384 222 395 220 407 220 407 220 416 220 430 222 451 223 451 20 439 20 438 19 402 18 402 17 382 16 376 15 340 13 334 12 298 10 292 9 256 7 255 6 213 3 213 3 183 1 183 0 156 0 139 2 120 6 103 12Z%22/%3E%3C/svg%3E") center/contain no-repeat}

/* Textfarben gleiten beim Umschalten über eine normale Farb-Animation */
html.zt-switching body,html.zt-switching body *{transition:color .6s ease !important}
html.zt-switching .zt-mode__knob{transition:transform .3s ease,color .6s ease !important}
@media (prefers-reduced-motion:reduce){html.zt-switching body,html.zt-switching body *{transition:none !important}}

/* Download-Button: Schrift im hellen Modus weiß, im Dark Mode dunkel (auch innerhalb des Beitragstexts) */
.zt-prose a.zt-dl-btn,.zt-prose a.zt-dl-btn:hover{color:#fff;text-decoration:none;border:none}
html.zt-dark .zt-prose a.zt-dl-btn,html.zt-dark .zt-prose a.zt-dl-btn:hover{color:#0F1620}

/* ===== 1.4.0 App-Look ===== */
:root{--zt-radius:16px;--zt-hl:rgba(20,20,40,.07)}
html.zt-dark{--zt-hl:rgba(255,255,255,.065)}
html{scroll-padding-top:84px}

/* Header: eine Zeile, fixiert, Glas */
.zt-header,html.zt-dark .zt-header{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:50;background:color-mix(in srgb,var(--zt-surface) 58%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:none}
@media (min-width:641px){
  .zt-header{display:flex;align-items:center;gap:20px;padding-inline:max(24px,calc((100% - 1072px)/2))}
  .zt-header__inner{flex:1;max-width:none;margin:0;padding:0;flex-direction:row;justify-content:space-between;align-items:center;gap:24px;min-height:68px}
  .zt-header__row{width:auto}
  .zt-header__row .zt-logo{font-size:24px}
  .zt-nav a{padding:23px 12px 21px}
  .zt-header > .zt-mode{position:static;order:2;padding:6px 0 6px 6px}
  .zt-header > .zt-mode .zt-mode__label{display:none}
}
@media (min-width:641px) and (max-width:900px){.zt-nav a{padding-inline:8px;font-size:14px}}

/* Menü: normale Schreibweise */
.zt-nav a{text-transform:none;letter-spacing:-.005em;font-size:15px;color:var(--zt-muted)}
.zt-nav a:hover,.zt-nav a[aria-current="page"]{color:var(--zt-ink)}
.zt-mmenu nav a{text-transform:none;letter-spacing:0;font-size:16px}

/* Überschriften knackiger */
h1,h2:not(.zt-section__title),h3,.zt-cap__title{font-weight:800;letter-spacing:-.025em}
.zt-article__title{letter-spacing:-.03em}
.zt-logo{letter-spacing:-.025em}

/* Schwebende Panels */
.zt-panel,.zt-card:not(:hover){box-shadow:0 0 0 1px var(--zt-hl),0 12px 32px -16px rgba(30,30,60,.18)}
html.zt-dark .zt-panel,html.zt-dark .zt-card:not(:hover){box-shadow:0 0 0 1px var(--zt-hl),0 12px 32px -14px rgba(0,0,0,.45)}
.zt-slider,.zt-hero img{border-radius:16px}
.zt-chip{border-color:var(--zt-hl)}

/* Slider-Box: Glas, "Weiterlesen" als Pille */
.zt-cap{background:color-mix(in srgb,var(--zt-surface) 86%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border-radius:14px}
html.zt-dark .zt-cap{background:color-mix(in srgb,var(--zt-surface) 62%,transparent)}
.zt-cap:not(:hover){box-shadow:0 0 0 1px var(--zt-hl),0 10px 30px -12px rgba(20,20,40,.25)}
html.zt-dark .zt-cap:not(:hover){box-shadow:0 0 0 1px var(--zt-hl)}
.zt-cap .zt-more,.zt-cap:hover .zt-more{padding:8px 18px;margin-top:4px;border:1px solid color-mix(in srgb,var(--zt-ink) 32%,transparent);border-image:none;border-radius:999px;color:var(--zt-ink);background:none;-webkit-background-clip:border-box;background-clip:border-box}
.zt-cap .zt-more:hover,.zt-cap:hover .zt-more:hover{border-color:transparent;border-image:none;background:linear-gradient(90deg,var(--zt-c1),var(--zt-c2));-webkit-background-clip:border-box;background-clip:border-box;color:#fff}
html.zt-dark .zt-cap .zt-more:hover{color:#0F1620}

/* ===== 1.4.1 Lesbarkeit Fließtext ===== */
:root{--zt-read:#1E1E1E}
html.zt-dark{--zt-read:#ECECEC}
.zt-prose{max-width:640px;font-size:22.5px;line-height:1.65;font-weight:420;color:var(--zt-read)}
html.zt-dark .zt-prose{font-weight:440}
.zt-prose>p,.zt-prose>ul,.zt-prose>ol,.zt-prose>blockquote{margin-top:0;margin-bottom:1em}
.zt-prose li{margin-bottom:.35em}
.zt-prose a{text-underline-offset:.2em;text-decoration-thickness:1px}
.zt-lead{font-size:22px;line-height:1.45;font-weight:420;color:var(--zt-text2)}
@media (max-width:640px){
  .zt-prose{font-size:18px;line-height:1.6}
  .zt-lead{font-size:19px}
}

/* ===== 1.4.2 Vorher/Nachher-Vergleich ===== */
.zt-compare-wrap{margin-left:0;margin-right:0}
.zt-compare{position:relative;overflow:hidden;border-radius:10px;line-height:0;user-select:none;-webkit-user-select:none;box-shadow:0 0 0 1px var(--zt-hl)}
.zt-compare__img{display:block;width:100%;height:auto;border-radius:0!important;pointer-events:none}
.zt-compare__before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.zt-compare__before .zt-compare__img{width:100%;height:100%;object-fit:cover}
.zt-compare__line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:linear-gradient(180deg,var(--zt-c1),var(--zt-c2));box-shadow:0 0 12px rgba(0,0,0,.35);pointer-events:none}
.zt-compare__knob{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--zt-c1),var(--zt-c2));color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.35)}
html.zt-dark .zt-compare__knob{color:#0F1620}
.zt-compare__tag{position:absolute;top:14px;padding:6px 12px;border-radius:999px;font:700 11px/1 var(--zt-sans);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(10,10,14,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}
.zt-compare__tag--l{left:14px}
.zt-compare__tag--r{right:14px}
.zt-compare__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;-webkit-appearance:none;appearance:none}
.zt-compare__range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:2000px}
.zt-compare__range::-moz-range-thumb{width:44px;height:2000px;border:0}
.zt-compare__range{z-index:3}
.zt-compare__range:focus-visible~.zt-compare__line .zt-compare__knob{outline:2px solid #fff;outline-offset:2px}
@media (max-width:640px){.zt-compare__tag{top:10px;font-size:10px;padding:5px 9px}.zt-compare__tag--l{left:10px}.zt-compare__tag--r{right:10px}}

/* ===== 1.4.3 Bilder im Artikel wieder so breit wie vorher (680 px) ===== */
@media (min-width:720px){
  .zt-prose>:is(figure,.wp-block-image,.wp-block-gallery,.wp-block-embed,.zt-compare-wrap){margin-left:-20px;margin-right:-20px;max-width:none;width:auto}
}

/* ===== 1.4.4 Hintergrund am Handy: kein weißer Streifen beim schnellen Scrollen ===== */
/* Verlauf und Glow liegen in einer fixierten Ebene in voller Bildschirmhöhe (auch wenn die Browserleiste verschwindet). */
html{background-color:var(--zt-bg2)}
body{background:transparent}
body::before{inset:auto;top:0;left:0;right:0;height:100vh;height:100lvh;background:radial-gradient(ellipse 45% 38% at 32% 12%,var(--zt-glow1),transparent 72%),radial-gradient(ellipse 45% 38% at 70% 16%,var(--zt-glow2),transparent 72%),radial-gradient(ellipse 45% 40% at 100% 100%,var(--zt-glow2),transparent 72%),var(--zt-page)}

/* ===== 1.4.5 Kein blaues Tipp-Rechteck am Handy, stattdessen eigenes dezentes Feedback ===== */
html{-webkit-tap-highlight-color:transparent}
.zt-burger{border-radius:999px;transition:background-color .15s ease,transform .15s ease}
.zt-burger:active{background:color-mix(in srgb,var(--zt-ink) 10%,transparent);transform:scale(.94)}
.zt-mmenu nav a:active{background:color-mix(in srgb,var(--zt-ink) 6%,transparent)}
:is(.zt-mode,.zt-sbtn,.zt-btn,.zt-totop,.zt-dot,.zt-more,.zt-dl-btn,.zt-dl-row__btn):active{transform:scale(.97)}
:is(.zt-card,.zt-cap,.zt-news-item,.zt-dl-row):active{transform:scale(.99)}
@media (prefers-reduced-motion:reduce){.zt-burger:active,:is(.zt-mode,.zt-sbtn,.zt-btn,.zt-totop,.zt-dot,.zt-more,.zt-dl-btn,.zt-dl-row__btn,.zt-card,.zt-cap,.zt-news-item,.zt-dl-row):active{transform:none}}