/* KONTUR Website · Vorschlag 1 · Version 0.4.8 */

body.home-proposal-1{
  background:#eef3f7;
}

.home-proposal-1 .hp-main{
  overflow:hidden;
}

.hp048-hero{
  display:grid;
  min-height:710px;
  grid-template-columns:1.08fr .92fr;
  grid-template-rows:1fr 1fr;
  gap:5px;
  padding:5px;
  background:#f7f9fb;
}

.hp048-card{
  position:relative;
  display:block;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.28);
  border-radius:0;
  color:#fff;
  background:#061522;
  text-decoration:none;
  isolation:isolate;
}

.hp048-card-stock{
  grid-row:1/3;
}

.hp048-card > img{
  position:absolute;
  inset:-14px;
  width:calc(100% + 28px);
  height:calc(100% + 28px);
  object-fit:cover;
  transform:scale(1.01);
  filter:blur(0) brightness(1);
  transition:
    filter .48s ease,
    transform .72s cubic-bezier(.2,.8,.2,1);
}

.hp048-card-shade{
  position:absolute;
  z-index:1;
  inset:0;
  background:
    linear-gradient(180deg,rgba(2,13,23,.05) 25%,rgba(2,13,23,.84) 100%),
    linear-gradient(90deg,rgba(2,13,23,.47),transparent 70%);
  transition:background .45s ease;
}

.hp048-card-summary,
.hp048-card-detail{
  position:absolute;
  z-index:3;
  left:clamp(25px,3.4vw,54px);
  right:clamp(25px,3.4vw,54px);
  bottom:clamp(25px,3.6vw,55px);
}

.hp048-card-summary{
  opacity:1;
  transform:none;
  transition:
    opacity .28s ease,
    transform .42s cubic-bezier(.2,.8,.2,1);
}

.hp048-card-detail{
  top:50%;
  bottom:auto;
  opacity:0;
  visibility:hidden;
  transform:translateY(calc(-50% + 30px));
  transition:
    opacity .34s ease,
    visibility .34s ease,
    transform .48s cubic-bezier(.2,.8,.2,1);
}

.hp048-card-summary > span,
.hp048-card-detail > span{
  color:#c0dcf1;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.hp048-card-summary h1,
.hp048-card-summary h2{
  max-width:850px;
  margin:10px 0 12px;
  font-size:clamp(43px,5vw,80px);
  font-weight:760;
  line-height:.91;
  letter-spacing:-.061em;
}

.hp048-card-stock .hp048-card-summary h1{
  font-size:clamp(64px,7.5vw,119px);
}

.hp048-card-summary p{
  max-width:700px;
  margin:0;
  color:rgba(255,255,255,.79);
  font-size:clamp(16px,1.45vw,22px);
  font-weight:740;
  line-height:1.46;
}

.hp048-card-summary b,
.hp048-card-detail b{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  margin-top:18px;
  padding:0 14px;
  border:1px solid rgba(190,220,241,.58);
  border-radius:999px;
  color:#fff;
  background:rgba(6,39,64,.28);
  font-size:11px;
  font-weight:900;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.hp048-card-detail h2{
  max-width:760px;
  margin:10px 0 16px;
  font-size:clamp(31px,3.5vw,55px);
  font-weight:740;
  line-height:.98;
  letter-spacing:-.05em;
}

.hp048-card-detail ul{
  display:grid;
  max-width:760px;
  gap:9px;
  margin:0;
  padding:0;
  list-style:none;
}

.hp048-card-detail li{
  position:relative;
  padding-left:19px;
  color:rgba(255,255,255,.82);
  font-size:clamp(13px,1.05vw,17px);
  font-weight:680;
  line-height:1.43;
}

.hp048-card-detail li::before{
  content:"";
  position:absolute;
  left:0;
  top:.58em;
  width:8px;
  height:2px;
  border-radius:999px;
  background:#b9d8ef;
}

.hp048-card:hover > img,
.hp048-card:focus-visible > img{
  filter:blur(9px) brightness(.37) saturate(.82);
  transform:scale(1.09);
}

.hp048-card:hover .hp048-card-shade,
.hp048-card:focus-visible .hp048-card-shade{
  background:rgba(3,16,28,.45);
}

.hp048-card:hover .hp048-card-summary,
.hp048-card:focus-visible .hp048-card-summary{
  opacity:0;
  transform:translateY(-24px);
}

.hp048-card:hover .hp048-card-detail,
.hp048-card:focus-visible .hp048-card-detail{
  opacity:1;
  visibility:visible;
  transform:translateY(-50%);
}

.hp048-card:focus-visible{
  outline:3px solid #b8d7ed;
  outline-offset:-3px;
}

/* Liquid-Glass-Leistungsleiste */
.hp048-glass-strip{
  position:relative;
  z-index:20;
  display:grid;
  width:min(1480px,calc(100% - 64px));
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:-38px auto 0;
  padding:10px;
  border:1px solid rgba(255,255,255,.76);
  border-radius:28px;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.72),
      rgba(224,235,243,.46)
    );
  box-shadow:
    0 30px 80px rgba(7,27,43,.17),
    inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
}

.hp048-glass-strip::before{
  content:"";
  position:absolute;
  left:5%;
  right:5%;
  top:0;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.96),
    transparent
  );
}

.hp048-glass-strip article{
  position:relative;
  display:flex;
  min-height:137px;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  padding:21px 23px;
  border:1px solid rgba(255,255,255,.70);
  border-radius:20px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.58),
      rgba(255,255,255,.22)
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    0 10px 28px rgba(24,55,78,.07);
}

.hp048-glass-strip article::after{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  right:-58px;
  top:-66px;
  border-radius:50%;
  background:rgba(42,111,163,.11);
  filter:blur(5px);
}

.hp048-glass-strip span{
  color:#607a90;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.hp048-glass-strip strong{
  margin-top:7px;
  color:#0a2b47;
  font-size:clamp(23px,2.05vw,34px);
  font-weight:760;
  line-height:1;
  letter-spacing:-.042em;
}

.hp048-glass-strip small{
  margin-top:8px;
  color:#637789;
  font-size:11px;
  line-height:1.4;
}

.hp048-lower{
  padding-top:clamp(80px,9vw,130px);
}

.home-proposal-1 .hp-section-heading > div > span{
  color:#0b5794;
}

.home-proposal-1 .hp-link-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.home-proposal-1 .hp-link-grid b{
  color:#0b5794;
}

@media(max-width:1180px){
  .hp048-hero{
    min-height:930px;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1.18fr .82fr;
  }

  .hp048-card-stock{
    grid-column:1/3;
    grid-row:auto;
  }

  .hp048-glass-strip{
    grid-template-columns:repeat(2,1fr);
  }

  .home-proposal-1 .hp-link-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .hp048-hero{
    display:flex;
    min-height:0;
    flex-direction:column;
  }

  .hp048-card{
    min-height:520px;
  }

  .hp048-card-stock{
    min-height:610px;
  }

  .hp048-card-summary h1,
  .hp048-card-summary h2,
  .hp048-card-stock .hp048-card-summary h1{
    font-size:49px;
  }

  .hp048-card-detail{
    top:auto;
    bottom:24px;
    opacity:1;
    visibility:visible;
    transform:none;
  }

  .hp048-card-summary{
    display:none;
  }

  .hp048-card > img{
    filter:blur(5px) brightness(.39) saturate(.85);
    transform:scale(1.07);
  }

  .hp048-card-detail h2{
    font-size:34px;
  }

  .hp048-glass-strip{
    width:calc(100% - 24px);
    grid-template-columns:1fr;
    margin-top:12px;
    border-radius:23px;
  }

  .home-proposal-1 .hp-link-grid{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  .hp048-card > img,
  .hp048-card-summary,
  .hp048-card-detail{
    transition:none;
  }
}


/* Korrektur 0.4.9: Hauptbildflächen wieder kantig wie im ursprünglichen Vorschlag 2 */
.home-proposal-1 .hp048-card{
  border-radius:0!important;
}

/* KONTUR CMS 0.5.3 – flexible Startseiten-Bildflächen */
.hp048-hero.hp048-auto-layout{
  position:relative;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:repeat(12,minmax(0,1fr));
  min-height:clamp(620px,76vh,820px);
  gap:5px;
  padding:5px;
  background:#f7f9fb;
}

.hp048-auto-layout .hp048-card{
  grid-column:span 6;
  grid-row:span 6;
  min-height:0;
  will-change:transform;
  transform-origin:center;
  transition:
    transform .72s cubic-bezier(.22,1,.36,1),
    filter .35s ease,
    opacity .35s ease;
}

.hp048-auto-layout .hp048-card.is-showcase-focused{
  z-index:5;
}

.hp048-auto-layout .hp048-card.is-showcase-small .hp048-card-summary h1,
.hp048-auto-layout .hp048-card.is-showcase-small .hp048-card-summary h2{
  font-size:clamp(25px,2.2vw,38px);
}

.hp048-auto-layout .hp048-card.is-showcase-small .hp048-card-summary p,
.hp048-auto-layout .hp048-card.is-showcase-small .hp048-card-summary b{
  opacity:0;
  pointer-events:none;
}

.hp048-auto-layout .hp048-card.is-showcase-small .hp048-card-summary,
.hp048-auto-layout .hp048-card.is-showcase-small .hp048-card-detail{
  left:clamp(18px,2vw,28px);
  right:clamp(18px,2vw,28px);
  bottom:clamp(18px,2vw,28px);
}

.hp048-auto-layout .hp048-card.is-showcase-small:hover .hp048-card-detail,
.hp048-auto-layout .hp048-card.is-showcase-small:focus-visible .hp048-card-detail{
  opacity:0;
  visibility:hidden;
}

.hp048-auto-layout .hp048-card.is-showcase-small:hover .hp048-card-summary,
.hp048-auto-layout .hp048-card.is-showcase-small:focus-visible .hp048-card-summary{
  opacity:1;
  transform:none;
}

.hp048-auto-layout .hp048-card.is-showcase-small:hover > img,
.hp048-auto-layout .hp048-card.is-showcase-small:focus-visible > img{
  filter:brightness(.72) saturate(.9);
  transform:scale(1.045);
}

.hp048-auto-layout .hp048-card.is-showcase-focused .hp048-card-summary h1,
.hp048-auto-layout .hp048-card.is-showcase-focused .hp048-card-summary h2{
  font-size:clamp(48px,5vw,82px);
}

/* KONTUR CMS 0.5.3 – Kartenslider statt Scrollbereich */
.home-card-slider-section{
  position:relative;
  width:100%;
  padding:clamp(72px,8vw,118px) 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 0%,rgba(8,74,155,.08),transparent 28%),
    linear-gradient(180deg,#f5f8fb 0%,#edf2f6 100%);
}

.home-card-slider-heading{
  width:min(1480px,calc(100% - 64px));
  margin:0 auto clamp(28px,4vw,54px);
}

.home-card-slider-heading > span{
  display:block;
  margin-bottom:12px;
  color:#0b5794;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.home-card-slider-heading h2{
  max-width:980px;
  margin:0;
  font-size:clamp(36px,4.7vw,68px);
  font-weight:700;
  line-height:1.03;
  letter-spacing:-.04em;
}

.home-card-slider-heading p{
  max-width:760px;
  margin:18px 0 0;
  color:#637789;
  font-size:clamp(16px,1.45vw,21px);
  line-height:1.65;
}

.home-card-slider-stage{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  min-height:clamp(540px,67vw,760px);
  background:#e4eaf0;
}

.home-card-slider-images{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:#0a1a29;
}

.home-card-slider-image{
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  transform:scale(1.045);
  transition:
    opacity .62s cubic-bezier(.22,1,.36,1),
    transform 1.05s cubic-bezier(.22,1,.36,1);
}

.home-card-slider-image.is-active{
  opacity:1;
  transform:scale(1);
}

.home-card-slider-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.home-card-slider-image-shade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 60%,rgba(5,18,31,.2)),
    linear-gradient(180deg,transparent 62%,rgba(5,18,31,.2));
}

.home-card-slider-cards{
  position:relative;
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  padding:clamp(34px,5vw,76px) 0 clamp(28px,4vw,60px) clamp(28px,4vw,64px);
  overflow:hidden;
}

.home-card-slider-viewport{
  min-width:0;
  overflow:visible;
}

.home-card-slider-track{
  display:flex;
  align-items:stretch;
  gap:18px;
  will-change:transform;
  transition:transform .62s cubic-bezier(.22,1,.36,1);
}

.home-card-slide{
  position:relative;
  flex:0 0 min(72%,520px);
  min-height:clamp(360px,42vw,520px);
  padding:clamp(28px,3.8vw,52px);
  border:1px solid rgba(255,255,255,.84);
  border-radius:26px;
  background:rgba(255,255,255,.72);
  box-shadow:0 22px 56px rgba(6,16,31,.10);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  opacity:.46;
  transform:scale(.90);
  transform-origin:left center;
  cursor:pointer;
  transition:
    opacity .48s ease,
    transform .62s cubic-bezier(.22,1,.36,1),
    background .48s ease,
    box-shadow .48s ease;
}

.home-card-slide.is-active{
  opacity:1;
  transform:scale(1);
  background:rgba(255,255,255,.94);
  box-shadow:0 30px 72px rgba(6,16,31,.16);
}

.home-card-slide-number{
  display:block;
  margin-bottom:clamp(26px,4vw,58px);
  color:#5fa5dd;
  font-size:clamp(28px,3.1vw,44px);
  font-weight:700;
  letter-spacing:-.04em;
}

.home-card-slide small{
  display:block;
  margin-bottom:11px;
  color:#0b5794;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.home-card-slide h3{
  max-width:13ch;
  margin:0 0 16px;
  color:#071629;
  font-size:clamp(27px,3vw,45px);
  font-weight:700;
  line-height:1.06;
  letter-spacing:-.04em;
}

.home-card-slide p{
  max-width:44ch;
  margin:0;
  color:#607387;
  font-size:clamp(14px,1.2vw,18px);
  line-height:1.7;
}

.home-card-slide > a{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:26px;
  padding:12px 17px;
  border-radius:999px;
  color:#fff;
  background:#0b5794;
  font-size:12px;
  font-weight:750;
  text-decoration:none;
  transition:transform .2s ease,background .2s ease;
}

.home-card-slide > a:hover{
  transform:translateY(-2px);
  background:#08477a;
}

.home-card-slide > a b{
  font-size:16px;
}

.home-card-slider-controls{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:24px;
}

.home-card-slider-controls button{
  width:46px;
  height:46px;
  border:1px solid rgba(6,16,31,.12);
  border-radius:50%;
  color:#0a2b47;
  background:rgba(255,255,255,.82);
  cursor:pointer;
  transition:transform .2s ease,background .2s ease;
}

.home-card-slider-controls button:hover{
  transform:translateY(-2px);
  background:#fff;
}

.home-card-slider-controls span{
  color:#718296;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
}

.home-card-slider-controls b{
  color:#0b5794;
}

@media(max-width:1020px){
  .hp048-hero.hp048-auto-layout{
    min-height:auto;
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
  }
  .hp048-auto-layout .hp048-card{
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:420px;
  }
  .hp048-auto-layout .hp048-card.is-showcase-small .hp048-card-summary p,
  .hp048-auto-layout .hp048-card.is-showcase-small .hp048-card-summary b{
    opacity:1;
  }
  .home-card-slider-stage{
    grid-template-columns:1fr;
  }
  .home-card-slider-images{
    min-height:52vw;
  }
  .home-card-slider-cards{
    padding:32px 0 32px 24px;
  }
  .home-card-slide{
    flex-basis:min(82%,520px);
  }
}

@media(max-width:640px){
  .home-card-slider-heading{
    width:calc(100% - 36px);
  }
  .home-card-slider-images{
    min-height:62vw;
  }
  .home-card-slider-cards{
    padding-left:18px;
  }
  .home-card-slider-track{
    gap:12px;
  }
  .home-card-slide{
    flex-basis:86%;
    min-height:390px;
    padding:24px;
    border-radius:20px;
  }
  .home-card-slide-number{
    margin-bottom:30px;
  }
}

/* KONTUR CMS 0.5.4 – Kennzahlen, stabile Bildflächen und überlappender Kartenslider */
.hp048-glass-strip > article,
.hp048-glass-strip > a.hp048-metric-link{
  position:relative;
  display:flex!important;
  min-width:0;
  min-height:137px;
  box-sizing:border-box;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  padding:21px 23px;
  border:1px solid rgba(255,255,255,.70);
  border-radius:20px;
  color:inherit;
  text-decoration:none;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.22));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90),0 10px 28px rgba(24,55,78,.07);
  transition:transform .28s ease,background .28s ease,box-shadow .28s ease;
}

.hp048-glass-strip > article::after,
.hp048-glass-strip > a.hp048-metric-link::after{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  right:-58px;
  top:-66px;
  border-radius:50%;
  background:rgba(42,111,163,.11);
  filter:blur(5px);
  pointer-events:none;
}

.hp048-glass-strip > a.hp048-metric-link:hover{
  transform:translateY(-3px);
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.34));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 15px 34px rgba(24,55,78,.12);
}

.hp048-glass-strip > article > span,
.hp048-glass-strip > a.hp048-metric-link > span,
.hp048-glass-strip > article > strong,
.hp048-glass-strip > a.hp048-metric-link > strong,
.hp048-glass-strip > article > small,
.hp048-glass-strip > a.hp048-metric-link > small{
  position:relative;
  z-index:1;
  display:block;
  min-width:0;
}

