.kontakt-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-white);overflow:hidden}.kontakt-hero__background{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/HeroKontakt-GyyrGUCf.webp) center center / cover no-repeat;z-index:-2}.kontakt-hero__background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#13388ee6,#0e2a6af2)}.kontakt-hero__content{position:relative;z-index:1;padding:var(--space-20) 0}.kontakt-hero__label{display:inline-block;padding:var(--space-2) var(--space-5);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-6);border:1px solid rgba(255,255,255,.2)}.kontakt-hero__title{font-size:var(--font-size-4xl);line-height:1.1;color:var(--color-white);margin-bottom:var(--space-6)}.kontakt-hero__text{font-size:var(--font-size-lg);max-width:500px;margin:0 auto;opacity:.9}.kontakt-hero__scroll{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);animation:bounce 2s infinite;color:var(--color-white);opacity:.7}.kontakt-hero__scroll svg{width:32px;height:32px}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@media (min-width: 768px){.kontakt-hero__title{font-size:var(--font-size-5xl)}}@media (min-width: 1024px){.kontakt-hero__title{font-size:var(--font-size-6xl)}}.quick-links-section{padding:var(--space-12) 0;background:var(--color-white)}.quick-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.quick-link-card{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6);text-align:center;box-shadow:0 10px 40px -15px #0000000d;transition:all .4s var(--ease-out-expo);border:1px solid var(--color-gray-100);text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center}.quick-link-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #13388e26;border-color:var(--color-primary-light)}.quick-link-card__icon{width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);box-shadow:0 8px 20px -5px #13388e4d;transition:transform .4s var(--ease-out-expo)}.quick-link-card:hover .quick-link-card__icon{transform:scale(1.1) rotate(5deg)}.quick-link-card__icon svg{width:30px;height:30px;color:var(--color-white)}.quick-link-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2);font-weight:700}.quick-link-card p{color:var(--color-gray-500);font-size:var(--font-size-sm);margin-bottom:0}@media (min-width: 768px){.quick-links-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.quick-links-grid{grid-template-columns:repeat(5,1fr)}}.contact-main-section{padding:var(--space-16) 0;background:var(--color-gray-100)}.contact-main-grid{display:grid;gap:var(--space-10)}.contact-form-wrapper{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md)}.contact-form__header{margin-bottom:var(--space-6)}.contact-form__header h2{margin-bottom:var(--space-2)}.contact-form__header p{color:var(--color-gray-600)}.topic-selector{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-1);background:var(--color-gray-100);border-radius:var(--radius-lg);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.topic-selector::-webkit-scrollbar{display:none}.topic-btn{flex:1;min-width:max-content;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast)}.topic-btn svg{width:18px;height:18px}.topic-btn:hover{color:var(--color-primary)}.topic-btn--active{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm)}.contact-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-row{display:grid;gap:var(--space-5)}.form-group{position:relative}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--space-2)}.form-input,.form-textarea{width:100%;padding:var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:inherit;background:var(--color-white);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #13388e1a}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-gray-400)}.form-textarea{resize:vertical;min-height:120px}.tooltip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--color-gray-300);color:var(--color-gray-800);border-radius:50%;font-size:10px;cursor:help;margin-left:4px;transition:all var(--transition-fast)}.tooltip:hover{background:var(--color-primary);color:var(--color-white)}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236c757d' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;background-size:18px;padding-right:var(--space-10)}.form-checkbox{display:flex;align-items:flex-start;gap:var(--space-3)}.form-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;margin-top:2px;position:relative}.form-checkbox input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.form-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.form-checkbox label{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5}.form-checkbox a{color:var(--color-primary);text-decoration:underline}.btn-submit{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-6);background:var(--color-accent);color:var(--color-black);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.btn-submit:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-submit svg{width:20px;height:20px}.btn-submit--loading .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 768px){.form-row{grid-template-columns:1fr 1fr}}.contact-info-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.info-card{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:0 10px 30px #00000008;display:flex;align-items:flex-start;gap:var(--space-5);transition:all .4s var(--ease-out-expo);border:1px solid var(--color-gray-100)}.info-card:hover{transform:scale(1.02);box-shadow:0 20px 40px #00000014}.info-card--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);border:none}.info-card__icon{width:54px;height:54px;background:#13388e0d;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-card--primary .info-card__icon{background:#ffffff1a}.info-card__icon svg{width:24px;height:24px;color:var(--color-primary)}.info-card--primary .info-card__icon svg{color:var(--color-white)}.info-card__content h4{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--space-2)}.info-card--primary .info-card__content h4{color:var(--color-white)}.info-card__content p{color:var(--color-gray-500);font-size:var(--font-size-sm);margin-bottom:0;line-height:1.6}.info-card--primary .info-card__content p{color:#ffffffd9}.info-card__content a{color:var(--color-primary);font-weight:700;text-decoration:underline;transition:all .3s ease}.info-card--primary .info-card__content a{color:var(--color-white)}.info-card__content a:hover{opacity:.8}.info-card__note{display:inline-block;font-size:.7rem;color:var(--color-gray-400);margin-top:var(--space-3);background:var(--color-gray-50);padding:2px 8px;border-radius:var(--radius-full)}.info-card--primary .info-card__note{background:#ffffff1a;color:#ffffffb3}@media (min-width: 1024px){.contact-main-grid{grid-template-columns:1.3fr 1fr;align-items:start}}.faq-section{padding:var(--space-20) 0;background:#fff}.faq-grid{display:grid;gap:var(--space-12)}.faq-content span.section-header__label{display:inline-block;padding:4px 12px;background:#13388e0d;color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.faq-content h2{margin-bottom:var(--space-4);font-size:var(--font-size-4xl)}.faq-content p{color:var(--color-gray-500);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed);font-size:var(--font-size-lg)}.faq-accordion{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid #f1f5f9;transition:all var(--transition-normal)}.faq-item:first-child{border-top:1px solid #f1f5f9}.faq-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) 0;background:none;border:none;cursor:pointer;text-align:left;gap:var(--space-6)}.faq-answer{max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.faq-answer p{color:var(--color-gray-600);font-size:15px;line-height:1.7;padding-bottom:var(--space-6);margin:0}.faq-trigger span{font-size:17px;font-weight:600;color:var(--color-gray-900);transition:color var(--transition-normal)}.faq-icon{width:20px;height:20px;color:var(--color-gray-400);transition:transform .4s cubic-bezier(.4,0,.2,1),color var(--transition-normal);flex-shrink:0}.faq-item--active .faq-trigger span{color:var(--color-primary)}.faq-item--active .faq-icon{transform:rotate(180deg);color:var(--color-primary)}.faq-item--active .faq-answer{max-height:250px}@media (min-width: 1024px){.faq-grid{grid-template-columns:1fr 1.5fr;align-items:start}}@media (max-width: 767px){.faq-trigger span{font-size:16px}}.map-section{padding:var(--space-20) 0 0;background:var(--color-white)}.map-grid{display:grid;gap:var(--space-12)}.map-content{padding-bottom:var(--space-12)}.map-content h2{margin-bottom:var(--space-4);font-size:var(--font-size-4xl)}.anfahrt-intro{color:var(--color-gray-500);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8);font-size:var(--font-size-lg)}.direction-cards{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-10)}.direction-card{display:flex;gap:var(--space-5);padding:var(--space-6);background:var(--color-gray-50);border-radius:var(--radius-xl);transition:all .4s var(--ease-out-expo);border:1px solid transparent}.direction-card:hover{background:var(--color-white);transform:translate(10px);box-shadow:0 10px 30px #0000000d;border-color:#13388e1a}.direction-card__icon{width:54px;height:54px;background:var(--color-white);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #00000008}.direction-card__icon svg{width:26px;height:26px;color:var(--color-primary)}.direction-card h4{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--space-1);color:var(--color-gray-900)}.direction-card p{color:var(--color-gray-500);font-size:var(--font-size-sm);margin-bottom:0;line-height:1.5}.address-box{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);padding:var(--space-8);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-2xl);color:var(--color-white);box-shadow:0 20px 40px -10px #13388e4d}.address-box__icon{width:60px;height:60px;background:#ffffff1a;border-radius:18px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.address-box__icon svg{width:28px;height:28px;color:var(--color-white)}.address-box__content{flex:1;min-width:200px}.address-box__content strong{display:block;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.15em;opacity:.7;margin-bottom:var(--space-2)}.address-box__content p{font-size:var(--font-size-lg);font-weight:600;margin-bottom:0}.address-box .btn{box-shadow:0 10px 20px #0000001a}.map-wrapper{height:450px;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;overflow:hidden;box-shadow:0 30px 60px -15px #0000001a;border:1px solid var(--color-gray-100)}.map-wrapper iframe{width:100%;height:100%;border:none;filter:grayscale(.2) contrast(1.1);transition:filter .5s ease}.map-wrapper:hover iframe{filter:grayscale(0)}@media (min-width: 1024px){.map-grid{grid-template-columns:1fr 1fr;align-items:end}.map-wrapper{height:600px;border-radius:var(--radius-2xl)}}.vorstand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-8);justify-content:center}.vorstand-card{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:0 10px 40px -10px #0000000d;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .5s var(--ease-out-expo);border:1px solid var(--color-gray-100)}.vorstand-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px -15px #13388e1a;border-color:#13388e1a}.vorstand-card__avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;margin-bottom:var(--space-6);position:relative;border:4px solid var(--color-gray-50);box-shadow:0 8px 16px -4px #0000001a;transition:all .5s var(--ease-out-expo)}.vorstand-card:hover .vorstand-card__avatar{border-color:var(--color-primary-light);transform:scale(1.05)}.vorstand-card__avatar img{width:100%;height:100%;object-fit:cover}.vorstand-card__info{width:100%}.vorstand-card__info h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-1);color:var(--color-gray-900)}.vorstand-card__role{display:block;color:var(--color-primary);font-weight:600;font-size:var(--font-size-xs);margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.1em}.vorstand-card__email{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;padding:var(--space-3) var(--space-6);background:#13388e0d;border-radius:var(--radius-lg);transition:all .3s ease;width:auto}.vorstand-card__email:hover{background:var(--color-primary);color:var(--color-white);transform:scale(1.02)}.vorstand-card__email:before{content:"";display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'%3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;filter:brightness(0) saturate(100%) invert(20%) sepia(91%) saturate(1450%) hue-rotate(212deg) brightness(92%) contrast(92%);transition:filter .3s ease}.vorstand-card__email:hover:before{filter:brightness(0) invert(1)}@media (min-width: 640px){.vorstand-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.vorstand-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 767px){.kontakt-hero{min-height:80vh}.kontakt-hero__scroll{display:none}.contact-form-wrapper{padding:var(--space-6) var(--space-5);margin:0 var(--space-1)}.topic-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.address-box{flex-direction:column;text-align:center}.address-box__content,.address-box .btn{width:100%}}