/* BAUDETETIV Fachmagazin */
:root{
  --fm-navy:#1c303c;
  --fm-navy-2:#28404e;
  --fm-green:#5d8f3f;
  --fm-green-dark:#486f31;
  --fm-bg:#f3f5f6;
  --fm-white:#fff;
  --fm-text:#18242c;
  --fm-muted:#67747d;
  --fm-border:#dfe5e8;
  --fm-container:1320px;
  --fm-shadow:0 18px 50px rgba(20,43,54,.09);
}
*{box-sizing:border-box}
.fm{font-family:Arial,Helvetica,sans-serif;color:var(--fm-text);background:#fff}
.fm img{display:block;max-width:100%}
.fm-container{width:min(calc(100% - 48px),var(--fm-container));margin:0 auto}
.fm-eyebrow{display:flex;align-items:center;gap:12px;color:var(--fm-green);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}
.fm-eyebrow:before{content:"";width:34px;height:3px;background:var(--fm-green)}
.fm-title{margin:0;color:var(--fm-navy);font-size:clamp(38px,4.8vw,66px);line-height:1.02;letter-spacing:-2.5px}
.fm-copy{color:var(--fm-muted);font-size:17px;line-height:1.85}
.fm-hero{padding:110px 0 95px;background:linear-gradient(135deg,#edf1f2 0%,#fff 58%)}
.fm-hero-grid{display:grid;grid-template-columns:1fr .86fr;gap:70px;align-items:center}
.fm-hero p{max-width:760px}
.fm-search{display:flex;gap:10px;margin-top:30px}
.fm-search input{flex:1;min-height:52px;padding:0 16px;border:1px solid var(--fm-border);font-size:15px}
.fm-search button,.fm-btn{min-height:52px;padding:0 22px;border:0;background:var(--fm-navy);color:#fff;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.fm-search button:hover,.fm-btn:hover{background:var(--fm-green-dark)}
.fm-hero-media{position:relative;min-height:420px;overflow:hidden;background:#dfe4e6}
.fm-hero-media img{width:100%;height:420px;object-fit:cover}
.fm-section{padding:100px 0}
.fm-section.alt{background:var(--fm-bg)}
.fm-section-head{max-width:880px;margin-bottom:42px}
.fm-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.fm-category{padding:26px;background:#fff;border:1px solid var(--fm-border);text-decoration:none;color:inherit;transition:.25s}
.fm-category:hover{transform:translateY(-4px);box-shadow:var(--fm-shadow)}
.fm-category span{display:block;color:var(--fm-green);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px}
.fm-category h3{margin:0 0 10px;color:var(--fm-navy);font-size:21px}
.fm-category p{margin:0;color:var(--fm-muted);font-size:14px;line-height:1.7}
.fm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fm-card{background:#fff;border:1px solid var(--fm-border);overflow:hidden;box-shadow:0 10px 25px rgba(20,43,54,.04)}
.fm-card-img{aspect-ratio:16/10;overflow:hidden;background:#e6eaec}
.fm-card-img img{width:100%;height:100%;object-fit:cover;transition:.3s}
.fm-card:hover .fm-card-img img{transform:scale(1.02)}
.fm-card-body{padding:24px}
.fm-meta{display:flex;flex-wrap:wrap;gap:10px;color:#71808a;font-size:12px;margin-bottom:12px}
.fm-card h3{margin:0;color:var(--fm-navy);font-size:22px;line-height:1.3}
.fm-card p{color:var(--fm-muted);font-size:14px;line-height:1.7}
.fm-card a{color:var(--fm-green-dark);font-weight:800;text-decoration:none}
.fm-popular{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}
.fm-list{display:grid;gap:14px}
.fm-list-item{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:16px;background:#fff;border:1px solid var(--fm-border);text-decoration:none;color:inherit}
.fm-list-item img{width:90px;height:76px;object-fit:cover}
.fm-list-item h4{margin:4px 0 0;font-size:16px;color:var(--fm-navy)}
.fm-cta{padding:90px 0;background:var(--fm-navy);color:#fff}
.fm-cta-inner{display:flex;justify-content:space-between;gap:50px;align-items:center}
.fm-cta h2{margin:0;font-size:clamp(34px,4vw,54px);line-height:1.08}
.fm-cta p{max-width:700px;color:rgba(255,255,255,.72);line-height:1.8}
.fm-cta .fm-btn{background:var(--fm-green)}
.fm-cta .fm-btn:hover{background:var(--fm-green-dark)}
/* category */
.fm-category-hero{padding:90px 0 70px;background:var(--fm-bg)}
.fm-breadcrumb{font-size:13px;color:#70808a;margin-bottom:22px}
.fm-breadcrumb a{color:var(--fm-green-dark);text-decoration:none}
/* article */
.fm-article-hero{padding:82px 0 52px;background:var(--fm-bg)}
.fm-article-head{max-width:980px}
.fm-article-head h1{font-size:clamp(42px,5.5vw,72px);line-height:1.02;letter-spacing:-3px;margin:0;color:var(--fm-navy)}
.fm-article-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px;color:#6e7b84;font-size:13px}
.fm-article-image{margin-top:38px;aspect-ratio:16/8;overflow:hidden;background:#dfe4e6}
.fm-article-image img{width:100%;height:100%;object-fit:cover}
.fm-article-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:70px;justify-content:center;padding:70px 0 90px}
.fm-toc{position:sticky;top:100px;align-self:start;border-left:3px solid var(--fm-green);padding-left:18px}
.fm-toc strong{display:block;margin-bottom:12px;color:var(--fm-navy)}
.fm-toc a{display:block;color:#5e6d76;text-decoration:none;font-size:14px;line-height:1.5;margin:9px 0}
.fm-prose{font-size:17px;line-height:1.9;color:#33444d}
.fm-prose h2{margin:48px 0 15px;color:var(--fm-navy);font-size:34px;line-height:1.2}
.fm-prose h3{margin:34px 0 12px;color:var(--fm-navy);font-size:24px}
.fm-prose ul{padding-left:22px}
.fm-note{padding:22px 24px;background:var(--fm-green-soft,#edf4e9);border-left:4px solid var(--fm-green);margin:28px 0}
.fm-faq{margin-top:50px}
.fm-faq details{border-top:1px solid var(--fm-border);padding:18px 0}
.fm-faq summary{cursor:pointer;font-weight:800;color:var(--fm-navy)}
.fm-related{padding:80px 0;background:var(--fm-bg)}
@media(max-width:1000px){.fm-hero-grid,.fm-popular,.fm-article-layout{grid-template-columns:1fr}.fm-categories{grid-template-columns:repeat(2,1fr)}.fm-grid{grid-template-columns:repeat(2,1fr)}.fm-toc{position:relative;top:auto}}
@media(max-width:650px){.fm-container{width:min(calc(100% - 30px),var(--fm-container))}.fm-hero,.fm-section{padding:70px 0}.fm-categories,.fm-grid{grid-template-columns:1fr}.fm-search{display:grid}.fm-hero-media,.fm-hero-media img{min-height:0;height:auto}.fm-cta-inner{display:block}.fm-cta .fm-btn{margin-top:20px;width:100%}.fm-article-image{aspect-ratio:auto}.fm-article-image img{height:auto}.fm-article-layout{padding:50px 0}.fm-title{font-size:38px}}