.hp048-glass-strip > article > strong,
.hp048-glass-strip > a.hp048-metric-link > strong{
  max-width:100%;
  margin-top:7px;
  font-size:clamp(21px,1.75vw,31px);
  line-height:1.06;
  letter-spacing:-.035em;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

.hp048-glass-strip > article > small,
.hp048-glass-strip > a.hp048-metric-link > small{
  max-width:30ch;
  margin-top:8px;
  line-height:1.45;
}

.hp048-auto-layout .hp048-card{
  isolation:isolate;
}

.hp048-auto-layout .hp048-card.is-showcase-focused{
  z-index:8;
}

.hp048-auto-layout .hp048-card.is-showcase-small{
  z-index:2;
}

.home-card-slider-heading{
  display:grid;
  width:min(1500px,calc(100% - clamp(44px,7vw,112px)));
  max-width:none;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  column-gap:clamp(34px,6vw,100px);
  align-items:end;
}

.home-card-slider-heading > span,
.home-card-slider-heading h2{
  grid-column:1;
}

.home-card-slider-heading h2{
  max-width:18ch;
  font-size:clamp(40px,4.7vw,72px);
}

.home-card-slider-heading p{
  grid-column:2;
  grid-row:1 / 3;
  align-self:end;
  max-width:42ch;
  margin:0 0 7px;
}

.home-card-slider-stage{
  position:relative;
  display:block;
  min-height:clamp(590px,62vw,760px);
  overflow:hidden;
  background:linear-gradient(110deg,#dce4eb 0%,#e9eef3 56%,#edf2f6 100%);
}

.home-card-slider-images{
  position:absolute;
  inset:0 auto 0 0;
  width:64%;
  min-width:0;
  overflow:hidden;
  border-radius:0 42px 42px 0;
  background:#0a1a29;
  box-shadow:28px 0 70px rgba(6,16,31,.12);
}

.home-card-slider-image{
  opacity:0;
  z-index:1;
  transform:scale(1.055) translateX(1.5%);
  transition:opacity .72s cubic-bezier(.22,1,.36,1),transform 1.08s cubic-bezier(.22,1,.36,1);
}

.home-card-slider-image.is-active{
  z-index:3;
  opacity:1;
  transform:scale(1.01) translateX(0);
}

.home-card-slider-image.is-leaving{
  z-index:2;
  opacity:0;
  transform:scale(1.085) translateX(-1.5%);
}

.home-card-slider-image img{
  object-position:center center;
}

.home-card-slider-image-shade{
  z-index:5;
  background:
    linear-gradient(90deg,transparent 0%,transparent 55%,rgba(227,234,240,.18) 73%,rgba(231,237,242,.82) 100%),
    linear-gradient(180deg,rgba(4,16,28,.04),transparent 55%,rgba(4,16,28,.12));
}

.home-card-slider-cards{
  position:relative;
  z-index:10;
  display:flex;
  width:56%;
  min-height:clamp(590px,62vw,760px);
  margin-left:44%;
  box-sizing:border-box;
  flex-direction:column;
  justify-content:center;
  padding:clamp(42px,5vw,76px) 0 clamp(30px,4vw,58px) clamp(16px,2.1vw,34px);
  overflow:hidden;
}

.home-card-slider-viewport{
  width:100%;
  min-width:0;
  overflow:hidden;
}

.home-card-slider-track{
  display:flex;
  align-items:center;
  gap:18px;
  padding:10px 0 14px;
  transition:transform .72s cubic-bezier(.22,1,.36,1);
}

.home-card-slide{
  position:relative;
  flex:0 0 154px;
  width:154px;
  height:238px;
  min-height:0;
  box-sizing:border-box;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(255,255,255,.82);
  border-radius:22px;
  background:rgba(255,255,255,.48);
  box-shadow:0 16px 36px rgba(6,16,31,.08);
  backdrop-filter:blur(14px) saturate(125%);
  -webkit-backdrop-filter:blur(14px) saturate(125%);
  opacity:.64;
  transform:scale(.94);
  transform-origin:left center;
  cursor:pointer;
  transition:
    flex-basis .72s cubic-bezier(.22,1,.36,1),
    width .72s cubic-bezier(.22,1,.36,1),
    height .72s cubic-bezier(.22,1,.36,1),
    opacity .45s ease,
    transform .72s cubic-bezier(.22,1,.36,1),
    background .45s ease,
    box-shadow .45s ease;
}

.home-card-slide:hover{
  opacity:.88;
  transform:scale(.975);
  background:rgba(255,255,255,.64);
}

.home-card-slide.is-active{
  flex-basis:clamp(520px,39vw,660px);
  width:clamp(520px,39vw,660px);
  height:clamp(500px,39vw,570px);
  opacity:1;
  transform:scale(1);
  background:rgba(255,255,255,.91);
  box-shadow:0 30px 72px rgba(6,16,31,.18);
  backdrop-filter:blur(24px) saturate(135%);
  -webkit-backdrop-filter:blur(24px) saturate(135%);
}

.home-card-slide-preview{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px 14px;
  color:#45677f;
  font-size:clamp(15px,1.15vw,19px);
  font-weight:650;
  line-height:1.2;
  text-align:center;
  transition:opacity .32s ease,transform .52s cubic-bezier(.22,1,.36,1);
}

.home-card-slide.is-active .home-card-slide-preview{
  opacity:0;
  transform:translateX(-18px);
  pointer-events:none;
}

.home-card-slide-content{
  position:absolute;
  inset:0;
  display:flex;
  box-sizing:border-box;
  flex-direction:column;
  justify-content:center;
  padding:clamp(34px,3.8vw,54px);
  opacity:0;
  visibility:hidden;
  transform:translateX(24px);
  pointer-events:none;
  transition:opacity .38s ease .04s,transform .62s cubic-bezier(.22,1,.36,1),visibility 0s linear .45s;
}

.home-card-slide.is-active .home-card-slide-content{
  opacity:1;
  visibility:visible;
  transform:translateX(0);
  pointer-events:auto;
  transition:opacity .48s ease .16s,transform .68s cubic-bezier(.22,1,.36,1) .08s,visibility 0s;
}

.home-card-slide-number{
  margin-bottom:clamp(20px,2.7vw,38px);
  font-size:clamp(28px,2.7vw,42px);
}

.home-card-slide h3{
  max-width:18ch;
  margin-bottom:18px;
  font-size:clamp(31px,3vw,47px);
  line-height:1.04;
}

.home-card-slide p{
  max-width:50ch;
  font-size:clamp(15px,1.15vw,18px);
  line-height:1.65;
}

.home-card-slide > a,
.home-card-slide-content > a{
  align-self:flex-start;
}

.home-card-slider-controls{
  margin-top:16px;
  padding-left:6px;
}

.home-card-preview-button{
  display:inline-flex;
  align-self:flex-start;
  margin-top:24px;
  padding:12px 17px;
  border-radius:999px;
  color:#fff;
  background:#0b5794;
  font-size:12px;
  font-weight:750;
}

@media(max-width:1180px){
  .home-card-slider-heading{
    grid-template-columns:1fr;
  }
  .home-card-slider-heading > span,
  .home-card-slider-heading h2,
  .home-card-slider-heading p{
    grid-column:1;
    grid-row:auto;
  }
  .home-card-slider-heading p{
    margin-top:18px;
  }
  .home-card-slider-images{
    width:68%;
  }
  .home-card-slider-cards{
    width:58%;
    margin-left:42%;
  }
  .home-card-slide.is-active{
    flex-basis:min(570px,72vw);
    width:min(570px,72vw);
  }
}

@media(max-width:820px){
  .home-card-slider-stage{
    display:grid;
    min-height:0;
    grid-template-rows:minmax(320px,58vw) auto;
  }
  .home-card-slider-images{
    position:relative;
    inset:auto;
    width:100%;
    min-height:0;
    border-radius:0;
  }
  .home-card-slider-image-shade{
    background:linear-gradient(180deg,transparent 55%,rgba(232,238,243,.82) 100%);
  }
  .home-card-slider-cards{
    width:100%;
    min-height:0;
    margin-left:0;
    padding:22px 0 32px 18px;
  }
  .home-card-slide.is-active{
    flex-basis:min(82vw,560px);
    width:min(82vw,560px);
    height:500px;
  }
  .home-card-slide{
    flex-basis:132px;
    width:132px;
    height:210px;
  }
}

@media(max-width:640px){
  .hp048-glass-strip > article,
  .hp048-glass-strip > a.hp048-metric-link{
    min-height:118px;
  }
  .home-card-slider-heading{
    width:calc(100% - 36px);
  }
  .home-card-slider-heading h2{
    font-size:clamp(36px,11vw,52px);
  }
  .home-card-slide.is-active{
    flex-basis:calc(100vw - 54px);
    width:calc(100vw - 54px);
    height:510px;
  }
  .home-card-slide-content{
    padding:28px 24px;
  }
  .home-card-slide h3{
    font-size:34px;
  }
}

/* v0.5.5 – professionellerer Kartenslider mit stärkerem Liquid-Glass-Look */
.home-card-slider-section{
  padding:clamp(40px,5vw,72px) 0 clamp(54px,6vw,88px);
  background:linear-gradient(180deg,#eef3f7 0%,#e8edf3 100%);
}

.home-card-slider-heading{
  width:min(1580px,calc(100% - clamp(44px,7vw,112px)));
  grid-template-columns:minmax(0,1.62fr) minmax(280px,.38fr);
  column-gap:clamp(22px,3vw,48px);
  row-gap:10px;
  align-items:end;
  margin-bottom:clamp(26px,2.6vw,38px);
}

.home-card-slider-heading h2{
  max-width:12ch;
  font-size:clamp(46px,5vw,86px);
  line-height:.95;
  letter-spacing:-.038em;
}

.home-card-slider-heading p{
  max-width:28ch;
  font-size:clamp(17px,1.18vw,21px);
  line-height:1.6;
}

.home-card-slider-stage{
  min-height:clamp(560px,58vw,720px);
  overflow:hidden;
  border-radius:38px;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.56), transparent 30%),
    linear-gradient(130deg,#dfe7ee 0%,#e9eef3 48%,#eef3f7 100%);
}

.home-card-slider-images{
  top:18px;
  bottom:18px;
  left:0;
  width:72%;
  border-radius:0 42px 42px 0;
  box-shadow:32px 0 84px rgba(6,16,31,.10);
}

.home-card-slider-image{
  transform:scale(1.07) translateX(2.4%);
  transition:opacity .78s cubic-bezier(.22,1,.36,1),transform 1.2s cubic-bezier(.22,1,.36,1),filter .72s ease;
  filter:saturate(.98) contrast(1.01);
}

.home-card-slider-image.is-active{
  transform:scale(1.02) translateX(0);
  filter:saturate(1.03) contrast(1.02);
}

.home-card-slider-image.is-leaving{
  transform:scale(1.09) translateX(-2.2%);
  filter:saturate(.95) brightness(.98);
}

.home-card-slider-image-shade{
  background:
    linear-gradient(90deg,rgba(7,17,29,.08) 0%,rgba(7,17,29,.03) 42%,rgba(231,237,243,.10) 58%,rgba(233,239,244,.78) 72%,rgba(236,241,246,.96) 100%),
    linear-gradient(180deg,rgba(4,16,28,.02),transparent 56%,rgba(4,16,28,.14));
}

.home-card-slider-cards{
  width:62%;
  min-height:clamp(560px,58vw,720px);
  margin-left:38%;
  padding:clamp(34px,4vw,56px) clamp(28px,3vw,42px) clamp(26px,3vw,40px) 0;
  justify-content:center;
}

.home-card-slider-track{
  align-items:flex-end;
  gap:16px;
  padding:12px 0 18px;
}

.home-card-slide{
  flex:0 0 138px;
  width:138px;
  height:156px;
  border:1px solid rgba(255,255,255,.56);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.18));
  box-shadow:
    0 18px 34px rgba(6,16,31,.07),
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -18px 36px rgba(255,255,255,.08);
  backdrop-filter:blur(22px) saturate(155%);
  -webkit-backdrop-filter:blur(22px) saturate(155%);
  opacity:.82;
  transform:translateY(0) scale(.96);
  overflow:hidden;
}

.home-card-slide::before,
.home-card-slide::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
}

.home-card-slide::before{
  background:linear-gradient(145deg,rgba(255,255,255,.50) 0%,rgba(255,255,255,.08) 34%,rgba(255,255,255,.03) 100%);
}

.home-card-slide::after{
  inset:1px;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.22);
}

.home-card-slide:hover{
  opacity:.96;
  transform:translateY(-4px) scale(.985);
  background:linear-gradient(180deg,rgba(255,255,255,.40),rgba(255,255,255,.24));
}

.home-card-slide.is-active{
  flex-basis:clamp(500px,37vw,640px);
  width:clamp(500px,37vw,640px);
  height:clamp(420px,34vw,510px);
  opacity:1;
  transform:translateY(0) scale(1);
  background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(255,255,255,.38));
  border-color:rgba(255,255,255,.64);
  box-shadow:
    0 34px 80px rgba(6,16,31,.16),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -28px 60px rgba(255,255,255,.14);
  backdrop-filter:blur(28px) saturate(165%);
  -webkit-backdrop-filter:blur(28px) saturate(165%);
}

.home-card-slide-preview{
  padding:18px 14px;
  color:#6a879a;
  font-size:clamp(14px,1vw,17px);
  font-weight:680;
  line-height:1.12;
  letter-spacing:-.018em;
  text-align:center;
  max-width:8ch;
  margin:auto;
}

.home-card-slide.is-active .home-card-slide-preview{
  transform:translateX(-26px);
}

.home-card-slide-content{
  padding:clamp(34px,3vw,50px) clamp(32px,3vw,46px) clamp(30px,3vw,42px);
}

.home-card-slide-number{
  margin-bottom:clamp(18px,1.8vw,28px);
  font-size:clamp(34px,3vw,50px);
  line-height:1;
}

.home-card-slide small{
  display:inline-block;
  margin-bottom:14px;
  color:#0b63b6;
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.home-card-slide h3{
  max-width:13ch;
  margin-bottom:14px;
  font-size:clamp(34px,3.05vw,52px);
  line-height:.98;
  letter-spacing:-.04em;
}

.home-card-slide p{
  max-width:34ch;
  font-size:clamp(16px,1.04vw,19px);
  line-height:1.6;
}

.home-card-slide-content > a{
  margin-top:22px;
  padding:12px 18px;
  border-radius:999px;
  background:rgba(255,255,255,.34);
  border:1px solid rgba(255,255,255,.52);
  box-shadow:0 10px 24px rgba(6,16,31,.08), inset 0 1px 0 rgba(255,255,255,.62);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.home-card-slider-controls{
  margin-top:10px;
  padding-left:2px;
  display:flex;
  align-items:center;
  gap:14px;
}

.home-card-slider-controls button{
  width:48px;
  height:48px;
  border:1px solid rgba(255,255,255,.6);
  background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.26));
  box-shadow:0 10px 24px rgba(6,16,31,.08), inset 0 1px 0 rgba(255,255,255,.7);
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
}

.home-card-slider-controls button:hover{
  transform:translateY(-2px);
}

.home-card-slider-controls span{
  min-width:88px;
  padding:0 2px;
  font-size:14px;
  font-weight:750;
  letter-spacing:.12em;
}

@media (max-width: 1180px){
  .home-card-slider-heading{
    grid-template-columns:1fr;
  }
  .home-card-slider-heading p{
    grid-column:1;
    grid-row:auto;
    max-width:50ch;
    margin:0;
  }
  .home-card-slider-stage{
    min-height:unset;
  }
  .home-card-slider-images{
    width:100%;
    top:0;
    bottom:auto;
    height:340px;
    border-radius:0 0 28px 28px;
  }
  .home-card-slider-cards{
    width:100%;
    margin-left:0;
    min-height:0;
    padding:280px 22px 24px;
  }
  .home-card-slide.is-active{
    flex-basis:min(78vw,560px);
    width:min(78vw,560px);
    height:420px;
  }
}

@media (max-width: 760px){
  .home-card-slider-section{
    padding:26px 0 38px;
  }
  .home-card-slider-heading h2{
    font-size:clamp(38px,11vw,58px);
  }
  .home-card-slider-stage{
    border-radius:26px;
  }
  .home-card-slider-images{
    height:260px;
  }
  .home-card-slider-cards{
    padding:212px 14px 18px;
  }
  .home-card-slider-track{
    gap:12px;
  }
  .home-card-slide{
    flex-basis:112px;
    width:112px;
    height:128px;
    border-radius:20px;
  }
  .home-card-slide-preview{
    font-size:13px;
    max-width:7ch;
  }
  .home-card-slide.is-active{
    flex-basis:min(calc(100vw - 50px),420px);
    width:min(calc(100vw - 50px),420px);
    height:390px;
    border-radius:24px;
  }
  .home-card-slide-content{
    padding:26px 22px 24px;
  }
  .home-card-slide h3{
    font-size:clamp(28px,8vw,40px);
  }
  .home-card-slide p{
    font-size:15px;
  }
}

/* v0.5.6 – Vollbreites Bild, stärkeres Ausblenden und stabiler Kartenwechsel */
.home-card-slider-section{
  overflow:hidden;
  background:#eaf0f5;
}

.home-card-slider-stage{
  position:relative;
  width:100%;
  min-height:clamp(560px,55vw,710px);
  overflow:hidden;
  border-radius:0;
  background:#eaf0f5;
}

.home-card-slider-images{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
}

.home-card-slider-image,
.home-card-slider-image img{
  border-radius:0;
}

.home-card-slider-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:left center;
}

.home-card-slider-image-shade{
  z-index:5;
  background:
    linear-gradient(90deg,
      rgba(234,240,245,0) 0%,
      rgba(234,240,245,0) 34%,
      rgba(234,240,245,.08) 43%,
      rgba(234,240,245,.34) 52%,
      rgba(234,240,245,.72) 63%,
      rgba(234,240,245,.94) 74%,
      #eaf0f5 86%,
      #eaf0f5 100%),
    linear-gradient(180deg,rgba(4,16,28,.04) 0%,transparent 58%,rgba(4,16,28,.12) 100%);
}

.home-card-slider-cards{
  position:relative;
  z-index:10;
  width:80%;
  min-height:clamp(560px,55vw,710px);
  margin-left:20%;
  padding:clamp(34px,4vw,56px) clamp(22px,2.4vw,36px) clamp(28px,3vw,42px) 0;
  overflow:visible;
}

.home-card-slider-viewport{
  width:100%;
  overflow:visible;
}

.home-card-slider-track{
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  gap:14px;
  width:max-content;
  min-width:100%;
  padding:12px 0 18px;
  transform:none !important;
  transition:opacity .24s ease,filter .24s ease;
}

.home-card-slider-cards.is-switching .home-card-slider-track{
  opacity:.28;
  filter:blur(4px);
}

.home-card-slide{
  flex:0 0 120px;
  width:120px;
  height:128px;
  min-width:0;
  border-radius:22px;
}

.home-card-slide.is-active{
  flex-basis:clamp(500px,36vw,580px);
  width:clamp(500px,36vw,580px);
  height:clamp(420px,32vw,490px);
}

.home-card-slide-preview{
  max-width:7.5ch;
  padding:16px 10px;
  font-size:clamp(13px,.9vw,16px);
  line-height:1.08;
  overflow-wrap:anywhere;
  hyphens:auto;
}

.home-card-slide-content{
  padding:clamp(32px,2.7vw,46px) clamp(30px,2.7vw,44px) clamp(28px,2.5vw,40px);
}

.home-card-slide h3{
  max-width:14ch;
  font-size:clamp(31px,2.65vw,45px);
  font-weight:600;
  line-height:1.02;
  letter-spacing:-.035em;
}

.home-card-slide p{
  max-width:36ch;
}

.home-card-slider-controls{
  position:relative;
  z-index:12;
}

@media (max-width:1180px){
  .home-card-slider-images{
    inset:0;
    width:100%;
    height:100%;
    border-radius:0;
  }
  .home-card-slider-image-shade{
    background:
      linear-gradient(180deg,
        rgba(234,240,245,0) 0%,
        rgba(234,240,245,.06) 30%,
        rgba(234,240,245,.76) 58%,
        #eaf0f5 78%,
        #eaf0f5 100%);
  }
  .home-card-slider-cards{
    width:100%;
    min-height:620px;
    margin-left:0;
    padding:250px 20px 24px;
  }
  .home-card-slide.is-active{
    flex-basis:min(74vw,540px);
    width:min(74vw,540px);
  }
}

@media (max-width:760px){
  .home-card-slider-stage{
    min-height:620px;
  }
  .home-card-slider-cards{
    min-height:620px;
    padding:205px 14px 18px;
  }
  .home-card-slide{
    flex-basis:106px;
    width:106px;
    height:116px;
  }
  .home-card-slide.is-active{
    flex-basis:min(calc(100vw - 38px),420px);
    width:min(calc(100vw - 38px),420px);
    height:390px;
  }
}

/* v0.5.7 – Slider weiter rechts, gerichteter Kartenwechsel und Auto-Wechsel der Bildflächen */
.home-card-slider-cards{
  width:70%;
  margin-left:30%;
  padding-right:clamp(18px,2vw,32px);
}

.home-card-slide{
  will-change:transform,opacity,filter;
}

.home-card-slide.is-exiting-left{
  z-index:30;
  pointer-events:none;
  animation:hcs-exit-left .34s cubic-bezier(.4,0,.8,.25) both;
}

.home-card-slide.is-preparing-incoming{
  opacity:0 !important;
  pointer-events:none;
}

.home-card-slide.is-entering-right{
  z-index:31;
  opacity:0;
  transform:translate3d(118px,0,0) scale(.72);
  filter:blur(7px);
  transform-origin:center center;
  transition:none !important;
}

.home-card-slide.is-active.is-entering-right.is-entering-live{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
  transition:
    opacity .48s ease,
    transform .72s cubic-bezier(.16,1.28,.28,1),
    filter .55s ease !important;
}

.home-card-slide.is-returning-small{
  animation:hcs-small-return .46s cubic-bezier(.22,1,.36,1) both;
}

@keyframes hcs-exit-left{
  0%{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
    filter:blur(0);
  }
  100%{
    opacity:0;
    transform:translate3d(-108px,0,0) scale(.91);
    filter:blur(7px);
  }
}

@keyframes hcs-small-return{
  0%{
    opacity:0;
    transform:translate3d(36px,0,0) scale(.86);
    filter:blur(4px);
  }
  100%{
    opacity:.82;
    transform:translate3d(0,0,0) scale(.96);
    filter:blur(0);
  }
}

.hp048-auto-layout.is-autoplaying .hp048-card.is-showcase-focused{
  z-index:4;
}

.hp048-auto-layout.is-user-locked .hp048-card.is-showcase-focused{
  box-shadow:0 26px 66px rgba(6,16,31,.20);
}

@media (max-width:1180px){
  .home-card-slider-cards{
    width:100%;
    margin-left:0;
  }
}

/* v0.5.8 – nur eine Vorschaukarte, ruhiges Wachstum von rechts und randlose Bildflächen */

/* Die Startseitenbilder schließen ohne graue Fugen vollständig aneinander an. */
.hp048-hero.hp048-auto-layout{
  gap:0 !important;
  padding:0 !important;
  background:#061522 !important;
}

.hp048-auto-layout .hp048-card{
  margin:-1px;
  border:0 !important;
  outline:0 !important;
}

.hp048-auto-layout .hp048-card > img{
  inset:-15px;
  width:calc(100% + 30px);
  height:calc(100% + 30px);
}

/* Kartenbereich weiter rechts, damit mehr vom Hintergrundfoto sichtbar bleibt. */
.home-card-slider-cards{
  width:62%;
  margin-left:38%;
  padding-left:clamp(18px,2vw,34px);
  padding-right:clamp(14px,1.5vw,26px);
}

.home-card-slider-track{
  gap:18px;
}

/* Es wird neben der aktiven Karte nur das unmittelbar nächste Thema gezeigt. */
.home-card-slide.is-hidden-preview:not(.is-active):not(.is-exiting-left):not(.is-entering-right):not(.is-preparing-incoming){
  display:none;
}

.home-card-slide.is-next-preview{
  display:block;
}

.home-card-slide.is-next-preview .home-card-slide-preview{
  opacity:1;
}

/* Alte Karte ruhig nach links ausblenden. */
.home-card-slide.is-exiting-left{
  z-index:30;
  pointer-events:none;
  animation:hcs058-exit-left .36s cubic-bezier(.4,0,.8,.25) both;
}

/* Neue große Karte entsteht aus der rechten Vorschauposition und wächst ohne Überschwingen. */
.home-card-slide.is-entering-right{
  z-index:31;
  opacity:.18;
  transform:translate3d(124px,0,0) scale(.30);
  transform-origin:right center;
  filter:blur(5px);
  transition:none !important;
}

.home-card-slide.is-active.is-entering-right.is-entering-live{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
  transition:
    opacity .50s ease,
    transform .78s cubic-bezier(.22,1,.36,1),
    filter .58s ease !important;
}

@keyframes hcs058-exit-left{
  0%{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
    filter:blur(0);
  }
  100%{
    opacity:0;
    transform:translate3d(-118px,0,0) scale(.94);
    filter:blur(6px);
  }
}

@media (max-width:1180px){
  .home-card-slider-cards{
    width:100%;
    margin-left:0;
    padding-left:20px;
  }
}

@media (max-width:760px){
  .home-card-slider-cards{
    padding-left:14px;
  }
}

/* v0.5.9 – Karten rechtsbündig, vollflächige Bildflächen und weichere Wechsel */

/* Bildflächen über die komplette Viewportbreite – ohne Außenrand oder graue Fuge. */
.home-proposal-page.home-proposal-1,
.home-proposal-1 .hp-main{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}

.hp048-hero.hp048-auto-layout{
  position:relative;
  left:50%;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
  padding:0 !important;
  gap:0 !important;
  overflow:hidden;
  background:#061522 !important;
}

.hp048-auto-layout .hp048-card{
  margin:0 !important;
  border:0 !important;
  box-shadow:none;
}

.hp048-auto-layout .hp048-card > img{
  inset:-2px !important;
  width:calc(100% + 4px) !important;
  height:calc(100% + 4px) !important;
}

/* Aktive Karte und genau eine Vorschau liegen bündig am rechten Bildschirmrand. */
.home-card-slider-cards{
  position:absolute;
  z-index:10;
  top:0;
  right:0;
  bottom:0;
  left:auto;
  width:min(78vw,760px);
  min-height:0;
  margin:0 !important;
  padding:clamp(34px,4vw,56px) 0 clamp(28px,3vw,42px) clamp(18px,2vw,34px);
  justify-content:center;
  overflow:visible;
}

.home-card-slider-viewport{
  width:100%;
  overflow:visible;
}

.home-card-slider-track{
  width:100%;
  min-width:0;
  justify-content:flex-end;
  gap:18px;
  padding-right:0;
}

.home-card-slide.is-active{
  flex-basis:clamp(500px,36vw,580px);
  width:clamp(500px,36vw,580px);
}

.home-card-slide.is-next-preview{
  flex:0 0 120px;
  width:120px;
  margin-right:0;
}

.home-card-slider-controls{
  width:calc(100% - 138px);
  margin:10px 138px 0 0;
  padding-left:0;
  justify-content:flex-start;
}

/* Ruhiger, überlappender Wechsel: alte Karte nach links, neue von rechts größer. */
.home-card-slide.is-exiting-left{
  animation:hcs059-exit-left .66s cubic-bezier(.32,0,.2,1) both !important;
}

.home-card-slide.is-entering-right{
  opacity:.06;
  transform:translate3d(92px,0,0) scale(.82);
  transform-origin:right center;
  filter:blur(3px);
}

.home-card-slide.is-active.is-entering-right.is-entering-live{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
  transition:
    opacity .78s cubic-bezier(.22,.72,.18,1),
    transform 1.02s cubic-bezier(.22,.72,.18,1),
    filter .72s ease !important;
}

@keyframes hcs059-exit-left{
  0%{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
    filter:blur(0);
  }
  100%{
    opacity:0;
    transform:translate3d(-78px,0,0) scale(.97);
    filter:blur(3px);
  }
}

/* Auch der automatische Wechsel der großen Startseitenbilder läuft weicher. */
.hp048-auto-layout .hp048-card{
  will-change:transform;
}

@media (max-width:1180px){
  .home-card-slider-cards{
    position:relative;
    inset:auto;
    width:100%;
    min-height:620px;
    margin-left:0 !important;
    padding:250px 20px 24px;
  }
  .home-card-slider-track{
    justify-content:flex-start;
  }
  .home-card-slider-controls{
    width:auto;
    margin:10px 0 0;
  }
}

@media (max-width:760px){
  .home-card-slider-cards{
    min-height:620px;
    padding:205px 14px 18px;
  }
  .home-card-slider-track{
    gap:12px;
  }
}


/* v0.5.9.1 – einheitlicher Startseitenhintergrund */
.home-proposal-page.home-proposal-1{
  --home-surface:#eaf0f5;
  background:var(--home-surface) !important;
}

.home-proposal-1 .hp-main,
.home-proposal-1 .home-card-slider-section,
.home-proposal-1 .home-tiles-section,
.home-proposal-1 .home-tiles-section::before,
.home-proposal-1 .home-tiles-section::after{
  background:var(--home-surface) !important;
}

.home-proposal-1 .home-card-slider-stage{
  background:var(--home-surface) !important;
}

.home-proposal-1 .hp048-glass-strip{
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.48)) !important;
}

