/*
Theme Name: Zweirad Krefeld
Author: YaDuEy UG
Description: Eigenständiges Fahrradhaus-Design mit Katalog, Kontakt und Werkstattbereich. Ergänzung: Plugin YaDuEy Fahrräder.
Version: 1.3.1
Requires at least: 6.5
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: zweirad-krefeld
*/
:root{--ink:#16352c;--muted:#59675f;--paper:#f7f7ef;--green:#244e3c;--lime:#d5ed8b;--line:#dbe0d4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}img{max-width:100%;height:auto}button,input,select{font:inherit}.wrap{width:min(1200px,90%);margin:auto}.topbar{background:var(--ink);color:#fff;text-align:center;font-size:12px;padding:8px 15px;letter-spacing:.08em}.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px 0}.brand{text-decoration:none;font-weight:850;font-size:23px;letter-spacing:-1px;line-height:1.05}.brand small{display:block;font-size:10px;letter-spacing:.19em;text-transform:uppercase;margin-top:7px;font-weight:500}.brand img{width:180px;max-height:60px;object-fit:contain}nav{display:flex;gap:26px;align-items:center;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline;text-underline-offset:6px}.button,button.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid var(--ink);border-radius:4px;background:var(--ink);color:white;padding:13px 22px;text-decoration:none;font-weight:650;font-size:14px;cursor:pointer}.button.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.outline{background:transparent;color:var(--ink)}.hero{display:grid;grid-template-columns:1fr 1.08fr;min-height:630px;align-items:center;gap:40px;padding:58px 0 65px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:750;display:block;margin-bottom:17px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(47px,5.8vw,79px);line-height:1.03;letter-spacing:-.065em;font-weight:750;margin-bottom:25px}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}h2{font-size:clamp(31px,3.5vw,47px);line-height:1.15;letter-spacing:-.045em;margin-bottom:18px}h3{font-size:23px;letter-spacing:-.035em;line-height:1.25}.intro{color:var(--muted);max-width:440px;font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-art{position:relative;background:#e8ecda;border-radius:160px 160px 5px 5px;min-height:460px;display:flex;align-items:center;overflow:hidden}.hero-art img{width:100%;display:block}.hero-label{position:absolute;bottom:25px;left:25px;background:var(--paper);border:1px solid var(--line);padding:12px 19px;border-radius:4px;font-size:12px;line-height:1.5}.hero-label strong{display:block;font-size:17px}.mini{font-size:12px;color:var(--muted)}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0;gap:25px}.strip div{border-right:1px solid var(--line);padding:0 20px}.strip div:last-child{border:0}.strip strong{display:block;font-size:15px}.strip span{font-size:13px;color:var(--muted)}section.section{padding:85px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-head p{max-width:480px;color:var(--muted);margin-bottom:0}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.filters input{flex:1;min-width:190px}.filters input,.filters select{border:1px solid var(--line);background:white;border-radius:4px;padding:12px;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.bike-card{background:white;border:1px solid var(--line);border-radius:6px;overflow:hidden;position:relative}.bike-card>a{display:block;text-decoration:none}.bike-card img,.no-photo{width:100%;height:245px;object-fit:contain;background:#eef0e7}.no-photo{display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--muted)}.card-body{padding:23px}.card-body h3{font-size:22px;margin:8px 0 15px}.badge{font-size:11px;letter-spacing:.04em;background:var(--lime);padding:5px 9px;border-radius:3px;display:inline-block}.badge.sold{background:#e6e6e6}.price{display:block;font-size:23px;font-weight:750;margin:14px 0 0}.empty{padding:45px;border:1px dashed #a6b5a4;border-radius:6px;background:#eff2e6;grid-column:1/-1}.empty h3{margin-bottom:10px}.service{background:var(--ink);color:var(--paper);border-radius:6px;display:grid;grid-template-columns:1fr 1fr;padding:55px;gap:65px}.service p{color:#c9d4c9}.service-list{display:grid;gap:25px}.service-list article{border-bottom:1px solid #526b5b;padding-bottom:12px}.service-list h3{font-size:21px;margin-bottom:8px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.contact-box{background:#e8eddf;border-radius:6px;padding:35px}.contact-box a{display:inline-block}.contact-box p{margin-bottom:25px}.hours{white-space:pre-line}.footer{border-top:1px solid var(--line);padding:35px 0}.footer-row{display:flex;justify-content:space-between;gap:25px;font-size:12px}.footer-links{display:flex;gap:20px}.prose{max-width:850px;margin:auto;padding:65px 0}.prose h1{font-size:48px}.prose h2{font-size:29px;margin-top:32px}.prose h3{margin-top:25px}.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;padding:65px 0}.detail h1{font-size:48px}.detail figure{margin:0}.detail figure img{background:white;border:1px solid var(--line);border-radius:5px;width:100%}.details-table{width:100%;border-collapse:collapse;margin:24px 0}.details-table th,.details-table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 5px;font-size:14px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.gallery img{width:100%;height:120px;object-fit:cover}.pagination{margin-top:30px;display:flex;gap:15px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:99;background:white;padding:10px}:focus-visible{outline:3px solid #5d7f20;outline-offset:4px}.menu-toggle{display:none}.notice{background:#fff0ca;padding:20px;border-left:4px solid #c58a00}.wp-block-image img{height:auto}body.admin-bar .site-header{top:32px}@media(max-width:800px){nav{gap:15px;font-size:12px}.hero{grid-template-columns:1fr;gap:25px;padding-top:40px}.hero-art{min-height:320px;max-height:420px}.hero-art img{max-height:400px}.hero h1{max-width:550px}.grid{grid-template-columns:repeat(2,1fr)}.service{gap:30px;padding:35px}.contact-grid{gap:25px}.detail{gap:25px}}@media(max-width:600px){.topbar{font-size:10px}.header-row{flex-wrap:wrap;padding:17px 0}.menu-toggle{display:block;background:none;border:1px solid var(--line);border-radius:4px;padding:7px 12px;color:var(--ink)}nav{display:none;width:100%;flex-wrap:wrap;font-size:14px}nav.open{display:flex}.hero{min-height:0}.hero h1{font-size:53px}.hero-art{border-radius:100px 100px 4px 4px;min-height:290px}.strip{grid-template-columns:1fr;gap:15px}.strip div{border:0}.section-head{display:block}.section-head .button{margin-top:18px}.grid,.service,.contact-grid,.detail{grid-template-columns:1fr}.section{padding:55px 0!important}.service{padding:30px}.footer-row{flex-direction:column}.detail{padding:35px 0}.detail h1,.prose h1{font-size:39px}body.admin-bar .site-header{top:0}.hero-label{bottom:15px;left:15px}.brand{font-size:21px}}