*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--success: #2E8B57;--warning: #FF8C00;--danger: #DC143C;--info: #1E90FF;--grey-50: #F9FAFB;--grey-100: #F3F4F6;--grey-200: #E5E7EB;--grey-300: #D1D5DB;--grey-400: #9CA3AF;--grey-500: #6B7280;--grey-600: #4B5563;--grey-700: #374151;--grey-800: #1F2937;--grey-900: #111827}.app-container{min-height:100vh;display:flex;flex-direction:column}.content{flex:1}a{color:inherit;text-decoration:none;transition:transform .2s ease}a:hover,a:focus{transform:translateY(-2px)}li{transition:transform .2s ease}li:hover,li:focus{transform:translateY(-2px)}ul{list-style:none}.footer{display:flex;justify-content:space-evenly;align-items:center;padding:1rem;background-color:var(--grey-900);color:var(--grey-100);width:100%;height:60px;bottom:0}.footer ul{display:flex}.footer ul li{margin:0 15px}.link-highlighted{font-weight:700}.navbar{display:flex;align-items:center;padding:1rem clamp(1rem,5vw,4rem);background-color:#f3f4f6b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;color:var(--grey-900);position:fixed;height:60px;top:0;z-index:1000}.logo{font-weight:700;font-size:clamp(1rem,2.5vw,1.5rem);margin-right:auto}.desktop-nav{display:flex;gap:1.5rem}.hamburger{display:none;flex-direction:column;gap:4px;background:transparent;border:none;cursor:pointer;transition:opacity .2s ease-in-out}.hamburger span{width:25px;height:3px;background:var(--grey-900)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100dvh;background:var(--grey-900);color:var(--grey-100);display:none;flex-direction:column;justify-content:center;align-items:center;gap:2rem;z-index:2000}.mobile-menu.open{display:flex}.close-btn{position:absolute;top:0;right:1.8rem;font-size:3rem;background:transparent;border:none;cursor:pointer;color:var(--grey-100)}.mobile-menu ul{list-style:none;padding:0;margin:0}.mobile-menu li{margin:1rem 0;transition:transform .2s ease}.mobile-menu li:hover,.mobile-menu li:focus{transform:translate(12px)}.mobile-menu a{font-size:clamp(1.2rem,7vw,1.8rem);font-weight:700}@media(max-width:700px){.desktop-nav{display:none}.hamburger{display:flex}}.error-page{margin-inline:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100dvh;color:var(--grey-900);text-align:center}.not-found-page{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--grey-900);text-align:center}.to-start-link{margin-top:1.5rem;padding:.75rem 1.5rem;background-color:var(--grey-900);color:var(--grey-100);border-radius:5px;transition:background-color .1s ease}.to-start-link:hover,.to-start-link:focus{background-color:var(--grey-700)}main{margin-inline:clamp(1rem,5vw,4rem);margin-block:4rem;color:var(--grey-900)}.vorstellungen-page{display:flex;flex-direction:column;gap:1.5rem}.search-input{padding:8px;border-radius:4px;border:1px solid var(--grey-300);font-size:1rem;width:100%;transition:outline .1s ease-in-out}.search-input:focus,.search-input:hover{outline:2px solid var(--grey-900)}.year-grid{display:flex;flex-wrap:wrap;gap:8px}.year-btn{flex:1 1 60px;padding:8px;border:none;border-radius:4px;cursor:pointer;background:var(--grey-200);color:var(--grey-900);transition:background-color .2s ease}.year-btn:hover{background:var(--grey-300)}.year-btn.selected{background:var(--grey-900);color:var(--grey-100)}.items-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.item{border:1px solid var(--grey-400);border-radius:8px;overflow:hidden;background-color:var(--grey-900);color:var(--grey-100);transition:box-shadow .2s ease,transform .2s ease}.item:hover,.item:focus{box-shadow:0 4px 8px #0003;transform:translateY(-4px)}.item-image{background-color:var(--grey-800);font-weight:700;display:grid;place-items:center;max-height:80%;aspect-ratio:16 / 9;min-height:200px;width:100%;object-fit:cover}.item-text{padding:8px 12px}.carousel-container{position:relative;text-align:center;max-width:100%;margin:1rem 0}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease}.carousel-btn:hover{background-color:#000000b3}.carousel-btn.left{left:10px}.carousel-btn.right{right:10px}.carousel-image{width:100%;max-height:500px;object-fit:cover;border-radius:8px}.smart-image-wrapper{position:relative;overflow:hidden;width:100%}.smart-image-lq{width:100%;height:100%;position:absolute;top:0;left:0;filter:blur(20px);transform:scale(1.1);transition:opacity .4s ease;opacity:1}.smart-image-lq.hidden{opacity:0}.smart-image-full{width:100%;height:auto;display:block;opacity:0;transition:opacity .5s ease}.smart-image-full.visible{opacity:1}