:root{--bg:#0b0b0b;--panel:#131313;--text:#f1eee7;--muted:#bcb6aa;--accent:#d3b58c;--line:#2c2c2c;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.section{padding:88px 0;border-top:1px solid var(--line)}
.site-header{position:fixed;inset:0 0 auto 0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:18px max(24px,calc((100vw - var(--max))/2));background:linear-gradient(#090909ee,#090909a8,transparent)}.brand{display:flex;align-items:center;transition:opacity .28s ease,transform .28s ease;transform-origin:left center}.site-header.scrolled .brand{opacity:0;visibility:hidden;transform:translateY(-14px);pointer-events:none}.brand img{display:block;width:auto;height:156px;max-width:660px;object-fit:contain}.nav{display:flex;justify-content:center;gap:28px;text-transform:uppercase;font-size:.78rem;font-weight:700;letter-spacing:.08em}.nav a:hover{color:var(--accent)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.5rem}.btn{display:inline-block;background:#e4d7c4;color:#17130f;padding:13px 22px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.btn:hover{filter:brightness(1.08)}.btn-outline{background:transparent;color:#fff;border:1px solid #d6d0c7}.btn-small{padding:10px 16px}
.hero{position:relative;min-height:820px;display:flex;align-items:center;background:linear-gradient(90deg,#000 10%,transparent 65%),url('assets/img/hero-american-v-twin-dog.jpeg') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#0b0b0b 0%,transparent 35%),radial-gradient(circle at 70% 45%,transparent 0 25%,#0008 70%)}.hero-content{position:relative;z-index:1;padding-top:90px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:var(--accent);margin:0 0 12px}.hero h1,.section h2,.project-cta h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;text-transform:uppercase;line-height:.92;letter-spacing:.015em}.hero h1{font-size:clamp(4.5rem,12vw,9.5rem);margin:.05em 0}.hero-kicker{font-size:clamp(1.5rem,3vw,2.6rem);max-width:720px;text-transform:uppercase;font-weight:800;letter-spacing:.1em;line-height:1.15}.hero-copy{text-transform:uppercase;letter-spacing:.12em;color:#d8d4cc}.hero-actions{display:flex;gap:18px;margin-top:28px;flex-wrap:wrap}
.split{display:grid;grid-template-columns:1fr 1.1fr;min-height:520px;border:1px solid var(--line);background:#111}.image-panel{background-position:center;background-size:cover;min-height:460px}.about-image{background-image:linear-gradient(#0002,#0008),url('https://kradwandler.com/cdn/shop/files/engine_1.jpg?v=1707413467&width=3840')}.about-copy{padding:clamp(36px,6vw,78px)}.section h2{font-size:clamp(2.5rem,5vw,4.5rem);margin:0 0 24px}.about-copy p{color:#d4d0c8;max-width:660px}.script-line{font-family:'Brush Script MT',cursive;font-size:2rem!important;color:var(--accent)!important;transform:rotate(-2deg);margin-top:28px!important}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{border:1px solid var(--line);background:#101010}.card-photo{height:210px;background-size:cover;background-position:center;filter:saturate(.65) contrast(1.08)}.card-custom .card-photo{background-image:linear-gradient(#0001,#0008),url('assets/img/service-custom-umbauten.jpeg')}.card-service .card-photo{background-image:linear-gradient(#0001,#0008),url('https://kradwandler.com/cdn/shop/files/engine_3.jpg?v=1707413466&width=3840')}.card-maintenance .card-photo{background-image:linear-gradient(#0001,#0008),url('assets/img/service-wartung-inspektion.jpeg')}.card-parts .card-photo{background-image:linear-gradient(#0001,#0008),url('assets/img/service-teile-zubehoer.jpeg')}.card-body{padding:22px}.card-body h3{text-transform:uppercase;font-size:1.2rem;margin:8px 0}.card-body p{color:var(--muted);min-height:105px}.card-body a{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:800}.icon{font-size:1.4rem}
.project-cta{padding:72px 0;background:linear-gradient(90deg,#000d,#0007),url('https://kradwandler.com/cdn/shop/files/show_room_2.jpg?v=1707413467&width=3840') center 62%/cover no-repeat;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center}.project-cta h2{font-size:clamp(3rem,7vw,6rem);margin:0}.project-cta p{max-width:520px}.project-cta .btn{margin-top:18px}
.partner-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:center}.partner-grid img{width:100%;height:110px;object-fit:contain;background:#fff;padding:12px;border-radius:2px;filter:saturate(.9)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:stretch}.contact a:hover{color:var(--accent)}.contact-logo{width:auto;height:184px;max-width:100%;margin:4px 0 20px;object-fit:contain;object-position:left center}.rating-card{display:flex;max-width:420px;margin-top:30px;padding:22px 24px;border:1px solid #393939;background:linear-gradient(135deg,#181818,#101010);flex-direction:column;align-items:flex-start;transition:border-color .2s ease,transform .2s ease}.rating-card:hover{border-color:var(--accent);color:inherit!important;transform:translateY(-2px)}.rating-source{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.rating-stars{margin:5px 0 4px;color:var(--accent);font-size:1.45rem;line-height:1;letter-spacing:.08em}.rating-card strong{font-size:1.05rem;text-transform:uppercase}.rating-card small{margin-top:6px;color:var(--muted)}.map-card{min-height:330px;border:1px solid #393939;position:relative;overflow:hidden;background:#141414}.map-card iframe{display:block;width:100%;height:100%;min-height:330px;border:0;filter:grayscale(1) contrast(1.08)}.map-card iframe[hidden]{display:none}.map-consent{display:flex;min-height:330px;padding:32px;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#181818,#0d0d0d)}.map-consent strong{color:#fff;font-size:1.3rem;text-transform:uppercase}.map-consent p{max-width:430px;color:var(--muted)}.map-consent .btn{border:0;cursor:pointer}.map-link{position:absolute;right:18px;bottom:18px;z-index:1;padding:11px 16px;background:#0b0b0be8;border:1px solid #5b544b;color:var(--accent);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 6px 24px #0008}.map-link:hover{color:#fff!important}
.footer{position:relative;z-index:5;border-top:1px solid var(--line);padding:28px 0;color:#aaa}.footer-inner{display:grid;grid-template-columns:auto minmax(160px,1fr) minmax(300px,440px);gap:24px;align-items:start}.footer strong{color:#fff}.footer-legal{display:grid;width:100%;gap:10px}.legal-item{width:100%;border:1px solid #333;background:#111}.legal-item summary{padding:12px 14px;list-style:none;cursor:pointer;color:#aaa}.legal-item summary::-webkit-details-marker{display:none}.legal-item summary::after{content:' +';float:right;color:var(--accent);font-weight:800}.legal-item[open] summary{color:#fff}.legal-item[open] summary::after{content:' −'}.legal-panel{display:none;position:static;width:100%;padding:8px;border-top:1px solid #333;background:#101010}.legal-item[open] .legal-panel{display:block}.legal-panel iframe{display:block;width:100%;height:420px;border:0;background:#fff}.legal-panel>a{display:block;padding:11px 8px 2px;color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.legal-panel>a:hover{color:#fff}.legal-content{max-height:65vh;overflow-y:auto;padding:12px 14px 18px;color:#c9c4bb;font-size:.9rem;line-height:1.55}.legal-content h3{margin:20px 0 6px;color:#fff;font-size:1rem;text-transform:none}.legal-content h3:first-child{margin-top:0}.legal-content p{margin:0 0 14px}.legal-content a{color:var(--accent);overflow-wrap:anywhere}.legal-content strong{color:#fff}
@media(max-width:980px){.site-header{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:12px 20px}.site-header>.btn{display:none}.brand{min-width:0}.brand img{height:104px;max-width:min(100%,430px)}.menu-toggle{display:grid;width:48px;height:48px;padding:0;place-items:center;cursor:pointer}.nav{display:none;position:absolute;top:100%;left:20px;right:20px;max-height:calc(100vh - 120px);overflow-y:auto;padding:24px;background:#0b0b0bf7;border:1px solid #333;box-shadow:0 18px 40px #000a;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.nav a{width:100%;padding:8px 0}.hero{min-height:720px;background-position:55% center}.split,.contact-grid,.cta-grid{grid-template-columns:1fr}.contact-grid,.cta-grid{gap:40px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card-body p{min-height:0}.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rating-card{max-width:100%}.footer-inner{grid-template-columns:1fr 1fr}.footer-legal{grid-column:1/-1}}
@media(max-width:620px){html{scroll-padding-top:72px}.wrap{width:min(calc(100% - 28px),var(--max))}.section{padding:62px 0}.site-header{padding:8px 14px;background:linear-gradient(#090909f5,#090909c9,transparent)}.brand img{height:76px;max-width:min(72vw,300px)}.menu-toggle{width:44px;height:44px;font-size:1.35rem}.nav{left:14px;right:14px;padding:18px 20px}.hero{min-height:660px;align-items:flex-end;background-position:58% center}.hero-content{padding-top:150px;padding-bottom:64px}.hero h1{font-size:clamp(3rem,18vw,4.2rem);overflow-wrap:anywhere}.hero-kicker{font-size:1.25rem;letter-spacing:.07em}.hero-copy{font-size:.88rem;letter-spacing:.09em}.eyebrow{font-size:.75rem;letter-spacing:.12em}.section h2{font-size:clamp(2.35rem,12vw,3.35rem);overflow-wrap:anywhere}.split{min-height:0}.image-panel{min-height:320px}.about-copy{padding:32px 24px}.cards{grid-template-columns:1fr}.card-photo{height:240px}.project-cta{padding:58px 0}.cta-grid{gap:28px}.project-cta h2{font-size:clamp(2.8rem,14vw,4rem)}.project-cta .btn{width:100%;text-align:center}.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.partner-grid img{height:90px;padding:9px}.contact-grid{gap:32px}.contact-logo{height:152px;margin-bottom:16px}.rating-card{padding:19px 20px}.rating-card strong{font-size:.95rem}.map-card,.map-card iframe{min-height:300px}.map-link{right:12px;bottom:12px;padding:10px 13px}.footer-inner{grid-template-columns:1fr;align-items:start}.footer-legal{grid-column:auto}.legal-panel iframe{height:360px}.legal-panel>a{padding:10px 6px 4px;line-height:1.5}}
@media(max-width:360px){.brand img{height:68px;max-width:70vw}.hero h1{font-size:2.85rem}.hero-kicker{font-size:1.1rem}.section h2{font-size:2.25rem}.partner-grid{grid-template-columns:1fr}.partner-grid img{height:82px}.map-card,.map-card iframe{min-height:270px}}