/* Schicht 1 — Design-Layer (wm-*). Geladen auf wp_enqueue_scripts Prio 99, NACH Kadence-Theme-CSS; Kadence-Block-CSS liegt teils später (inline im Body) → !important-Regeln nötig. Regeln nicht in andere Datei verschieben (ändert die Kaskade). Portiert 1:1 aus mu-plugins/wemake-frontend.php. */
/* ==========================================================
   we·make·net — Design-Layer (wm-*)
   Tokens: Palette 1 Salbei / 2 Salbei hell / 3 Ink / 4-6 Text /
           7 Papier gedämpft / 8 Papier / 9 Weiß
   ========================================================== */

/* ---------- Typo-Helfer ---------- */
.entry-content p.wm-mono-note,.wm-mono-note{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--global-palette6);margin-top:52px}
.entry-content p.wm-sub,.wm-sub{font-size:18px;line-height:1.65;color:var(--global-palette4);max-width:540px;margin:36px auto 44px}
.wm-intro{font-size:17px;line-height:1.65;color:var(--global-palette4)}
.wm-muted{color:var(--global-palette4)}
.wm-small{font-size:14.5px;line-height:1.6}
.wm-body{font-size:16.5px;line-height:1.7;color:#3a3d36}
.wm-legal{font-size:15.5px;line-height:1.75}
.wm-dark-muted{color:rgba(248,248,244,0.65)}
.entry-content p.wm-credential,.wm-credential{margin-top:40px;font-size:14px;color:rgba(248,248,244,0.55);text-align:center}
.wm-meta{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--global-palette6);margin-bottom:0}
.entry-content p.wm-formnote,.wm-formnote{font-size:12.5px;color:var(--global-palette6);margin:14px 0 0}
.wm-w420{max-width:420px}.wm-w440{max-width:440px}.wm-w460{max-width:460px;margin-left:auto;margin-right:auto}
.wm-w560{max-width:560px}.wm-w640-center{max-width:640px;margin-left:auto;margin-right:auto}

/* Kursiv-Akzente in Headlines immer Salbei (dunkel: Salbei hell) */
.wp-block-kadence-advancedheading em{font-style:italic;color:var(--global-palette1)}
.wm-dark .wp-block-kadence-advancedheading em{color:var(--global-palette2)}

/* ---------- Hero (7a): Glow + Marquee ---------- */
.wm-hero,.wm-thanks{position:relative;overflow:hidden}
.wm-hero .kt-row-column-wrap,.wm-hero .wp-block-kadence-column,.wm-hero .kt-inside-inner-col,
.wm-thanks .kt-row-column-wrap,.wm-thanks .wp-block-kadence-column,.wm-thanks .kt-inside-inner-col{position:static}
.wm-hero .kt-inside-inner-col>*,.wm-thanks .kt-inside-inner-col>*{position:relative;z-index:2}
/* Glow + Marquee sind reine Dekoration → Pseudo-Elemente statt core/html-Block (kein Markup, kein Screenreader-Text) */
.wm-hero::before,.wm-thanks::before{content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(127,169,141,0.14),transparent 65%);pointer-events:none;z-index:0;animation:wm-blob 20s ease-in-out infinite}
.wm-thanks::before{top:-180px;width:640px;height:460px}
.wm-hero::after{content:"Webdesign · Fotografie · Branding · Entwicklung ·\00a0\00a0Webdesign · Fotografie · Branding · Entwicklung ·\00a0\00a0" / "";position:absolute;top:190px;left:0;white-space:nowrap;font-family:'Instrument Serif',serif;font-size:180px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(28,30,26,0.10);pointer-events:none;z-index:0;animation:wm-marquee 40s linear infinite}
@keyframes wm-marquee{to{transform:translateX(-50%)}}
@keyframes wm-blob{0%,100%{transform:translate(-50%,0) scale(1)}33%{transform:translate(calc(-50% + 60px),-40px) scale(1.15)}66%{transform:translate(calc(-50% - 40px),30px) scale(0.95)}}
.wm-hero h1{letter-spacing:-0.02em}
.wm-hero .kt-inside-inner-col,.wm-thanks .kt-inside-inner-col{text-align:center}