.home-proposal-1 .home-tiles-section{
  border-top:0 !important;
}

/* v0.5.9.2 – dynamische Kennzahlenleiste und professioneller eingebettetes Sliderbild */
.hp048-glass-strip{
  width:min(calc(100% - clamp(28px,4vw,72px)),calc(var(--metric-count,4) * 360px));
  max-width:1600px;
  margin-inline:auto;
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)) !important;
  align-items:stretch;
  transition:width .55s cubic-bezier(.22,1,.36,1),max-width .55s cubic-bezier(.22,1,.36,1);
}

.hp048-glass-strip > article,
.hp048-glass-strip > a.hp048-metric-link{
  min-width:0;
  width:auto !important;
}

.home-card-slider-stage{
  isolation:isolate;
}

.home-card-slider-images{
  overflow:hidden;
  box-shadow:
    inset -72px 0 86px rgba(234,240,245,.24),
    inset 0 0 0 1px rgba(255,255,255,.12),
    0 28px 72px rgba(6,16,31,.10) !important;
}

.home-card-slider-images::before,
.home-card-slider-images::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
}

.home-card-slider-images::before{
  background:
    linear-gradient(90deg,rgba(6,16,31,.16) 0%,rgba(6,16,31,.04) 18%,transparent 42%,rgba(234,240,245,.10) 60%,rgba(234,240,245,.58) 82%,rgba(234,240,245,.98) 100%),
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 20%,transparent 72%,rgba(6,16,31,.14));
}

.home-card-slider-images::after{
  background:
    radial-gradient(ellipse at 72% 48%,transparent 0%,transparent 38%,rgba(234,240,245,.18) 58%,rgba(234,240,245,.78) 86%,rgba(234,240,245,1) 100%);
  mix-blend-mode:normal;
}

.home-card-slider-image{
  filter:saturate(.98) contrast(1.015) brightness(.99);
}

.home-card-slider-image.is-active{
  filter:saturate(1.02) contrast(1.025) brightness(1);
}

.home-card-slider-image-shade{
  z-index:7;
  background:
    linear-gradient(90deg,rgba(7,17,29,.10) 0%,rgba(7,17,29,.03) 34%,transparent 50%,rgba(234,240,245,.24) 70%,rgba(234,240,245,.82) 90%,rgba(234,240,245,1) 100%),
    linear-gradient(180deg,rgba(255,255,255,.03),transparent 58%,rgba(4,16,28,.10)) !important;
}

@media (max-width:900px){
  .hp048-glass-strip{
    width:min(calc(100% - 24px),calc(var(--metric-count,4) * 320px));
    grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr)) !important;
  }
}

@media (max-width:620px){
  .hp048-glass-strip{
    width:calc(100% - 20px);
    grid-template-columns:1fr !important;
  }
}

/* v0.5.9.4 – Kartenslider-Bild professioneller integrieren, ohne weiche Rand-Effekte */

.home-card-slider-stage{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(180deg,#eaf0f5 0%,#e8edf3 100%) !important;
}

/* Das Bild läuft sauber über die ganze Bühne und bekommt KEINEN weichgezeichneten Rand. */
.home-card-slider-images{
  position:absolute;
  inset:0 !important;
  width:100% !important;
  left:0 !important;
  right:0 !important;
  border-radius:0 !important;
  overflow:hidden;
  background:#d9e1e8;
  box-shadow:none !important;
}

.home-card-slider-images::before,
.home-card-slider-images::after{
  display:none !important;
  content:none !important;
}

.home-card-slider-image,
.home-card-slider-image img{
  width:100%;
  height:100%;
}

.home-card-slider-image{
  opacity:0;
  transform:scale(1.025);
  transition:
    opacity .86s cubic-bezier(.22,1,.36,1),
    transform 1.08s cubic-bezier(.22,1,.36,1),
    filter .86s ease !important;
  filter:saturate(1) contrast(1.03) brightness(.98);
}

.home-card-slider-image img{
  display:block;
  object-fit:cover;
  object-position:center center;
}

.home-card-slider-image.is-active{
  opacity:1;
  transform:scale(1);
  filter:saturate(1.01) contrast(1.04) brightness(.985);
}

.home-card-slider-image.is-leaving{
  opacity:0;
  transform:scale(1.02);
  filter:saturate(.99) contrast(1.02) brightness(.975);
}

/* Statt Rand-Weichzeichnung nur eine ruhige, professionelle Bildtönung über die komplette Fläche. */
.home-card-slider-image-shade{
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(90deg,
      rgba(7,17,29,.30) 0%,
      rgba(7,17,29,.18) 18%,
      rgba(7,17,29,.10) 36%,
      rgba(7,17,29,.08) 56%,
      rgba(7,17,29,.12) 74%,
      rgba(7,17,29,.18) 100%),
    linear-gradient(180deg,
      rgba(255,255,255,.04) 0%,
      rgba(255,255,255,0) 22%,
      rgba(7,17,29,.08) 100%) !important;
  pointer-events:none;
}

/* Subtile Tiefenwirkung über der Bildfläche – nicht am Rand des Bildes. */
.home-card-slider-stage::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 74% 50%, rgba(255,255,255,.07) 0%, rgba(255,255,255,0) 52%),
    linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 64%, rgba(255,255,255,.04) 100%);
}

.home-card-slider-cards{
  position:relative;
  z-index:10;
}

.home-card-slide,
.home-card-slide.is-active{
  backdrop-filter:blur(24px) saturate(150%);
  -webkit-backdrop-filter:blur(24px) saturate(150%);
}

.home-card-slide.is-active{
  box-shadow:
    0 34px 82px rgba(6,16,31,.18),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -24px 52px rgba(255,255,255,.14) !important;
}

/* Mobile / Tablet: ebenfalls ohne Rand-Weichzeichnung */
@media (max-width:1180px){
  .home-card-slider-stage::after{
    background:linear-gradient(180deg, rgba(7,17,29,.10) 0%, rgba(255,255,255,0) 28%, rgba(255,255,255,.03) 100%);
  }
}

/* v0.5.9.5 – große Sliderkarte wieder ganz rechts, Nummer auf großer Karte entfernen */
.home-card-slider-cards{
  position:relative;
  z-index:10;
}

/* Visual order umdrehen: große aktive Karte sitzt wieder ganz rechts,
   die kleine Vorschau steht links davon. */
.home-card-slider-track{
  flex-direction:row-reverse !important;
  justify-content:flex-start !important;
  gap:14px !important;
}

.home-card-slide.is-active{
  order:0;
  margin-right:0 !important;
  margin-left:0 !important;
}

.home-card-slide.is-next-preview{
  order:1;
}

/* Die große Nummer auf der aktiven Karte ausblenden. */
.home-card-slide.is-active .home-card-slide-number{
  display:none !important;
}

/* Etwas kompakterer oberer Abstand, wenn die Nummer wegfällt. */
.home-card-slide.is-active .home-card-slide-content{
  padding-top:34px !important;
}

/* Vorschau ruhig links neben der großen Karte halten. */
.home-card-slide.is-next-preview .home-card-slide-preview{
  margin-inline:auto;
}

/* Mobile unverändert lesbar lassen. */
@media (max-width:760px){
  .home-card-slider-track{
    flex-direction:row !important;
    justify-content:flex-start !important;
  }
}

/* v0.5.9.6 – Sliderkarten wirklich ganz rechts + dezenter blauer Rahmen oben/unten */

/* Der Textbereich oberhalb bleibt auf dem normalen Seitenhintergrund. */
.home-card-slider-section{
  background:var(--home-surface,#eaf0f5) !important;
}

/* Nur die Bild-/Kartenbühne erhält oben und unten einen schmalen blauen Rand. */
.home-card-slider-stage{
  padding-top:10px !important;
  padding-bottom:10px !important;
  background:#0b63b6 !important;
}

/* Bild und Karten sitzen innerhalb der Bühne, damit oben/unten der blaue Streifen sichtbar bleibt. */
.home-card-slider-images{
  top:10px !important;
  bottom:10px !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  border-radius:0 !important;
}

.home-card-slider-cards{
  top:10px !important;
  bottom:10px !important;
  right:0 !important;
  left:auto !important;
  width:clamp(690px,49vw,748px) !important;
  padding:clamp(34px,4vw,56px) 0 clamp(28px,3vw,42px) 0 !important;
  margin:0 !important;
}

/* Große Karte links, kleine Karte direkt rechts daneben – beide ganz rechts. */
.home-card-slider-track{
  flex-direction:row !important;
  justify-content:flex-end !important;
  gap:12px !important;
  width:100%;
}

.home-card-slide.is-active{
  order:1 !important;
  flex:0 0 clamp(520px,37vw,578px) !important;
  width:clamp(520px,37vw,578px) !important;
  margin:0 !important;
}

.home-card-slide.is-next-preview{
  order:2 !important;
  flex:0 0 110px !important;
  width:110px !important;
  margin:0 !important;
}

/* Die Navigation unter der großen Karte ausrichten. */
.home-card-slider-controls{
  width:clamp(520px,37vw,578px) !important;
  margin:12px 122px 0 auto !important;
  padding-left:0 !important;
}

/* Große Karte wirklich am äußersten rechten Bühnenrand halten. */
.home-card-slider-viewport{
  width:100%;
  overflow:visible;
}

/* Mobile / Tablet sinnvoll umbrechen. */
@media (max-width:1180px){
  .home-card-slider-stage{
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
  .home-card-slider-images{
    top:8px !important;
    bottom:auto !important;
  }
  .home-card-slider-cards{
    top:auto !important;
    bottom:auto !important;
    width:100% !important;
    padding:250px 20px 24px !important;
  }
  .home-card-slider-controls{
    width:auto !important;
    margin:12px 0 0 !important;
  }
}

@media (max-width:760px){
  .home-card-slider-cards{
    padding:205px 14px 18px !important;
  }
  .home-card-slider-track{
    gap:10px !important;
  }
  .home-card-slide.is-active{
    flex-basis:min(calc(100vw - 52px),420px) !important;
    width:min(calc(100vw - 52px),420px) !important;
  }
  .home-card-slide.is-next-preview{
    flex-basis:96px !important;
    width:96px !important;
  }
}

/* v0.5.9.7 – Sliderkarten wirklich ganz rechts + sichtbarer blauer Streifen */

/* Nur die Bildbühne bekommt den blauen Abschluss – nicht der Textbereich darüber. */
.home-card-slider-stage{
  position:relative;
  border-top:10px solid #0b63b6 !important;
  border-bottom:10px solid #0b63b6 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  background:#0b63b6 !important;
  overflow:hidden;
}

/* Bild weiterhin vollflächig, aber innerhalb der Bühne ohne zusätzliche Abstände. */
.home-card-slider-images{
  position:absolute !important;
  inset:0 !important;
  top:0 !important;
  bottom:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  height:100% !important;
}

/* Karten-Container absolut an den rechten Bühnenrand setzen. */
.home-card-slider-cards{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:auto !important;
  z-index:12;
  width:clamp(700px,49vw,760px) !important;
  min-height:0 !important;
  margin:0 !important;
  padding:34px 0 42px 0 !important;
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  align-items:flex-end;
  overflow:visible;
}

.home-card-slider-viewport{
  width:100% !important;
  overflow:visible !important;
  display:flex;
  justify-content:flex-end;
}

/* Große Karte links, kleine Vorschau direkt rechts daneben – gesamter Block ganz rechts. */
.home-card-slider-track{
  display:flex !important;
  align-items:flex-end;
  justify-content:flex-end !important;
  width:auto !important;
  min-width:0 !important;
  margin-left:auto !important;
  padding:12px 0 18px !important;
  gap:12px !important;
}

.home-card-slide.is-active{
  order:1 !important;
  flex:0 0 clamp(520px,37vw,578px) !important;
  width:clamp(520px,37vw,578px) !important;
  margin:0 !important;
}

.home-card-slide.is-next-preview{
  order:2 !important;
  flex:0 0 110px !important;
  width:110px !important;
  margin:0 !important;
}

/* Navigation unter der großen Karte halten. */
.home-card-slider-controls{
  width:clamp(520px,37vw,578px) !important;
  margin:10px 122px 0 auto !important;
  padding-left:0 !important;
}

/* Mobile Fallback */
@media (max-width:1180px){
  .home-card-slider-stage{
    border-top-width:8px !important;
    border-bottom-width:8px !important;
  }
  .home-card-slider-cards{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    padding:250px 20px 24px !important;
    display:block !important;
  }
  .home-card-slider-viewport{
    display:block;
  }
  .home-card-slider-track{
    width:max-content !important;
    min-width:100% !important;
    margin-left:0 !important;
    justify-content:flex-start !important;
  }
  .home-card-slider-controls{
    width:auto !important;
    margin:12px 0 0 !important;
  }
}

@media (max-width:760px){
  .home-card-slider-cards{
    padding:205px 14px 18px !important;
  }
  .home-card-slide.is-active{
    flex-basis:min(calc(100vw - 52px),420px) !important;
    width:min(calc(100vw - 52px),420px) !important;
  }
  .home-card-slide.is-next-preview{
    flex-basis:96px !important;
    width:96px !important;
  }
}

/* v0.5.9.8 – Textbereich des Kartensliders ebenfalls auf dunklem Blau */
.home-card-slider-section{
  background:linear-gradient(180deg,#072f4f 0%, #0a3a61 100%) !important;
  padding-top:clamp(54px,6vw,84px) !important;
  padding-bottom:clamp(54px,6vw,84px) !important;
}

.home-card-slider-heading{
  position:relative;
  z-index:5;
  width:min(1480px,calc(100% - 64px));
  margin:0 auto clamp(28px,4vw,44px) !important;
}

.home-card-slider-heading > span{
  color:rgba(164,203,239,.92) !important;
}

.home-card-slider-heading h2{
  color:#ffffff !important;
}

.home-card-slider-heading p{
  color:rgba(221,232,243,.84) !important;
}

/* Die Bildbühne verwendet denselben dunkleren Blauton wie der Abschnitt. */
.home-card-slider-stage{
  border-top-color:#0a3a61 !important;
  border-bottom-color:#0a3a61 !important;
  background:#0a3a61 !important;
}

@media (max-width:760px){
  .home-card-slider-section{
    padding-top:34px !important;
    padding-bottom:38px !important;
  }
}

/* v0.5.9.9 – dunkler Hintergrund auch wirklich hinter dem Textbereich */
.home-proposal-page.home-proposal-1 .home-card-slider-section,
.home-proposal-1 .home-card-slider-section,
.home-proposal-1 .home-card-slider-section::before,
.home-proposal-1 .home-card-slider-section::after{
  background:linear-gradient(180deg,#072f4f 0%, #0a3a61 100%) !important;
}

.home-proposal-page.home-proposal-1 .home-card-slider-stage,
.home-proposal-1 .home-card-slider-stage{
  border-top-color:#0a3a61 !important;
  border-bottom-color:#0a3a61 !important;
  background:#0a3a61 !important;
}

.home-proposal-page.home-proposal-1 .home-card-slider-heading > span,
.home-proposal-1 .home-card-slider-heading > span{
  color:rgba(171,208,241,.94) !important;
}

.home-proposal-page.home-proposal-1 .home-card-slider-heading h2,
.home-proposal-1 .home-card-slider-heading h2{
  color:#ffffff !important;
}

.home-proposal-page.home-proposal-1 .home-card-slider-heading p,
.home-proposal-1 .home-card-slider-heading p{
  color:rgba(224,234,243,.86) !important;
}

/* v0.5.9.10 – Kartenslider als zusammenhängender dunkler Verlauf wie der Trennblock */
.home-proposal-page.home-proposal-1 .home-card-slider-section,
.home-proposal-1 .home-card-slider-section{
  position:relative;
  background:linear-gradient(180deg,#0b2446 0%, #123a63 100%) !important;
  padding-top:clamp(42px,4.5vw,62px) !important;
  padding-bottom:14px !important; /* kleiner sichtbarer Streifen unter dem Bild */
}

/* Textbereich liegt nun wirklich im blauen Abschnitt. */
.home-proposal-page.home-proposal-1 .home-card-slider-heading,
.home-proposal-1 .home-card-slider-heading{
  position:relative;
  z-index:6;
  width:min(1480px,calc(100% - 64px));
  margin:0 auto clamp(22px,3vw,30px) !important;
}

.home-proposal-page.home-proposal-1 .home-card-slider-heading > span,
.home-proposal-1 .home-card-slider-heading > span{
  color:rgba(171,208,241,.94) !important;
}

.home-proposal-page.home-proposal-1 .home-card-slider-heading h2,
.home-proposal-1 .home-card-slider-heading h2{
  color:#ffffff !important;
}

.home-proposal-page.home-proposal-1 .home-card-slider-heading p,
.home-proposal-1 .home-card-slider-heading p{
  color:rgba(224,234,243,.86) !important;
}

/* Die Bildbühne selbst bleibt transparent, damit der blaue Verlauf des Abschnitts sichtbar darunter weiterläuft. */
.home-proposal-page.home-proposal-1 .home-card-slider-stage,
.home-proposal-1 .home-card-slider-stage{
  background:transparent !important;
  border-top:0 !important;
  border-bottom:0 !important;
  padding:0 !important;
  margin:0 !important;
}

/* Vollflächiges Bild beibehalten. */
.home-proposal-page.home-proposal-1 .home-card-slider-images,
.home-proposal-1 .home-card-slider-images{
  inset:0 !important;
  top:0 !important;
  bottom:0 !important;
  left:0 !important;
  right:0 !important;
}

@media (max-width:760px){
  .home-proposal-page.home-proposal-1 .home-card-slider-section,
  .home-proposal-1 .home-card-slider-section{
    padding-top:28px !important;
    padding-bottom:10px !important;
  }
}

/* v0.5.9.11 – Kartenslider ohne farbigen Hintergrund, bessere Vorschaukarten und schönere Pfeile */

/* Den zusätzlichen farbigen Hintergrund wieder entfernen. */
.home-proposal-page.home-proposal-1 .home-card-slider-section,
.home-proposal-1 .home-card-slider-section,
.home-proposal-1 .home-card-slider-section::before,
.home-proposal-1 .home-card-slider-section::after{
  background:var(--home-surface,#e9eef3) !important;
  padding-top:clamp(40px,4.2vw,58px) !important;
  padding-bottom:0 !important;
}

.home-proposal-page.home-proposal-1 .home-card-slider-heading,
.home-proposal-1 .home-card-slider-heading{
  margin:0 auto clamp(22px,3vw,32px) !important;
}

.home-proposal-page.home-proposal-1 .home-card-slider-heading > span,
.home-proposal-1 .home-card-slider-heading > span{
  color:#0d5ea6 !important;
}

.home-proposal-page.home-proposal-1 .home-card-slider-heading h2,
.home-proposal-1 .home-card-slider-heading h2{
  color:#071d37 !important;
}

.home-proposal-page.home-proposal-1 .home-card-slider-heading p,
.home-proposal-1 .home-card-slider-heading p{
  color:#617a92 !important;
}

.home-proposal-page.home-proposal-1 .home-card-slider-stage,
.home-proposal-1 .home-card-slider-stage{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
}

/* Kleine Vorschaukarte deutlich lesbarer und wertiger. */
.home-card-slide.is-next-preview{
  flex:0 0 152px !important;
  width:152px !important;
  height:166px !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.22)) !important;
  border:1px solid rgba(255,255,255,.62) !important;
  box-shadow:
    0 20px 44px rgba(6,16,31,.10),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -16px 32px rgba(255,255,255,.12) !important;
  backdrop-filter:blur(28px) saturate(170%) !important;
  -webkit-backdrop-filter:blur(28px) saturate(170%) !important;
}

.home-card-slide.is-next-preview .home-card-slide-preview{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100%;
  padding:18px 18px !important;
  margin:0 auto !important;
  max-width:11ch !important;
  color:#6a879a !important;
  font-size:18px !important;
  font-weight:720 !important;
  line-height:1.12 !important;
  letter-spacing:-.02em !important;
  text-align:center;
  text-wrap:balance;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}

/* Liquid-Glass-Effekt insgesamt etwas stärker und sauberer. */
.home-card-slide,
.home-card-slide.is-active{
  border-color:rgba(255,255,255,.68) !important;
  box-shadow:
    0 28px 68px rgba(6,16,31,.14),
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -22px 44px rgba(255,255,255,.14) !important;
}

.home-card-slide::before{
  background:linear-gradient(150deg,rgba(255,255,255,.60) 0%,rgba(255,255,255,.14) 34%,rgba(255,255,255,.04) 100%) !important;
}

/* Pfeile deutlich professioneller, aber weiterhin glassy. */
.home-card-slider-controls{
  gap:16px !important;
}

.home-card-slider-controls button{
  width:54px !important;
  height:54px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.78) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,.24)) !important;
  color:#0a1e36 !important;
  font-size:22px !important;
  font-weight:500 !important;
  line-height:1 !important;
  box-shadow:
    0 16px 34px rgba(6,16,31,.10),
    inset 0 1px 0 rgba(255,255,255,.84),
    inset 0 -12px 24px rgba(255,255,255,.14) !important;
  backdrop-filter:blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter:blur(24px) saturate(180%) !important;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.home-card-slider-controls button:hover{
  transform:translateY(-2px) scale(1.02) !important;
  box-shadow:
    0 22px 42px rgba(6,16,31,.14),
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -14px 26px rgba(255,255,255,.16) !important;
}

.home-card-slider-controls button:active{
  transform:translateY(0) scale(.99) !important;
}

.home-card-slider-controls span{
  color:#0d5ea6 !important;
  font-size:15px !important;
  font-weight:780 !important;
  letter-spacing:.14em !important;
}

@media (max-width:760px){
  .home-proposal-page.home-proposal-1 .home-card-slider-section,
  .home-proposal-1 .home-card-slider-section{
    padding-top:28px !important;
  }
  .home-card-slide.is-next-preview{
    flex-basis:124px !important;
    width:124px !important;
    height:140px !important;
  }
  .home-card-slide.is-next-preview .home-card-slide-preview{
    font-size:15px !important;
    max-width:10ch !important;
    padding:14px !important;
  }
  .home-card-slider-controls button{
    width:48px !important;
    height:48px !important;
    font-size:19px !important;
  }
}

/* v0.5.9.12 – breiterer Kartenslider-Kopf und kompaktere vertikale Abstände */

/* Weniger Abstand zwischen Kennzahlen und Kartenslider. */
.home-proposal-page.home-proposal-1 .home-card-slider-section,
.home-proposal-1 .home-card-slider-section{
  padding-top:clamp(22px,2.4vw,34px) !important;
}

/* Überschrift erhält deutlich mehr nutzbare Breite und bricht später um. */
.home-proposal-page.home-proposal-1 .home-card-slider-heading,
.home-proposal-1 .home-card-slider-heading{
  width:min(1580px,calc(100% - clamp(36px,5vw,80px))) !important;
  grid-template-columns:minmax(0,1.48fr) minmax(330px,.52fr) !important;
  column-gap:clamp(14px,2vw,34px) !important;
  align-items:end;
  margin-bottom:clamp(18px,2vw,26px) !important;
}

.home-proposal-page.home-proposal-1 .home-card-slider-heading h2,
.home-proposal-1 .home-card-slider-heading h2{
  max-width:none !important;
  width:min(100%,760px) !important;
  font-size:clamp(38px,4.05vw,64px) !important;
  line-height:.98 !important;
  text-wrap:balance;
}

/* Rechter Beschreibungstext beginnt sichtbar weiter links und nutzt mehr Zeilenbreite. */
.home-proposal-page.home-proposal-1 .home-card-slider-heading p,
.home-proposal-1 .home-card-slider-heading p{
  max-width:46ch !important;
  width:calc(100% + clamp(28px,4vw,72px)) !important;
  margin-left:clamp(-72px,-4vw,-28px) !important;
  margin-bottom:4px !important;
  font-size:clamp(16px,1.08vw,19px) !important;
  line-height:1.55 !important;
}

/* Weniger Leerraum nach dem Kartenslider vor den Home-Kacheln. */
.home-proposal-page.home-proposal-1 .home-tiles-section,
.home-proposal-1 .home-tiles-section{
  padding-top:clamp(34px,3.8vw,54px) !important;
}

.home-proposal-page.home-proposal-1 .home-tiles-section .section-title,
.home-proposal-1 .home-tiles-section .section-title{
  margin-bottom:clamp(22px,2.5vw,34px) !important;
}

@media (max-width:1180px){
  .home-proposal-page.home-proposal-1 .home-card-slider-heading,
  .home-proposal-1 .home-card-slider-heading{
    grid-template-columns:1fr !important;
  }

  .home-proposal-page.home-proposal-1 .home-card-slider-heading h2,
  .home-proposal-1 .home-card-slider-heading h2{
    width:min(100%,820px) !important;
  }

  .home-proposal-page.home-proposal-1 .home-card-slider-heading p,
  .home-proposal-1 .home-card-slider-heading p{
    grid-column:1 !important;
    grid-row:auto !important;
    width:min(100%,720px) !important;
    max-width:720px !important;
    margin:8px 0 0 !important;
  }
}

@media (max-width:760px){
  .home-proposal-page.home-proposal-1 .home-card-slider-section,
  .home-proposal-1 .home-card-slider-section{
    padding-top:20px !important;
  }

  .home-proposal-page.home-proposal-1 .home-card-slider-heading,
  .home-proposal-1 .home-card-slider-heading{
    width:calc(100% - 32px) !important;
  }

  .home-proposal-page.home-proposal-1 .home-card-slider-heading h2,
  .home-proposal-1 .home-card-slider-heading h2{
    font-size:clamp(34px,10vw,48px) !important;
  }

  .home-proposal-page.home-proposal-1 .home-tiles-section,
  .home-proposal-1 .home-tiles-section{
    padding-top:30px !important;
  }
}

/* v0.5.9.13 – Liquid-Glass-Kartenslider nach der hochgeladenen Vorlage */
.home-card-slider-section{
  --hcs-card-w:clamp(470px,35vw,570px);
  --hcs-card-h:clamp(410px,35vw,510px);
  --hcs-tile-w:clamp(112px,9vw,152px);
  --hcs-tile-h:clamp(300px,29vw,420px);
  --hcs-gap:16px;
  --hcs-inset:clamp(18px,2.4vw,38px);
  --hcs-ease:cubic-bezier(.22,.61,.20,1);
  --hcs-duration:760ms;
}

.home-card-slider-stage{
  position:relative !important;
  min-height:clamp(570px,56vw,720px) !important;
  overflow:hidden !important;
  isolation:isolate;
}

.home-card-slider-images{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  border-radius:0 !important;
}

.home-card-slider-image{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  transform:scale(1.055) translateX(0) !important;
  transition:
    opacity var(--hcs-duration) var(--hcs-ease),
    transform 8s ease-out,
    filter var(--hcs-duration) var(--hcs-ease) !important;
  will-change:opacity,transform;
}

.home-card-slider-image.is-active{
  opacity:1 !important;
  transform:scale(1.075) translateX(-1.2%) !important;
}

.home-card-slider-image.is-leaving{
  opacity:0 !important;
  transform:scale(1.085) translateX(-2%) !important;
}

.home-card-slider-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:left center !important;
}

.home-card-slider-image-shade{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(7,17,29,.04) 0%,rgba(7,17,29,.04) 36%,rgba(7,17,29,.18) 68%,rgba(7,17,29,.38) 100%),
    radial-gradient(120% 92% at 50% 118%,rgba(0,0,0,.28),transparent 62%) !important;
}

