:root{--primary-color: #000000;--secondary-color: #ffffff;--gray-50: #f9fafb;--gray-300: #d1d5db;--gray-600: #4b5563;--gray-700: #374151;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}.cookie-consent{display:none;position:fixed;bottom:0;left:0;right:0;background-color:var(--primary-color);color:var(--secondary-color);z-index:1001;padding:1rem;box-shadow:0 -2px 10px #0000001a}.cookie-content{max-width:1280px;margin:0 auto;padding:1rem}.cookie-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cookie-header h3{font-size:1.25rem;margin:0}.cookie-close{background:none;border:none;color:var(--secondary-color);cursor:pointer;padding:.5rem}.cookie-details{display:none;margin:1rem 0;padding:1rem;background-color:#ffffff1a;border-radius:.5rem}.cookie-option{margin-bottom:1rem}.cookie-option label{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.cookie-option p{font-size:.875rem;opacity:.8;margin-left:1.75rem}.cookie-buttons{display:flex;gap:1rem;margin-top:1rem}.btn-secondary{background-color:transparent;color:var(--secondary-color);padding:.75rem 1.5rem;border:1px solid var(--secondary-color);border-radius:.25rem;cursor:pointer;font-weight:600;transition:var(--transition)}.btn-secondary:hover{background-color:#ffffff1a}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.btn-primary{background-color:var(--secondary-color);color:var(--primary-color);padding:.75rem 1.5rem;border:none;border-radius:.25rem;cursor:pointer;font-weight:600;transition:var(--transition)}.btn-primary:hover{background-color:var(--gray-300)}.btn-large{padding:1rem 2rem;font-size:1.125rem;border-radius:9999px}.navbar{background-color:var(--primary-color);color:var(--secondary-color);padding:1rem 1.5rem;position:fixed;width:100%;z-index:1000}.nav-container{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{height:50px;width:auto}.logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.25rem}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--secondary-color);text-decoration:none;transition:var(--transition)}.nav-links a:hover{color:var(--gray-300)}.menu-toggle{display:none;background:none;border:none;color:var(--secondary-color);cursor:pointer}.hero{height:100vh;background:linear-gradient(#00000080,#00000080),url(/assets/Barbershop-CzIzD-1k.webp);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:var(--secondary-color);text-align:center}.hero-content{padding:0 1rem}.hero h1{font-size:4rem;font-weight:700;margin-bottom:1.5rem}.hero p{font-size:1.5rem;margin-bottom:2rem}.services{padding:5rem 0;background-color:var(--gray-50)}.services h2{font-size:2.5rem;text-align:center;margin-bottom:4rem;opacity:0;transform:translateY(20px);transition:all .6s ease-out}.services h2.visible{opacity:1;transform:translateY(0)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:var(--secondary-color);border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px #0000001a;opacity:0;transform:translateY(40px);transition:all .6s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.service-card.visible{opacity:1;transform:translateY(0)}.service-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px #0000001a}.service-card img{width:100%;height:250px;-o-object-fit:cover;object-fit:cover}.service-info{padding:1.5rem}.service-info h3{font-size:1.5rem;margin-bottom:.5rem}.price{font-size:2rem;font-weight:700;color:var(--gray-700)}.about{padding:5rem 0}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;align-items:center}.about-image img{width:100%;border-radius:.5rem;box-shadow:0 4px 6px #0000001a}.about-content h2{font-size:2.5rem;margin-bottom:1.5rem}.about-content p{color:var(--gray-600);margin-bottom:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.info-item{display:flex;align-items:center;gap:.75rem;color:var(--gray-700)}.contact{background-color:var(--primary-color);color:var(--secondary-color);padding:4rem 0}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.contact-info h2{font-size:2.5rem;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem;margin-top:2rem}.social-links a{color:var(--secondary-color);transition:var(--transition)}.social-links a:hover{color:var(--gray-300)}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{padding:.75rem;border-radius:.25rem;border:none;width:100%}footer{background-color:var(--primary-color);color:var(--secondary-color);padding:1.5rem 0;text-align:center}@media (max-width: 768px){.hero h1{font-size:3rem}.hero{height:80vh;background:linear-gradient(#00000080,#00000080),url(/assets/Timeless-Barber-8u303MRs.gif);background-size:cover;background-position:right;display:flex;align-items:center;justify-content:center;color:var(--secondary-color);text-align:center}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--primary-color);padding:1rem;flex-direction:column;align-items:stretch;text-align:center}.nav-links.active{display:flex}.menu-toggle{display:block}.about-grid,.contact-grid{grid-template-columns:1fr}.service-card{transform:translateY(60px)}.cookie-buttons{flex-direction:column}.cookie-content{padding:1rem}.cookie-option{margin-bottom:1.5rem}}.impressum-content{background:var(--secondary-color);padding:4rem 2rem;border-radius:.5rem;box-shadow:0 4px 8px #0000001a;max-width:900px;margin:5rem auto 3rem}.impressum-content h1{font-size:2.5rem;text-align:center;margin-bottom:2rem;color:var(--primary-color)}.impressum-content h2{font-size:1.75rem;margin-top:2rem;color:var(--gray-700);border-bottom:2px solid var(--gray-300);padding-bottom:.5rem}.impressum-content p{font-size:1.125rem;color:var(--gray-700);margin-top:1rem;line-height:1.8}.impressum-content p i{margin-right:.5rem;color:var(--primary-color)}@media (max-width: 768px){.impressum-content{padding:3rem 1.5rem}.impressum-content h1{font-size:2rem}.impressum-content h2{font-size:1.5rem}}