/* ---------- SECTION SHELL ---------- */
.section{padding:clamp(4rem,9vw,7rem) 0;}
.section--tint{background:var(--sky-tint);}
.section__head{text-align:center;margin-bottom:3rem;}
.section__head h2{font-size:clamp(2rem,4.2vw,3rem);color:var(--navy);}
.section__head p{max-width:58ch;margin:1rem auto 0;color:#3a4a55;}
.section__head .eyebrow{color:var(--orange);}
.section--navy{background:var(--navy);color:var(--white);}
.section--navy .section__head h2{color:var(--orange);}

/* ---------- HERO ---------- */
.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;background:var(--navy);}
.hero__media{position:absolute;inset:0;z-index:1;transform-origin:50% 35%;will-change:transform,opacity;
  background:linear-gradient(180deg,#cfe6ec 0%,#bcdae0 42%,#a9cdd6 100%);}
.hero__media picture{display:block;width:100%;height:100%;}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;}
.hero__inner{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding-top:calc(var(--nav-h) + 7vh);}
.hero h1{color:var(--ink);font-size:clamp(2.3rem,6.2vw,4.6rem);letter-spacing:.005em;}
.hero h1 span{display:block;}
.hero__scroll{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);z-index:3;color:var(--ink);opacity:.55;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;}
.hero__divider{position:absolute;left:0;right:0;bottom:-1px;z-index:4;width:100%;height:clamp(70px,11vw,150px);}

/*  UNSER VEREIN (Über-uns-Intro)  */
.verein{padding:1rem 0 clamp(4rem,9vw,7rem);}
.verein h2{color:var(--orange);text-align:center;font-size:clamp(2.1rem,4.5vw,3.2rem);margin-bottom:2.2rem;}
.verein__body{max-width:66ch;margin-inline:auto;text-align:center;}
.verein__body p{color:#e6eef3;font-weight:300;font-size:1.075rem;}

/* ---------- VERANSTALTUNGEN: Kalender & Download ---------- */
.cal-wrap{margin-top:2.5rem;border-radius:6px;overflow:hidden;border:1px solid #dbe6ea;background:var(--white);box-shadow:0 4px 20px rgba(20,49,74,.06);}
.cal-wrap iframe{width:100%;height:520px;border:0;display:block;}
.prog{margin-top:2rem;text-align:center;}

/* ---------- AGILOLFENHEIM ---------- */
.haus{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:center;}
.haus__body p{color:#3a4a55;}
.haus__list{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:.9rem;}
.haus__list li{padding-left:1.4rem;position:relative;color:#3a4a55;font-size:.95rem;}
.haus__list li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;background:var(--orange);border-radius:50%;}
.haus__list strong{color:var(--navy);}
.haus__gallery{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.haus__media{aspect-ratio:4/3;background:linear-gradient(135deg,#dbe6ea,#eaf2f5);border:1px solid #dbe6ea;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#8ba0aa;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;}
.haus__media:first-child{grid-column:1/-1;aspect-ratio:16/9;}

/*  KONTAKT */
.contact{display:grid;grid-template-columns:1fr 1.15fr;gap:2.5rem;align-items:stretch;}
.contact__info h3{font-size:1.8rem;color:var(--navy);margin-bottom:1rem;}
.contact__row{margin-bottom:1.1rem;}
.contact__label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);display:block;margin-bottom:.15rem;}
.map-wrap{border-radius:6px;overflow:hidden;border:1px solid #dbe6ea;box-shadow:0 4px 20px rgba(20,49,74,.08);min-height:340px;}
.map-wrap iframe{width:100%;height:100%;min-height:340px;border:0;display:block;}

/*  FOOTER  */
.footer{background:var(--navy-darker);color:#cdd9e0;padding:2.5rem 0;text-align:center;font-size:.9rem;}
.footer a{color:#cdd9e0;text-decoration:none;margin:0 .6rem;}
.footer a:hover{color:var(--orange);}

@media (max-width:760px){
  .contact{grid-template-columns:1fr;}
  .haus{grid-template-columns:1fr;}
  .haus__gallery{order:-1;}
}