.wp-block-aj-kennzahlen.aj-stats-block {
--aj-stats-dark: var(--color-schwarz, #003237);
--aj-stats-mint: var(--color-gruen, #91ffb9);
--aj-stats-white: var(--color-weiss, #fff);
box-sizing: border-box;
width: 100%;
max-width: none;
margin: 0 0 40px;
padding: clamp(10px, 1.4vw, 18px) clamp(22px, 4vw, 56px) clamp(34px, 4.5vw, 64px);
background: var(--aj-stats-white);
color: var(--aj-stats-dark);
font-family: Chivo, Arial, sans-serif;
}
.aj-stats-block *,
.aj-stats-block *::before,
.aj-stats-block *::after {
box-sizing: border-box;
}
.aj-stats-block__list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
width: 100%;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.aj-stats-block__item {
display: flex;
flex-direction: column;
justify-content: flex-start;
min-width: 0;
min-height: 160px;
margin: 0 !important;
padding: 8px clamp(18px, 2.5vw, 38px) !important;
background: transparent !important;
list-style: none !important;
}
.aj-stats-block__item:first-child {
padding-inline-start: 0 !important;
}
.aj-stats-block__item + .aj-stats-block__item {
border-inline-start: 1px solid rgba(0, 50, 55, .28);
}
.aj-stats-block__value {
display: block;
margin: 0 0 14px;
color: var(--aj-stats-dark);
font-size: clamp(48px, 5vw, 76px);
font-weight: 900;
line-height: 1;
white-space: nowrap;
}
.aj-stats-block__label {
display: block;
max-width: 18ch;
color: var(--aj-stats-dark);
font-size: clamp(17px, 1.45vw, 21px);
font-weight: 600;
line-height: 1.35;
overflow-wrap: break-word;
}
@media (max-width: 900px) {
.aj-stats-block__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.aj-stats-block__item {
min-height: 150px;
padding: 26px !important;
}
.aj-stats-block__item:first-child,
.aj-stats-block__item:nth-child(3) {
padding-inline-start: 0 !important;
}
.aj-stats-block__item:nth-child(3) {
border-inline-start: 0;
}
.aj-stats-block__item:nth-child(n + 3) {
border-top: 1px solid rgba(0, 50, 55, .28);
}
}
@media (max-width: 520px) {
.wp-block-aj-kennzahlen.aj-stats-block {
padding: 12px 24px 30px;
}
.aj-stats-block__list {
grid-template-columns: minmax(0, 1fr);
}
.aj-stats-block__item,
.aj-stats-block__item:first-child,
.aj-stats-block__item:nth-child(3) {
min-height: 0;
padding: 26px 0 !important;
border-inline-start: 0;
}
.aj-stats-block__item:first-child {
padding-top: 0 !important;
}
.aj-stats-block__item:last-child {
padding-bottom: 0 !important;
}
.aj-stats-block__item + .aj-stats-block__item {
border-inline-start: 0;
border-top: 1px solid rgba(0, 50, 55, .28);
}
.aj-stats-block__value {
font-size: clamp(46px, 18vw, 66px);
}
.aj-stats-block__label {
max-width: none;
}
}
@media (forced-colors: active) {
.wp-block-aj-kennzahlen.aj-stats-block {
border: 2px solid CanvasText;
}
.aj-stats-block__value,
.aj-stats-block__label {
color: CanvasText;
}
.aj-stats-block__item + .aj-stats-block__item {
border-color: CanvasText;
}
}