/* ---------- Bilder: Rahmen, feste Höhen, Zoom ---------- */
.wm-imgframe{overflow:hidden;border-radius:6px;margin:0}
.wm-imgframe img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,.8,.3,1)}
.wm-imgframe.wm-h260{height:260px}.wm-imgframe.wm-h300{height:300px}.wm-imgframe.wm-h320{height:320px}
.wm-imgframe.wm-h340{height:340px}.wm-imgframe.wm-h400{height:400px}.wm-imgframe.wm-h420{height:420px}
.wm-imgframe.wm-h460{height:460px}.wm-imgframe.wm-h480{height:480px}.wm-imgframe.wm-h520{height:520px}.wm-imgframe.wm-h560{height:560px}
.wm-desat img{filter:saturate(0.85)}

/* Drei-Bilder-Strip: Lift + Zoom */
.wm-strip .wm-imgframe{transition:transform .45s cubic-bezier(.22,.8,.3,1),box-shadow .45s}
.wm-strip .wm-imgframe:hover{transform:translateY(-10px);box-shadow:0 24px 50px rgba(28,30,26,0.18)}
.wm-strip .wm-imgframe:hover img{transform:scale(1.06)}
.wm-signature .wm-imgframe:hover img,.wm-service .wm-imgframe:hover img,.wm-worksgrid .wm-imgframe:hover img{transform:scale(1.05)}
.wm-about-teaser .wm-imgframe:hover img{transform:scale(1.04)}
.wm-works .wp-block-kadence-column:hover .wm-imgframe img{transform:scale(1.06)}
.wm-works .wp-block-kadence-column{cursor:pointer}

/* ---------- Karten ---------- */
.wm-card{border:1px solid rgba(28,30,26,0.06);border-radius:8px;background:var(--global-palette9);transition:transform .3s ease,box-shadow .3s ease}
.wm-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(28,30,26,0.08)}
.wm-card-link{cursor:pointer}

/* „Mehr erfahren →“-Links */
.wm-morelink{margin-bottom:0}
.wm-morelink a{font-size:14px;color:var(--global-palette3);text-decoration:none;border-bottom:1px solid rgba(28,30,26,0.3);padding-bottom:2px;transition:border-color .2s,color .2s}
.wm-morelink a:hover{border-color:var(--global-palette3);color:var(--global-palette3)}
.wm-morelink-strong a{border-bottom-color:var(--global-palette3)}

/* ---------- Chips / Filter ---------- */
/* Chips = native kadence/advancedbtn (Optik über Block-Attribute), hier nur Wrapper-Abstand */
.wm-chips.kb-buttons-wrap{flex-wrap:wrap;margin:0 0 36px}
/* PHP-gerenderte Chips (Wissen-Filter, Case-Kopf): Links/Spans, nicht die nativen Kadence-Buttons */
.wm-chips:not(.kb-buttons-wrap){display:flex;gap:10px;flex-wrap:wrap;margin:0 0 36px}
.wm-chip:not(.kb-button){display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:12px;line-height:1.2;padding:8px 16px;border:1px solid rgba(28,30,26,0.15);border-radius:999px;color:var(--global-palette3);text-decoration:none;transition:border-color .2s,background .2s,color .2s}
a.wm-chip:hover{border-color:var(--global-palette3)}
.wm-chip.is-active{background:var(--global-palette3);color:var(--global-palette8);border-color:var(--global-palette3)}
.wm-filter{margin:0}
.wm-filter .wm-chip:not(.kb-button){font-size:12.5px;padding:10px 20px;border-color:rgba(28,30,26,0.2)}
.wm-filter .wm-chip.is-active{border-color:var(--global-palette3)}

