*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172019;background:#f7f8f5;line-height:1.65}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.top{background:#122219;color:#fff}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:70px}.brand{font-weight:900;font-size:1.35rem;text-decoration:none}.brand span{color:#c8e941}.links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.links a{text-decoration:none;font-size:.94rem}.btn{display:inline-block;background:#d8f052;color:#142014;padding:11px 18px;border-radius:999px;text-decoration:none;font-weight:800}.hero{background:#122219;color:#fff;padding:62px 0 54px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.eyebrow{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c8e941;font-size:.8rem}.hero h1{font-size:clamp(2.7rem,6vw,5.5rem);line-height:.98;margin:.18em 0}.hero p{font-size:1.12rem;color:#d9e1dc;max-width:650px}.hero img{border-radius:26px;box-shadow:0 24px 60px #0005}.section{padding:70px 0}.section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;margin:0 0 18px}.lead{font-size:1.12rem;max-width:780px;color:#4b554e}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.card{background:#fff;border:1px solid #e2e6df;border-radius:18px;padding:26px}.card h3{margin-top:0}.card a{font-weight:800;text-decoration:none}.card a:hover{text-decoration:underline}.alt{background:#edf0e9}.crumb{font-size:.86rem;color:#68736b;padding:20px 0}.crumb a{color:#425047}.article{max-width:820px}.article h1{font-size:clamp(2.35rem,5vw,4.4rem);line-height:1.04;margin:.25em 0}.article h2{font-size:1.8rem;margin-top:2em}.article h3{margin-top:1.7em}.article p,.article li{font-size:1.06rem}.note{border-left:5px solid #b6d62e;background:#f1f5dd;padding:18px 22px;border-radius:8px;margin:28px 0}.examples{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#172019;color:#eaf1ec;padding:20px;border-radius:14px;overflow:auto}.cta{background:#d8f052;padding:55px 0}.cta h2{margin:0 0 10px;font-size:2.4rem}.footer{background:#122219;color:#cbd4ce;padding:42px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer a{color:#fff}.small{font-size:.88rem;color:#667169}.pill{display:inline-block;background:#e9eddc;border-radius:999px;padding:5px 10px;margin:4px 5px 4px 0;font-size:.88rem}.check li{margin:.55em 0}@media(max-width:820px){.hero-grid,.grid{grid-template-columns:1fr}.links a:not(.btn){display:none}.hero{padding-top:38px}.section{padding:52px 0}}
/* Sales-first presentation */
.sale-hero{position:relative;isolation:isolate;background:#122219;color:#fff;min-height:650px;display:flex;align-items:center;overflow:hidden}
.sale-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/verein-news-hero.webp') center 46%/cover no-repeat}
.sale-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,28,18,.97) 0%,rgba(10,28,18,.90) 40%,rgba(10,28,18,.48) 67%,rgba(10,28,18,.18) 100%)}
.sale-copy{max-width:690px;padding:88px 0 96px}
.sale-badge{display:inline-block;background:#d8f052;color:#142014;padding:7px 12px;border-radius:999px;font-weight:900;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;margin-bottom:18px}
.sale-hero h1{font-size:clamp(3rem,6.5vw,6rem);line-height:.96;margin:0 0 22px;letter-spacing:-.035em}
.sale-hero .claim{font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.4;max-width:660px;color:#f0f4f1;margin:0 0 28px}
.sale-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn-outline{display:inline-block;border:1px solid #ffffff80;color:#fff;padding:10px 18px;border-radius:999px;text-decoration:none;font-weight:800;background:#10201999}
.value-strip{background:#fff;border-bottom:1px solid #e2e6df;padding:26px 0}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.value-item strong{display:block;font-size:1.06rem;margin-bottom:2px}.value-item span{color:#5b655e;font-size:.94rem}
.domain-showcase{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.domain-box{background:#172019;color:#eaf1ec;padding:26px;border-radius:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.03rem;line-height:1.9}
.domain-box strong{color:#d8f052}
.sale-note{background:#fff;border:1px solid #dfe4dc;border-radius:18px;padding:26px;margin:28px 0}
.for-sale{color:#819928;font-weight:900}
@media(max-width:820px){.sale-hero{min-height:560px}.sale-hero::after{background:linear-gradient(90deg,rgba(10,28,18,.96),rgba(10,28,18,.72))}.sale-copy{padding:66px 0 72px}.value-grid,.domain-showcase{grid-template-columns:1fr}}

/* Refined sales homepage */
.home-intro{background:#122219;color:#fff;padding:82px 0 64px}
.intro-copy{max-width:970px}
.intro-domain{font-size:clamp(1.15rem,2vw,1.5rem);font-weight:900;color:#c8e941;letter-spacing:.01em;margin-bottom:12px}
.home-intro h1{font-size:clamp(3.8rem,8.5vw,7.6rem);line-height:.88;letter-spacing:-.055em;margin:0 0 34px;max-width:950px}
.intro-lead{font-size:clamp(1.3rem,2.3vw,1.75rem);line-height:1.42;max-width:880px;color:#f0f4f1;margin:0 0 14px}
.intro-text{font-size:clamp(1.05rem,1.6vw,1.22rem);max-width:800px;color:#cfd9d2;margin:0 0 42px}
.purchase-line{border-top:1px solid #ffffff2e;padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:28px}
.purchase-line strong{font-size:1.15rem;color:#fff}.purchase-line span{font-size:.88rem;color:#aebcb3}.btn-large{white-space:nowrap;padding:14px 22px}
.wide-visual{background:#122219;padding:0 0 72px}
.wide-visual img{width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;object-position:center;border-radius:22px;box-shadow:0 24px 60px #0005}
.possibilities{background:#f7f8f5}.possibilities h2,.hierarchy h2,.concept h2{font-size:clamp(2.5rem,5vw,4.7rem);letter-spacing:-.04em;max-width:900px}
.card-no{font-weight:900;color:#9dbb20;font-size:.82rem;letter-spacing:.08em;margin-bottom:22px}
.hierarchy{background:#e9eee5}
.domain-stage{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.domain-column{background:#172019;color:#fff;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:7px;overflow:hidden}
.domain-column span{color:#c8e941;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;margin-bottom:12px}
.domain-column strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.84rem,1.45vw,1.03rem);font-weight:600;white-space:nowrap}
.concept{background:#fff}
.home-contact{background:#d8f052;padding:68px 0}
.contact-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.home-contact h2{font-size:clamp(2.7rem,5vw,4.8rem);line-height:.95;letter-spacing:-.04em;margin:.15em 0}.home-contact p{margin-bottom:0}
.dark-eye{color:#415014}
.contact-mail{font-size:clamp(1.05rem,2vw,1.35rem);font-weight:900;text-decoration:none;border-bottom:2px solid #172019;padding-bottom:3px;white-space:nowrap}
@media(max-width:820px){
 .home-intro{padding:56px 0 42px}.home-intro h1{font-size:clamp(3.2rem,15vw,5rem)}
 .purchase-line,.contact-inner{display:block}.purchase-line .btn{margin-top:22px}
 .wide-visual{padding-bottom:48px}.wide-visual img{aspect-ratio:4/3;border-radius:16px}
 .domain-stage{grid-template-columns:1fr}.contact-mail{display:inline-block;margin-top:24px}
}


/* === verein.news integrated hero, 2026-09-28 === */
.hero-final{
  position:relative;
  min-height:650px;
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  background-color:#102117;
  background-image:url('/assets/verein-news-hero.webp');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}
.hero-final-shade{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,
      rgba(8,26,16,.98) 0%,
      rgba(8,26,16,.94) 27%,
      rgba(8,26,16,.78) 47%,
      rgba(8,26,16,.35) 67%,
      rgba(8,26,16,.08) 100%);
}
.hero-final-inner{
  width:100%;
  padding-top:66px;
  padding-bottom:70px;
}
.hero-final-copy{
  width:min(650px,58%);
}
.hero-final-domain{
  margin:0 0 13px;
  color:#d8f052;
  font-size:1.22rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.01em;
}
.hero-final h1{
  margin:0 0 27px;
  color:#fff;
  font-size:clamp(4.15rem,7.1vw,6.9rem);
  line-height:.87;
  letter-spacing:-.058em;
  font-weight:900;
}
.hero-final-lead{
  max-width:620px;
  margin:0 0 13px;
  color:#fff;
  font-size:clamp(1.18rem,1.7vw,1.42rem);
  line-height:1.42;
}
.hero-final-text{
  max-width:610px;
  margin:0 0 29px;
  color:rgba(255,255,255,.84);
  font-size:1.04rem;
  line-height:1.5;
}
.hero-final-buy{
  margin:0 0 20px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.28);
  color:#fff;
  font-size:clamp(1.13rem,1.65vw,1.38rem);
  line-height:1.35;
  font-weight:700;
}
.hero-final-btn{
  display:inline-block;
  padding:14px 22px;
}
@media (max-width:900px){
  .hero-final{
    min-height:690px;
    background-position:61% center;
  }
  .hero-final-shade{
    background:linear-gradient(90deg,
      rgba(8,26,16,.98) 0%,
      rgba(8,26,16,.92) 48%,
      rgba(8,26,16,.48) 78%,
      rgba(8,26,16,.25) 100%);
  }
  .hero-final-copy{width:min(660px,72%)}
}
@media (max-width:640px){
  .hero-final{
    min-height:680px;
    align-items:flex-end;
    background-position:64% center;
  }
  .hero-final-shade{
    background:linear-gradient(0deg,
      rgba(8,26,16,.99) 0%,
      rgba(8,26,16,.94) 52%,
      rgba(8,26,16,.45) 80%,
      rgba(8,26,16,.18) 100%);
  }
  .hero-final-inner{padding-top:120px;padding-bottom:42px}
  .hero-final-copy{width:100%}
  .hero-final h1{font-size:clamp(3.25rem,15vw,4.7rem)}
  .hero-final-lead{font-size:1.08rem}
  .hero-final-text{font-size:.98rem}
}


/* Hero: Sicherheitsabstand zum Browserrand */
.hero-final-inner{
  box-sizing:border-box;
  padding-left:clamp(28px,4.5vw,72px);
  padding-right:clamp(28px,4.5vw,72px);
}
@media (max-width:640px){
  .hero-final-inner{
    padding-left:22px;
    padding-right:22px;
  }
}