.home-card-slider-cards,
.home-card-slider-viewport,
.home-card-slider-track{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  pointer-events:none;
}

.home-card-slide{
  position:absolute !important;
  top:50% !important;
  right:var(--hcs-inset) !important;
  left:auto !important;
  width:var(--hcs-tile-w) !important;
  height:var(--hcs-tile-h) !important;
  min-width:0 !important;
  flex:none !important;
  transform:translate3d(0,-50%,0) !important;
  transform-origin:right center !important;
  opacity:0 !important;
  pointer-events:none !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.15) !important;
  border:1px solid rgba(255,255,255,.46) !important;
  box-shadow:
    0 26px 62px -18px rgba(0,0,0,.48),
    0 3px 14px rgba(0,0,0,.18),
    inset 0 1px 1px rgba(255,255,255,.68),
    inset 0 -22px 46px -26px rgba(255,255,255,.30) !important;
  backdrop-filter:blur(28px) saturate(185%) !important;
  -webkit-backdrop-filter:blur(28px) saturate(185%) !important;
  transition:
    transform var(--hcs-duration) var(--hcs-ease),
    width var(--hcs-duration) var(--hcs-ease),
    height var(--hcs-duration) var(--hcs-ease),
    opacity calc(var(--hcs-duration) * .82) var(--hcs-ease),
    background var(--hcs-duration) var(--hcs-ease),
    box-shadow var(--hcs-duration) var(--hcs-ease) !important;
  will-change:transform,width,height,opacity;
}

.home-card-slide::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(135deg,rgba(255,255,255,.56) 0%,rgba(255,255,255,.08) 23%,rgba(255,255,255,0) 48%),
    radial-gradient(90% 58% at 22% -8%,rgba(255,255,255,.46),transparent 62%) !important;
  mix-blend-mode:screen;
  pointer-events:none;
}

.home-card-slide::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:58%;
  z-index:1;
  background:linear-gradient(180deg,transparent,rgba(87,161,236,.09) 70%,rgba(145,194,242,.13)) !important;
  mix-blend-mode:screen;
  pointer-events:none;
}

.home-card-slide.is-active{
  width:var(--hcs-card-w) !important;
  height:var(--hcs-card-h) !important;
  transform:translate3d(calc(-1 * (var(--hcs-tile-w) + var(--hcs-gap))),-50%,0) !important;
  opacity:1 !important;
  pointer-events:auto !important;
  z-index:30 !important;
  background:rgba(255,255,255,.21) !important;
  box-shadow:
    0 34px 78px -22px rgba(0,0,0,.54),
    0 4px 18px rgba(0,0,0,.20),
    inset 0 1px 1px rgba(255,255,255,.72),
    inset 0 -26px 54px -28px rgba(255,255,255,.34) !important;
}

.home-card-slide.is-next-preview{
  opacity:1 !important;
  pointer-events:auto !important;
  z-index:20 !important;
}

.home-card-slide.is-next-preview:hover{
  background:rgba(255,255,255,.22) !important;
}

.home-card-slide.is-past{
  width:var(--hcs-card-w) !important;
  height:var(--hcs-card-h) !important;
  transform:translate3d(calc(-1 * (var(--hcs-tile-w) + var(--hcs-gap)) - 92px),-50%,0) scale(.985) !important;
  opacity:0 !important;
  z-index:10 !important;
}

.home-card-slide.is-future{
  transform:translate3d(48px,-50%,0) scale(.96) !important;
  opacity:0 !important;
  z-index:5 !important;
}

.home-card-slide-preview{
  position:absolute !important;
  inset:0 !important;
  z-index:3;
  display:flex !important;
  align-items:center;
  justify-content:center;
  margin:0 !important;
  padding:22px 14px !important;
  max-width:none !important;
  color:#fff !important;
  font-size:clamp(15px,1.12vw,19px) !important;
  font-weight:760 !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase;
  writing-mode:vertical-rl;
  text-orientation:mixed;
  transform:rotate(180deg) !important;
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
  text-shadow:0 1px 14px rgba(0,0,0,.42);
  transition:opacity .32s var(--hcs-ease),transform .48s var(--hcs-ease) !important;
}

.home-card-slide.is-active .home-card-slide-preview{
  opacity:0 !important;
  transform:rotate(180deg) translateY(12px) !important;
  pointer-events:none;
}

.home-card-slide-content{
  position:relative !important;
  inset:auto !important;
  z-index:3;
  height:100%;
  display:flex !important;
  flex-direction:column;
  justify-content:flex-end !important;
  gap:13px;
  padding:clamp(28px,2.6vw,42px) !important;
  opacity:0 !important;
  visibility:visible !important;
  transform:translateY(14px) !important;
  pointer-events:none !important;
  transition:opacity .38s var(--hcs-ease) .12s,transform .48s var(--hcs-ease) .12s !important;
}

.home-card-slide.is-active .home-card-slide-content{
  opacity:1 !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
}

.home-card-slide-content small{
  color:rgba(255,255,255,.74) !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.20em !important;
  text-transform:uppercase;
  margin:0 !important;
}

.home-card-slide-content h3{
  max-width:14ch !important;
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(30px,2.7vw,45px) !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
  text-shadow:0 2px 20px rgba(0,0,0,.30);
}

.home-card-slide-content p{
  max-width:37ch !important;
  margin:0 !important;
  color:rgba(255,255,255,.90) !important;
  font-size:clamp(14px,1vw,16px) !important;
  line-height:1.58 !important;
  text-shadow:0 1px 12px rgba(0,0,0,.26);
}

.home-card-slide-content > a,
.home-card-preview-button{
  align-self:flex-start;
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  margin-top:4px !important;
  padding:12px 20px !important;
  border-radius:999px !important;
  color:#102036 !important;
  background:linear-gradient(180deg,#fff,#edf2f7) !important;
  border:1px solid rgba(255,255,255,.74) !important;
  box-shadow:0 10px 26px -10px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.94) !important;
  text-decoration:none;
  font-size:14px !important;
  font-weight:680 !important;
}

.home-card-slider-controls{
  position:absolute !important;
  right:var(--hcs-inset) !important;
  bottom:clamp(20px,3vw,34px) !important;
  z-index:40;
  display:flex !important;
  align-items:center;
  justify-content:flex-end;
  gap:12px !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  pointer-events:auto;
}

.home-card-slider-dots{
  display:flex;
  align-items:center;
  gap:8px;
  margin-right:8px;
}

.home-card-slider-dot{
  width:9px !important;
  height:9px !important;
  min-width:9px !important;
  padding:0 !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.54) !important;
  background:rgba(255,255,255,.32) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transition:width .34s var(--hcs-ease),background .34s var(--hcs-ease),opacity .34s ease !important;
}

.home-card-slider-dot.is-active{
  width:28px !important;
  background:#fff !important;
}

.home-card-slider-page{
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  min-width:72px !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.10em !important;
  text-shadow:0 1px 10px rgba(0,0,0,.32);
}

.home-card-slider-page i,
.home-card-slider-page em{
  font-style:normal;
  opacity:.64;
}

.home-card-slider-controls > button{
  display:grid !important;
  place-items:center;
  width:50px !important;
  height:50px !important;
  padding:0 !important;
  border-radius:50% !important;
  color:#fff !important;
  background:rgba(255,255,255,.15) !important;
  border:1px solid rgba(255,255,255,.46) !important;
  box-shadow:0 14px 30px -12px rgba(0,0,0,.52),inset 0 1px 1px rgba(255,255,255,.62) !important;
  backdrop-filter:blur(20px) saturate(175%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(175%) !important;
  transition:transform .28s var(--hcs-ease),background .28s var(--hcs-ease) !important;
}

.home-card-slider-controls > button:hover{
  transform:translateY(-2px) !important;
  background:rgba(255,255,255,.22) !important;
}

.home-card-slider-controls > button svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media (max-width:1180px){
  .home-card-slider-section{
    --hcs-card-w:min(70vw,530px);
    --hcs-card-h:440px;
    --hcs-tile-w:104px;
    --hcs-tile-h:340px;
    --hcs-inset:18px;
  }
}

@media (max-width:760px){
  .home-card-slider-stage{
    min-height:620px !important;
  }
  .home-card-slider-section{
    --hcs-card-w:min(calc(100vw - 116px),390px);
    --hcs-card-h:410px;
    --hcs-tile-w:78px;
    --hcs-tile-h:340px;
    --hcs-gap:10px;
    --hcs-inset:12px;
  }
  .home-card-slide-content{
    padding:24px 20px !important;
  }
  .home-card-slide-content h3{
    font-size:clamp(27px,8vw,38px) !important;
  }
  .home-card-slide-content p{
    font-size:14px !important;
  }
  .home-card-slider-controls{
    left:14px !important;
    right:14px !important;
    justify-content:flex-end;
  }
  .home-card-slider-dots{
    margin-right:auto;
  }
  .home-card-slider-page{
    display:none !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .home-card-slider-image,
  .home-card-slide,
  .home-card-slide-content,
  .home-card-slide-preview,
  .home-card-slider-dot{
    transition-duration:.001ms !important;
  }
}

/* v0.5.9.14 – KONTUR-Kartenoptik zurück, Seitenanzeige aus der Vorlage behalten */

/* Vorschaukarte wieder kompakt und waagerecht wie in der KONTUR-Version. */
.home-card-slider-section{
  --hcs-tile-w:152px !important;
  --hcs-tile-h:166px !important;
  --hcs-gap:14px !important;
}

/* Ruhiger, heller Liquid-Glass-Hintergrund der bisherigen KONTUR-Karten. */
.home-card-slide{
  background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.22)) !important;
  border:1px solid rgba(255,255,255,.68) !important;
  box-shadow:
    0 24px 58px rgba(6,16,31,.13),
    inset 0 1px 0 rgba(255,255,255,.80),
    inset 0 -20px 42px rgba(255,255,255,.14) !important;
  backdrop-filter:blur(28px) saturate(170%) !important;
  -webkit-backdrop-filter:blur(28px) saturate(170%) !important;
}

.home-card-slide::before{
  background:linear-gradient(150deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.16) 34%,rgba(255,255,255,.04) 100%) !important;
}

.home-card-slide::after{
  inset:1px !important;
  height:auto !important;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(180deg,transparent 54%,rgba(116,178,235,.08) 100%) !important;
}

.home-card-slide.is-active{
  background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(255,255,255,.38)) !important;
  border-color:rgba(255,255,255,.72) !important;
  box-shadow:
    0 34px 82px rgba(6,16,31,.18),
    inset 0 1px 0 rgba(255,255,255,.84),
    inset 0 -26px 56px rgba(255,255,255,.16) !important;
  backdrop-filter:blur(30px) saturate(175%) !important;
  -webkit-backdrop-filter:blur(30px) saturate(175%) !important;
}

.home-card-slide.is-next-preview{
  width:var(--hcs-tile-w) !important;
  height:var(--hcs-tile-h) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.23)) !important;
}

.home-card-slide.is-next-preview:hover{
  background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.29)) !important;
}

/* Vorschautext wieder waagerecht und mittig statt vertikal. */
.home-card-slide-preview,
.home-card-slide.is-next-preview .home-card-slide-preview{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:100%;
  margin:0 !important;
  padding:18px !important;
  max-width:none !important;
  color:#607f96 !important;
  font-size:18px !important;
  font-weight:720 !important;
  line-height:1.12 !important;
  letter-spacing:-.02em !important;
  text-transform:none !important;
  text-align:center !important;
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
  transform:none !important;
  white-space:normal !important;
  text-wrap:balance;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  text-shadow:none !important;
}

.home-card-slide.is-active .home-card-slide-preview{
  opacity:0 !important;
  transform:translateY(10px) !important;
}

/* Text der großen Karte wieder in der bisherigen dunklen KONTUR-Anordnung. */
.home-card-slide-content small{
  color:#0b63b6 !important;
  text-shadow:none !important;
}

.home-card-slide-content h3{
  color:#071d37 !important;
  text-shadow:none !important;
}

.home-card-slide-content p{
  color:#3f5c72 !important;
  text-shadow:none !important;
}

.home-card-slide-content > a,
.home-card-preview-button{
  color:#0b3154 !important;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.48)) !important;
  border-color:rgba(255,255,255,.76) !important;
  box-shadow:0 12px 28px rgba(6,16,31,.10),inset 0 1px 0 rgba(255,255,255,.90) !important;
}

/* Aus der Vorlage bleibt ausschließlich die grafische Seitenanzeige. */
.home-card-slider-page{
  display:none !important;
}

.home-card-slider-dots{
  gap:9px !important;
  margin-right:8px !important;
}

.home-card-slider-dot{
  width:9px !important;
  height:9px !important;
  min-width:9px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.88) !important;
  background:transparent !important;
  opacity:.92;
  box-shadow:none !important;
}

.home-card-slider-dot.is-active{
  width:28px !important;
  min-width:28px !important;
  border-radius:6px !important;
  border-color:#fff !important;
  background:#fff !important;
  opacity:1;
}

@media (max-width:1180px){
  .home-card-slider-section{
    --hcs-tile-w:136px !important;
    --hcs-tile-h:154px !important;
  }
}

@media (max-width:760px){
  .home-card-slider-section{
    --hcs-tile-w:112px !important;
    --hcs-tile-h:132px !important;
    --hcs-gap:10px !important;
  }

  .home-card-slide-preview,
  .home-card-slide.is-next-preview .home-card-slide-preview{
    padding:14px !important;
    font-size:15px !important;
  }
}

/* v0.5.9.15 – feinere Seitenanzeige und ruhigerer Kartenwechsel */
.home-card-slider-section{
  --hcs-duration:980ms !important;
}

/* Kleine, präzise Seitenanzeige: sichtbare Form klein, Klickfläche bleibt angenehm. */
.home-card-slider-dots{
  gap:3px !important;
  margin-right:6px !important;
}

.home-card-slider-dot{
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  width:14px !important;
  height:14px !important;
  min-width:14px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  opacity:1 !important;
  transition:width .42s var(--hcs-ease) !important;
}

.home-card-slider-dot::before{
  content:'';
  display:block;
  width:5px;
  height:5px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.92);
  background:transparent;
  box-shadow:0 1px 5px rgba(0,0,0,.18);
  transition:
    width .42s var(--hcs-ease),
    height .42s var(--hcs-ease),
    border-radius .42s var(--hcs-ease),
    background .34s ease,
    border-color .34s ease;
}

.home-card-slider-dot.is-active{
  width:24px !important;
  min-width:24px !important;
  background:transparent !important;
  border:0 !important;
}

.home-card-slider-dot.is-active::before{
  width:18px;
  height:5px;
  border-radius:999px;
  border-color:#fff;
  background:#fff;
}

.home-card-slider-dot:hover::before{
  border-color:#fff;
  background:rgba(255,255,255,.22);
}

.home-card-slider-dot.is-active:hover::before{
  background:#fff;
}

@media (max-width:760px){
  .home-card-slider-dots{
    gap:2px !important;
    margin-right:4px !important;
  }
  .home-card-slider-dot{
    width:13px !important;
    height:13px !important;
    min-width:13px !important;
  }
  .home-card-slider-dot.is-active{
    width:22px !important;
    min-width:22px !important;
  }
  .home-card-slider-dot::before{
    width:4px;
    height:4px;
  }
  .home-card-slider-dot.is-active::before{
    width:16px;
    height:4px;
  }
}

/* v0.5.9.16 – Feinschliff für Abstände, Karteninhalt, Vorschaukarte und Seitenanzeige */

/* Mehr Luft zwischen Kennzahlenleiste und Kartenslider, aber weniger Abstand nach unten. */
.home-proposal-page.home-proposal-1 .home-card-slider-section,
.home-proposal-1 .home-card-slider-section{
  padding-top:clamp(34px,3.8vw,52px) !important;
  padding-bottom:clamp(18px,2.2vw,28px) !important;
}

.home-proposal-page.home-proposal-1 .home-tiles-section,
.home-proposal-1 .home-tiles-section{
  padding-top:clamp(22px,2.6vw,34px) !important;
}

/* Überschrift breiter und ruhiger umbrechen, Beschreibung weiter links starten lassen. */
.home-proposal-page.home-proposal-1 .home-card-slider-heading,
.home-proposal-1 .home-card-slider-heading{
  width:min(1620px,calc(100% - clamp(42px,5vw,88px))) !important;
  grid-template-columns:minmax(0,1.72fr) minmax(340px,.48fr) !important;
  column-gap:clamp(18px,2.2vw,38px) !important;
  margin-bottom:clamp(24px,2.6vw,34px) !important;
}

.home-proposal-page.home-proposal-1 .home-card-slider-heading h2,
.home-proposal-1 .home-card-slider-heading h2{
  width:min(100%,920px) !important;
  max-width:920px !important;
  font-size:clamp(40px,4vw,62px) !important;
  line-height:.97 !important;
  letter-spacing:-.042em !important;
  text-wrap:balance;
}