/* ---------- Definitionslisten ---------- */
.wm-deflist{border-top:1px solid rgba(28,30,26,0.12);margin-top:36px}
.wm-deflist .wm-defrow{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:16px 0;margin:0;border-bottom:1px solid rgba(28,30,26,0.12);font-size:15px;color:var(--global-palette6)}
.wm-deflist .wm-defrow strong{font-weight:600;color:var(--global-palette3);text-align:right}
@media (max-width:767px){.wm-deflist .wm-defrow{flex-direction:column;align-items:flex-start;gap:4px;padding:14px 0}.wm-deflist .wm-defrow strong{text-align:left}}
.wm-deflist .wm-defrow a{text-decoration:none}
.wm-deflist .wm-defrow a strong{transition:color .2s}
.wm-deflist .wm-defrow a:hover strong{color:var(--global-palette1)}
.wm-deflist-contact{max-width:440px;margin-bottom:44px}
.wm-deflist-contact .wm-defrow{padding:20px 0}

/* ---------- Schritte (Kontakt) / Checkliste (Danke) ---------- */
.wm-steps{display:flex;flex-direction:column;gap:14px;max-width:440px}
.wm-steps .wm-step{display:flex;gap:16px;font-size:14.5px;line-height:1.55;color:#3a3d36;margin:0}
.wm-steps .wm-step em{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--global-palette1);flex-shrink:0;padding-top:2px}
.wm-checklist{display:inline-flex;flex-direction:column;border-top:1px solid rgba(28,30,26,0.12);text-align:left;min-width:min(420px,100%);margin:0 auto 48px}
.wm-checklist .wm-checkrow{display:flex;gap:20px;padding:16px 0;margin:0;border-bottom:1px solid rgba(28,30,26,0.12);font-size:14.5px;align-items:baseline;color:var(--global-palette4)}
.wm-checklist .wm-checkrow em{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--global-palette6)}
.wm-checklist .wm-checkrow.is-done{color:var(--global-palette3)}
.wm-checklist .wm-checkrow.is-done em{color:var(--global-palette1)}

/* ---------- Projekt-Karten-Zeilen ---------- */
.entry-content p.wm-workmeta,.wm-workmeta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:16px 0 0}
.entry-content figure.wm-imgframe,figure.wm-imgframe{margin:0!important}
.wm-rowhead .wp-block-kadence-column:last-child .kt-inside-inner-col{text-align:right}
.wm-workmeta strong{font-family:'Instrument Serif',serif;font-weight:400;font-size:20px;color:var(--global-palette3)}
.wm-workmeta-lg strong{font-size:26px}
.wm-workmeta em{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--global-palette6);flex-shrink:0}
.wm-worksgrid .wm-small{max-width:480px;margin-top:8px}

