/* =========================================================
   INDEX 2026-09-24 – visuelle Entdeckungswelt
   Bildflächen sind absichtlich CSS-Platzhalter.
   ========================================================= */
.home-page-v2{--home-cream:#fbf8ef;--home-paper:#fffdf7;--home-sage:#dfe9d8;--home-deep:#183c2b;--home-text:#193126;background:var(--home-cream);color:var(--home-text)}
.home-page-v2 main{width:100%;margin:0}.home-page-v2 .eyebrow{color:#55745b}.home-page-v2 .brand span{color:var(--home-text)}
.home-site-header{position:sticky;top:0;z-index:100;background:rgba(255,253,247,.94);border-bottom:1px solid rgba(35,65,48,.10);backdrop-filter:blur(14px)}
.home-site-header-inner{width:min(1280px,calc(100% - 32px));min-height:78px;margin:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px}
.home-brand img{width:48px;height:48px}.home-brand span{font-size:1.22rem}
.home-primary-nav{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.7vw,24px);min-width:0}.home-nav-link{display:grid;grid-template-rows:22px auto;place-items:center;gap:3px;min-width:54px;padding:7px 4px;text-decoration:none;color:#263b30;font-size:.69rem;font-weight:850;border-radius:12px}.home-nav-link img{width:21px;height:21px}.home-nav-link:hover{background:#f0f4eb}
.home-worlds-button{display:flex;align-items:center;gap:8px;text-decoration:none;padding:10px 13px;border:1px solid #d7dfd3;border-radius:999px;background:#fff;font-size:.75rem;font-weight:850}.home-worlds-button img{width:17px;height:17px}
.home-discovery-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 13% 18%,rgba(255,250,224,.95),transparent 25rem),linear-gradient(112deg,#fff9e9 0 43%,#d9e3c9 43% 100%);min-height:clamp(510px,60vw,690px)}
.home-discovery-hero::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-1px;height:92px;background:bottom center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130' preserveAspectRatio='none'%3E%3Cpath fill='%23fffdf7' d='M0 58 C60 34 122 86 188 62 C255 37 309 86 381 56 C452 26 507 82 576 58 C644 35 699 88 770 61 C842 34 910 90 984 60 C1056 31 1118 87 1193 59 C1269 31 1338 73 1440 50 L1440 130 L0 130 Z'/%3E%3C/svg%3E")}
.home-hero-inner{width:min(1280px,calc(100% - 32px));margin:auto;min-height:clamp(510px,60vw,690px);display:grid;grid-template-columns:minmax(330px,.83fr) minmax(480px,1.17fr);align-items:center;gap:clamp(18px,4vw,64px);padding:56px 0 88px}.home-hero-copy{position:relative;z-index:2;max-width:590px}.home-hero-copy h1{margin:8px 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.2rem,6.7vw,6.4rem);line-height:.91;letter-spacing:-.045em}.home-hero-copy p{max-width:520px;margin:0 0 25px;color:#5f6d64;font-size:clamp(.94rem,1.4vw,1.08rem);line-height:1.65}.home-hero-button{display:inline-flex;align-items:center;gap:12px;padding:13px 19px;border-radius:999px;text-decoration:none;background:var(--home-deep);color:#fff;font-weight:850;font-size:.84rem;box-shadow:0 10px 24px rgba(24,60,43,.15)}
.home-hero-visual{position:relative;align-self:stretch;min-height:430px;overflow:hidden;border-radius:42% 18% 31% 19%/29% 22% 34% 28%;background:linear-gradient(180deg,rgba(255,238,193,.88) 0 38%,rgba(205,222,184,.88) 38% 69%,rgba(103,140,95,.72) 69% 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)}
.home-hero-visual::before{content:"";position:absolute;inset:auto -9% 0 -9%;height:43%;background:#6b9564;opacity:.68;clip-path:polygon(0 80%,10% 48%,19% 65%,31% 23%,41% 58%,54% 14%,66% 54%,78% 28%,91% 59%,100% 34%,100% 100%,0 100%)}.home-hero-visual::after{content:"";position:absolute;inset:auto -8% 0 -8%;height:25%;background:#355d42;opacity:.62;clip-path:polygon(0 76%,12% 44%,24% 68%,36% 34%,48% 72%,60% 39%,73% 70%,87% 32%,100% 63%,100% 100%,0 100%)}
.home-hero-mountain{position:absolute;left:-2%;right:-2%;bottom:24%;height:38%;opacity:.45}.home-hero-mountain-a{background:#9caf8d;clip-path:polygon(0 100%,0 70%,15% 38%,27% 70%,43% 28%,58% 68%,72% 22%,88% 71%,100% 45%,100% 100%)}.home-hero-mountain-b{background:#7f9d78;clip-path:polygon(0 100%,0 83%,19% 59%,30% 77%,45% 48%,57% 76%,70% 42%,83% 72%,100% 58%,100% 100%)}.home-hero-sun{position:absolute;width:120px;height:120px;border-radius:50%;right:15%;top:13%;background:rgba(255,228,157,.78)}
.home-image-placeholder{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);padding:7px 10px;border:1px dashed rgba(28,60,43,.28);border-radius:999px;background:rgba(255,255,255,.66);color:#587061;font-size:.62rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.home-world-section{position:relative;background:var(--home-paper);padding:54px 0 126px;overflow:hidden}.home-world-section::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-1px;height:96px;background:bottom center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 140' preserveAspectRatio='none'%3E%3Cpath fill='%23dfe9d8' d='M0 68 C84 34 146 92 227 67 C309 41 373 96 461 69 C549 42 611 90 696 71 C778 52 841 96 925 70 C1012 43 1087 96 1172 69 C1255 43 1323 84 1440 61 L1440 140 L0 140 Z'/%3E%3C/svg%3E")}
.home-worlds-wrap,.home-news-wrap{width:min(1280px,calc(100% - 32px));margin:auto}.home-section-heading{margin-bottom:22px}.home-section-heading h2,.home-news-heading h2{margin:4px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.1rem,4vw,3.7rem);line-height:1}.home-world-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.home-world-card{grid-column:span 3;min-width:0;text-decoration:none;color:inherit;display:block;position:relative}.home-world-card:nth-child(n+5){grid-column:span 4}.home-world-visual{--slot-a:#eef2e7;--slot-b:#dce6d3;position:relative;overflow:hidden;aspect-ratio:1.18/1;background:radial-gradient(circle at 28% 28%,rgba(255,255,255,.72),transparent 23%),linear-gradient(145deg,var(--slot-a),var(--slot-b));box-shadow:0 14px 32px rgba(34,57,44,.08);transition:transform .22s ease,box-shadow .22s ease}.home-world-card:hover .home-world-visual{transform:translateY(-4px);box-shadow:0 20px 40px rgba(34,57,44,.13)}
.home-world-card:nth-child(1) .home-world-visual{border-radius:26% 16% 29% 18%/19% 27% 16% 31%}.home-world-card:nth-child(2) .home-world-visual{border-radius:18% 28% 15% 30%/31% 18% 29% 16%}.home-world-card:nth-child(3) .home-world-visual{border-radius:29% 19% 31% 16%/18% 30% 17% 29%}.home-world-card:nth-child(4) .home-world-visual{border-radius:17% 31% 18% 28%/28% 15% 31% 18%}.home-world-card:nth-child(5) .home-world-visual{border-radius:22% 14% 30% 16%/18% 33% 14% 27%}.home-world-card:nth-child(6) .home-world-visual{border-radius:15% 29% 16% 31%/30% 16% 27% 18%}.home-world-card:nth-child(7) .home-world-visual{border-radius:30% 16% 19% 28%/16% 29% 18% 31%}
.home-world-card.world-listen .home-world-visual{--slot-a:#f2ecfb;--slot-b:#ded3f1}.home-world-card.world-material .home-world-visual{--slot-a:#fbefe5;--slot-b:#f1d7c2}.home-world-card.world-research .home-world-visual{--slot-a:#e7f5f2;--slot-b:#cce8e2}.home-world-card.world-outside .home-world-visual{--slot-a:#edf6e9;--slot-b:#d5e8cd}.home-world-card.world-lesen .home-world-visual{--slot-a:#f4efe4;--slot-b:#e7dcc7}.home-world-card.world-bella .home-world-visual{--slot-a:#eaf2f7;--slot-b:#d2e2ed}.home-world-card.world-support .home-world-visual{--slot-a:#f9eee7;--slot-b:#efd6c8}
.home-world-visual::before{content:"";position:absolute;inset:8% auto auto 8%;width:28%;height:28%;border-radius:58% 42% 64% 36%/36% 56% 44% 64%;background:rgba(255,255,255,.16);filter:blur(2px)}.home-world-visual::after{content:"";position:absolute;width:45%;height:45%;right:-8%;bottom:-8%;border-radius:38% 62% 46% 54%/58% 32% 68% 42%;background:rgba(255,255,255,.28);transform:rotate(-18deg)}.home-world-meta{min-height:64px;display:grid;grid-template-columns:58px minmax(0,1fr) 38px;gap:11px;align-items:center;margin-top:-17px;position:relative;z-index:3;padding:0 8px}.home-world-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;border:5px solid var(--home-paper);box-shadow:0 7px 16px rgba(32,57,43,.08)}.home-world-icon img{width:28px;height:28px}.home-world-card h3{margin:15px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.25rem,2vw,1.65rem)}.home-round-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid #bdc9bd;background:rgba(255,255,255,.8);color:#30483a;font-weight:900;transition:transform .18s ease,background .18s ease}.home-world-card:hover .home-round-arrow,.home-news-card:hover .home-round-arrow{transform:translateX(3px);background:#fff}
.home-news-section{position:relative;background:var(--home-sage);padding:44px 0 188px;overflow:hidden}.home-news-heading{margin-bottom:20px}.home-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-news-card{min-width:0;text-decoration:none;color:inherit;background:rgba(255,253,247,.86);border:1px solid rgba(72,100,77,.16);border-radius:28px;overflow:hidden;box-shadow:0 10px 24px rgba(34,57,44,.07);transition:transform .2s ease}.home-news-card:hover{transform:translateY(-3px)}.home-news-visual{position:relative;aspect-ratio:1.85/1;overflow:hidden;background:radial-gradient(circle at 26% 30%,rgba(255,255,255,.65),transparent 20%),linear-gradient(145deg,#cfdfc7,#9fbea0)}.home-news-visual::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:#6f966e;opacity:.42;clip-path:polygon(0 74%,12% 42%,25% 67%,39% 34%,52% 69%,66% 40%,80% 68%,100% 38%,100% 100%,0 100%)}.home-news-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:13px 15px 15px}.home-news-copy small{grid-column:1/-1;width:max-content;padding:4px 7px;border-radius:999px;background:#fff;border:1px solid #d6dfd2;text-transform:uppercase;letter-spacing:.07em;font-size:.57rem;font-weight:900;color:#56705a}.home-news-copy h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.25rem}.home-news-section::after{content:"";position:absolute;left:-2%;right:-2%;bottom:110px;height:90px;background:bottom center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130' preserveAspectRatio='none'%3E%3Cpath fill='%23183c2b' d='M0 63 C78 28 143 92 224 63 C306 34 370 91 456 65 C544 39 618 96 703 66 C787 37 854 92 941 64 C1030 35 1114 95 1203 63 C1289 32 1359 86 1440 57 L1440 130 L0 130 Z'/%3E%3C/svg%3E")}
.home-page-v2 .home-footer{position:relative;margin-top:0;background:var(--home-deep);color:#eef4ed;overflow:hidden}.home-page-v2 .home-footer::before{content:"";position:absolute;left:0;right:0;top:-146px;height:220px;background:top center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 220' preserveAspectRatio='none'%3E%3Crect width='1440' height='220' fill='%23183c2b'/%3E%3Cg fill='%23102f22'%3E%3Cpath d='M0 130l25-30 20 30 20-48 22 48 22-30 25 30 0 90H0z'/%3E%3Cpath d='M110 130l28-44 18 44 18-28 20 28 22-54 30 54 0 90H110z'/%3E%3Cpath d='M250 130l26-36 16 36 18-26 20 26 24-52 34 52 0 90H250z'/%3E%3Cpath d='M390 130l24-32 18 32 20-44 22 44 24-36 30 36 0 90H390z'/%3E%3Cpath d='M540 130l22-54 22 54 20-34 22 34 24-64 34 64 0 90H540z'/%3E%3Cpath d='M700 130l26-40 18 40 18-30 20 30 24-58 34 58 0 90H700z'/%3E%3Cpath d='M860 130l24-36 18 36 18-26 22 26 22-50 32 50 0 90H860z'/%3E%3Cpath d='M1000 130l24-40 18 40 20-28 22 28 26-60 36 60 0 90h-146z'/%3E%3Cpath d='M1160 130l24-34 18 34 20-26 22 26 24-48 34 48 0 90h-142z'/%3E%3Cpath d='M1300 130l22-38 18 38 18-24 20 24 22-54 40 54 0 90h-140z'/%3E%3C/g%3E%3Cg fill='%23224734' opacity='.85'%3E%3Cpath d='M0 152l34-42 34 42 30-60 30 60 24-34 26 34 28-52 32 52v68H0z'/%3E%3Cpath d='M210 152l30-50 30 50 24-36 26 36 28-58 38 58v68H210z'/%3E%3Cpath d='M430 152l28-44 28 44 26-32 26 32 26-56 36 56v68H430z'/%3E%3Cpath d='M640 152l34-56 34 56 26-42 28 42 30-62 40 62v68H640z'/%3E%3Cpath d='M880 152l30-48 30 48 24-34 26 34 28-58 36 58v68H880z'/%3E%3Cpath d='M1100 152l32-54 32 54 28-38 30 38 30-66 42 66v68h-194z'/%3E%3C/g%3E%3Cg fill='%23d7e2d2'%3E%3Ccircle cx='1312' cy='142' r='7'/%3E%3Crect x='1309' y='149' width='6' height='18' rx='3'/%3E%3Ccircle cx='1360' cy='148' r='5'/%3E%3Crect x='1358' y='153' width='4' height='12' rx='2'/%3E%3Cg fill='%23d7e2d2'%3E%3Ccircle cx='84' cy='150' r='5'/%3E%3Ccircle cx='94' cy='154' r='4'/%3E%3Ccircle cx='89' cy='160' r='4'/%3E%3Crect x='88' y='160' width='3' height='11' rx='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.home-page-v2 .home-footer .footer-inner{position:relative;z-index:2;min-height:150px;padding-top:70px}.home-page-v2 .home-footer .footer-inner a{color:#eef4ed}
@media(max-width:1100px){.home-site-header-inner{grid-template-columns:auto 1fr auto;gap:12px}.home-primary-nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.home-primary-nav::-webkit-scrollbar{display:none}.home-nav-link{flex:0 0 auto}.home-worlds-button span{display:none}.home-hero-inner{grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr)}.home-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-world-card,.home-world-card:nth-child(n+5){grid-column:auto}}
@media(max-width:780px){.home-site-header-inner{min-height:70px}.home-brand span{display:none}.home-brand img{width:44px;height:44px}.home-hero-inner{grid-template-columns:1fr;padding:42px 0 88px}.home-hero-copy{max-width:650px}.home-hero-copy h1{font-size:clamp(3.1rem,13vw,5.5rem)}.home-hero-visual{min-height:350px}.home-world-section{padding-top:38px}.home-news-grid{grid-template-columns:1fr}}
@media(max-width:560px){.home-site-header-inner,.home-hero-inner,.home-worlds-wrap,.home-news-wrap{width:calc(100% - 20px)}.home-site-header-inner{grid-template-columns:auto minmax(0,1fr) auto}.home-primary-nav{gap:3px}.home-nav-link{min-width:60px;font-size:.62rem}.home-worlds-button{padding:9px}.home-hero-copy h1{font-size:clamp(2.85rem,15vw,4.6rem)}.home-hero-copy p{font-size:.92rem}.home-hero-visual{min-height:295px;border-radius:52px 27px 62px 31px/34px 58px 30px 62px}.home-world-grid{grid-template-columns:1fr}.home-world-visual{aspect-ratio:1.35/1}.home-world-meta{grid-template-columns:56px 1fr 36px}.home-section-heading h2,.home-news-heading h2{font-size:2.25rem}.home-news-section{padding-bottom:180px}}

/* =========================================================
   INDEX 2026-09-24 – finale Bildintegration
   Bilder liegen ausschließlich in /Bilder/.
   ========================================================= */

/* Hero: das breite Bild wird vollflächig genutzt; links bleibt
   durch den Verlauf eine ruhige Textzone, rechts bleiben Bella
   und Kind vollständig sichtbar. */
.home-discovery-hero{
  min-height:clamp(540px,48vw,720px);
  background:
    linear-gradient(90deg,
      rgba(255,250,237,.97) 0%,
      rgba(255,250,237,.90) 18%,
      rgba(255,250,237,.70) 31%,
      rgba(255,250,237,.23) 45%,
      rgba(255,250,237,0) 59%),
    url("../Bilder/Intro-header.png") center 48%/cover no-repeat;
}
.home-hero-inner{
  display:block;
  min-height:clamp(540px,48vw,720px);
  padding:clamp(68px,8vw,120px) 0 120px;
}
.home-hero-copy{
  max-width:min(600px,48%);
  padding:clamp(14px,2vw,24px) 0;
}
.home-hero-copy h1{
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}
.home-hero-copy p{
  color:#4e6055;
  max-width:470px;
}
.home-hero-visual{
  display:none;
}

/* Die Bild-Platzhalter verschwinden, sobald die echten
   Weltbilder eingebunden sind. */
.home-world-visual .home-image-placeholder,
.home-hero-visual .home-image-placeholder{
  display:none;
}

/* Alle Weltenbilder benutzen die gleiche 4:3-Basis, die
   Formen bleiben jedoch absichtlich unterschiedlich. */
.home-world-visual{
  aspect-ratio:4/3;
  background-color:#e8eee5;
  background-size:cover;
  background-repeat:no-repeat;
  box-shadow:0 15px 34px rgba(31,55,42,.12);
}
.home-world-visual::before,
.home-world-visual::after{
  display:none;
}

.home-world-card.world-listen .home-world-visual{
  background-image:url("../Bilder/Hoeren.png");
  background-position:48% 53%;
}
.home-world-card.world-material .home-world-visual{
  background-image:url("../Bilder/Material.png");
  background-position:center 49%;
}
.home-world-card.world-research .home-world-visual{
  background-image:url("../Bilder/Forschen.png");
  background-position:center 50%;
}
.home-world-card.world-outside .home-world-visual{
  background-image:url("../Bilder/Rausgehen.png");
  background-position:50% 52%;
}
.home-world-card.world-lesen .home-world-visual{
  background-image:url("../Bilder/Lesen.png");
  background-position:center 52%;
}
.home-world-card.world-bella .home-world-visual{
  background-image:url("../Bilder/Bella.png");
  background-position:center 47%;
}
.home-world-card.world-support .home-world-visual{
  background-image:url("../Bilder/Unterstuetzen.png");
  background-position:center 50%;
}

/* Die unregelmäßigen Formen sind stärker voneinander
   unterscheidbar und bleiben weich genug für Fotos. */
.home-world-card:nth-child(1) .home-world-visual{
  border-radius:22% 11% 28% 15%/14% 26% 12% 31%;
}
.home-world-card:nth-child(2) .home-world-visual{
  border-radius:12% 29% 10% 25%/28% 13% 30% 12%;
}
.home-world-card:nth-child(3) .home-world-visual{
  border-radius:29% 14% 25% 11%/13% 31% 12% 27%;
}
.home-world-card:nth-child(4) .home-world-visual{
  border-radius:11% 26% 15% 31%/30% 12% 28% 14%;
}
.home-world-card:nth-child(5) .home-world-visual{
  border-radius:24% 10% 30% 15%/12% 29% 15% 26%;
}
.home-world-card:nth-child(6) .home-world-visual{
  border-radius:14% 31% 12% 24%/28% 13% 30% 15%;
}
.home-world-card:nth-child(7) .home-world-visual{
  border-radius:30% 13% 21% 10%/14% 27% 12% 32%;
}

/* Die kleinen Icon-Kreise sitzen klar vor den Bildern und
   greifen die jeweilige Weltfarbe dezent auf. */
.home-world-icon{
  background:rgba(255,253,247,.96);
  box-shadow:0 8px 20px rgba(25,48,36,.12);
}
.world-listen .home-world-icon{background:#f0eafd}
.world-material .home-world-icon{background:#fbebdf}
.world-research .home-world-icon{background:#e0f3ef}
.world-outside .home-world-icon{background:#e7f3e1}
.world-lesen .home-world-icon{background:#f4eddf}
.world-bella .home-world-icon{background:#e8f1f8}
.world-support .home-world-icon{background:#fae9df}

/* Neu bei Bella: statt Platzhaltern werden die vorhandenen
   Tierbilder aus /Downloads/ angezeigt. */
.home-news-visual{
  background:#b9cdb6;
}
.home-news-visual::after{
  display:none;
}
.home-news-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .28s ease;
}
.home-news-card:hover .home-news-img{
  transform:scale(1.025);
}

/* Der hochgeladene Footer ist jetzt die Waldkante selbst.
   Er ersetzt das provisorische CSS/SVG-Waldmotiv vollständig. */
.home-news-section{
  padding-bottom:92px;
}
.home-news-section::after{
  display:none;
}
.home-page-v2 .home-footer{
  min-height:clamp(250px,25vw,360px);
  margin-top:0;
  background:
    #183c2b url("../Bilder/Intro-footer.png")
    center 64%/cover no-repeat;
}
.home-page-v2 .home-footer::before{
  display:none;
}
.home-page-v2 .home-footer .footer-inner{
  min-height:clamp(250px,25vw,360px);
  padding-top:clamp(170px,18vw,250px);
  padding-bottom:24px;
  align-items:flex-end;
}

/* Desktop: bei sehr breiten Monitoren die Herofiguren nicht
   zu weit nach rechts verlieren. */
@media(min-width:1500px){
  .home-discovery-hero{
    background-position:center 46%;
  }
}

/* Tablet: Bild bleibt groß, Text erhält etwas mehr Fläche. */
@media(max-width:1100px){
  .home-discovery-hero{
    background:
      linear-gradient(90deg,
        rgba(255,250,237,.96) 0%,
        rgba(255,250,237,.83) 29%,
        rgba(255,250,237,.35) 52%,
        rgba(255,250,237,0) 70%),
      url("../Bilder/Intro-header.png") 58% center/cover no-repeat;
  }
  .home-hero-copy{max-width:55%}
}

/* Mobile: Das Hero-Bild bekommt eine eigene obere Bildzone,
   damit die Personen nicht unter dem Text verschwinden. */
@media(max-width:780px){
  .home-discovery-hero{
    min-height:auto;
    padding-top:min(64vw,420px);
    background:
      linear-gradient(180deg,
        rgba(255,250,237,0) 0 47%,
        rgba(255,250,237,.42) 58%,
        rgba(255,250,237,.96) 76%,
        rgba(255,250,237,1) 100%),
      url("../Bilder/Intro-header.png") 67% top/auto min(64vw,420px) no-repeat,
      #fff9ed;
  }
  .home-hero-inner{
    min-height:auto;
    padding:16px 0 102px;
  }
  .home-hero-copy{
    max-width:100%;
    padding:0 4px;
  }
  .home-hero-copy h1{
    font-size:clamp(3rem,13vw,5rem);
  }
  .home-world-visual{
    aspect-ratio:4/3;
  }
  .home-page-v2 .home-footer{
    min-height:270px;
    background-position:center 70%;
  }
  .home-page-v2 .home-footer .footer-inner{
    min-height:270px;
    padding-top:195px;
  }
}

@media(max-width:560px){
  .home-world-visual{
    aspect-ratio:4/3;
  }
  .home-page-v2 .home-footer{
    min-height:235px;
    background-position:center 72%;
  }
  .home-page-v2 .home-footer .footer-inner{
    min-height:235px;
    padding-top:168px;
  }
}

/* =========================================================
   INDEX 2026-09-24 – feststehender Vollhöhen-Hero
   Der Inhaltsbereich scrollt mit seiner weißen Welle über
   das Hero-Bild. Pfeilkreise wurden bewusst entfernt.
   ========================================================= */

/* Hero bleibt unter der Navigationsleiste stehen und füllt
   die gesamte verbleibende Bildschirmhöhe. */
.home-page-v2{
  --home-header-height:78px;
}

.home-discovery{
  position:relative;
}

.home-discovery-hero{
  position:sticky;
  top:var(--home-header-height);
  z-index:0;
  width:100%;
  height:calc(100svh - var(--home-header-height));
  min-height:0;
  overflow:hidden;
  background:
    linear-gradient(90deg,
      rgba(255,250,237,.97) 0%,
      rgba(255,250,237,.90) 18%,
      rgba(255,250,237,.67) 31%,
      rgba(255,250,237,.18) 45%,
      rgba(255,250,237,0) 58%),
    url("../Bilder/Intro-header.png") center center/cover no-repeat;
}

/* Die alte, am Hero festhängende Welle wird abgeschaltet.
   Die Welle gehört jetzt zum scrollenden weißen Inhalt. */
.home-discovery-hero::after{
  display:none;
}

.home-hero-inner{
  width:min(1280px,calc(100% - 32px));
  height:100%;
  min-height:0;
  margin:auto;
  display:flex;
  align-items:center;
  padding:0;
}

.home-hero-copy{
  max-width:min(610px,47%);
  padding:0 0 3vh;
}

.home-hero-copy h1{
  margin-bottom:0;
}

/* Alle folgenden Bereiche liegen über dem feststehenden Hero. */
.home-world-section,
.home-news-section,
.home-footer{
  position:relative;
  z-index:3;
}

/* Die weiße Welle ist Teil des scrollenden Weltenbereichs und
   schiebt sich beim Scrollen sichtbar über das Headerbild. */
.home-world-section{
  margin-top:0;
  padding-top:72px;
  overflow:visible;
  box-shadow:0 -10px 28px rgba(31,55,42,.025);
}

.home-world-section::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  right:0;
  top:-76px;
  height:92px;
  pointer-events:none;
  background:bottom center/100% 100% no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130' preserveAspectRatio='none'%3E%3Cpath fill='%23fffdf7' d='M0 72 C65 36 128 93 198 63 C268 34 326 92 401 57 C478 21 539 91 612 62 C688 31 750 94 824 61 C900 28 968 96 1047 62 C1125 28 1196 93 1275 60 C1340 33 1392 63 1440 51 L1440 130 L0 130 Z'/%3E%3C/svg%3E");
}

/* Ohne rechten Pfeilkreis erhalten Icon und Titel mehr Ruhe. */
.home-world-meta{
  grid-template-columns:58px minmax(0,1fr);
  gap:11px;
  padding-right:12px;
}

.home-world-card h3{
  padding-right:0;
}

.home-round-arrow{
  display:none !important;
}

/* Neu-bei-Bella-Karten sind komplett klickbar; der separate
   Pfeilkreis ist daher ebenfalls entbehrlich. */
.home-news-copy{
  display:block;
  padding:13px 15px 16px;
}

.home-news-copy small{
  display:block;
  width:max-content;
  margin-bottom:6px;
}

.home-news-copy h3{
  margin:0;
}

/* Tablet */
@media(max-width:1100px){
  .home-discovery-hero{
    background:
      linear-gradient(90deg,
        rgba(255,250,237,.96) 0%,
        rgba(255,250,237,.82) 28%,
        rgba(255,250,237,.30) 51%,
        rgba(255,250,237,0) 69%),
      url("../Bilder/Intro-header.png") 58% center/cover no-repeat;
  }
  .home-hero-copy{
    max-width:54%;
  }
}

/* Mobile: auch hier bleibt das Hero bildschirmhoch stehen.
   Die Textzone sitzt unten links auf einer hellen Bildblende. */
@media(max-width:780px){
  .home-page-v2{
    --home-header-height:70px;
  }

  .home-discovery-hero{
    position:sticky;
    top:var(--home-header-height);
    height:calc(100svh - var(--home-header-height));
    min-height:0;
    padding-top:0;
    background:
      linear-gradient(180deg,
        rgba(255,250,237,0) 0%,
        rgba(255,250,237,.04) 42%,
        rgba(255,250,237,.72) 70%,
        rgba(255,250,237,.97) 100%),
      url("../Bilder/Intro-header.png") 67% center/cover no-repeat;
  }

  .home-hero-inner{
    height:100%;
    min-height:0;
    padding:0 0 9vh;
    align-items:flex-end;
  }

  .home-hero-copy{
    max-width:min(92%,620px);
    padding:0 4px;
  }

  .home-world-section{
    padding-top:54px;
  }

  .home-world-section::before{
    top:-66px;
    height:80px;
  }
}

@media(max-width:560px){
  .home-hero-copy h1{
    font-size:clamp(2.8rem,14vw,4.5rem);
  }

  .home-world-meta{
    grid-template-columns:56px minmax(0,1fr);
  }
}

/* =========================================================
   INDEX 2026-09-24 – reduzierter Footer auf Landschaft
   Keine Box, kein Brandtext: Navigation direkt in der hellen
   Waldgrafik, Bella-Logo allein und größer unten mittig.
   ========================================================= */

.home-page-v2 .home-footer{
  position:relative;
  min-height:clamp(390px,31vw,500px);
  margin-top:0;
  overflow:hidden;
  color:var(--home-text);
  background:
    #183c2b url("../Bilder/Intro-footer.png")
    center bottom/cover no-repeat;
}

.home-page-v2 .home-footer::before{
  display:none;
}

.home-footer-content{
  position:relative;
  z-index:2;
  width:min(1000px,calc(100% - 40px));
  min-height:clamp(390px,31vw,500px);
  margin:0 auto;
  padding:clamp(42px,5vw,66px) 0 24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
}

/* Die Links stehen frei in der hellen Himmelszone. */
.home-footer-nav{
  width:min(720px,100%);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(28px,6vw,72px);
  text-align:center;
}

.home-footer-nav section{
  min-width:0;
}

.home-footer-nav h2{
  margin:0 0 12px;
  color:#617468;
  font-family:inherit;
  font-size:.64rem;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.home-footer-nav a{
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 auto;
  padding:4px 0;
  color:#173829;
  text-decoration:none;
  font-size:.79rem;
  font-weight:780;
  line-height:1.38;
  text-shadow:0 1px 0 rgba(255,255,255,.56);
  transition:color .16s ease,transform .16s ease;
}

.home-footer-nav a:hover,
.home-footer-nav a:focus-visible{
  color:#347151;
  transform:translateY(-1px);
}

/* Unten nur noch die Copyrightzeile – ohne Logo. */
.home-footer-copyright{
  margin:0 auto 2px;
  color:#eef4ed;
  font-size:.73rem;
  font-weight:750;
  letter-spacing:.02em;
  text-align:center;
  text-shadow:0 1px 4px rgba(6,31,22,.42);
}

@media(max-width:780px){
  .home-page-v2 .home-footer{
    min-height:460px;
    background-position:center bottom;
  }

  .home-footer-content{
    width:calc(100% - 28px);
    min-height:460px;
    padding-top:34px;
  }

  .home-footer-nav{
    gap:24px;
  }
}

@media(max-width:560px){
  .home-page-v2 .home-footer{
    min-height:560px;
  }

  .home-footer-content{
    min-height:560px;
    padding-top:28px;
  }

  .home-footer-nav{
    width:min(330px,100%);
    grid-template-columns:1fr 1fr;
    gap:24px 34px;
  }

  .home-footer-nav section:nth-child(2){
    grid-row:span 2;
  }
}


/* Keep the lower decorative wave inside the page width as well. */
.home-world-section::after{left:0;right:0}