:root{--color-primary:#173c83;--color-secondary:#a0b7e3;--color-light:#e0e0d4;--color-dark:#0c1d35;--color-gray:#babcbe}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Hanken\+Grotesk,sans-serif;overflow:hidden}.top-nav{z-index:1000;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:absolute;top:0;left:0;right:0}.logo-link{color:#000;align-items:center;gap:1rem;text-decoration:none;display:flex}.nav-logo{width:auto;height:40px}.back-button{color:#000;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:color .3s}.back-button:hover{color:var(--color-secondary)}.overlay1,.overlay2{z-index:999;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.overlay1{z-index:998;background-color:#e0e0d4}.overlay2{z-index:999;background-color:#173c83}main{justify-content:center;align-items:center;height:100vh;display:flex}.events{align-items:center;width:100%;height:100%;display:flex;position:relative}.slider{align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.slider-wrapper{align-items:center;gap:120px;width:max-content;height:100%;padding:150px 100px 150px 350px;display:flex}.event-card{background:gray;border-radius:48px;flex-direction:column;justify-content:center;width:500px;height:500px;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.event-card:hover{transform:scale(1.05)}.event-image{border-radius:48px;width:100%;height:100%;position:relative}.event-image img{object-fit:cover;border-radius:48px;width:100%;height:100%}.overlay{z-index:1;background:linear-gradient(#0000 0%,#000c 100%);border-radius:0 0 48px 48px;width:100%;height:40%;position:absolute;bottom:0;left:0}.event-date{color:#fff;text-align:center;z-index:2;background-color:#000000e6;border-radius:16px;padding:16px;position:absolute;top:32px;right:32px}.event-date .date{font-size:28px;font-weight:700}.event-date .month{margin-bottom:8px;font-size:24px;display:block}.event-date .time{font-size:16px}.event-info{text-align:left;z-index:2;padding:48px;position:absolute;bottom:0}.event-info .event-type{color:#fff;font-size:16px}.event-info .event-title{color:#fff;font-size:28px;font-weight:700}.reflection{opacity:.4;filter:blur(8px);z-index:0;background-position:bottom;background-size:cover;border-radius:20px;width:100%;height:100%;position:absolute;bottom:-50%;left:0;transform:scaleY(-1)}.reflection:after{content:"";background:linear-gradient(#fff0 0%,#fff 100%);width:100%;height:100%;position:absolute;top:0;left:0}.marker-wrapper{pointer-events:none;width:2px;height:100vh;position:absolute;top:0;left:50%}.marker{background:#000;width:2px;height:100%;position:relative}.marker:after{content:"";background-color:#fff;border:2px solid #000;border-radius:100%;width:40px;height:40px;display:block;position:absolute;bottom:50px;left:-20px}.active-month{color:#000;text-transform:uppercase;text-align:left;width:100px;margin-left:36px;font-size:18px;font-weight:700;position:absolute;bottom:60px}.past-event{z-index:100;border-radius:40px;width:360px;height:360px;margin-left:-60px;position:relative}.past-event:before{content:"";z-index:3;pointer-events:none;background-color:#173c834d;border-radius:40px;width:100%;height:100%;position:absolute;top:0;left:0}.past-event .event-image,.past-event .event-image img{border-radius:40px}.past-event .overlay{border-radius:0 0 40px 40px}.load-more-container{z-index:200;position:absolute;top:50%;left:80px;transform:translateY(-50%)}.load-more-button{background:var(--color-gray);color:#fff;cursor:pointer;text-align:left;border:none;border-radius:32px;width:140px;height:220px;padding:0;font-size:18px;font-weight:600;transition:all .4s;position:relative;overflow:hidden;box-shadow:4px 8px 16px #00000026}.load-more-button:before{content:"+";opacity:.8;font-size:48px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.load-more-button:after{content:"Mehr Events laden";text-align:center;opacity:0;width:80%;margin:0 auto;font-size:16px;font-weight:500;transition:all .3s;position:absolute;bottom:30px;left:0;right:0}.load-more-button:hover{transform:translateY(-8px)scale(1.05);box-shadow:6px 12px 20px #0000004d}.load-more-button:hover:before{opacity:.6;font-size:72px;transform:translate(-50%,-80px)}.load-more-button:hover:after{opacity:1}@media (max-width:768px){.slider-wrapper{gap:60px;padding:80px 50px 80px 200px}.event-card{border-radius:32px;width:300px;height:300px}.event-image,.event-image img{border-radius:32px}.overlay{border-radius:0 0 32px 32px}.event-date{border-radius:12px;padding:10px;top:16px;right:16px}.event-date .date{font-size:20px}.event-date .month{margin-bottom:4px;font-size:16px}.event-date .time{font-size:12px}.event-info{padding:24px}.event-info .event-type{font-size:14px}.event-info .event-title{font-size:20px}.past-event{border-radius:28px;width:240px;height:240px;margin-left:-30px}.past-event .event-image,.past-event .event-image img{border-radius:28px}.past-event .overlay{border-radius:0 0 28px 28px}.load-more-container{left:40px}.load-more-button{border-radius:24px;width:100px;height:160px;font-size:16px}.load-more-button:before{font-size:36px}.load-more-button:after{font-size:14px;bottom:20px}}@media (max-width:480px){.slider-wrapper{gap:40px;padding:60px 30px 60px 120px}.event-card{border-radius:24px;width:240px;height:240px}.event-image,.event-image img{border-radius:24px}.overlay{border-radius:0 0 24px 24px}.past-event{border-radius:20px;width:200px;height:200px;margin-left:-20px}.past-event .event-image,.past-event .event-image img{border-radius:24px}.past-event .overlay{border-radius:0 0 24px 24px}.load-more-button{border-radius:20px;width:80px;height:120px}}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}}