Tartex Kontakt
<style>
.page-title-wrapper {
display: none;
}
.form.contact label span {
color: #261313;
font-family: 'Open Sans';
font-size: 16px;
}
.form.contact button.action.submit.primary {
background-color: #006330;
font-family: Tartex;
font-size: 32px;
font-weight: 400;
}
.form.contact button.action.submit.primary:hover {
background: #94aa1a;
}
.form.contact .field.note.no-label {
padding-bottom: 20px;
color: #261313;
font-size: 16px;
font-family: 'Open Sans';
}
#maincontent {
padding-top: 0;
}
.store_finder_imagecontainer {
width: 100%;
height: auto;
}
.store_finder_imagecontainer_main {
width: 100%;
}
.store_finder_imagecontainer_main_item {
width: 100%;
height: auto;
margin: 0 auto;
}
.contact_content_container {
max-width: 1096px;
width: auto;
margin: 70px auto 80px;
padding: 0 25px;
}
.contact_content_block {
width: 100%;
gap: 136px;
display: flex;
justify-content: space-between;
}
.contact_mainBlock_content {
max-width: 648px;
width: 100%;
}
.contact_mainBlock_content h1 {
margin: 0 0 16px;
padding: 0;
font-family: 'Tartex';
text-transform: lowercase;
font-weight: 400;
font-size: 52px;
line-height: 52px;
letter-spacing: 0.16px;
color: #2B451D;
}
.contact_mainBlock_content p {
margin: 0;
font-family: 'Open Sans';
font-weight: 400;
font-size: 18px;
line-height: 28px;
text-indent: 0.16px;
color: #261313;
}
.contact_mainBlock_right {
max-width: 392px;
text-align: center;
width: 100%;
float: right;
}
.contact_mainBlock_right h1 {
margin: 0 0 16px;
padding: 0;
font-family: 'Tartex';
text-transform: lowercase;
font-weight: 400;
font-size: 52px;
line-height: 52px;
letter-spacing: 0.16px;
color: #2B451D;
}
.contact_mainBlock_right p {
margin: 0 0 64px;
font-family: 'Open Sans';
font-weight: 400;
font-size: 18px;
line-height: 28px;
text-indent: 0.16px;
color: #261313;
}
@media screen and (max-width: 1024px) {
.store_finder_imagecontainer_main_item {
width: 100%;
height: 300px;
object-fit: cover;
object-position: center;
}
}
@media screen and (max-width: 768px) {
.contact_content_block {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.contact_mainBlock_content {
text-align: center;
max-width: 528px;
}
}
@media screen and (max-width: 468px) {
.store_finder_imagecontainer_main_item {
content: url({{media url=wysiwyg/header_mob_2.webp}});
width: 100%;
}
.contact_mainBlock_content h1, .contact_mainBlock_right h1 {
font-size: 40px;
}
.contact_mainBlock_right p {
margin: 0 0 56px;
}
}
</style>
<div class="store_finder_imagecontainer">
<div class="store_finder_imagecontainer_main">
<img class="store_finder_imagecontainer_main_item" src="{{media url=wysiwyg/header_desk_2.webp}}" alt="">
</div>
</div>
<div class="contact_content_container">
<div class="contact_content_block">
<div class="contact_mainBlock_content">
<div class="contact_mainBlock_title">
<h1>Kontakt</h1>
</div>
<div class="contact_mainBlock_text">
<p>Hast du Fragen rund um Tartex? Wende dich gerne an uns. Wir freuen uns immer von euch zu hören. Also was auch immer du los werden möchtest – Lob, Kritik, Fragen oder Vorschläge – schreib uns einfach an.</p>
</div>
{{block class="Magento\Contact\Block\ContactForm" name="contactForm" template="Magento_Contact::form.phtml"}}
</div>
<div class="contact_mainBlock_right">
<div class="contact_mainBlock_right_title">
<h1>Allgemeine Anfragen</h1>
</div>
<div class="contact_mainBlock_right_text">
<p>Du hast einen Vorschlag, Feedback oder möchtest mehr zu unseren Produkten erfahren? Unseren Kundenservice erreichst ganz einfach per Mail: <strong>info@tartex.de</strong> </p>
</div>
<div class="contact_mainBlock_right_title">
<h1>Ruf uns An</h1>
</div>
<div class="contact_mainBlock_right_text">
<p>Du kannst uns auch gerne anrufen. Unseren Verbraucherservice erreichst du unter folgender Telefon-Nummer (Deutschland): <strong>+49 (0)800 - 000000000</strong></p>
</div>
<div class="contact_mainBlock_right_title">
<h1>Presse Anfragen?</h1>
</div>
<div class="contact_mainBlock_right_text">
<p>Bei Presse-Anfragen kontaktiere uns bitte unter: <strong>kerstin.altmann@fluent.ag</strong></p>
</div>
</div>
</div>
</div>
