.sr-collage {
--sr-gap: 18px;
--sr-vh: 85svh;
--sr-ink: #000;
--sr-muted: #000;
width: 100%;
background: #fff;
padding: var(--sr-gap);
overflow-x: clip;
container-type: inline-size;
container-name: hero-collage;
}
.sr-collage,
.sr-collage *,
.sr-collage *::before,
.sr-collage *::after { box-sizing: border-box; } .sr-wrap {
width: 100%;
height: calc(var(--sr-vh) - (var(--sr-gap) * 2));
min-width: 0;
margin: 0;
display: grid;
gap: var(--sr-gap);
grid-template-columns: 1.05fr 1.9fr 1.05fr;
grid-template-rows: 1fr 1fr;
grid-template-areas:
"lt hero rt"
"lb hero card";
align-items: stretch;
} .sr-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity 780ms cubic-bezier(.22,.9,.2,1);
will-change: opacity;
}
.sr-bg.is-on { opacity: 1; } .sr-tile {
border-radius: 0;
overflow: hidden;
background: #f3f6fb;
position: relative;
min-width: 0;
min-height: 0;
}
.sr-tile::after {
content: "";
position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.06));
pointer-events: none;
z-index: 2;
}
.sr-left-top  { grid-area: lt; }
.sr-left-bottom { grid-area: lb; }
.sr-right-top { grid-area: rt; } .sr-tile-content {
background: #fff;
border: 1px solid rgba(15,27,45,.06);
}
.sr-tile-content::after { display: none; }
.sr-tile-content-inner {
height: 100%;
min-height: 100%;
overflow: visible;
padding: 10px;
display: flex;
align-items: center;
}
.sr-tile-content-inner > section { margin: 0 !important; } .sr-ct {
width: 100%;
min-width: 0;
padding: 0;
}
.sr-ct__heading {
margin: 0 0 16px;
font-size: clamp(1.4em, 2.2vw, 2em);
line-height: 1.12;
font-weight: 700;
color: var(--sr-ink);
}
.sr-ct__text {
margin: 0 0 20px;
font-size: 15px;
line-height: 1.6;
color: var(--sr-ink);
}
.sr-ct__icons {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0;
margin-top: 18px;
width: 100%;
min-width: 0;
}
.sr-ct__icon-link {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
text-align: left;
text-decoration: none;
width: 100%;
min-width: 0;
min-height: 92px;
padding: 10px 16px 12px;
gap: 8px;
border-right: 1px solid rgba(15,27,45,.12);
transition: opacity .2s ease, background-color .2s ease;
}
.sr-ct__icon-link:last-child { border-right: 0; }
.sr-ct__icon-link:first-child { padding-left: 0; }
.sr-ct__icon-link:hover {
opacity: .92;
background-color: rgba(255,255,255,.26);
} .sr-ct__icon-badge {
display: flex;
align-items: center;
justify-content: center;
width: auto;
height: auto;
border-radius: 0;
background: transparent;
flex-shrink: 0;
}
.sr-ct__icon-badge i,
.sr-ct__icon-badge .sr-ct__icon-svg {
font-size: 18px;
color: var(--sr-icon-color, #eb6a05);
}
.sr-ct__icon-badge svg {
width: 18px;
height: 18px;
fill: var(--sr-icon-color, #eb6a05);
}
.sr-ct__icon-label {
font-size: clamp(10px, 0.95vw, 13px);
font-weight: 500;
color: var(--sr-icon-color, #eb6a05);
line-height: 1.2;
overflow-wrap: anywhere;
}
.sr-ct__icon-arrow {
font-size: 14px;
color: var(--sr-ink);
opacity: 1;
line-height: 1;
transition: opacity .2s ease, transform .2s ease;
}
.sr-ct__icon-link:hover .sr-ct__icon-arrow {
opacity: 1;
transform: translateX(4px);
}
.sr-collage.is-compact {
--sr-gap: 14px;
}
.sr-collage.is-compact .sr-wrap {
height: auto;
min-height: 0;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-template-areas:
"lt"
"hero"
"card"
"rt"
"lb";
}
.sr-collage.is-compact .sr-left-top,
.sr-collage.is-compact .sr-card,
.sr-collage.is-compact .sr-left-bottom,
.sr-collage.is-compact .sr-right-top {
min-height: auto;
}
.sr-collage.is-compact .sr-tile-content-inner,
.sr-collage.is-compact .sr-hero-content,
.sr-collage.is-compact .sr-card-inner {
padding: 20px;
}
.sr-collage.is-compact .sr-tile-content-inner {
align-items: flex-start;
}
.sr-collage.is-compact .sr-ct__heading {
font-size: clamp(1.45rem, 3.6vw, 2.2rem);
}
.sr-collage.is-compact .sr-ct__text {
margin-bottom: 16px;
font-size: 14px;
line-height: 1.5;
line-clamp: 6;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}
.sr-collage.is-compact .sr-ct__icons {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sr-collage.is-compact .sr-ct__icon-link {
min-height: 84px;
padding: 10px 12px;
border-right: 0;
border-bottom: 1px solid rgba(15,27,45,.12);
}
.sr-collage.is-compact .sr-ct__icon-link:first-child {
padding-left: 0;
}
.sr-collage.is-compact .sr-ct__icon-link:nth-child(odd) {
border-right: 1px solid rgba(15,27,45,.12);
}
.sr-collage.is-compact .sr-ct__icon-link:nth-last-child(-n+2) {
border-bottom: 0;
}
.sr-collage.is-compact .sr-hero {
min-height: 520px;
}
.sr-collage.is-compact .sr-left-bottom,
.sr-collage.is-compact .sr-right-top {
min-height: 220px;
}
.sr-collage.is-mobile {
padding: 0;
overflow: visible;
background: transparent;
}
.sr-collage.is-mobile .sr-wrap {
height: auto;
min-height: 0;
display: block;
}
.sr-collage.is-mobile .sr-left-top,
.sr-collage.is-mobile .sr-left-bottom,
.sr-collage.is-mobile .sr-right-top,
.sr-collage.is-mobile .sr-card {
display: none;
}
.sr-collage.is-mobile .sr-hero {
min-height: 0;
padding-top: 0;
overflow: visible;
background: transparent;
}
.sr-collage.is-mobile .sr-hero-bg {
position: relative;
inset: auto;
height: clamp(220px, 60vw, 300px);
overflow: hidden;
border-radius: 0;
}
.sr-collage.is-mobile .sr-hero-bg::after,
.sr-collage.is-mobile .sr-hero-bg-overlay {
background:
linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.03) 34%, rgba(15,27,45,.10) 100%),
linear-gradient(0deg, rgba(15,27,45,.14) 0%, rgba(15,27,45,.03) 42%, rgba(255,255,255,.03) 100%);
}
.sr-collage.is-mobile .sr-hero-content {
max-width: none;
position: relative;
z-index: 4;
margin: -18px 10px 0;
padding: 18px 16px 16px;
height: auto;
justify-content: flex-start;
background: #f4f1e9;
border: 1px solid rgba(15,27,45,.08);
border-radius: 0;
backdrop-filter: none;
-webkit-backdrop-filter: none;
box-shadow: none;
}
.sr-collage.is-mobile .sr-title {
font-size: clamp(1.65rem, 8vw, 2.15rem);
line-height: 1.04;
margin-bottom: 8px;
}
.sr-collage.is-mobile .sr-sub {
font-size: 13px;
line-height: 1.4;
margin-bottom: 14px;
max-width: 100%;
}
.sr-collage.is-mobile .sr-cta-row {
gap: 8px;
margin-top: 0;
}
.sr-collage.is-mobile .sr-btn {
width: 100%;
min-height: 42px;
padding: 0 16px;
border-radius: 0;
font-size: 14px;
}
.sr-collage.is-mobile .sr-btn-ghost {
background: rgba(255,255,255,.92);
}
.sr-collage.is-mobile .sr-hero-nav { display: none; } .sr-hero {
grid-area: hero;
border-radius: 0;
overflow: hidden;
position: relative;
background: #f3f6fb;
min-width: 0;
min-height: 100%;
}
.sr-hero-bg {
position: absolute;
inset: 0;
}
.sr-hero-bg::after {
content: "";
position: absolute; inset: 0;
z-index: 2;
background:
radial-gradient(900px 600px at 35% 55%, rgba(255,255,255,.88), rgba(255,255,255,.35) 55%, rgba(255,255,255,.10) 100%),
linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.55) 42%, rgba(255,255,255,.08) 75%);
pointer-events: none;
} .sr-hero-bg-overlay {
position: absolute; inset: 0;
z-index: 2;
background:
radial-gradient(900px 600px at 35% 55%, rgba(255,255,255,.88), rgba(255,255,255,.35) 55%, rgba(255,255,255,.10) 100%),
linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.55) 42%, rgba(255,255,255,.08) 75%);
pointer-events: none;
}
.sr-hero-content {
position: relative;
z-index: 3;
height: 100%;
padding: clamp(26px, 4vw, 64px);
display: flex;
flex-direction: column;
justify-content: center;
max-width: 720px;
min-width: 0;
}
.sr-title {
margin: 0 0 16px;
font-size: clamp(28px, 3.5vw, 56px);
line-height: 1.08;
letter-spacing: -0.02em;
color: var(--sr-ink);
font-weight: 750;
text-wrap: balance;
}
.sr-sub {
margin: 0 0 24px;
font-size: 16px;
line-height: 1.6;
color: var(--sr-muted);
max-width: 56ch;
} .sr-cta-row {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-top: 6px;
}
.sr-btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 44px;
padding: 0 22px;
border-radius: 0;
text-decoration: none;
font-size: 15px;
font-weight: 650;
border: 1px solid rgba(15,27,45,.14);
transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;
}
.sr-btn:hover { transform: translateY(-1px); }
.sr-btn-primary {
background: var(--sr-ink);
border-color: rgba(15,27,45,.18);
color: #fff;
}
.sr-btn-primary:hover { background: #0b1626; }
.sr-btn-ghost {
background: rgba(255,255,255,.72);
color: var(--sr-ink);
}
.sr-btn-ghost:hover { background: rgba(255,255,255,.88); } .sr-hero-nav {
display: flex;
gap: 10px;
margin-top: 28px;
}
.sr-arrow {
width: 48px;
height: 48px;
border-radius: 0;
border: 1px solid rgba(15,27,45,.12);
background: #fff !important;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: var(--sr-ink);
font-size: 22px;
cursor: pointer;
transition: transform 200ms ease, background 200ms ease;
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: none;
}
.sr-hero-nav button {
background: #fff !important;
box-shadow: none !important;
}
.sr-arrow:hover {
transform: translateY(-2px);
background: #fff !important;
} .sr-card {
grid-area: card;
border-radius: 0;
overflow: hidden;
background: #f4f7fb;
position: relative;
min-width: 0;
border: 0;
}
.sr-card-inner {
height: 100%;
padding: 28px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
background: #f4f7fb;
border: 0;
}
.sr-card-title {
margin: 0;
font-size: clamp(22px, 2.2vw, 30px);
line-height: 1.12;
letter-spacing: -0.01em;
color: var(--sr-ink);
font-weight: 750;
}
.sr-card-text {
margin: 0;
font-size: 16px;
line-height: 1.6;
color: rgba(15,27,45,.72);
max-width: 44ch;
}
.sr-card-link {
margin-top: 6px;
color: var(--sr-ink);
font-weight: 700;
text-decoration: none;
width: fit-content;
}
.sr-card-link:hover { text-decoration: underline; } .sr-fade {
animation: srFade 520ms cubic-bezier(.22,.9,.2,1) both;
}
@keyframes srFade {
from { opacity: 0; transform: translateY(6px); }
to   { opacity: 1; transform: translateY(0); }
} @media (max-width: 1180px) {
.sr-collage { --sr-gap: 14px; }
.sr-wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr) minmax(0, 1fr); }
.sr-tile-content-inner,
.sr-hero-content,
.sr-card-inner { padding: 22px; }
.sr-title { font-size: clamp(26px, 3vw, 44px); }
.sr-ct__heading { font-size: clamp(1.35rem, 2vw, 1.8rem); }
.sr-ct__text {
margin-bottom: 16px;
font-size: 14px;
line-height: 1.45;
display: -webkit-box;
line-clamp: 5;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
.sr-ct__icons { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sr-ct__icon-link {
min-height: 72px;
padding: 8px 8px 10px;
}
.sr-ct__icon-badge i,
.sr-ct__icon-badge .sr-ct__icon-svg { font-size: 16px; }
.sr-ct__icon-badge svg { width: 16px; height: 16px; }
.sr-ct__icon-label { font-size: 11px; }
.sr-ct__icon-arrow { font-size: 12px; }
}
@media (max-width: 980px) {
.sr-collage { padding: 14px; }
.sr-tile-content-inner,
.sr-hero-content,
.sr-card-inner { padding: 20px; }
.sr-wrap { grid-template-columns: minmax(0, .95fr) minmax(0, 1.6fr) minmax(0, .95fr); }
.sr-ct__heading { font-size: clamp(1.25rem, 1.8vw, 1.6rem); }
.sr-ct__text {
font-size: 13px;
line-height: 1.4;
line-clamp: 4;
-webkit-line-clamp: 4;
}
.sr-ct__icons { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sr-ct__icon-link {
min-height: 66px;
padding: 8px 6px 8px;
}
.sr-ct__icon-badge i,
.sr-ct__icon-badge .sr-ct__icon-svg { font-size: 14px; }
.sr-ct__icon-badge svg { width: 14px; height: 14px; }
.sr-ct__icon-label { font-size: 10px; }
.sr-ct__icon-arrow { font-size: 11px; }
}
@media (max-width: 600px) {
.sr-hero { min-height: 400px; }
.sr-left-bottom,
.sr-right-top { min-height: 180px; }
.sr-ct__heading { font-size: 1.5em; }
.sr-ct__icon-badge i,
.sr-ct__icon-badge .sr-ct__icon-svg {
font-size: 17px;
}
.sr-ct__icon-badge svg {
width: 17px;
height: 17px;
}
.sr-ct__icon-label { font-size: 12px; }
.sr-ct__icon-arrow { font-size: 14px; }
.sr-card-title  { font-size: 22px; }
.sr-card-inner  { padding: 20px; }
.sr-hero-nav { margin-top: 16px; gap: 8px; }
.sr-arrow { width: 42px; height: 42px; font-size: 20px; }
}
@media (max-width: 767px) {
.sr-collage {
padding: 0;
overflow: hidden;
}
.sr-wrap {
height: auto;
min-height: 0;
display: block;
}
.sr-left-top,
.sr-left-bottom,
.sr-right-top,
.sr-card {
display: none;
}
.sr-hero {
min-height: clamp(420px, 78svh, 620px);
}
.sr-hero-content {
max-width: none;
padding: 24px 18px;
justify-content: flex-end;
}
.sr-title {
font-size: clamp(28px, 9vw, 42px);
margin-bottom: 12px;
}
.sr-sub {
font-size: 15px;
line-height: 1.5;
margin-bottom: 18px;
max-width: 100%;
}
.sr-cta-row {
gap: 10px;
}
.sr-btn {
width: 100%;
min-height: 44px;
}
.sr-hero-nav {
margin-top: 18px;
}
}
@container hero-collage (max-width: 1180px) {
.sr-collage { --sr-gap: 14px; }
.sr-wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr) minmax(0, 1fr); }
.sr-tile-content-inner,
.sr-hero-content,
.sr-card-inner { padding: 22px; }
.sr-title { font-size: clamp(26px, 3vw, 44px); }
.sr-ct__heading { font-size: clamp(1.35rem, 2vw, 1.8rem); }
.sr-ct__text {
margin-bottom: 16px;
font-size: 14px;
line-height: 1.45;
display: -webkit-box;
line-clamp: 5;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
.sr-ct__icons { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sr-ct__icon-link {
min-height: 72px;
padding: 8px 8px 10px;
}
.sr-ct__icon-badge i,
.sr-ct__icon-badge .sr-ct__icon-svg { font-size: 16px; }
.sr-ct__icon-badge svg { width: 16px; height: 16px; }
.sr-ct__icon-label { font-size: 11px; }
.sr-ct__icon-arrow { font-size: 12px; }
}
@container hero-collage (max-width: 980px) {
.sr-tile-content-inner,
.sr-hero-content,
.sr-card-inner { padding: 20px; }
.sr-wrap { grid-template-columns: minmax(0, .95fr) minmax(0, 1.6fr) minmax(0, .95fr); }
.sr-ct__heading {
font-size: clamp(1.25rem, 1.8vw, 1.6rem);
}
.sr-ct__text {
font-size: 13px;
line-height: 1.4;
line-clamp: 4;
-webkit-line-clamp: 4;
}
.sr-ct__icons { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sr-ct__icon-link {
min-height: 66px;
padding: 8px 6px 8px;
}
.sr-ct__icon-badge i,
.sr-ct__icon-badge .sr-ct__icon-svg { font-size: 14px; }
.sr-ct__icon-badge svg { width: 14px; height: 14px; }
.sr-ct__icon-label { font-size: 10px; }
.sr-ct__icon-arrow { font-size: 11px; }
}
@container hero-collage (max-width: 767px) {
.sr-collage {
padding: 0;
overflow: hidden;
}
.sr-wrap {
height: auto;
min-height: 0;
display: block;
}
.sr-left-top,
.sr-left-bottom,
.sr-right-top,
.sr-card {
display: none;
}
.sr-hero {
min-height: clamp(460px, 86svh, 720px);
}
.sr-hero-bg::after,
.sr-hero-bg-overlay {
background:
linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.06) 28%, rgba(255,255,255,.84) 100%),
linear-gradient(0deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.36) 54%, rgba(255,255,255,.08) 100%);
}
.sr-hero-content {
max-width: none;
padding: 28px 18px 22px;
justify-content: flex-end;
}
.sr-title {
font-size: clamp(2rem, 10vw, 2.75rem);
line-height: 1.02;
margin-bottom: 10px;
}
.sr-sub {
font-size: 14px;
line-height: 1.5;
margin-bottom: 16px;
max-width: 100%;
}
.sr-cta-row {
gap: 10px;
margin-top: 0;
}
.sr-btn {
width: 100%;
min-height: 46px;
padding: 0 16px;
}
.sr-hero-nav {
margin-top: 14px;
justify-content: flex-start;
}
.sr-arrow {
width: 40px;
height: 40px;
font-size: 18px;
}
} @media (prefers-reduced-motion: reduce) {
.sr-bg    { transition: none !important; }
.sr-fade  { animation: none !important; }
}.bsh-terms {
--terms-blue: #4283c4;
--terms-hover: #1b3a61;
--terms-text: #000;
--terms-muted: rgba(0, 0, 0, .78);
--terms-border: rgba(15, 23, 42, .14);
max-width: 1600px;
margin: 0 auto;
padding: 48px 32px;
color: var(--terms-text);
background: #f4f7fb;
}
.bsh-terms,
.bsh-terms *,
.bsh-terms *::before,
.bsh-terms *::after {
box-sizing: border-box;
}
.bsh-terms__head {
margin-bottom: 16px;
}
.bsh-terms__title {
margin: 0 0 10px;
font-size: clamp(24px, 2.3vw, 36px);
line-height: 1.14;
font-weight: 500;
}
.bsh-terms__intro {
margin: 0;
max-width: 72ch;
line-height: 1.55;
color: var(--terms-muted);
}
.bsh-terms__feature {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 0;
border: 0;
margin: 0 0 14px;
background: #fff;
}
.bsh-terms__feature-media {
min-height: 260px;
}
.bsh-terms__feature-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.bsh-terms__feature-body {
padding: 16px;
display: flex;
flex-direction: column;
justify-content: center;
}
.bsh-terms__meta {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
font-size: 13px;
}
.bsh-terms__pill {
display: inline-flex;
align-items: center;
padding: 4px 10px;
background: rgba(66, 131, 196, .10);
color: var(--terms-blue);
border: 1px solid rgba(66, 131, 196, .24);
font-size: 12px;
}
.bsh-terms__feature-title {
margin: 0 0 10px;
font-size: clamp(20px, 1.7vw, 28px);
line-height: 1.2;
font-weight: 500;
}
.bsh-terms__feature-text {
margin: 0 0 12px;
line-height: 1.55;
color: var(--terms-muted);
}
.bsh-terms__details {
margin: 0 0 14px;
}
.bsh-terms__details-row {
display: grid;
grid-template-columns: 86px 1fr;
gap: 8px;
padding: 5px 0;
border-bottom: 1px dashed rgba(15, 23, 42, .14);
}
.bsh-terms__details-row:last-child {
border-bottom: 0;
}
.bsh-terms__details dt {
font-size: 13px;
color: var(--terms-muted);
}
.bsh-terms__details dd {
margin: 0;
font-size: 13px;
}
.bsh-terms__cta {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.bsh-terms__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 14px;
border: 1px solid transparent;
text-decoration: none;
font-size: 14px;
font-weight: 400;
transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
.bsh-terms__btn--primary {
background: var(--terms-blue);
color: #fff;
}
.bsh-terms__btn--ghost {
background: #fff;
border-color: rgba(66, 131, 196, .35);
color: var(--terms-blue);
}
.bsh-terms__btn--primary:hover,
.bsh-terms__btn--primary:focus-visible {
background: var(--terms-hover);
color: #fff;
}
.bsh-terms__btn--ghost:hover,
.bsh-terms__btn--ghost:focus-visible {
background: #fff;
border-color: var(--terms-hover);
color: var(--terms-hover);
}
.bsh-terms__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.bsh-terms__all {
display: flex;
justify-content: center;
margin-top: 40px;
}
.bsh-terms__all-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 36px;
font-size: 15px;
font-weight: 600;
border: none;
cursor: pointer;
text-decoration: none;
background: #eb6a05;
color: #fff;
border-radius: 50px 0 50px 0;
font-family: inherit;
transition: border-radius .35s ease, background .25s ease;
}
.bsh-terms__all-btn:hover,
.bsh-terms__all-btn:focus-visible {
border-radius: 0 50px 0 50px;
background: #1b3a61;
color: #fff;
}
.bsh-terms__card {
border: 0;
background: #fff;
}
.bsh-terms__card-link {
display: block;
text-decoration: none;
color: inherit;
height: 100%;
}
.bsh-terms__card-link--static {
cursor: default;
}
.bsh-terms__card-link:hover .bsh-terms__card-title,
.bsh-terms__card-link:focus-visible .bsh-terms__card-title {
color: var(--terms-hover);
}
.bsh-terms__card-link:hover .bsh-terms__badge,
.bsh-terms__card-link:focus-visible .bsh-terms__badge {
background: var(--terms-hover);
}
.bsh-terms a:hover,
.bsh-terms a:focus-visible {
color: var(--terms-hover);
}
.bsh-terms__card-media {
position: relative;
height: 180px;
background: #111;
}
.bsh-terms__card-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.bsh-terms__badge {
position: absolute;
left: 12px;
bottom: 12px;
background: rgba(0, 0, 0, .62);
color: #fff;
padding: 7px 10px;
font-size: 12px;
letter-spacing: .03em;
}
.bsh-terms__card-body {
padding: 12px;
}
.bsh-terms__card-title {
margin: 0 0 8px;
font-size: 17px;
line-height: 1.3;
font-weight: 500;
}
.bsh-terms__card-text {
margin: 0 0 10px;
color: var(--terms-muted);
font-size: 14px;
line-height: 1.5;
}
.bsh-terms__card-meta {
display: flex;
flex-direction: column;
gap: 4px;
font-size: 13px;
color: var(--terms-muted);
}
.bsh-terms__card-cta {
margin-top: 12px;
}
.bsh-terms__card-cta .bsh-terms__btn {
min-height: 0;
padding: 12px 26px;
font-size: 14px;
font-weight: 600;
border: 0;
border-radius: 50px 0 50px 0;
background: #eb6a05;
color: #fff;
transition: border-radius .35s ease, background .25s ease;
}
.bsh-terms__card-cta .bsh-terms__btn:hover,
.bsh-terms__card-cta .bsh-terms__btn:focus-visible {
border-radius: 0 50px 0 50px;
background: #1b3a61;
color: #fff;
}
@media (max-width: 980px) {
.bsh-terms__feature {
grid-template-columns: 1fr;
}
.bsh-terms__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
.bsh-terms {
padding: 32px 18px;
}
.bsh-terms__grid {
grid-template-columns: 1fr;
}
.bsh-terms__feature-media {
min-height: 210px;
}
}.stiftung-projekte-dynamic {
--bs-blue: #4283c4;
--bs-orange: #eb6a05;
--text-dark: #1a1a1a;
position: relative;
padding: 100px 0;
background-color: #f9fafa;
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
overflow: hidden;
}
.dynamic-logo-bg {
position: absolute;
top: 10%;
right: -10%;
width: 40%;
opacity: 0.1;
z-index: 1;
pointer-events: none;
}
.dynamic-logo-bg img {
width: 100%;
height: auto;
display: block;
}
.dynamic-container {
position: relative;
z-index: 2;
width: 100%;
max-width: 1600px;
margin: 0 auto;
padding: 0 32px;
}
.sr-overline {
color: var(--bs-orange);
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
display: block;
margin-bottom: 10px;
}
.sr-display-title {
font-size: clamp(28px, 4vw, 42px);
font-weight: 700;
line-height: 1.2;
color: var(--text-dark);
margin: 0 0 16px;
}
.sr-display-subtitle {
font-size: clamp(16px,2vw,20px); font-weight: 400; line-height: 1.5;
margin: 0 0 44px; color: #555;
}
.dot-accent {
color: var(--bs-blue);
}
.dynamic-project-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.dynamic-card {
position: relative;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 50px 0 50px 0;
overflow: hidden;
box-shadow: none;
transition: none;
display: flex;
flex-direction: column;
opacity: 0;
transform: translateY(40px);
}
.dynamic-card-image {
height: 240px;
overflow: hidden;
}
.dynamic-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.sr-deco-badge {
position: absolute;
top: 26px;
right: 24px;
bottom: auto;
left: auto;
background: #eb6a05;
color: var(--badge-icon, #fff);
width: 62px;
height: 62px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
z-index: 10;
text-decoration: none;
isolation: isolate;
}
.sr-deco-badge__core {
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--badge-bg, #eb6a05);
display: inline-flex;
align-items: center;
justify-content: center;
}
.sr-deco-badge__core i,
.sr-deco-badge__core svg {
width: 28px;
height: 28px;
color: var(--badge-icon, #fff);
fill: var(--badge-icon, #fff);
}
.dynamic-card-body {
position: relative;
padding: 40px 30px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.category-tag {
color: var(--bs-orange);
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
margin-bottom: 15px;
display: block;
letter-spacing: 1px;
}
.dynamic-card-body h2 {
font-size: 24px;
margin: 0 0 15px;
color: var(--text-dark);
font-weight: 800;
}
.dynamic-card-body p {
color: #444;
line-height: 1.6;
margin: 0 0 25px;
font-size: 16px;
}
.dynamic-btn {
margin-top: auto;
color: var(--bs-blue);
text-decoration: none;
font-weight: 700;
display: flex;
align-items: center;
gap: 8px;
transition: all 0.3s;
}
.dynamic-btn:hover,
.dynamic-btn:focus-visible {
gap: 12px;
color: var(--bs-orange);
}
.animate-fade-up {
opacity: 0;
transform: translateY(30px);
transition: 1s ease-out;
}
.sr-visible .animate-fade-up,
.sr-visible .animate-card {
opacity: 1;
transform: translateY(0);
}
.sr-visible .animate-card:nth-child(1) {
transition: 0.8s ease-out 0.1s;
}
.sr-visible .animate-card:nth-child(2) {
transition: 0.8s ease-out 0.2s;
}
.sr-visible .animate-card:nth-child(3) {
transition: 0.8s ease-out 0.3s;
}
.sr-visible .animate-card:nth-child(4) {
transition: 0.8s ease-out 0.4s;
}
.sr-visible .animate-card:nth-child(5) {
transition: 0.8s ease-out 0.5s;
}
@media (max-width: 1024px) {
.dynamic-project-grid {
grid-template-columns: repeat(2, 1fr);
gap: 28px;
}
.stiftung-projekte-dynamic {
padding: 80px 0;
}
}
@media (max-width: 768px) {
.dynamic-project-grid {
grid-template-columns: 1fr;
gap: 24px;
}
.stiftung-projekte-dynamic {
padding: 56px 0;
}
.dynamic-container {
width: 100%;
max-width: 1600px;
padding: 0 18px;
}
.dynamic-card-body {
padding: 28px 22px;
}
.sr-display-title {
margin-bottom: 36px;
}
.sr-deco-badge {
width: 46px;
height: 46px;
top: 18px;
right: 16px;
bottom: auto;
left: auto;
}
.sr-deco-badge i,
.sr-deco-badge svg {
width: 20px;
height: 20px;
}
.dynamic-card-image {
height: 220px;
}
}
@media (max-width: 600px) {
.stiftung-projekte-dynamic {
padding: 44px 0;
}
.sr-overline {
font-size: 12px;
margin-bottom: 8px;
}
.sr-display-title {
font-size: 24px;
margin-bottom: 28px;
}
.dynamic-card-body h2 {
font-size: 20px;
}
.dynamic-card-body p {
font-size: 15px;
line-height: 1.65;
margin-bottom: 18px;
}
.dynamic-card-image {
height: 200px;
}
.dynamic-card {
border-radius: 36px 0 36px 0;
}
}.bsh-text-image {
--ti-orange: #eb6a05;
--ti-blue: #4283c4;
--ti-blue-dark: #1b3a61;
--ti-text: #000;
position: relative;
padding: 80px 0;
background: #fff;
overflow: hidden;
}
.bsh-text-image,
.bsh-text-image *,
.bsh-text-image *::before,
.bsh-text-image *::after {
box-sizing: border-box;
}
.text-image-dot-bg {
position: absolute;
inset: 0;
background-image: radial-gradient(var(--ti-orange) 0.8px, transparent 0.8px);
background-size: 8px 8px;
opacity: 0.15;
z-index: 1;
pointer-events: none;
}
.text-image-container {
position: relative;
z-index: 2;
max-width: 1600px;
margin: 0 auto;
padding: 0 32px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.text-image-content {
display: flex;
flex-direction: column;
gap: 20px;
}
.text-image__kicker {
color: var(--ti-orange);
font-weight: 700;
letter-spacing: 0.08em;
font-size: 13px;
text-transform: uppercase;
margin: 0;
}
.text-image__title {
font-size: clamp(28px, 4vw, 42px);
font-weight: 700;
line-height: 1.2;
color: var(--ti-text);
margin: 0;
max-width: 90%;
}
.text-image__body {
color: var(--ti-text);
font-size: 16px;
line-height: 1.75;
max-width: 85%;
}
.text-image__body p {
margin: 0 0 16px;
}
.text-image__body p:last-child {
margin-bottom: 0;
}
.text-image__btn {
display: inline-block;
padding: 12px 28px;
background: var(--ti-orange);
color: #fff;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.05em;
white-space: nowrap;
transition: background-color 0.2s ease;
margin-top: 10px;
width: fit-content;
border-radius: 50px 0 50px 0;
}
.text-image__btn:hover,
.text-image__btn:focus {
background: var(--ti-blue-dark);
}
.text-image-image {
position: relative;
overflow: hidden;
height: 450px;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
}
.text-image-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .bsh-text-image--blue {
background: #f4f7fb;
}
@media (max-width: 900px) {
.bsh-text-image {
padding: 60px 0;
}
.text-image-container {
grid-template-columns: 1fr;
gap: 40px;
}
.text-image__title {
max-width: 100%;
}
.text-image__body {
max-width: 100%;
}
.text-image-image {
height: 340px;
}
}
@media (max-width: 600px) {
.bsh-text-image {
padding: 44px 0;
}
.text-image-container {
padding: 0 18px;
gap: 28px;
}
.text-image__title {
font-size: 24px;
}
.text-image__body {
font-size: 15px;
line-height: 1.7;
}
.text-image-image {
height: auto;
aspect-ratio: 4 / 3;
border-top-left-radius: 40%;
border-bottom-right-radius: 40%;
}
.text-image__btn {
padding: 12px 24px;
font-size: 13px;
width: 100%;
text-align: center;
}
.text-image-content {
gap: 16px;
}
}.bsh-engagement-story {
--bsh-es-blue: #4283c4;
--bsh-es-blue-dark: #1b3a61;
--bsh-es-orange: #eb6a05;
--bsh-es-text: #0f1720;
position: relative;
padding: 88px 0;
background: #fff;
overflow: hidden;
}
.bsh-engagement-story,
.bsh-engagement-story *,
.bsh-engagement-story *::before,
.bsh-engagement-story *::after {
box-sizing: border-box;
}
.bsh-engagement-story__dots {
position: absolute;
inset: 0;
background-image: radial-gradient(rgb(66 131 196 / 71%) 1px, transparent 1px);
background-size: 9px 9px;
opacity: 0.45;
pointer-events: none;
}
.bsh-engagement-story__container {
position: relative;
z-index: 2;
max-width: 1600px;
margin: 0 auto;
padding: 0 32px;
}
.bsh-engagement-story__grid {
position: relative;
display: grid;
grid-template-columns: 1.05fr 1fr;
gap: 68px;
align-items: start;
}
.bsh-engagement-story__image {
margin: 0;
overflow: hidden;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
}
.bsh-engagement-story__image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.bsh-engagement-story__image--left {
aspect-ratio: 1 / 1;
grid-column: 1;
grid-row: 1;
max-width: 76%;
justify-self: start;
border-top-left-radius: 0;
}
.bsh-engagement-story__bottom {
grid-column: 1;
grid-row: 2;
margin-top: 8px;
max-width: 720px;
}
.bsh-engagement-story__content-top {
grid-column: 2;
grid-row: 1 / span 2;
position: relative;
z-index: 2;
padding-top: 58px;
}
.bsh-engagement-story__kicker {
color: var(--bsh-es-orange);
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.08em;
font-size: 13px;
margin-bottom: 12px;
}
.bsh-engagement-story__title {
margin: 0 0 14px;
color: var(--bsh-es-text);
font-size: clamp(28px, 4vw, 42px);
line-height: 1.2;
font-weight: 700;
max-width: 90%;
}
.bsh-engagement-story__text {
color: var(--bsh-es-text);
font-size: 16px;
line-height: 1.75;
max-width: 85%;
}
.bsh-engagement-story__text p {
margin: 0 0 16px;
}
.bsh-engagement-story__text p:last-child {
margin-bottom: 0;
}
.bsh-engagement-story__image--right {
margin-top: 120px !important;
height: 450px;
}
.bsh-engagement-story__seal {
position: absolute;
left: 45%;
top: 72%;
width: 170px;
height: 170px;
transform: translate(-50%, -50%);
z-index: 3;
pointer-events: none;
}
.bsh-engagement-story__seal svg {
width: 100%;
height: 100%;
display: block;
animation: bshEngagementSpin 15s linear infinite;
}
.bsh-engagement-story__seal text {
fill: #111;
font-size: 18px;
letter-spacing: 2.4px;
text-transform: uppercase;
font-weight: 600;
}
.bsh-engagement-story__text--bottom {
max-width: 100%;
}
.bsh-engagement-story__btn {
display: inline-block;
margin-top: 10px;
padding: 12px 24px;
background: var(--bsh-es-orange);
color: #fff;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 0.08em;
font-weight: 700;
text-decoration: none;
white-space: nowrap;
box-shadow: 0 4px 14px rgba(232, 122, 30, .25);
transition: all 1s ease;
border-top-left-radius: 50px;
border-top-right-radius: 0;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 0;
}
.bsh-engagement-story__btn:hover,
.bsh-engagement-story__btn:focus-visible {
background: var(--bsh-es-blue-dark);
transform: translateY(-2px);
filter: brightness(1.06);
box-shadow: 0 6px 22px rgba(232, 122, 30, .4);
border-top-left-radius: 0;
border-top-right-radius: 50px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 50px;
}
@keyframes bshEngagementSpin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@media (min-width: 2000px) {
.bsh-engagement-story__seal {
top: 55%;
}
}
@media (max-width: 1200px) {
.bsh-engagement-story__grid {
gap: 44px;
}
.bsh-engagement-story__seal {
left: 43%;
top: 71%;
width: 150px;
height: 150px;
}
}
@media (max-width: 960px) {
.bsh-engagement-story {
padding: 64px 0;
}
.bsh-engagement-story__grid {
grid-template-columns: 1fr;
gap: 32px;
}
.bsh-engagement-story__image--left,
.bsh-engagement-story__content-top,
.bsh-engagement-story__bottom {
grid-column: auto;
grid-row: auto;
}
.bsh-engagement-story__content-top {
padding-top: 0;
}
.bsh-engagement-story__image--left {
min-height: 0;
max-width: 100%;
order: 1;
}
.bsh-engagement-story__bottom {
order: 3;
}
.bsh-engagement-story__content-top {
order: 2;
}
.bsh-engagement-story__image--right {
margin-top: 64px !important;
height: 450px;
}
.bsh-engagement-story__seal {
display: none;
}
.bsh-engagement-story__bottom { max-width: none; }
.bsh-engagement-story__text,
.bsh-engagement-story__text--bottom {
max-width: 100%;
}
}
@media (max-width: 600px) {
.bsh-engagement-story {
padding: 44px 0;
}
.bsh-engagement-story__container {
padding: 0 18px;
}
.bsh-engagement-story__grid {
gap: 24px;
}
.bsh-engagement-story__image--left {
aspect-ratio: 4 / 5;
border-top-left-radius: 40%;
border-bottom-right-radius: 40%;
}
.bsh-engagement-story__image--right {
margin-top: 32px !important;
height: 350px;
min-height: 220px;
max-height: 350px;
border-top-left-radius: 40%;
border-bottom-right-radius: 40%;
}
.bsh-engagement-story__title {
font-size: 24px;
max-width: 100%;
}
.bsh-engagement-story__text,
.bsh-engagement-story__text--bottom {
font-size: 15px;
line-height: 1.7;
}
.bsh-engagement-story__btn {
padding: 12px 24px;
font-size: 13px;
width: 100%;
text-align: center;
justify-content: center;
}
}.bsh-projects-collage {
--pc-bg: #f4f7fb;
--pc-text: #0f1720;
--pc-orange: #eb6a05;
--pc-blue-dark: #1b3a61;
background: var(--pc-bg);
padding: 58px 0 64px;
position: relative;
overflow: hidden;
}
.bsh-projects-collage__bg {
position: absolute;
right: -40px;
bottom: -40px;
width: 360px;
height: 360px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: .04;
pointer-events: none;
}
.bsh-projects-collage,
.bsh-projects-collage *,
.bsh-projects-collage *::before,
.bsh-projects-collage *::after {
box-sizing: border-box;
}
.bsh-projects-collage__container {
max-width: 1600px;
margin: 0 auto;
padding: 0 32px;
}
.bsh-projects-collage__head {
max-width: 100%;
}
.bsh-projects-collage__kicker {
color: var(--pc-orange);
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
margin: 0 0 10px;
}
.bsh-projects-collage__title {
margin: 0 0 18px;
font-size: clamp(28px, 4vw, 42px);
line-height: 1.2;
font-weight: 700;
color: var(--pc-text);
}
.bsh-projects-collage__intro {
margin: 0 0 14px;
font-size: 18px;
line-height: 1.72;
color: var(--pc-text);
max-width: 150ch;
}
.bsh-projects-collage__intro:last-of-type {
margin-bottom: 0;
}
.bsh-projects-collage__grid {
margin: 54px 0 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 6px;
}
.bsh-projects-collage__item {
position: relative;
overflow: hidden;
aspect-ratio: 1.25 / 1;
background: #d5d5d5;
}
.bsh-projects-collage__item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.bsh-projects-collage__item--shape-start {
border-top-left-radius: 50%;
}
.bsh-projects-collage__item--shape-end {
border-bottom-right-radius: 50%;
}
.bsh-projects-collage__label {
position: absolute;
left: 16px;
bottom: 16px;
font-size: 16px;
line-height: 1.3;
color: #fff;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
font-weight: 700;
}
a.bsh-projects-collage__item {
text-decoration: none;
color: inherit;
display: block;
}
.bsh-projects-collage__cta-wrap {
margin-top: 34px;
text-align: center;
}
.bsh-projects-collage__cta {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
background: var(--pc-orange);
color: #fff;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
border-top-left-radius: 50px;
border-top-right-radius: 0;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 0;
box-shadow: 0 4px 14px rgba(232, 122, 30, 0.25);
transition: all 1s ease;
}
.bsh-projects-collage__cta:hover,
.bsh-projects-collage__cta:focus-visible {
background: var(--pc-blue-dark);
transform: translateY(-2px);
filter: brightness(1.06);
box-shadow: 0 6px 22px rgba(232, 122, 30, 0.4);
border-top-left-radius: 0;
border-top-right-radius: 50px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 50px;
}
@media (max-width: 1000px) {
.bsh-projects-collage__grid {
max-width: none;
margin-top: 42px;
}
.bsh-projects-collage__title {
font-size: clamp(26px, 4vw, 36px);
}
.bsh-projects-collage__intro {
font-size: 16px;
}
}
@media (max-width: 700px) {
.bsh-projects-collage {
padding: 44px 0 50px;
}
.bsh-projects-collage__container {
padding: 0 18px;
}
.bsh-projects-collage__grid {
grid-template-columns: repeat(2, 1fr);
gap: 8px;
margin-top: 32px;
}
.bsh-projects-collage__item {
aspect-ratio: 1 / 1;
}
.bsh-projects-collage__item--shape-start,
.bsh-projects-collage__item--shape-end {
border-radius: 0;
}
.bsh-projects-collage__title {
font-size: 26px;
}
.bsh-projects-collage__intro {
font-size: 15px;
line-height: 1.65;
}
.bsh-projects-collage__cta {
padding: 12px 24px;
font-size: 13px;
width: 100%;
text-align: center;
justify-content: center;
}
.bsh-projects-collage__label {
font-size: 14px;
left: 12px;
bottom: 12px;
}
}
@media (max-width: 420px) {
.bsh-projects-collage__grid {
grid-template-columns: 1fr;
gap: 10px;
}
.bsh-projects-collage__item {
aspect-ratio: 3 / 2;
}
.bsh-projects-collage__title {
font-size: 24px;
}
}.bsh-newsletter {
--nl-blue: #4283c4;
--nl-blue-dark: #1b3a61;
--nl-orange: #eb6a05;
--nl-text: #000;
--nl-muted: rgba(0, 0, 0, .78);
--nl-border: rgba(0, 0, 0, .10);
position: relative;
padding: 100px 0;
background: var(--light-bg, #f4f7fb);
overflow: hidden;
}
.bsh-newsletter__bg {
position: absolute;
inset: 0;
z-index: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: right -60px bottom -60px;
opacity: .04;
pointer-events: none;
}
.bsh-newsletter__container {
position: relative;
z-index: 1;
max-width: 1600px;
margin: 0 auto;
padding: 0 32px;
}
.bsh-newsletter__wrap {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
padding: 48px;
background: #fff;
}
.bsh-newsletter__content {
padding-right: 0;
}
.bsh-newsletter__kicker {
color: var(--nl-orange);
font-weight: 700;
letter-spacing: .08em;
margin-bottom: 12px;
font-size: 14px;
text-transform: uppercase;
}
.bsh-newsletter__title {
margin: 0 0 14px;
font-size: clamp(32px, 3vw, 42px);
line-height: 1.12;
color: var(--nl-text);
font-weight: 700;
}
.bsh-newsletter__text {
margin: 0;
color: var(--nl-text);
line-height: 1.75;
max-width: 60ch;
font-size: 16px;
}
.bsh-newsletter__form {
display: grid;
gap: 16px;
max-width: 500px;
}
.bsh-newsletter__row {
display: grid;
grid-template-columns: 1fr auto;
gap: 12px;
align-items: center;
}
.bsh-newsletter__input {
width: 100%;
min-height: 50px;
padding: 0 16px;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 0;
font-size: 16px;
color: var(--nl-text);
background: #fff;
outline: none;
transition: border-color 0.2s ease;
}
.bsh-newsletter__input::placeholder {
color: rgba(0, 0, 0, 0.55);
}
.bsh-newsletter__input:focus {
border-color: var(--nl-blue);
}
.bsh-newsletter__btn {
min-height: 50px;
padding: 0 28px;
border: none;
border-radius: 50px 0 50px 0;
background: var(--nl-orange);
color: #fff;
font-weight: 700;
font-size: 15px;
cursor: pointer;
white-space: nowrap;
transition: background-color 0.2s ease;
}
.bsh-newsletter__btn:hover,
.bsh-newsletter__btn:focus-visible {
background: var(--nl-blue-dark);
}
.bsh-newsletter__consent {
display: flex;
gap: 10px;
align-items: flex-start;
color: var(--nl-text);
font-size: 13px;
line-height: 1.6;
}
.bsh-newsletter__consent input {
margin-top: 4px;
width: 18px;
height: 18px;
border-radius: 0;
accent-color: var(--nl-orange);
cursor: pointer;
flex-shrink: 0;
}
.bsh-newsletter__consent a,
.bsh-newsletter__note a {
color: var(--nl-blue-dark);
text-decoration: underline;
text-underline-offset: 2px;
}
.bsh-newsletter__note {
margin: 0;
font-size: 12px;
color: rgba(0, 0, 0, 0.62);
line-height: 1.5;
}
@media (max-width: 900px) {
.bsh-newsletter__wrap {
grid-template-columns: 1fr;
gap: 36px;
}
.bsh-newsletter {
padding: 64px 0;
}
}
@media (max-width: 600px) {
.bsh-newsletter {
padding: 42px 0;
}
.bsh-newsletter__container {
padding: 0 16px;
}
.bsh-newsletter__wrap {
padding: 28px 22px;
gap: 28px;
}
.bsh-newsletter__title {
font-size: 26px;
}
.bsh-newsletter__text {
font-size: 15px;
}
.bsh-newsletter__row {
grid-template-columns: 1fr;
}
.bsh-newsletter__btn {
width: 100%;
min-height: 48px;
}
.bsh-newsletter__form {
max-width: none;
}
.bsh-newsletter__input {
min-height: 48px;
}
} .bsh-newsletter__hp {
position: absolute;
left: -9999px;
top: -9999px;
opacity: 0;
pointer-events: none;
} .bsh-newsletter__msg {
padding: 12px 16px;
font-size: 14px;
line-height: 1.5;
border-radius: 2px;
}
.bsh-newsletter__msg--success {
background: #e8f5e9;
color: #2e7d32;
border-left: 3px solid #2e7d32;
}
.bsh-newsletter__msg--error {
background: #ffebee;
color: #c62828;
border-left: 3px solid #c62828;
}