/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 11 2026 | 21:40:18 */
/* ============================================================
   Artikel-Layout 2026-10 (hz-pg Look) – gilt für alle Beiträge
   Scope: body.single-post. Inline-Styles der Bausteine werden
   mit !important überschrieben, Artikelinhalte bleiben unverändert.
   ============================================================ */
body.single-post{
  --pink:#d00150; --pink-d:#a8003f; --pink-t:#fde8ef;
  --navy:#002f6c; --navy-d:#0d1b35; --navy-t:#f0f4fb;
  --txt:#4a4a4a; --muted:#5b6578;
  --shadow:0 24px 60px -32px rgba(0,47,108,.35),0 0 0 1px rgba(0,47,108,.06);
}
html{overflow-x:clip}

/* ---------- Grundgerüst ---------- */
body.single-post .site-content{padding-top:48px}
body.single-post .inside-article{display:flex;flex-direction:column;position:relative}
body.single-post .inside-article > .entry-header{order:1}
body.single-post .inside-article > .featured-image{order:2}
body.single-post .inside-article > .hz-bionic-bar{order:3}
body.single-post .inside-article > .entry-content{order:4}
body.single-post .inside-article > footer.entry-meta{order:5}
body.single-post .entry-header,
body.single-post .entry-content,
body.single-post .inside-article > footer.entry-meta,
body.single-post .hz-bionic-bar,
body.single-post .comments-area{width:100%;max-width:780px;margin-left:auto;margin-right:auto}

/* ---------- Kopf: Titel + Meta ---------- */
body.single-post .entry-header{position:relative;padding-top:8px}
body.single-post .entry-header::before{content:"Wissen & Tools";display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:7px 14px;border-radius:999px;background:var(--navy-t);color:var(--navy);font:700 12px/1 "Open Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase}
body.single-post .entry-title{font-family:Montserrat,sans-serif;font-weight:800;font-size:clamp(32px,4.2vw,52px);line-height:1.1;letter-spacing:-.02em;color:var(--navy);margin:0 0 18px;hyphens:manual}
body.single-post .entry-header .entry-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px;font:600 13px/1 "Open Sans",sans-serif;color:var(--navy)}
body.single-post .entry-header .entry-meta > span{display:inline-block;align-items:center;padding:8px 14px;border-radius:999px;background:var(--navy-t)}
body.single-post .entry-header .entry-meta a{color:var(--pink);text-decoration:none}

/* Kategorie-Pille (wird per JS-Eintrag „Artikel-Kategorie-Pille“ eingesetzt) */
body.single-post.hz-has-cat .entry-header::before{display:none}
body.single-post .hz-cat-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:7px 14px;border-radius:999px;background:var(--pink-t);color:var(--pink);font:700 12px/1 "Open Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s}
body.single-post .hz-cat-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
body.single-post .hz-cat-eyebrow:hover{background:var(--pink);color:#fff}

/* ---------- Beitragsbild ---------- */
body.single-post .featured-image{max-width:1040px;width:100%;margin:0 auto 32px;padding:0}
body.single-post .featured-image img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 30px 70px -34px rgba(0,47,108,.45),0 0 0 1px rgba(0,47,108,.06)}

/* ---------- ADHS-Modus-Leiste ---------- */
body.single-post .hz-bionic-bar{border-radius:999px !important;margin-bottom:36px !important}

