.home .hintergrund{
max-width: 85%;
}
.hintergrund {
margin: 0 auto;
border-radius: 30px;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
aspect-ratio: 1650 / 600 !important;
}
.page-section .hitergrund-breit {
width: 100vw;
}
.hintergrund span{
background-color: transparent !important;
}
.hintergrund {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.hintergrund .page-section--center {
max-width: none;
}
.hintergrund .page-section--center .section-kicker{
color: #00597b;
margin-bottom: 0px;
font-weight: 500;
font-size: 20.5px;
}
.hintergrund .page-section--center h2{
color: #575656;
font-size: 50px;
font-weight: 700;
margin: 0 auto;
}
.hintergrund .page-section--center .section-subtitle{
font-weight: 500;
font-size: 22px;
margin: 20px auto 50px;
color: #575656;
}
.hintergrund .page-section .wp-block-button,
.hintergrund .page-section .wp-block-button a {
margin: 0 auto;
} @media (max-width: 980px) {
.home .hintergrund {
max-width: calc(100% - 48px);
}
.hintergrund {
aspect-ratio: auto !important;
min-height: 420px;
padding: 42px 22px;
border-radius: 22px;
}
.hintergrund .page-section--center {
max-width: calc(100% - 48px);
}
.hintergrund .page-section--center .section-kicker {
font-size: 17px;
}
.hintergrund .page-section--center h2 {
font-size: clamp(2rem, 6vw, 2.8rem);
line-height: 1.1;
}
.hintergrund .page-section--center .section-subtitle {
margin: 16px auto 28px;
font-size: 1rem;
line-height: 1.5;
}
}
@media (max-width: 768px) {
.hintergrund {
min-height: 360px;
padding: 34px 18px;
border-radius: 18px;
}
.hintergrund .page-section--center .section-kicker {
font-size: 15px;
}
.hintergrund .page-section--center .section-subtitle {
margin-bottom: 22px;
}
.weltkarte {
min-height: 300px;
}
.weltkarte .content {
padding: 30px 20px;
}
}