:root{
  --brand-blue:#223280;
  --ink:#1a1b1f;
  --muted:#9aa3af;
  --ring:0 0 0 .14rem rgba(34,50,128,.35);
  --edge:clamp(16px,6vw,150px);
}

#webshop.webshop{
  background:#fff;
  width:100%;
  padding:72px 0 84px;
  font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);
  overflow-x:hidden;
}

#webshop .webshop__container{
  width:100% !important;
  max-width:1140px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:var(--edge) !important;
  padding-right:var(--edge) !important;
}

#webshop .webshop__figure{ margin:0; }

#webshop .webshop__image{
  width:100%;
  height:auto;
  display:block;
  border-radius:0;
  box-shadow:none;
  object-fit:cover;
  object-position:center;
}

#webshop .webshop__eyebrow{
  opacity: .8;
  margin-top: 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

#webshop .webshop__title{
  margin:0 0 .8rem;
  font-weight:400;
  font-size:clamp(26px,3.2vw,34px);
  line-height:1.2;
  color:var(--ink);
}

#webshop .webshop__text{
  margin:0 0 1.2rem;
  font-size:16px;
  line-height:28px;
  color:var(--ink);
  opacity:.6;
}

.btn-webshop{
  --cta-blue:#2f4687;
  background:var(--cta-blue)!important;
  color:#fff!important;
  border:0;
  border-radius:0;
  box-shadow:none!important;
  padding:.72rem 1.25rem;
  display:inline-block;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:12px;
  line-height:1;
  font-weight:400;
}
.btn-webshop:hover,
.btn-webshop:focus{ background:#28407b!important; color:#fff!important; }
.btn-webshop:active{ background:#23386e!important; }
.btn-webshop:focus-visible{ outline:2px solid rgba(34,50,128,.35); outline-offset:2px; }

@media (min-width:1200px){
  #webshop .row.align-items-center.g-5{
    display:grid !important;
    grid-template-columns:706.64px minmax(600px,1fr) !important;
    gap:40px !important;
    max-width:1387px !important;
    margin:0 auto !important;
    padding:0 !important;
  }
  #webshop .row.align-items-center.g-5>[class*="col-"]{
    padding:0 !important;
    max-width:none !important;
    flex:none !important;
  }
  #webshop .webshop__figure{
    width:706.64px !important;
    height:403.14px !important;
  }
  #webshop .webshop__image{
    width:100% !important;
    height:100% !important;
  }
}

@media (max-width:1199.98px){
  #webshop.webshop{ padding:56px 0 70px; }
  #webshop .row.align-items-center.g-5{
    display:block !important;
    max-width:1140px;
    margin-inline:auto;
    padding-inline:var(--edge);
  }
  #webshop .webshop__figure{ width:100%; height:auto; }
  #webshop .webshop__image{ width:100%; height:auto; }
}

@media (max-width:768px){
  #webshop.webshop{ padding:44px 0 56px; }
  #webshop .webshop__title{ font-size:24px; }
}

@media (prefers-reduced-motion:reduce){
  *{ transition:none!important; animation:none!important; }
}
