:root{
  --green:#00a982;
  --green-dark:#006f61;
  --green-soft:#e8f7f3;
  --navy:#102b4e;
  --ink:#182331;
  --text:#33475b;
  --muted:#66788a;
  --surface:#ffffff;
  --soft:#f6f9fb;
  --line:#e3e9ef;
  --gold:#f4b400;
  --max:1240px;
  --radius:28px;
  --shadow:0 24px 70px rgba(18,47,78,.09);
  --shadow-soft:0 12px 36px rgba(18,47,78,.07);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:#fff;
  font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit}
button,input,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
.anchor{scroll-margin-top:110px}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 13px;border-radius:999px;
  background:var(--green-soft);color:var(--green-dark);
  font-size:13px;font-weight:800;letter-spacing:.02em
}
.section{padding:92px 0}
.section.soft{background:var(--soft)}
.section-head{max-width:820px;margin-bottom:38px}
.section-head h2,.page-hero h1{
  margin:0 0 14px;
  font-size:clamp(34px,5vw,56px);
  line-height:1.05;
  letter-spacing:-.035em;
}
.section-head p,.page-hero p{margin:0;color:var(--muted);font-size:19px}
h1,h2,h3{color:var(--ink)}
h3{line-height:1.18}
.prose{color:var(--text);font-size:17px}
.prose p{margin:0 0 18px}
.prose ul{color:var(--text)}
.muted{color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Header */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(227,233,239,.92);
}
.nav{
  min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px
}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;min-width:0}
.brand-logo{width:54px;height:54px;object-fit:contain}
.brand-copy{display:flex;flex-direction:column;min-width:0}
.brand-copy strong{font-size:17px;line-height:1.15}
.brand-copy span{font-size:12.5px;color:var(--muted);white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-links a{text-decoration:none;font-weight:750;font-size:14px;color:#33465a}
.nav-links a:hover{color:var(--green-dark)}
.nav-actions{display:flex;align-items:center;gap:10px}
.menu-btn{
  display:none;border:1px solid var(--line);background:#fff;border-radius:12px;
  width:46px;height:46px;align-items:center;justify-content:center;cursor:pointer
}

/* Buttons */
.btn{
  min-height:50px;padding:0 20px;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  text-decoration:none;font-weight:800;font-size:15px;
  border:1px solid transparent;transition:.18s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--green);color:#fff;box-shadow:0 14px 30px rgba(0,169,130,.22)}
.btn-primary:hover{background:#009a77}
.btn-outline{background:#fff;border-color:#b7ddd3;color:var(--green-dark)}
.btn-ghost{background:#fff;border-color:var(--line);color:var(--ink)}
.btn-dark{background:var(--navy);color:#fff}
.actions{display:flex;flex-wrap:wrap;gap:12px}

/* Top photo banner */
.team-banner{padding:24px 0 0;background:linear-gradient(180deg,#fff 0%,#f8fbfc 100%)}
.team-banner-card{
  position:relative;overflow:hidden;border-radius:30px;
  height:clamp(300px,42vw,520px);
  box-shadow:var(--shadow);
}
.team-banner-card img{width:100%;height:100%;object-fit:cover;object-position:center 47%}
.team-banner-shade{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(10,28,45,.64) 100%);
}
.team-banner-caption{
  position:absolute;left:28px;bottom:26px;color:#fff;max-width:760px
}
.team-banner-caption strong{display:block;font-size:clamp(24px,3.5vw,42px);line-height:1.06}
.team-banner-caption span{display:block;margin-top:7px;font-size:16px;opacity:.92}

/* Homepage hero under banner */
.home-hero{padding:56px 0 84px;background:linear-gradient(180deg,#f8fbfc 0%,#fff 100%)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center}
.hero-copy h1{
  margin:16px 0 18px;font-size:clamp(42px,6vw,68px);line-height:1.01;letter-spacing:-.045em
}
.hero-copy>p{margin:0 0 26px;color:var(--muted);font-size:20px;max-width:710px}
.hero-media{position:relative}
.hero-media-main{
  overflow:hidden;border-radius:30px;box-shadow:var(--shadow);background:#ddd
}
.hero-media-main img{
  width:100%;height:620px;object-fit:cover;object-position:center 38%
}
.hero-stamp{
  position:absolute;left:-24px;bottom:28px;
  background:#fff;border:1px solid var(--line);border-radius:20px;
  box-shadow:var(--shadow-soft);padding:18px 20px;max-width:290px
}
.hero-stamp strong{display:block;color:var(--navy);font-size:18px}
.hero-stamp span{display:block;color:var(--muted);font-size:14px;margin-top:4px}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:28px}
.quick{
  padding:17px 18px;border:1px solid var(--line);border-radius:17px;background:#fff
}
.quick strong{display:block;font-size:15px}
.quick span{display:block;color:var(--muted);font-size:13px;margin-top:3px}

/* Rating */
.rating-strip{padding:0 0 24px;background:#fff}
.rating-card{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;
  padding:20px 24px;border:1px solid var(--line);border-radius:22px;
  box-shadow:var(--shadow-soft);background:#fff
}
.rating-score{font-size:34px;font-weight:900;color:var(--navy);line-height:1}
.stars{color:var(--gold);letter-spacing:2px;font-size:21px}
.rating-copy strong{display:block}
.rating-copy span{display:block;color:var(--muted);font-size:14px;margin-top:3px}

/* Cards */
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-card{
  display:flex;flex-direction:column;min-height:315px;
  padding:26px;border:1px solid var(--line);border-radius:24px;background:#fff;
  box-shadow:var(--shadow-soft);text-decoration:none;transition:.2s ease
}
.service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.service-number{font-weight:900;color:var(--green);font-size:13px;letter-spacing:.08em}
.service-card h3{margin:14px 0 10px;font-size:23px}
.service-card p{margin:0;color:var(--muted);font-size:15px}
.service-link{margin-top:auto;padding-top:22px;color:var(--green-dark);font-weight:850}
.trust-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:stretch}
.panel{
  border:1px solid var(--line);background:#fff;border-radius:28px;padding:32px;
  box-shadow:var(--shadow-soft)
}
.panel h2{font-size:clamp(31px,4vw,44px);margin:0 0 16px;line-height:1.08}
.panel p{color:var(--muted)}
.image-card{overflow:hidden;border-radius:28px;box-shadow:var(--shadow);min-height:420px}
.image-card img{width:100%;height:100%;object-fit:cover}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.badge{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:800;color:#405368}

/* Process */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.process{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff}
.process-num{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green-dark);font-weight:900}
.process h3{margin:17px 0 7px;font-size:20px}
.process p{margin:0;color:var(--muted);font-size:14.5px}

/* Team */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.member{
  border:1px solid var(--line);border-radius:26px;background:#fff;padding:26px;
  box-shadow:var(--shadow-soft)
}
.member-head{text-align:center}
.member img{width:175px;height:175px;border-radius:50%;object-fit:cover;margin:0 auto 18px}
.member h3{margin:0;font-size:26px}
.member-role{margin:6px 0 18px;color:var(--green-dark);font-weight:850}
.member p{margin:0;color:var(--muted);font-size:15.5px}
.member.featured{border-color:#bfe5dc;background:linear-gradient(180deg,#fff 0%,#f5fbf9 100%)}

/* Team gallery */
.photo-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}
.photo-grid .photo{overflow:hidden;border-radius:24px;min-height:280px;box-shadow:var(--shadow-soft)}
.photo-grid .photo:first-child{grid-row:span 2;min-height:580px}
.photo img{width:100%;height:100%;object-fit:cover}

/* Local / contact */
.local-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}
.contact-list{display:grid;gap:0;margin-top:16px}
.contact-row{padding:16px 0;border-top:1px solid var(--line)}
.contact-row:first-child{border-top:0}
.contact-row strong{display:block;font-size:14px;margin-bottom:3px}
.contact-row a,.contact-row span{color:var(--muted);text-decoration:none}
.review-grid{display:grid;grid-template-columns:310px 1fr;gap:30px;align-items:center}
.review-photo{overflow:hidden;border-radius:24px;box-shadow:var(--shadow-soft)}
.review-photo img{width:100%;height:390px;object-fit:cover}
.review-big{font-size:48px;font-weight:950;color:var(--navy);line-height:1}
.review-meta{margin-top:7px;color:var(--muted)}
.review-actions{margin-top:22px}

/* FAQ */
.faq{display:grid;gap:12px;max-width:920px}
details{
  border:1px solid var(--line);border-radius:18px;background:#fff;padding:0 20px
}
summary{
  cursor:pointer;list-style:none;padding:20px 0;font-weight:850;color:var(--ink)
}
summary::-webkit-details-marker{display:none}
details p{margin:0 0 20px;color:var(--muted)}
details[open]{box-shadow:var(--shadow-soft)}

/* Service/detail pages */
.page-hero{padding:74px 0 54px;background:linear-gradient(180deg,#f7fbfa 0%,#fff 100%)}
.page-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:42px;align-items:center}
.page-hero h1{font-size:clamp(42px,6vw,66px)}
.page-hero-media{overflow:hidden;border-radius:28px;box-shadow:var(--shadow);height:520px}
.page-hero-media img{width:100%;height:100%;object-fit:cover}
.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:17px}
.breadcrumbs a{text-decoration:none;color:var(--green-dark)}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:34px;align-items:start}
.sidebar{position:sticky;top:110px}
.sidebar-card{border:1px solid var(--line);border-radius:22px;padding:23px;background:#fff;box-shadow:var(--shadow-soft)}
.sidebar-card h3{margin-top:0}
.sidebar-card .btn{width:100%;margin-top:8px}
.key-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}
.key{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff}
.key strong{display:block;margin-bottom:6px}
.key span{color:var(--muted);font-size:14px}
.content-section{margin-bottom:44px}
.content-section h2{font-size:31px;margin:0 0 13px;line-height:1.12}
.content-section h3{margin-top:26px}
.disclaimer{padding:17px 20px;border-left:4px solid var(--green);background:var(--green-soft);border-radius:12px;color:#34565a;font-size:14px}

/* Footer */
.site-footer{background:#0d2035;color:#e8eef4;padding:42px 0 88px}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:26px}
.footer-grid strong{display:block;margin-bottom:10px}
.footer-grid a{display:block;color:#dce6ee;text-decoration:none;margin:6px 0;font-size:14px}
.footer-copy{color:#b9c8d4;font-size:14px}
.footer-legal{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);display:flex;gap:18px;flex-wrap:wrap}
.footer-legal a{display:inline;color:#dce6ee;text-decoration:none;font-size:14px}

/* Mobile fixed contacts */
.mobile-contact{
  display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:80;
  padding:8px;background:rgba(255,255,255,.96);border:1px solid var(--line);
  box-shadow:0 16px 40px rgba(0,0,0,.16);border-radius:18px;backdrop-filter:blur(10px)
}
.mobile-contact a{flex:1;min-height:46px}
.float-whatsapp{
  position:fixed;right:20px;bottom:22px;z-index:70;
  min-width:58px;height:58px;border-radius:50%;background:var(--green);
  color:#fff;display:grid;place-items:center;text-decoration:none;font-weight:900;
  box-shadow:0 15px 38px rgba(0,169,130,.32)
}

/* Reveal */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .btn,.service-card{transition:none}
}

/* Responsive */
@media(max-width:1080px){
  .nav-links{gap:14px}
  .service-grid,.process-grid{grid-template-columns:repeat(2,1fr)}
  .hero-grid,.trust-grid,.local-grid,.page-hero-grid{grid-template-columns:1fr}
  .hero-media-main img{height:620px}
  .photo-grid{grid-template-columns:1fr 1fr}
  .photo-grid .photo:first-child{grid-row:auto;grid-column:1/-1;min-height:420px}
  .content-grid{grid-template-columns:1fr}
  .sidebar{position:static}
}
@media(max-width:820px){
  .container{width:min(100% - 28px,var(--max))}
  .site-header .nav{min-height:70px}
  .brand-logo{width:44px;height:44px}
  .brand-copy span{display:none}
  .nav-links{
    display:none;position:absolute;left:14px;right:14px;top:74px;
    flex-direction:column;align-items:stretch;gap:0;padding:12px;
    background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)
  }
  .nav-links.open{display:flex}
  .nav-links a{padding:12px}
  .nav-actions .btn{display:none}
  .menu-btn{display:flex}
  .team-banner-card{border-radius:22px;height:360px}
  .team-banner-caption{left:18px;right:18px;bottom:18px}
  .home-hero{padding:42px 0 70px}
  .hero-copy h1{font-size:44px}
  .hero-copy>p{font-size:18px}
  .hero-media-main img{height:500px}
  .hero-stamp{position:relative;left:auto;bottom:auto;margin:-32px 16px 0;max-width:none}
  .quick-grid,.service-grid,.process-grid,.team-grid,.key-grid{grid-template-columns:1fr}
  .section{padding:72px 0}
  .rating-card{grid-template-columns:1fr}
  .rating-card .actions{margin-top:4px}
  .photo-grid{grid-template-columns:1fr}
  .photo-grid .photo:first-child{grid-column:auto;min-height:310px}
  .review-grid{grid-template-columns:1fr}
  .review-photo img{height:420px}
  .footer-grid{grid-template-columns:1fr}
  .page-hero{padding-top:48px}
  .page-hero-media{height:440px}
  .float-whatsapp{display:none}
  .mobile-contact{display:flex;gap:8px}
  .site-footer{padding-bottom:100px}
}
@media(max-width:520px){
  .brand-copy strong{font-size:14.5px}
  .team-banner-card{height:300px}
  .hero-copy h1{font-size:38px}
  .actions .btn{width:100%}
  .hero-media-main img{height:430px}
  .section-head p,.page-hero p{font-size:17px}
  .page-hero h1{font-size:39px}
}


/* V3: Privacy / virtual tour / contextual trust */
.whatsapp-trust{
  display:flex;align-items:flex-start;gap:14px;
  margin-top:18px;padding:16px 18px;border:1px solid #c9e9e1;
  background:#f2fbf8;border-radius:16px;color:#3c5f5b
}
.whatsapp-trust-icon{
  flex:0 0 38px;width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;background:#dff5ef;color:var(--green-dark);font-weight:950
}
.whatsapp-trust strong{display:block;color:var(--green-dark);margin-bottom:3px}
.whatsapp-trust span{display:block;font-size:13.5px;line-height:1.5}
.whatsapp-trust a{color:var(--green-dark);font-weight:800}
.privacy-pill{
  display:inline-flex;align-items:center;gap:7px;margin-top:9px;
  font-size:12.5px;font-weight:800;color:var(--green-dark)
}
.privacy-pill:before{
  content:"✓";width:20px;height:20px;border-radius:50%;
  display:grid;place-items:center;background:var(--green-soft);font-size:12px
}
.tour-grid{
  display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center
}
.tour-preview{
  position:relative;overflow:hidden;border-radius:28px;box-shadow:var(--shadow);min-height:480px
}
.tour-preview img{width:100%;height:100%;min-height:480px;object-fit:cover}
.tour-badge{
  position:absolute;left:20px;top:20px;background:rgba(12,32,53,.88);color:#fff;
  border-radius:999px;padding:10px 14px;font-size:13px;font-weight:900;backdrop-filter:blur(8px)
}
.tour-overlay{
  position:absolute;left:20px;right:20px;bottom:20px;
  padding:20px;border:1px solid rgba(255,255,255,.28);
  border-radius:20px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);
  box-shadow:var(--shadow-soft)
}
.tour-overlay strong{display:block;font-size:19px}
.tour-overlay span{display:block;color:var(--muted);font-size:14px;margin-top:3px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature{
  border:1px solid var(--line);border-radius:22px;background:#fff;padding:24px;
  box-shadow:var(--shadow-soft)
}
.feature strong{display:block;font-size:18px;margin-bottom:7px}
.feature p{margin:0;color:var(--muted);font-size:14.5px}
.image-credit{margin-top:8px;color:var(--muted);font-size:12px}
.service-photo-context{
  margin-top:18px;padding:13px 15px;border-radius:14px;background:#f7fafc;
  color:var(--muted);font-size:13px;border:1px solid var(--line)
}

@media(max-width:1080px){
  .tour-grid{grid-template-columns:1fr}
  .feature-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .tour-preview,.tour-preview img{min-height:390px}
}


/* V4 – premium details and sharper rendering */
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body{text-rendering:optimizeLegibility}
img{image-rendering:auto;-ms-interpolation-mode:bicubic}

.brand-logo{
  width:48px;height:48px;object-fit:contain;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.04))
}

.float-whatsapp{
  right:22px;bottom:24px;
  width:auto;min-width:230px;height:66px;
  border-radius:20px;padding:8px 15px 8px 9px;
  background:#25D366;color:#fff;
  display:flex;align-items:center;justify-content:flex-start;gap:11px;
  box-shadow:0 18px 46px rgba(37,211,102,.32);
  border:1px solid rgba(255,255,255,.34);
  font-weight:inherit
}
.float-whatsapp:hover{transform:translateY(-2px);box-shadow:0 22px 54px rgba(37,211,102,.4)}
.float-wa-icon{
  width:48px;height:48px;border-radius:14px;display:grid;place-items:center;
  background:rgba(255,255,255,.14);flex:0 0 48px
}
.float-wa-icon img{width:27px;height:27px}
.float-wa-copy{display:flex;flex-direction:column;line-height:1.15}
.float-wa-copy strong{font-size:16px;color:#fff}
.float-wa-copy span{font-size:11.5px;color:rgba(255,255,255,.9);margin-top:4px;font-weight:650}

.wa-confidence{
  margin-top:18px;border:1px solid #cbece2;background:#f3fbf8;
  border-radius:17px;padding:15px 17px;display:flex;gap:13px;align-items:flex-start;
  max-width:720px
}
.wa-confidence-mark{
  flex:0 0 34px;width:34px;height:34px;border-radius:10px;
  display:grid;place-items:center;background:#25D366
}
.wa-confidence-mark img{width:20px;height:20px}
.wa-confidence strong{display:block;color:#075e54;font-size:14px}
.wa-confidence p{margin:3px 0 0!important;font-size:13.5px!important;line-height:1.48;color:#506b68!important}

.quick-services{padding:0 0 36px}
.quick-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.quick-service{
  padding:18px;border:1px solid var(--line);border-radius:18px;
  background:#fff;text-decoration:none;box-shadow:var(--shadow-soft);
  transition:.18s ease
}
.quick-service:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.quick-service .qs-icon{
  width:38px;height:38px;border-radius:11px;background:var(--green-soft);
  color:var(--green-dark);display:grid;place-items:center;font-weight:900;margin-bottom:12px
}
.quick-service.whatsapp .qs-icon{background:#25D366}
.quick-service.whatsapp .qs-icon img{width:21px;height:21px}
.quick-service strong{display:block;font-size:15px}
.quick-service span{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}

.secure-strip{
  margin-top:24px;padding:21px 22px;border-radius:21px;
  background:linear-gradient(135deg,#075e54 0%,#0b7768 100%);
  color:#fff;display:grid;grid-template-columns:1.25fr repeat(3,.75fr);gap:18px;align-items:center;
  box-shadow:0 18px 45px rgba(7,94,84,.17)
}
.secure-strip h3{color:#fff;margin:0 0 3px;font-size:19px}
.secure-strip p{margin:0;color:rgba(255,255,255,.83);font-size:13px}
.secure-fact{border-left:1px solid rgba(255,255,255,.22);padding-left:18px}
.secure-fact strong{display:block;color:#fff;font-size:14px}
.secure-fact span{display:block;color:rgba(255,255,255,.8);font-size:12px;margin-top:2px}

@media(max-width:980px){
  .quick-service-grid{grid-template-columns:repeat(2,1fr)}
  .secure-strip{grid-template-columns:1fr 1fr}
  .secure-fact:nth-child(2){border-left:0;padding-left:0}
}
@media(max-width:820px){
  .float-whatsapp{display:none}
  .quick-service-grid{grid-template-columns:1fr 1fr}
  .mobile-contact .btn-primary{
    background:#25D366;
  }
}
@media(max-width:560px){
  .quick-service-grid{grid-template-columns:1fr}
  .secure-strip{grid-template-columns:1fr}
  .secure-fact{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:13px 0 0}
}


/* V5 FINAL – accessibility, service utilities, final polish */
.skip-link{
  position:absolute;left:14px;top:-80px;z-index:200;
  background:#fff;color:var(--navy);border:2px solid var(--green);
  border-radius:12px;padding:10px 14px;font-weight:850;text-decoration:none;
  box-shadow:var(--shadow-soft)
}
.skip-link:focus{top:12px}
a:focus-visible,button:focus-visible,summary:focus-visible{
  outline:3px solid rgba(0,169,130,.35);outline-offset:3px
}
.nav-links a[aria-current="page"]{color:var(--green-dark)}
.service-tools-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px
}
.service-tool{
  display:flex;flex-direction:column;min-height:220px;
  padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff;
  text-decoration:none;box-shadow:var(--shadow-soft);transition:.18s ease
}
.service-tool:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.service-tool .tool-icon{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:var(--green-soft);color:var(--green-dark);font-size:19px;font-weight:950
}
.service-tool h3{margin:16px 0 7px;font-size:20px}
.service-tool p{margin:0;color:var(--muted);font-size:14px}
.service-tool .tool-link{margin-top:auto;padding-top:18px;color:var(--green-dark);font-weight:850}
.official-note{
  margin-top:18px;padding:15px 17px;border:1px solid var(--line);border-radius:16px;
  background:#fff;color:var(--muted);font-size:13.5px
}
.official-note strong{color:var(--ink)}
.photo-credit{margin-top:8px;color:var(--muted);font-size:11.5px}
.mobile-contact img{width:20px;height:20px;margin-right:7px}
@media(max-width:1080px){
  .service-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .service-tools-grid{grid-template-columns:1fr}
}


/* V6 FINAL – embedded 360° Google Street View, click-to-load */
.streetview-shell{
  position:relative;overflow:hidden;border-radius:28px;
  min-height:520px;background:#e9eef2;box-shadow:var(--shadow)
}
.streetview-preview{
  position:absolute;inset:0;display:flex;align-items:flex-end;
  background:#dfe6ea
}
.streetview-preview>img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover
}
.streetview-preview:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(9,28,44,.03) 25%,rgba(9,28,44,.7) 100%)
}
.streetview-start{
  position:relative;z-index:2;margin:24px;width:min(520px,calc(100% - 48px));
  padding:22px;border:1px solid rgba(255,255,255,.35);
  border-radius:20px;background:rgba(255,255,255,.95);
  box-shadow:0 18px 44px rgba(15,35,55,.18);backdrop-filter:blur(12px)
}
.streetview-start .sv-kicker{
  display:inline-flex;padding:7px 10px;border-radius:999px;
  background:var(--green-soft);color:var(--green-dark);
  font-size:12px;font-weight:900;margin-bottom:10px
}
.streetview-start strong{
  display:block;font-size:22px;line-height:1.15;color:var(--ink);margin-bottom:7px
}
.streetview-start p{
  margin:0 0 16px!important;color:var(--muted)!important;font-size:14px!important
}
.streetview-actions{display:flex;flex-wrap:wrap;gap:10px}
.streetview-frame{
  width:100%;height:520px;border:0;display:block;background:#dfe6ea
}
.streetview-loaded-note{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:12px 14px;border:1px solid var(--line);border-radius:14px;
  background:#fff;margin-top:12px;color:var(--muted);font-size:12.5px
}
.streetview-loaded-note a{color:var(--green-dark);font-weight:800}
@media(max-width:820px){
  .streetview-shell,.streetview-frame{min-height:440px;height:440px}
  .streetview-start{margin:16px;width:calc(100% - 32px);padding:18px}
  .streetview-start strong{font-size:19px}
}


/* V7 – Partnerschaften & Engagement */
@media(max-width:1180px) and (min-width:821px){
  .nav-links{gap:13px}
  .nav-links a{font-size:13px}
  .brand-copy span{display:none}
}

.engagement-hero{
  padding:58px 0 76px;
  background:
    radial-gradient(circle at 8% 15%,rgba(0,169,130,.11),transparent 34%),
    linear-gradient(180deg,#f8fbfc 0%,#fff 100%);
}
.engagement-hero-grid{
  display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center
}
.engagement-hero h1{
  margin:16px 0 18px;
  font-size:clamp(44px,6vw,70px);
  line-height:.99;letter-spacing:-.045em
}
.engagement-hero p{
  max-width:720px;margin:0;color:var(--muted);font-size:20px
}
.engagement-hero-media{
  position:relative;overflow:hidden;border-radius:32px;
  min-height:580px;box-shadow:var(--shadow);background:#dde5e9
}
.engagement-hero-media img{
  width:100%;height:580px;object-fit:cover;object-position:center 45%
}
.engagement-hero-media:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(10,29,46,.62) 100%)
}
.engagement-hero-label{
  position:absolute;z-index:2;left:24px;right:24px;bottom:22px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:20px;color:#fff
}
.engagement-hero-label strong{display:block;font-size:21px}
.engagement-hero-label span{font-size:13px;opacity:.88}

.engagement-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px
}
.engagement-stat{
  border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px 17px;
  box-shadow:var(--shadow-soft)
}
.engagement-stat strong{
  display:block;color:var(--navy);font-size:25px;line-height:1
}
.engagement-stat span{
  display:block;color:var(--muted);font-size:12.5px;margin-top:7px;line-height:1.35
}

.engagement-subnav{
  position:sticky;top:82px;z-index:25;border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px)
}
.engagement-subnav .container{
  display:flex;align-items:center;gap:10px;overflow-x:auto;padding-top:11px;padding-bottom:11px;
  scrollbar-width:none
}
.engagement-subnav .container::-webkit-scrollbar{display:none}
.engagement-subnav a{
  white-space:nowrap;text-decoration:none;padding:9px 13px;border-radius:999px;
  color:var(--muted);font-size:13px;font-weight:800;border:1px solid transparent
}
.engagement-subnav a:hover{background:var(--green-soft);color:var(--green-dark)}

.partner-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px
}
.partner-card{
  position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:390px;
  padding:25px;border:1px solid var(--line);border-radius:26px;background:#fff;
  box-shadow:var(--shadow-soft);transition:.2s ease
}
.partner-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.partner-card:before{
  content:attr(data-mark);position:absolute;right:-10px;top:-22px;
  font-size:96px;line-height:1;font-weight:950;letter-spacing:-.08em;
  color:rgba(16,43,78,.035);pointer-events:none
}
.partner-badge{
  display:inline-flex;align-self:flex-start;padding:8px 11px;border-radius:999px;
  background:var(--green-soft);color:var(--green-dark);font-weight:900;font-size:12px;
  margin-bottom:34px
}
.partner-card h3{margin:0 0 9px;font-size:27px;letter-spacing:-.025em}
.partner-card p{margin:0;color:var(--muted);font-size:15px}
.partner-highlight{
  margin-top:18px;padding:13px 14px;border-radius:15px;background:var(--soft);
  color:var(--navy);font-size:13px;font-weight:850
}
.partner-actions{
  margin-top:auto;padding-top:26px;display:flex;flex-wrap:wrap;gap:9px
}
.partner-link{
  display:inline-flex;align-items:center;gap:7px;text-decoration:none;
  color:var(--green-dark);font-weight:850;font-size:13px
}

.cup-spotlight{
  position:relative;overflow:hidden;border-radius:34px;padding:44px;
  background:
    radial-gradient(circle at 90% 0%,rgba(0,169,130,.22),transparent 36%),
    linear-gradient(135deg,#0d2747 0%,#102b4e 62%,#0b3c47 100%);
  color:#fff;box-shadow:0 30px 80px rgba(16,43,78,.18)
}
.cup-spotlight:after{
  content:"CUP";position:absolute;right:-18px;bottom:-36px;
  font-size:180px;line-height:.8;font-weight:950;letter-spacing:-.08em;
  color:rgba(255,255,255,.035);pointer-events:none
}
.cup-grid{
  position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:42px
}
.cup-spotlight .eyebrow{background:rgba(255,255,255,.11);color:#fff}
.cup-spotlight h2{
  color:#fff;margin:16px 0 13px;font-size:clamp(38px,5vw,60px);
  line-height:1.01;letter-spacing:-.04em
}
.cup-spotlight p{color:rgba(255,255,255,.78);font-size:17px;margin:0}
.cup-facts{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px
}
.cup-fact{
  padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:17px;
  background:rgba(255,255,255,.055)
}
.cup-fact strong{display:block;color:#fff;font-size:15px}
.cup-fact span{display:block;color:rgba(255,255,255,.68);font-size:12px;margin-top:3px}
.cup-quote{
  padding:23px;border-radius:22px;background:#fff;color:var(--ink);
  box-shadow:0 18px 46px rgba(0,0,0,.12)
}
.cup-quote span{
  display:inline-flex;margin-bottom:11px;padding:7px 10px;border-radius:999px;
  background:var(--green-soft);color:var(--green-dark);font-size:11.5px;font-weight:900
}
.cup-quote strong{
  display:block;font-size:23px;line-height:1.18;letter-spacing:-.02em
}
.cup-quote p{color:var(--muted);font-size:13.5px;margin:9px 0 0}
.cup-history{
  margin-top:18px;display:grid;gap:9px
}
.cup-history-row{
  display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;
  padding:12px 13px;border-radius:15px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.11)
}
.cup-history-row strong{color:#fff}
.cup-history-row span{font-size:13px;color:rgba(255,255,255,.75)}
.cup-history-row a{color:#fff;font-size:12px;font-weight:850;text-decoration:none}

.engagement-feature{
  display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:stretch
}
.engagement-feature-card{
  border:1px solid var(--line);border-radius:28px;background:#fff;
  padding:30px;box-shadow:var(--shadow-soft)
}
.engagement-feature-card h2{
  margin:13px 0 12px;font-size:clamp(32px,4vw,48px);line-height:1.04;letter-spacing:-.035em
}
.engagement-feature-card p{color:var(--muted);font-size:16px}
.event-date{
  display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:9px 12px;
  border-radius:999px;background:var(--navy);color:#fff;font-size:12.5px;font-weight:900
}
.event-points{
  display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:23px 0
}
.event-point{
  border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--soft)
}
.event-point strong{display:block;font-size:14px}
.event-point span{display:block;color:var(--muted);font-size:12px;margin-top:3px}

.region-board{
  position:relative;overflow:hidden;border-radius:28px;padding:30px;
  background:linear-gradient(135deg,#f3fbf8 0%,#f7f9fb 100%);
  border:1px solid #dceae6
}
.region-board:before{
  content:"LORCH";position:absolute;right:-14px;bottom:-20px;
  font-size:112px;line-height:.8;font-weight:950;letter-spacing:-.07em;
  color:rgba(0,111,97,.035)
}
.region-board h3{margin:0 0 8px;font-size:25px}
.region-board>p{margin:0 0 22px;color:var(--muted)}
.region-lines{display:grid;gap:11px;position:relative;z-index:2}
.region-line{
  display:grid;grid-template-columns:50px 1fr auto;gap:13px;align-items:center;
  padding:14px;border-radius:17px;background:#fff;border:1px solid var(--line)
}
.region-monogram{
  width:50px;height:50px;border-radius:14px;display:grid;place-items:center;
  background:var(--navy);color:#fff;font-size:12px;font-weight:950;letter-spacing:.02em
}
.region-line strong{display:block;font-size:14px}
.region-line span{display:block;color:var(--muted);font-size:12px}
.region-line a{text-decoration:none;color:var(--green-dark);font-size:12px;font-weight:850}

.engagement-values{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px
}
.engagement-value{
  padding:24px;border-radius:22px;border:1px solid var(--line);background:#fff
}
.engagement-value .num{
  display:grid;place-items:center;width:36px;height:36px;border-radius:11px;
  background:var(--green-soft);color:var(--green-dark);font-weight:950;font-size:12px
}
.engagement-value h3{margin:17px 0 8px;font-size:20px}
.engagement-value p{margin:0;color:var(--muted);font-size:14px}

.home-engagement{
  background:
    radial-gradient(circle at 86% 12%,rgba(0,169,130,.10),transparent 34%),
    var(--soft)
}
.home-engagement-grid{
  display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:center
}
.home-engagement-copy h2{
  margin:14px 0 14px;font-size:clamp(35px,4.8vw,54px);
  line-height:1.03;letter-spacing:-.04em
}
.home-engagement-copy p{margin:0;color:var(--muted);font-size:17px}
.home-partners{display:grid;gap:11px}
.home-partner{
  display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;
  padding:15px 16px;border-radius:19px;background:#fff;border:1px solid var(--line);
  box-shadow:var(--shadow-soft);text-decoration:none;transition:.18s ease
}
.home-partner:hover{transform:translateX(3px)}
.home-partner-mark{
  width:58px;height:58px;border-radius:16px;display:grid;place-items:center;
  background:var(--navy);color:#fff;font-size:12px;font-weight:950
}
.home-partner strong{display:block;font-size:15px}
.home-partner span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.home-partner-arrow{color:var(--green-dark);font-weight:950}

@media(max-width:980px){
  .engagement-hero-grid,.cup-grid,.engagement-feature,.home-engagement-grid{grid-template-columns:1fr}
  .partner-grid{grid-template-columns:1fr}
  .engagement-hero-media{min-height:460px}
  .engagement-hero-media img{height:460px}
}
@media(max-width:820px){
  .engagement-subnav{top:70px}
  .engagement-hero{padding:42px 0 62px}
  .engagement-hero h1{font-size:43px}
  .engagement-stats{grid-template-columns:1fr}
  .cup-spotlight{padding:27px 20px}
  .cup-facts,.event-points,.engagement-values{grid-template-columns:1fr}
  .cup-history-row{grid-template-columns:52px 1fr}
  .cup-history-row a{grid-column:2}
  .region-line{grid-template-columns:50px 1fr}
  .region-line a{grid-column:2}
}
@media(max-width:520px){
  .engagement-hero-media,.engagement-hero-media img{min-height:360px;height:360px}
  .engagement-hero-label{left:17px;right:17px;bottom:16px}
  .engagement-hero-label span{display:none}
  .home-partner{grid-template-columns:50px 1fr}
  .home-partner-mark{width:50px;height:50px}
  .home-partner-arrow{display:none}
}


/* V8 ENGAGEMENT PREMIUM */
.partner-logo-rail{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px
}
.partner-logo-chip{
  display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid var(--line);
  border-radius:18px;background:#fff;box-shadow:var(--shadow-soft);text-decoration:none
}
.partner-logo-chip img{
  width:48px;height:48px;object-fit:contain;border-radius:12px;background:#fff;
  border:1px solid var(--line);padding:5px
}
.partner-logo-chip strong{display:block;font-size:13.5px}
.partner-logo-chip span{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}

.partner-premium{
  display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch
}
.partner-premium.reverse .partner-premium-visual{order:2}
.partner-premium.reverse .partner-premium-copy{order:1}
.partner-premium-visual{
  position:relative;overflow:hidden;min-height:560px;border-radius:30px;background:#e8edf0;
  box-shadow:var(--shadow)
}
.partner-premium-visual>img.partner-photo{
  width:100%;height:100%;min-height:560px;object-fit:cover;display:block
}
.partner-premium-visual:after{
  content:"";position:absolute;inset:0;background:
    linear-gradient(180deg,rgba(10,29,46,.02) 35%,rgba(10,29,46,.72) 100%)
}
.partner-visual-badge{
  position:absolute;left:20px;right:20px;bottom:20px;z-index:2;
  display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;
  background:rgba(255,255,255,.94);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.55);box-shadow:0 16px 38px rgba(0,0,0,.13)
}
.partner-visual-badge img{
  width:52px;height:52px;object-fit:contain;border-radius:12px;border:1px solid var(--line);
  background:#fff;padding:5px
}
.partner-visual-badge strong{display:block;font-size:14px}
.partner-visual-badge span{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}

.partner-premium-copy{
  border:1px solid var(--line);border-radius:30px;background:#fff;padding:34px;
  box-shadow:var(--shadow-soft);display:flex;flex-direction:column
}
.partner-premium-copy .partner-badge{margin-bottom:18px}
.partner-premium-copy h2{
  margin:0 0 12px;font-size:clamp(34px,4vw,50px);line-height:1.03;letter-spacing:-.04em
}
.partner-premium-copy>p{color:var(--muted);font-size:16px;margin:0}
.partner-fact-row{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0
}
.partner-fact{
  padding:14px;border-radius:15px;background:var(--soft);border:1px solid var(--line)
}
.partner-fact strong{display:block;font-size:17px;color:var(--navy);line-height:1.1}
.partner-fact span{display:block;color:var(--muted);font-size:11.5px;margin-top:5px;line-height:1.35}
.partner-why{
  margin:2px 0 0;padding:18px;border-radius:18px;background:#f3fbf8;border:1px solid #d8eee7
}
.partner-why strong{display:block;color:var(--green-dark);font-size:13px;margin-bottom:5px}
.partner-why p{margin:0;color:#4e6966;font-size:13.5px;line-height:1.55}
.partner-source{
  margin-top:auto;padding-top:22px;color:var(--muted);font-size:11.5px
}
.partner-source a{color:var(--green-dark);font-weight:800;text-decoration:none}

.engagement-divider{
  display:flex;align-items:center;gap:14px;margin:0 0 28px;color:var(--muted);font-size:12px;font-weight:850;
  letter-spacing:.04em;text-transform:uppercase
}
.engagement-divider:before,.engagement-divider:after{content:"";height:1px;background:var(--line);flex:1}

.cup-premium-layout{
  display:grid;grid-template-columns:.92fr 1.08fr;gap:24px;align-items:stretch
}
.cup-side{
  border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:24px;
  background:rgba(255,255,255,.06)
}
.cup-side h3{color:#fff;margin:0 0 12px;font-size:23px}
.cup-side p{color:rgba(255,255,255,.72);font-size:13.5px}
.cup-timeline{display:grid;gap:10px;margin-top:18px}
.cup-timeline-item{
  display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;
  padding:12px 13px;border-radius:14px;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05)
}
.cup-timeline-item .year{
  display:grid;place-items:center;width:48px;height:48px;border-radius:12px;
  background:#fff;color:var(--navy);font-weight:950
}
.cup-timeline-item strong{display:block;color:#fff;font-size:13px}
.cup-timeline-item span{display:block;color:rgba(255,255,255,.68);font-size:11.5px;margin-top:2px}
.cup-timeline-item a{color:#fff;text-decoration:none;font-weight:900;font-size:12px}

.partner-status-strip{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px
}
.partner-status-card{
  border-radius:18px;padding:16px;border:1px solid var(--line);background:#fff
}
.partner-status-card .status-logo{
  width:54px;height:54px;object-fit:contain;border:1px solid var(--line);border-radius:13px;padding:5px;background:#fff
}
.partner-status-card strong{display:block;margin-top:12px;font-size:14px}
.partner-status-card span{display:block;color:var(--muted);font-size:11.5px;margin-top:3px}

.partnership-note{
  margin-top:26px;border:1px dashed #bfd8d0;border-radius:20px;padding:18px 20px;
  background:#f7fbfa;color:var(--muted);font-size:13px
}
.partnership-note strong{color:var(--ink)}

@media(max-width:980px){
  .partner-premium,.cup-premium-layout{grid-template-columns:1fr}
  .partner-premium.reverse .partner-premium-visual,
  .partner-premium.reverse .partner-premium-copy{order:initial}
  .partner-logo-rail,.partner-status-strip{grid-template-columns:1fr}
}
@media(max-width:700px){
  .partner-premium-copy{padding:24px 20px}
  .partner-fact-row{grid-template-columns:1fr}
  .partner-premium-visual,.partner-premium-visual>img.partner-photo{min-height:390px}
  .cup-timeline-item{grid-template-columns:48px 1fr}
  .cup-timeline-item a{grid-column:2}
}


/* V9 – Berichte & Erwähnungen */
.reports-hero{
  padding:58px 0 72px;
  background:
    radial-gradient(circle at 88% 12%,rgba(0,169,130,.10),transparent 32%),
    linear-gradient(180deg,#f8fbfc 0%,#fff 100%)
}
.reports-hero-grid{
  display:grid;grid-template-columns:1.03fr .97fr;gap:46px;align-items:center
}
.reports-hero h1{
  margin:16px 0 18px;font-size:clamp(45px,6vw,70px);
  line-height:.99;letter-spacing:-.045em
}
.reports-hero p{max-width:730px;margin:0;color:var(--muted);font-size:19px}
.reports-hero-media{
  position:relative;overflow:hidden;border-radius:30px;min-height:520px;
  background:#e7ecef;box-shadow:var(--shadow)
}
.reports-hero-media img{
  width:100%;height:520px;object-fit:cover;object-position:center;display:block
}
.reports-hero-media:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(10,29,46,.66) 100%)
}
.reports-hero-note{
  position:absolute;z-index:2;left:22px;right:22px;bottom:20px;
  padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(12px);
  box-shadow:0 16px 38px rgba(0,0,0,.13)
}
.reports-hero-note strong{display:block;font-size:15px}
.reports-hero-note span{display:block;color:var(--muted);font-size:12px;margin-top:3px}

.reports-intro{
  display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch
}
.reports-principle{
  border:1px solid var(--line);border-radius:24px;padding:26px;background:#fff;
  box-shadow:var(--shadow-soft)
}
.reports-principle h2{
  margin:13px 0 10px;font-size:clamp(31px,4vw,46px);line-height:1.04;letter-spacing:-.035em
}
.reports-principle p{margin:0;color:var(--muted);font-size:15px}
.reports-separation{
  border-radius:24px;padding:26px;
  background:linear-gradient(135deg,#0d2747,#0b3c47);color:#fff
}
.reports-separation strong{display:block;font-size:20px;color:#fff}
.reports-separation p{margin:8px 0 0;color:rgba(255,255,255,.76);font-size:14px}
.reports-separation a{
  display:inline-flex;margin-top:18px;color:#fff;font-weight:850;text-decoration:none
}

.reports-list{display:grid;gap:16px}
.report-card{
  display:grid;grid-template-columns:142px 1fr auto;gap:22px;align-items:start;
  padding:24px;border:1px solid var(--line);border-radius:24px;background:#fff;
  box-shadow:var(--shadow-soft);transition:.18s ease
}
.report-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.report-meta{display:grid;gap:9px}
.report-date{
  color:var(--navy);font-size:15px;font-weight:950;letter-spacing:-.01em
}
.report-source{
  display:inline-flex;align-self:start;width:max-content;padding:7px 9px;border-radius:999px;
  background:var(--green-soft);color:var(--green-dark);font-size:11px;font-weight:900
}
.report-copy h3{
  margin:0 0 7px;font-size:23px;line-height:1.15;letter-spacing:-.025em
}
.report-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.report-topic{
  margin-top:12px;display:flex;flex-wrap:wrap;gap:7px
}
.report-topic span{
  padding:6px 8px;border:1px solid var(--line);border-radius:999px;
  color:var(--muted);font-size:10.5px;font-weight:800;background:var(--soft)
}
.report-open{
  display:inline-flex;align-items:center;justify-content:center;min-width:126px;
  padding:11px 13px;border-radius:13px;border:1px solid var(--line);
  text-decoration:none;color:var(--navy);font-weight:850;font-size:12.5px;
  background:#fff
}
.report-open:hover{border-color:#a9d8ca;color:var(--green-dark)}

.report-featured{
  border-color:#cce8df;
  background:linear-gradient(135deg,#fff 0%,#f5fbf9 100%)
}
.report-featured .report-date{color:var(--green-dark)}

.report-year{
  display:flex;align-items:center;gap:14px;margin:24px 0 4px;color:var(--muted);
  text-transform:uppercase;letter-spacing:.07em;font-weight:900;font-size:11px
}
.report-year:after{content:"";height:1px;background:var(--line);flex:1}

.report-update-box{
  margin-top:28px;padding:20px 22px;border:1px dashed #bed9d1;border-radius:19px;
  background:#f7fbfa;color:var(--muted);font-size:13px
}
.report-update-box strong{color:var(--ink)}

.home-reports{
  background:#fff
}
.home-reports-grid{
  display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:start
}
.home-reports-copy h2{
  margin:14px 0 13px;font-size:clamp(34px,4.8vw,53px);
  line-height:1.03;letter-spacing:-.04em
}
.home-reports-copy p{margin:0;color:var(--muted);font-size:16px}
.home-report-stack{display:grid;gap:11px}
.home-report{
  display:grid;grid-template-columns:94px 1fr auto;gap:13px;align-items:center;
  padding:15px 16px;border-radius:18px;border:1px solid var(--line);
  background:var(--soft);text-decoration:none;transition:.18s ease
}
.home-report:hover{transform:translateX(3px);background:#fff}
.home-report-date{font-weight:950;color:var(--green-dark);font-size:11.5px}
.home-report strong{display:block;font-size:13.5px;line-height:1.25}
.home-report span{display:block;color:var(--muted);font-size:11.5px;margin-top:3px}
.home-report-arrow{color:var(--green-dark);font-weight:950}

@media(max-width:1080px){
  .reports-hero-grid,.reports-intro,.home-reports-grid{grid-template-columns:1fr}
  .report-card{grid-template-columns:120px 1fr}
  .report-open{grid-column:2;justify-self:start}
}
@media(max-width:700px){
  .reports-hero{padding:42px 0 58px}
  .reports-hero h1{font-size:43px}
  .reports-hero-media,.reports-hero-media img{min-height:390px;height:390px}
  .report-card{grid-template-columns:1fr;gap:13px;padding:19px}
  .report-open{grid-column:1}
  .report-meta{display:flex;align-items:center;flex-wrap:wrap}
  .home-report{grid-template-columns:80px 1fr}
  .home-report-arrow{display:none}
}


/* V9.2 – Vereinslogos entfernt, klare Kürzel verwendet */
.partner-monogram,
.status-monogram{
  display:grid;place-items:center;
  background:var(--navy);color:#fff;
  font-weight:950;letter-spacing:.04em
}
.partner-monogram{
  width:48px;height:48px;border-radius:12px;
  font-size:12px;flex:0 0 48px
}
.partner-visual-badge .partner-monogram{
  width:52px;height:52px;flex-basis:52px
}
.status-monogram{
  width:54px;height:54px;border-radius:13px;
  font-size:12px
}
.home-partner-mark{
  background:var(--navy)!important;
  border:0!important;
  color:#fff!important;
}


/* V9.3 – Berichte-Seite final bereinigt */
#berichte.section{
  padding-top:72px;
}
#berichte .section-head{
  margin-bottom:34px;
}
.report-year{
  margin:34px 0 14px;
}
.report-year:first-of-type{
  margin-top:0;
}
.reports-list{
  gap:18px;
}
.report-card{
  grid-template-columns:220px minmax(0,1fr) 150px;
  gap:28px;
  padding:26px 28px;
  align-items:start;
}
.report-meta{
  min-width:0;
}
.report-source{
  width:auto;
  max-width:100%;
  white-space:normal;
  line-height:1.3;
  padding:8px 10px;
}
.report-copy{
  min-width:0;
}
.report-copy h3{
  margin-top:0;
  line-height:1.16;
}
.report-open{
  align-self:start;
  justify-self:end;
  min-width:132px;
}
@media(max-width:1180px){
  .report-card{
    grid-template-columns:190px minmax(0,1fr);
    gap:22px;
  }
  .report-open{
    grid-column:2;
    justify-self:start;
  }
}
@media(max-width:760px){
  #berichte.section{
    padding-top:54px;
  }
  .report-card{
    grid-template-columns:1fr;
    gap:13px;
    padding:20px;
  }
  .report-open{
    grid-column:1;
    justify-self:start;
  }
  .report-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px 10px;
    align-items:center;
  }
}


/* V9.4 – CI-Korrektur und Monogramm-Zentrierung */

/* Originales, unverändertes Regionalgeschäftsstellen-Logo im Header */
.site-header .nav{
  min-height:124px;
}
.brand{
  flex:0 0 auto;
}
.brand-logo-full{
  display:block;
  width:160px;
  height:auto;
  max-width:none;
  object-fit:contain;
}

/* Kürzel immer optisch exakt mittig – unabhängig von allgemeineren span-Regeln */
.home-partner .home-partner-mark,
.partner-logo-chip .partner-monogram,
.partner-visual-badge .partner-monogram,
.partner-status-card .status-monogram{
  display:grid !important;
  place-items:center !important;
  align-items:center !important;
  justify-items:center !important;
  align-content:center !important;
  justify-content:center !important;
  text-align:center !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  color:#fff !important;
  background:var(--navy) !important;
  font-weight:950 !important;
  letter-spacing:.04em !important;
  box-sizing:border-box !important;
}

.home-partner .home-partner-mark{
  width:58px !important;
  height:58px !important;
  border-radius:16px !important;
  font-size:13px !important;
}

.partner-logo-chip .partner-monogram{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  border-radius:12px !important;
  font-size:12px !important;
}

.partner-visual-badge .partner-monogram{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  border-radius:12px !important;
  font-size:12px !important;
}

.partner-status-card .status-monogram{
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  border-radius:13px !important;
  font-size:12px !important;
}

/* Sicherstellen, dass keine untergeordneten allgemeinen span-Regeln die Kürzel wieder verschieben */
.home-partner-mark,
.partner-monogram,
.status-monogram{
  position:relative;
  top:auto !important;
  left:auto !important;
  transform:none !important;
}

@media(max-width:1180px){
  .site-header .nav{
    min-height:110px;
  }
  .brand-logo-full{
    width:142px;
  }
}

@media(max-width:820px){
  .site-header .nav{
    min-height:94px;
  }
  .brand-logo-full{
    width:118px;
  }
  .nav-links{
    top:98px;
  }
}

@media(max-width:520px){
  .site-header .nav{
    min-height:86px;
  }
  .brand-logo-full{
    width:104px;
  }
  .nav-links{
    top:90px;
  }
}


/* V9.5 – Fotografie- und Partner-Credits im Footer */
.footer-credits{
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.13);
  display:flex;
  flex-wrap:wrap;
  gap:10px 28px;
  color:rgba(255,255,255,.66);
  font-size:12.5px;
  line-height:1.55;
}
.footer-credit-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
}
.footer-credit-label{
  color:rgba(255,255,255,.82);
  font-weight:800;
}
.footer-credits a{
  color:#fff;
  font-weight:750;
  text-decoration:none;
  text-underline-offset:3px;
}
.footer-credits a:hover{
  text-decoration:underline;
}
.footer-credit-sep{
  margin:0 3px;
  color:rgba(255,255,255,.42);
}
@media(max-width:700px){
  .footer-credits{
    display:grid;
    gap:8px;
  }
}


/* V10.1 – visueller Cross-Device-Fix */

/* Grid-Kinder dürfen auf kleinen Displays wirklich schrumpfen. */
.hero-grid > *,
.trust-grid > *,
.local-grid > *,
.page-hero-grid > *,
.content-grid > *,
.partner-premium > *,
.reports-hero-grid > *,
.reports-intro > *,
.home-engagement-grid > *,
.home-reports-grid > *{
  min-width:0;
}

/* Lange deutsche Begriffe, E-Mails und Links dürfen keine horizontale
   Seitenbreite erzwingen. */
.contact-row,
.contact-row a,
.contact-row span,
.prose,
.content-section,
.key-grid,
.key,
.legal-section,
.content-section a,
.prose a{
  min-width:0;
  overflow-wrap:anywhere;
}

/* Mobile Bottom-Bar: erst nach etwas Scrollen einblenden.
   Im Hero sind bereits direkte Kontaktbuttons vorhanden. */
@media(max-width:820px){
  body{
    padding-bottom:78px;
  }

  .mobile-contact{
    display:flex;
    gap:8px;
    opacity:0;
    visibility:hidden;
    transform:translateY(22px);
    pointer-events:none;
    transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
  }

  .mobile-contact.show{
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
  }
}

/* Sehr schmale Geräte: saubere Umbrüche statt horizontalem Scrollen. */
@media(max-width:520px){
  .page-hero-grid > div,
  .page-hero-media,
  .local-grid > *,
  .content-section,
  .prose,
  .key-grid,
  .key{
    min-width:0;
    max-width:100%;
  }

  .page-hero h1,
  .content-section h2,
  .section-head h2,
  .hero-copy h1{
    hyphens:auto;
    overflow-wrap:anywhere;
    word-break:normal;
  }

  .page-hero .actions,
  .local-grid .actions{
    min-width:0;
    max-width:100%;
  }

  .page-hero .btn,
  .local-grid .btn{
    max-width:100%;
  }
}

/* Auf extrem schmalen Geräten noch etwas kompakter, ohne das Layout zu verändern. */
@media(max-width:380px){
  .page-hero h1{
    font-size:36px;
  }

  .content-section h2{
    font-size:31px;
  }
}


/* Ergänzung aus dem visuellen 360/390px-Test */
@media(max-width:520px){
  h1,h2,h3,
  .panel h1,
  .panel h2,
  .panel h3{
    hyphens:auto;
    overflow-wrap:anywhere;
    word-break:normal;
  }

  .panel{
    min-width:0;
    max-width:100%;
  }
}

/* V10.1 – natürlicher mobile Umbruch langer deutscher Überschriften */
@media(max-width:520px){
  h1,h2,h3,
  .panel h1,.panel h2,.panel h3,
  .page-hero h1,.content-section h2,.section-head h2,.hero-copy h1{
    hyphens:manual;
    overflow-wrap:normal;
    word-break:normal;
  }
}
@media(max-width:380px){
  .engagement-hero h1{font-size:39px}
}


/* V11 – interner Bereich */
.internal-body{
  min-height:100vh;
  background:
    radial-gradient(circle at 8% 8%, rgba(0,169,130,.10), transparent 30%),
    linear-gradient(180deg,#f7fafb 0%,#eef4f5 100%);
}
.internal-shell{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
  padding:48px 0 72px;
}
.internal-login-wrap{
  min-height:calc(100vh - 124px);
  display:grid;
  place-items:center;
  padding:40px 0 64px;
}
.internal-login{
  width:min(520px,100%);
  padding:34px;
  border:1px solid var(--line);
  border-radius:28px;
  background:#fff;
  box-shadow:var(--shadow);
}
.internal-login h1{
  margin:14px 0 10px;
  font-size:clamp(36px,5vw,52px);
  line-height:1.02;
  letter-spacing:-.04em;
}
.internal-login p{color:var(--muted);margin:0 0 24px}
.internal-form{display:grid;gap:14px}
.internal-field{display:grid;gap:7px}
.internal-field label{font-weight:850;font-size:13px;color:var(--navy)}
.internal-field input{
  width:100%;box-sizing:border-box;
  padding:14px 15px;
  border:1px solid #cfdde2;
  border-radius:14px;
  background:#fff;
  color:var(--ink);
  font:inherit;
}
.internal-field input:focus{
  outline:3px solid rgba(0,169,130,.16);
  border-color:var(--green);
}
.internal-error{
  padding:12px 14px;border-radius:13px;
  background:#fff1f1;border:1px solid #f0c8c8;
  color:#8b2d2d;font-size:13px;font-weight:750
}
.internal-security{
  margin-top:18px;padding-top:16px;border-top:1px solid var(--line);
  color:var(--muted);font-size:11.5px;line-height:1.55
}

.internal-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:24px;margin-bottom:30px
}
.internal-head h1{
  margin:13px 0 8px;font-size:clamp(40px,5vw,60px);
  line-height:1;letter-spacing:-.045em
}
.internal-head p{margin:0;color:var(--muted);max-width:720px;font-size:16px}
.internal-logout{
  white-space:nowrap;text-decoration:none;
  padding:11px 14px;border:1px solid var(--line);border-radius:13px;
  background:#fff;color:var(--navy);font-weight:850;font-size:13px
}
.internal-section{margin-top:34px}
.internal-section-title{
  display:flex;align-items:center;gap:12px;margin-bottom:14px
}
.internal-section-title h2{
  margin:0;font-size:22px;letter-spacing:-.02em
}
.internal-section-title:after{
  content:"";height:1px;background:var(--line);flex:1
}
.internal-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px
}
.internal-card{
  min-width:0;
  display:flex;flex-direction:column;
  min-height:230px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow-soft);
  text-decoration:none;
  transition:.18s ease;
}
.internal-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow);
  border-color:#b9dcd2
}
.internal-card-top{
  display:flex;align-items:center;justify-content:space-between;gap:12px
}
.internal-icon{
  width:44px;height:44px;border-radius:13px;
  display:grid;place-items:center;
  background:var(--green-soft);color:var(--green-dark);
  font-weight:950;font-size:12px;letter-spacing:.03em
}
.internal-badge{
  padding:7px 9px;border-radius:999px;
  background:var(--soft);color:var(--muted);
  font-size:10.5px;font-weight:900
}
.internal-card h3{
  margin:18px 0 8px;font-size:21px;line-height:1.16;letter-spacing:-.02em
}
.internal-card p{
  margin:0;color:var(--muted);font-size:13.5px;line-height:1.55
}
.internal-url{
  margin-top:auto;padding-top:18px;
  color:var(--green-dark);font-size:11.5px;font-weight:850;
  overflow-wrap:anywhere
}
.internal-note{
  margin-top:28px;
  padding:17px 19px;
  border:1px solid #d8e8e3;
  border-radius:18px;
  background:#f5fbf9;
  color:var(--muted);font-size:12.5px;line-height:1.55
}
.internal-note strong{color:var(--ink)}

@media(max-width:980px){
  .internal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .internal-shell{width:min(100% - 26px,1180px);padding-top:28px}
  .internal-head{display:grid;gap:17px}
  .internal-logout{justify-self:start}
  .internal-grid{grid-template-columns:1fr}
  .internal-card{min-height:200px}
  .internal-login{padding:24px 20px}
}