.home-proposal-page.home-proposal-1 .home-card-slider-heading p,
.home-proposal-1 .home-card-slider-heading p{
  width:calc(100% + clamp(56px,7vw,116px)) !important;
  max-width:52ch !important;
  margin-left:clamp(-120px,-6.4vw,-56px) !important;
  margin-bottom:0 !important;
  font-size:clamp(16px,1.02vw,18px) !important;
  line-height:1.58 !important;
}

/* Große Karte: Inhalt deutlich weiter nach oben, Button sauber weiter unten. */
.home-card-slide-content{
  justify-content:flex-start !important;
  gap:10px !important;
  padding:clamp(22px,2.1vw,30px) clamp(28px,2.4vw,36px) clamp(24px,2.2vw,32px) !important;
}

.home-card-slide.is-active .home-card-slide-content{
  padding-top:clamp(20px,1.9vw,28px) !important;
}

.home-card-slide-content h3{
  max-width:15ch !important;
}

.home-card-slide-content p{
  max-width:39ch !important;
}

.home-card-slide-content > a,
.home-card-preview-button{
  margin-top:auto !important;
}

/* Kleine Vorschaukarte lesbarer und näher an deiner bevorzugten Anordnung. */
.home-card-slide.is-next-preview{
  flex:0 0 148px !important;
  width:148px !important;
  height:170px !important;
  border-radius:30px !important;
}

.home-card-slide-preview,
.home-card-slide.is-next-preview .home-card-slide-preview{
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px 14px !important;
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
  transform:none !important;
  white-space:normal !important;
  text-wrap:balance;
  max-width:9ch !important;
  margin:0 auto !important;
  color:#6a90b0 !important;
  font-size:clamp(18px,1.2vw,22px) !important;
  font-weight:760 !important;
  line-height:1.08 !important;
  letter-spacing:-.02em !important;
  text-transform:none !important;
  text-shadow:none !important;
}

.home-card-slide.is-active .home-card-slide-preview{
  opacity:0 !important;
  transform:translateY(10px) !important;
}

/* Seitenanzeige deutlich kleiner wie im Referenz-Screenshot, ohne 01/06 Text. */
.home-card-slider-page{
  display:none !important;
}

.home-card-slider-controls{
  gap:10px !important;
  bottom:clamp(18px,2.6vw,28px) !important;
}

.home-card-slider-dots{
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  margin-right:4px !important;
}

.home-card-slider-dot{
  width:11px !important;
  height:11px !important;
  min-width:11px !important;
  padding:0 !important;
}

.home-card-slider-dot::before{
  width:4px !important;
  height:4px !important;
  border-width:1px !important;
  box-shadow:none !important;
}

.home-card-slider-dot.is-active{
  width:18px !important;
  min-width:18px !important;
}

.home-card-slider-dot.is-active::before{
  width:13px !important;
  height:4px !important;
  border-radius:999px !important;
}

.home-card-slider-controls > button{
  width:44px !important;
  height:44px !important;
  border-radius:999px !important;
}

.home-card-slider-controls > button svg{
  width:18px !important;
  height:18px !important;
}

/* Startseiten-Bildflächen: auf Fokus mehr Platz für Unterzeilen schaffen. */
.hp048-auto-layout .hp048-card.is-showcase-focused .hp048-card-summary,
.hp048-auto-layout .hp048-card.is-showcase-focused .hp048-card-detail{
  left:clamp(26px,3vw,40px) !important;
  right:clamp(26px,3vw,40px) !important;
  bottom:clamp(26px,3vw,40px) !important;
}

.hp048-auto-layout .hp048-card.is-showcase-focused .hp048-card-summary h1,
.hp048-auto-layout .hp048-card.is-showcase-focused .hp048-card-summary h2{
  font-size:clamp(44px,4.2vw,68px) !important;
  margin:8px 0 10px !important;
}

.hp048-auto-layout .hp048-card.is-showcase-focused .hp048-card-summary p{
  display:block !important;
  opacity:1 !important;
  max-width:52ch !important;
  font-size:clamp(15px,1.05vw,18px) !important;
  line-height:1.45 !important;
}

.hp048-auto-layout .hp048-card.is-showcase-focused .hp048-card-summary b{
  margin-top:14px !important;
}

@media (max-width:1180px){
  .home-proposal-page.home-proposal-1 .home-card-slider-heading,
  .home-proposal-1 .home-card-slider-heading{
    grid-template-columns:1fr !important;
    margin-bottom:24px !important;
  }

  .home-proposal-page.home-proposal-1 .home-card-slider-heading p,
  .home-proposal-1 .home-card-slider-heading p{
    width:min(100%,760px) !important;
    max-width:760px !important;
    margin:6px 0 0 !important;
  }
}

@media (max-width:760px){
  .home-proposal-page.home-proposal-1 .home-card-slider-section,
  .home-proposal-1 .home-card-slider-section{
    padding-top:28px !important;
    padding-bottom:14px !important;
  }

  .home-card-slide.is-next-preview{
    flex-basis:124px !important;
    width:124px !important;
    height:142px !important;
  }

  .home-card-slide-preview,
  .home-card-slide.is-next-preview .home-card-slide-preview{
    font-size:15px !important;
    max-width:10ch !important;
    padding:12px !important;
  }

  .home-card-slider-controls > button{
    width:40px !important;
    height:40px !important;
  }

  .home-card-slider-dot{
    width:10px !important;
    height:10px !important;
    min-width:10px !important;
  }

  .home-card-slider-dot.is-active{
    width:16px !important;
    min-width:16px !important;
  }

  .home-card-slider-dot::before{
    width:4px !important;
    height:4px !important;
  }

  .home-card-slider-dot.is-active::before{
    width:11px !important;
    height:4px !important;
  }
}

/* v0.5.9.17 – originale Punktnavigation aus der Slider-Vorlage */
.home-card-slider-controls .home-card-slider-dots{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  margin-right:8px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.home-card-slider-controls .home-card-slider-dots .home-card-slider-dot{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:block !important;
  flex:0 0 auto !important;
  width:9px !important;
  height:9px !important;
  min-width:9px !important;
  min-height:9px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.50) !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.35) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  opacity:1 !important;
  transform:none !important;
  transition:
    width .35s var(--hcs-ease),
    min-width .35s var(--hcs-ease),
    border-radius .35s var(--hcs-ease),
    background .35s var(--hcs-ease) !important;
}

/* Alte Pseudoform vollständig abschalten, damit keine großen Glaskreise entstehen. */
.home-card-slider-controls .home-card-slider-dots .home-card-slider-dot::before,
.home-card-slider-controls .home-card-slider-dots .home-card-slider-dot::after{
  content:none !important;
  display:none !important;
}

.home-card-slider-controls .home-card-slider-dots .home-card-slider-dot.is-active{
  width:26px !important;
  min-width:26px !important;
  height:9px !important;
  min-height:9px !important;
  border-radius:6px !important;
  border-color:#fff !important;
  background:#fff !important;
}

.home-card-slider-controls .home-card-slider-dots .home-card-slider-dot:hover{
  background:rgba(255,255,255,.58) !important;
  border-color:rgba(255,255,255,.86) !important;
}

.home-card-slider-controls .home-card-slider-dots .home-card-slider-dot.is-active:hover{
  background:#fff !important;
  border-color:#fff !important;
}

/* Kleine Vorschaukarte: dunkler, kontrastreicher Text. */
.home-card-slide-preview,
.home-card-slide.is-next-preview .home-card-slide-preview{
  color:#274b68 !important;
  font-weight:800 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.34) !important;
}

/* Startseiten-Blocküberschrift auf die globale Home-Kachel-Formatierung setzen. */
.home-proposal-page .home-card-slider-heading h2,
.home-proposal-1 .home-card-slider-heading h2,
.home-proposal-page .home-tiles-section .section-title h2,
.home-proposal-1 .home-tiles-section .section-title h2{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  font-size:clamp(34px,4.4vw,64px) !important;
  font-weight:700 !important;
  line-height:1.04 !important;
  letter-spacing:-1.2px !important;
  color:#06101f !important;
  text-wrap:balance;
}

@media (max-width:760px){
  .home-card-slider-controls .home-card-slider-dots{
    gap:7px !important;
    margin-right:5px !important;
  }

  .home-card-slider-controls .home-card-slider-dots .home-card-slider-dot{
    width:8px !important;
    min-width:8px !important;
    height:8px !important;
    min-height:8px !important;
  }

  .home-card-slider-controls .home-card-slider-dots .home-card-slider-dot.is-active{
    width:22px !important;
    min-width:22px !important;
    height:8px !important;
    min-height:8px !important;
  }
}

/* v0.5.9.18 – Startseitenüberschriften, kleine Bildflächen und Vorschaukarte */

/* Alle großen Startseitentitel folgen derselben leichteren Typografie. */
.home-proposal-page .home-card-slider-heading h2,
.home-proposal-1 .home-card-slider-heading h2,
.home-proposal-page .home-tiles-section .section-title h2,
.home-proposal-1 .home-tiles-section .section-title h2,
.hp048-card-summary h1,
.hp048-card-summary h2,
.hp048-card-detail h2,
.home-card-slide-content h3{
  font-family:'Inter','Segoe UI Variable','Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important;
  font-weight:560 !important;
  letter-spacing:-.035em !important;
  font-synthesis:none;
}

/* Kleine Startseitenbilder: Unterzeile unter der Überschrift wieder sichtbar machen. */
.hp048-auto-layout .hp048-card.is-showcase-small .hp048-card-summary{
  left:clamp(18px,2vw,30px) !important;
  right:clamp(18px,2vw,30px) !important;
  bottom:clamp(18px,2vw,30px) !important;
}

.hp048-auto-layout .hp048-card.is-showcase-small .hp048-card-summary h1,
.hp048-auto-layout .hp048-card.is-showcase-small .hp048-card-summary h2{
  margin:7px 0 8px !important;
  font-size:clamp(27px,2.45vw,42px) !important;
  line-height:1.02 !important;
  color:#fff !important;
}

.hp048-auto-layout .hp048-card.is-showcase-small .hp048-card-summary p{
  display:-webkit-box !important;
  opacity:1 !important;
  visibility:visible !important;
  max-width:34ch !important;
  margin:0 !important;
  color:rgba(255,255,255,.88) !important;
  font-size:clamp(13px,.92vw,16px) !important;
  font-weight:540 !important;
  line-height:1.38 !important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  pointer-events:none;
}

/* Der Button darf auf den kleinen Bildflächen weiterhin ausgeblendet bleiben. */
.hp048-auto-layout .hp048-card.is-showcase-small .hp048-card-summary b{
  opacity:0 !important;
  pointer-events:none !important;
}

/* Vorschaukarte: echte Wortumbrüche erlauben, damit lange Begriffe nicht abgeschnitten werden. */
.home-card-slide-preview,
.home-card-slide.is-next-preview .home-card-slide-preview{
  width:100% !important;
  max-width:100% !important;
  padding:16px 12px !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
  hyphens:auto !important;
  text-wrap:balance;
  color:#173a57 !important;
  font-weight:650 !important;
  line-height:1.08 !important;
  text-align:center !important;
}

@media (max-width:760px){
  .hp048-auto-layout .hp048-card.is-showcase-small .hp048-card-summary p{
    font-size:13px !important;
    -webkit-line-clamp:2;
  }

  .home-card-slide-preview,
  .home-card-slide.is-next-preview .home-card-slide-preview{
    padding:12px 10px !important;
    font-size:14px !important;
  }
}

/* v0.5.9.19 – feste Bildflächenlayouts, höhere Texte und weichere Größenwechsel */
@media (min-width:1021px){
  /* Die korrekte Grundaufteilung ist bereits vor dem JavaScript sichtbar. */
  .hp048-auto-layout.showcase-count-1{
    grid-template-columns:1fr;
    grid-template-rows:1fr;
  }

  .hp048-auto-layout.showcase-count-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:1fr;
  }

  .hp048-auto-layout.showcase-count-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr));
  }
  .hp048-auto-layout.showcase-count-3 > .hp048-card:nth-child(1){
    grid-column:1;
    grid-row:1 / 3;
  }
  .hp048-auto-layout.showcase-count-3 > .hp048-card:nth-child(2){
    grid-column:2;
    grid-row:1;
  }
  .hp048-auto-layout.showcase-count-3 > .hp048-card:nth-child(3){
    grid-column:2;
    grid-row:2;
  }

  .hp048-auto-layout.showcase-count-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr));
  }

  .hp048-auto-layout.showcase-count-5{
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr));
  }
  .hp048-auto-layout.showcase-count-5 > .hp048-card:nth-child(1){
    grid-column:1 / 3;
    grid-row:1 / 3;
  }
  .hp048-auto-layout.showcase-count-5 > .hp048-card:nth-child(2){
    grid-column:3;
    grid-row:1;
  }
  .hp048-auto-layout.showcase-count-5 > .hp048-card:nth-child(3){
    grid-column:4;
    grid-row:1;
  }
  .hp048-auto-layout.showcase-count-5 > .hp048-card:nth-child(4){
    grid-column:3;
    grid-row:2;
  }
  .hp048-auto-layout.showcase-count-5 > .hp048-card:nth-child(5){
    grid-column:4;
    grid-row:2;
  }

  /* Texte in den unteren beziehungsweise durchgehenden Flächen weiter nach oben setzen. */
  .hp048-auto-layout.showcase-count-1 > .hp048-card .hp048-card-summary,
  .hp048-auto-layout.showcase-count-2 > .hp048-card .hp048-card-summary,
  .hp048-auto-layout.showcase-count-3 > .hp048-card:nth-child(1) .hp048-card-summary,
  .hp048-auto-layout.showcase-count-5 > .hp048-card:nth-child(1) .hp048-card-summary,
  .hp048-auto-layout .hp048-card.is-showcase-focused .hp048-card-summary{
    bottom:clamp(70px,6vw,96px) !important;
  }

  .hp048-auto-layout.showcase-count-3 > .hp048-card:nth-child(3) .hp048-card-summary,
  .hp048-auto-layout.showcase-count-4 > .hp048-card:nth-child(3) .hp048-card-summary,
  .hp048-auto-layout.showcase-count-4 > .hp048-card:nth-child(4) .hp048-card-summary,
  .hp048-auto-layout.showcase-count-5 > .hp048-card:nth-child(4) .hp048-card-summary,
  .hp048-auto-layout.showcase-count-5 > .hp048-card:nth-child(5) .hp048-card-summary{
    bottom:clamp(54px,4.7vw,76px) !important;
  }

  /* In den kleinen Flächen Unterzeilen sicher lesbar halten. */
  .hp048-auto-layout.showcase-count-3 > .hp048-card:nth-child(n+2) .hp048-card-summary p,
  .hp048-auto-layout.showcase-count-4 > .hp048-card .hp048-card-summary p,
  .hp048-auto-layout.showcase-count-5 > .hp048-card:nth-child(n+2) .hp048-card-summary p{
    display:-webkit-box !important;
    opacity:1 !important;
    visibility:visible !important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
  }
}

/* Die Größenänderung wird ausschließlich per FLIP/WAAPI animiert – keine konkurrierende Transform-Transition. */
.hp048-auto-layout .hp048-card{
  transition:filter .42s ease,opacity .42s ease !important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.hp048-auto-layout.is-layout-transitioning .hp048-card{
  pointer-events:none;
}

.hp048-auto-layout .hp048-card > img{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform-origin:center center;
}

.hp048-auto-layout.is-layout-transitioning .hp048-card > img{
  transition:filter .72s ease,transform .92s cubic-bezier(.22,1,.36,1) !important;
}

/* Mobile bleibt bewusst gestapelt und erhält ebenfalls etwas mehr Abstand zur Kennzahlenleiste. */
@media (max-width:1020px){
  .hp048-auto-layout .hp048-card-summary{
    bottom:clamp(42px,7vw,66px) !important;
  }
}

/* v0.5.9.20 – frühere 3er-Aufteilung und Detailtext ohne erneute Mausbewegung */
@media (min-width:1021px){
  /* Bei drei Bildern bleibt die aktive Fläche wieder genau eine Hälfte breit. */
  .hp048-auto-layout.showcase-count-3.is-layout-transitioning,
  .hp048-auto-layout.showcase-count-3{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  /* Der zweite Inhalt wird nach Abschluss der Größenanimation per JS aktiviert. */
  .hp048-auto-layout .hp048-card.is-showcase-focused.is-showcase-detail-visible .hp048-card-summary{
    opacity:0 !important;
    transform:translateY(-24px) !important;
    pointer-events:none;
  }

  .hp048-auto-layout .hp048-card.is-showcase-focused.is-showcase-detail-visible .hp048-card-detail{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(-50%) !important;
  }
}

/* v0.5.9.21 – Detailtext nur bei echtem Hover und Sticky-Menü auf der Startseite */

/* Das Startseitenmenü verhält sich wieder wie auf allen Unterseiten. */
body.home-proposal-page .site-header,
body.home-proposal-1 .site-header{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
}

/* Nach Abschluss der Größenänderung wechselt der Inhalt ohne zusätzliche
   Verzögerung. Der kurze Fade vermeidet einen harten visuellen Sprung. */
@media (min-width:1021px){
  .hp048-auto-layout .hp048-card.is-showcase-focused.is-showcase-detail-visible .hp048-card-summary,
  .hp048-auto-layout .hp048-card.is-showcase-focused.is-showcase-detail-visible .hp048-card-detail{
    transition-duration:90ms !important;
    transition-delay:0ms !important;
  }

  /* Automatisch vergrößerte Karten zeigen niemals den Hover-Detailtext. */
  .hp048-auto-layout.is-autoplaying .hp048-card.is-showcase-focused .hp048-card-summary{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }

  .hp048-auto-layout.is-autoplaying .hp048-card.is-showcase-focused .hp048-card-detail{
    opacity:0 !important;
    visibility:hidden !important;
    transform:translateY(calc(-50% + 30px)) !important;
  }
}

/* v0.5.9.22 – Hover-Detailtext exakt an den Mauszustand koppeln */
@media (min-width:1021px){
  /* Karten müssen während der FLIP-Bewegung weiter Hover-Ereignisse empfangen.
     Das frühere pointer-events:none verursachte die zusätzliche Mausbewegung. */
  .hp048-auto-layout.is-layout-transitioning .hp048-card{
    pointer-events:auto !important;
  }

  /* Detailinhalt ohne wahrnehmbare Zusatzverzögerung ein- und ausblenden. */
  .hp048-auto-layout .hp048-card.is-showcase-focused.is-showcase-detail-visible .hp048-card-summary,
  .hp048-auto-layout .hp048-card.is-showcase-focused.is-showcase-detail-visible .hp048-card-detail{
    transition-duration:70ms !important;
    transition-delay:0ms !important;
  }
}

/* v0.5.9.23 – Grundraster für zwei und vier Bildflächen sofort korrekt */
@media (min-width:1021px){
  /* Die allgemeinen span-6-Regeln dürfen das Ausgangsraster nicht überlagern. */
  .hp048-auto-layout.showcase-count-2 > .hp048-card:nth-child(1){
    grid-column:1;
    grid-row:1;
  }
  .hp048-auto-layout.showcase-count-2 > .hp048-card:nth-child(2){
    grid-column:2;
    grid-row:1;
  }

  .hp048-auto-layout.showcase-count-4 > .hp048-card:nth-child(1){
    grid-column:1;
    grid-row:1;
  }
  .hp048-auto-layout.showcase-count-4 > .hp048-card:nth-child(2){
    grid-column:2;
    grid-row:1;
  }
  .hp048-auto-layout.showcase-count-4 > .hp048-card:nth-child(3){
    grid-column:1;
    grid-row:2;
  }
  .hp048-auto-layout.showcase-count-4 > .hp048-card:nth-child(4){
    grid-column:2;
    grid-row:2;
  }
}


/* v0.5.9.24 – Hover-Layouts bei zwei und vier Bildflächen wieder freigeben */
@media (min-width:1021px){
  /* Die Initialpositionen bleiben durch ihre hohe Selektorspezifität aktiv.
     Sobald JavaScript beim Hover konkrete Inline-Positionen setzt, dürfen diese
     das Ausgangsraster jedoch wieder vollständig überschreiben. */
  .hp048-auto-layout.showcase-count-2 > .hp048-card,
  .hp048-auto-layout.showcase-count-4 > .hp048-card{
    min-width:0;
    min-height:0;
  }
}

/* v0.5.9.25 – Startseiten-Bildflächen nach neuer Positionsraster-Vorlage */
.hp048-hero.hp048-auto-layout.showcase-position-layout{
  position:relative !important;
  display:block !important;
  width:100% !important;
  aspect-ratio:1920 / 700;
  min-height:560px !important;
  overflow:hidden !important;
  padding:0 !important;
  gap:0 !important;
  background:#071724 !important;
}

.hp048-auto-layout.showcase-position-layout .hp048-card{
  position:absolute !important;
  display:block !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  grid-column:auto !important;
  grid-row:auto !important;
  transform:none !important;
  transition:
    top .7s cubic-bezier(.25,.6,.2,1),
    left .7s cubic-bezier(.25,.6,.2,1),
    width .7s cubic-bezier(.25,.6,.2,1),
    height .7s cubic-bezier(.25,.6,.2,1) !important;
  will-change:top,left,width,height;
  border:0 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
}

.hp048-auto-layout.showcase-position-layout .hp048-card > img{
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  transform:scale(1.02) !important;
  transition:transform 1.2s cubic-bezier(.25,.6,.2,1),filter .45s ease !important;
}

.hp048-auto-layout.showcase-position-layout .hp048-card:hover > img,
.hp048-auto-layout.showcase-position-layout .hp048-card:focus-visible > img{
  transform:scale(1.07) !important;
}

.hp048-auto-layout.showcase-position-layout .hp048-card-summary,
.hp048-auto-layout.showcase-position-layout .hp048-card-detail{
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  top:auto !important;
  padding:0 clamp(20px,2.2vw,44px) clamp(34px,3.2vw,58px) !important;
}

.hp048-auto-layout.showcase-position-layout .hp048-card-detail{
  opacity:0;
  visibility:visible;
  transform:translateY(14px) !important;
  pointer-events:none;
  transition:opacity .18s ease,transform .2s ease !important;
}

.hp048-auto-layout.showcase-position-layout .hp048-card.is-showcase-detail-visible .hp048-card-summary{
  opacity:0 !important;
  transform:translateY(-8px) !important;
  pointer-events:none;
}

.hp048-auto-layout.showcase-position-layout .hp048-card.is-showcase-detail-visible .hp048-card-detail{
  opacity:1 !important;
  transform:translateY(0) !important;
  pointer-events:auto;
}

.hp048-auto-layout.showcase-position-layout .hp048-card.is-showcase-small .hp048-card-summary,
.hp048-auto-layout.showcase-position-layout .hp048-card.is-showcase-small .hp048-card-detail{
  padding:0 clamp(16px,1.5vw,26px) clamp(22px,2vw,34px) !important;
}

.hp048-auto-layout.showcase-position-layout .hp048-card.is-showcase-small .hp048-card-summary h1,
.hp048-auto-layout.showcase-position-layout .hp048-card.is-showcase-small .hp048-card-summary h2{
  font-size:clamp(20px,1.65vw,30px) !important;
  line-height:1.08 !important;
  margin:7px 0 7px !important;
}

.hp048-auto-layout.showcase-position-layout .hp048-card.is-showcase-small .hp048-card-summary p{
  display:block !important;
  opacity:1 !important;
  font-size:clamp(12px,.9vw,15px) !important;
  line-height:1.42 !important;
  max-width:42ch !important;
}

.hp048-auto-layout.showcase-position-layout .hp048-card.is-showcase-small .hp048-card-summary b{
  display:none !important;
}

.hp048-auto-layout.showcase-position-layout .hp048-card.is-showcase-focused .hp048-card-summary,
.hp048-auto-layout.showcase-position-layout .hp048-card.is-showcase-focused .hp048-card-detail{
  padding-bottom:clamp(38px,3.4vw,62px) !important;
}

@media (max-width:1020px){
  .hp048-hero.hp048-auto-layout.showcase-position-layout{
    aspect-ratio:auto;
    min-height:760px !important;
  }
}

/* v0.5.9.25 – Karten-Slider nach neuer Liquid-Glass-Vorlage */
.home-card-slider-v5925 .home-card-slider-stage{
  position:relative !important;
  min-height:clamp(590px,44vw,720px) !important;
  overflow:hidden !important;
}

.home-card-slider-v5925 .home-card-slider-image{
  opacity:0 !important;
  transform:scale(1.06) !important;
  transition:opacity 1.3s cubic-bezier(.22,.61,.21,1),transform 7s linear !important;
}

.home-card-slider-v5925 .home-card-slider-image.is-active{
  opacity:1 !important;
  transform:scale(1) !important;
}

.home-card-slider-v5925 .home-card-slider-image-shade{
  background:
    linear-gradient(90deg,rgba(8,12,18,.08) 0%,rgba(8,12,18,.02) 45%,rgba(8,12,18,.34) 100%),
    linear-gradient(0deg,rgba(8,12,18,.44) 0%,rgba(8,12,18,0) 38%) !important;
}

.home-card-slider-v5925 .home-card-slider-cards{
  position:absolute !important;
  top:50% !important;
  right:clamp(28px,5vw,90px) !important;
  bottom:auto !important;
  left:auto !important;
  width:min(690px,72vw) !important;
  height:500px !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  transform:translateY(-50%) !important;
  display:block !important;
  overflow:visible !important;
}

.home-card-slider-v5925 .home-card-slider-viewport,
.home-card-slider-v5925 .home-card-slider-track{
  position:static !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
}

.home-card-slider-v5925 .home-card-slide{
  position:absolute !important;
  top:50% !important;
  left:480px !important;
  width:240px !important;
  height:380px !important;
  min-width:0 !important;
  border-radius:28px !important;
  transform:translateY(-50%) scale(.94) !important;
  opacity:0 !important;
  z-index:1 !important;
  overflow:hidden !important;
  background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.10) 55%,rgba(255,255,255,.18)) !important;
  border:1px solid rgba(255,255,255,.48) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.64),inset 0 -1px 0 rgba(255,255,255,.16),0 24px 70px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(24px) saturate(170%) !important;
  -webkit-backdrop-filter:blur(24px) saturate(170%) !important;
  transition:left .85s cubic-bezier(.22,.61,.21,1),width .85s cubic-bezier(.22,.61,.21,1),height .85s cubic-bezier(.22,.61,.21,1),transform .85s cubic-bezier(.22,.61,.21,1),opacity .7s cubic-bezier(.22,.61,.21,1) !important;
}

