/*
Theme Name: Fischer Formen – Firmenwebsite
Author: Fischer Formen
Description: Individuelles WordPress-Theme auf Grundlage der abgestimmten Webseitenvorschau.
Version: 1.6.4
Requires PHP: 7.4
Text Domain: fischer-formen
*/

:root{--blue:#174e86;--yellow:#e0b12d;--ink:#23313e;--muted:#647485}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f1f5f8}header{position:sticky;top:0;background:#fff;box-shadow:0 3px 20px #1232;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px max(24px,calc((100vw - 1180px)/2))}.brand{font-size:27px;font-weight:800;white-space:nowrap;color:var(--blue)}.brand span{color:var(--yellow)}nav{display:flex;flex-wrap:wrap;gap:15px}nav a{text-decoration:none;color:#384a5b;font-size:13px}nav a:hover{color:var(--blue)}.hero{background:linear-gradient(115deg,#102e4b,#24659b);color:white;padding:100px max(25px,calc((100vw - 1100px)/2)) 105px}.hero h1{font-size:clamp(36px,6vw,65px);max-width:850px;margin:14px 0}.hero p{font-size:21px;line-height:1.6;max-width:750px}.eyebrow{color:var(--yellow);font-weight:bold;letter-spacing:2px;text-transform:uppercase;font-size:13px}.button{display:inline-block;background:var(--yellow);color:#15283b;text-decoration:none;padding:14px 22px;border-radius:5px;font-weight:bold;margin-top:18px}main{max-width:1180px;margin:auto;padding:35px 22px}.panel{background:white;margin:25px 0;min-height:350px;border-radius:13px;overflow:hidden;display:grid;grid-template-columns:1fr 45%;box-shadow:0 8px 35px #173b5912;scroll-margin-top:100px}.panel:nth-child(even) .copy{order:2}.copy{padding:55px 48px}.copy h2{font-size:clamp(27px,3.2vw,40px);line-height:1.15;margin:14px 0}.copy p{font-size:17px;line-height:1.75;color:#526274}.panel img{width:100%;height:100%;max-height:440px;object-fit:cover;background:#e6edf2}.hint{font-size:14px!important}footer{text-align:center;background:#142d46;color:white;padding:35px}.notice{background:#fff3cf;padding:13px 25px;text-align:center;font-size:14px}@media(max-width:800px){header{display:block}nav{margin-top:15px}.panel{display:block}.panel:nth-child(even) .copy{order:0}.panel img{height:260px}.copy{padding:32px 25px}.hero{padding:65px 25px}}


.brand{display:flex;align-items:center;flex-shrink:1;min-width:0;text-decoration:none}.brand img{display:block;width:auto;height:auto;max-height:85px;max-width:min(380px,42vw);object-fit:contain}@media(max-width:800px){.brand img{max-width:min(360px,90vw);max-height:80px}}

/* Bilddarstellung: Originalformat erhalten, keine verzerrte Vergrößerung */
.panel img{object-fit:contain;padding:14px;background:#f3f6f9}.brand img{width:auto;height:auto;max-height:78px;max-width:min(370px,42vw);object-fit:contain;padding:0;background:transparent}@media(max-width:800px){.brand img{max-width:90vw;max-height:75px}}

/* Logo statt Schriftzug, direkt vor der Navigation */
header{justify-content:flex-start;gap:24px}.brand{flex:0 1 auto}.brand img{max-width:min(310px,34vw);max-height:76px}nav{flex:1;justify-content:flex-end;align-items:center}@media(max-width:800px){header{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.brand img{max-width:min(340px,90vw)}nav{justify-content:flex-start;margin-top:4px}}

/* Animationen: dezent, barrierearm, bestehende Bilder bleiben erhalten */
body.home .brand img{transform-origin:left center;animation:ff-logo-reveal 1.8s ease-out both}
@keyframes ff-logo-reveal{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-12px)}35%{opacity:1}100%{opacity:1;clip-path:inset(0 0 0 0);transform:translateX(0)}}
.machining-demo{max-width:1180px;margin:26px auto;padding:24px 28px 16px;border-radius:13px;background:linear-gradient(135deg,#eaf2f8,#fff);box-shadow:0 8px 35px #173b5912;overflow:hidden}
.machining-demo .demo-caption{font-size:19px;font-weight:700;color:#174e86}
.machining-demo svg{display:block;width:min(100%,720px);height:auto;margin:0 auto}
.machining-demo p{text-align:center;font-size:12px;color:#647485;margin:0 0 8px}
.mill-tool{transform:translate(300px,70px);animation:ff-mill 5s ease-in-out infinite alternate}
.chip{transform:translate(320px,180px);animation:ff-chips 1.3s ease-in-out infinite}
@keyframes ff-mill{0%{transform:translate(250px,70px)}45%{transform:translate(350px,87px)}100%{transform:translate(410px,66px)}}
@keyframes ff-chips{0%,100%{opacity:0;transform:translate(310px,185px)}50%{opacity:1;transform:translate(330px,170px)}}
.turning-workpiece{transform-origin:330px 146px;animation:ff-turn .5s linear infinite}
@keyframes ff-turn{0%{filter:brightness(1)}50%{filter:brightness(.84)}100%{filter:brightness(1)}}
.lathe-tool{transform:translate(340px,173px);animation:ff-lathe 4s ease-in-out infinite alternate}
@keyframes ff-lathe{0%{transform:translate(315px,173px)}100%{transform:translate(440px,173px)}}
@media(prefers-reduced-motion:reduce){body.home .brand img,.mill-tool,.chip,.turning-workpiece,.lathe-tool{animation:none!important} .mill-tool{transform:translate(320px,70px)}.lathe-tool{transform:translate(370px,173px)}}


/* WhatsApp-Kontakt: dauerhaft rechts unten sichtbar. */
.ff-whatsapp{position:fixed;right:22px;bottom:22px;z-index:1000;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;text-decoration:none;box-shadow:0 5px 18px #0004;transition:transform .2s ease,background .2s ease}
.ff-whatsapp:hover,.ff-whatsapp:focus-visible{background:#1da851;transform:scale(1.07)}
.ff-whatsapp svg{display:block}
@media(max-width:600px){.ff-whatsapp{right:14px;bottom:14px;width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.ff-whatsapp{transition:none}}