.intro-section {
background: linear-gradient(154deg, #2A2A2A 35%, #504000 100%);
padding: 40px;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
text-align: center;
transition: transform 0.3s;
}
.entry-content a
{
color: #ffc809 !important;
}
.intro-section h1 {
font-size: 2.5rem;
margin-bottom: 20px;
color: #fff;
}
.intro-section p {
font-size: 1rem;
margin-bottom: 10px;
color: #fff;
}
.contact-section {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 40px;
gap: 20px;
background: url(‚https://stockwallp.com/wp-content/uploads/2024/10/contact-us-image.jpg‘) no-repeat center center;
background-size: cover;
padding: 30px;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}
.contact-form, .information-section {
flex: 1;
min-width: 300px; /* Minimum width for responsive boxes */
padding: 20px;
background: rgb(0 0 0 / 66%);
backdrop-filter: blur(10px);
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
margin: 10px;
}
.information-section {
display: flex;
flex-direction: column;
justify-content: flex-start;
height: fit-content;
}
.information-section h2 {
font-size: 36px;
margin-bottom: 10px;
color: #fff;
}
.information-section p {
font-size: 1rem;
color: #fff;
}
.information-section i {
color: #FFC809;
margin-right: 8px;
}
.email-box {
display: inline-block;
color: #ffffff;
padding: 5px 20px;
border-radius: 100px;
cursor: pointer;
transition: .2s;
background: rgba(255, 255, 255, .1);
}
.email-box:hover {
background-color: rgb(255 255 255 / 24%);
}
.hidden-email {
display: none;
}
/* Mobile Styles */
@media (max-width: 768px) {
/* Preserve background image under intro-section on mobile */
.mobile-background {
display: block;
background: url(‚https://stockwallp.com/wp-content/uploads/2024/10/contact-us-image.jpg‘) no-repeat center center;
background-size: cover;
height: 200px;
margin-top: 20px;
border-radius: 10px;
}
/* Remove background image for contact-section on mobile */
.contact-section {
background: none; /* Remove background image */
padding: 0;
margin: 0;
box-shadow: none;
}
/* Remove left and right margins for contact-form and information-section on mobile */
.contact-form, .information-section {
margin-left: 0;
margin-right: 0;
flex: 1 1 100%; /* Allow boxes to take full width */
}
/* Ensure boxes have enough spacing and responsiveness */
.contact-form, .information-section {
margin: 0;
background: #222222;
border-radius: 10px;
}
}
Kontaktieren Sie uns
Wir möchten Ihnen ein großartiges Erlebnis bieten und freuen uns deshalb auf Ihr Feedback.
Ihre Rückmeldung hilft uns, Ihnen mehr von den Events, die Sie lieben, und den Service, den Sie erwarten, zu bieten.
function showEmail(element, email) {
const emailSpan = element.nextElementSibling;
emailSpan.style.display = ‚inline‘;
element.style.display = ’none‘;
}