Tartex About Us
<style>
.page-title-wrapper {
display: none;
}
#maincontent {
padding-top: 0;
}
.aboutus_imagecontainer {
width: 100%;
height: auto;
}
.aboutus_imagecontainer_main {
width: 100%;
max-width: 100%;
position: relative;
overflow: hidden;
text-align: center;
}
.aboutus_imagecontainer_main_item {
width: 100%;
height: auto;
min-width: 1320px;
margin: 0 auto;
}
.aboutus_imagecontainer_circle {
width: 100%;
}
.aboutus_imagecontainer_circle img {
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%, -50%);
max-width: 385px;
}
.aboutus_imagecontainer_titleImg {
width: 100%;
}
.aboutus_imagecontainer_titleImg img {
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%, -40%);
}
.aboutus_textcontainer {
width: 100%;
padding: 0;
}
.aboutus_main_title {
width: 100%;
text-align: center;
margin: 64px 0 60px;
}
.aboutus_main_title h1 {
margin: 0;
padding: 0;
font-family: 'Tartex';
font-weight: 400;
font-size: 72px;
line-height: 72px;
text-transform: lowercase;
letter-spacing: -0.16px;
color: #2B451D;
}
.aboutus_textblock {
display: flex;
width: auto;
margin: 0 auto;
max-width: 1096px;
padding: 0 10px;
}
.aboutus_textblock_order {
flex-direction: row-reverse;
margin: 48px auto;
}
.aboutus_block_content {
max-width: 536px;
width: 100%;
display: flex;
flex-direction: column;
margin-top: 17px;
}
.aboutus_content_title {
font-family: 'Tartex';
margin: 0;
padding: 0;
font-size: 32px;
color: #2B451D;
letter-spacing: 0.16px;
}
.aboutus_content_title h1 {
margin: 0;
padding: 0;
font-weight: 400;
}
.aboutus_content_text {
font-family: 'Open Sans';
font-size: 18px;
line-height: 28px;
margin: 32px 0 0;
}
.aboutus_content_text p{
margin: 0;
}
#aboutus_content_text_par {
margin-top: 28px;
}
.aboutus_block_image {
width: 100%;
margin-left: 20px;
display: flex;
justify-content: flex-end;
}
.aboutus_block_image_reserve {
justify-content: flex-start;
margin: 0;
}
.aboutus_content_text button {
padding: 0;
background-color: rgba(255, 255, 255, 0);
border: none;
margin-top: 28px;
font-family: 'Open Sans';
font-weight: bold;
font-size: 18px;
line-height: 28px;
color: #2B451D;
cursor: pointer;
text-decoration: underline;
}
.herzen_container {
width: 100%;
max-width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.herzen_content {
display: flex;
align-items: center;
z-index: 1;
}
.herzen_content h1{
margin: 0;
margin-right: -100px;
padding: 0;
font-family: 'Tartex';
font-style: normal;
font-weight: 400;
font-size: 88px;
line-height: 88px;
text-align: center;
letter-spacing: -0.32px;
color: #2B451D;
max-width: 900px;
}
.product_container {
max-width: 1320px;
width: 100%;
margin: 0 auto;
}
.product_block {
width: 100%;
margin: 0;
display: flex;
justify-content: space-between;
gap: 24px;
}
.product_item {
max-width: 424px;
width: 100%;
}
.product_item_photo {
width: 100%;
margin: 0;
text-align: center;
}
.product_item_photo img {
max-width: 320px;
}
.product_item_title {
width: 100%;
margin: 48px 0 32px;
padding: 0;
text-align: center;
font-family: 'Tartex';
font-weight: 400;
font-size: 52px;
line-height: 52px;
letter-spacing: 0.16px;
text-transform: uppercase;
color: #2B451D;
}
.product_item_text {
width: 100%;
margin: 0;
padding: 0;
font-family: 'Open Sans';
font-weight: 400;
font-size: 18px;
line-height: 28px;
text-indent: 0.16px;
color: #2B451D;
}
@media screen and (max-width: 1540px) {
.herzen_content {
padding-left: -50px;
flex-direction: column;
}
.herzen_content h1 {
font-size: 50px;
line-height: 50px;
}
.herzen_left_foto {
margin-right: -100px;
overflow: hidden;
}
.herzen_content h1 {
margin-right: -200px;
max-width: 750px;
}
.herzen_content img{
margin-right: -100px;
}
.aboutus_imagecontainer_circle img {
max-width: 310px;
}
.aboutus_imagecontainer_titleImg img {
max-width: 330px;
}
}
@media screen and (max-width: 1024px) {
.herzen_container {
/* width: auto; */
overflow: hidden;
}
.herzen_left_foto {
margin-left: -50px;
overflow: hidden;
}
.herzen_right_foto {
margin-right: -50px;
overflow: hidden;
}
.herzen_content h1 {
max-width: 600px;
}
.product_block {
flex-wrap: wrap;
justify-content: center;
}
.aboutus_block_image img {
max-width: 400px;
width: 100%;
object-fit: contain;
}
}
@media screen and (max-width: 912px) {
.aboutus_content_title h1 {
font-size: 46px;
}
.aboutus_block_image img{
max-width: 344px;
width: 100%;
height: auto;
object-fit: contain;
}
.herzen_content h1{
max-width: 468px;
}
.herzen_content img{
margin-right: -100px;
}
}
@media screen and (max-width: 768px) {
.aboutus_content_title h1 {
line-height: 60px;
}
.aboutus_textblock {
display: flex;
flex-direction: column-reverse;
align-items: center;
}
.aboutus_block_content {
margin: 0;
}
.aboutus_textblock_order {
margin: 48px 0;
}
.aboutus_content_title h1{
text-align: center;
}
.aboutus_content_text {
text-align: center;
}
.aboutus_block_image {
order: 1;
justify-content: center;
margin: 0;
}
.product_item {
margin: 0 auto;
}
.product_item_photo img{
max-width: 300px;
}
.herzen_container {
margin-top: 80px;
}
.herzen_left_foto {
margin: 0;
}
.herzen_right_foto {
margin: 0;
}
.herzen_left_foto img {
content: url({{media url=wysiwyg/Tartex_Kirschtomate_Rucola_Fruit_1.webp}});
width: 100%;
}
.herzen_right_foto img{
content: url({{media url=wysiwyg/Tartex_Kirschtomate_Rucola_Fruit_2.webp}});
width: 100%;
}
.herzen_content {
margin: 0 -30px;
}
.herzen_content h1{
margin: 0 -30px;
font-size: 52px;
}
.herzen_content img {
content: url({{media url=wysiwyg/Heartshape_green_1.webp}});
margin: 0;
}
}
@media screen and (max-width: 468px) {
.aboutus_imagecontainer_main_item {
content: url({{media url=wysiwyg/header_mob.webp}});
width: 100%;
min-width: auto;
}
.aboutus_imagecontainer_circle img {
content: url({{media url=wysiwyg/Group_54.webp}});
}
.aboutus_imagecontainer_titleImg {
display: none;
}
.aboutus_content_title h1{
text-align: center;
font-size: 40px;
}
.aboutus_main_title {
margin: 50px 0 20px;
}
.aboutus_main_title h1 {
font-size: 52px;
line-height: 52px;
}
.aboutus_block_image img:first-child {
content: url({{media url=wysiwyg/AboutUs_mob_1.webp}});
}
.aboutus_block_image_reserve img:first-child {
content: url({{media url=wysiwyg/AboutUs_mob_2.webp}});
}
.aboutus_block_image_last img:first-child{
content: url({{media url=wysiwyg/AboutUs_mob_3.webp}});
}
.product_block {
width: auto;
margin: 0 24px;
}
.product_item {
margin-top: 48px;
}
.product_item:last-child {
margin-bottom: 124px;
}
.product_item_photo img{
content: url({{media url=wysiwyg/Vector.webp}});
}
.product_item_title {
font-size: 40px;
margin: 32px 0;
}
.product_item_text {
text-align: center;
}
.herzen_content {
margin: 0 auto;
}
.herzen_content h1{
max-width: 253px;
margin: 0 auto;
position: relative;
}
.herzen_left_foto {
position: absolute;
margin-top: -56px;
left: 0;
}
.herzen_right_foto {
position: absolute;
right: 0;
margin-bottom: -65px;
}
}
</style>
<div class="aboutus_imagecontainer">
<div class="aboutus_imagecontainer_main">
<img class="aboutus_imagecontainer_main_item" src="{{media url=wysiwyg/header_desk.webp}}" alt="">
<div class="aboutus_imagecontainer_circle">
<img src="{{media url=wysiwyg/Atom_Disrupter.webp}}" alt="">
</div>
<div class="aboutus_imagecontainer_titleImg">
<img src="{{media url=wysiwyg/Tartex-logo_tartex_green_320px-1.webp}}" alt="">
</div>
</div>
</div>
<div class="aboutus_textcontainer">
<div class="aboutus_main_title">
<h1>Wer wir sind</h1>
</div>
<div class="aboutus_textblock">
<div class="aboutus_block_content">
<div class="aboutus_content_title">
<h1>Ist gut. Schmeckt gut. Tut gut.</h1>
</div>
<div class="aboutus_content_text">
<p>Abendbrot nimmt für viele von uns einen wichtigen Platz im Alltag ein. Abendbrot bedeutet nicht nur eine leckere Scheibe deines Lieblingsbrotes, sondern aboutuse Zeit mit den Liebsten. Abendbrotzeit steht nicht für stundenlange Vorbereitungen in der Küche, sondern für das Zusammenkommen mit der Familie oder Freunden an einem Tisch, um sich auszutauschen und zur Ruhe zu kommen.</p>
</div>
</div>
<div class="aboutus_block_image">
<img src="{{media url=wysiwyg/Aboutus_1.webp}}" alt="">
</div>
</div>
<div class="aboutus_textblock aboutus_textblock_order">
<div class="aboutus_block_content">
<div class="aboutus_content_title">
<h1>100 % BIO und Veggie</h1>
</div>
<div class="aboutus_content_text">
<p>Wir legen großen Wert auf Nachhaltigkeit, weshalb die Produkte nicht nur richtig gut schmecken, sondern auch aus besonders guten Zutaten bestehen, die alle aus kontrolliert biologischem Anbau stammen.</p>
<p id="aboutus_content_text_par">Für viele ist BIO ein Trend. Für uns ist das ein Grundsatz. Daher geht unser Anspruch weit über die gesetzlichen Mindestanforderungen hinaus: Unsere Produkte kommen ganz ohne künstliche Zusätze, Geschmacksverstärker, Farb- und Aromastoffe aus!</p>
</div>
</div>
<div class="aboutus_block_image aboutus_block_image_reserve">
<img src="{{media url=wysiwyg/Aboutus_2.webp}}" alt="">
</div>
</div>
<div class="aboutus_textblock">
<div class="aboutus_block_content">
<div class="aboutus_content_title">
<h1>B Corp – Gemeinsam das Beste für die Welt wollen.</h1>
</div>
<div class="aboutus_content_text">
<p>Wir sind offiziell B Corp zertifiziert und beweisen damit noch mehr, dass wir unsere Verantwortung für Mensch und Umwelt ernst nehmen: Die international anerkannte B Corp-Zertifizierung bedeutet, dass Unternehmen Gewinn und nachhaltiges unternehmerisches Handeln ausbalancieren. </p>
<p id="aboutus_content_text_par">Damit streben wir danach, die Besten für die Welt zu sein und nicht bloß die Besten der Welt. Denn nur das hat Zukunft.Mehr erfahren.</p>
<button>Mehr erfahren</button>
</div>
</div>
<div class="aboutus_block_image aboutus_block_image_last">
<img src="{{media url=wysiwyg/Aboutus_3.webp}}" alt="">
</div>
</div>
</div>
<div class="herzen_container">
<div class="herzen_left_foto">
<img src="{{media url=wysiwyg/Tartex-Kirschtomate-Rucola-Fruit-1.webp}}" alt="">
</div>
<div class="herzen_content">
<h1>“nachhaltige Verpackungen liegen uns am Herzen”</h1>
<img src="{{media url=wysiwyg/Heartshape_green_1.webp}}" alt="">
</div>
<div class="herzen_right_foto">
<img src="{{media url=wysiwyg/Tartex-Kirschtomate-Rucola-Fruit-2.webp}}" alt="">
</div>
</div>
<div class="product_container">
<div class="product_block">
<div class="product_item">
<div class="product_item_photo">
<img src="{{media url=wysiwyg/product_icon.webp}}" alt="">
</div>
<h1 class="product_item_title">Brotaufstriche</h1>
<p class="product_item_text">Genieß dein Abendbrot mit guten Gewissen, denn wir denken natürlich auch an unsere Umwelt. Bei jedem Verpackungsteil unserer Brotaufstriche – Deckel, Glas und Etikett – achten wir auf nachhaltige Komponenten:</p>
<p class="product_item_text" id="aboutus_content_text_par">Die Schraubdeckel enthalten weder Weichmacher noch PVC und das Glas besteht bereits zu 60% aus recyceltem Altglas. Die Etiketten sind aus Papier und werden mit veganem lösemittelfreiem Kleber befestigt.</p>
</div>
<div class="product_item">
<div class="product_item_photo">
<img src="{{media url=wysiwyg/product_icon.webp}}" alt="">
</div>
<h1 class="product_item_title">Müslis</h1>
<p class="product_item_text">Unsere Crunchy Müslis werden in Folien verpackt, um höchste Produktqualität und Haltbarkeit zu gewährleisten. Reine Papierverpackungen sind für uns Müsli nicht geeignet, da Papier nicht über eine ausreichende Barrierefunktion verfügt. Die Folien bestehen aus Kunststoff, der bereits zu 48% aus nachwachsenden Rohstoffen stammt. Herkömmliche Müsli-Folien bestehen meist zu 100% aus konventionellem Kunststoff. Dies ist für uns ein erster Biss hin zu nachhaltigeren Verpackungen.</p>
<p class="product_item_text" id="aboutus_content_text_par">Die Folien werden mit wasserbasierten Farben bedruckt, die im Vergleich zum Druck mit Lösemittelfarben während des Druckprozesses viermal weniger CO2 ausstoßen.</p>
</div>
<div class="product_item">
<div class="product_item_photo">
<img src="{{media url=wysiwyg/product_icon.webp}}" alt="">
</div>
<h1 class="product_item_title">Hafer-Bites</h1>
<p class="product_item_text">Unsere Hafer-Bites verpacken wir in Verbundverpackungen, um einen optimalen Produktschutz garantieren zu können. Die Folie ist recyclingfähig und wird mit wasserbasierten Farben bedruckt, um CO2 einzusparen.</p>
</div>
</div>
</div>
