/*
Theme Name: Verwaltersicher
Theme URI: https://verwaltersicher.de/
Author: Verwaltersicher – Ein Angebot von Mohr Versicherungsmakler
Description: One-Pager mit 3D-Rundgang, Ratgeber, Anfrageformular und Suchmaschinen-Grundlagen für Verwaltersicher.
Version: 1.7.5
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietär (Schriften: SIL Open Font License 1.1)
Text Domain: verwaltersicher
*/

/* =========================================================
   Unterseiten (Ratgeber, Artikel, Rechtstexte, 404)
   Die Startseite nutzt assets/css/home.css
   ========================================================= */
:root{--bg:#fbf8f3;--fg:#14213d;--mute:#6c7280;--line:#14213d1f;--acc:#2f5bea;--acc2:#2f5bea}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#fbf8f3}
body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
h1,h2,h3,h4,.d{font-family:"Inter Display",Inter,system-ui,sans-serif}
a{color:inherit}
img{max-width:100%;height:auto}
::selection{background:var(--acc);color:#fff}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:100;background:#14213d;color:#fbf8f3;padding:10px 14px;border-radius:8px}

/* Nav */
.snav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 40px;background:#14213dd9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
body.admin-bar .snav{top:32px}@media (max-width:782px){body.admin-bar .snav{top:46px}}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#14213d}
.logo svg{width:26px;height:30px;flex:none}
.logo b{display:block;font-family:"Inter Display",Inter,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1}
.logo small{display:block;font-size:11px;color:var(--mute);margin-top:4px}
.slinks{display:flex;gap:30px;font-size:14px;color:#36405a}
.slinks a{text-decoration:none}.slinks a:hover,.slinks a.cur{color:#14213d}
.pill{display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;background:#14213d;color:#fbf8f3;font:600 14px Inter,sans-serif;padding:12px 20px;border-radius:999px;text-decoration:none;transition:transform .25s}
.pill:hover{transform:scale(1.04)}
.pill.dark{background:#fbf8f3;color:#14213d}
.pill.ghost{background:transparent;color:#14213d;box-shadow:inset 0 0 0 1px #14213d40}

/* Layout */
.wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.crumbs{font-size:13px;color:var(--mute);margin:44px 0 26px}
.crumbs a{text-decoration:none}.crumbs a:hover{color:#14213d}
.crumbs span{margin:0 8px;opacity:.5}

/* Ratgeber-Übersicht */
.rhero{padding:40px 0 60px;border-bottom:1px solid var(--line)}
.eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:22px;font-weight:500}
.rhero h1{font-size:clamp(44px,6vw,96px);font-weight:600;letter-spacing:-.045em;line-height:.98}
.rhero h1 em{font-style:normal;background:linear-gradient(90deg,#14213d,var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}
.rhero p{color:#4a5363;font-size:19px;max-width:620px;margin-top:24px}
.rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:50px 0 120px}
.rcard{display:flex;flex-direction:column;background:#ffffff;border:1px solid #14213d14;border-radius:24px;padding:30px;text-decoration:none;min-height:300px;transition:border-color .3s,transform .4s cubic-bezier(.16,1,.3,1)}
.rcard:hover{border-color:#14213d40;transform:translateY(-4px)}
.rcard .cat{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--acc2);margin-bottom:auto}
.rcard h2{font-size:24px;font-weight:600;letter-spacing:-.025em;line-height:1.2;margin:40px 0 12px}
.rcard p{color:#5a6272;font-size:15px;line-height:1.55}
.rcard .more{margin-top:22px;font-size:14px;color:#14213d}
.rcard.big{grid-column:span 2}
.rcard.big h2{font-size:34px}
.empty{color:var(--mute);padding:60px 0 120px}

/* Artikel */
.art{max-width:760px;margin:0 auto}
.art h1{font-size:clamp(36px,4.6vw,64px);font-weight:600;letter-spacing:-.04em;line-height:1.03}
.ameta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:26px 0 34px;font-size:14px;color:var(--mute)}
.ameta .av{width:36px;height:36px;border-radius:50%;background:#f3ede3;display:grid;place-items:center;font-weight:600;font-size:12px;color:#14213d;overflow:hidden}
.ameta .av img{width:100%;height:100%;object-fit:cover}
.ameta b{color:#14213d;font-weight:500}
.lead{font-size:21px;line-height:1.55;color:#36405a;padding-bottom:34px;border-bottom:1px solid var(--line);margin-bottom:10px}
.prose{font-size:18px;line-height:1.75;color:#3f4858}
.prose>*+*{margin-top:1.1em}
.prose h2{font-size:30px;font-weight:600;letter-spacing:-.03em;line-height:1.15;color:#14213d;margin-top:1.9em}
.prose h3{font-size:22px;font-weight:600;letter-spacing:-.02em;color:#14213d;margin-top:1.6em}
.prose a{color:var(--acc2);text-underline-offset:3px}
.prose strong{color:#14213d;font-weight:600}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.45em}
.prose li::marker{color:var(--acc2)}
.prose blockquote,.prose .box{border:1px solid #2f5bea44;background:linear-gradient(135deg,#2f5bea1c,#2f5bea06);border-radius:20px;padding:22px 26px;color:#2a3446}
.prose .box b,.prose .box strong{display:block;color:#14213d;margin-bottom:6px}
.prose table{width:100%;border-collapse:collapse;font-size:16px}
.prose th,.prose td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{color:#14213d;font-weight:600}
.prose .check{list-style:none;padding:0}
.prose .check li{padding-left:34px;position:relative}
.prose .check li::before{content:"";position:absolute;left:0;top:.35em;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--acc2)}
.sources{margin-top:46px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;color:var(--mute)}
.sources a{color:#4a5363}
.updated{font-size:13px;color:var(--mute);margin-top:30px}
.abox{display:flex;gap:20px;align-items:center;margin:60px 0 0;padding:26px;border-radius:24px;background:#ffffff;border:1px solid #14213d14}
.abox .ph{width:72px;height:72px;border-radius:20px;background:#f3ede3;flex:none;overflow:hidden;display:grid;place-items:center;font-weight:700}
.abox .ph img{width:100%;height:100%;object-fit:cover}
.abox b{display:block;font-size:19px}.abox span{color:var(--mute);font-size:14px}
.acta{margin:20px 0 0;padding:40px;border-radius:28px;background:#14213d;color:#fbf8f3}
.acta .d{font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.035em;line-height:1.05}
.acta p{color:#c7cdd8;margin:12px 0 24px;max-width:520px}
.acta .pill{background:#fbf8f3;color:#14213d;font-size:16px;padding:16px 24px}
.related{padding:90px 0 40px}
.related h2{font-size:28px;font-weight:600;letter-spacing:-.03em;margin-bottom:26px}
.related .rgrid{padding:0 0 60px;grid-template-columns:repeat(2,minmax(0,1fr))}

/* Seiten (Rechtstexte) */
.vpage{max-width:820px;margin:0 auto;padding-bottom:120px}
.vpage h1{font-size:clamp(36px,4.6vw,64px);font-weight:600;letter-spacing:-.04em;line-height:1.03;margin-bottom:36px}
.vpage .prose{font-size:16.5px}
.vpage .prose h2{font-size:22px}

/* Footer */
.sfoot{border-top:1px solid var(--line);padding:70px 40px 40px;margin-top:40px}
.sfoot .top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.sfoot .d{font-size:clamp(28px,3.4vw,48px);font-weight:600;letter-spacing:-.04em;line-height:1;max-width:14ch}
.sfoot .bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:60px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}
.sfoot .bot a{text-decoration:none;margin-left:16px}.sfoot .bot a:hover{color:#14213d}
.legal{margin-top:14px;font-size:12px;color:#7c8290;line-height:1.6}

/* 404 */
.nf{padding:120px 0 160px;text-align:center}
.nf .d{font-size:clamp(80px,14vw,200px);font-weight:600;letter-spacing:-.06em;line-height:.9;background:linear-gradient(90deg,#14213d,var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}
.nf p{color:#4a5363;margin:20px 0 32px}

@media (max-width:900px){
  .rgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rcard.big{grid-column:span 2}
}
@media (max-width:700px){
  .snav{padding:14px 20px}.slinks{display:none}.logo small{display:none}
  .wrap{padding:0 20px}
  .rgrid,.related .rgrid{grid-template-columns:minmax(0,1fr)}.rcard.big{grid-column:auto}.rcard{min-height:0}
  .prose{font-size:17px}.lead{font-size:19px}
  .acta{padding:28px 22px}
  .sfoot{padding:50px 20px 30px}
}

/* ===== v1.1: Leistungsseiten ===== */
.lhero{padding:30px 0 60px;border-bottom:1px solid var(--line);max-width:980px}
.lhero h1{font-size:clamp(44px,6vw,96px);font-weight:600;letter-spacing:-.045em;line-height:.98}
.lhero .sub{font-size:15px;color:var(--acc2);margin-top:18px;font-weight:500}
.lhero .lead{font-size:clamp(18px,1.5vw,21px);color:#3f4858;max-width:720px;margin-top:22px;border:0;padding:0}
.lhero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.lbody{display:grid;grid-template-columns:minmax(0,1fr);max-width:860px;padding:50px 0 20px}
.lbody .prose{font-size:18px}
.aboutph{margin:0 0 40px;border-radius:28px;overflow:hidden;background:#f3ede3;aspect-ratio:3/2}
.aboutph img{width:100%;height:100%;object-fit:cover;display:block}
.prose .cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}
.prose .cards3>div{background:#ffffff;border:1px solid #14213d14;border-radius:20px;padding:22px}
.prose .cards3 b{display:block;color:#14213d;font-family:"Inter Display",Inter,sans-serif;font-size:19px;letter-spacing:-.015em;margin-bottom:8px}
.prose .cards3 p{font-size:15px;line-height:1.55;margin:0;color:#5a6272}
.prose .nums3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);margin:10px 0 30px}
.prose .nums3>div{padding:22px 18px 0 0}.prose .nums3>div+div{padding-left:18px;border-left:1px solid var(--line)}
.prose .nums3 b{display:block;font-family:"Inter Display",Inter,sans-serif;font-size:clamp(40px,5vw,64px);font-weight:600;letter-spacing:-.05em;line-height:1;background:linear-gradient(90deg,#14213d,var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}
.prose .nums3 span{font-size:14px;color:var(--mute)}
.prose ol.steps{list-style:none;padding:0;counter-reset:s}
.prose ol.steps li{counter-increment:s;position:relative;padding:16px 0 16px 64px;border-top:1px solid var(--line);margin:0}
.prose ol.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:16px;font-family:"Inter Display",Inter,sans-serif;font-size:22px;font-weight:600;color:var(--acc2)}
.prose ol.steps b{color:#14213d}
.prose details{border-bottom:1px solid var(--line);margin:0}
.prose details:first-of-type{border-top:1px solid var(--line)}
.prose summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;color:#14213d;font-weight:500;font-size:19px;position:relative;font-family:"Inter Display",Inter,sans-serif;letter-spacing:-.01em}
.prose summary::-webkit-details-marker{display:none}
.prose summary::after{content:"+";position:absolute;right:4px;top:16px;font-size:24px;color:var(--acc2);transition:transform .3s}
.prose details[open] summary::after{transform:rotate(45deg)}
.prose details>div{padding:0 0 22px;color:#4a5363}
.prose details>div p{margin:0}
.lgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:50px 0 100px}
.lcard{display:flex;flex-direction:column;background:#ffffff;border:1px solid #14213d14;border-radius:28px;padding:36px;text-decoration:none;min-height:360px;transition:border-color .3s,transform .4s cubic-bezier(.16,1,.3,1)}
.lcard:hover{border-color:#14213d40;transform:translateY(-4px)}
.lcard .n{font-size:13px;color:var(--mute);margin-bottom:auto}
.lcard h2{font-size:clamp(28px,2.6vw,40px);font-weight:600;letter-spacing:-.035em;line-height:1.05;margin:50px 0 10px}
.lcard b{color:var(--acc2);font-weight:500;font-size:15px}
.lcard p{color:#5a6272;font-size:15.5px;line-height:1.55;margin-top:12px}
.lcard .more{margin-top:24px;font-size:14px}
.lstrip{margin:20px 0 80px;padding-top:30px;border-top:1px solid var(--line)}
.lstrip .eyebrow{display:block;margin-bottom:16px}
.lstrip div{display:flex;flex-wrap:wrap;gap:10px}
.lstrip a{text-decoration:none;font-size:14.5px;padding:11px 16px;border-radius:99px;border:1px solid #14213d26;transition:border-color .2s,background .2s}
.lstrip a:hover{border-color:#14213d}.lstrip a.cur{background:#14213d;color:#fbf8f3;border-color:#14213d}
.sfoot .fmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:60px;padding-top:36px;border-top:1px solid var(--line)}
.sfoot .fmap span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:12px}
.sfoot .fmap a{display:block;text-decoration:none;font-size:14.5px;color:#36405a;padding:5px 0;line-height:1.4}
.sfoot .fmap a:hover{color:#14213d}
@media (max-width:900px){.prose .cards3,.lgrid{grid-template-columns:minmax(0,1fr)}.lcard{min-height:0}.sfoot .fmap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){.prose .nums3{grid-template-columns:minmax(0,1fr)}.prose .nums3>div,.prose .nums3>div+div{padding:16px 0;border-left:0;border-bottom:1px solid var(--line)}}
/* Lange deutsche Wörter auf schmalen Bildschirmen umbrechen */
h1,h2,h3,.d{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal}
body{overflow-x:hidden}
@media (max-width:700px){.art h1,.vpage h1{font-size:32px}.lhero h1,.rhero h1{font-size:40px}}
@media (max-width:700px){.prose table{display:block;overflow-x:auto;font-size:14.5px}.prose th,.prose td{padding:10px 10px;min-width:120px}}

.lbody{max-width:900px}
/* Qualifikations-Siegel (Über uns) */
.prose .cred{display:flex;gap:22px;align-items:center;margin:30px 0;padding:24px 26px;border-radius:24px;border:1px solid #2f5bea55;background:linear-gradient(135deg,#2f5bea26,#2f5bea08)}
.prose .cred .seal{flex:none;width:86px;height:86px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#14213d;color:#fbf8f3;font-family:"Inter Display",Inter,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.02em;line-height:1;box-shadow:0 0 0 6px #2f5bea33}
.prose .cred .seal small{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;color:#2f5bea;margin-top:4px}
.prose .cred span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--acc2);margin-bottom:4px}
.prose .cred b{display:block;color:#14213d;font-family:"Inter Display",Inter,sans-serif;font-size:22px;letter-spacing:-.02em;line-height:1.2}
.prose .cred p{margin:8px 0 0;font-size:15px;line-height:1.55;color:#4a5363}
@media (max-width:600px){.prose .cred{flex-direction:column;align-items:flex-start}}
.abox .fw{display:block;color:var(--acc2);font-weight:600;margin-bottom:4px}
.bni{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500;text-decoration:none;color:#36405a;padding:8px 14px;border-radius:99px;border:1px solid #14213d2e;transition:border-color .3s,color .3s}.bni:hover{color:#14213d;border-color:#c8102e}.bni .bdot{width:8px;height:8px;border-radius:50%;background:#c8102e;flex:none}
.sfoot .bot span:last-child{display:flex;flex-wrap:wrap;gap:6px 16px}.sfoot .bot a{margin:0!important}
.logo svg{width:30px;height:30px}

/* =========================================================
   1.7.0 – Helle, warme Farbwelt
   Papier #fbf8f3 · Tinte #14213d · Markenblau #2f5bea · Apricot #e8774a
   Dunkle „Bühnen“ (.dk) setzen gezielt Kontrast.
   ========================================================= */
:root{--bg:#fbf8f3;--fg:#14213d;--txt:#3f4858;--mute:#6c7280;--line:#14213d1a;--acc:#2f5bea;--acc2:#2f5bea;--warm:#e8774a;--card:#fff;--sand:#f3ede3;--navy:#14213d}
body{color:var(--txt)}
h1,h2,h3,h4,.d,b,strong{color:var(--fg)}
::selection{background:#2f5bea;color:#fff}
.logo{color:var(--fg)}
.snav{background:#fbf8f3e6;border-bottom-color:#14213d14}
.slinks{color:#3f4858}.slinks a:hover,.slinks a.cur{color:var(--fg)}
.pill{background:var(--navy);color:#fff;box-shadow:0 10px 24px -14px #14213d99}
.pill.ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px #14213d33}
.pill.ghost:hover{box-shadow:inset 0 0 0 1px #14213d}
.mute{color:#8f8477}
.rhero h1 em,.grad{background:linear-gradient(90deg,#2f5bea 10%,#e8774a 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.prose{color:#3f4858}.prose strong{color:var(--fg)}
.prose a{color:#2f5bea}
.prose blockquote,.prose .box{background:linear-gradient(135deg,#2f5bea14,#2f5bea05);border-color:#2f5bea33;color:#2a3446}
.lead{color:#3f4858}
.abox{background:#fff;border-color:#14213d14}
.ameta .av,.abox .ph{background:var(--sand);color:var(--fg)}
.lstrip a{background:#fff;border-color:#14213d1f}
.lstrip a:hover{border-color:var(--fg)}.lstrip a.cur{background:var(--navy);color:#fff;border-color:var(--navy)}
.burger{background:#14213d10}.burger i{background:var(--fg)}
@media (max-width:980px){.snav .slinks{background:#fbf8f3}}
.bni{color:#3f4858;border-color:#14213d26;background:#fff}

/* Dunkle Bühne */
.dk{background:var(--navy);color:#c6cede}
.dk h1,.dk h2,.dk h3,.dk h4,.dk b,.dk strong,.dk .d{color:#fff}
.dk .eyebrow{color:#93a1bf}
.dk .mute{color:#6f80a6}
.dk .pill{background:#fff;color:var(--navy);box-shadow:none}
.dk .pill.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px #ffffff47}
.dk a{color:inherit}

/* Footer */
.sfoot.dk{border-top:0;margin-top:120px;border-radius:44px 44px 0 0}
.sfoot.dk .fmap{border-top-color:#ffffff1f}
.sfoot.dk .fmap span,.sfoot.dk .bot,.sfoot.dk .legal{color:#8f9cba}
.sfoot.dk .fmap a{color:#d5dbe7}.sfoot.dk .fmap a:hover,.sfoot.dk .bot a:hover{color:#fff}
.sfoot.dk .bot{border-top-color:#ffffff1f}
.sfoot.dk .top .d{color:#fff}
@media (max-width:700px){.sfoot.dk{border-radius:28px 28px 0 0;margin-top:80px}}

/* CTA-Kasten in Artikeln und Leistungsseiten: Bühne in Blau */
.acta{background:linear-gradient(135deg,#2f5bea,#1f3fae)!important;color:#dfe6ff;border:0;box-shadow:0 30px 60px -30px #2f5bea99}
.acta .d,.acta b{color:#fff!important}
.acta p{color:#dfe6ff!important}
.acta .pill{background:#fff!important;color:var(--navy)!important}
.acta .pill.ghost{background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1px #ffffff66!important}
.sfoot.dk{margin:120px 16px 16px;border-radius:44px}
@media (max-width:900px){.sfoot.dk{margin:80px 8px 8px;border-radius:30px}}