/* === INDEX.PHP - Nur Startseite === */
.mission-box{text-align:center;margin-bottom:80px;max-width:800px;margin-left:auto;margin-right:auto;}
.mission-box h2{font-size:2.2rem;color:var(--logo-dark);margin-bottom:20px;font-weight:300;}
.mission-box p{font-size:1.1rem;color:#444;line-height:1.8;margin-bottom:30px;}
.mission-img{width:100%;max-width:400px;height:auto;aspect-ratio:300/400;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.1);display:block;margin:0 auto 30px;}
.highlight-text{color:var(--primary-accent);font-weight:600;font-style:italic;font-size:1.3rem;display:block;margin-top:20px;}

.bio-section{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center;background:var(--white);padding:50px;border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,0.05);margin-bottom:80px;}
.bio-img{width:100%;max-width:280px;height:auto;object-fit:cover;border-radius:4px;box-shadow:10px 10px 0px var(--page-bg);margin:0 auto;display:block;}
.bio-text h3{color:var(--primary-accent);text-transform:uppercase;margin-bottom:5px;font-size:0.9rem;letter-spacing:1px;}
.bio-text h2{color:var(--logo-dark);font-size:2rem;margin-bottom:20px;}
.bio-text p{margin-bottom:15px;color:#444;}
.bio-quote{border-left:3px solid var(--primary-accent);padding-left:15px;font-style:italic;color:var(--logo-dark);margin:20px 0;background:#fafafa;padding:15px;}

.timeline-section{margin-bottom:60px;}
.timeline-title{text-align:center;color:var(--logo-dark);margin-bottom:40px;}
.timeline{position:relative;max-width:800px;margin:0 auto;border-left:2px solid var(--primary-accent);padding-left:30px;}
.timeline-item{position:relative;margin-bottom:30px;}
.timeline-item::before{content:'';position:absolute;left:-36px;top:5px;width:10px;height:10px;background:var(--logo-dark);border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px var(--primary-accent);}
.year{font-weight:700;color:var(--primary-accent);font-size:1.1rem;}
.event{font-weight:600;color:var(--logo-dark);margin-bottom:5px;}
.desc{font-size:0.9rem;color:#555;}

.popup-content{animation:popupFadeIn 0.5s ease-out;}
.slides-container{position:relative;width:100%;margin-bottom:20px;}
.mySlides{display:none;animation:fadeEffect 1s;}
.popup-image-full{width:100%;height:auto;border-radius:4px;display:block;margin-bottom:0;box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;color:var(--primary-accent);background:rgba(255,255,255,0.9);font-weight:bold;font-size:18px;transition:0.6s ease;border-radius:0 3px 3px 0;user-select:none;z-index:20;border:none;font-family:inherit;}
.next{right:0;border-radius:3px 0 0 3px;}
.prev{left:0;border-radius:3px 0 0 3px;}
.prev:hover,.next:hover{background-color:var(--logo-dark);color:white;}
.dot-container{text-align:center;margin-bottom:15px;}
.dot{cursor:pointer;height:12px;width:12px;margin:0 2px;background-color:#555;border-radius:50%;display:inline-block;transition:background-color 0.6s ease;}
.active-dot,.dot:hover{background-color:var(--primary-accent);}
.btn-popup{display:inline-block;background:var(--primary-accent);color:white;text-decoration:none;padding:14px 35px;border-radius:4px;font-weight:700;transition:0.3s;text-transform:uppercase;font-size:1rem;margin-top:15px;position:relative;z-index:100;}
.btn-popup:hover{background:var(--logo-dark);transform:translateY(-2px);}
.close-popup{position:absolute;top:5px;right:10px;font-size:35px;font-weight:300;color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.5);cursor:pointer;transition:0.3s;z-index:50;background:rgba(0,0,0,0.3);width:40px;height:40px;line-height:35px;border-radius:50%;}
.close-popup:hover{background:var(--primary-accent);color:white;}

@keyframes popupFadeIn{from{opacity:0;transform:translateY(30px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}
@keyframes fadeEffect{from{opacity:.4}to{opacity:1}}

.mySlides.slide-center{text-align:center;}
.popup-image-full.slide-img{margin-bottom:0;max-height:500px;object-fit:contain;cursor:zoom-in;}
.popup-slide-caption{margin-top:15px;}
.popup-slide-caption h3{color:var(--logo-dark);margin-bottom:5px;}
.popup-slide-caption p{font-size:0.9rem;margin-bottom:15px;}

@media(max-width:900px){
.bio-section{grid-template-columns:1fr !important;display:grid !important;gap:30px;}
.bio-img,.mission-img{max-width:100% !important;width:100% !important;height:auto !important;box-shadow:none !important;}
}