/* =========================================================
   IVÖ – Home (home.css)
   Ziel: ruhiger, moderner, weniger "wuchtig", stabileres Layout
   - kleine Typo-Verbesserungen
   - Cards etwas leichter, weniger harte Kanten
   - Masonry-Gutter sauber
   - Fokus/Links zugänglicher
========================================================= */

:root{
  --iv-primary: #7B3738;
  --iv-primary-2: rgba(123, 55, 56, .12);
  --iv-primary-3: rgba(123, 55, 56, .06);

  --iv-text: #222;
  --iv-muted: #666;
  --iv-border: rgba(0,0,0,.08);

  --radius: 12px;

  --t-fast: .12s ease;
  --focus: 0 0 0 3px rgba(123, 55, 56, .18);
}

/* Skip link */
.skip-link{
  position: absolute;
  left: -999px;
  top: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid var(--iv-border);
  color: var(--iv-text);
  z-index: 9999;
}
.skip-link:focus{
  left: 10px;
  box-shadow: var(--focus);
  outline: none;
}

/* Typo leicht glätten */
body{
  color: var(--iv-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Hero Text etwas ruhiger */
.home-hero .home-lead{
  color: var(--iv-muted);
  line-height: 1.65;
}

/* Section Head: Titel + Subline */
.home-section-head{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.home-section-sub{
  color: var(--iv-muted);
  font-size: 14px;
}

/* Masonry: saubere Gutter */
.masonry-wrapper{
  margin-left: -15px;
  margin-right: -15px;
}
.masonry-item{
  padding-left: 15px;
  padding-right: 15px;
}

/* Cards: leicht, Border statt harte Schatten */
.home-card{
  border-radius: var(--radius);
  border: 1px solid var(--iv-border);
  box-shadow: none;
  overflow: hidden;
  transition: transform var(--t-fast), border-color var(--t-fast), background var(--t-fast);
  background: #fff;
}
.home-card:hover{
  border-color: rgba(123,55,56,.18);
  transform: translateY(-1px);
}

/* Für Cards, die komplett klickbar sind */
.home-card-link{
  position: relative;
}
.home-card-link:focus-within{
  box-shadow: var(--focus);
}

/* Media in News */
.home-media{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.06);
}

/* Links ruhiger */
.home-link{
  color: var(--iv-primary);
  font-weight: 600;
  text-decoration: none !important;
  transition: opacity var(--t-fast);
}
.home-link:hover{
  opacity: .85;
}
a:focus{
  outline: none;
  box-shadow: var(--focus);
  border-radius: 6px;
}

/* Language link (flag) */
.nav-lang img{
  border-radius: 6px;
}

/* Mobile Feinschliff */
@media (max-width: 575.98px){
  .home-section-sub{
    font-size: 13.5px;
  }
  .home-card:hover{
    transform: none; /* weniger "springen" am Handy */
  }
}