#events{color:#fff;background-image:url(/assets/background-grain.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;display:flex;position:relative;overflow:hidden}.events-background{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}.events-background img{opacity:1;object-fit:cover;width:100%;height:100%}#events .content-wrapper{z-index:2;position:relative}#events h1.section-title{-webkit-text-stroke:2px white;text-stroke:2px white;color:#0000;margin-bottom:40px}.events-list{max-width:900px;margin:0 auto}.event-item{grid-template-columns:120px 1px 1fr;gap:30px;margin-bottom:40px;display:grid}.event-date{text-align:right}.event-date .date{margin-bottom:2px;font-size:22px;font-weight:700}.event-date .time{font-size:22px;font-weight:700}.event-divider{background-color:#fff;width:1px;height:100%}.event-content h3{margin-bottom:15px;font-size:28px;font-weight:400}.event-content p{opacity:.9;margin-bottom:20px;line-height:1.5}.event-content .button.outline{color:#fff;background:0 0;border:2px solid #fff;align-items:center;gap:10px;padding:12px 30px;text-decoration:none;transition:all .3s;display:inline-flex}.event-content .button.outline:hover{background:#fff;color:var(--blue)!important}.event-content .button.outline:hover .arrow{filter:invert(15%)sepia(63%)saturate(845%)hue-rotate(199deg)brightness(93%)contrast(93%)}.events-list>.button.primary{color:#fff;background-color:#e55e5d;border:none;align-items:center;gap:10px;margin-top:20px;padding:15px 40px;display:inline-flex}.next-event{z-index:9999;width:300px;color:var(--text-light);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-lg);transition:var(--transition-medium);background:linear-gradient(#11225cf2,#11225cd9);border:1px solid #fff3;position:fixed;bottom:30px;right:30px;overflow:hidden}.next-event:before{content:"";opacity:0;width:100%;height:100%;transition:var(--transition-medium);background:linear-gradient(#ffffff1a,#0000);position:absolute;top:0;left:0}.next-event:hover{transform:translateY(-5px);box-shadow:0 15px 30px #11225c33}.next-event:hover:before{opacity:1}.next-event-content{padding:var(--spacing-lg);z-index:1;position:relative}.next-event .label{text-transform:uppercase;margin-bottom:var(--spacing-sm);letter-spacing:.05em;color:#fffc;font-size:.85rem;font-weight:600;display:block}.next-event h3{color:var(--text-light);margin-bottom:var(--spacing-sm);font-size:1.4rem;line-height:1.3}.next-event .event-time{margin-bottom:var(--spacing-md)}.next-event .date{color:#ffffffe6;margin-bottom:4px;font-size:1rem}.next-event .time{color:#ffffffb3;font-size:1rem}.next-event .button.outline{width:100%;padding:var(--spacing-sm)var(--spacing-md);background:#ffffff1a;border:1px solid #ffffff4d;justify-content:center;margin:0;font-size:.95rem}.next-event .button.outline:hover{background:#ffffff26;border-color:#fff6}.event-box{background-color:#fff;max-width:400px;padding:40px;position:absolute;top:50%;right:70px;transform:translateY(-50%);box-shadow:0 4px 20px #0000001a}.event-box h3,.event-box p{color:var(--blue)!important}.event-box p{margin:15px 0 25px}@media (max-width:768px){#events{width:100vw;min-height:100vh;padding:50px 20px}.events-background{width:100vw;height:100vh}.event-item{grid-template-columns:1fr;gap:15px;margin-bottom:30px}.event-content h3{margin-bottom:10px;font-size:24px}.next-event{border-radius:var(--radius-lg)var(--radius-lg)0 0;border-bottom:none;width:100%;position:fixed;bottom:0;right:0}.next-event:hover{transform:none}.next-event-content{padding:var(--spacing-md)}.next-event h3{font-size:1.2rem}.event-box{width:100%;max-width:none;margin-top:30px;position:relative;top:auto;right:auto;transform:none}}
#quote{z-index:1;justify-content:center;align-items:center;min-height:60vh;padding:50px;display:flex;position:relative;overflow:hidden}#quote .quote-box{-webkit-backdrop-filter:blur(12px);z-index:22;border-radius:var(--radius-lg);width:100%;max-width:930px;height:auto;box-shadow:var(--shadow-lg);transition:var(--transition-medium);background:linear-gradient(#11225c80,#11225ca6);border:1px solid #fff3;padding:100px 60px;position:relative;overflow:hidden;background:0 0!important}#quote .quote-box:before{content:"";opacity:0;width:100%;height:100%;transition:var(--transition-medium);background:linear-gradient(#ffffff1a,#0000);position:absolute;top:0;left:0}#quote .quote-box:hover:before{opacity:1}#quote .quote-box:hover{background:linear-gradient(#11225c8c,#11225cb3);box-shadow:0 15px 30px #11225c33}#quote .quote-box *{color:var(--text-light);z-index:1;position:relative}#quote .quote-box h2{text-align:center;margin-bottom:var(--spacing-xl);font-size:44px}#quote .quote-box .quote-subtitle{justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:50px;display:flex}#quote .quote-box .quote-profile{width:74px;height:74px;transition:var(--transition-medium);border:2px solid #fff3;border-radius:50%}#quote .quote-box:hover .quote-profile{border-color:#fff6}#quote .quote-background{z-index:-1;filter:brightness(.7);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){#quote{padding:25px}#quote .quote-box{padding:60px 30px}#quote .quote-box h2{font-size:28px}#quote .quote-box .quote-subtitle{text-align:center;gap:var(--spacing-sm);flex-direction:column}}
#instagram{padding:40px 0}.instagram-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.instagram-item{aspect-ratio:1;border-radius:8px;position:relative;overflow:hidden}.instagram-image{width:100%;height:100%;position:relative}.instagram-overlay{opacity:0;background:#0000004d;align-items:flex-end;width:100%;height:100%;padding:10px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.instagram-item:hover .instagram-overlay{opacity:1}.instagram-stats{color:#fff;font-size:14px}.instagram-footer{text-align:center;margin-top:40px}.loading-placeholder{background:#f0f0f0;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}.error-message{text-align:center;color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin:20px 0;padding:20px}.success-message{text-align:center;color:#fff;background-color:#0000;border:none;margin:20px 0;padding:20px}.error-message p{color:#721c24;margin:0}.instagram-media,.instagram-item video{object-fit:cover;width:100%;height:100%}@media (max-width:1024px){.instagram-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width:768px){#instagram{padding:24px 10px}.instagram-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:480px){.instagram-grid{grid-template-columns:1fr}}
.card-button{background-color:var(--blue);color:var(--text-light);padding:var(--spacing-xl)var(--spacing-lg);text-align:center;cursor:pointer;transition:var(--transition-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.card-button:before{content:"";background:linear-gradient(45deg,var(--blue),var(--hover-blue));opacity:0;width:100%;height:100%;transition:var(--transition-medium);position:absolute;top:0;left:0}.card-button:hover:before{opacity:1}.card-button *{color:var(--text-light);z-index:1;position:relative}.card-button .icon{margin-bottom:var(--spacing-md);width:auto;height:50px;transition:var(--transition-medium)}.card-button h3{margin:0;font-size:1.25rem;font-weight:600}.card-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card-button:hover .icon{transform:scale(1.1)}@media (max-width:768px){.card-button{padding:var(--spacing-lg);justify-content:flex-start;gap:var(--spacing-md);flex-direction:row}.card-button .icon{height:30px;margin-bottom:0}}
#intro{min-height:100vh;padding:0 var(--spacing-2xl);color:#fff;background:0 0;align-items:center;margin-top:0;display:flex;position:relative;overflow:hidden}#intro:before{content:"";z-index:0;pointer-events:none;mix-blend-mode:normal;background:linear-gradient(90deg,#e55e5d4d,#0000);width:100%;height:100%;position:absolute;top:0;left:0}#intro .content-wrapper{width:100%;padding:var(--spacing-2xl)0;z-index:2;position:relative}#intro .hero-image{z-index:2;width:60%;height:auto;position:absolute;bottom:0;right:0}#intro .hero-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:auto}#intro p{color:#fff;font-size:22px;line-height:1.5em}#intro .intro-text{z-index:2;max-width:600px;margin-top:100px;margin-bottom:var(--spacing-xl)}#intro .intro-text p{margin-bottom:var(--spacing-md)}#intro .main-menu-wrapper{justify-content:center;align-items:stretch;gap:30px;margin-top:50px;display:flex}#intro .hero-top-right{top:100px;right:var(--spacing-2xl);z-index:3;position:absolute}#intro .hero-top-right .stiftung-link{align-items:center;gap:var(--spacing-xs);color:var(--text-light);padding:var(--spacing-xs)var(--spacing-md);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);transition:var(--transition-fast);background:#ffffff1a;border:1px solid #fff3;font-size:.95rem;text-decoration:none;display:flex}#intro .hero-top-right .stiftung-link:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}#intro .hero-top-right .icon-t1t{filter:brightness(0)invert();width:24px;height:24px;margin:0}#intro .hero-top-right .arrow{margin-left:var(--spacing-xs);filter:brightness(0)invert()}#intro .hero-top-left{top:30px;left:var(--spacing-2xl);z-index:3;margin-bottom:var(--spacing-2xl);position:absolute}#intro .hero-top-left img{filter:brightness(0)invert()}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}#intro .intro-text h1{opacity:0;animation:1s ease-out .3s forwards fadeInUp}#intro .intro-text p{opacity:0;animation:1s ease-out .6s forwards fadeInUp}#intro .intro-text button{opacity:0;animation:1s ease-out .9s forwards fadeInUp}.scroll-indicator{opacity:0;z-index:10;cursor:pointer;flex-direction:column;align-items:center;transition:transform .3s;animation:1.5s ease-out 1.5s forwards fadeIn;display:flex;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.scroll-indicator:hover{transform:translate(-50%)translateY(5px)}.scroll-indicator .text{color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:14px}.scroll-indicator .icon{border:2px solid #ffffffb3;border-radius:15px;justify-content:center;width:30px;height:50px;display:flex;position:relative}.scroll-indicator .icon:before{content:"";background-color:#fff;border-radius:50%;width:6px;height:6px;animation:2s infinite scrollAnimation;position:absolute;top:10px}@keyframes scrollAnimation{0%{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(15px)}to{opacity:0;transform:translateY(25px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){#intro{padding:0 var(--spacing-md);height:100vh}#intro .content-wrapper{padding:var(--spacing-xl)0}#intro h1{margin-bottom:var(--spacing-lg);font-size:46px}#intro p{font-size:18px}#intro .intro-text{margin-bottom:var(--spacing-lg)}#intro .hero-image{width:100%}#intro .hero-top-left{top:30px;left:var(--spacing-md)}#intro .hero-top-left img{width:120px;height:auto;margin-top:-8px;margin-left:-8px}#intro .hero-top-right{right:auto}#intro .hero-top-right .stiftung-link{padding:var(--spacing-xs)var(--spacing-sm);white-space:nowrap;font-size:.85rem}#intro .hero-top-right .icon-t1t{width:20px;height:20px}.scroll-indicator{bottom:2rem}.scroll-indicator .icon{width:24px;height:40px}}
