/*
Theme Name: Hydraulix
Theme URI: https://hydraulix.de
Author: Hydraulix UG (haftungsbeschränkt)
Description: Individuelles Theme für die Hydraulix-Homepage.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hydraulix
*/

:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
--hd:#f8f8f8;--hdt:#151515;--dk:#151515;--dk2:#1e1e1e;--tx:#f8f8f8;--mut:#c9c6c0;--am:#ffc107;--ac:#cd3f00;--ac2:#ff5722;--ln:#3a3a3a;--logo:none}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--hd:#202020;--hdt:#f8f8f8;--logo:invert(1)}}
:root[data-theme="dark"]{--hd:#202020;--hdt:#f8f8f8;--logo:invert(1)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}
body{margin:0;background:var(--dk);color:var(--tx);font:17px/1.65 Georgia,"Times New Roman",serif}
a{color:inherit}.w{max-width:1100px;margin:0 auto;padding:0 20px}
header{background:var(--hd);color:var(--hdt);position:sticky;top:env(safe-area-inset-top,0px);z-index:5}
.hb{display:flex;align-items:center;gap:20px;height:78px}.hb img{height:54px;width:auto;filter:var(--logo)}
nav{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
nav a{text-decoration:none;font:600 15px/1 system-ui,Segoe UI,sans-serif;padding:10px 12px;border:2px solid transparent;border-radius:4px}
nav a.on{border-color:#906b00}nav a:hover{color:var(--ac)}
.cut{height:64px;background:linear-gradient(to bottom right,var(--hd) 49.5%,var(--dk) 50%)}
h1,h2{font-weight:400;color:var(--am);line-height:1.15;margin:0 0 14px}
h1{font-size:clamp(34px,6vw,60px)}h2{font-size:clamp(26px,4vw,40px)}
.eb{color:var(--am);font-size:clamp(20px,3vw,28px);margin:0 0 18px}
.c{text-align:center}.lead{color:var(--mut)}
.btn{display:inline-block;font:700 16px/1 system-ui,Segoe UI,sans-serif;color:#fff;background:var(--ac);border:2px solid var(--ac);padding:14px 26px;border-radius:8px;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--ac2);border-color:var(--ac2)}.gh{background:transparent;border-color:#f8f8f8}.gh:hover{background:#f8f8f8;color:#151515;border-color:#f8f8f8}
:is(a,button,input,textarea):focus-visible{outline:3px solid var(--am);outline-offset:3px}
.hero{background:linear-gradient(rgba(21,21,21,.8),rgba(21,21,21,.9)),url(assets/img/hero.jpg) center/cover;padding:96px 0 104px}
.hero p{max-width:40em;margin:0 auto 26px}
.sv{padding:64px 0}.sv.a{background:var(--dk2)}.sv .g{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.sv.r .g>div{order:2}
.sv img{width:100%;height:340px;object-fit:cover;border-radius:10px;border-bottom:6px solid var(--ac2)}
.kp{padding:84px 0;border-top:1px solid var(--ln)}.kp p{max-width:44em;margin:0 auto 26px}
.ct{padding:64px 0;background:var(--dk2)}.ct .g{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
form{display:grid;gap:12px}label{font:600 15px system-ui,sans-serif}
input,textarea{width:100%;padding:12px;border-radius:6px;border:1px solid #555;background:#111;color:#f8f8f8;font:16px system-ui,sans-serif}
.chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;color:var(--mut)}.chk input{width:auto;margin-top:4px}
.note{font:14px system-ui,sans-serif;color:var(--mut)}
.map{border:1px dashed #666;border-radius:10px;padding:26px;min-height:300px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:var(--mut)}.map b{color:var(--tx)}
.nm{padding:64px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}.nm b{display:block;font-size:clamp(40px,7vw,68px);color:var(--am);font-weight:400;line-height:1}
.ph{background-size:cover;background-position:center;padding:70px 0 64px;text-align:center}
.pg{padding:56px 0}.pg .g{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.pg img{width:100%;border-radius:10px;max-height:460px;object-fit:cover}
dl{margin:0}dt{font-weight:700;margin-top:14px}dd{margin:0;color:var(--mut)}
footer{background:#0e0e0e;color:var(--mut);padding:26px 0;font:14px system-ui,sans-serif}footer .w{display:flex;gap:22px;flex-wrap:wrap}footer a:first-of-type{margin-left:auto}
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.tri.q{grid-template-columns:repeat(2,1fr)}.tri>div{background:var(--dk2);border:1px solid var(--ln);border-radius:10px;padding:22px}.tri h3{color:var(--am);font-weight:400;font-size:22px;margin:0 0 8px}.tri p{margin:0;color:var(--mut)}.tri .n{font:700 15px system-ui,sans-serif;color:var(--ac2);margin-bottom:6px}
@media(max-width:820px){.tri,.tri.q{grid-template-columns:1fr}.sv .g,.ct .g,.pg .g{grid-template-columns:1fr}.sv.r .g>div{order:0}.nm{grid-template-columns:1fr}.hero{padding:60px 0 68px}.cut{height:40px}.hb img{height:44px}.hb{height:68px}nav{gap:0}nav a{padding:8px 7px;font-size:13px}.sv img{height:240px}}

.admin-bar header{top:32px}@media(max-width:782px){.admin-bar header{top:46px}}
.entry{max-width:52em}.entry h2{margin-top:34px;font-size:clamp(22px,3vw,30px)}.entry h3{color:var(--am);font-weight:400;font-size:22px;margin:26px 0 8px}.entry h4{font-size:17px;margin:18px 0 4px}.entry ul{color:var(--mut);padding-left:22px}.entry a{color:var(--am);word-break:break-all}
.hx-off{position:absolute;left:-9999px}