/* ==========================================================================
   PokerFirma 2026 — main stylesheet
   Loaded only on templates served by pf2026 (body.pf2026). Header/footer untouched.
   Prefix: pf26- (the live header/footer already use pf- classes).
   ========================================================================== */

@font-face{font-family:"Lato";font-style:normal;font-weight:900;font-display:swap;src:url("../fonts/lato-latin-900-normal.woff2") format("woff2")}
@font-face{font-family:"Lato";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/lato-latin-400-italic.woff2") format("woff2")}

:root{
  --pf-green:#0B3D2F; --pf-green-deep:#072A20; --pf-green-line:#144D3C; --pf-green-foot:#06231A;
  --pf-mint:#6FE3A5; --pf-amber:#F0A31E; --pf-amber-hover:#FFB838;
  --pf-ink:#000; --pf-text:#545756; --pf-meta:#7A7D7B;
  --pf-on-dark:#C5D3CC; --pf-on-dark-meta:#A9C4B8; --pf-crumb-dark:#8FB3A3;
  --pf-grey:#F0F1F2; --pf-grey-hover:#E4E7E5; --pf-line:#E1E3E2; --pf-white-hover:#FAFAF8; --pf-placeholder:#C9CFCC;
  --pf-suit-red:#C8102E; --pf-cons:#9B2C2C;
  --pf-head:"Bricolage Grotesque",system-ui,sans-serif; --pf-body:"Lato",system-ui,sans-serif;
  --pf26-gut:32px; --pf26-gap:32px; --pf26-sec:64px; --pf26-hero:48px;
  --pf26-fs-hero:44px; --pf26-fs-h1:56px; --pf26-fs-h2:32px; --pf26-fs-h3:26px; --pf26-fs-h4:20px;
  --pf26-fs-card:21px; --pf26-fs-lead:20px; --pf26-fs-quote:30px; --pf26-fs-huge:180px;
  --pf26-header-offset:0px; /* visible header height (0 while it is slid away); set by pf2026.js */
  --pf26-hdr-h:0px;         /* full sticky header height; set by pf2026.js */
  --pf26-deco:url("../../images/footer-decoration.svg");
}

/* ---------- Page shell (OceanWP wrappers) ---------- */
/* position:sticky needs every ancestor to be overflow visible|clip */
body.pf2026 #outer-wrap, body.pf2026 #wrap, body.pf2026 #main{overflow-x:clip;overflow-y:visible}
body.pf2026 #main{padding:0}

/* ---------- Scope reset ---------- */
.pf26{background:#fff;font-family:var(--pf-body);color:var(--pf-text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.pf26 *,.pf26 *::before,.pf26 *::after{box-sizing:border-box}
.pf26 :is(h1,h2,h3,h4,h5,h6){font-family:var(--pf-head);margin:0;padding:0;text-transform:none}
:where(.pf26) a{color:inherit;text-decoration:none}
:where(.pf26) a:hover,:where(.pf26) a:focus{color:inherit}
:where(.pf26) img{max-width:100%;height:auto}
.pf26 p{margin:0}
.pf26 :is(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--pf-green);outline-offset:2px}
.pf26 :is(.pf26-hero,.pf26-band--green,.pf26-band--black,.pf26-authorbox,.pf26-tocbar,.pf26-toplist-compact) :is(a,button):focus-visible{outline-color:var(--pf-mint)}

/* ---------- Layout ---------- */
.pf26-wrap{max-width:1280px;margin-inline:auto;padding-inline:var(--pf26-gut);width:100%}
.pf26-sec{padding-block:var(--pf26-sec)}
.pf26-sec--first{padding-top:40px;padding-bottom:var(--pf26-sec)}
.pf26-sec--tight{padding-top:8px;padding-bottom:var(--pf26-sec)}
.pf26-body{padding-top:48px;padding-bottom:var(--pf26-sec)}
.pf26-stack{display:flex;flex-direction:column;gap:24px;min-width:0}
.pf26-stack--sec{gap:var(--pf26-sec)}
.pf26-stack--14{gap:14px}
.pf26-grid-21,.pf26-grid-3,.pf26-grid-4,.pf26-grid-2{display:grid;gap:var(--pf26-gap)}
.pf26-grid-21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.pf26-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pf26-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pf26-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pf26-grid--top{align-items:start}
.pf26-grid--rowgap40{row-gap:40px}
.pf26-grid--rowgap2{row-gap:2px}
.pf26-grid-21>*,.pf26-grid-3>*,.pf26-grid-4>*,.pf26-grid-2>*{min-width:0}

.pf26-band--green{background:var(--pf-green);color:#fff}
.pf26-band--grey{background:var(--pf-grey)}
.pf26-band--black{background:#000;color:#fff}
.pf26-deco-block{background-image:var(--pf26-deco);background-repeat:no-repeat;background-origin:content-box;background-position:left bottom;background-size:auto 600px}

/* sticky offset follows the live header: `top` (not transform) so nothing moves until the element is actually stuck */
.pf26-sticky{position:sticky;top:calc(var(--pf26-header-offset) + 16px)}

/* ---------- Type ---------- */
.pf26-h1{font:800 var(--pf26-fs-h1)/1.04 var(--pf-head);letter-spacing:-.025em;text-wrap:balance;color:inherit}
.pf26-titlearea .pf26-h1,.pf26-h1--ruled{color:var(--pf-ink)}
.pf26-h1--ruled{padding-bottom:20px;border-bottom:3px solid var(--pf-ink)}
.pf26-h2{font:800 var(--pf26-fs-h2)/1.15 var(--pf-head);letter-spacing:-.015em;color:var(--pf-ink)}
.pf26-h3{font:800 var(--pf26-fs-h3)/1.25 var(--pf-head);color:var(--pf-ink)}
.pf26-h4{font:800 var(--pf26-fs-h4)/1.25 var(--pf-head);color:var(--pf-ink)}
.pf26-lead-p{font-size:var(--pf26-fs-lead);line-height:1.55;color:var(--pf-on-dark)}
.pf26-lead-p--ink{color:var(--pf-ink)}
.pf26-lead-p--narrow{max-width:820px}
.pf26-meta{font:900 12px/1.2 var(--pf-body);letter-spacing:.05em;text-transform:uppercase;color:var(--pf-green)}
.pf26-meta--13{font-size:13px}
.pf26-eyebrow{font:900 13px/1.2 var(--pf-body);letter-spacing:.08em;text-transform:uppercase;color:var(--pf-mint)}
.pf26-note{padding-top:14px;font-size:13px;line-height:1.5;color:var(--pf-text)}
.pf26-mint{color:var(--pf-mint)}
.pf26-empty{padding:24px;background:var(--pf-grey)}
.pf26-clamp-2,.pf26-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.pf26-clamp-2{-webkit-line-clamp:2}
.pf26-clamp-3{-webkit-line-clamp:3}

/* ---------- Breadcrumbs ---------- */
.pf26-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;line-height:1.4;color:var(--pf-text)}
.pf26-crumbs>span{display:contents}
.pf26-crumbs span span{display:inline}
.pf26-crumbs a:hover{color:var(--pf-green);text-decoration:underline;text-underline-offset:3px}
.pf26-crumbs__sep{margin-inline:4px}
.pf26-crumbs .breadcrumb_last{color:var(--pf-green);font-weight:700}
.pf26-crumbs--dark{color:var(--pf-crumb-dark)}
.pf26-crumbs--dark a:hover{color:#fff}
.pf26-crumbs--dark .breadcrumb_last{color:#fff;font-weight:400}

/* ---------- Section header row ---------- */
.pf26-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding:0 0 12px;border-bottom:3px solid var(--pf-ink)}
.pf26-head--wrap{flex-wrap:wrap}
.pf26-head__title{margin:0;font:800 var(--pf26-fs-h2)/1.1 var(--pf-head);letter-spacing:-.015em;color:var(--pf-ink);text-wrap:pretty}
.pf26-head--h4 .pf26-head__title{font-size:var(--pf26-fs-h4);line-height:1.25;letter-spacing:0}
.pf26-head__aside{font-size:13px;color:var(--pf-meta)}
.pf26-head--dark{border-bottom-color:#fff}
.pf26-head--dark .pf26-head__title{color:#fff}
.pf26-head--dark .pf26-head__aside{font-size:15px;color:#B5BAB7}

/* "→" links */
.pf26 .pf26-arrow{flex:none;font:700 15px/1.3 var(--pf-body);color:var(--pf-green)}
.pf26 .pf26-arrow:hover,.pf26 .pf26-arrow:focus-visible{color:#000;text-decoration:underline;text-underline-offset:4px}
.pf26 .pf26-arrow--dark{color:var(--pf-mint)}
.pf26 .pf26-arrow--dark:hover,.pf26 .pf26-arrow--dark:focus-visible{color:#fff}

/* ---------- Placeholders / ratios ---------- */
.pf26-ph{background-color:var(--pf-placeholder);background-size:cover;background-position:center;background-repeat:no-repeat}
.pf26-ratio-16x9{display:block;aspect-ratio:16/9;width:100%}

/* ---------- Home: lead + top stories ---------- */
.pf26 .pf26-lead{display:flex;flex-direction:column;gap:16px;color:var(--pf-ink);min-width:0}
.pf26 .pf26-lead:hover{color:var(--pf-green)}
.pf26-lead__title{font:800 var(--pf26-fs-hero)/1.05 var(--pf-head);letter-spacing:-.02em;text-wrap:balance}
.pf26-lead__text{font-size:var(--pf26-fs-lead);line-height:1.55;color:var(--pf-text)}
.pf26-topstories{display:flex;flex-direction:column;min-width:0}
.pf26-topstories .pf26-row{flex:1}

/* Thumbnail row */
.pf26 .pf26-row{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--pf-line);color:var(--pf-ink)}
.pf26 .pf26-row:hover{color:var(--pf-green)}
.pf26-row__img{width:88px;height:88px;flex:none;background:var(--pf-placeholder) center/cover no-repeat}
.pf26-row__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.pf26-row__title{font:700 16px/1.3 var(--pf-head)}
.pf26-row__title--lg{font-size:17px;line-height:1.28}
.pf26-row__date{font-size:13px;color:var(--pf-meta)}

/* Image card */
.pf26 .pf26-card-img{display:flex;flex-direction:column;gap:12px;color:var(--pf-ink);min-width:0}
.pf26 .pf26-card-img:hover{color:var(--pf-green)}
.pf26-card-img__title{font:700 var(--pf26-fs-card)/1.25 var(--pf-head);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Text card */
.pf26 .pf26-card{display:flex;flex-direction:column;gap:10px;padding:24px;color:var(--pf-ink);min-width:0}
.pf26 .pf26-card--white{background:#fff}
.pf26 .pf26-card--white:hover{background:var(--pf-white-hover);color:var(--pf-green)}
.pf26 .pf26-card--grey{background:var(--pf-grey)}
.pf26 .pf26-card--grey:hover{background:var(--pf-grey-hover);color:var(--pf-green)}
.pf26-card__title{font:700 var(--pf26-fs-card)/1.25 var(--pf-head)}
.pf26-card__title--xs{font-size:19px;line-height:1.28}
.pf26-card__excerpt{font-size:15px;line-height:1.6;color:var(--pf-text)}
.pf26-card__more{margin-top:auto;font-size:14px;font-weight:700;color:var(--pf-green)}

/* Brand block + pillars */
.pf26-brand{display:flex;flex-direction:column;gap:14px;min-width:0}
.pf26-brand__text{font-size:18px;line-height:1.6;color:var(--pf-on-dark);max-width:640px}
.pf26 .pf26-pillar{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--pf-grey);color:var(--pf-ink);min-width:0}
.pf26 .pf26-pillar:hover{background:#fff;color:var(--pf-ink)}
.pf26-pillar__title{font:800 var(--pf26-fs-h4)/1.25 var(--pf-head);color:var(--pf-ink)}
.pf26-pillar__text{font-size:16px;line-height:1.6;color:var(--pf-text)}
.pf26-suit{font-size:36px;line-height:1;color:#000}
.pf26-suit--red{color:var(--pf-suit-red)}

/* Guide rows (Ratgeber) */
.pf26-guides{display:flex;flex-direction:column;gap:2px;background:var(--pf-grey-hover)}
.pf26 .pf26-guide{display:flex;align-items:center;gap:20px;padding:12px 20px 12px 12px;background:#fff;color:var(--pf-ink);min-width:0}
.pf26 .pf26-guide:hover{background:var(--pf-white-hover);color:var(--pf-green)}
.pf26-guide__img{width:150px;flex:none;aspect-ratio:3/2;object-fit:cover;background:var(--pf-grey);display:block}
.pf26-guide__body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.pf26-guide__title{font:700 19px/1.3 var(--pf-head);text-wrap:pretty}
.pf26-guide__arrow{flex:none;font:800 20px/1 var(--pf-head);color:var(--pf-green)}

/* Pokerseiten widget shell (rows styled in toplist-poker.css) */
.pf26-toplist-compact{background:var(--pf-green);color:#fff;display:flex;flex-direction:column}
.pf26-toplist-compact__note{padding:12px 16px;font-size:12px;line-height:1.5;color:var(--pf-crumb-dark)}

/* Black section rows */
.pf26 .pf26-darkrow{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #262626;color:#fff;min-width:0}
.pf26 .pf26-darkrow:hover{color:var(--pf-mint)}
.pf26-darkrow__img{width:88px;height:66px;flex:none;object-fit:cover;background:#222}
.pf26-darkrow__body{display:flex;flex-direction:column;gap:3px;min-width:0}
.pf26-darkrow__kind{font:900 11px/1.2 var(--pf-body);letter-spacing:.06em;color:var(--pf-amber)}
.pf26-darkrow__title{font:700 16px/1.3 var(--pf-head)}

/* Region blocks */
.pf26-region{display:flex;flex-direction:column;min-width:0}
.pf26 .pf26-region__head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--pf-green);color:#fff;font:700 18px/1.3 var(--pf-head)}
.pf26 .pf26-region__head:hover{color:var(--pf-mint)}
.pf26-region__head img{width:30px;height:20px;flex:none;object-fit:cover;display:block;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.pf26 .pf26-region__item{flex:1;display:flex;flex-direction:column;gap:4px;padding:14px 16px;margin-top:2px;background:var(--pf-grey);color:var(--pf-ink)}
.pf26 .pf26-region__item:hover{background:var(--pf-grey-hover)}
.pf26-region__title{font:700 16px/1.3 var(--pf-head)}
.pf26-region__date{font-size:13px;color:var(--pf-meta)}

/* ---------- Green hero ---------- */
.pf26-hero{background:var(--pf-green);color:#fff}
.pf26-hero__inner{padding-block:var(--pf26-hero);display:flex;flex-direction:column;gap:14px;
  background-image:var(--pf26-deco);background-repeat:no-repeat;background-origin:border-box;background-position:var(--pf26-gut) center;background-size:auto 100%}
.pf26-hero--split .pf26-hero__inner{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--pf26-gap);align-items:end}
.pf26-hero__main{display:flex;flex-direction:column;gap:18px;min-width:0}
.pf26-hero__sub{font-size:17px;color:var(--pf-on-dark)}
.pf26-hero__panel{display:flex;flex-direction:column;gap:2px;min-width:0}
.pf26-tiles{display:flex;gap:2px}
.pf26 .pf26-tile{flex:1;padding:12px 16px;background:var(--pf-green-deep);font-size:14px;line-height:1.35;color:#fff}
.pf26 .pf26-tile--author{display:flex;align-items:center;gap:12px;padding:14px 16px}
.pf26 .pf26-tile--author:hover strong{color:var(--pf-mint)}
.pf26-tile--author img{width:40px;height:40px;object-fit:cover;flex:none}
.pf26-tile__label{color:var(--pf-crumb-dark)}
.pf26-huge{font:800 var(--pf26-fs-huge)/.85 var(--pf-head);letter-spacing:-.04em;color:var(--pf-amber)}
.pf26-count{font:800 20px/1 var(--pf-head);color:var(--pf-amber)}
.pf26-authorhero{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.pf26-authorhero__img{width:120px;height:120px;object-fit:cover;flex:none;background:var(--pf-green-deep);box-shadow:0 0 0 4px var(--pf-mint)}
.pf26-authorhero__txt{display:flex;flex-direction:column;gap:8px;min-width:0}
.pf26-authorbio{font-size:16px;line-height:1.65}

/* ---------- Post title area ---------- */
.pf26-titlearea{padding-block:var(--pf26-hero)}
.pf26-titlearea__main{display:flex;flex-direction:column;gap:18px;min-width:0}
.pf26-titlearea--plain{display:flex;flex-direction:column;gap:12px}
.pf26-byline{display:flex;flex-wrap:wrap;align-content:flex-end;align-items:center;gap:16px;min-width:0;font-size:14px;line-height:1.45}
.pf26-byline__img{width:56px;height:56px;object-fit:cover;background:var(--pf-placeholder)}
.pf26-byline__txt{flex:1;display:flex;flex-direction:column;gap:2px;min-width:140px}
.pf26 .pf26-byline__name{font:700 17px/1.3 var(--pf-head);color:var(--pf-ink)}
.pf26 .pf26-byline__name:hover{color:var(--pf-green)}
.pf26-share{display:flex;gap:2px}
.pf26 .pf26-share__btn{width:40px;height:40px;background:var(--pf-green);color:#fff;display:flex;align-items:center;justify-content:center;font:900 16px/1 var(--pf-body)}
.pf26 .pf26-share__btn--sm{font-size:13px}
.pf26 .pf26-share__btn:hover,.pf26 .pf26-share__btn:focus-visible{background:#000;color:#fff}
.pf26-hero-img{width:100%;aspect-ratio:21/9}

/* ---------- Article body ---------- */
.pf26-article{min-width:0;font-size:18px;line-height:1.72;color:var(--pf-text)}
.pf26 .pf26-article>*{margin-top:0;margin-bottom:0}
.pf26 .pf26-article>*+*{margin-top:22px}
.pf26-article::after{content:"";display:table;clear:both}
.pf26-article :is(h2,h3,h4,h5){color:var(--pf-ink);font-family:var(--pf-head);font-weight:800}
.pf26-article h2{font-size:var(--pf26-fs-h2);line-height:1.15;letter-spacing:-.015em}
.pf26-article h3{font-size:var(--pf26-fs-h3);line-height:1.25}
.pf26-article h4{font-size:var(--pf26-fs-h4);line-height:1.25}
.pf26 .pf26-article>h2{margin-top:40px}
.pf26 .pf26-article>:is(h3,h4){margin-top:36px}
.pf26 .pf26-article>:first-child{margin-top:0}
.pf26-article :is(strong,b){color:var(--pf-ink);font-weight:700}
.pf26-article--standfirst>p:first-of-type{font-size:20px;line-height:1.6;color:var(--pf-ink)}
/* lists: same look as [su_list] (see su.css) */
.pf26-article ul:not([class]),.pf26-article ol:not([class]){margin-left:0;padding-left:0}
.pf26-article ul:not([class]){list-style:none}
.pf26-article ul:not([class])>li{position:relative;padding-left:20px;line-height:1.6}
.pf26-article ul:not([class])>li::before{content:"";position:absolute;left:4px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--pf-green)}
.pf26-article ol:not([class]){list-style:none;counter-reset:pf26ol}
.pf26-article ol:not([class])>li{position:relative;padding-left:28px;line-height:1.6;counter-increment:pf26ol}
.pf26-article ol:not([class])>li::before{content:counter(pf26ol) ".";position:absolute;left:0;top:0;font:800 16px/1.72 var(--pf-head);color:var(--pf-green)}
.pf26-article li+li{margin-top:10px}
.pf26-article li>:is(ul,ol){margin-top:10px}
.pf26-article p:empty{display:none}
.pf26-article :is(figure,.wp-caption){max-width:100%;margin-inline:0;display:flex;flex-direction:column;gap:10px}
.pf26-article :is(figure img,.wp-caption img,p>img){display:block;width:100%;height:auto;background:var(--pf-placeholder)}
.pf26-article :is(figcaption,.wp-caption-text){font-size:14px;line-height:1.5;color:var(--pf-meta);margin:0}
.pf26-article iframe{max-width:100%}
.pf26-article hr{border:0;border-top:1px solid var(--pf-line)}
.pf26-article .alignleft{float:left;margin:6px 24px 12px 0;max-width:50%}
.pf26-article .alignright{float:right;margin:6px 0 12px 24px;max-width:50%}
.pf26-article .aligncenter{margin-inline:auto}
/* inline links */
.pf26-article a:not([class]):not(:has(img)),.pf26-prose a:not([class]){color:var(--pf-green);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--pf-mint);text-underline-offset:3px}
.pf26-article a:not([class]):not(:has(img)):hover,.pf26-prose a:not([class]):hover{color:#000;text-decoration-color:var(--pf-green)}
/* plain tables (non-SU): same look as [su_table] (see su.css) */
.pf26-article table:not(.su-table table){display:block;overflow-x:auto;width:100%;margin:0;border:0!important;border-collapse:collapse;font-size:15px;line-height:1.5;color:var(--pf-ink);-webkit-overflow-scrolling:touch}
.pf26-article table:not(.su-table table)>:is(tbody,thead){display:table;width:100%;min-width:560px;border-collapse:collapse}
.pf26-article table:not(.su-table table) :is(td,th){padding:14px;border:0!important;vertical-align:top;text-align:left;background:#fff;color:var(--pf-text)}
.pf26-article table:not(.su-table table) tr:nth-child(odd)>td{background:var(--pf-grey)}
.pf26-article table:not(.su-table table) td:first-child{font-weight:700;color:var(--pf-ink)}
.pf26-article table:not(.su-table table) :is(th,thead td),
.pf26-article table:not(.su-table table):not(:has(thead,th)) tr:first-child>td{padding:12px 14px;background:#000!important;color:#fff!important;font:900 12px/1.3 var(--pf-body);letter-spacing:.06em;text-transform:uppercase;vertical-align:bottom}
.pf26-article table:not(.su-table table) :is(th,td) :is(b,strong){color:inherit}
.pf26-article table:not(.su-table table):not(:has(thead,th)) tr:nth-child(odd):not(:first-child)>td{background:#fff}
.pf26-article table:not(.su-table table):not(:has(thead,th)) tr:nth-child(even)>td{background:var(--pf-grey)}
.pf26-article table:not(.su-table table) td a{color:var(--pf-green);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--pf-mint);text-underline-offset:3px}
/* pull quote */
.pf26-article blockquote{margin:36px 0 0;padding:0;border:0;font:700 var(--pf26-fs-quote)/1.3 var(--pf-head);letter-spacing:-.01em;color:var(--pf-green);font-style:normal;background:none}
.pf26-article blockquote p{margin:0}
.pf26-article blockquote::before{content:none}
.pf26-article blockquote cite{display:block;margin-top:12px;font:400 15px/1.4 var(--pf-body);color:var(--pf-text);font-style:normal}
/* disclosure (existing .disclosure-box from functions.php) */
.pf26 .disclosure-box,.pf26-disclosure{margin:0;padding:0;background:none;border:0;font-size:13px;line-height:1.55;color:var(--pf-text)}
.pf26 .disclosure-box p{margin:0;font-size:13px}
.pf26-disclosure--top{padding-top:24px}
/* tags */
.pf26-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:32px}
.pf26 .pf26-tag{padding:6px 12px;background:var(--pf-grey);font:700 14px/1.2 var(--pf-body);color:var(--pf-ink)}
.pf26 .pf26-tag:hover{background:var(--pf-grey-hover);color:var(--pf-green)}
.pf26-article--full{max-width:none}

/* forms in content (e.g. /kontakt) */
.pf26-article :is(input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],input[type=search],select,textarea){width:100%;max-width:640px;padding:12px 14px;border:1px solid #BFC4C1;border-radius:0;background:#fff;font:400 16px/1.4 var(--pf-body);color:var(--pf-ink);box-shadow:none}
.pf26-article textarea{min-height:160px}
.pf26-article :is(input,select,textarea):focus{outline:2px solid var(--pf-green);outline-offset:0;border-color:var(--pf-green)}
.pf26-article label{display:block;margin-bottom:6px;font-weight:700;color:var(--pf-ink);font-size:15px}
.pf26-article :is(input[type=submit],button[type=submit],.wpcf7-submit){padding:14px 22px;border:0;border-radius:0;background:var(--pf-amber);color:#000;font:800 15px/1.2 var(--pf-head);text-transform:none;letter-spacing:0;cursor:pointer}
.pf26-article :is(input[type=submit],button[type=submit],.wpcf7-submit):hover{background:var(--pf-amber-hover);color:#000}

/* "Lesen Sie auch" */
.pf26 .pf26-interlink{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--pf-grey);color:var(--pf-ink);text-decoration:none;font-weight:400}
.pf26 .pf26-interlink:hover{background:var(--pf-grey-hover);color:var(--pf-green)}
.pf26-interlink__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.pf26-interlink__label{font:900 12px/1.2 var(--pf-body);letter-spacing:.06em;color:var(--pf-green)}
.pf26-interlink__title{font:700 18px/1.3 var(--pf-head)}
.pf26-interlink__arrow{flex:none;font:800 22px/1 var(--pf-head);color:var(--pf-green)}

/* ---------- Author box ---------- */
.pf26-authorbox{display:flex;flex-wrap:wrap;gap:20px;padding:24px;margin-top:40px;background:var(--pf-green) var(--pf26-deco) no-repeat right center/auto 100%;color:var(--pf-on-dark)}
.pf26-avatar-ring{width:80px;height:80px;object-fit:cover;object-position:top;flex:none;background:var(--pf-green-deep);box-shadow:0 0 0 3px var(--pf-mint)}
.pf26-authorbox__body{flex:1 1 260px;display:flex;flex-direction:column;gap:8px;min-width:0}
.pf26-authorbox__name{font:800 20px/1.3 var(--pf-head);color:#fff}
.pf26-authorbox__role{font:400 14px/1.3 var(--pf-body);color:var(--pf-on-dark-meta)}
.pf26-authorbox__bio{font-size:16px;line-height:1.65;margin:0}
.pf26-authorbox--card{flex-direction:column;flex-wrap:nowrap;gap:14px;margin-top:0;background-position:right bottom}
.pf26-authorbox--card .pf26-authorbox__body{flex:1 1 auto}
.pf26-authorbox--card .pf26-authorbox__name{display:flex;flex-direction:column;gap:2px}
.pf26-authorbox--card .pf26-arrow{margin-top:auto}

/* ---------- Sidebar ---------- */
.pf26-side{display:flex;flex-direction:column;min-width:0}

/* ---------- Pagination ---------- */
.pf26-pager{display:flex;flex-wrap:wrap;gap:2px}
.pf26-pager--center{justify-content:center}
.pf26-datelist .pf26-pager,.pf26-stack>.pf26-pager{margin-top:0}
.pf26-datelist .pf26-pager{margin-top:24px}
.pf26 .pf26-pager .page-numbers,.pf26 .pf26-pager .post-page-numbers{min-width:44px;height:44px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;font:800 15px/1 var(--pf-head);background:var(--pf-grey);color:#000;border:0;border-radius:0}
.pf26 .pf26-pager .current{background:var(--pf-green);color:#fff}
.pf26 .pf26-pager a.page-numbers:hover,.pf26 .pf26-pager a.post-page-numbers:hover,.pf26 .pf26-pager a:focus-visible{box-shadow:inset 0 0 0 2px var(--pf-green);color:#000}
.pf26 .pf26-pager .dots{background:transparent}

/* ---------- Category ---------- */
.pf26 .pf26-catlead{align-items:center;color:var(--pf-ink)}
.pf26 .pf26-catlead:hover{color:var(--pf-green)}
.pf26-catlead__body{display:flex;flex-direction:column;gap:12px;min-width:0}
.pf26-catlead__title{font:800 var(--pf26-fs-h2)/1.1 var(--pf-head);letter-spacing:-.015em}
.pf26-catlead__text{font-size:17px;line-height:1.6;color:var(--pf-text)}
.pf26-catgrid--ruled{padding-top:var(--pf26-sec);border-top:1px solid var(--pf-line)}
.pf26-catgrid:empty{display:none}

/* ---------- Tag ---------- */
.pf26-datelist{display:flex;flex-direction:column;gap:2px;min-width:0}
.pf26 .pf26-daterow{display:flex;gap:20px;align-items:stretch;background:var(--pf-grey);color:var(--pf-ink)}
.pf26 .pf26-daterow:hover{background:var(--pf-grey-hover);color:var(--pf-green)}
.pf26-daterow__date{width:110px;flex:none;background:var(--pf-green);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:14px}
.pf26-daterow__day{font:800 30px/1 var(--pf-head)}
.pf26-daterow__month{font-size:13px;color:var(--pf-on-dark-meta)}
.pf26-daterow__body{flex:1;min-width:0;padding:18px 20px 18px 0;display:flex;flex-direction:column;gap:6px}
.pf26-daterow__title{font:700 var(--pf26-fs-card)/1.3 var(--pf-head)}
.pf26-daterow__text{font-size:15px;line-height:1.55;color:var(--pf-text)}

/* ---------- About ---------- */
.pf26-prose{font-size:18px;line-height:1.72}
.pf26-panel{padding:24px;background:var(--pf-grey)}
.pf26-panel p{font-size:16px;line-height:1.65}
.pf26-value{padding:24px;background:var(--pf-grey);display:flex;flex-direction:column;gap:12px}
.pf26-value p{font-size:16px;line-height:1.6}
.pf26-value--contact{background:#000;color:#fff}
.pf26-value--contact .pf26-h4{color:#fff}
.pf26-value--contact p{color:#B5BAB7}
.pf26 .pf26-value--contact p a{color:var(--pf-mint);font-weight:700}
.pf26 .pf26-value--contact p a:hover{color:#fff;text-decoration:underline}
.pf26 .pf26-btn{display:inline-block;font:800 15px/1.2 var(--pf-head);padding:14px 18px}
.pf26 .pf26-btn--amber{margin-top:auto;align-self:flex-start;background:var(--pf-amber);color:#000}
.pf26 .pf26-btn--amber:hover,.pf26 .pf26-btn--amber:focus-visible{background:var(--pf-amber-hover);color:#000}

/* ---------- Commercial: operator band + TOC ---------- */
.pf26-oplist{display:flex;flex-direction:column;gap:14px}
.pf26-toc{display:flex;flex-direction:column;min-width:0;background:var(--pf-grey);max-height:calc(100vh - var(--pf26-hdr-h) - 32px);overflow-y:auto}
.pf26-toc[hidden],.pf26-tocbar[hidden]{display:none}
.pf26-toc__title{padding:14px 18px;font:800 16px/1.3 var(--pf-head);color:#fff;background:#000;position:sticky;top:0}
.pf26-toc__list,.pf26-tocbar__list{display:flex;flex-direction:column}
.pf26 .pf26-toc a,.pf26 .pf26-tocbar__list a{display:block;padding:10px 18px;font-size:15px;line-height:1.4;color:var(--pf-text)}
.pf26 .pf26-toc a:hover,.pf26 .pf26-tocbar__list a:hover{background:var(--pf-grey-hover);color:var(--pf-green)}
.pf26 .pf26-toc a.is-active,.pf26 .pf26-tocbar__list a.is-active{background:#fff;color:var(--pf-green);font-weight:900}
.pf26-tocbar{display:none}
.pf26-article [id]{scroll-margin-top:calc(var(--pf26-header-offset) + 72px)}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:899px){
  :root{
    --pf26-gut:20px; --pf26-gap:24px; --pf26-sec:40px; --pf26-hero:32px;
    --pf26-fs-hero:30px; --pf26-fs-h1:36px; --pf26-fs-h2:26px; --pf26-fs-h3:22px; --pf26-fs-h4:18px;
    --pf26-fs-card:19px; --pf26-fs-lead:18px; --pf26-fs-quote:22px; --pf26-fs-huge:96px;
    --pf26-deco:url("../../images/footer-decoration-mobile.svg");
  }
  .pf26-grid-21,.pf26-grid-3,.pf26-grid-4,.pf26-grid-2,.pf26-hero--split .pf26-hero__inner{grid-template-columns:minmax(0,1fr)}
  .pf26-sec--first{padding-top:24px}
  .pf26-body{padding-top:32px}
  .pf26-deco-block{background-size:160% auto}
  .pf26-sticky{position:static}
  .pf26-hero-img{aspect-ratio:16/10}
  .pf26-guide__img{width:96px}
  .pf26-guide{gap:14px}
  .pf26-daterow__date{width:76px}
  .pf26-authorhero__img{width:88px;height:88px}
  .pf26-article .alignleft,.pf26-article .alignright{float:none;margin:0;max-width:100%}
  /* Commercial TOC: sidebar hidden, sticky bar under the header */
  .pf26-toc{display:none!important}
  .pf26-tocbar:not([hidden]){display:block;position:sticky;top:var(--pf26-header-offset);z-index:20;background:#000;color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.18)}
  .pf26 .pf26-tocbar__btn{width:100%;display:flex;align-items:center;gap:12px;padding:14px 20px;border:0;border-radius:0;background:none;color:#fff;cursor:pointer;text-align:left;font:inherit}
  .pf26-tocbar__label{flex:none;font:800 15px/1.2 var(--pf-head)}
  .pf26-tocbar__current{flex:1;min-width:0;font-size:14px;color:var(--pf-on-dark-meta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pf26-tocbar__icon{flex:none;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--pf-amber);color:#000;font-weight:900}
  /* Center the caret shape independently of the text font's baseline. */
  .pf26-tocbar__btn[aria-expanded="false"] .pf26-tocbar__icon{font-size:0}
  .pf26-tocbar__btn[aria-expanded="false"] .pf26-tocbar__icon::before{content:"";width:8px;height:6px;background:currentColor;clip-path:polygon(0 0,50% 66.667%,100% 0,100% 33.333%,50% 100%,0 33.333%)}
  .pf26-tocbar__list{background:var(--pf-grey);max-height:60vh;overflow-y:auto}
  .pf26-tocbar__list[hidden]{display:none}
}
@media (min-width:600px) and (max-width:899px){
  .pf26-grid-3,.pf26-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:no-preference){
  .pf26 :is(.pf26-card,.pf26-row,.pf26-guide,.pf26-pillar,.pf26-daterow,.pf26-region__item,.pf26-interlink,.pf26-share__btn,.pf26-btn,.pf26-tag){transition:background-color .15s ease-out,color .15s ease-out}
}

/* Operator list column header (inserted by pf2026.js, desktop only) */
.pf26-ophead{display:grid;grid-template-columns:40px 170px minmax(0,1fr) 170px 200px;gap:24px;align-items:center;padding:10px 20px;margin-bottom:-12px;background:#000;color:#fff;font:900 12px/1.2 var(--pf-body);letter-spacing:.06em}
@media (max-width:899px){.pf26-ophead{display:none}}

/* hero lead may carry inline markup from the excerpt */
.pf26-lead-p strong{color:inherit;font-weight:700}
.pf26-oplist__title{margin-bottom:10px}

/* 404 */
.pf26-404__cta{margin-top:8px}
.pf26 .pf26-btn--lg{padding:18px 28px;font-size:18px}
.pf26-tpl-404 .pf26-pillar{background:var(--pf-grey)}
.pf26-tpl-404 .pf26-pillar:hover{background:var(--pf-grey-hover)}

/* share icons (byline) */
.pf26-share__btn .pf26-icon{display:block;width:18px;height:18px}

/* LCP images are real <img> (fetchpriority=high) */
img.pf26-hero-img{display:block;width:100%;aspect-ratio:21/9;height:auto;object-fit:cover}
img.pf26-cover{object-fit:cover;height:auto}
@media (max-width:899px){img.pf26-hero-img{aspect-ratio:16/10}}

/* breadcrumbs: compact "‹ parent" on phones, full (short-label) trail from 600px */
.pf26-crumbs__back{display:none}
@media (max-width:599px){
  .pf26-crumbs>span{display:none}
  .pf26 .pf26-crumbs__back{display:inline-block;font-weight:700;color:var(--pf-green)}
  .pf26 .pf26-crumbs--dark .pf26-crumbs__back{color:#fff}
}

/* links on dark surfaces (pros panel, green/black bands, boxes, quotes, author box, hero, contact card) */
.pf26 :is(.pf26-hero,.pf26-band--green,.pf26-band--black,.pf26-authorbox,.pf26-value--contact,.su-box:not(:has(img[style*="border-radius: 50%"])),.info-box-container,.su-column:has(.sui-check-circle) .su-column-inner) a:not([class]){color:var(--pf-mint)!important;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:currentColor!important;text-underline-offset:3px}
.pf26 :is(.pf26-hero,.pf26-band--green,.pf26-band--black,.pf26-authorbox,.pf26-value--contact,.su-box:not(:has(img[style*="border-radius: 50%"])),.info-box-container,.su-column:has(.sui-check-circle) .su-column-inner) a:not([class]):hover{color:#fff!important}
.pf26 .su-column:has(.sui-check-circle) .su-column-inner :is(strong,b){color:#fff}

/* hero intro: "Mehr / Weniger" on phones (server-rendered short + full text, no layout shift) */
.pf26-lead__short,.pf26-lead__more{display:none}
@media (max-width:599px){
  .pf26-lead--toggle:not(.is-open) .pf26-lead__full{display:none}
  .pf26-lead--toggle:not(.is-open) .pf26-lead__short{display:inline}
  .pf26 .pf26-lead__more{display:inline;margin-left:6px;padding:0;border:0;background:none;font-family:var(--pf-body);font-weight:700;font-size:.9em;line-height:inherit;color:var(--pf-mint);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
}

/* Toplist v2 cards: no column header row; compact Home widget keeps its rows (no key features) */
body.pf2026.pf26-tl2 .pf26-ophead{display:none}
body.pf2026 .pf26-toplist-compact .pf26-tlfeat{display:none}

/* Header stays visible while scrolling on pf2026 pages (no slide-away), so sticky TOC/sidebars are stable (iOS Safari flicker) */
body.pf2026 #site-header.header-sticky--hidden{transform:none!important}