/* HandyLocker: verbindliche Farbpalette, lokale Gestaltungsvorschau */
:root{--paper:#F3F1EB;--petrol:#183B46;--blue:#0095DA;--ink:#34383A;--gray:#BCBEC0;--orange:#C8753D;--line:color-mix(in srgb,var(--gray) 65%,var(--paper))}
body{background:var(--paper);color:var(--ink)}h1,h2,h3,h4{color:var(--petrol)}a{ text-underline-offset:4px }a:hover{color:var(--petrol)}
header{background:var(--paper)!important;border-color:var(--line)!important}header .brand{color:var(--petrol)!important}header .brand span,header .brand b{color:var(--blue)!important}
header .links a{color:var(--petrol)}header .links a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:3px;text-underline-offset:7px}
.eyebrow{color:var(--petrol)}.eyebrow:before{background:var(--blue)}.hero h1{letter-spacing:-2px}.hero h1 span{color:var(--petrol)}
.btn,.button,header .links a.btn{background:var(--petrol);border:1px solid var(--petrol);color:var(--paper);border-radius:2px;box-shadow:inset 0 -3px 0 var(--blue)}
.btn:hover,.button:hover,header .links a.btn:hover{background:var(--petrol);color:var(--paper);box-shadow:inset 0 -5px 0 var(--blue)}
.actions .btn:first-child{background:var(--blue);border-color:var(--blue);color:#fff;font-size:19px;font-weight:700;box-shadow:none}
.btn.secondary{background:transparent;color:var(--petrol);border-color:var(--blue);box-shadow:none}
#kontakt .btn:first-child,.about-contact .button:first-child{background:var(--orange);border-color:var(--orange);color:var(--petrol);font-weight:700;font-size:19px;box-shadow:none}
#produkt.dark{background:var(--petrol);color:var(--paper)}#produkt.dark h2,#produkt.dark h3,#produkt.dark .eyebrow,#produkt.dark .specs dd,#produkt.dark .subtle,#produkt.dark .photo-hint{color:var(--paper)}#produkt.dark .specs dt{color:var(--paper)}#produkt.dark .specs div{border-color:var(--gray)}#produkt.dark .eyebrow{border-left:3px solid var(--blue);padding-left:12px}
.price-table thead{background:var(--petrol);color:var(--paper)}.price-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--paper) 65%,var(--gray))}.price-notes{border-left-color:var(--blue)}
.card,.faqcard{background:var(--paper);border-color:var(--gray)}.faqcard:has(details[open]){border-color:var(--blue)}summary:hover{color:var(--petrol)}.toc a{background:var(--paper);border-color:var(--gray);color:var(--petrol)}.toc a:hover{border-color:var(--blue);box-shadow:inset 0 -2px 0 var(--blue)}
h1 span{color:var(--petrol)}.contact-faq,.about-contact{background:color-mix(in srgb,var(--paper) 80%,var(--gray));border-top:3px solid var(--blue)}.sectionhead,.section-head,.information-block{border-color:var(--line)}
.editorial-scene{margin:0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.editorial-scene .scene-layout{display:grid;grid-template-columns:1.25fr 1fr;align-items:stretch}.editorial-scene figure{margin:0;min-width:0}.editorial-scene img{display:block;width:100%;height:360px;object-fit:cover}.editorial-scene .scene-copy{background:var(--petrol);padding:45px;color:var(--paper);display:flex;justify-content:center;flex-direction:column}.editorial-scene .scene-copy .eyebrow,.editorial-scene h2{color:var(--paper)}.editorial-scene h2{font-size:clamp(27px,3vw,39px);line-height:1.2;margin:12px 0 20px}.editorial-scene .scene-copy p{margin:0 0 16px}.editorial-scene a{color:var(--paper);text-decoration-color:var(--orange);text-decoration-thickness:2px}.editorial-scene figcaption{font-size:11px;padding:9px 0;color:var(--ink)}
@media(max-width:750px){.editorial-scene .scene-layout{grid-template-columns:1fr}.editorial-scene img{height:230px}.editorial-scene .scene-copy{padding:28px}.hero h1{letter-spacing:-1.2px}}@media(prefers-reduced-motion:no-preference){.btn,.button{transition:box-shadow .15s ease}}