/* Versetztes Portfolio-Raster */
@media (min-width:768px){.wm-worksgrid .wm-col-offset{margin-top:72px}}
/* ---------- Arbeiten: Query-Loop (Kadence Pro, Query 3092 / Karte 3093) ---------- */
.wm-worksgrid .kb-query-item-flip-back{display:none}
.wm-worksgrid .kb-query-item{display:grid;grid-template-columns:1fr auto;grid-template-areas:"img img" "title tags" "text text";column-gap:16px;align-items:baseline}
.wm-worksgrid .kb-query-item>figure{grid-area:img;width:100%}
.wm-imgframe>a{display:block;height:100%}
.wm-worksgrid .kb-query-item>.wm-worktitle{grid-area:title;text-decoration:none;margin-top:16px}
.wm-worksgrid .wm-worktitle h3{font-family:'Instrument Serif',serif;font-weight:400;font-size:26px;line-height:1.2;color:var(--global-palette3);margin:0}
.wm-worksgrid .wm-worktitle:hover h3{color:var(--global-palette1)}
.wm-worksgrid .kb-query-item>.wm-worktags{grid-area:tags;margin:16px 0 0;padding:0;font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--global-palette6);flex-wrap:wrap}
.wm-worksgrid .wm-worktags .kb-dynamic-list-item{padding:0}
.wm-worksgrid .kb-query-item>.wm-worktext{grid-area:text;max-width:480px;margin:8px 0 0}
@media (min-width:768px){.wm-worksgrid .kb-query-item:nth-child(even){margin-top:72px}}
@media (max-width:767px){.wm-worksgrid .wm-worktitle h3{font-size:22px}.wm-worksgrid .kb-query-item>figure.wm-h420{height:300px}}
.wm-filter .kadence-filter-wrap{border:0;padding:0;margin:0 0 36px;min-width:0}
.wm-filter .buttons-options{display:flex;gap:10px;flex-wrap:wrap}
.wm-filter .btn-inner-wrap{margin:0}
.wm-filter .kb-button{font-family:'IBM Plex Mono',monospace;font-size:12.5px;line-height:1.2;padding:10px 20px;border:1px solid rgba(28,30,26,0.2);border-radius:999px;color:var(--global-palette3);background:transparent;box-shadow:none;transition:border-color .2s,background .2s,color .2s}
.wm-filter .kb-button:hover{border-color:var(--global-palette3);background:transparent;color:var(--global-palette3)}
.wm-filter .kb-button.active,.wm-filter .kb-button.is-active,.wm-filter .kb-button.kb-query-filter-active,.wm-filter .kb-button[aria-pressed="true"]{background:var(--global-palette3);color:var(--global-palette8);border-color:var(--global-palette3)}

/* ---------- Prozess / Werte ---------- */
.wm-process>.kt-row-column-wrap>.wp-block-kadence-column{border-top:2px solid rgba(28,30,26,0.12);padding-top:24px}
.wm-process>.kt-row-column-wrap>.wp-block-kadence-column:first-child{border-top-color:var(--global-palette1)}
.wm-values>.kt-row-column-wrap>.wp-block-kadence-column{border-top:1px solid rgba(248,248,244,0.15);padding-top:24px}

/* ---------- Zitat-Karten & Blockquote ---------- */
blockquote.wm-quote-card{background:var(--global-palette8);border-radius:8px;padding:32px;margin:0 0 20px;border:none}
blockquote.wm-quote-card p{font-family:'Instrument Serif',serif;font-size:19px;line-height:1.45;margin:0;color:var(--global-palette3)}
blockquote.wm-quote-card cite{display:block;margin-top:20px;font-size:13px;color:var(--global-palette5);font-style:normal}
blockquote.wm-blockquote{border-left:2px solid var(--global-palette1);padding:4px 0 4px 28px;margin:44px 0 0;background:none}
blockquote.wm-blockquote p{font-family:'Instrument Serif',serif;font-size:22px;line-height:1.5;margin:0;color:var(--global-palette3)}

/* ---------- FAQ-Accordion ---------- */
.wm-faq .kt-accordion-pane{margin-bottom:0}
.wm-faq .kt-blocks-accordion-header{background:transparent;border:0;border-top:1px solid rgba(28,30,26,0.12);border-radius:0;padding:20px 0;font-size:16px;font-weight:600;color:var(--global-palette3);box-shadow:none;width:100%}
.wm-faq .kt-blocks-accordion-header:hover,.wm-faq .kt-blocks-accordion-header:focus{background:transparent;color:var(--global-palette1)}
.wm-faq .kt-accordion-pane:last-child{border-bottom:1px solid rgba(28,30,26,0.12)}
.wm-faq .kt-accordion-panel-inner{padding:0 0 20px;background:transparent;border:0;font-size:14.5px;line-height:1.6;color:var(--global-palette4)}