.home-card-slider-v5925 .home-card-slide::before{
  background:radial-gradient(120% 90% at 8% 0%,rgba(255,255,255,.34),transparent 46%),radial-gradient(90% 70% at 100% 100%,rgba(255,255,255,.16),transparent 42%) !important;
}

.home-card-slider-v5925 .home-card-slide.is-active{
  left:0 !important;
  width:410px !important;
  height:470px !important;
  transform:translateY(-50%) !important;
  opacity:1 !important;
  z-index:3 !important;
}

.home-card-slider-v5925 .home-card-slide.is-next-preview{
  left:438px !important;
  width:235px !important;
  height:390px !important;
  transform:translateY(-50%) !important;
  opacity:1 !important;
  z-index:2 !important;
  cursor:pointer;
}

.home-card-slider-v5925 .home-card-slide.is-leaving{
  left:-120px !important;
  width:410px !important;
  height:470px !important;
  transform:translateY(-50%) scale(.97) !important;
  opacity:0 !important;
  z-index:2 !important;
}

.home-card-slider-v5925 .home-card-slide.is-future{
  left:500px !important;
  width:235px !important;
  height:390px !important;
  transform:translateY(-50%) scale(.94) !important;
  opacity:0 !important;
}

.home-card-slider-v5925 .home-card-slide.no-anim{
  transition:none !important;
}

.home-card-slider-v5925 .home-card-slide-content{
  height:100% !important;
  padding:34px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  gap:12px !important;
  opacity:0 !important;
  transform:translateY(10px) !important;
  transition:opacity .5s ease .2s,transform .6s cubic-bezier(.22,.61,.21,1) .2s !important;
}

.home-card-slider-v5925 .home-card-slide.is-active .home-card-slide-content{
  opacity:1 !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
}

.home-card-slider-v5925 .home-card-slide-preview{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:flex-start !important;
  padding:28px !important;
  color:#17344f !important;
  font-size:clamp(19px,1.45vw,25px) !important;
  font-weight:560 !important;
  line-height:1.15 !important;
  letter-spacing:-.025em !important;
  text-align:left !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  max-width:none !important;
  opacity:0 !important;
  transform:translateY(10px) !important;
  transition:opacity .5s ease .2s,transform .6s cubic-bezier(.22,.61,.21,1) .2s !important;
}

.home-card-slider-v5925 .home-card-slide.is-next-preview .home-card-slide-preview{
  opacity:1 !important;
  transform:translateY(0) !important;
}

.home-card-slider-v5925 .home-card-slide-content small{
  color:#0b63b6 !important;
  text-shadow:none !important;
}

.home-card-slider-v5925 .home-card-slide-content h3{
  color:#08213c !important;
  font-size:clamp(29px,2.4vw,42px) !important;
  font-weight:560 !important;
  text-shadow:none !important;
}

.home-card-slider-v5925 .home-card-slide-content p{
  color:#446985 !important;
  text-shadow:none !important;
}

.home-card-slider-v5925 .home-card-slider-controls{
  position:absolute !important;
  left:0 !important;
  right:auto !important;
  bottom:-68px !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  width:auto !important;
}

.home-card-slider-v5925 .home-card-slider-dots{
  order:3;
  display:flex !important;
  gap:8px !important;
  margin:0 !important;
}

.home-card-slider-v5925 [data-home-slider-prev]{order:1}
.home-card-slider-v5925 [data-home-slider-next]{order:2}
.home-card-slider-v5925 .home-card-slider-page{display:none !important}

.home-card-slider-v5925 .home-card-slider-dot{
  width:8px !important;
  height:8px !important;
  min-width:8px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.38) !important;
  transition:width .45s cubic-bezier(.22,.61,.21,1),background .45s ease !important;
}

.home-card-slider-v5925 .home-card-slider-dot::before{display:none !important}

.home-card-slider-v5925 .home-card-slider-dot.is-active{
  width:26px !important;
  min-width:26px !important;
  border-radius:999px !important;
  background:#fff !important;
}

.home-card-slider-v5925 .home-card-slider-controls > button{
  width:48px !important;
  height:48px !important;
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.40) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 12px 30px rgba(0,0,0,.20) !important;
}

@media (max-width:900px){
  .home-card-slider-v5925 .home-card-slider-cards{
    right:50% !important;
    width:min(410px,90vw) !important;
    transform:translate(50%,-50%) !important;
  }
  .home-card-slider-v5925 .home-card-slide.is-active{width:100% !important}
  .home-card-slider-v5925 .home-card-slide.is-next-preview{left:105% !important;opacity:0 !important;pointer-events:none !important}
  .home-card-slider-v5925 .home-card-slider-controls{left:50% !important;transform:translateX(-50%) !important}
}


/* v0.5.9.26 – Startseiten-Videoblock und vertikal gesteuerter Kartenslider */
.home-video-section{
  width:100%;
  padding:clamp(48px,5.5vw,82px) 0 clamp(42px,5vw,72px);
  background:var(--home-surface,#eaf0f5);
}
.home-video-heading{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  align-items:end;
  gap:clamp(24px,4vw,70px);
  width:min(1580px,calc(100% - 64px));
  margin:0 auto clamp(24px,3vw,38px);
}
.home-video-heading span{
  display:block;
  margin-bottom:10px;
  color:#0d5ea6;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.home-video-heading h2{
  margin:0;
  color:#071d37;
  font-family:Inter,system-ui,sans-serif;
  font-size:clamp(38px,4vw,62px);
  font-weight:600;
  line-height:1.02;
  letter-spacing:-.045em;
}
.home-video-heading p{
  max-width:52ch;
  margin:0;
  color:#617a92;
  font-size:clamp(16px,1.08vw,19px);
  line-height:1.58;
}
.home-video-frame{
  position:relative;
  width:100%;
  aspect-ratio:16/7;
  min-height:420px;
  overflow:hidden;
  background:#061522;
}
.home-video-frame iframe,
.home-video-frame video{
  display:block;
  width:100%;
  height:100%;
  border:0;
  object-fit:cover;
}
.home-video-empty,
.home-video-placeholder{
  display:flex;
  height:100%;
  min-height:420px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#fff;
  background:linear-gradient(135deg,#08213a,#0b5794);
}
.home-video-empty span,
.home-video-placeholder span{
  display:grid;
  place-items:center;
  width:76px;
  height:76px;
  padding-left:5px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:50%;
  background:rgba(255,255,255,.14);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  font-size:26px;
}
.home-video-placeholder small{max-width:70%;text-align:center;opacity:.7}

@media (min-width:901px){
  .home-card-slider-section.is-vertical-scroll-slider{
    position:relative;
    padding-bottom:var(--hcs-scroll-space,0px) !important;
  }
  .home-card-slider-section.is-vertical-scroll-slider .home-card-slider-stage{
    position:sticky !important;
    top:78px;
    z-index:4;
  }
}

@media (max-width:900px){
  .home-video-heading{grid-template-columns:1fr;width:calc(100% - 32px)}
  .home-video-frame{aspect-ratio:16/9;min-height:260px}
  .home-video-empty,.home-video-placeholder{min-height:260px}
}

/* v0.5.9.27 – funktionierender Sticky-Scroll-Kartenslider */
@media (min-width:901px){
  /* Sticky darf nicht von einem übergeordneten overflow:hidden blockiert werden. */
  .home-proposal-1 .hp-main{
    overflow:visible !important;
  }

  .home-card-slider-section.is-vertical-scroll-slider{
    position:relative !important;
    overflow:visible !important;
    isolation:isolate;
    padding-bottom:var(--hcs-scroll-space,0px) !important;
  }

  .home-card-slider-section.is-vertical-scroll-slider .home-card-slider-stage{
    position:-webkit-sticky !important;
    position:sticky !important;
    top:78px !important;
    z-index:20 !important;
    align-self:start;
  }
}

/* v0.5.9.28 – echtes Pinning des Kartensliders über eine definierte Scrollstrecke */
@media (min-width:901px){
  .home-proposal-1 .hp-main,
  .home-proposal-page.home-proposal-1,
  .home-card-slider-section.is-js-pinned-slider{
    overflow:visible !important;
  }

  .home-card-slider-section.is-js-pinned-slider{
    position:relative !important;
    min-height:var(--hcs-section-height,auto) !important;
    height:var(--hcs-section-height,auto) !important;
    padding-bottom:0 !important;
    isolation:isolate;
  }

  .home-card-slider-section.is-js-pinned-slider .home-card-slider-stage{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    height:var(--hcs-fixed-height,auto) !important;
    z-index:20 !important;
  }

  .home-card-slider-section.is-js-pinned-slider.is-scroll-pinned .home-card-slider-stage{
    position:fixed !important;
    top:var(--hcs-header-offset,78px) !important;
    left:var(--hcs-fixed-left,0px) !important;
    width:var(--hcs-fixed-width,100vw) !important;
    height:var(--hcs-fixed-height,auto) !important;
    margin:0 !important;
  }

  .home-card-slider-section.is-js-pinned-slider.is-scroll-finished .home-card-slider-stage{
    position:absolute !important;
    top:auto !important;
    bottom:0 !important;
    left:0 !important;
    width:100% !important;
    height:var(--hcs-fixed-height,auto) !important;
  }
}

/* v0.5.9.29 – echte Sticky-Scroll-Stage nach der funktionierenden HTML-Vorlage */
@media (min-width:901px){
  .home-proposal-page.home-proposal-1,
  .home-proposal-1 .hp-main,
  .home-card-slider-section.is-scroll-controlled-slider,
  .home-card-scroll-stage{
    overflow:visible !important;
  }

  .home-card-slider-section.is-scroll-controlled-slider{
    position:relative !important;
    height:auto !important;
    min-height:0 !important;
    padding-bottom:0 !important;
  }

  .home-card-scroll-stage{
    position:relative !important;
    width:100%;
  }

  .home-card-slider-section.is-scroll-controlled-slider .home-card-slider-stage{
    position:-webkit-sticky !important;
    position:sticky !important;
    top:var(--hcs-sticky-top,78px) !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    z-index:20 !important;
  }

  /* alte Fixed-Pinning-Zustände vollständig neutralisieren */
  .home-card-slider-section.is-scroll-controlled-slider.is-scroll-pinned .home-card-slider-stage,
  .home-card-slider-section.is-scroll-controlled-slider.is-scroll-finished .home-card-slider-stage,
  .home-card-slider-section.is-scroll-controlled-slider.is-js-pinned-slider .home-card-slider-stage{
    position:-webkit-sticky !important;
    position:sticky !important;
    top:var(--hcs-sticky-top,78px) !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    height:auto !important;
  }
}

@media (max-width:900px){
  .home-card-scroll-stage{
    height:auto !important;
  }
}


/* v0.5.9.30 – Werteblock vor der Unternehmensgeschichte */
.about-values-section{
  position:relative;
  padding:clamp(76px,8vw,124px) 0 clamp(72px,7vw,112px);
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 4%,rgba(11,99,182,.10),transparent 31%),
    linear-gradient(180deg,#f4f7fa 0%,#eaf0f5 100%);
}
.about-values-section::before{
  content:'';
  position:absolute;
  width:clamp(300px,35vw,620px);
  aspect-ratio:1;
  right:-12%;
  top:-42%;
  border:1px solid rgba(11,99,182,.12);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(11,99,182,.025),0 0 0 140px rgba(11,99,182,.018);
  pointer-events:none;
}
.about-values-wrap{position:relative;z-index:2}
.about-values-head{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:clamp(42px,6vw,100px);
  align-items:end;
  margin-bottom:clamp(40px,5vw,72px);
}
.about-values-head h2{
  max-width:850px;
  margin:10px 0 0;
  color:#0b2845;
  font-family:Inter,system-ui,sans-serif;
  font-size:clamp(38px,4.1vw,64px);
  font-weight:560;
  line-height:1.02;
  letter-spacing:-.045em;
}
.about-values-copy{max-width:680px;padding-bottom:4px}
.about-values-copy p{margin:0;color:#536b80;font-size:clamp(15px,1.04vw,18px);line-height:1.68}
.about-values-copy .about-values-lead{margin-bottom:14px;color:#173b5c;font-size:clamp(18px,1.35vw,22px);font-weight:520;line-height:1.5}
.about-values-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.about-value-card{
  position:relative;
  min-height:clamp(255px,20vw,330px);
  padding:clamp(28px,3vw,44px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.82);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.50));
  box-shadow:0 24px 58px rgba(20,52,79,.09),inset 0 1px 0 rgba(255,255,255,.96);
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.about-value-card::after{
  content:'';
  position:absolute;
  width:150px;height:150px;
  right:-60px;bottom:-72px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(11,99,182,.13),rgba(11,99,182,0) 70%);
}
.about-value-number{display:block;margin-bottom:clamp(48px,5vw,84px);color:#0b63b6;font-size:12px;font-weight:750;letter-spacing:.16em}
.about-value-card h3{position:relative;z-index:2;margin:0 0 12px;color:#0b2845;font-family:Inter,system-ui,sans-serif;font-size:clamp(23px,1.8vw,31px);font-weight:570;line-height:1.08;letter-spacing:-.032em}
.about-value-card p{position:relative;z-index:2;margin:0;color:#5a7185;font-size:15px;line-height:1.62}
@media(max-width:980px){.about-values-head{grid-template-columns:1fr;gap:24px}.about-values-grid{grid-template-columns:1fr}.about-value-card{min-height:220px}.about-value-number{margin-bottom:42px}}
@media(max-width:640px){.about-values-section{padding:56px 0 64px}.about-values-head h2{font-size:clamp(34px,10vw,48px)}.about-value-card{padding:26px;border-radius:24px}}

/* v0.5.9.31 – Über-uns-Werte nach neuer Vorlage, angepasst an KONTUR */
.about-values-section{
  --about-ink:#0b2845;
  --about-dim:#5a7185;
  --about-blue:#0b63b6;
  --about-ease:cubic-bezier(.22,.61,.21,1);
  position:relative;
  overflow:clip;
  padding:clamp(76px,8vw,118px) 0 clamp(58px,6vw,90px);
  color:var(--about-ink);
  background:linear-gradient(180deg,#eaf0f5 0%,#eaf0f5 52%,#e7eef4 100%) !important;
}
.about-values-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(74px);
  pointer-events:none;
}
.about-values-orb-a{width:620px;height:620px;right:-180px;top:-240px;background:radial-gradient(circle at 35% 35%,rgba(11,99,182,.16),rgba(99,171,215,.10) 48%,transparent 72%)}
.about-values-orb-b{width:500px;height:500px;left:-170px;bottom:-170px;background:radial-gradient(circle at 60% 40%,rgba(99,171,215,.13),rgba(11,99,182,.07) 52%,transparent 72%)}
.about-values-wrap{position:relative;z-index:2}
.about-values-intro{max-width:960px;margin-bottom:clamp(58px,7vw,96px)}
.about-values-intro .kicker{margin-bottom:18px}
.about-values-intro h2{
  max-width:16ch;
  margin:0 0 24px;
  color:var(--about-ink);
  font-family:'Inter','Segoe UI Variable','Segoe UI',system-ui,sans-serif !important;
  font-size:clamp(42px,5vw,68px) !important;
  font-weight:560 !important;
  line-height:1.04 !important;
  letter-spacing:-.045em !important;
}
.about-values-lead,.about-values-body{max-width:64ch;margin:0;color:var(--about-dim);font-size:clamp(16px,1.18vw,19px);line-height:1.72}
.about-values-body{margin-top:10px}
.about-values-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.about-values-btn,.about-values-cue a{
  display:inline-flex;align-items:center;justify-content:center;gap:11px;
  min-height:48px;padding:0 22px;border-radius:999px;text-decoration:none;
  font-size:14px;font-weight:620;transition:transform .3s var(--about-ease),box-shadow .3s var(--about-ease),background .3s ease;
}
.about-values-btn.is-primary{color:#fff;background:linear-gradient(135deg,#0b63b6,#2d7fc6);border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 14px 32px rgba(11,99,182,.24)}
.about-values-btn.is-glass,.about-values-cue a{color:var(--about-ink);background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,255,255,.42));border:1px solid rgba(255,255,255,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 14px 34px rgba(28,64,95,.10);backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%)}
.about-values-btn:hover,.about-values-cue a:hover{transform:translateY(-2px)}
.about-values-subhead{max-width:760px;margin-bottom:clamp(38px,5vw,60px)}
.about-values-subhead h3{margin:0 0 12px;color:var(--about-ink);font-family:'Inter','Segoe UI Variable','Segoe UI',system-ui,sans-serif !important;font-size:clamp(28px,3vw,42px) !important;font-weight:560 !important;line-height:1.08;letter-spacing:-.035em}
.about-values-subhead p{margin:0;color:var(--about-dim);font-size:16px;line-height:1.7}
.about-values-layout{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:clamp(34px,5vw,74px);align-items:start}
.about-values-media{position:sticky;top:104px;height:min(560px,72vh);padding:12px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.48));border:1px solid rgba(255,255,255,.9);box-shadow:0 26px 70px rgba(20,52,79,.12),inset 0 1px 0 rgba(255,255,255,.98);backdrop-filter:blur(20px) saturate(155%);-webkit-backdrop-filter:blur(20px) saturate(155%)}
.about-values-media-inner{position:relative;height:100%;overflow:hidden;border-radius:20px;background:#dce6ee}
.about-values-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.055);transition:opacity .72s ease,transform 1s var(--about-ease)}
.about-values-image.is-current{opacity:1;transform:scale(1)}
.about-values-tag{position:absolute;left:22px;bottom:22px;z-index:4;display:flex;align-items:center;gap:11px;max-width:calc(100% - 44px);padding:12px 17px;border-radius:14px;color:var(--about-ink);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.55));border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 32px rgba(20,52,79,.15),inset 0 1px 0 rgba(255,255,255,.98);backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%)}
.about-values-tag b{color:var(--about-blue);font-size:13px;letter-spacing:.12em}.about-values-tag span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650}
.about-values-list{min-width:0}
.about-value-item{min-height:58vh;display:flex;flex-direction:column;justify-content:center;padding:38px 0;border-bottom:1px solid rgba(11,40,69,.09)}
.about-value-item:last-child{border-bottom:0}
.about-value-kicker{display:inline-flex;align-items:center;gap:12px;margin-bottom:15px;color:var(--about-blue);font-size:11px;font-weight:750;letter-spacing:.20em;text-transform:uppercase}
.about-value-kicker::after{content:'';width:34px;height:1px;background:currentColor;opacity:.45}
.about-value-item h3{max-width:18ch;margin:0 0 15px;color:var(--about-ink);font-family:'Inter','Segoe UI Variable','Segoe UI',system-ui,sans-serif !important;font-size:clamp(26px,2.5vw,38px) !important;font-weight:560 !important;line-height:1.1;letter-spacing:-.035em}
.about-value-item p{max-width:54ch;margin:0;color:var(--about-dim);font-size:clamp(15px,1vw,17px);line-height:1.74}
.about-values-cue{display:flex;justify-content:center;margin-top:clamp(24px,4vw,46px)}
.about-values-cue a{min-height:46px;padding:0 20px;color:#506b82;font-size:12px;letter-spacing:.12em;text-transform:uppercase}

@media(max-width:980px){
  .about-values-layout{grid-template-columns:1fr}
  .about-values-media{top:82px;height:min(390px,48vh);z-index:3}
  .about-value-item{min-height:auto;padding:56px 0 26px}
}
@media(max-width:640px){
  .about-values-section{padding:54px 0 62px}
  .about-values-intro{margin-bottom:54px}
  .about-values-intro h2{font-size:clamp(36px,10vw,50px) !important}
  .about-values-actions{display:grid;grid-template-columns:1fr}
  .about-values-btn{width:100%}
  .about-values-media{height:300px;padding:9px;border-radius:24px}
  .about-values-media-inner{border-radius:17px}
  .about-values-tag{left:14px;bottom:14px;max-width:calc(100% - 28px)}
}

/* v0.5.9.32 – Über-uns-Werteblock direkt nach der gelieferten Vorlage */
.about-values-section{
  --about-ink:#0b2845;
  --about-dim:#597085;
  --about-blue:#0b63b6;
  --about-blue-soft:#4e91c9;
  --about-ease:cubic-bezier(.22,.61,.21,1);
  position:relative;
  overflow:clip;
  padding:clamp(74px,8vw,122px) 0 clamp(54px,5vw,82px) !important;
  color:var(--about-ink);
  background:linear-gradient(180deg,#eaf0f5 0%,#e7eef4 56%,#e7eef4 100%) !important;
}
.about-values-orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}
.about-values-orb-a{width:640px;height:640px;top:-230px;right:-180px;background:radial-gradient(circle at 35% 35%,rgba(11,99,182,.18),rgba(95,171,215,.12) 45%,transparent 70%)}
.about-values-orb-b{width:520px;height:520px;bottom:-170px;left:-150px;background:radial-gradient(circle at 60% 40%,rgba(95,171,215,.15),rgba(11,99,182,.08) 50%,transparent 72%)}
.about-values-wrap{position:relative;z-index:2;max-width:1180px !important}
.about-values-intro{max-width:980px;margin-bottom:clamp(62px,8vw,108px)}
.about-values-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--about-blue);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.about-values-eyebrow::before{content:'';width:26px;height:2px;border-radius:2px;background:currentColor}
.about-values-intro h2{max-width:16ch;margin:0 0 24px;color:var(--about-ink);font-family:Inter,system-ui,sans-serif !important;font-size:clamp(40px,5vw,66px) !important;font-weight:560 !important;line-height:1.04 !important;letter-spacing:-.045em !important}
.about-values-lead,.about-values-body{max-width:62ch;margin:0;color:var(--about-dim);font-size:clamp(16px,1.25vw,19px);line-height:1.72}
.about-values-body{margin-top:10px}
.about-values-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.about-values-btn,.about-values-cue a{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:0 24px;border-radius:999px;overflow:hidden;text-decoration:none;font-size:14px;font-weight:600;transition:transform .34s var(--about-ease),box-shadow .34s var(--about-ease),background .34s ease}
.about-values-btn svg,.about-values-cue svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.about-values-btn-rim,.about-values-glass-rim{position:absolute;inset:0;border-radius:inherit;padding:7px;-webkit-backdrop-filter:blur(6px) brightness(1.12) saturate(140%);backdrop-filter:blur(6px) brightness(1.12) saturate(140%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}
.about-values-btn.is-primary{color:#fff;background:linear-gradient(135deg,rgba(11,99,182,.94),rgba(54,137,199,.88));border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -9px 20px rgba(6,48,91,.22),0 15px 34px rgba(11,99,182,.27)}
.about-values-btn.is-glass,.about-values-cue a{color:var(--about-ink);background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.32));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 14px 34px rgba(23,62,96,.11);backdrop-filter:blur(18px) saturate(165%);-webkit-backdrop-filter:blur(18px) saturate(165%)}
.about-values-btn:hover,.about-values-cue a:hover{transform:translateY(-2px)}
.about-values-subhead{max-width:760px;margin-bottom:clamp(38px,5vw,62px)}
.about-values-subhead h3{margin:0 0 12px;color:var(--about-ink);font-family:Inter,system-ui,sans-serif !important;font-size:clamp(27px,3vw,41px) !important;font-weight:560 !important;line-height:1.09 !important;letter-spacing:-.035em !important}
.about-values-subhead p{margin:0;color:var(--about-dim);font-size:15.5px;line-height:1.7}
.about-values-layout{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:clamp(30px,5vw,72px);align-items:start}
.about-values-media{position:sticky;top:96px;height:min(560px,72vh);padding:14px;border-radius:28px;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.30) 52%,rgba(255,255,255,.48));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(255,255,255,.36),0 20px 56px rgba(21,60,120,.13),0 4px 14px rgba(21,60,120,.06);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%)}
.about-values-glass-gleam{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(130% 90% at 6% 0%,rgba(255,255,255,.65),transparent 42%),radial-gradient(90% 70% at 100% 100%,rgba(255,255,255,.28),transparent 40%);pointer-events:none;z-index:1}
.about-values-media-inner{position:relative;z-index:2;height:100%;overflow:hidden;border-radius:18px;background:#d9e4ed}
.about-values-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .72s ease,transform 1.08s var(--about-ease);will-change:opacity,transform}
.about-values-image.is-current{opacity:1;transform:scale(1)}
.about-values-tag{position:absolute;left:26px;bottom:26px;z-index:5;display:flex;align-items:center;gap:12px;max-width:calc(100% - 52px);padding:13px 20px;border-radius:14px;color:var(--about-ink);background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.58));border:1px solid rgba(255,255,255,.92);box-shadow:0 14px 34px rgba(20,52,79,.16),inset 0 1px 0 rgba(255,255,255,.98);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}
.about-values-tag b{color:var(--about-blue);font-size:13px;font-weight:800;letter-spacing:.11em}.about-values-tag>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650}
.about-values-list{min-width:0}
.about-value-item{min-height:60vh;display:flex;flex-direction:column;justify-content:center;padding:42px 0}
.about-value-kicker{display:inline-flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--about-blue);font-size:11px;font-weight:700;letter-spacing:.21em;text-transform:uppercase}
.about-value-kicker::after{content:'';width:34px;height:1px;background:currentColor;opacity:.5}
.about-value-item h3{max-width:19ch;margin:0 0 16px;color:var(--about-ink);font-family:Inter,system-ui,sans-serif !important;font-size:clamp(25px,2.55vw,36px) !important;font-weight:560 !important;line-height:1.13 !important;letter-spacing:-.035em !important}
.about-value-item p{max-width:52ch;margin:0;color:var(--about-dim);font-size:15.5px;line-height:1.75}
.about-values-cue{display:flex;justify-content:center;margin-top:clamp(24px,4vw,48px)}
.about-values-cue a{min-height:48px;padding:0 24px;color:#536d84;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
[data-about-values-reveal],.about-value-item{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .9s var(--about-ease)}
[data-about-values-reveal].is-visible,.about-value-item.is-visible{opacity:1;transform:none}
@media(max-width:900px){.about-values-layout{grid-template-columns:1fr}.about-values-media{top:76px;height:min(340px,44vh);z-index:3}.about-value-item{min-height:0;padding:56px 0 24px}}
@media(max-width:560px){.about-values-section{padding:56px 0 64px !important}.about-values-intro h2{font-size:clamp(36px,10vw,50px) !important}.about-values-actions{display:grid;grid-template-columns:1fr}.about-values-btn{width:100%}.about-values-media{height:300px;padding:10px;border-radius:24px}.about-values-tag{left:14px;bottom:14px;max-width:calc(100% - 28px)}}

/* v0.5.9.33 – Über-uns-Werteblock technisch und optisch korrigiert */
.home-proposal-page .about-values-section,
.about-values-section{
  --about-ink:#0a2742;
  --about-dim:#587086;
  --about-blue:#0b63b6;
  position:relative !important;
  width:100% !important;
  overflow:visible !important;
  padding:clamp(72px,7vw,108px) 0 clamp(72px,7vw,104px) !important;
  background:#eaf0f5 !important;
  color:var(--about-ink) !important;
}

.about-values-section::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 86% 8%,rgba(11,99,182,.10),transparent 28%),
    radial-gradient(circle at 8% 88%,rgba(78,145,201,.08),transparent 30%);
}

