/* social-links-20260727-1.css - Footer-Kanallinks + Footer-Layout EN analog DE */
.footer-social{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.footer-social a{
  color:rgba(255,255,255,.65);
  font-size:12px;
  text-decoration:none;
  transition:color .2s ease
}
.footer-social a:hover,
.footer-social a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:2px}

/* EN-Footer exakt wie DE aufbauen */
html[lang=en] .footer-grid{
  min-height:100px;
  padding:30px 0;
  display:flex;
  flex-flow:row wrap;
  align-items:center;
  justify-content:flex-start;
  gap:18px 24px
}
html[lang=en] .footer-brand,
html[lang=en] .footer-grid>p{display:none}
html[lang=en] .footer-grid nav{display:flex;flex-wrap:nowrap;gap:24px}
html[lang=en] .footer-grid nav a{
  color:rgba(255,255,255,.76);
  font-size:12px;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px
}
html[lang=en] .footer-credit{
  justify-self:auto;
  margin-left:auto;
  color:rgba(255,255,255,.62);
  font-size:11px;
  line-height:1.3;
  letter-spacing:0;
  text-align:left;
  text-transform:lowercase
}
html[lang=en] .footer-credit span{
  display:inline;
  color:rgba(255,255,255,.74);
  font-weight:400;
  letter-spacing:0;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px
}
html[lang=en] .footer-credit span::before{content:" \00b7 ";text-decoration:none}

/* DE-Footer: Kanallinks im gleichen Stil wie die Rechtslinks */
html[lang=de] .footer-social a{
  color:rgba(255,255,255,.76);
  font-size:12px;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px
}

@media (max-width:600px){
  html[lang=en] .footer-grid{min-height:88px;gap:14px;padding:24px 0}
  html[lang=en] .footer-grid nav{gap:14px;flex-wrap:wrap}
  html[lang=en] .footer-grid nav a{font-size:11px}
  html[lang=en] .footer-credit{font-size:10px}
  html[lang=de] .footer-social,
  html[lang=en] .footer-social{gap:14px;flex-wrap:wrap}
  html[lang=de] .footer-social a{font-size:11px}
}
@media (prefers-reduced-motion:reduce){
  .footer-social a{transition:none}
}

/* Hero: kleineres Bild fuer schmale Viewports (173 KB -> 32 KB) */
@media (max-width:760px){
  .hero-image{background-image:url('website/img/hero-sacred-v2-900.webp')}
}