.hs-feature-section {
padding-top: 6rem !important; padding-bottom: 6rem !important;
background-color: #ffffff; }
@media (min-width: 768px) {
.hs-feature-section {
padding-top: 6.5rem; padding-bottom: 6.5rem;
}
} .hs-feature-container {
max-width: 72rem; margin-left: auto;
margin-right: auto;
padding-left: 1rem; padding-right: 1rem;
}
@media (min-width: 640px) {
.hs-feature-container {
padding-left: 1.5rem; padding-right: 1.5rem;
}
} .hs-feature-grid.wp-block-columns {
display: grid;
grid-template-columns: 1fr;
gap: 2rem; align-items: center;
margin: 0 !important;
}
@media (min-width: 768px) {
.hs-feature-grid.wp-block-columns {
grid-template-columns: repeat(2, 1fr);
gap: 2.5rem; }
} .hs-feature-grid.wp-block-columns .wp-block-column {
margin: 0 !important;
padding: 0 !important;
} .hs-feature-image-column {
display: block;
} .hs-feature-image-wrapper {
position: relative;
z-index: 10;
overflow: visible;
} .hs-feature-image-wrapper::before {
content: '';
position: absolute;
top: 2.5rem; left: -7.5rem; width: 18rem; height: 18rem; z-index: 0;
transform: rotate(-40deg);
display: none;
pointer-events: none;
background-image: url(//tiersein20265924.live-website.com/wp-content/themes/hundeschule-tt5-child/assets/icons/blob-decorative.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media (min-width: 1024px) {
.hs-feature-image-wrapper::before {
display: block;
}
} .hs-feature-image {
margin: 0 !important;
position: relative;
z-index: 10;
max-height: 16rem; height: auto; border-radius: 30px; overflow: hidden;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); display: block;
width: 100%;
}
@media (min-width: 768px) {
.hs-feature-image {
max-height: none; height: 350px; border-radius: 40px; }
}
.hs-feature-image img {
width: 100%;
height: 100%;
max-height: 16rem; object-fit: cover;
display: block;
}
@media (min-width: 768px) {
.hs-feature-image img {
max-height: none; }
} .hs-feature-content-column {
width: 100%;
} .hs-feature-heading {
font-size: 1.5rem; font-weight: 600 !important;
line-height: 1.2;
font-weight: var(--font-weight-medium, 500);
color: var(--foreground, oklch(0.145 0 0));
margin-top: 0;
margin-bottom: 1rem; margin-left: 0;
margin-right: 0;
padding: 0;
}
@media (min-width: 768px) {
.hs-feature-heading {
font-size: 2.25rem; }
} .hs-feature-text {
font-size: 0.875rem; color: var(--muted-foreground, #717182); line-height: 1.75; font-weight: 400;
margin-top: 0;
margin-bottom: 1rem; margin-left: 0;
margin-right: 0;
padding: 0;
}
.hs-feature-text:last-of-type {
margin-bottom: 1.5rem; } .hs-feature-icons-grid.wp-block-columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem; margin-bottom: 1.5rem !important; margin-top: 0 !important;
}
.hs-feature-icons-grid.wp-block-columns .wp-block-column {
margin: 0 !important;
padding: 0 !important;
} .hs-feature-icon-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 1rem;
} .hs-feature-icon-wrapper {
width: 3rem; height: 3rem; background-color: #ffedd5; border-radius: 0.75rem; display: flex;
align-items: center;
justify-content: center;
margin: 0 !important;
padding: 0 !important;
} .hs-feature-icon-wrapper .wp-block-hundeschule-icon-text {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.hs-feature-icon-wrapper .wp-block-hundeschule-icon-text .hs-icon-text {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
gap: 0;
}
.hs-feature-icon-wrapper .wp-block-hundeschule-icon-text .hs-icon-text__icon {
width: 1.5rem; height: 1.5rem; color: #f97316; flex-shrink: 0;
}
.hs-feature-icon-wrapper .wp-block-hundeschule-icon-text .hs-icon-text__icon svg {
width: 100%;
height: 100%;
color: #f97316;
stroke: #f97316;
stroke-width: 2;
}
.hs-feature-icon-wrapper .wp-block-hundeschule-icon-text .hs-icon-text__content {
display: none; } .hs-feature-icon-label {
font-size: 0.85rem; color: #374151; font-weight: 400;
margin: 0;
padding: 0;
line-height: 1.5;
}
@media (min-width: 768px) {
.hs-feature-icon-label {
font-size: 0.95rem;
}
} .hs-feature-button-wrapper {
margin-top: 0;
margin-bottom: 0;
} .hs-feature-button .wp-block-button__link {
padding-left: 1.5rem; padding-right: 1.5rem;
padding-top: 0.625rem; padding-bottom: 0.625rem;
background-color: #f97316; color: #ffffff; border-radius: 9999px; font-size: 0.875rem; font-weight: 400;
text-decoration: none;
transition: background-color 0.2s ease-in-out;
border: none;
cursor: pointer;
display: inline-block;
}
.hs-feature-button .wp-block-button__link:hover,
.hs-feature-button .wp-block-button__link:focus-visible {
background-color: #ea580c; color: #ffffff;
}
.hs-feature-button{
width: 100%;
margin-top: 1rem;
}
@media (min-width: 768px) {
.hs-feature-button {
width: auto;
}
}