.about-values-orb{display:none !important}

.about-values-wrap{
  position:relative !important;
  z-index:2 !important;
  width:min(1480px,calc(100% - 64px)) !important;
  max-width:none !important;
  margin:0 auto !important;
}

.about-values-intro{
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr) !important;
  gap:clamp(36px,5vw,86px) !important;
  align-items:end !important;
  max-width:none !important;
  margin:0 0 clamp(72px,7vw,104px) !important;
}

.about-values-eyebrow{
  grid-column:1 !important;
  margin:0 0 16px !important;
  color:var(--about-blue) !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.20em !important;
}

.about-values-intro h2{
  grid-column:1 !important;
  max-width:14ch !important;
  margin:0 !important;
  color:var(--about-ink) !important;
  font-family:Inter,'Segoe UI',system-ui,sans-serif !important;
  font-size:clamp(46px,4.8vw,72px) !important;
  font-weight:520 !important;
  line-height:1.02 !important;
  letter-spacing:-.048em !important;
}

.about-values-lead,
.about-values-body,
.about-values-actions{
  grid-column:2 !important;
}

.about-values-lead{
  align-self:end !important;
  margin:0 0 12px !important;
  max-width:58ch !important;
  color:#2f526f !important;
  font-size:clamp(18px,1.25vw,21px) !important;
  line-height:1.58 !important;
}

.about-values-body{
  margin:0 !important;
  max-width:58ch !important;
  color:var(--about-dim) !important;
  font-size:16px !important;
  line-height:1.7 !important;
}

.about-values-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:24px !important;
}

.about-values-btn,
.about-values-cue a{
  min-height:46px !important;
  padding:0 20px !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
}

.about-values-arrow{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:16px !important;
  height:16px !important;
  flex:0 0 16px !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:500 !important;
}

.about-values-btn svg,
.about-values-cue svg{
  display:none !important;
  width:0 !important;
  height:0 !important;
}

.about-values-subhead{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(320px,.72fr) !important;
  gap:clamp(28px,4vw,70px) !important;
  align-items:end !important;
  max-width:none !important;
  margin:0 0 clamp(38px,4vw,58px) !important;
  padding-top:clamp(34px,4vw,54px) !important;
  border-top:1px solid rgba(10,39,66,.13) !important;
}

.about-values-subhead h3{
  margin:0 !important;
  max-width:20ch !important;
  color:var(--about-ink) !important;
  font-family:Inter,'Segoe UI',system-ui,sans-serif !important;
  font-size:clamp(32px,3vw,48px) !important;
  font-weight:520 !important;
  line-height:1.08 !important;
  letter-spacing:-.038em !important;
}

.about-values-subhead p{
  margin:0 !important;
  max-width:54ch !important;
  color:var(--about-dim) !important;
  font-size:16px !important;
  line-height:1.7 !important;
}

.about-values-layout{
  display:grid !important;
  grid-template-columns:minmax(0,48%) minmax(0,1fr) !important;
  gap:clamp(44px,5vw,82px) !important;
  align-items:start !important;
}

.about-values-media{
  position:sticky !important;
  top:112px !important;
  height:min(600px,68vh) !important;
  min-height:430px !important;
  padding:12px !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.42)) !important;
  border:1px solid rgba(255,255,255,.9) !important;
  box-shadow:0 28px 72px rgba(20,52,79,.14),inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.about-values-media-inner{
  position:relative !important;
  height:100% !important;
  border-radius:20px !important;
  overflow:hidden !important;
}

.about-values-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.about-values-tag{
  left:24px !important;
  bottom:24px !important;
  padding:12px 18px !important;
  border-radius:14px !important;
}

.about-values-list{min-width:0 !important}

.about-value-item{
  min-height:52vh !important;
  padding:clamp(46px,5vw,74px) 0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  border-bottom:1px solid rgba(10,39,66,.10) !important;
}

.about-value-item:last-child{border-bottom:0 !important}

.about-value-kicker{
  margin-bottom:14px !important;
  color:var(--about-blue) !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;
}

.about-value-item h3{
  max-width:18ch !important;
  margin:0 0 16px !important;
  color:var(--about-ink) !important;
  font-family:Inter,'Segoe UI',system-ui,sans-serif !important;
  font-size:clamp(30px,2.6vw,42px) !important;
  font-weight:520 !important;
  line-height:1.1 !important;
  letter-spacing:-.038em !important;
}

.about-value-item p{
  max-width:56ch !important;
  margin:0 !important;
  color:var(--about-dim) !important;
  font-size:16px !important;
  line-height:1.72 !important;
}

.about-values-cue{
  margin-top:clamp(34px,4vw,56px) !important;
}

/* Fallback: Inhalte niemals unsichtbar lassen, falls JS zu spät lädt. */
[data-about-values-reveal],
.about-value-item{
  opacity:1 !important;
  transform:none !important;
}

@media(max-width:980px){
  .about-values-intro,
  .about-values-subhead,
  .about-values-layout{
    grid-template-columns:1fr !important;
  }
  .about-values-lead,
  .about-values-body,
  .about-values-actions{
    grid-column:1 !important;
  }
  .about-values-media{
    position:relative !important;
    top:auto !important;
    height:430px !important;
  }
  .about-value-item{
    min-height:0 !important;
    padding:48px 0 !important;
  }
}

@media(max-width:640px){
  .about-values-section{
    padding:54px 0 64px !important;
  }
  .about-values-wrap{
    width:calc(100% - 32px) !important;
  }
  .about-values-intro{
    gap:18px !important;
    margin-bottom:58px !important;
  }
  .about-values-intro h2{
    font-size:clamp(38px,11vw,52px) !important;
  }
  .about-values-actions{
    display:grid !important;
  }
  .about-values-btn{
    width:100% !important;
  }
  .about-values-media{
    height:300px !important;
    min-height:300px !important;
    padding:8px !important;
    border-radius:24px !important;
  }
  .about-values-subhead h3{
    font-size:clamp(30px,9vw,42px) !important;
  }
  .about-value-item h3{
    font-size:clamp(28px,8vw,38px) !important;
  }
}

/* v0.5.9.34 – Über-uns-Werte direkt nach der gelieferten ku-Vorlage */
.ku-intro{
  --ku-ink:#0b2540;
  --ku-dim:#587087;
  --ku-blue:#0b63b6;
  --ku-blue-soft:#4b91cb;
  --ku-ease:cubic-bezier(.22,.61,.21,1);
  position:relative;
  overflow:clip;
  padding:clamp(72px,8vw,118px) clamp(20px,5vw,82px) clamp(48px,5vw,76px);
  color:var(--ku-ink);
  background:linear-gradient(180deg,#eef4f8 0%,#e9f1f7 58%,#e7eff6 100%);
  font-family:Inter,'Segoe UI Variable','Segoe UI',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.ku-blob{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}
.ku-blob--a{width:640px;height:640px;top:-220px;right:-160px;background:radial-gradient(circle at 35% 35%,rgba(11,99,182,.15),rgba(105,180,218,.10) 45%,transparent 70%)}
.ku-blob--b{width:520px;height:520px;bottom:-160px;left:-140px;background:radial-gradient(circle at 60% 40%,rgba(105,180,218,.14),rgba(11,99,182,.07) 50%,transparent 72%)}
.ku-wrap{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto}
.ku-intro__head{max-width:980px}
.ku-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--ku-blue);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.ku-eyebrow::before{content:'';width:26px;height:2px;border-radius:2px;background:currentColor}
.ku-h1{max-width:17ch;margin:0 0 24px;color:var(--ku-ink)!important;font-family:Inter,'Segoe UI Variable','Segoe UI',system-ui,sans-serif!important;font-size:clamp(40px,5vw,66px)!important;font-weight:560!important;line-height:1.04!important;letter-spacing:-.045em!important}
.ku-lead{max-width:62ch;margin:0;color:var(--ku-dim);font-size:clamp(16px,1.22vw,19px);line-height:1.72}
.ku-lead--secondary{margin-top:9px}
.ku-glass{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.30) 52%,rgba(255,255,255,.48));border:1px solid rgba(255,255,255,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(255,255,255,.32),0 18px 50px rgba(23,59,91,.12);backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%)}
.ku-glass__rim{position:absolute;inset:0;border-radius:inherit;padding:9px;backdrop-filter:blur(6px) brightness(1.12) saturate(135%);-webkit-backdrop-filter:blur(6px) brightness(1.12) saturate(135%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}
.ku-glass__gleam{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(130% 90% at 6% 0%,rgba(255,255,255,.62),transparent 42%),radial-gradient(90% 70% at 100% 100%,rgba(255,255,255,.26),transparent 40%);pointer-events:none}
.ku-actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 clamp(64px,8vw,104px)}
.ku-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:0 25px;border-radius:999px;overflow:hidden;font-size:14px;font-weight:600;text-decoration:none;transition:transform .35s var(--ku-ease),box-shadow .35s var(--ku-ease)}
.ku-btn svg,.ku-cue__pill svg{width:16px!important;height:16px!important;flex:none;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round;stroke-linejoin:round}
.ku-btn--primary{color:#fff;background:linear-gradient(135deg,#0b63b6,#3282c4);border:1px solid rgba(255,255,255,.44);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 14px 34px rgba(11,99,182,.26)}
.ku-btn--glass{color:var(--ku-ink);background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.36));border:1px solid rgba(255,255,255,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 12px 30px rgba(21,60,120,.11)}
.ku-btn:hover{transform:translateY(-2px)}
.ku-values__head{max-width:65ch;margin-bottom:clamp(36px,5vw,62px)}
.ku-values__head h3{margin:0 0 14px;color:var(--ku-ink)!important;font-family:Inter,'Segoe UI Variable','Segoe UI',system-ui,sans-serif!important;font-size:clamp(28px,3.2vw,42px)!important;font-weight:560!important;line-height:1.1!important;letter-spacing:-.035em!important}
.ku-values__head p{margin:0;color:var(--ku-dim);font-size:15.5px;line-height:1.7}
.ku-values{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:clamp(30px,5vw,72px);align-items:start}
.ku-values__media{position:sticky;top:104px;height:min(560px,72vh);padding:13px;border-radius:28px}
.ku-values__frame{position:relative;height:100%;overflow:hidden;border-radius:18px;background:#dbe5ed}
.ku-values__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .72s ease,transform 1.05s var(--ku-ease);will-change:opacity,transform}
.ku-values__frame img.is-current{opacity:1;transform:scale(1)}
.ku-values__tag{position:absolute;left:24px;bottom:24px;z-index:3;display:flex;align-items:center;gap:12px;max-width:calc(100% - 48px);padding:13px 19px;border-radius:14px;color:var(--ku-ink)}
.ku-values__tag i{font-style:normal;color:var(--ku-blue);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.ku-values__tag span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650}
.ku-value{min-height:60vh;display:flex;flex-direction:column;justify-content:center;padding:40px 0}
.ku-value__kicker{display:inline-flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--ku-blue);font-size:11px;font-weight:700;letter-spacing:.20em;text-transform:uppercase}
.ku-value__kicker::after{content:'';width:34px;height:1px;background:currentColor;opacity:.5}
.ku-value h3{max-width:18ch;margin:0 0 16px;color:var(--ku-ink)!important;font-family:Inter,'Segoe UI Variable','Segoe UI',system-ui,sans-serif!important;font-size:clamp(26px,2.7vw,36px)!important;font-weight:560!important;line-height:1.12!important;letter-spacing:-.035em!important}
.ku-value p{max-width:52ch;margin:0;color:var(--ku-dim);font-size:15.5px;line-height:1.75}
.ku-cue{display:flex;justify-content:center;margin-top:clamp(24px,4vw,48px)}
.ku-cue__pill{display:inline-flex;align-items:center;gap:13px;min-height:48px;padding:0 23px;border-radius:999px;color:#536d84;font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;transition:transform .35s var(--ku-ease)}
.ku-cue__pill:hover{transform:translateY(3px)}
@media(max-width:900px){.ku-values{grid-template-columns:1fr}.ku-values__media{top:82px;height:min(360px,46vh);z-index:3}.ku-value{min-height:0;padding:52px 0 24px}}
@media(max-width:560px){.ku-intro{padding:54px 20px 62px}.ku-h1{font-size:clamp(36px,10vw,50px)!important}.ku-actions{display:grid;grid-template-columns:1fr;margin-bottom:60px}.ku-btn{width:100%}.ku-values__media{height:300px;padding:9px;border-radius:23px}.ku-values__frame{border-radius:16px}.ku-values__tag{left:14px;bottom:14px;max-width:calc(100% - 28px)}.ku-value h3{max-width:none}}


/* v0.5.9.36 – eigenständiger Werte-Slider nach der gelieferten Vorlage */
.cms-values-slider.ku-values-section{
  --ku-ink:#071d37;
  --ku-dim:#5f7488;
  --ku-blue:#0b63b6;
  --ku-blue-soft:#5a9bd4;
  position:relative;
  color:var(--ku-ink);
  background:linear-gradient(180deg,#edf3f8 0%,#e8f0f7 100%);
  padding:clamp(64px,7vw,104px) clamp(24px,5vw,80px);
  overflow:clip;
}
.cms-values-slider .ku-blob{
  position:absolute;
  border-radius:50%;
  filter:blur(72px);
  pointer-events:none;
  opacity:.8;
}
.cms-values-slider .ku-blob--a{
  width:520px;height:520px;top:-170px;right:-130px;
  background:radial-gradient(circle at 35% 35%,rgba(11,99,182,.16),rgba(112,179,211,.10) 46%,transparent 72%);
}
.cms-values-slider .ku-blob--b{
  width:460px;height:460px;bottom:-150px;left:-120px;
  background:radial-gradient(circle at 60% 40%,rgba(112,179,211,.14),rgba(11,99,182,.08) 50%,transparent 72%);
}
.cms-values-slider .ku-wrap{
  position:relative;
  z-index:1;
  width:min(1480px,100%);
  margin:0 auto;
}
.cms-values-slider .ku-values-header{
  max-width:900px;
  margin:0 0 clamp(42px,5vw,70px);
}
.cms-values-slider .ku-values-header__kicker,
.cms-values-slider .ku-value__kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--ku-blue);
  font-size:11px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.cms-values-slider .ku-values-header__kicker{margin-bottom:14px}
.cms-values-slider .ku-values-header h2{
  margin:0 0 16px;
  color:var(--ku-ink);
  font-family:Inter,system-ui,sans-serif;
  font-size:clamp(38px,4.2vw,62px);
  font-weight:600;
  line-height:1.02;
  letter-spacing:-.045em;
}
.cms-values-slider .ku-values-header p{
  max-width:66ch;
  margin:0;
  color:var(--ku-dim);
  font-size:clamp(16px,1.15vw,19px);
  line-height:1.65;
}
.cms-values-slider .ku-glass{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.30) 54%,rgba(255,255,255,.50));
  border:1px solid rgba(255,255,255,.86);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(255,255,255,.34),0 22px 54px rgba(8,42,78,.13),0 5px 16px rgba(8,42,78,.06);
  backdrop-filter:blur(20px) saturate(165%);
  -webkit-backdrop-filter:blur(20px) saturate(165%);
}
.cms-values-slider .ku-glass__rim{
  position:absolute;inset:0;border-radius:inherit;padding:10px;
  backdrop-filter:blur(6px) brightness(1.12) saturate(135%);
  -webkit-backdrop-filter:blur(6px) brightness(1.12) saturate(135%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
  pointer-events:none;
}
.cms-values-slider .ku-glass__gleam{
  position:absolute;inset:0;border-radius:inherit;
  background:radial-gradient(130% 90% at 6% 0%,rgba(255,255,255,.68),transparent 42%),radial-gradient(90% 70% at 100% 100%,rgba(255,255,255,.26),transparent 40%);
  pointer-events:none;
}
.cms-values-slider .ku-values{
  display:grid;
  grid-template-columns:minmax(0,46%) minmax(0,1fr);
  gap:clamp(38px,5vw,82px);
  align-items:start;
}
.cms-values-slider .ku-values__media{
  position:sticky;
  top:calc(var(--site-header-height,82px) + 24px);
  height:min(560px,70vh);
  padding:14px;
  border-radius:30px;
}
.cms-values-slider .ku-values__frame{
  position:relative;
  height:100%;
  overflow:hidden;
  border-radius:20px;
  background:#dce7f0;
}
.cms-values-slider .ku-values__frame img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  opacity:0;
  transform:scale(1.06);
  transition:opacity .72s cubic-bezier(.22,.61,.21,1),transform 1.05s cubic-bezier(.22,.61,.21,1);
}
.cms-values-slider .ku-values__frame img.is-current{opacity:1;transform:scale(1)}
.cms-values-slider .ku-values__tag{
  position:absolute;
  left:24px;bottom:24px;
  z-index:3;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 18px;
  border-radius:15px;
  color:var(--ku-ink);
  font-size:13px;
  font-weight:600;
}
.cms-values-slider .ku-values__tag i{
  color:var(--ku-blue);
  font-style:normal;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.cms-values-slider .ku-values__list{min-width:0}
.cms-values-slider .ku-value{
  min-height:58vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px 0;
}
.cms-values-slider .ku-value__kicker{margin-bottom:16px}
.cms-values-slider .ku-value__kicker::after{
  content:"";width:34px;height:1px;background:currentColor;opacity:.45;
}
.cms-values-slider .ku-value h3{
  max-width:20ch;
  margin:0 0 18px;
  color:var(--ku-ink);
  font-family:Inter,system-ui,sans-serif;
  font-size:clamp(30px,3vw,46px);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.035em;
}
.cms-values-slider .ku-value p{
  max-width:56ch;
  margin:0;
  color:var(--ku-dim);
  font-size:clamp(15px,1vw,17px);
  line-height:1.75;
}
@media(max-width:900px){
  .cms-values-slider.ku-values-section{padding:52px 20px}
  .cms-values-slider .ku-values{grid-template-columns:1fr;gap:28px}
  .cms-values-slider .ku-values__media{position:sticky;top:74px;height:min(360px,46vh);z-index:3}
  .cms-values-slider .ku-value{min-height:0;padding:48px 0 18px}
}
@media(max-width:560px){
  .cms-values-slider .ku-values-header h2{font-size:clamp(34px,10vw,46px)}
  .cms-values-slider .ku-values__media{height:300px;padding:10px;border-radius:24px}
  .cms-values-slider .ku-values__tag{left:16px;bottom:16px}
}

/* =========================================================
   v0.5.9.39 – Kartenslider: verfeinerter Liquid-Glass-Look
   Inspiration: getrennte Glasfläche / Biegung / Lichtkante.
   Layout, Größen, Animationen und Slider-Logik bleiben unverändert.
   ========================================================= */

.home-card-slider-v5925 .home-card-slide{
  /* transparenterer Glaskörper: mehr Hintergrund bleibt sichtbar */
  background:
    linear-gradient(145deg,
      rgba(255,255,255,.30) 0%,
      rgba(255,255,255,.155) 22%,
      rgba(255,255,255,.075) 54%,
      rgba(222,239,252,.145) 100%) !important;
  border:1px solid rgba(255,255,255,.58) !important;
  box-shadow:
    0 30px 72px -24px rgba(3,16,30,.42),
    0 6px 18px rgba(3,16,30,.12),
    inset 2px 2px 2px rgba(255,255,255,.42),
    inset -2px -2px 2px rgba(255,255,255,.22),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -18px 38px -28px rgba(119,182,231,.24) !important;
  backdrop-filter:blur(26px) saturate(185%) brightness(1.045) !important;
  -webkit-backdrop-filter:blur(26px) saturate(185%) brightness(1.045) !important;
}

/* Refraktionsring: der Kartenrand bricht den Hintergrund etwas stärker
   als die eigentliche Glasfläche. */
.home-card-slider-v5925 .home-card-slide::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  border-radius:inherit !important;
  padding:9px !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:
    inset 2px 2px 2px rgba(255,255,255,.38),
    inset -2px -2px 2px rgba(255,255,255,.20) !important;
  backdrop-filter:blur(5px) brightness(1.13) saturate(145%) !important;
  -webkit-backdrop-filter:blur(5px) brightness(1.13) saturate(145%) !important;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0) !important;
  mask-composite:exclude !important;
  mix-blend-mode:normal !important;
  pointer-events:none !important;
}

