/*
Theme Name: Hanika KFZ-Technik
Description: Freundliche, responsive Firmenwebsite für KFZ-Technik Hanika GmbH.
Version: 1.5.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hanika
License: GPL v2 or later
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#1b2e3d;background:#fff;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #2461ad;outline-offset:5px}.wrap{width:min(1160px,88%);margin:auto}.site-header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:36px;letter-spacing:-1.5px;font-weight:900}.brand b{color:#29235c}.brand small{font-size:12px;letter-spacing:1.3px;margin-top:9px}nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:bold}.call{border:1px solid #d6dee3;padding:10px 16px}nav a:hover,.text-link:hover{color:#244f91}.hero{background:#eef0f3;color:#29235c;padding:62px 0 26px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 26px;color:#245ba0}.hero .eyebrow{color:#245ba0}h1{font-size:clamp(48px,7.4vw,96px);line-height:1.05;letter-spacing:-3.8px;margin:0 0 36px}h1 span{color:#245ba0}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px}.hero-bottom p{font-size:19px;color:#526174;max-width:490px;margin:0}.button{background:#245ba0;color:#fff;display:inline-flex;gap:28px;align-items:center;padding:17px 23px;font-size:15px;font-weight:bold}.button:hover{background:#29235c}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid #cbd2dc;padding-top:20px;margin-top:50px;font-size:13px;color:#526174}.section{padding-top:76px;padding-bottom:76px}.services{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}h2{font-size:44px;line-height:1.13;letter-spacing:-1.5px;margin:0 0 22px}h3{font-size:20px;line-height:1.35;margin:0 0 10px}.intro{color:#5d6c78;max-width:380px}.service-list article{display:flex;gap:24px;border-top:1px solid #d6dee4;padding:24px 0}.service-list article:last-child{border-bottom:1px solid #d6dee4}.number{font-size:13px;color:#245ba0;font-weight:bold;padding-top:4px}.service-list p{font-size:16px;color:#5d6c78;margin:0}.contact{background:#eef0f3}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.phone{display:block;font-size:clamp(27px,3.4vw,41px);font-weight:bold;letter-spacing:-1px;margin:25px 0 0}.phone span{color:#245ba0}.email,.text-link{text-decoration:underline;text-underline-offset:5px}.contact-info>div{border-top:1px solid #cad4dc;padding:24px 0}.contact-info h3{font-size:17px}.contact-info p{color:#526572}.hours{display:flex;justify-content:space-between;gap:24px}.hours span:last-child{text-align:right}.legal{padding:28px 0}summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:bold;list-style:none}summary::-webkit-details-marker{display:none}.legal-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;padding-top:30px;font-size:14px}dt{font-weight:bold}dd{margin:0 0 13px}dl{margin:0}.footer{border-top:1px solid #dce3e8}.footer .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:23px;padding-bottom:23px;color:#5e707d;font-size:13px}.page-content{min-height:55vh}.page-content h1{font-size:44px}.page-content img{max-width:100%;height:auto}.skip-link{position:absolute;left:15px;top:-100px;background:white;padding:10px;z-index:100}.skip-link:focus{top:10px}@media(max-width:760px){.site-header{min-height:95px}.brand strong{font-size:29px}.brand small{font-size:10px}nav>a:not(.call){display:none}.call{padding:8px 10px;font-size:13px}.hero{padding-top:42px}h1{font-size:clamp(44px,10vw,72px);letter-spacing:-2px}.hero-bottom{flex-direction:column;align-items:flex-start}.hero-bottom p{font-size:17px}.button{font-size:14px}.hero-foot{flex-direction:column;gap:5px}.section{padding-top:48px;padding-bottom:48px}.services,.contact-grid,.legal-grid{grid-template-columns:1fr;gap:30px}h2{font-size:36px}.eyebrow{font-size:11px;letter-spacing:1.2px}.hours{flex-wrap:wrap}.hours span:last-child{text-align:left}.footer .wrap{flex-wrap:wrap}.footer .tagline{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Originales Firmenlogo, proportional auf allen Bildschirmgrößen. */
.brand-logo{display:block;width:210px;max-width:100%;height:auto}.site-header{padding-top:16px;padding-bottom:16px;flex-wrap:wrap}.brand{flex-shrink:0}h2,h3{color:#29235c}@media(max-width:760px){.brand-logo{width:155px}.site-header{gap:14px}nav{margin-left:auto}}

.page-content{max-width:850px}.page-content h2{font-size:28px;letter-spacing:-.5px;margin-top:38px}.page-content p{overflow-wrap:anywhere}.page-content p a{text-decoration:underline;text-underline-offset:3px}

.cookie-content{max-width:780px;padding-top:24px}.cookie-content h2{font-size:28px;letter-spacing:-.5px}.cookie-content p{font-size:16px}.legal + .legal{border-top:1px solid #dce3e8}

.page-content{overflow-wrap:anywhere}.page-content h2{font-size:clamp(26px,4vw,36px);margin-top:42px}.page-content h3{margin-top:26px}.page-content a{text-decoration:underline;text-underline-offset:3px}.page-content table{width:100%;max-width:100%;border-collapse:collapse}.page-content td{padding:16px;border:1px solid #d6dee4}.page-content blockquote{margin:24px 0;padding:8px 22px;border-left:3px solid #245ba0}
