@font-face{font-family:'Sui Generis';src:url('../../fonts/SuiGeneris-Regular.woff2') format('woff2'),url('../../fonts/SuiGeneris-Regular.woff') format('woff'),url('../../fonts/SuiGeneris-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--white:#FFFFFF;--anthracite:#1B1B1B;--off-white:#F8F8F6;--stone-leather:#A49A8E;--champagne:#FFFFFF;--carbon-grey:#3B3B3B;--light-stone:#D4CEC4}body{font-family:'Sui Generis',sans-serif;background-color:var(--off-white);color:var(--carbon-grey);line-height:1.7;font-weight:400;font-size:18px;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:'Sui Generis',sans-serif;font-weight:400;line-height:1.3;color:var(--anthracite)}a,button,input,select,textarea{font-family:'Sui Generis',sans-serif}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--anthracite);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.loader.hidden{opacity:0;visibility:hidden}.loader-logo{animation:logoFade 2s ease-in-out infinite}.loader-logo img{width:200px;height:auto;filter:drop-shadow(0 0 30px rgba(255, 255, 255, .8))}@keyframes logoFade{0%,100%{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1)}}header{position:absolute;top:0;left:0;right:0;width:100%;z-index:9999;background:linear-gradient(180deg,rgba(20,20,20,.98) 0,rgba(27,27,27,.98) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(164,154,142,.2);box-shadow:0 2px 20px rgba(0,0,0,.3)}nav{max-width:1600px;margin:0 auto;padding:1rem 1.5%;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.logo{height:200px;transition:all .3s ease;display:block;flex-shrink:0}.logo:hover{filter:drop-shadow(0 0 20px rgba(255, 255, 255, .8));transform:scale(1.05)}.logo img{height:100%;width:auto}.nav-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;align-items:start;flex:1;max-width:600px}.nav-column{display:flex;flex-direction:column;gap:.5rem;background:rgba(255,255,255,.08);padding:.8rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);transition:all .3s ease}.nav-column:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.nav-column a{color:var(--white);text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;padding:.7rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;transition:all .3s ease;text-align:center;white-space:nowrap}.nav-column a:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);transform:translateX(3px);box-shadow:0 4px 15px rgba(255,255,255,.25)}.nav-actions{display:flex;gap:1rem;align-items:center;flex-shrink:0}.cta-btn{padding:1rem 2rem;background:var(--white);border:2px solid var(--white);color:var(--anthracite);font-size:.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .4s ease;text-decoration:none;display:inline-block;border-radius:4px;font-family:'Sui Generis',sans-serif}.cta-btn:hover{background:0 0;color:var(--white);box-shadow:0 0 25px rgba(255,255,255,.5)}.lang-toggle{padding:.8rem 1.5rem;background:rgba(255,255,255,.15);border:2px solid var(--white);color:var(--white);font-size:.8rem;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;border-radius:4px;backdrop-filter:blur(5px);font-family:'Sui Generis',sans-serif}.lang-toggle:hover{background:var(--white);color:var(--anthracite)}.slideshow{margin-top:232px;height:calc(100vh - 232px);min-height:600px;position:relative;overflow:hidden;background:var(--anthracite)}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.slide.active{opacity:1}.slide::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(27,27,27,.3),rgba(27,27,27,.3))}.slide:first-child{background:linear-gradient(135deg,rgba(27,27,27,.6) 0,rgba(27,27,27,.8) 100%),url('../../bilder/slide/slide1.jpg');background-size:cover;background-position:center}.slide:nth-child(2){background:linear-gradient(135deg,rgba(27,27,27,.6) 0,rgba(27,27,27,.8) 100%),url('../../bilder/slide/slide2.png');background-size:cover;background-position:center}.slide:nth-child(3){background:linear-gradient(135deg,rgba(27,27,27,.6) 0,rgba(27,27,27,.8) 100%),url('../../bilder/slide/slide3.jpg');background-size:cover;background-position:center}.slide-content{position:relative;z-index:10;text-align:center;max-width:900px;padding:0 4%;margin:0 auto;width:100%}.slide-content h1{font-size:5rem;margin-bottom:2rem;color:var(--white);font-weight:400;letter-spacing:2px;line-height:1.1;text-align:center;text-transform:uppercase;display:inline-block}.slide-content p{font-size:1.4rem;color:rgba(255,255,255,.9);letter-spacing:2px;text-transform:uppercase;font-weight:400}.slide:first-child .slide-content p{transform:translateX(58px)}.slide:first-child .slide-content{position:relative;left:-60px}.slide-indicators{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:20px;z-index:10}.indicator{width:80px;height:4px;background:rgba(164,154,142,.4);cursor:pointer;transition:all .4s ease;padding:8px 0;border-radius:4px}.indicator.active{background:var(--white)}.indicator:hover{background:rgba(255,255,255,.7);transform:scaleX(1.1)}section{padding:10rem 6%}.section-container{max-width:1400px;margin:0 auto}.section-title{font-size:3.5rem;margin-bottom:2rem;text-align:center;font-weight:400;letter-spacing:1px}.section-subtitle{font-size:1.2rem;color:var(--stone-leather);margin-bottom:5rem;text-align:center;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.8;font-weight:400}.intro{background:var(--anthracite);padding:0;overflow:hidden;position:relative}.intro-hero{display:grid;grid-template-columns:1fr 1fr;min-height:90vh;position:relative}.intro-image-side{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(27,27,27,.4) 0,rgba(0,0,0,.6) 100%),url('../../bilder/Dragonfly_innenraum-0720.jpg');background-size:cover;background-position:center}.intro-image-side::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);animation:slidePattern 20s linear infinite}@keyframes slidePattern{0%{transform:translateX(0)}100%{transform:translateX(40px)}}.intro-content-side{display:flex;flex-direction:column;justify-content:center;padding:0 8%;background:var(--anthracite);position:relative}.intro-content-side::before{content:'NEIDFAKTOR';position:absolute;top:50%;left:-5%;transform:translateY(-50%) rotate(-90deg);font-size:12rem;font-weight:300;color:rgba(255,255,255,.03);letter-spacing:20px;pointer-events:none}.intro-headline{font-size:3.5rem;line-height:1.2;color:var(--white);margin-bottom:2rem;font-weight:400;letter-spacing:1px}.intro-subline{font-size:1.2rem;line-height:1.7;color:var(--stone-leather);margin-bottom:3rem;font-weight:400;max-width:500px}.intro-cta-group{display:flex;gap:2rem;align-items:center}.intro-cta{display:inline-block;padding:1.2rem 3rem;background:var(--white);border:2px solid var(--white);color:var(--anthracite);text-decoration:none;font-size:1rem;letter-spacing:2px;text-transform:uppercase;transition:all .4s ease;font-weight:500;font-family:'Sui Generis',sans-serif}.intro-cta:hover{background:0 0;color:var(--white);transform:translateX(5px)}.intro-cta-secondary{color:var(--white);text-decoration:none;font-size:1rem;letter-spacing:2px;text-transform:uppercase;position:relative;font-weight:400;transition:all .3s ease;font-family:'Sui Generis',sans-serif}.intro-cta-secondary::after{content:'→';margin-left:10px;transition:margin-left .3s ease}.intro-cta-secondary:hover::after{margin-left:20px}.materials{background:var(--anthracite);border-bottom:3px solid var(--white);box-shadow:0 3px 20px rgba(255,255,255,.3)}.materials .section-title{color:var(--white);font-size:3.5rem;font-weight:400;margin-bottom:1.5rem;letter-spacing:2px;text-align:center}.materials .section-subtitle{color:rgba(255,255,255,.9);font-size:1.3rem;max-width:700px;margin:0 auto;margin-bottom:4rem;line-height:1.8;text-align:center}.materials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:6rem}.material-card{position:relative;height:400px;overflow:hidden;transition:all .4s ease;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 20px rgba(0,0,0,.4)}.material-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(27,27,27,.3),rgba(27,27,27,.7));z-index:1;transition:all .4s ease}.material-card:hover::before{background:linear-gradient(to bottom,rgba(27,27,27,.4),rgba(27,27,27,.8))}.material-card:hover{transform:scale(1.02);border-color:var(--white);box-shadow:0 10px 40px rgba(255,255,255,.6)}.material-card:first-child{background:linear-gradient(to bottom,rgba(27,27,27,.3),rgba(27,27,27,.7)),url('../../bilder/material/alcantara.png');background-size:cover;background-position:center}.material-card:nth-child(2){background:linear-gradient(to bottom,rgba(27,27,27,.3),rgba(27,27,27,.7)),url('../../bilder/material/feinnappa.png');background-size:cover;background-position:center}.material-card:nth-child(3){background:linear-gradient(to bottom,rgba(27,27,27,.3),rgba(27,27,27,.7)),url('../../bilder/material/carbon.png');background-size:cover;background-position:center}.material-card:nth-child(4){background:linear-gradient(to bottom,rgba(27,27,27,.3),rgba(27,27,27,.7)),url('../../bilder/material/kunstleder.png');background-size:cover;background-position:center}.material-card:nth-child(5){background:linear-gradient(to bottom,rgba(27,27,27,.3),rgba(27,27,27,.7)),url('../../bilder/material/herstellerleder.png');background-size:cover;background-position:center}.material-card:nth-child(6){background:linear-gradient(to bottom,rgba(27,27,27,.3),rgba(27,27,27,.7)),url('../../bilder/material/naehte.png');background-size:cover;background-position:center}.material-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:3rem;text-align:left}.material-card h4{font-size:2rem;color:var(--white);margin-bottom:1rem;font-weight:400;letter-spacing:1px}.material-card p{color:rgba(255,255,255,.9);font-size:1.1rem;line-height:1.6;font-weight:400}.quote-section{background:var(--anthracite);color:var(--white);padding:10rem 6%}.quote-text{font-size:2.2rem;font-style:italic;line-height:1.6;color:var(--white);max-width:1000px;margin:0 auto 2rem;text-align:center;font-weight:400}.quote-author{text-align:center;font-size:1.1rem;color:var(--white);letter-spacing:2px;text-transform:uppercase;font-weight:400}.about-section{background:linear-gradient(135deg,var(--off-white) 0,var(--white) 100%);padding:8rem 0}.about-content{max-width:900px;margin:0 auto;margin-top:4rem;padding:0 2rem}.about-text p{font-size:1.2rem;line-height:2;color:var(--carbon-grey);margin-bottom:2rem;text-align:left}.about-text .cta-text{font-size:1.3rem;color:var(--anthracite);margin-top:3rem;margin-bottom:2rem;text-align:center}.cta-buttons{display:flex;gap:2rem;justify-content:center;margin-top:3rem}.btn-primary,.btn-secondary{padding:1.2rem 3rem;font-size:1.1rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-radius:4px;transition:all .3s ease;display:inline-block;font-family:'Sui Generis',sans-serif}.btn-primary{background:var(--anthracite);color:var(--white);border:2px solid var(--anthracite);text-align:center}.btn-primary:hover{background:0 0;color:var(--anthracite)}.btn-secondary{background:0 0;color:var(--anthracite);border:2px solid var(--anthracite);text-align:center}.btn-secondary:hover{background:var(--anthracite);color:var(--white)}@media (max-width:768px){.about-section{padding:5rem 0}.about-text p{font-size:1.1rem}.cta-buttons{flex-direction:column;gap:1rem;align-items:center}.btn-primary,.btn-secondary{width:100%;text-align:center;display:block}.about-content{padding:0 1.5rem}}footer{background:var(--anthracite);color:var(--white);padding:6rem 1.5% 3rem;border-top:1px solid rgba(255,255,255,.2);font-family:'Sui Generis',sans-serif}.footer-content{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:6rem;margin-bottom:4rem}.footer-section h4{font-family:'Sui Generis',sans-serif;font-size:1.2rem;margin-bottom:2rem;color:var(--white);font-weight:500;letter-spacing:1.5px;text-transform:uppercase}.footer-logo{height:260px;max-width:280px;margin-bottom:2rem;display:block;transition:all .3s ease}.footer-logo:hover{filter:drop-shadow(0 0 20px rgba(255, 255, 255, .8));transform:scale(1.05)}.footer-logo img{height:100%;width:auto;max-width:100%;object-fit:contain}.footer-section p{font-family:'Sui Generis',sans-serif;color:var(--stone-leather);line-height:1.8;margin-bottom:2rem;font-weight:400;font-size:1.15rem}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.8rem}.footer-section a{font-family:'Sui Generis',sans-serif;color:var(--stone-leather);text-decoration:none;transition:color .3s ease;font-size:1.1rem;font-weight:400}.footer-section a:hover{color:var(--white)}.social-links{display:flex;gap:1.2rem;margin-top:2rem}.social-link{width:45px;height:45px;border:1px solid var(--white);display:flex;align-items:center;justify-content:center;color:var(--white);text-decoration:none;font-size:1.2rem;transition:all .3s ease}.social-link:hover{background:0 0;border-color:var(--white);color:var(--white);box-shadow:0 0 20px rgba(255,255,255,.5)}.social-link svg{width:20px;height:20px;fill:currentColor}.footer-bottom{max-width:1600px;margin:0 auto;padding-top:3rem;border-top:1px solid rgba(164,154,142,.2);text-align:center;color:var(--stone-leather);font-family:'Sui Generis',sans-serif;font-size:1rem;font-weight:400}@media (max-width:1200px){.slide-content h1{font-size:4rem}.section-title{font-size:3rem}}@media (max-width:968px){.intro-hero{grid-template-columns:1fr}}@media (max-width:1200px){.logo{height:160px}nav{padding:.9rem 2%}.slideshow{margin-top:178px;height:calc(100vh - 178px)}.slide-content h1{font-size:4rem}.section-title{font-size:3rem}footer{padding:6rem 2% 3rem}}@media (max-width:768px){nav{padding:.8rem 2%}.nav-container{display:none}.logo{height:140px}.slideshow{margin-top:156px;height:calc(100vh - 156px);min-height:500px}.slide-content h1{font-size:2.5rem}.slide-content{transform:none}.slide-content p{font-size:1rem}section{padding:6rem 2%}.section-title{font-size:2.5rem}.materials-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:3rem}.footer-logo{height:200px;max-width:220px}footer{padding:6rem 2% 3rem}.quote-text{font-size:2rem}}#cookie-consent-banner{position:fixed;bottom:2rem;left:2rem;max-width:450px;background:#fff;border:2px solid #1b1b1b;box-shadow:0 10px 40px rgba(0,0,0,.3);z-index:99999;font-family:'Sui Generis',sans-serif;display:none}#cookie-consent-banner.show{display:block;animation:slideInLeft .4s ease}@keyframes slideInLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.cookie-header{background:linear-gradient(135deg,#1b1b1b 0,#3b3b3b 100%);padding:1.5rem;border-bottom:2px solid #a49a8e}.cookie-header h3{margin:0;color:#fff;font-size:1.5rem;font-weight:400;font-family:'Sui Generis',sans-serif}.cookie-body{padding:1.5rem}.cookie-body p{margin:0 0 1.5rem 0;color:#3b3b3b;line-height:1.7;font-size:1rem}.cookie-categories{margin-bottom:1.5rem}.cookie-category{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #d4cec4}.cookie-category:last-child{border-bottom:none}.cookie-category-info{flex:1}.cookie-category-info strong{display:block;color:#1b1b1b;margin-bottom:.25rem;font-size:1rem}.cookie-category-info small{color:#a49a8e;font-size:.85rem}.cookie-toggle{position:relative;width:50px;height:26px}.cookie-toggle input{opacity:0;width:0;height:0}.cookie-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d4cec4;transition:.3s;border-radius:26px}.cookie-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.cookie-toggle input:checked+.cookie-toggle-slider{background-color:#1b1b1b}.cookie-toggle input:checked+.cookie-toggle-slider:before{transform:translateX(24px)}.cookie-toggle input:disabled+.cookie-toggle-slider{cursor:not-allowed;opacity:.6}.cookie-buttons{display:flex;gap:.75rem;margin-top:1.5rem}.cookie-btn{flex:1;padding:.875rem 1.5rem;border:none;font-family:'Sui Generis',sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.cookie-btn-primary{background:#1b1b1b;color:#fff;border:2px solid #1b1b1b}.cookie-btn-primary:hover{background:#3b3b3b;border-color:#3b3b3b}.cookie-btn-secondary{background:0 0;color:#1b1b1b;border:2px solid #1b1b1b}.cookie-btn-secondary:hover{background:#f8f8f6}.cookie-btn-text{background:0 0;color:#a49a8e;border:none;text-decoration:underline;padding:.5rem;font-size:.9rem;cursor:pointer}.cookie-btn-text:hover{color:#1b1b1b}#cookie-settings-icon{position:fixed;bottom:2rem;left:2rem;width:50px;height:50px;background:#1b1b1b;border:2px solid #a49a8e;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:99998;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.3)}#cookie-settings-icon.show{display:flex}#cookie-settings-icon:hover{background:#3b3b3b;transform:scale(1.1) rotate(90deg)}#cookie-settings-icon svg{width:24px;height:24px;fill:#FFFFFF}@media (max-width:600px){#cookie-consent-banner{left:1rem;right:1rem;bottom:1rem;max-width:none}#cookie-settings-icon{bottom:1rem;left:1rem;width:45px;height:45px}.cookie-buttons{flex-direction:column}}
/* ── Mobile fixes: sync with header.css ── */
@media(max-width:768px){ .nav-actions{display:none!important} .hamburger-btn{display:flex!important} nav{position:relative;height:70px;padding:0 1.5rem!important;justify-content:center} .logo{position:static!important;height:54px!important;display:flex;align-items:center} .slideshow{margin-top:70px;height:calc(100vh - 70px)}
} /* ── Intro section mobile fix ── */
@media(max-width:768px){ .intro-hero{ grid-template-columns:1fr !important; min-height:auto !important; display:flex !important; flex-direction:column !important; } .intro-image-side{ width:100% !important; height:260px !important; min-height:260px !important; flex-shrink:0 !important; } .intro-content-side{ padding:3rem 6% !important; } .intro-headline{ font-size:2.2rem !important; } .intro-cta-group{ flex-direction:column !important; align-items:flex-start !important; gap:1rem !important; }
}