/* Lichtreflexe auf der Glasoberfläche. */
.home-card-slider-v5925 .home-card-slide::after{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  height:auto !important;
  border-radius:inherit !important;
  background:
    radial-gradient(125% 82% at 4% -5%,rgba(255,255,255,.56) 0%,rgba(255,255,255,.19) 18%,transparent 47%),
    linear-gradient(132deg,rgba(255,255,255,.19) 0%,transparent 27%,transparent 72%,rgba(169,215,247,.09) 100%),
    radial-gradient(90% 60% at 102% 105%,rgba(129,192,238,.16) 0%,transparent 52%) !important;
  mix-blend-mode:screen !important;
  opacity:.9 !important;
  pointer-events:none !important;
}

/* Der aktive Glaskörper darf etwas kräftiger wirken, ohne milchig zu werden. */
.home-card-slider-v5925 .home-card-slide.is-active{
  background:
    linear-gradient(145deg,
      rgba(255,255,255,.36) 0%,
      rgba(255,255,255,.19) 22%,
      rgba(255,255,255,.09) 55%,
      rgba(222,239,252,.17) 100%) !important;
  border-color:rgba(255,255,255,.66) !important;
  box-shadow:
    0 36px 84px -26px rgba(3,16,30,.48),
    0 8px 22px rgba(3,16,30,.14),
    inset 2px 2px 2px rgba(255,255,255,.48),
    inset -2px -2px 2px rgba(255,255,255,.23),
    inset 0 1px 0 rgba(255,255,255,.80),
    inset 0 -24px 50px -34px rgba(104,177,232,.30) !important;
  backdrop-filter:blur(30px) saturate(190%) brightness(1.055) !important;
  -webkit-backdrop-filter:blur(30px) saturate(190%) brightness(1.055) !important;
}

/* Vorschaukarte bewusst etwas transparenter: sie bleibt als Glas erkennbar,
   konkurriert aber nicht mit der aktiven Karte. */
.home-card-slider-v5925 .home-card-slide.is-next-preview{
  background:
    linear-gradient(145deg,
      rgba(255,255,255,.27) 0%,
      rgba(255,255,255,.135) 28%,
      rgba(255,255,255,.065) 62%,
      rgba(219,238,251,.13) 100%) !important;
}

.home-card-slider-v5925 .home-card-slide.is-next-preview:hover{
  background:
    linear-gradient(145deg,
      rgba(255,255,255,.34) 0%,
      rgba(255,255,255,.17) 28%,
      rgba(255,255,255,.08) 62%,
      rgba(219,238,251,.16) 100%) !important;
}

/* Inhalt oberhalb der neuen Glas-Layer halten. */
.home-card-slider-v5925 .home-card-slide-content,
.home-card-slider-v5925 .home-card-slide-preview{
  z-index:4 !important;
}

/* Dezentere Rundung auf kleinen Displays, damit die Karte dort nicht zu weich wirkt. */
@media (max-width:760px){
  .home-card-slider-v5925 .home-card-slide{
    border-radius:24px !important;
  }
  .home-card-slider-v5925 .home-card-slide::before,
  .home-card-slider-v5925 .home-card-slide::after{
    border-radius:24px !important;
  }
}

/* =========================================================
   v0.5.9.40 – Kartenslider: echtes CLEAR LIQUID GLASS
   Bewusst kein Frosted-Glass-Look. Die Fotografie bleibt durch
   die Karte klar erkennbar; der Glaseindruck entsteht primär
   durch Lichtkante, Brechungsring und sehr geringe Unschärfe.
   Layout und Sliderlogik bleiben unverändert.
   ========================================================= */

.home-card-slider-v5925 .home-card-slide{
  /* fast farbloser Glaskörper statt grauer/milchiger Fläche */
  background:
    linear-gradient(142deg,
      rgba(255,255,255,.115) 0%,
      rgba(255,255,255,.040) 28%,
      rgba(255,255,255,.018) 58%,
      rgba(255,255,255,.060) 100%) !important;
  border:1px solid rgba(255,255,255,.40) !important;
  box-shadow:
    0 20px 48px -22px rgba(2,14,27,.38),
    0 3px 10px rgba(2,14,27,.10),
    inset 1px 1px 1px rgba(255,255,255,.56),
    inset -1px -1px 1px rgba(255,255,255,.18) !important;
  backdrop-filter:blur(4px) saturate(138%) brightness(1.035) !important;
  -webkit-backdrop-filter:blur(4px) saturate(138%) brightness(1.035) !important;
}

/* Schmaler Randbereich mit stärkerer optischer Brechung. */
.home-card-slider-v5925 .home-card-slide::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  padding:10px !important;
  border-radius:inherit !important;
  background:rgba(255,255,255,.012) !important;
  box-shadow:
    inset 3px 3px 4px rgba(255,255,255,.42),
    inset -3px -3px 4px rgba(255,255,255,.16),
    inset 0 0 1px rgba(255,255,255,.72) !important;
  backdrop-filter:blur(11px) saturate(168%) brightness(1.12) contrast(1.035) !important;
  -webkit-backdrop-filter:blur(11px) saturate(168%) brightness(1.12) contrast(1.035) !important;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0) !important;
  mask-composite:exclude !important;
  pointer-events:none !important;
}

/* Die Oberfläche selbst bleibt klar. Nur sehr feine Lichtreflexe. */
.home-card-slider-v5925 .home-card-slide::after{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  height:auto !important;
  border-radius:inherit !important;
  background:
    radial-gradient(105% 70% at 4% -8%,
      rgba(255,255,255,.34) 0%,
      rgba(255,255,255,.105) 20%,
      rgba(255,255,255,0) 48%),
    linear-gradient(132deg,
      rgba(255,255,255,.075) 0%,
      rgba(255,255,255,0) 30%,
      rgba(255,255,255,0) 75%,
      rgba(202,232,252,.050) 100%),
    radial-gradient(75% 55% at 103% 103%,
      rgba(192,226,250,.090) 0%,
      rgba(192,226,250,0) 52%) !important;
  mix-blend-mode:screen !important;
  opacity:1 !important;
  pointer-events:none !important;
}

/* Aktive Karte: nur minimal kräftiger – weiterhin klares Glas. */
.home-card-slider-v5925 .home-card-slide.is-active{
  background:
    linear-gradient(142deg,
      rgba(255,255,255,.135) 0%,
      rgba(255,255,255,.045) 28%,
      rgba(255,255,255,.020) 58%,
      rgba(255,255,255,.068) 100%) !important;
  border-color:rgba(255,255,255,.46) !important;
  box-shadow:
    0 24px 58px -24px rgba(2,14,27,.42),
    0 4px 12px rgba(2,14,27,.11),
    inset 1px 1px 1px rgba(255,255,255,.62),
    inset -1px -1px 1px rgba(255,255,255,.19) !important;
  backdrop-filter:blur(4.5px) saturate(142%) brightness(1.04) !important;
  -webkit-backdrop-filter:blur(4.5px) saturate(142%) brightness(1.04) !important;
}

/* Vorschau ebenfalls klares Glas – keine graue Kachel. */
.home-card-slider-v5925 .home-card-slide.is-next-preview{
  background:
    linear-gradient(142deg,
      rgba(255,255,255,.100) 0%,
      rgba(255,255,255,.032) 34%,
      rgba(255,255,255,.014) 66%,
      rgba(255,255,255,.052) 100%) !important;
  border-color:rgba(255,255,255,.38) !important;
}

.home-card-slider-v5925 .home-card-slide.is-next-preview:hover{
  background:
    linear-gradient(142deg,
      rgba(255,255,255,.135) 0%,
      rgba(255,255,255,.045) 34%,
      rgba(255,255,255,.018) 66%,
      rgba(255,255,255,.065) 100%) !important;
}

/* Keine alten milchigen Innenflächen mehr über dem neuen Glas. */
.home-card-slider-v5925 .home-card-slide-content,
.home-card-slider-v5925 .home-card-slide-preview{
  position:relative !important;
  z-index:4 !important;
}

/* Browser ohne Backdrop-Filter: klarer transparenter Fallback statt Frosted Glass. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .home-card-slider-v5925 .home-card-slide,
  .home-card-slider-v5925 .home-card-slide.is-active,
  .home-card-slider-v5925 .home-card-slide.is-next-preview{
    background:rgba(255,255,255,.14) !important;
  }
}

/* =========================================================
   v0.5.9.41 – Kartenslider: Liquid Glass direkt nach der Vorlage
   Die Karte selbst ist nur der Container. Der sichtbare Glaseffekt
   besteht aus den drei separaten Ebenen Bend / Face / Edge.
   ========================================================= */

.home-liquid-glass-filter{
  position:absolute !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

.home-card-slider-v5925 .home-card-slide{
  isolation:isolate !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Alte Pseudo-Glasflächen komplett deaktivieren. */
.home-card-slider-v5925 .home-card-slide::before,
.home-card-slider-v5925 .home-card-slide::after{
  content:none !important;
  display:none !important;
}

/* 1. BEND – wie in der gelieferten Vorlage: minimale Unschärfe + Displacement. */
.home-card-slider-v5925 .home-liquid-glass--bend{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  border-radius:inherit !important;
  background:transparent !important;
  backdrop-filter:blur(3px) !important;
  -webkit-backdrop-filter:blur(3px) !important;
  filter:url(#home-liquid-glass-blur) !important;
  pointer-events:none !important;
}

/* 2. FACE – Schatten der Glasplatte, ohne milchige Füllfarbe. */
.home-card-slider-v5925 .home-liquid-glass--face{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  display:block !important;
  border-radius:inherit !important;
  background:transparent !important;
  box-shadow:
    0 4px 4px rgba(0,0,0,.15),
    0 0 12px rgba(0,0,0,.08) !important;
  pointer-events:none !important;
}

/* 3. EDGE – direkte Übernahme der hellen inneren Kanten aus der Vorlage. */
.home-card-slider-v5925 .home-liquid-glass--edge{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  display:block !important;
  border-radius:inherit !important;
  background:transparent !important;
  box-shadow:
    inset 3px 3px 3px 0 rgba(255,255,255,.45),
    inset -3px -3px 3px 0 rgba(255,255,255,.45) !important;
  pointer-events:none !important;
}

/* Der eigentliche Inhalt liegt garantiert oberhalb aller drei Glas-Layer. */
.home-card-slider-v5925 .home-card-slide-content,
.home-card-slider-v5925 .home-card-slide-preview{
  position:relative !important;
  z-index:10 !important;
}

.home-card-slider-v5925 .home-card-slide.is-active .home-card-slide-content{
  display:flex !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
}

/* Textkontrast auf dem klaren Glas wieder sicherstellen. */
.home-card-slider-v5925 .home-card-slide-content small{
  color:#075da8 !important;
  text-shadow:0 1px 8px rgba(255,255,255,.72) !important;
}

.home-card-slider-v5925 .home-card-slide-content h3{
  color:#071d37 !important;
  text-shadow:
    0 1px 1px rgba(255,255,255,.78),
    0 2px 12px rgba(255,255,255,.32) !important;
}

.home-card-slider-v5925 .home-card-slide-content p{
  color:#274d6c !important;
  text-shadow:0 1px 8px rgba(255,255,255,.60) !important;
}

.home-card-slider-v5925 .home-card-slide-content > a,
.home-card-slider-v5925 .home-card-preview-button{
  position:relative !important;
  z-index:11 !important;
}

.home-card-slider-v5925 .home-card-slide-preview{
  color:#173a57 !important;
  text-shadow:0 1px 8px rgba(255,255,255,.68) !important;
}

/* Keine optische Sonderbehandlung der aktiven / kleinen Karte mehr:
   beide nutzen dieselbe echte Glasstruktur; nur Größe/Position unterscheiden sich. */
.home-card-slider-v5925 .home-card-slide.is-active,
.home-card-slider-v5925 .home-card-slide.is-next-preview,
.home-card-slider-v5925 .home-card-slide.is-next-preview:hover{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

@media (max-width:760px){
  .home-card-slider-v5925 .home-liquid-glass--bend,
  .home-card-slider-v5925 .home-liquid-glass--face,
  .home-card-slider-v5925 .home-liquid-glass--edge{
    border-radius:24px !important;
  }
}

/* =========================================================
   v0.5.9.48 – Kartenslider wieder normal im Seitenfluss
   + aktiver Karteninhalt sicher sichtbar
   ========================================================= */

/* Alle alten Sticky-/Scroll-Pinning-Zustände neutralisieren. */
.home-card-slider-section,
.home-card-slider-section.is-scroll-controlled-slider,
.home-card-slider-section.is-js-pinned-slider,
.home-card-slider-section.is-scroll-pinned,
.home-card-slider-section.is-scroll-finished{
  height:auto !important;
  min-height:0 !important;
}

.home-card-scroll-stage{
  height:auto !important;
  min-height:0 !important;
  position:relative !important;
}

.home-card-slider-section .home-card-slider-stage,
.home-card-slider-section.is-scroll-controlled-slider .home-card-slider-stage,
.home-card-slider-section.is-js-pinned-slider .home-card-slider-stage,
.home-card-slider-section.is-scroll-pinned .home-card-slider-stage,
.home-card-slider-section.is-scroll-finished .home-card-slider-stage{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:100% !important;
  margin:0 !important;
}

/* Der Inhalt der großen Karte liegt als eigene Ebene sicher über Bend / Face / Edge. */
.home-card-slider-v5925 .home-card-slide-content{
  position:absolute !important;
  inset:0 !important;
  z-index:20 !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  gap:10px !important;
  padding:clamp(24px,2.4vw,36px) !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translateY(10px) !important;
  pointer-events:none !important;
}

.home-card-slider-v5925 .home-card-slide.is-active .home-card-slide-content{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
}

/* Auf der großen Karte darf ausschließlich der Volltext sichtbar sein. */
.home-card-slider-v5925 .home-card-slide.is-active .home-card-slide-preview{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Auf der kleinen Karte bleibt ausschließlich der Vorschautext sichtbar. */
.home-card-slider-v5925 .home-card-slide.is-next-preview .home-card-slide-preview{
  position:absolute !important;
  inset:0 !important;
  z-index:20 !important;
  display:flex !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.home-card-slider-v5925 .home-card-slide.is-next-preview .home-card-slide-content,
.home-card-slider-v5925 .home-card-slide.is-future .home-card-slide-content,
.home-card-slider-v5925 .home-card-slide.is-leaving .home-card-slide-content{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Inhalte der aktiven Karte – bewusst keine Änderung am Glas selbst. */
.home-card-slider-v5925 .home-card-slide.is-active .home-card-slide-content small,
.home-card-slider-v5925 .home-card-slide.is-active .home-card-slide-content h3,
.home-card-slider-v5925 .home-card-slide.is-active .home-card-slide-content p,
.home-card-slider-v5925 .home-card-slide.is-active .home-card-slide-content a{
  opacity:1 !important;
  visibility:visible !important;
}

.home-card-slider-v5925 .home-card-slide.is-active .home-card-slide-content > a{
  margin-top:auto !important;
}

/* =========================================================
   v0.5.9.49 – lesbarer Milchglas-Textbereich im Kartenslider
   + Videoblock nicht mehr bildschirmbreit
   ========================================================= */

/* Der äußere Liquid-Glass-Aufbau bleibt unverändert.
   Nur der Inhaltsbereich der aktiven Karte erhält eine ruhige,
   helle Milchglas-Schicht für sicheren Textkontrast. */
.home-card-slider-v5925 .home-card-slide.is-active .home-card-slide-content{
  overflow:hidden !important;
  border-radius:inherit !important;
  isolation:isolate !important;
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.52) 0%,
      rgba(255,255,255,.38) 45%,
      rgba(235,243,249,.31) 100%) !important;
  -webkit-backdrop-filter:blur(15px) saturate(130%) !important;
  backdrop-filter:blur(15px) saturate(130%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -1px 0 rgba(255,255,255,.18) !important;
}

/* sehr dezenter Lichtverlauf – keine zusätzliche dicke Kontur */
.home-card-slider-v5925 .home-card-slide.is-active .home-card-slide-content::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(110% 75% at 8% 0%,rgba(255,255,255,.28),transparent 46%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 42%);
}

/* Text bewusst ohne starke weiße Schatten, damit er auf dem Milchglas
   wieder wie reguläre KONTUR-Typografie wirkt. */
.home-card-slider-v5925 .home-card-slide.is-active .home-card-slide-content small{
  color:#075da8 !important;
  text-shadow:none !important;
}
.home-card-slider-v5925 .home-card-slide.is-active .home-card-slide-content h3{
  color:#071d37 !important;
  text-shadow:none !important;
}
.home-card-slider-v5925 .home-card-slide.is-active .home-card-slide-content p{
  color:#456b87 !important;
  text-shadow:none !important;
}

/* Videoblock auf Inhaltsbreite begrenzen. YouTube und eigene Videos
   verwenden dieselbe Bühne. */
.home-video-frame{
  width:min(1480px,calc(100% - 64px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  aspect-ratio:16/8 !important;
  min-height:0 !important;
  border-radius:28px !important;
  box-shadow:0 22px 58px rgba(7,29,55,.12) !important;
}
.home-video-frame iframe,
.home-video-frame video{
  border-radius:inherit !important;
}

@media (max-width:760px){
  .home-video-frame{
    width:calc(100% - 32px) !important;
    aspect-ratio:16/9 !important;
    border-radius:20px !important;
  }
}