.hs-card-section {
padding-top: 6rem; padding-bottom: 6rem;
}
@media (min-width: 768px) {
.hs-card-section {
padding-top: 6.5rem; padding-bottom: 6.5rem;
}
} .hs-card-container {
max-width: 72rem; margin-left: auto;
margin-right: auto;
padding-left: 1rem; padding-right: 1rem;
}
@media (min-width: 640px) {
.hs-card-container {
padding-left: 1.5rem; padding-right: 1.5rem;
}
} .hs-card-header,
.hs-card-header.wp-block-group,
.hs-card-header.is-layout-flow,
.hs-card-header.wp-block-group-is-layout-flow {
width: 100%;
max-width: 100%;
text-align: start;
margin-top: 0 !important;
margin-bottom: 2rem !important; margin-left: 0 !important;
margin-right: 0 !important;
}
@media (min-width: 768px) {
.hs-card-header,
.hs-card-header.wp-block-group,
.hs-card-header.is-layout-flow,
.hs-card-header.wp-block-group-is-layout-flow {
margin-bottom: 2.5rem !important; max-width: 66.666667%; }
} .hs-card-heading {
font-size: 1.5rem; line-height: 1.5;
font-weight: var(--font-weight-medium, 500);
color: var(--foreground, oklch(0.145 0 0));
margin-bottom: 0.5rem; font-weight: 600;
}
@media (min-width: 768px) {
.hs-card-heading {
font-size: 1.875rem; }
}
@media (min-width: 1024px) {
.hs-card-heading {
font-size: 2.25rem; }
} .hs-card-intro {
color: var(--muted-foreground, #717182); line-height: 1.5;
font-size: 0.875rem; font-weight: 400;
}
@media (min-width: 768px) {
.hs-card-intro {
font-size: 0.9rem !important; }
} .hs-card-cards.wp-block-columns {
display: grid;
grid-template-columns: 1fr;
gap: 1rem; }
@media (min-width: 640px) {
.hs-card-cards.wp-block-columns {
grid-template-columns: repeat(2, 1fr);
gap: 1rem; }
}
@media (min-width: 768px) {
.hs-card-cards.wp-block-columns {
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem; }
} .hs-card-cards.wp-block-columns {
margin: 0 !important;
} .hs-card-cards.wp-block-columns .wp-block-column:not(.hs-card-card) {
margin: 0 !important;
padding: 0 !important;
} .hs-card-cards.wp-block-columns .wp-block-column.hs-card-card,
.hs-card-card.wp-block-column,
.hs-card-card {
background-color: var(--background, #ffffff);
border: 2px solid #fed7aa; border-radius: 1.5rem; padding: 1.5rem !important; transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
margin: 0 !important;
box-sizing: border-box;
position: relative;
} .hs-card-card.wp-block-column[style*="padding"],
.hs-card-card[style*="padding"] {
padding: 1.5rem !important;
} .hs-card-cards.wp-block-columns .wp-block-column.hs-card-card:hover,
.hs-card-card.wp-block-column:hover,
.hs-card-card:hover {
border-color: #fed7aa !important; background-color: #fff7ed; transition: 0.125s;
.hs-card-icon-orange {
background: #f97316; transition: 0.5s;
}
.hs-card-icon-yellow-orange {
background: #f97316; transition: 0.5s;
}
.hs-card-icon-orange-yellow {
background: #f97316; transition: 0.5s;
}
.hs-card-icon .wp-block-hundeschule-icon-text .hs-icon-text__icon {
color: #fff; transition: 0.5s;
}
.hs-card-icon .wp-block-hundeschule-icon-text .hs-icon-text__icon svg {
color: #fff;
stroke: #fff;
transition: 0.5s;
} .hs-card-icon .wp-block-hundeschule-icon-text .hs-icon-text__icon svg[fill="currentColor"] {
fill: #fff;
transition: 0.5s;
}
} .hs-card-card .hs-card-icon.wp-block-group,
.hs-card-card .hs-card-icon,
.hs-card-icon.wp-block-group,
.hs-card-icon {
width: 2.25rem; height: 2.25rem; border-radius: 0.875rem; display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
margin-bottom: 0rem; margin-left: 0;
margin-right: 0;
padding: 0 !important;
box-sizing: border-box;
}
.hs-card-icon.wp-block-group .wp-block-group__inner-container {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
} .hs-card-icon-orange {
background: #ffedd5; }
.hs-card-icon-yellow-orange {
background: #ffedd5; }
.hs-card-icon-orange-yellow {
background: #ffedd5; } .hs-card-icon-svg {
width: 1.5rem; height: 1.5rem; color: #f97316; } .hs-card-icon .wp-block-hundeschule-icon-text {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.hs-card-icon .wp-block-hundeschule-icon-text .hs-icon-text {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
gap: 0;
}
.hs-card-icon .wp-block-hundeschule-icon-text .hs-icon-text__icon {
width: 1.35rem;
height: 1.35rem;
color: #f97316; flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
}
.hs-card-icon .wp-block-hundeschule-icon-text .hs-icon-text__icon svg {
width: 100%;
height: 100%;
color: #f97316;
stroke: #f97316;
fill: none; * {
stroke-width: 1.5px;
}
} .hs-card-icon .wp-block-hundeschule-icon-text .hs-icon-text__icon svg[fill="currentColor"] {
fill: #f97316;
}
.hs-card-icon .wp-block-hundeschule-icon-text .hs-icon-text__content {
display: none; } .hs-card-card .hs-card-title,
.hs-card-title {
font-size: 1.125rem; line-height: 1.5;
margin-top: 0;
margin-bottom: 0rem; margin-left: 0;
margin-right: 0;
padding: 0;
font-weight: var(--font-weight-medium, 500);
color: var(--foreground, oklch(0.145 0 0));
} .hs-card-card .hs-card-description,
.hs-card-description {
color: var(--muted-foreground, #717182); margin-top: 0;
margin-bottom: 1rem; margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 0.875rem !important; font-weight: 500;
line-height: 1.5;
} .hs-card-card .hs-card-list.wp-block-list,
.hs-card-list.wp-block-list {
list-style: none;
padding: 0 !important;
margin: 0 !important;
display: flex;
flex-direction: column;
gap: 0.25rem; } .hs-card-card .hs-card-list.wp-block-list > li,
.hs-card-list.wp-block-list > li {
display: flex;
align-items: center;
gap: 0.5rem; font-size: 0.85rem;
color: #374151; line-height: 1.5;
font-weight: 400;
position: relative;
padding-left: 1.5rem; margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-right: 0 !important;
} .hs-card-list.wp-block-list > li::before {
content: '';
position: absolute;
left: 0;
width: 0.875rem; height: 0.875rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
flex-shrink: 0;
} .hs-card-card .hs-card-button-wrapper {
margin-top: 1rem !important;
margin-bottom: 0 !important;
} .hs-card-card .hs-card-button-wrapper.wp-block-buttons {
margin-top: 1.5rem !important;
margin-bottom: 0 !important;
} .hs-card-card .hs-card-details-link.wp-block-button {
margin: 0 !important;
padding: 0 !important;
} .hs-card-card .hs-card-details-link .wp-block-button__link {
display: inline-flex !important;
align-items: center !important;
gap: 0.375rem !important; font-size: 0.875rem !important; color: #f97316 !important; text-decoration: none !important;
position: relative !important;
transition: color 0.2s ease !important;
background: none !important;
border: none !important;
padding: 0 !important;
box-shadow: none !important;
}
.hs-card-card .hs-card-details-link .wp-block-button__link:hover {
color: #ea580c !important; text-decoration: none !important;
background: none !important;
box-shadow: none !important;
}
.hs-card-card .hs-card-details-icon {
width: 0.875rem !important; height: 0.875rem !important; transition: transform 0.2s ease !important;
flex-shrink: 0 !important;
}
.hs-card-card .hs-card-details-link .wp-block-button__link:hover .hs-card-details-icon {
transform: translateX(0.25rem) !important; }
.hs-card-card .hs-card-details-underline {
position: absolute !important;
bottom: -2px !important;
left: 0 !important;
width: 0 !important;
height: 0.1rem !important; background-color: #f97316 !important; transition: width 0.3s ease !important;
}
.hs-card-card .hs-card-details-link .wp-block-button__link:hover .hs-card-details-underline {
width: 100% !important;
}