.wp-block-aj-bafa-foerderung.aj-bafa-block {
box-sizing: border-box;
width: 100%;
max-width: none;
margin-top: 40px;
margin-bottom: 40px;
padding: 27px 52px 7px;
overflow: hidden;
background: #003237;
color: #fff;
font-family: inherit;
}
.aj-bafa-block *,
.aj-bafa-block *::before,
.aj-bafa-block *::after {
box-sizing: border-box;
}
.aj-bafa-block__headline {
width: 100%;
max-width: none;
margin: 0 0 30px;
color: #fff;
font-size: clamp(36px, 3.5vw, 54px);
line-height: 1.06;
}
.aj-bafa-block__layout {
display: grid;
grid-template-columns: minmax(0, 1.18fr) minmax(380px, .82fr);
gap: 58px;
align-items: start;
}
.aj-bafa-block__copy {
align-self: start;
}
.aj-bafa-block__lead {
margin: 0 0 25px;
font-size: 20px;
line-height: 1.55;
}
.aj-bafa-block__list {
display: grid;
gap: 11px;
margin: 0 0 30px !important;
padding: 0 !important;
list-style: none !important;
}
.aj-bafa-block__list li {
position: relative;
margin: 0 !important;
padding: 0 0 0 32px !important;
background: none !important;
font-size: 17px;
line-height: 1.42;
list-style: none !important;
}
.aj-bafa-block__list li::before {
content: "✓";
position: absolute;
top: 0;
left: 0;
color: #91ffb9;
font-size: 20px;
font-weight: 900;
}
.aj-bafa-block__cta {
text-decoration: none !important;
color: #000 !important;
background-color: var(--color-gruen);
padding: 8px 16px;
border: 1px solid var(--color-schwarz);
border-radius: 24px;
box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
-webkit-transition: all 0.2s;
transition: all 0.2s;
margin-top: 0.5em;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: normal;
white-space: nowrap;
}
.aj-bafa-block__cta:hover {
color: #000 !important;
background-color: var(--color-weiss) !important;
box-shadow: none;
}
.aj-bafa-block__cta:focus,
.aj-bafa-block__cta:focus-visible {
display: inline-flex;
align-items: center;
justify-content: center;
}
.aj-bafa-block__tiles {
display: grid;
grid-template-columns: repeat(2, 190px);
gap: 14px;
align-self: start;
justify-content: end;
}
.aj-bafa-block__tile {
display: flex;
width: 190px;
aspect-ratio: 1 / 1;
min-width: 0;
overflow: hidden;
padding: 25px;
clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 0 100%);
}
.aj-bafa-block__tile--seal {
align-items: center;
justify-content: center;
padding: 10px;
background: #fff;
}
.aj-bafa-block__tile--seal img {
display: block;
width: 105%;
max-width: none;
height: auto;
max-height: 105%;
object-fit: contain;
}
.aj-bafa-block__tile--rate,
.aj-bafa-block__tile--consultations,
.aj-bafa-block__tile--grant {
flex-direction: column;
justify-content: flex-end;
padding: 18px;
}
.aj-bafa-block__tile--rate {
background: #d6ffe5;
color: #003237;
}
.aj-bafa-block__tile--consultations {
background: #d6ffe5;
color: #003237;
}
.aj-bafa-block__tile--grant {
background: #fff;
color: #003237;
}
.aj-bafa-block__value {
display: block;
margin: 0 0 8px;
font-size: clamp(27px, 2.2vw, 38px);
font-weight: 900;
line-height: 1;
white-space: nowrap;
}
.aj-bafa-block__tile--rate .aj-bafa-block__value {
font-size: 34px;
}
.aj-bafa-block__tile--consultations .aj-bafa-block__value {
max-width: 100%;
font-size: 34px;
line-height: .95;
white-space: normal;
overflow-wrap: normal;
word-break: normal;
hyphens: none;
}
.aj-bafa-block__tile--grant .aj-bafa-block__value {
font-size: 34px;
line-height: .95;
white-space: normal;
overflow-wrap: normal;
word-break: normal;
hyphens: none;
}
.aj-bafa-block__label {
display: block;
font-size: 13px;
font-weight: 800;
line-height: 1.25;
text-transform: uppercase;
}
.aj-bafa-block__tile--grant .aj-bafa-block__value {
color: #003237;
}
.aj-bafa-block__note {
display: none !important;
}
@media (max-width: 980px) {
.wp-block-aj-bafa-foerderung.aj-bafa-block {
padding: 42px;
}
.aj-bafa-block__layout {
grid-template-columns: minmax(0, 1fr);
gap: 38px;
}
.aj-bafa-block__copy,
.aj-bafa-block__tiles {
width: 100%;
min-width: 0;
}
.aj-bafa-block__tiles {
justify-content: start;
}
} @media (min-width: 768px) {
.wp-block-columns.has-background .wp-block-aj-bafa-foerderung.aj-bafa-block {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 600px) {
.wp-block-aj-bafa-foerderung.aj-bafa-block {
padding: 32px 24px;
}
.aj-bafa-block__headline {
font-size: clamp(28px, 9vw, 34px);
overflow-wrap: break-word;
}
.aj-bafa-block__lead {
font-size: 18px;
}
.aj-bafa-block__layout {
gap: 32px;
}
.aj-bafa-block__cta {
max-width: 100%;
min-height: 48px;
padding: 8px 14px;
line-height: 1.3;
text-align: center;
white-space: normal;
}
.aj-bafa-block__tiles {
width: 100%;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
justify-content: stretch;
}
.aj-bafa-block__tile {
width: 100%;
max-width: none;
padding: 12px;
clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
}
.aj-bafa-block__tile--seal {
padding: 8px;
}
.aj-bafa-block__tile--rate,
.aj-bafa-block__tile--consultations,
.aj-bafa-block__tile--grant {
padding: 12px;
}
.aj-bafa-block__value,
.aj-bafa-block__tile--rate .aj-bafa-block__value,
.aj-bafa-block__tile--consultations .aj-bafa-block__value,
.aj-bafa-block__tile--grant .aj-bafa-block__value {
font-size: clamp(22px, 7.2vw, 28px);
}
.aj-bafa-block__label {
font-size: 11px;
overflow-wrap: normal;
word-break: normal;
hyphens: none;
}
}