/* ===========================================================
   Privatkunden
   =========================================================== */
:root{
  --wrap: min(96vw, 1200px);
  --gap: 18px;

  /* Kachel */
  --card-w: 300px;           /* EINHEITLICHE BREITE am Desktop */
  --card-h: 240px;           /* EINHEITLICHE HÖHE */
  --card-bg1: rgba(255,255,255,.08);
  --card-bg2: rgba(255,255,255,.05);
  --card-border: rgba(255,255,255,.20);
  --card-link: #b9dcff;
}

.business-root{ color:#fff; }

/* Wrapper */
.biz-intro__wrap{ max-width: var(--wrap); margin: 0 auto; padding: 0 var(--gap); }

/* ========== Intro: Bild bewusst kleiner ========== */
.biz-intro{ padding: 1.3rem 0 1rem; }
.biz-intro__grid{
  display:grid; gap: var(--gap);
  grid-template-columns: 1.2fr .8fr;      /* Bild kleiner */
  align-items: center;
}
@media (max-width: 900px){
  .biz-intro__grid{ grid-template-columns: 1fr; }
}
.biz-intro h1{
  font-size: clamp(1.9rem, 4.2vw, 2.6rem);
  line-height: 1.15; margin: 0 0 .5rem;
  text-shadow: 0 2px 10px rgba(0,0,0,.25);
}
.biz-intro p{ line-height:1.65; opacity:.98; margin:.4rem 0; }

.biz-intro__media{
  justify-self: end;
  max-width: 420px;                  /* << kleiner als vorher */
  width: 100%;
  border-radius: 14px; overflow: hidden;
}
.biz-intro__media img{
  display:block; width:100%; height:auto; object-fit: cover;
  filter: saturate(110%) contrast(102%) brightness(96%);
}

/* ========== Abschnittstitel ========== */
.biz-block{ padding: 1.1rem 0 1.2rem; }
.biz-block__title{
  font-size: clamp(1.2rem, 2.2vw, 1.6rem);
  font-weight: 800; margin: 0 0 .7rem;
}

/* ========== Reihen-Layout: links nach rechts ========== */
.ins-row{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: var(--gap);
  justify-content: flex-start;       /* immer linksbündig */
}

/* Einheitliche, fixe Größe am Desktop */
.ins-card{
  width: var(--card-w);
  height: var(--card-h);
  display: flex; flex-direction: column;
  padding: 14px;
  border-radius: 12px;
  background: linear-gradient(180deg,var(--card-bg1),var(--card-bg2));
  border: 1px solid var(--card-border);
  box-shadow: 0 14px 36px rgba(0,0,0,.28);
  backdrop-filter: blur(8px) saturate(140%);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  overflow: hidden;
}

/* Badge / Titel / Text / Link */
.ins-badge{
  align-self: flex-start;
  font-weight: 800; font-size: .9rem;
  padding: .25rem .6rem; border-radius: 999px;
  color:#0b2a42; background:#fff; border:1px solid rgba(0,0,0,.06);
}
.ins-title{ margin:.8rem 0 .35rem; font-size:1.1rem; line-height:1.2; font-weight:900; }
.ins-desc{
  margin:0 0 .6rem; line-height:1.5; opacity:.95;
  display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow:hidden;
}
.ins-link{ margin-top:auto; color:var(--card-link); font-weight:800; text-decoration:none; }
.ins-link:hover{ text-decoration: underline; }

/* Responsiv:
   - Tablet: Größe beibehalten (wrappt einfach)
   - Handy: Karten werden 100% breit, Höhe automatisch
*/
@media (max-width: 640px){
  .ins-card{ width: 100%; height: auto; }
}