/* gk-magazin — NerdWallet-style design system for geschaeftskonto.io
   Loaded site-wide via child theme functions.php.
   Scoped to .gk-wrap so it doesn't leak into other pages.
*/
body:has(.gk-wrap) header.entry-header,
body:has(.gk-wrap) .page-hero { display:none !important; }

.gk-wrap{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1a1f29;line-height:1.6}
.gk-wrap *{box-sizing:border-box}
.gk-wrap a{color:#0c6cac;text-decoration:none}
.gk-wrap a:hover{text-decoration:underline}
.gk-container{max-width:1180px;margin:0 auto;padding:0 24px}
.gk-section{padding:64px 0}
.gk-section--gray{background:#f7f9fc}
.gk-section--navy{background:#0c2a4d;color:#fff}
.gk-section--navy h2,.gk-section--navy h3{color:#fff}
.gk-section--narrow{padding:48px 0}
.gk-h1{font-size:48px;line-height:1.1;font-weight:800;letter-spacing:-0.02em;margin:0 0 20px;color:#0c2a4d}
.gk-h2{font-size:34px;line-height:1.2;font-weight:800;letter-spacing:-0.01em;margin:0 0 12px;color:#0c2a4d}
.gk-h2--center{text-align:center}
.gk-h3{font-size:22px;font-weight:700;color:#0c2a4d;margin:0 0 8px}
.gk-section--navy .gk-h2{color:#fff}
.gk-lead{font-size:19px;line-height:1.55;color:#4a5568;margin:0 0 28px;max-width:760px}
.gk-lead--center{text-align:center;margin:0 auto 40px}
.gk-section--navy .gk-lead{color:#cfd8e3}
.gk-eyebrow{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#0c6cac;margin:0 0 12px}
.gk-btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.gk-btn{display:inline-block;padding:14px 26px;border-radius:8px;font-weight:700;font-size:16px;text-decoration:none !important;transition:transform .1s}
.gk-btn:hover{transform:translateY(-1px)}
.gk-btn--primary{background:#ffd166;color:#0c2a4d !important;box-shadow:0 2px 8px rgba(255,209,102,.4)}
.gk-btn--primary:hover{background:#ffe199}
.gk-btn--ghost{background:transparent;color:#0c2a4d !important;border:2px solid #0c2a4d}
.gk-btn--ghost:hover{background:#0c2a4d;color:#fff !important}
.gk-trust{font-size:14px;color:#5a6776;display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.gk-trust span{display:inline-flex;align-items:center;gap:6px}
.gk-grid{display:grid;gap:24px}
.gk-grid--2{grid-template-columns:repeat(2,1fr)}
.gk-grid--3{grid-template-columns:repeat(3,1fr)}
.gk-grid--4{grid-template-columns:repeat(4,1fr)}
.gk-grid--6{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.gk-grid--2,.gk-grid--3,.gk-grid--4,.gk-grid--6{grid-template-columns:1fr}.gk-h1{font-size:34px}.gk-h2{font-size:26px}}
.gk-card{background:#fff;border:1px solid #e4e8ec;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:box-shadow .15s,transform .15s}
.gk-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}
.gk-card--bordered{border-top:4px solid #0c6cac}
.gk-card__rank{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:5px 10px;border-radius:4px;display:inline-block;margin-bottom:14px}
.gk-card__rank--gold{background:#fff8e1;color:#b8860b}
.gk-card__rank--green{background:#e8f5e9;color:#0d8043}
.gk-card__rank--blue{background:#e3f2fd;color:#1a73e8}
.gk-card__title{font-size:20px;font-weight:800;margin:0 0 8px;color:#0c2a4d}
.gk-card__title a{color:#0c2a4d}
.gk-card__desc{font-size:14px;color:#5a6776;margin:0 0 12px;line-height:1.5}
.gk-card__meta{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid #f0f2f5;border-bottom:1px solid #f0f2f5;margin-bottom:18px;font-size:14px}
.gk-card__rating{font-weight:700;color:#0c2a4d}
.gk-card__rating-stars{color:#ffd166;letter-spacing:1px}
.gk-card__price{font-weight:700;color:#0c2a4d}
.gk-card__cta{display:block;text-align:center;background:#0c2a4d;color:#fff !important;padding:12px 18px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none !important}
.gk-card__cta:hover{background:#163d6b}
.gk-card ul{margin:0;padding-left:20px;font-size:14px}
.gk-card ul li{padding:3px 0}
.gk-hub-card{background:#fff;border:1px solid #e4e8ec;border-radius:12px;padding:24px;display:block;text-decoration:none !important;color:#1a1f29;transition:all .15s}
.gk-hub-card:hover{border-color:#0c6cac;box-shadow:0 8px 24px rgba(12,108,172,.12);transform:translateY(-2px)}
.gk-hub-card__icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px;color:#fff}
.gk-hub-card__title{font-size:20px;font-weight:800;margin:0 0 8px;color:#0c2a4d}
.gk-hub-card__desc{font-size:14px;color:#5a6776;margin:0 0 14px;line-height:1.5}
.gk-hub-card__cta{font-size:14px;font-weight:700;color:#0c6cac}
.gk-stat{text-align:center;padding:20px}
.gk-stat__num{font-size:42px;font-weight:800;color:#0c6cac;line-height:1;margin-bottom:6px}
.gk-stat__label{font-size:14px;color:#5a6776}
.gk-cta-band{background:linear-gradient(135deg,#0c2a4d 0%,#163d6b 100%);color:#fff;padding:48px 32px;border-radius:16px;text-align:center;margin:0 24px}
.gk-cta-band h2{color:#fff;margin:0 0 12px;font-size:30px}
.gk-cta-band p{color:#cfd8e3;margin:0 0 24px;font-size:17px}
.gk-info-box{background:#fff8e1;border-left:4px solid #ffd166;padding:24px 28px;border-radius:0 10px 10px 0;margin:24px 0}
.gk-info-box h3{color:#0c2a4d;margin:0 0 10px;font-size:20px}
.gk-info-box p{margin:8px 0;color:#4a5568;font-size:15px}
.gk-info-box ul{margin:8px 0;padding-left:20px;font-size:15px;color:#4a5568}
.gk-prose{max-width:780px;margin:0 auto;font-size:17px;line-height:1.7;color:#2a3441}
.gk-prose h2{font-size:30px;font-weight:800;color:#0c2a4d;margin:36px 0 14px;letter-spacing:-0.01em}
.gk-prose h3{font-size:22px;font-weight:700;color:#0c2a4d;margin:28px 0 10px}
.gk-prose p{margin:0 0 16px}
.gk-prose ul,.gk-prose ol{margin:0 0 18px;padding-left:24px}
.gk-prose li{padding:4px 0}
.gk-prose strong{color:#0c2a4d}
.gk-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding:64px 0}
@media(max-width:900px){.gk-hero{grid-template-columns:1fr;padding:48px 0}}
.gk-pick-box{background:linear-gradient(135deg,#0c2a4d 0%,#163d6b 100%);color:#fff;padding:32px;border-radius:16px;box-shadow:0 12px 32px rgba(12,42,77,.18)}
.gk-pick-box__label{font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#ffd166;margin:0 0 8px}
.gk-pick-box__name{font-size:30px;font-weight:800;margin:0 0 10px;color:#fff}
.gk-pick-box__desc{font-size:15px;color:#cfd8e3;margin:0 0 18px;line-height:1.55}
.gk-pick-box__feats{list-style:none;padding:0;margin:0 0 22px}
.gk-pick-box__feats li{padding:6px 0;color:#fff;font-size:14px;display:flex;align-items:center;gap:8px}
.gk-pick-box__feats li::before{content:"✓";color:#3ddc84;font-weight:800;flex-shrink:0}
.gk-pick-box__cta{display:inline-block;background:#ffd166;color:#0c2a4d !important;padding:12px 22px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none !important}
.gk-pick-box__cta:hover{background:#ffe199}
.gk-trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center}
@media(max-width:900px){.gk-trust-strip{grid-template-columns:1fr}}
.gk-trust-strip__item h3{font-size:18px;margin:12px 0 6px;color:#0c2a4d}
.gk-trust-strip__item p{font-size:14px;color:#5a6776;margin:0 0 10px;line-height:1.5}
.gk-trust-strip__icon{width:44px;height:44px;margin:0 auto;background:#fff;border:2px solid #e4e8ec;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}
.gk-faq-list{max-width:780px;margin:0 auto}
.gk-faq{background:#fff;border:1px solid #e4e8ec;border-radius:10px;margin-bottom:12px;overflow:hidden}
.gk-faq summary{cursor:pointer;padding:18px 22px;font-weight:700;font-size:17px;color:#0c2a4d;list-style:none;display:flex;justify-content:space-between;align-items:center}
.gk-faq summary::after{content:"+";font-size:24px;color:#0c6cac;font-weight:400}
.gk-faq[open] summary::after{content:"−"}
.gk-faq__body{padding:0 22px 20px;color:#4a5568;font-size:15px;line-height:1.6}
.gk-faq__body a{color:#0c6cac;font-weight:600}

/* hide auto-injected stuff that clashes with our hero */
body:has(.gk-wrap) .table-of-contents,
body:has(.gk-wrap) #ez-toc-container,
body:has(.gk-wrap) .ez-toc-v2_0_71,
body:has(.gk-wrap) .featured-image,
body:has(.gk-wrap) .post-image,
body:has(.gk-wrap) .post-image-aligned-center .inside-article > .featured-image,
body:has(.gk-wrap) .inside-article > .featured-image,
body:has(.gk-wrap) article .featured-image,
body:has(.gk-wrap) .entry-header { display:none !important; }
body:has(.gk-wrap) .inside-article { padding-top:0 !important; }

/* ==== ADDITIONS 2026-05-04 ==== */

/* Hide comments and post-meta on hub/static pages */
body:has(.gk-wrap) .comments-area,
body:has(.gk-wrap) #comments,
body:has(.gk-wrap) #respond,
body:has(.gk-wrap) .entry-meta,
body:has(.gk-wrap) .post-navigation { display:none !important; }

/* Cluster accent colors per page-id (top stripe + eyebrow tint) */
body.page-id-3875 .gk-wrap .gk-eyebrow { color:#0d8043 } /* Buchhaltung green */
body.page-id-3876 .gk-wrap .gk-eyebrow { color:#b8860b } /* Steuern gold */
body.page-id-3877 .gk-wrap .gk-eyebrow { color:#1a73e8 } /* Firmenkreditkarten blue */
body.page-id-3878 .gk-wrap .gk-eyebrow { color:#5b3b8c } /* Finanzierung purple */
body.page-id-3879 .gk-wrap .gk-eyebrow { color:#c2185b } /* Zahlungsverkehr pink */
body.page-id-3880 .gk-wrap .gk-eyebrow { color:#0c6cac } /* Magazin blue */

body.page-id-3875 .gk-wrap > section:first-of-type { border-top:5px solid #0d8043 }
body.page-id-3876 .gk-wrap > section:first-of-type { border-top:5px solid #b8860b }
body.page-id-3877 .gk-wrap > section:first-of-type { border-top:5px solid #1a73e8 }
body.page-id-3878 .gk-wrap > section:first-of-type { border-top:5px solid #5b3b8c }
body.page-id-3879 .gk-wrap > section:first-of-type { border-top:5px solid #c2185b }
body.page-id-3880 .gk-wrap > section:first-of-type { border-top:5px solid #0c6cac }

/* Breadcrumbs styling */
.gk-breadcrumbs { font-size:13px; color:#5a6776; padding:18px 0; max-width:1180px; margin:0 auto; padding-left:24px; padding-right:24px }
.gk-breadcrumbs a { color:#0c6cac; text-decoration:none }
.gk-breadcrumbs a:hover { text-decoration:underline }
.gk-breadcrumbs .separator { color:#bcc5d3; margin:0 6px }

/* Latest posts grid */
.gk-posts-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px }
@media(max-width:900px){ .gk-posts-grid { grid-template-columns:1fr } }
.gk-post-card { background:#fff; border:1px solid #e4e8ec; border-radius:12px; overflow:hidden; transition:all .15s }
.gk-post-card:hover { box-shadow:0 8px 24px rgba(0,0,0,.08); transform:translateY(-2px) }
.gk-post-card a { text-decoration:none; color:inherit; display:block }
.gk-post-card__img { aspect-ratio:16/9; background:#f0f4f9; display:block; overflow:hidden }
.gk-post-card__img img { width:100%; height:100%; object-fit:cover }
.gk-post-card__body { padding:18px 20px 22px }
.gk-post-card__meta { font-size:12px; color:#5a6776; text-transform:uppercase; letter-spacing:.5px; margin-bottom:8px }
.gk-post-card__title { font-size:17px; font-weight:700; color:#0c2a4d; margin:0; line-height:1.35 }
.gk-post-card:hover .gk-post-card__title { color:#0c6cac }

/* Top-pick logos */
.gk-card__logo { height:36px; width:auto; max-width:120px; object-fit:contain; margin-bottom:12px; display:block }

/* "Bekannt aus" press strip */
.gk-press-strip { display:flex; flex-wrap:wrap; gap:36px; align-items:center; justify-content:center; padding:24px 0; opacity:.7; filter:grayscale(1) }
.gk-press-strip span { font-size:14px; color:#5a6776; font-weight:600; letter-spacing:.5px }

/* Override existing /konten/ + /typen/ custom-template colors to match gk palette */
.gsk-shell { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important }
.gsk-shell .gsk-hero h1,
.gsk-shell h1, .gsk-shell h2 { color:#0c2a4d !important; font-family:inherit !important }
.gsk-shell .gsk-eyebrow,
.gsk-shell [class*="eyebrow"] { color:#0c6cac !important }
.gsk-shell .gsk-cta--primary,
.gsk-shell a[class*="cta-primary"],
.gsk-shell a[class*="btn-primary"] { background:#ffd166 !important; color:#0c2a4d !important; border-color:#ffd166 !important }
.gsk-shell a[class*="btn"]:hover { opacity:.95 }