/* 33now: gemeinsamer Rahmen, Navigation und Footer (identisch zur Startseite) */
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:Arial,sans-serif;background:#faf8f3;-webkit-font-smoothing:antialiased}
.pw{max-width:1100px;margin:0 auto;background:#F5F4F0;box-shadow:0 0 60px rgba(0,0,0,.2)}
.nav,.nav *,.footer,.footer *{box-sizing:border-box}
.nav,.footer{line-height:normal;font-family:Arial,sans-serif;text-align:left}
.nav a,.footer a{text-decoration:none}
@media print{body{background:#fff}.pw{box-shadow:none;max-width:none}.nav{position:static}}
.nav{position:sticky;top:0;z-index:200;background:#0A0A0A;border-bottom:2px solid #FF9900;}
.nav-inner{padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:56px;}
.nav-logo img{height:28px;width:auto;display:block;}
.nav-logo-fb{font-size:1.1rem;font-weight:900;color:#fff;}
.nav-logo-fb span{color:#FF9900;}
.nav-links{display:flex;align-items:center;gap:24px;}
.nav-werkstatt{display:flex;align-items:center;gap:8px;min-height:38px;padding:4px 12px 4px 7px;background:rgba(255,153,0,.1);border:1.5px solid #FF9900;color:#fff;text-decoration:none;transition:background .2s,border-color .2s;animation:werkstattBeacon 1.1s ease-in-out 2 .9s;}
.nav-werkstatt:hover{background:rgba(255,153,0,.22);border-color:#fff;}
.nav-werkstatt img{width:28px;height:27px;object-fit:contain;flex-shrink:0;}
.nav-werkstatt-copy{display:flex;flex-direction:column;gap:1px;line-height:1.1;}
.nav-werkstatt-title{font-family:Arial,sans-serif;font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#FF9900;}
.nav-werkstatt-sub{font-family:Arial,sans-serif;font-size:.56rem;font-weight:700;letter-spacing:.04em;color:rgba(255,255,255,.62);}
.nav-sandra{display:flex;align-items:center;gap:9px;background:rgba(255,153,0,.1);border:1.5px solid rgba(255,153,0,.4);padding:6px 12px 6px 7px;cursor:pointer;transition:all .2s;height:38px;}
.nav-sandra:hover{background:rgba(255,153,0,.2);border-color:#FF9900;}
.nav-sandra-img{width:26px;height:26px;border:1.5px solid #FF9900;overflow:hidden;flex-shrink:0;}
.nav-sandra-img img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;}
.nav-sandra-name{font-family:Arial,sans-serif;font-size:.7rem;font-weight:800;color:#fff;line-height:1.1;}
.nav-sandra-status{font-family:Arial,sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#4ade80;display:flex;align-items:center;gap:3px;}
.nav-sandra-dot{width:4px;height:4px;background:#4ade80;border-radius:50%;display:inline-block;}
.nav-cta{background:#FF9900;color:#fff;font-size:.72rem;font-weight:700;padding:.45rem 1.1rem;letter-spacing:.05em;text-transform:uppercase;transition:background .2s;text-decoration:none;}
.nav-cta:hover{background:#E08800;}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;cursor:pointer;background:none;border:none;padding:4px;}
.burger span{display:block;height:2px;background:#fff;}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mob-menu{display:none;position:absolute;top:58px;left:0;right:0;background:#0A0A0A;border-bottom:2px solid #FF9900;z-index:199;}
.mob-menu.open{display:block;}
.mob-menu a{display:flex;align-items:center;padding:16px 5%;font-size:.88rem;font-weight:600;color:rgba(255,255,255,.65);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.05);min-height:44px;text-decoration:none;}
.mob-menu a:hover{color:#fff;}
.mob-menu .mob-werkstatt{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;min-height:62px;padding-top:10px;padding-bottom:10px;background:rgba(255,153,0,.1);border-bottom:1px solid rgba(255,153,0,.55);color:#fff;}
.mob-werkstatt img{width:30px;height:30px;object-fit:contain;}
.mob-werkstatt .nav-werkstatt-title{font-size:.72rem;}
.mob-werkstatt .nav-werkstatt-sub{font-size:.62rem;}
@media(max-width:720px){.nav-links .nav-werkstatt{display:none;}
.nav-links .nav-sandra{display:none;}
.nav-links .nav-cta{display:none;}
.burger{display:flex;}}
@media(prefers-reduced-motion:reduce){.nav-werkstatt{animation:none;}}
.footer{background:#2D2D2D;border-top:1px solid #FF9900;}
.footer-main{max-width:1200px;margin:0 auto;padding:14px 5%;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;}
.footer-logo-wrap{display:flex;align-items:center;}
.footer-logo-wrap img{height:34px;width:auto;opacity:.85;display:block;}
.footer-contact-col{min-width:0;}
.footer-contact-row{font-family:Arial,sans-serif;font-size:.7rem;color:rgba(255,255,255,.72);letter-spacing:.04em;display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;line-height:1.7;}
.footer-contact-row a{color:rgba(255,255,255,.72);transition:color .15s;text-decoration:none;}
.footer-contact-row a:hover{color:#fff;}
.footer-contact-row .sep{color:rgba(255,255,255,.35);}
.footer-contact-line{font-family:Arial,sans-serif;font-size:.82rem;color:rgba(255,255,255,.55);letter-spacing:.05em;display:flex;flex-wrap:wrap;gap:0 18px;margin-top:4px;}
.footer-contact-line a{color:rgba(255,255,255,.55);transition:color .15s;text-decoration:none;}
.footer-contact-line a:hover{color:#FF9900;}
.footer-actions{display:flex;align-items:center;}
.footer-li-btn{display:inline-flex;align-items:center;gap:8px;background:#FF9900;color:#fff;font-family:Arial,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.6rem 1.05rem;transition:background .2s;white-space:nowrap;text-decoration:none;}
.footer-li-btn:hover{background:#E08800;}
@media(max-width:720px){.footer-main{grid-template-columns:1fr;text-align:center;gap:14px;}
.footer-contact-row,.footer-contact-line{justify-content:center;}
.footer-actions{justify-content:center;}}
/* Barrierefreiheit: Sprunglink */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100000;background:#FF9900;color:#0a0a0a;padding:10px 16px;font:700 14px Arial,sans-serif;text-decoration:none}
.skip-link:focus{left:8px;top:8px}