:root{--surface-radius:8px;--inner-radius:4px;--button-radius:8px;--detail-ease:cubic-bezier(.22,1,.36,1)}
.offer-card,.form-card,.year-tile,.social-strip,.recent-card>div,.projects-section .recent-card>div,.category-dropdown,#main-nav,#menu-toggle,dialog{border-radius:var(--surface-radius)}
.btn,.header-cta,.header-phone,.hero-actions .btn,.project-arrows button{border-radius:var(--button-radius)}
#main-nav>a,.category-menu>summary,.category-dropdown>a{border-radius:var(--inner-radius)}
.category-dropdown .category-overview{border-radius:0}
.offer-photo{overflow:hidden;border-radius:0}
.offer-photo img,.recent-card img{display:block}
.brand,.brand img,.video-hero,.video-hero video{border-radius:0}
.menu-chevron{width:6px;height:6px;flex-shrink:0;transform:translateY(-2px) rotate(45deg);transform-origin:50% 50%;opacity:.65;transition:transform .32s var(--detail-ease),opacity .2s,color .2s}
.category-menu[open] .menu-chevron{transform:translateY(1px) rotate(225deg);opacity:1}
.category-menu>summary{transition:background .22s,color .22s}
#menu-toggle span{transition:transform .3s var(--detail-ease),background .2s}
.category-menu[open]>.category-dropdown{animation:submenu-reveal .24s var(--detail-ease) both;transform-origin:top center}
@keyframes submenu-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.category-menu:not([open])>summary:hover .menu-chevron{opacity:1;transform:translateY(0) rotate(45deg)}}
@media(max-width:1100px){.category-dropdown{border-radius:0}.category-menu[open]>.category-dropdown{animation:submenu-reveal .2s var(--detail-ease) both}}
@media(max-width:1400px){html[lang=de] .category-dropdown{border-radius:0}}
@media(prefers-reduced-motion:reduce){.menu-chevron,#menu-toggle span{transition:none}.category-menu[open]>.category-dropdown{animation:none}}
