:root{--primary-color: rgb(16, 159, 183);--secondary-color: rgb(244, 171, 14);--tertiary-color: #000000;--light-primary: rgba(16, 159, 183, .1);--light-secondary: rgba(244, 171, 14, .1);--text-dark: #1f2937;--text-light: #6b7280;--white: #ffffff;--black: #000000;--gray-100: #f3f4f6;--gray-200: #e5e7eb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:var(--text-dark);background-color:var(--white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--white);color:var(--text-dark)}h1,h2,h3,h4,h5,h6{font-family:Yellowtail,cursive;font-weight:400;color:var(--primary-color);line-height:1.2;margin-bottom:1rem}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}p{margin-bottom:1rem;color:var(--text-dark);line-height:1.7}.subtitle,.lead{color:var(--secondary-color);font-weight:600}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--secondary-color);text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:4rem 0}.section-alt{background-color:var(--gray-100)}.btn{display:inline-block;padding:.75rem 1.5rem;background-color:var(--primary-color);color:var(--white);border:none;border-radius:.5rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn:hover{background-color:var(--secondary-color);color:var(--tertiary-color);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #109fb74d}.btn-secondary{background-color:var(--secondary-color);color:var(--tertiary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:var(--white)}.card{background:var(--white);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;border:1px solid var(--gray-200)}.card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -3px #0000001a}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.text-center{text-align:center}.hero-section{background:var(--primary-color);color:var(--white);padding:6rem 0;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/media/pattern.svg) repeat;opacity:.1}.hero-content{position:relative;z-index:2}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:2rem 0}.image-gallery img{width:100%;height:200px;object-fit:cover;border-radius:.5rem;transition:transform .3s ease}.image-gallery img:hover{transform:scale(1.05)}@media (max-width: 768px){.container{padding:0 1rem}h1{font-size:2.5rem}h2{font-size:2rem}.section{padding:2rem 0}.hero-section{padding:4rem 0}}.navbar{background-color:var(--white);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000;border-bottom:3px solid var(--secondary-color)}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo h2{font-family:Yellowtail,cursive;color:var(--primary-color);margin:0;font-size:1.8rem;font-weight:400}.nav-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-link{color:var(--text-dark);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease}.nav-link:hover{background-color:var(--light-primary);color:var(--primary-color);text-decoration:none}.nav-link.active{background-color:var(--primary-color);color:var(--white)}.nav-link.active:hover{background-color:var(--secondary-color);color:var(--tertiary-color)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--primary-color);cursor:pointer;padding:.5rem;border-radius:.25rem;transition:background-color .3s ease}.mobile-menu-btn:hover{background-color:var(--light-primary)}@media (max-width: 768px){.nav-links{position:absolute;top:100%;left:0;right:0;background-color:var(--white);flex-direction:column;padding:1rem;box-shadow:0 2px 10px #0000001a;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;gap:0}.nav-links-mobile{transform:translateY(0);opacity:1;visibility:visible}.nav-link{padding:.75rem 1rem;min-height:48px;border-bottom:1px solid var(--gray-200);box-sizing:border-box}.nav-link:last-child{border-bottom:none}.nav-link.active{background-color:var(--primary-color);color:var(--white);border-radius:.4rem;margin:2px 0;box-shadow:0 2px 8px #0000000a;width:fit-content;max-width:100%;display:inline-block}.mobile-menu-btn{display:block}.nav-logo h2{font-size:1.6rem}}.footer{background-color:var(--text-dark);color:var(--white);padding:3rem 0 1rem;margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4rem;margin-bottom:2rem}.footer-logo-section{display:flex;justify-content:center;align-items:center}.footer-logo{width:300px;height:auto;border-radius:.5rem}.footer-section h3{color:var(--secondary-color);margin-bottom:1rem;font-size:1.5rem}.footer-section h4{color:var(--white);margin-bottom:1rem;font-size:1.2rem}.footer-section p{color:var(--text-light);line-height:1.6}.contact-info{display:flex;flex-direction:column;gap:.75rem}.footer .contact-item{display:flex;align-items:center;gap:.5rem;color:var(--white)}.footer .contact-item span{color:var(--white)!important}.footer .contact-item a{color:var(--white)!important;text-decoration:none;transition:color .3s ease}.footer .contact-item a:hover{color:var(--secondary-color)!important;text-decoration:none}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--white);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--secondary-color);text-decoration:none}.footer-bottom{border-top:1px solid var(--gray-200);padding-top:1rem;text-align:center}.footer-bottom p{color:var(--white);margin:0;font-size:.9rem;opacity:.8}@media (max-width: 768px){.footer{padding:2rem 0 1rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-logo{width:300px}}.carousel{position:relative;width:100%;max-width:1000px;margin:0 auto;border-radius:1rem;overflow:hidden;box-shadow:0 10px 30px #0003}.carousel-container{position:relative;width:100%;height:500px}.carousel-slides{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out}.carousel-slide.active{opacity:1}.carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}.carousel-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:var(--white);padding:2rem;text-align:center}.carousel-caption h3{color:var(--white);margin-bottom:.5rem;font-size:1.5rem}.carousel-caption p{color:#ffffffe6;margin:0;font-size:1rem}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--primary-color);transition:all .3s ease;z-index:2}.carousel-btn:hover{background:var(--white);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 15px #0003}.carousel-btn-prev{left:1rem}.carousel-btn-next{right:1rem}.carousel-indicators{display:flex;justify-content:center;gap:.5rem;padding:1rem;background:#0000001a}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:all .3s ease}.indicator.active{background:var(--white);transform:scale(1.2)}.indicator:hover{background:#fffc}@media (max-width: 768px){.carousel-container{height:300px}.carousel-caption{padding:1rem}.carousel-caption h3{font-size:1.2rem}.carousel-caption p{font-size:.9rem}.carousel-btn{width:40px;height:40px}.carousel-btn-prev{left:.5rem}.carousel-btn-next{right:.5rem}}.home{min-height:100vh}.hero-section{background:var(--primary-color);padding:2rem 0}.about-section{padding:4rem 0}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-content h1{font-size:3rem;color:var(--primary-color);margin-bottom:2rem}.intro-text{text-align:left;margin:2rem 0 3rem}.lead{font-size:1.25rem;font-weight:600;color:var(--secondary-color);margin-bottom:1.5rem!important}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.cta-buttons .btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.1rem}.quick-links{padding:4rem 0}.quick-links h2{margin-bottom:3rem;color:var(--primary-color)}.quick-link-card{text-align:center;height:100%;display:flex;flex-direction:column;justify-content:space-between}.quick-link-card h3{color:var(--primary-color);margin-bottom:1rem}.quick-link-card p{flex-grow:1;margin-bottom:1.5rem}.quick-link-card .btn{margin-top:auto;align-self:center}@media (max-width: 768px){.about-content h1{font-size:2.5rem}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:300px;justify-content:center}.intro-text{text-align:left}}.activities{min-height:100vh}.activities-section{padding:4rem 0}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.activity-card{overflow:hidden;height:100%;display:flex;flex-direction:column}.activity-image{width:100%;height:200px;overflow:hidden;object-fit:cover}.activity-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.activity-card:hover .activity-image img{transform:scale(1.05)}.activity-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.activity-content h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.activity-content p{flex-grow:1;margin-bottom:1.5rem;line-height:1.6}.activity-details{margin-top:auto;padding-top:1rem;border-top:1px solid var(--gray-200)}.activity-schedule{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--primary-color);font-weight:500}.activity-contacts{margin-bottom:1rem;color:var(--text-dark);font-size:.95rem}.activity-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-contact,.btn-external{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--primary-color);color:var(--white);text-decoration:none;border-radius:.375rem;font-size:.9rem;font-weight:500;transition:all .3s ease}.btn-contact:hover,.btn-external:hover{background-color:var(--secondary-color);color:var(--tertiary-color);text-decoration:none;transform:translateY(-1px)}.btn-external{background-color:var(--secondary-color);color:var(--tertiary-color)}.btn-external:hover{background-color:var(--primary-color);color:var(--white)}.cta-section{padding:4rem 0}.cta-section h2{color:var(--primary-color);font-size:2.5rem;margin-bottom:1.5rem}.cta-section .lead{font-size:1.25rem;font-weight:600;color:var(--secondary-color);margin-bottom:1rem}.cta-section p{margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.activities-grid{grid-template-columns:1fr}.activity-actions{flex-direction:column}.btn-contact,.btn-external{justify-content:center;width:100%}.cta-section h2{font-size:2rem}}@media (max-width: 480px){.activities-grid{grid-template-columns:1fr}.activity-card{margin:0 -.5rem}}.team{min-height:100vh}.board-section{padding:4rem 0}.board-section h2{color:var(--primary-color);margin-bottom:3rem}.board-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.member-card{text-align:center;height:100%;display:flex;flex-direction:column}.member-image{width:150px;height:150px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;background-color:var(--gray-100)}.member-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary-color);color:var(--white)}.placeholder-icon{font-size:3rem;font-weight:700;margin-bottom:.5rem}.placeholder-text{font-size:.8rem;margin:0;opacity:.9}.member-content{flex-grow:1;display:flex;flex-direction:column}.member-content h3{color:var(--primary-color);margin-bottom:.5rem;font-size:1.5rem}.member-role{color:var(--secondary-color);font-weight:600;margin-bottom:1rem!important;font-size:1.1rem}.member-description{flex-grow:1;line-height:1.6;text-align:left}.members-section{padding:4rem 0}.members-content{max-width:800px;margin:0 auto}.members-content h2{color:var(--primary-color);margin-bottom:1.5rem;text-align:center}.members-content .lead{font-size:1.25rem;font-weight:600;color:var(--secondary-color);margin-bottom:1.5rem;text-align:center}.membership-benefits{background-color:var(--white);padding:2rem;border-radius:1rem;margin:2rem 0;box-shadow:0 4px 6px -1px #0000001a}.membership-benefits h3{color:var(--primary-color);margin-bottom:1rem}.membership-benefits ul{list-style:none;padding:0}.membership-benefits li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-dark)}.membership-benefits li:before{content:"✓";position:absolute;left:0;color:var(--secondary-color);font-weight:700}.membership-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.membership-actions .btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem}.join-section{padding:4rem 0}.join-section h2{color:var(--primary-color);margin-bottom:1.5rem}.join-section .lead{font-size:1.25rem;font-weight:600;color:var(--secondary-color);margin-bottom:1.5rem}.join-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.join-actions .btn{padding:1rem 2rem;font-size:1.1rem}@media (max-width: 768px){.board-grid{grid-template-columns:1fr}.membership-actions{flex-direction:column;align-items:center}.membership-actions .btn{width:100%;max-width:300px;justify-content:center}.join-actions{flex-direction:column;align-items:center}.join-actions .btn{width:100%;max-width:300px;justify-content:center}}.room{min-height:100vh}.room-overview{padding:4rem 0}.room-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.room-description h2{color:var(--primary-color);margin-bottom:1.5rem}.room-description .lead{font-size:1.25rem;font-weight:600;color:var(--secondary-color);margin-bottom:1.5rem}.room-image{position:relative}.room-image img{width:100%;height:400px;object-fit:cover;border-radius:1rem;box-shadow:0 10px 25px #0000001a}.features-section{padding:4rem 0}.features-section h2{color:var(--primary-color);margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{text-align:center;padding:2rem}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--primary-color);color:var(--white);border-radius:50%;margin-bottom:1.5rem}.feature-card h3{color:var(--primary-color);margin-bottom:1rem}.usage-section{padding:4rem 0}.usage-content{max-width:800px;margin:0 auto}.usage-content h2{color:var(--primary-color);margin-bottom:1.5rem;text-align:center}.usage-content .lead{font-size:1.25rem;font-weight:600;color:var(--secondary-color);margin-bottom:2rem;text-align:center}.usage-examples{margin:2rem 0}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.usage-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--light-primary);border-radius:.5rem;color:var(--text-dark)}.usage-bullet{color:var(--secondary-color);font-weight:700;font-size:1.2rem}.usage-note{background-color:var(--light-secondary);padding:2rem;border-radius:1rem;margin-top:2rem}.usage-note h3{color:var(--primary-color);margin-bottom:1rem}.contact-section{padding:4rem 0}.contact-section h2{color:var(--primary-color);margin-bottom:3rem}.room-contact-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.contact-info-card,.rental-info{padding:2rem}.contact-info-card h3,.rental-info h3{color:var(--primary-color);margin-bottom:1.5rem}.contact-details{margin-bottom:1.5rem}.contact-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--text-dark)}.contact-item a{color:var(--primary-color);text-decoration:none}.contact-item a:hover{color:var(--secondary-color);text-decoration:underline}.contact-note{margin-bottom:2rem;padding:1rem;background-color:var(--light-primary);border-radius:.5rem;color:var(--text-dark);font-size:.95rem}.rental-info ul{list-style:none;padding:0;margin-bottom:1.5rem}.rental-info li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-dark)}.rental-info li:before{content:"✓";position:absolute;left:0;color:var(--secondary-color);font-weight:700}.rental-note{padding:1rem;background-color:var(--gray-100);border-radius:.5rem;color:var(--text-dark);font-size:.95rem;margin:0}@media (max-width: 768px){.room-content{grid-template-columns:1fr;gap:2rem}.room-image img{height:300px}.features-grid,.usage-grid,.room-contact-content{grid-template-columns:1fr}}.contact{min-height:100vh}.contact-reasons{padding:4rem 0}.contact-reasons h2{color:var(--primary-color);margin-bottom:3rem}.reasons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.reason-card{text-align:center;padding:2rem}.reason-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--primary-color);color:var(--white);border-radius:50%;margin-bottom:1.5rem}.reason-card h3{color:var(--primary-color);margin-bottom:1rem}.contact-content{padding:4rem 0;width:100%;display:block}.contact-content .container{max-width:none;width:100%}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;max-width:1800px;margin:0 auto}.contact-form-section h2,.contact-info-section h2{color:var(--primary-color);margin-bottom:2rem}.contact-form{background-color:var(--white);padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-dark)}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid var(--gray-200);border-radius:.5rem;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:120px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-light)}.submit-btn{display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center;padding:1rem 2rem;font-size:1.1rem;margin-top:1rem}.contact-info-section{display:flex;flex-direction:column;gap:1.5rem}.contact-card,.opening-hours,.location-note{padding:1.5rem}.contact-card h3,.opening-hours h3,.location-note h3{color:var(--primary-color);margin-bottom:1rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:flex-start;gap:1rem}.contact-item svg{color:var(--primary-color);margin-top:.25rem;flex-shrink:0}.contact-item div{display:flex;flex-direction:column;gap:.25rem}.contact-item strong{color:var(--primary-color);font-weight:600}.contact-item a{color:var(--text-light);text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:var(--primary-color);text-decoration:underline}.contact-person{font-size:.9rem;color:var(--text-light)}.opening-hours p,.location-note p{margin-bottom:1rem;line-height:1.6}.opening-hours p:last-child,.location-note p:last-child{margin-bottom:0}@media (max-width: 768px){.reasons-grid{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;gap:2rem}.form-row{grid-template-columns:1fr}.contact-form{padding:1.5rem}}.impressum-container{max-width:700px;margin:40px auto;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000012;font-size:1.1em}.impressum-container h1{margin-bottom:16px}.impressum-container p{margin-bottom:12px}.datenschutz-container{max-width:700px;margin:40px auto;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000012;font-size:1.1em}.datenschutz-container h1{margin-bottom:16px}.datenschutz-container p{margin-bottom:12px}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}