/* ---------- Buttons ---------- */
.kb-button,button.kb-adv-form-submit-button{transition:all .25s ease}
.kb-button:hover,button.kb-adv-form-submit-button:hover{transform:translateY(-2px)}
.wm-btn-outline .kb-button,a.kb-button.wm-btn-outline,.wm-btn-outline{ }
a.kb-button.wm-btn-outline,.wm-btn-outline a.kb-button{background:transparent;border:1px solid rgba(28,30,26,0.25);color:var(--global-palette3);box-shadow:none}
a.kb-button.wm-btn-outline:hover,.wm-btn-outline a.kb-button:hover{border-color:var(--global-palette3);background:transparent;color:var(--global-palette3)}
a.kb-button.wm-btn-outline-dark,.wm-btn-outline-dark a.kb-button{background:transparent;border:1px solid rgba(248,248,244,0.3);color:var(--global-palette8)}
a.kb-button.wm-btn-outline-dark:hover,.wm-btn-outline-dark a.kb-button:hover{border-color:var(--global-palette8);background:transparent;color:var(--global-palette8)}
a.kb-button.wm-btn-invert,.wm-btn-invert a.kb-button{background:var(--global-palette8);color:var(--global-palette3)}
a.kb-button.wm-btn-invert:hover,.wm-btn-invert a.kb-button:hover{background:var(--global-palette2);color:var(--global-palette3)}

/* Buttons: Starter-Schatten entfernen, einheitliche Höhe (52px), Design-Abstand 14px */
button,.button,.wp-block-button__link,.kb-button,input[type="submit"]{box-shadow:none;line-height:1.2}
button:hover,.button:hover,.wp-block-button__link:hover,.kb-button:hover,input[type="submit"]:hover{box-shadow:none}
.wp-block-kadence-advancedbtn.kb-buttons-wrap{gap:14px}

/* Kadence-Outline-Buttons: Pill-Form + Design-Maße (Karte 7a) */
a.kb-button.kb-btn-global-outline{border-radius:999px;padding:16px 36px;font-size:15px;font-weight:400;line-height:1.2}

/* ---------- CTA-Banner (Arbeiten) ---------- */
.wm-ctabanner .kb-buttons-wrap{justify-content:flex-end}
.wm-ctabanner-text{max-width:68%}
@media (max-width:767px){.wm-ctabanner-text{max-width:none}}
@media (max-width:767px){.wm-ctabanner .kb-buttons-wrap{justify-content:flex-start;margin-top:20px}}

/* Leistungen: Trennlinien zwischen den Disziplin-Sektionen */
.wm-service>.kt-row-column-wrap{border-top:1px solid rgba(28,30,26,0.12)}

/* ---------- Rechtsseiten ---------- */
.wm-article>.kt-row-column-wrap{max-width:720px;margin-left:auto;margin-right:auto}
.wm-hintbox{background:var(--global-palette7);border-radius:8px;padding:24px 28px;font-size:13.5px;line-height:1.6;color:var(--global-palette4);margin-top:48px}

/* ---------- Sticky Portrait (Über mich) ---------- */
@media (min-width:768px){.wm-about .wm-about-portrait{position:sticky;top:24px;align-self:start}}

