.hs-contact-hero,
.hs-contact-hero.wp-block-group,
.hs-contact-hero.alignfull {
position: relative;
padding-top: 6rem !important; padding-bottom: 4rem !important; background: linear-gradient(to bottom right, #fff7ed, #fefce8, #ffffff) !important; overflow: hidden;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: auto !important;
}
@media (min-width: 768px) {
.hs-contact-hero {
padding-top: 10rem; padding-bottom: 5rem; }
} .hs-contact-hero::before {
content: '';
position: absolute;
top: 2.5rem; right: 2.5rem; width: 20rem; height: 20rem; z-index: 0;
opacity: 0.6;
display: none;
pointer-events: none;
color: #ffedd5; background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path fill="%23ffedd5" d="M43.3,-73.6C55.9,-66.2,66.3,-54.5,73.1,-40.9C79.9,-27.3,83.1,-11.8,82.6,3.7C82.1,19.2,78,34.7,69.8,47.8C61.6,60.9,49.3,71.6,35.2,77.4C21.1,83.2,5.2,84.1,-10.5,82.3C-26.2,80.5,-41.7,76,-54.8,67.8C-67.9,59.6,-78.6,47.7,-84.2,33.9C-89.8,20.1,-90.3,4.4,-86.9,-10.2C-83.5,-24.8,-76.2,-38.3,-65.7,-48.9C-55.2,-59.5,-41.5,-67.2,-27.2,-73.8C-12.9,-80.4,2,-86,17.4,-86.9C32.8,-87.8,30.7,-81,43.3,-73.6Z" transform="translate(100 100)"/></svg>');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media (min-width: 768px) {
.hs-contact-hero::before {
display: block;
}
} .hs-contact-hero-container {
max-width: 64rem; margin-left: auto;
margin-right: auto;
padding-left: 1rem; padding-right: 1rem;
position: relative;
z-index: 10;
}
@media (min-width: 640px) {
.hs-contact-hero-container {
padding-left: 1.5rem; padding-right: 1.5rem;
}
} .hs-contact-hero-content {
text-align: center;
position: relative;
z-index: 10;
} .hs-contact-badge {
display: inline-block;
padding: 0.375rem 0.75rem; background-color: #ffedd5; color: #ea580c; border-radius: 9999px; font-size: 0.75rem; margin-bottom: 1rem; font-weight: 500;
} .hs-contact-hero-title {
font-size: 1.875rem; line-height: 1.25; margin-bottom: 1rem; font-weight: 600;
color: #1f2937; }
@media (min-width: 768px) {
.hs-contact-hero-title {
font-size: 2.25rem; }
}
@media (min-width: 1024px) {
.hs-contact-hero-title {
font-size: 3rem; }
}
.hs-contact-hero-title-highlight {
color: #f97316; } .hs-contact-hero-subtitle {
font-size: 1rem; color: #4b5563; max-width: 42rem; margin-left: auto;
margin-right: auto;
line-height: 1.5;
}
@media (min-width: 768px) {
.hs-contact-hero-subtitle {
font-size: 1.125rem; }
} .hs-contact-cards-section,
.hs-contact-cards-section.wp-block-group,
.hs-contact-cards-section.alignfull {
padding-top: 3rem !important; padding-bottom: 4rem !important; background-color: #ffffff !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 100% !important;
}
@media (min-width: 768px) {
.hs-contact-cards-section {
padding-top: 4rem; padding-bottom: 4rem;
}
} .hs-contact-cards-container {
max-width: 72rem; margin-left: auto;
margin-right: auto;
padding-left: 1rem; padding-right: 1rem;
}
@media (min-width: 640px) {
.hs-contact-cards-container {
padding-left: 1.5rem; padding-right: 1.5rem;
}
} .hs-contact-grid.wp-block-columns {
display: grid;
grid-template-columns: 1fr;
gap: 2rem; align-items: start;
margin: 0 !important;
}
@media (min-width: 768px) {
.hs-contact-grid.wp-block-columns {
grid-template-columns: repeat(2, 1fr);
gap: 3rem; }
} .hs-contact-grid.wp-block-columns .wp-block-column {
margin: 0 !important;
padding: 0 !important;
} .hs-contact-image-column {
display: block;
} .hs-contact-image {
margin: 0 !important;
position: relative;
height: 350px; border-radius: 40px; overflow: hidden;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); max-height: 15rem;
}
.hs-contact-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media (min-width: 768px) {
.hs-contact-image {
height: 450px; }
}
@media (min-width: 1024px) {
.hs-contact-image {
height: 500px; max-height: none;
}
} .hs-contact-details-column {
width: 100%;
} .hs-contact-details-title {
font-size: 1.5rem; line-height: 1.3;
margin-bottom: 1.5rem; font-weight: 600;
color: #1f2937; }
@media (min-width: 768px) {
.hs-contact-details-title {
font-size: 1.875rem; }
} .hs-contact-details-wrapper {
display: flex;
flex-direction: column;
gap: 0rem; } .hs-contact-details-list {
display: flex;
flex-direction: column;
gap: 0rem; margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
} .hs-contact-card {
border: 2px solid #f3f4f6; border-radius: 24px; padding: 1.5rem; transition: border-color 0.2s ease;
background-color: #ffffff;
margin-left: 0 !important;
margin-right: 0 !important;
}
.hs-contact-card:hover {
border-color: #fed7aa; } .hs-contact-card-header {
display: flex;
align-items: center;
gap: 0.75rem; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #f3f4f6; } .hs-contact-card-icon {
width: 2.5rem; height: 2.5rem; background-color: #f97316; border-radius: 0.75rem; display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin: 0 !important;
padding: 0 !important;
stroke-width: 1.5px;
}
.hs-contact-card-icon .wp-block-hundeschule-icon-text {
margin: 0 !important;
padding: 0 !important;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.hs-contact-card-icon .hs-icon-text {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
gap: 0;
}
.hs-contact-card-icon .hs-icon-text__icon {
width: 1.5rem; height: 1.5rem; color: #ffffff;
flex-shrink: 0;
}
.hs-contact-card-icon .hs-icon-text__icon svg {
width: 100%;
height: 100%;
color: #ffffff;
stroke: #ffffff;
fill: none;
}
.hs-contact-card-icon .hs-icon-text__content {
display: none; } .hs-contact-card-title {
font-size: 1rem; font-weight: 500;
color: #1f2937; margin: 0;
} .hs-contact-card-content {
display: flex;
flex-direction: column;
gap: 0.625rem; } .hs-contact-hours-row {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.875rem; width: 100%;
justify-content: space-between;
}
.hs-contact-hours-label {
color: #4b5563; font-weight: 400;
}
.hs-contact-hours-value {
font-weight: 500;
color: #1f2937; } .hs-contact-address-text {
font-size: 0.875rem; color: #4b5563; line-height: 1.75; margin-bottom: 0 !important; margin-top: 0;
white-space: pre-line; font-weight: 400;
} .hs-contact-route-link {
display: inline-flex;
align-items: center;
gap: 0.375rem; font-size: 0.875rem; color: #f97316; text-decoration: none;
transition: color 0.2s ease;
}
.hs-contact-route-link:hover {
color: #ea580c; text-decoration: none;
}
.hs-contact-route-icon {
width: 0.875rem; height: 0.875rem; transition: transform 0.2s ease;
}
.hs-contact-route-link:hover .hs-contact-route-icon {
transform: translateX(0.25rem); } .hs-contact-cta-buttons {
display: flex;
flex-direction: column;
gap: 0.75rem; margin-top: 2rem; }
@media (min-width: 640px) {
.hs-contact-cta-buttons {
flex-direction: row;
}
} .hs-contact-cta-button {
margin: 0 !important;
flex: 1;
width: 100%;
}
.hs-contact-cta-button .wp-block-button__link {
padding: 0.75rem 1.5rem !important; border-radius: 9999px !important; font-size: 0.875rem !important; font-weight: 500 !important;
text-align: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0.5rem !important; transition: all 0.2s ease !important;
text-decoration: none !important;
}
.hs-contact-cta-button .wp-block-button__link:hover {
transform: scale(1.05) !important;
} .hs-contact-cta-button-email .wp-block-button__link {
background-color: #f97316 !important; color: #ffffff !important;
}
.hs-contact-cta-button-email .wp-block-button__link:hover {
background-color: #ea580c !important; } .hs-contact-cta-button-whatsapp .wp-block-button__link {
background-color: #ffffff !important;
border: 2px solid #e5e7eb !important; color: #374151 !important; }
.hs-contact-cta-button-whatsapp .wp-block-button__link:hover {
border-color: #f97316 !important; color: #f97316 !important; } .hs-contact-cta-icon {
width: 1rem; height: 1rem; flex-shrink: 0;
} .hs-contact-info-notice {
margin-top: 0;
margin-bottom: 0;
}