.hamburger{display:none;background:none;border:none;cursor:pointer;width:44px;height:44px;padding:8px;flex-shrink:0;position:relative;z-index:60;-webkit-tap-highlight-color:transparent}
.hamburger span{display:block;width:24px;height:2px;background:var(--char);border-radius:2px;transition:transform .3s ease,opacity .3s ease;margin:0 auto}
.hamburger span+span{margin-top:6px}
.hamburger.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.hamburger.is-open span:nth-child(2){opacity:0}
.hamburger.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.mobile-overlay{display:none;position:fixed;inset:0;z-index:55;background:rgba(250,246,239,0.97);backdrop-filter:blur(16px);flex-direction:column;justify-content:center;align-items:center;gap:0;padding:2rem;opacity:0;transition:opacity .35s ease}
.mobile-overlay.is-visible{display:flex;opacity:1}
.mobile-overlay a{font-family:var(--fd);font-weight:700;font-size:1.15rem;letter-spacing:-0.03em;color:var(--char);padding:0.9rem 1.5rem;border-radius:8px;transition:color .2s,background .2s;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}
.mobile-overlay a:hover,.mobile-overlay a:active{color:var(--clay);background:rgba(192,112,64,0.08)}
.mobile-overlay .mobile-overlay__cta{margin-top:1.5rem;font-size:1rem;background:var(--clay);color:var(--paper);border-radius:4px;box-shadow:3px 3px 0 var(--clay-d);padding:0.85rem 1.8rem}
@media(max-width:1024px){
.hamburger{display:flex;flex-direction:column;justify-content:center}
.nav .btn--clay{display:none}
.nav__links{display:none !important}
.nav__i>div[style]{display:none !important}
.hero__facts{flex-wrap:wrap;gap:1.2rem}
.hero__facts .btn{margin-left:0 !important;width:100%;justify-content:center;margin-top:0.5rem}
.story__intro{grid-template-columns:1fr;gap:2rem}
.story__step{grid-template-columns:60px 1fr;gap:1.5rem}
.story__step__body{display:none}
.prod-grid{grid-template-columns:1fr 1fr}
.pcard--span2{grid-column:span 2}
.material__grid{grid-template-columns:1fr;gap:3rem}
.cta-band .wrap>div[style]{grid-template-columns:1fr !important;gap:2.5rem !important}
.cta-band__contact{align-items:flex-start}
.footer__grid{grid-template-columns:1fr 1fr !important;gap:2rem}
.feat-grid{grid-template-columns:1fr}
.prod-illust{grid-template-columns:1fr}
.prod-illust__svg{order:-1}
.cta-band{flex-direction:column;text-align:center}
}
@media(max-width:680px){
.rv{opacity:1 !important;transform:none !important}
.nav__i{height:64px}
.logo__name{font-size:1.1rem;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logo img{width:38px;height:38px}
.hero{height:80vh;min-height:480px}
.hero__video-bg video{width:100%;min-width:100%;object-fit:cover}
.hero__title{font-size:clamp(2.5rem,12vw,4rem);letter-spacing:-0.05em}
.hero__sub{font-size:0.95rem}
.hero__bottom{flex-direction:column;align-items:flex-start;gap:1rem}
.hero__sound{width:44px;height:44px;font-size:1.2rem}
.hero__facts{flex-wrap:wrap;gap:0.8rem 1.5rem;overflow:hidden}
.hero__fact__num{font-size:1.2rem}
.hero__fact__lbl{font-size:0.7rem}
.hero__facts .btn{margin-left:0 !important;width:100%;justify-content:center;font-size:0.95rem;padding:0.85rem 1.2rem}
.marquee{padding-block:1rem}
.marquee__item{font-size:0.95rem}
.story{padding-block:3rem}
.story__intro{gap:1.5rem}
.story__intro-title{font-size:clamp(2rem,8vw,3rem)}
.story__intro-body{font-size:0.95rem}
.story__step{grid-template-columns:44px 1fr;gap:1rem;padding-block:1.5rem}
.story__step__num{font-size:2rem}
.story__step__title{font-size:1.2rem}
.products{padding-block:3rem}
.products__header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem}
.products__title{font-size:clamp(2.2rem,8vw,3.5rem)}
.prod-grid{grid-template-columns:1fr;gap:12px}
.pcard--span2{grid-column:span 1}
.pcard{min-height:200px;padding:1.4rem}
.pcard__icon{width:60px;height:60px;bottom:1rem;right:1rem}
.pcard--span2 .pcard__icon{width:80px;height:80px;bottom:1.2rem;right:1.2rem}
.pcard__title,.pcard__desc,.pcard__cta{max-width:calc(100% - 70px)}
.pcard--span2 .pcard__title,.pcard--span2 .pcard__desc,.pcard--span2 .pcard__cta{max-width:calc(100% - 90px)}
.pcard__title{font-size:1.3rem}
.pcard__desc{font-size:0.9rem}
.material{padding-block:3rem}
.material__title{font-size:clamp(2rem,7vw,3rem)}
.material__body{font-size:0.95rem}
.material__tags{gap:0.4rem;display:flex;flex-wrap:wrap}
.tag{padding:0.5rem 0.9rem;font-size:0.82rem;min-height:38px;display:inline-flex;align-items:center;border-radius:999px}
.material__card{padding:1.5rem;border-radius:16px}
.material__item{font-size:0.95rem}
.material__item__icon{width:44px;height:44px;min-width:44px}
.cta-band{padding-block:3rem}
.cta-band__title{font-size:clamp(2rem,7vw,3rem)}
.cta-band .wrap>div[style]{display:block !important}
.cta-band .wrap>div[style]>div:first-child{margin-bottom:2rem}
#kontaktForm div[style*="grid-template-columns"]{display:block !important}
#kontaktForm div[style*="grid-template-columns"]>div{margin-bottom:1rem}
#kontaktForm input,#kontaktForm select,#kontaktForm textarea{font-size:16px !important;min-height:44px}
#kontaktForm .btn{width:100%;justify-content:center;min-height:48px}
.footer{padding-block:2.5rem 1.5rem}
.footer__grid{grid-template-columns:1fr !important;gap:1.2rem}
.footer__logo{font-size:1.6rem}
.footer__tag{font-size:0.95rem}
.footer__list a{min-height:0;padding-block:4px}
.footer__legal{flex-wrap:wrap;gap:1rem}
.footer__legal a{min-height:0;padding-block:4px}
.footer__bottom{flex-direction:column;align-items:flex-start;gap:0.8rem}
.btn{min-height:48px;padding:0.85rem 1.4rem}
.nav__dropdown-menu a{min-height:44px}
.prod-hero{padding-block:3rem 2rem}
.prod-hero__title{font-size:clamp(2rem,8vw,3rem)}
.prod-hero__desc{font-size:1rem}
.prod-hero__nr{font-size:clamp(4rem,15vw,6rem)}
.feat-grid{gap:1rem}
.feat-card{padding:1.5rem}
.prod-illust{padding:1.5rem;border-radius:18px;gap:1.5rem}
.prod-illust__title{font-size:clamp(1.4rem,5vw,2rem)}
.prod-illust__text{font-size:0.95rem}
.prod-illust__list li{font-size:0.9rem}
.specs__table{font-size:0.9rem}
.specs__table th,.specs__table td{padding:0.7rem 0.8rem}
.gallery__grid{grid-template-columns:1fr}
.cta-band{border-radius:16px;padding:1.8rem}
.cta-band__text{font-size:clamp(1.2rem,4vw,1.6rem)}
.cta-band__btn{padding:0.85rem 1.5rem;font-size:1rem;min-height:48px}
main div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important;gap:2rem !important}
main div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr !important;gap:2rem !important}
}
@media(max-width:400px){
.hero__title{font-size:2.2rem}
.hero__facts>div{flex:0 0 calc(50% - 0.5rem)}
.hero__facts{justify-content:flex-start}
.wrap{padding-inline:1rem}
.products__title{font-size:2rem}
.story__intro-title{font-size:1.8rem}
}
@media(max-width:680px){
.material__tags{margin-bottom:1rem}
.material__right{margin-top:0}
}
@media(max-width:680px){
.hero__facts>div{flex:0 0 auto}
.hero__facts>.btn{flex:0 0 100%}
}
.rotate-hint{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:56px;height:56px;border-radius:50%;background:rgba(192,112,64,0.45);backdrop-filter:blur(10px);border:1px solid rgba(192,112,64,0.6);font-size:1.6rem;align-items:center;justify-content:center;cursor:pointer;color:var(--clay);animation:pulse-sound 2s ease infinite}
@keyframes pulse-hint{0%,100%{opacity:0.8}50%{opacity:1}}
@media(max-width:680px) and (orientation:portrait){
.rotate-hint{display:flex;align-items:center;gap:0.5rem}
}
@media(max-width:680px) and (orientation:landscape){
.hero{height:100vh;min-height:100vh}
.hero__content{padding-bottom:1rem}
.hero__title{font-size:clamp(1.8rem,6vw,2.5rem)}
.hero__facts{display:none}
.hero__sub{display:none}
.nav{position:fixed;top:0;left:0;right:0}
}
@keyframes spin{0%{transform:rotate(0deg)}25%{transform:rotate(-90deg)}50%{transform:rotate(-90deg)}75%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}
@media(max-width:900px) and (orientation:landscape){.hero__facts{display:none !important}.hero__content .btn{display:none !important}
html,body{overflow:hidden !important;height:100vh !important}
.hero{height:100vh !important;min-height:100vh !important}
.nav{display:none !important}
.marquee{display:none !important}
.rotate-hint{display:none !important}
}
@media(max-width:680px) and (orientation:portrait){
.hero__sound{display:none !important}
}
@media(max-width:900px) and (orientation:landscape){
.hero__sound{display:none !important}
}
@media(max-width:900px) and (orientation:landscape){
.hero__content{display:none !important}
}
@media(max-width:680px){
div[style*="repeat(3"]{grid-template-columns:1fr !important;gap:1rem !important;overflow:hidden}
div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important;gap:1.5rem !important}
div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr !important;gap:1.5rem !important}
}
@media(max-width:680px){
.ueber-grid{display:flex !important;flex-direction:column !important;gap:1rem !important}
body{max-width:100vw;overflow-x:hidden}
}
@media(max-width:680px){
.material .wrap{padding-inline:1rem}
.material__grid{gap:2rem}
.material__card{margin-left:0;margin-right:0;border-radius:12px}
}
@media(max-width:680px){
.wrap{padding-inline:1rem !important}
.cta-band .wrap{padding-inline:1rem !important}
}
@media(max-width:680px){
.material__card{box-shadow:none;margin-inline:0;width:100%}
}
@media(max-width:680px){
.rv-r,.rv-l{opacity:1 !important;transform:none !important}
}
@media(max-width:680px){
.cta-band{border-radius:0 !important;margin-inline:-1rem;padding-inline:1rem;width:calc(100% + 2rem)}
}
@keyframes pulse-sound{0%,100%{opacity:0.6;box-shadow:0 0 0 0 rgba(192,112,64,0.2)}50%{opacity:1;box-shadow:0 0 18px 10px rgba(192,112,64,0.25)}}
body.fake-fs{overflow:hidden !important}
body.fake-fs .nav,body.fake-fs .marquee,body.fake-fs .story,body.fake-fs .products,body.fake-fs .material,body.fake-fs .cta-band,body.fake-fs .footer,body.fake-fs #toTop,body.fake-fs .hero__content{display:none !important}
body.fake-fs .hero{position:fixed;inset:0;height:100vh !important;min-height:100vh !important;z-index:9998}
body.fake-fs .hero::after{content:'✕';position:fixed;top:1rem;right:1rem;z-index:9999;width:44px;height:44px;border-radius:50%;background:rgba(28,26,23,0.5);color:var(--sand);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;backdrop-filter:blur(8px)}
body.fake-fs .hero__video-bg{position:fixed;inset:0}
body.fake-fs .hero__video-bg video{width:100%;height:100%;object-fit:cover}
html,body{overflow-x:hidden !important;max-width:100vw !important}
.marquee{max-width:100vw;overflow:hidden}
.hero{max-width:100vw}
.hero__video-bg{max-width:100vw;overflow:hidden}
@media(max-width:680px){
.cta-band::before{display:none}
}
video::-webkit-media-controls{display:none !important}
video::-webkit-media-controls-overlay-play-button{display:none !important}
@keyframes play-glow{0%,100%{box-shadow:0 0 15px 5px rgba(192,112,64,0.3)}50%{box-shadow:0 0 30px 15px rgba(192,112,64,0.5)}}
#heroPlay{animation:play-glow 2s ease-in-out infinite;box-shadow:0 0 15px 5px rgba(192,112,64,0.3)}
#heroPlay:hover{transform:translate(-50%,-50%) scale(1.1)}
@media(max-width:680px){
#heroPlay{display:none !important}
}