/* ---------- 404: dunkle Seite inkl. Header/Footer ---------- */
.wm-404-shot{position:relative;margin:0}
/* Sucher-Rahmen + Label als Pseudo-Elemente (Dekoration, ersetzt core/html) */
.wm-404-shot::before{content:'';position:absolute;top:33%;left:31%;width:38%;height:34%;border:1.5px dashed rgba(248,248,244,0.85);border-radius:4px;backdrop-filter:blur(1px);pointer-events:none}
.wm-404-shot::after{content:"Hier fehlt dein Motiv" / "";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#f8f8f4;background:rgba(28,30,26,0.55);padding:8px 14px;border-radius:4px;pointer-events:none}
.wm-exif{display:flex;justify-content:space-between;gap:16px;margin:14px 0 0;font-family:'IBM Plex Mono',monospace;font-size:12px;color:rgba(248,248,244,0.45)}
.wm-exif em{font-style:normal}
body.wm-404-page{background:var(--global-palette3)}
body.wm-404-page .site,body.wm-404-page .content-area,body.wm-404-page .content-bg,body.wm-404-page .site-content{background:var(--global-palette3)}
body.wm-404-page #masthead,body.wm-404-page .site-header-row-container-inner,body.wm-404-page #masthead .site-header-row-container{background:var(--global-palette3)!important;border-bottom:0}
body.wm-404-page #masthead{border-bottom:1px solid rgba(248,248,244,0.1)}
body.wm-404-page .site-footer-row-container-inner{background:var(--global-palette3)!important}
body.wm-404-page .site-branding a,body.wm-404-page .site-title{color:var(--global-palette8)!important}
body.wm-404-page .header-navigation .header-menu-item>a{color:rgba(248,248,244,0.6)}
body.wm-404-page .header-navigation .header-menu-item>a:hover{color:var(--global-palette8)}
body.wm-404-page #main-header .header-button{background:var(--global-palette8);color:var(--global-palette3)}
body.wm-404-page #main-header .header-button:hover{background:var(--global-palette2)}
body.wm-404-page .site-footer .site-footer-row-container{background:var(--global-palette3)!important;color:rgba(248,248,244,0.4)}
body.wm-404-page .site-footer .widget-title,body.wm-404-page .wm-footer-desc,body.wm-404-page .wm-footer-links,body.wm-404-page .wm-footer-links a,body.wm-404-page .site-footer a,body.wm-404-page .footer-html{color:rgba(248,248,244,0.45)}
body.wm-404-page .wm-footer-wordmark a{color:var(--global-palette8)}
body.wm-404-page .mobile-toggle-open-container .menu-toggle-open{color:var(--global-palette8)}

/* ---------- Formulare (Advanced Form) ---------- */
.wm-form .kb-advanced-form{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}
.wm-form .kb-adv-form-field{flex:1 1 100%;margin:0}
.wm-form .wp-block-kadence-advanced-form-text,.wm-form .wp-block-kadence-advanced-form-email{flex:0 1 calc(50% - 12px);max-width:none!important;min-width:160px}
.wm-form .kb-adv-form-label{font-size:13px;font-weight:600;color:var(--global-palette3);margin-bottom:8px;display:block}
.wm-form .kb-adv-form-required{color:var(--global-palette1);margin-left:2px}
.wm-form .kb-field{font-family:inherit!important;font-size:15px!important;padding:14px 16px!important;border:1px solid rgba(28,30,26,0.15)!important;border-radius:6px!important;background:var(--global-palette8)!important;color:var(--global-palette3)!important;width:100%;box-shadow:none!important}
.wm-form .kb-field::placeholder{color:var(--global-palette6);opacity:1}
.wm-form .kb-field:focus{border-color:var(--global-palette1)!important;outline:none!important;box-shadow:none!important}
.wm-form textarea.kb-field{resize:vertical}
.wm-form .kb-adv-form-submit-container{flex:1 1 100%}
.wm-form .kb-adv-form-submit-button{align-self:flex-start;font-size:15px!important;line-height:1.2!important;padding:16px 36px!important;font-weight:500!important}
/* Pill-Radios */
.wm-pills .kb-radio-check-item-wrap{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0}
.wm-pills legend.kb-adv-form-label{margin-bottom:8px;float:none}
.wm-pills .kb-radio-check-item{margin:0;position:relative}
.wm-pills input.kb-radio-style{position:absolute;opacity:0;pointer-events:none}
.wm-pills .kb-radio-check-item label{font-family:'IBM Plex Mono',monospace;font-size:12px;padding:8px 16px;border:1px solid rgba(28,30,26,0.2);border-radius:999px;cursor:pointer;color:var(--global-palette3);transition:all .2s;display:inline-block;margin:0}
.wm-pills .kb-radio-check-item label:hover{border-color:var(--global-palette3)}
.wm-pills input.kb-radio-style:checked+label{background:var(--global-palette3);color:var(--global-palette8);border-color:var(--global-palette3)}
.wm-pills input.kb-radio-style:focus-visible+label{outline:2px solid var(--global-palette1);outline-offset:2px}

/* ---------- Header-Feinschliff ---------- */
/* Header-Pill-Button: Design-Maß 11x26 statt globalem Button-Padding */
#masthead .header-button{padding:11px 26px!important;font-size:14px!important}

.header-navigation .current-menu-item>a{font-weight:600}
/* Burger: 2 Striche */
.menu-toggle-open .menu-toggle-icon{width:24px;height:12px;position:relative;display:inline-block;font-size:0!important}
.menu-toggle-open .menu-toggle-icon .kadence-svg-iconset{display:none}
.menu-toggle-open .menu-toggle-icon::before,.menu-toggle-open .menu-toggle-icon::after{content:'';position:absolute;left:0;width:24px;height:2px;background:currentColor;transition:transform .2s}
.menu-toggle-open .menu-toggle-icon::before{top:0}
.menu-toggle-open .menu-toggle-icon::after{bottom:0}

/* ---------- Mobile-Overlay (9a): von oben, runde Ecken ---------- */
#mobile-drawer.popup-drawer-layout-fullwidth .drawer-inner{height:auto!important;bottom:auto!important;max-height:100dvh!important;overflow-y:auto;border-radius:0 0 14px 14px!important;box-shadow:0 30px 60px rgba(28,30,26,0.35);transform:translateY(-102%);transition:transform .38s cubic-bezier(.22,.8,.3,1);padding:6px 24px 40px!important}
#mobile-drawer.popup-drawer-layout-fullwidth.show-drawer .drawer-inner,#mobile-drawer.popup-drawer-layout-fullwidth.pop-animated.show-drawer .drawer-inner{transform:translateY(0)}
#mobile-drawer .mobile-navigation ul li>a{display:flex;justify-content:space-between;align-items:center;width:100%}
#mobile-drawer .mobile-navigation ul li>a::after{content:'→';font-size:18px;color:var(--global-palette2);font-family:'Archivo',sans-serif;font-style:normal}
#mobile-drawer .header-button,#mobile-drawer .mobile-header-button{display:block!important;background:var(--global-palette8)!important;color:var(--global-palette3)!important;text-align:center!important;width:100%!important;border-radius:999px!important;font-weight:600!important;font-size:15px!important;padding:16px 0!important;margin:28px 0 0!important;box-shadow:none!important}
#mobile-drawer .header-button:hover,#mobile-drawer .mobile-header-button:hover{background:var(--global-palette2)!important}
#mobile-drawer .drawer-content .site-header-item{width:100%!important}
#mobile-drawer .header-button-wrap{width:100%!important;display:block!important}
#mobile-drawer .header-html{text-align:center!important;margin-top:24px;width:100%}
#mobile-drawer .header-html a{color:rgba(248,248,244,0.5);text-decoration:none}

/* Mobile-Overlay Feinschliff (Karte 9a): Kopfzeile mit Wortmarke, kompakte Zeilen, Seite scheint unten durch */
#mobile-drawer .drawer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0 24px}
#mobile-drawer .drawer-header::before{content:'we\00b7make\00b7net';font-family:'Instrument Serif',serif;font-size:20px;color:var(--global-palette8);line-height:1}
#mobile-drawer .drawer-header .drawer-toggle{padding:4px 0;font-size:26px}
#mobile-drawer .drawer-content .mobile-navigation ul li>a{padding:16px 0}
#mobile-drawer .drawer-overlay{background:transparent}
#mobile-drawer .header-button::after{content:' \2192'}

/* ---------- Footer-Feinschliff ---------- */
@media (min-width:768px){.site-middle-footer-inner-wrap.site-footer-row-columns-4{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.wm-footer-wordmark{margin:0 0 14px}
.wm-footer-wordmark a{font-family:'Instrument Serif',serif;font-size:24px;color:var(--global-palette3);text-decoration:none}
.wm-footer-desc{font-size:14px;line-height:1.6;color:var(--global-palette6);max-width:280px;margin:0}
.wm-footer-links{font-size:14px;line-height:2.15;margin:0}
.wm-footer-links a{color:var(--global-palette4);text-decoration:none;transition:color .2s}
.wm-footer-links a:hover{color:var(--global-palette3)}
.site-footer .widget-title{margin-bottom:16px}
.site-bottom-footer-inner-wrap .site-footer-bottom-section-2{justify-content:flex-end;text-align:right}
.site-footer-bottom-section-2 .footer-widget-area,.site-footer-bottom-section-2 .footer-navigation,.site-footer-bottom-section-2 .footer-menu-container,.site-footer-bottom-section-2 .footer-navigation ul{justify-content:flex-end}

/* Zentrierte Spalten (Kadence-textAlign rendert nicht zuverlässig) */
.wm-center .kt-inside-inner-col{text-align:center}
/* Dezente Nebenbemerkung (Über mich: iRebel) */
.entry-content p.wm-sidenote,.wm-sidenote{font-family:'IBM Plex Mono',monospace;font-size:12.5px;line-height:1.7;color:var(--global-palette6);margin:24px 0 0}
.wm-sidenote a{color:var(--global-palette1);text-decoration:none;border-bottom:1px solid rgba(61,112,80,0.35)}
.wm-sidenote a:hover{color:var(--global-palette3);border-color:var(--global-palette3)}

/* ---------- Scroll-Reveal ---------- */
html.wm-js .wm-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease-out,transform .7s ease-out}
html.wm-js .wm-reveal.is-visible{opacity:1;transform:translateY(0)}

/* ---------- Mobile (9a) ---------- */
@media (max-width:767px){
  .wm-hero::after{top:96px;font-size:84px}
  .wm-hero .kb-buttons-wrap{flex-direction:column;width:100%;gap:12px}
  .wm-hero .kb-button{width:100%;justify-content:center}
  .wm-mono-note{margin-top:28px;line-height:1.8}
  /* Bilder-Strip → horizontaler Swipe */
  .wm-strip>.kt-row-column-wrap{display:flex!important;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .wm-strip>.kt-row-column-wrap::-webkit-scrollbar{display:none}
  .wm-strip .wp-block-kadence-column{flex:0 0 260px;scroll-snap-align:center}
  .wm-strip .wm-imgframe{height:300px!important}
  .wm-strip .wm-imgframe:hover{transform:none;box-shadow:none}
  .wm-checklist{min-width:0;width:100%}
  .wm-form .wp-block-kadence-advanced-form-text,.wm-form .wp-block-kadence-advanced-form-email{flex:1 1 100%}
  /* Footer-Bottom mobil: alles linksbündig, kompakt gestapelt */
  .site-footer-bottom-section-2 .footer-widget-area,.site-footer-bottom-section-2 .footer-navigation,.site-footer-bottom-section-2 .footer-menu-container,.site-footer-bottom-section-2 .footer-navigation ul{justify-content:flex-start}
  .site-footer-bottom-section-2{text-align:left}
  .site-footer-bottom-section-2 .footer-navigation ul li:first-child a{padding-left:0}
  .site-bottom-footer-inner-wrap{grid-row-gap:10px}
  .wm-workmeta-lg strong{font-size:22px}
  /* Playbook: kein Scroll-Reveal auf Mobil — Hidden-State per Media-Query aufheben */
  html.wm-js .wm-reveal{opacity:1!important;transform:none!important;transition:none!important}
}

/* ---------- Reduzierte Bewegung ---------- */
@media (prefers-reduced-motion:reduce){
  .wm-hero::before,.wm-hero::after,.wm-thanks::before{animation:none}
  html.wm-js .wm-reveal{opacity:1;transform:none;transition:none}
  .kb-button:hover,.wm-card:hover,.wm-strip .wm-imgframe:hover{transform:none}
}