/*
Theme Name: M. Behrens Dienstleistungen
Version: 1.0.3
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: mbehrens
License: GPL-2.0-or-later
*/
:root{--blue:#009fe8;--ink:#07141e;--muted:#52616d;--light:#f2f6f9}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:17px/1.65 Arial,Helvetica,sans-serif;background:#fff}a{color:inherit;text-underline-offset:4px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5.2vw,72px);line-height:1.04;letter-spacing:-2.5px;margin-bottom:24px}h2{font-size:clamp(29px,3vw,42px);line-height:1.15;letter-spacing:-1.3px}h3{font-size:24px;line-height:1.2}em{font-style:normal;color:var(--blue)}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.site-header{background:#fff}.header-inner{display:flex;align-items:center;gap:28px;min-height:108px}.brand{margin-right:auto;flex-shrink:0}.brand img{width:132px;height:80px;object-fit:contain}nav{display:flex;gap:22px}nav a{font-size:13px;font-weight:700;text-decoration:none;padding:12px 0}nav a:hover,nav a[aria-current=page]{color:#0072ac;border-bottom:2px solid var(--blue)}.phone,.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--blue);color:#001b2a;text-decoration:none;font-weight:700;border-radius:4px;padding:15px 22px}.phone{font-size:14px;padding:12px 16px;white-space:nowrap}.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 85% 90%,#0e4c70 0,transparent 50%),#06141f;color:white}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}.has-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,10,18,.95),rgba(0,10,18,.78) 45%,rgba(0,10,18,.1));z-index:-1}.hero-inner{padding-top:84px;padding-bottom:84px}.hero h1,.hero .lead{max-width:720px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#0074ad;margin-bottom:20px}.hero .eyebrow,.cta .eyebrow{color:#4bc7ff}.lead{font-size:20px;line-height:1.55;max-width:700px}.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}.outline{border:1px solid #8dabbc;border-radius:4px;padding:13px 24px;text-decoration:none;font-weight:700}.section{padding-top:80px;padding-bottom:80px}.section-head{display:flex;gap:80px;align-items:end;justify-content:space-between;margin-bottom:36px}.section-head>p{max-width:370px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.card{padding:32px;border:1px solid #dce5ea;background:var(--light);border-radius:6px}.card .number{display:block;color:#0078b6;font-size:14px;margin-bottom:34px;font-weight:700}.card p{color:var(--muted)}.card a{font-weight:700;font-size:15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-top:1px solid #dce5ea}.split img{width:100%;height:420px;object-fit:cover;border-radius:6px}.cta{background:#071b2b;color:white;padding:58px 0}.cta .wrap{display:flex;gap:32px;justify-content:space-between;align-items:center}.cta p{margin-bottom:0}.cta .eyebrow{margin-bottom:12px}.cta h2{margin-bottom:16px}.process{display:grid;grid-template-columns:1fr 1fr;background:var(--light);padding:48px;gap:40px;margin-bottom:70px;border-radius:6px}.process li{padding-left:14px;margin-bottom:24px}.process li::marker{color:#0074ad;font-weight:bold}.process li p{color:var(--muted);margin:4px 0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.gallery figure{margin:0}.gallery img{width:100%;height:300px;object-fit:cover;border-radius:5px;transition:filter .2s}.gallery a:hover img{filter:brightness(.8)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-link{font-size:29px;font-weight:700;text-decoration:none}.mail{overflow-wrap:anywhere}.inquiry{background:var(--light);padding:36px;border-radius:6px}.inquiry h2{font-size:29px}.inquiry li{margin-bottom:12px}address{font-style:normal}.small{font-size:13px;color:var(--muted);margin-top:10px}.legal{max-width:850px;min-height:50vh}footer{background:#030d15;color:#ccd7df;padding:52px 0 20px;font-size:14px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:35px}footer strong{color:white;letter-spacing:1px}.footer-bottom{border-top:1px solid #25323c;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;gap:20px}.menu-toggle{display:none}.skip{position:absolute;left:10px;top:-80px;z-index:10;background:#fff;padding:12px}.skip:focus{top:10px}:focus-visible{outline:3px solid #e88500;outline-offset:5px}body .wp-block-image img{height:auto}.entry-content{min-height:45vh}
@media(max-width:1050px){.header-inner{gap:16px;flex-wrap:wrap;padding:12px 0}.phone{margin-left:auto}nav{order:3;width:100%;justify-content:center;gap:22px}.hero-inner{padding-top:64px;padding-bottom:64px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:90px}.brand img{width:108px;height:64px}.phone{font-size:12px;padding:10px}.menu-toggle{display:block;background:transparent;border:1px solid #ccd7df;padding:10px;border-radius:4px}nav{display:none;flex-direction:column;gap:0;align-items:stretch}nav.open{display:flex}nav a{padding:12px 0}h1{letter-spacing:-1.5px}.hero-inner{padding-top:56px;padding-bottom:56px}.lead{font-size:18px}.section{padding-top:48px;padding-bottom:48px}.cards,.split,.contact,.process,.footer-grid{grid-template-columns:1fr}.cards{gap:16px}.card{padding:26px}.card .number{margin-bottom:18px}.section-head{display:block}.split{gap:30px}.split img{height:300px}.cta .wrap{display:block}.cta .button{margin-top:24px}.gallery{grid-template-columns:repeat(2,1fr);gap:12px}.gallery img{height:220px}.process{padding:28px;gap:10px}.inquiry{padding:26px}.footer-bottom{display:block}.footer-bottom>div{margin-top:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}nav ul{display:flex;list-style:none;gap:22px;margin:0;padding:0}nav li{list-style:none}nav .current-menu-item>a{color:#0072ac}@media(max-width:700px){nav ul{flex-direction:column;gap:0}}


/* Responsive service cards */
.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.card{min-width:0;overflow-wrap:anywhere}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.cards{grid-template-columns:1fr}}
