.combo-icon {
display: block;
flex-shrink: 0;
color: var(--color-blue-light);
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
}
.combo-steps__title {
-webkit-hyphens: none;
hyphens: none;
}
@media (max-width: 767.98px) {
.combo-hero__call {
white-space: normal;
}
}
@media (min-width: 1024px) and (max-width: 1151.98px) {
.combo-hero .city-hero__grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 0.42fr);
}
.combo-hero .city-map__area {
stroke-width: 3.3;
}
}
.combo-fields__icon {
width: 2.75rem;
height: 2.75rem;
stroke-width: 0.95;
margin-bottom: var(--space-3);
}
.combo-fields .city-fields__item {
display: grid;
align-content: start;
padding: var(--space-6);
border-radius: var(--radius-xl);
border: 1px solid rgb(1 1 1 / 0.07);
background-color: var(--color-white);
box-shadow: 0 18px 48px rgb(1 1 1 / 0.07), 0 2px 6px rgb(1 1 1 / 0.04);
}
.combo-fields .section__intro {
text-align: center;
}
.combo-fields .section__intro h2 {
max-width: 34ch;
margin-inline: auto;
text-wrap: balance;
}
.combo-fields .section__intro > p {
margin-inline: auto;
}
@media (min-width: 1100px) {
.combo-fields .city-fields__list {
grid-template-columns: none;
grid-auto-flow: column;
grid-auto-columns: minmax(0, 1fr);
column-gap: var(--space-6);
}
.combo-fields .city-fields__item--wide {
grid-column: auto;
}
}
.combo-steps .service-konzept__steps {
margin-bottom: 0;
}
.combo-steps__icon {
width: 2.75rem;
height: 2.75rem;
margin-top: var(--space-3);
margin-bottom: var(--space-2);
}
.combo-steps .combo-icon {
stroke-width: 0.95;
color: var(--color-white);
}
.combo-steps__mark {
background-image: linear-gradient(
var(--color-blue-light),
var(--color-blue-light)
);
background-repeat: no-repeat;
background-position: left center;
background-size: calc(var(--mark, 1) * 100%) 100%;
padding-inline: 0.22em;
padding-block: 0.06em;
border-radius: 3px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.combo-steps__title {
font-size: 1.5rem;
font-weight: 500;
line-height: var(--line-height-tight);
margin-bottom: calc(-1 * var(--space-2));
}
@media (min-width: 1100px) {
.combo-why .city-why__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-7) var(--space-6);
}
}
.combo-why .city-why__icon {
width: 2.75rem;
height: 2.75rem;
stroke-width: 0.95;
color: var(--color-blue-light);
margin-bottom: var(--space-6);
}
.combo-why .city-why__item p {
margin-top: var(--space-4);
}
.combo-price .service-price__box {
background-color: var(--color-white);
background-image: none;
border: 1px solid rgb(1 1 1 / 0.06);
box-shadow: var(--shadow-lg);
color: var(--color-gray);
}
.combo-price .service-price__box::after {
content: none;
}
.combo-price .service-price__box-label,
.combo-price .service-price__box-unit,
.combo-price .service-price__box-note {
color: rgb(59 73 86 / 0.8);
}
.combo-price .service-price__box-value {
color: var(--color-logo-black);
}
.combo-price .service-price__box-list {
border-top-color: rgb(1 1 1 / 0.12);
}
.combo-price .service-price__box-list .service-price__tick {
color: var(--color-blue-light);
}
@media (min-width: 900px) {
.combo-price .service-price__intro {
grid-row: 1 / -1;
align-self: center;
}
}
.combo-conversion__phone {
display: inline-block;
padding-block: 0.6rem;
font-weight: 500;
white-space: nowrap;
}
@media (min-width: 768px) {
.combo-related .service-related__cols {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 359.98px) {
.combo-hero .city-hero__content h1 {
-webkit-hyphens: auto;
hyphens: auto;
}
.combo-hero .city-hero__grid > * {
min-width: 0;
}
}