/* ---------- Fließtext ---------- */
body.single-post .entry-content{font-family:"Open Sans",sans-serif;color:var(--txt)}
body.single-post .entry-content > p,
body.single-post .entry-content > ul li,
body.single-post .entry-content > ol li{font-size:17px;line-height:1.75;color:var(--txt)}
body.single-post .entry-content > p{margin-bottom:1.25em}
body.single-post .entry-content > ul,
body.single-post .entry-content > ol{margin:0 0 1.5em 1.2em}
body.single-post .entry-content > ul li::marker{color:var(--pink)}
body.single-post .entry-content > p a,
body.single-post .entry-content > ul a,
body.single-post .entry-content > ol a{color:var(--pink);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body.single-post .entry-content > p a:hover{color:var(--pink-d)}
body.single-post .entry-content h2{font-family:Montserrat,sans-serif;font-weight:800;font-size:clamp(26px,2.7vw,34px);line-height:1.18;letter-spacing:-.02em;color:var(--navy);margin:64px 0 18px;hyphens:manual;scroll-margin-top:110px}
body.single-post .entry-content h3{font-family:Montserrat,sans-serif;font-weight:700;font-size:20px;line-height:1.3;color:var(--navy);margin:36px 0 10px;scroll-margin-top:110px}
body.single-post .entry-content h4{font-family:Montserrat,sans-serif;font-weight:700;font-size:17px;color:var(--navy)}
body.single-post .entry-content strong{color:var(--navy)}
body.single-post .entry-content blockquote{border:0;margin:40px 0;padding:30px 34px;border-radius:28px;background:#fff;box-shadow:var(--shadow);font:600 clamp(20px,2.2vw,26px)/1.4 Montserrat,sans-serif;color:var(--navy)}
body.single-post .entry-content blockquote p{font:inherit;color:inherit;margin:0}
body.single-post .entry-content figure.wp-block-image img,
body.single-post .entry-content > p img{border-radius:24px}
body.single-post .entry-content figure.wp-block-image{margin:40px 0}
body.single-post .entry-content figcaption{font-size:14px;color:var(--muted);text-align:center}

/* Wiederkehrendes Eyebrow-Label in allen Boxen (erstes <p> mit Inline-Style) */
body.single-post .hz-kurz > p:first-child,
body.single-post .hz-toc > p:first-child,
body.single-post .hz-related > p:first-child,
body.single-post .hz-box > p:first-child[style*="uppercase"],
body.single-post .hz-leitfaden > p:first-child[style*="uppercase"],
body.single-post .hz-answers .hz-eyebrow{display:inline-flex !important;align-items:center;gap:8px;margin:0 0 16px !important;padding:7px 14px !important;border-radius:999px;background:var(--pink-t) !important;color:var(--pink) !important;font:700 12px/1 "Open Sans",sans-serif !important;letter-spacing:.1em !important;text-transform:uppercase !important}
body.single-post .hz-kurz > p:first-child::before,
body.single-post .hz-toc > p:first-child::before,
body.single-post .hz-related > p:first-child::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}

/* ---------- Kurz gefasst ---------- */
body.single-post .hz-kurz{position:relative;margin:0 0 44px !important;padding:30px 32px !important;background:#fff !important;border:0 !important;border-radius:28px !important;box-shadow:var(--shadow);overflow:hidden}
body.single-post .hz-kurz::after{content:"";position:absolute;right:-70px;top:-70px;width:140px;height:140px;border-radius:50%;border:14px solid var(--navy-t);pointer-events:none}
body.single-post .hz-kurz > p:not(:first-child){position:relative;z-index:1;font-size:17px !important;line-height:1.7 !important;color:var(--txt) !important}
body.single-post .hz-kurz > p:not(:first-child):first-of-type{font-weight:600}

/* ---------- Inhaltsverzeichnis ---------- */
body.single-post .hz-toc{margin:0 0 48px !important;padding:28px 30px !important;background:var(--navy-t) !important;border:0 !important;border-radius:28px !important}
body.single-post .hz-toc ol{line-height:1.6 !important;padding-left:1.4em !important}
body.single-post .hz-toc li{margin:0 0 10px;font-size:15px;color:var(--pink)}
body.single-post .hz-toc li::marker{font-weight:700;color:var(--pink)}
body.single-post .hz-toc a{color:var(--navy) !important;font-weight:600 !important;text-decoration:none !important}
body.single-post .hz-toc a:hover{color:var(--pink) !important}

/* ---------- Infoboxen, Leitfaden, Tabellen ---------- */
body.single-post .hz-box,
body.single-post .hz-leitfaden,
body.single-post .hz-answers,
body.single-post .hz-rolle,
body.single-post .hz-wrap{border:0 !important;border-radius:28px !important;padding:30px 32px !important;margin:36px 0 !important;background:#fff !important;box-shadow:var(--shadow)}
body.single-post .hz-leitfaden{background:var(--navy-t) !important;box-shadow:none}
body.single-post .hz-leitfaden h3,
body.single-post .hz-leitfaden h4,
body.single-post .hz-box h3,
body.single-post .hz-box h4{color:var(--navy) !important;font-family:Montserrat,sans-serif !important}
body.single-post .hz-leitfaden ul,
body.single-post .hz-box ul{list-style:none;margin-left:0 !important;padding-left:0 !important}
body.single-post .hz-leitfaden ul li,
body.single-post .hz-box ul li{position:relative;padding-left:30px;margin-bottom:8px}
body.single-post .hz-leitfaden ul li::before,
body.single-post .hz-box ul li::before{content:"";position:absolute;left:0;top:.3em;width:18px;height:18px;border-radius:6px;background:var(--pink-t) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d00150' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
body.single-post .hz-tbl{border-radius:24px !important;box-shadow:var(--shadow) !important}
body.single-post .entry-content table:not(.hz-tbl){border-collapse:separate;border-spacing:0;border:0;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
body.single-post .entry-content table:not(.hz-tbl) th{background:var(--navy);color:#fff;font-family:Montserrat,sans-serif;border:0}
body.single-post .entry-content table:not(.hz-tbl) td{border:0;border-top:1px solid #e6ebf4}

/* ---------- Zum Weiterlesen ---------- */
body.single-post .hz-related{margin:56px 0 0 !important;padding:30px 32px !important;background:#fff !important;border:0 !important;border-radius:28px !important;box-shadow:var(--shadow)}
body.single-post .hz-related ul{list-style:none !important;margin:0 !important;padding:0 !important}
body.single-post .hz-related li{margin:0;border-top:1px solid #edf0f6}
body.single-post .hz-related li:first-child{border-top:0}
body.single-post .hz-related li a{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 14px;border-radius:12px;color:var(--navy) !important;font-weight:600 !important;text-decoration:none !important;line-height:1.45;transition:background .2s,color .2s}
body.single-post .hz-related li a::after{content:"→";color:var(--pink);font-weight:700;flex:none}
body.single-post .hz-related li a:hover{background:var(--pink-t);color:var(--pink) !important}

/* ---------- CTA ---------- */
body.single-post .hz-cta{position:relative;overflow:hidden;margin:32px 0 0 !important;padding:44px 40px !important;background:var(--pink) !important;border-radius:36px !important;color:#fff !important;font-size:18px !important;line-height:1.65 !important;text-align:center}
body.single-post .hz-cta::before{content:"";position:absolute;left:-30px;bottom:-50px;width:150px;height:150px;border-radius:50%;border:16px solid rgba(255,255,255,.14);pointer-events:none}
body.single-post .hz-cta a{color:#fff !important;font-weight:700 !important;text-decoration:underline;text-underline-offset:3px}
body.single-post .hz-cta a:last-of-type{display:table;margin:22px auto 0;padding:15px 28px;border-radius:999px;background:#fff;color:var(--pink) !important;text-decoration:none !important;font-size:15px;box-shadow:0 14px 30px -12px rgba(13,27,53,.45);transition:transform .2s}
body.single-post .hz-cta a:last-of-type:hover{transform:translateY(-2px)}
body.single-post .hz-pause{border-radius:24px !important;margin-top:24px !important}

/* ---------- Autorinnenbox ---------- */
body.single-post .hz-author-box{position:relative;overflow:hidden;margin:40px 0 8px !important;padding:30px 32px;gap:22px;background:var(--navy);border:0;border-radius:28px;color:#dbe4f3}
body.single-post .hz-author-box::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:rgba(208,1,80,.55);filter:blur(70px);pointer-events:none}
body.single-post .hz-author-box > *{position:relative;z-index:1}
body.single-post .hz-ab-avatar{width:84px;height:84px;border-radius:50%;box-shadow:0 0 0 6px rgba(255,255,255,.12);flex:none}
body.single-post .hz-ab-check{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font:700 11px/1 "Open Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase}
body.single-post .hz-ab-check svg path{stroke:#ff8db3}
body.single-post .hz-author-box p{color:#dbe4f3 !important;font-size:15px;line-height:1.65}
body.single-post .hz-ab-name{color:#fff !important;font-family:Montserrat,sans-serif;font-weight:800}
body.single-post .hz-author-box a{color:#ff8db3 !important}

/* ---------- Kategorien, Schlagwörter, Weiter-Navigation ---------- */
body.single-post footer.entry-meta{margin-top:40px;padding-top:28px;border-top:1px solid #e6ebf4;font:600 13px/1.4 "Open Sans",sans-serif}
body.single-post footer.entry-meta .gp-icon{display:none}
body.single-post footer.entry-meta .cat-links,
body.single-post footer.entry-meta .tags-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:0}
body.single-post footer.entry-meta .screen-reader-text{position:static !important;clip:auto !important;clip-path:none !important;width:auto !important;height:auto !important;margin:0 4px 0 0 !important;overflow:visible !important;align-self:center;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}
body.single-post footer.entry-meta .cat-links a,
body.single-post footer.entry-meta .tags-links a{display:inline-flex;padding:7px 14px;border-radius:999px;background:var(--navy-t);color:var(--navy);text-decoration:none;font-size:13px}
body.single-post footer.entry-meta .cat-links a{background:var(--pink-t);color:var(--pink)}
body.single-post footer.entry-meta .tags-links a:hover,
body.single-post footer.entry-meta .cat-links a:hover{background:var(--pink);color:#fff}
body.single-post .post-navigation{margin-top:24px}
body.single-post .post-navigation .nav-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
body.single-post .post-navigation .nav-previous,
body.single-post .post-navigation .nav-next{margin:0;padding:20px 24px;border-radius:24px;background:#fff;box-shadow:var(--shadow)}
body.single-post .post-navigation .nav-next{text-align:right}
body.single-post .post-navigation .nav-previous::before{content:"← Vorheriger Artikel";display:block;margin-bottom:6px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
body.single-post .post-navigation .nav-next::before{content:"Nächster Artikel →";display:block;margin-bottom:6px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
body.single-post .post-navigation a{color:var(--navy);font:700 15px/1.4 Montserrat,sans-serif;text-decoration:none}
body.single-post .post-navigation a:hover{color:var(--pink)}

/* ---------- Kommentare ---------- */
body.single-post .comments-area{margin-top:48px;padding:32px;border-radius:28px;background:var(--navy-t)}
body.single-post .comment-reply-title,
body.single-post .comments-title{font:800 24px/1.2 Montserrat,sans-serif;color:var(--navy)}
body.single-post .comment-form textarea,
body.single-post .comment-form input[type=text],
body.single-post .comment-form input[type=email],
body.single-post .comment-form input[type=url]{border:0;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(0,47,108,.1);padding:14px 16px}
body.single-post .comment-form input[type=submit]{border-radius:999px;padding:15px 26px;background:var(--pink);font:700 15px "Open Sans",sans-serif}
body.single-post .comment-form input[type=submit]:hover{background:var(--pink-d)}

/* ---------- Tablet / Mobil ---------- */
@media (max-width:1024px){
  body.single-post .site-content{padding-left:24px;padding-right:24px}
}
@media (max-width:760px){
  body.single-post .site-content{padding:28px 16px 0}
  body.single-post .entry-title{font-size:clamp(28px,8.4vw,38px)}
  body.single-post .featured-image img{border-radius:20px}
  body.single-post .entry-content > p,
  body.single-post .entry-content > ul li,
  body.single-post .entry-content > ol li{font-size:16px}
  body.single-post .entry-content h2{font-size:clamp(24px,7vw,30px);margin-top:48px}
  body.single-post .hz-kurz,
  body.single-post .hz-toc,
  body.single-post .hz-related,
  body.single-post .hz-box,
  body.single-post .hz-leitfaden,
  body.single-post .hz-answers,
  body.single-post .hz-author-box{padding:24px 22px !important;border-radius:24px !important}
  body.single-post .hz-cta{padding:34px 22px !important;border-radius:28px !important;font-size:16px !important}
  body.single-post .hz-author-box{flex-direction:column;align-items:flex-start}
  body.single-post .hz-kurz::after{display:none}
  body.single-post .comments-area{padding:24px 20px}
}
@media (prefers-reduced-motion:reduce){
  body.single-post *{transition:none !important}
}