CINXE.COM

<!DOCTYPE html> <html lang="de" data-site="15" data-locale="de-DE"> <head> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ event: "page_view", event_name: "page_view", user_id: "", user_email: "", user_firstname: "", user_lastname: "", user_logged: false, new_customer: true, user_title: "", page_category: "", language: "DE", logged: false, country: "Germany" }); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://tss.atlasformen.de/9bz36i0ymbdbtqe.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-55CSL33');</script>  <title>Herren-Bekleidung - Kariert | Atlas For Men</title> <meta charset="utf-8"> <meta content="width=device-width" name=viewport> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> <meta name="description" content="Günstige, moderne und bequeme Outdoor-Bekleidung für Herren ✔️Bis zu -60% auf die Auswahl ✔️Aus robusten und bequemen Materialien"> <meta name="Robots" content="INDEX,FOLLOW,ARCHIVE"> <meta property="og:title" content="Herren-Bekleidung - Kariert"/> <meta property="og:description" content="Günstige, moderne und bequeme Outdoor-Bekleidung für Herren ✔️Bis zu -60% auf die Auswahl ✔️Aus robusten und bequemen Materialien" /> <meta property="og:locale" content="de_DE" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.atlasformen.de/herren/bekleidung-100.aspx?farbe=kariert" /> <meta property="og:site_name" content="Atlas For Men" /> <meta property="og:image" content="https://www.atlasformen.de/repository/shared/Logos/AFM-25Jahre_Logo.png" /> <meta property="fb:app_id" content="233486699013447" /> <link href=https://fonts.googleapis.com rel=preconnect> <link href=https://fonts.gstatic.com rel=preconnect crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel=stylesheet> <link href="/css/main?v=i3GC8kBCumGfVry0YnJJ4lasveDjIZsr02s6-naRHlQ1" rel="stylesheet"/> <link rel="canonical" href="https://www.atlasformen.de/herren/bekleidung-100.aspx?farbe=kariert"> <link rel="next" href="https://www.atlasformen.de/herren/bekleidung-100.aspx?farbe=kariert&page=2"> <link rel="alternate" href="https://www.atlasformen.fr/homme/vetements-100.aspx?=carreaux" hreflang="fr-FR"> <link rel="alternate" href="https://www.atlasformen.ch/de/herren/bekleidung-100.aspx?=kariert" hreflang="de-CH"> <link rel="alternate" href="https://www.atlasformen.ch/fr/homme/vetements-100.aspx?=carreaux" hreflang="fr-CH"> <link rel="alternate" href="https://www.atlasformen.ru/muzhchinam/odezhda-100.aspx?=в клетку" hreflang="ru-RU"> <link rel="alternate" href="https://www.atlasformen.de/herren/bekleidung-100.aspx?=kariert" hreflang="de-DE"> <link rel="alternate" href="https://www.atlasformen.nl/heren/kleding-100.aspx?=geruit" hreflang="nl-NL"> <link rel="alternate" href="https://www.atlasformen.pl/mezczyzna/odziez-100.aspx?=krata" hreflang="pl-PL"> <link rel="alternate" href="https://www.atlasformen.cz/muzi/obleceni-100.aspx?=kostkovana" hreflang="cs-CZ"> <link rel="alternate" href="https://www.atlasformen.sk/muzi/oblecenie-100.aspx?=kockovana" hreflang="sk-SK"> <link rel="alternate" href="https://www.atlasformen.co.uk/men/clothing-100.aspx?=checked" hreflang="en-GB"> <link rel="alternate" href="https://www.atlasformen.hu/ferfi/ruhazat-100.aspx?=kockas" hreflang="hu-HU"> <link rel="alternate" href="https://www.atlasformen.ca/en/men/clothing-100.aspx?=checked" hreflang="en-CA"> <link rel="alternate" href="https://www.atlasformen.ca/fr/homme/vetements-100.aspx?=carreaux" hreflang="fr-CA"> <link rel="alternate" href="https://www.atlasformen.com/men/clothing-100.aspx?=checked" hreflang="en-US"> <script src='/js/plpDF2731?v=a00oOG81W-zcLqPBbWJrKoe04jTrrSfT-R_L6iVbZGk1' defer></script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Product", "name": "Herren-Bekleidung - Kariert", "description": "Günstige, moderne und bequeme Outdoor-Bekleidung für Herren ✔️Bis zu -60% auf die Auswahl ✔️Aus robusten und bequemen Materialien", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.5", "reviewCount": "6208", "bestRating": "5" }, "offers": { "@type": "AggregateOffer", "lowPrice": "7.00", "highPrice": "70.00", "priceCurrency": "EUR" } } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "ItemList", "url": "https://www.atlasformen.de/herren/bekleidung-100.aspx?farbe=kariert", "numberOfItems": "24", "itemListElement": [ {"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/f6/24/8c/f6248ca4d75f72e6ac2ee414f022cb94.jpg?w=400","url": "/products/herren/bekleidung/hemden/karohemden/flanellhemd-mit-einsatzen-in-wildlederoptik/n8120.aspx","aggregateRating": {"@type": "AggregateRating","ratingValue": "4.8","reviewCount": "9"},"name": "Flanellhemd mit Einsätzen in Wildlederoptik"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/9c/b7/27/9cb72735a751dcd3eb09b2c37bdb2f4d.jpg?w=400","url": "/products/herren/bekleidung/hemden/karohemden/kariertes-flanellhemd-tadoussac/n8111.aspx","aggregateRating": {"@type": "AggregateRating","ratingValue": "5","reviewCount": "1"},"name": "Kariertes Flanellhemd Tadoussac"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/db/5a/e2/db5ae27719168241004555cb04026f72.jpg?w=400","url": "/products/herren/bekleidung/hemden/karohemden/kariertes-flanellhemd-laurentides/n8137.aspx","aggregateRating": {"@type": "AggregateRating","ratingValue": "4","reviewCount": "1"},"name": "Kariertes Flanellhemd Laurentides"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/bd/8f/e9/bd8fe900f7e568320ca1b2f3b905635e.jpg?w=400","url": "/products/herren/bekleidung/ubergangsjacken/hemdjacke-aus-fleece-mit-teddyfutter/n8114.aspx","aggregateRating": {"@type": "AggregateRating","ratingValue": "5","reviewCount": "4"},"name": "Hemdjacke aus Fleece mit Teddyfutter"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/7e/a5/5b/7ea55b543ec4ecfaf746344bc1ed569a.jpg?w=400","url": "/products/herren/bekleidung/hemden/karohemden/kariertes-flanellhemd/n8124.aspx","aggregateRating": {"@type": "AggregateRating","ratingValue": "4.5","reviewCount": "2"},"name": "Kariertes Flanellhemd"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/8d/e6/74/8de6743c5f8e5582e1168b2f6651931e.jpg?w=400","url": "/products/herren/bekleidung/hemden/karohemden/kariertes-flanellhemd-quebec/n8126.aspx","aggregateRating": {"@type": "AggregateRating","ratingValue": "5","reviewCount": "1"},"name": "Kariertes Flanellhemd Quebec"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/62/5a/5e/625a5e38dfa9866cd2b45cceec0f49cb.jpg?w=400","url": "/products/herren/bekleidung/hemden/holzfallerhemden/hemdjacke-atlasr-aus-fleece/n6133.aspx","aggregateRating": {"@type": "AggregateRating","ratingValue": "5","reviewCount": "10"},"name": "Hemdjacke Atlas(R) aus Fleece"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/ff/e2/4a/ffe24a3d7fe15b9585ed159cc2a83d51.jpg?w=400","url": "/products/herren/bekleidung/hemden/karohemden/kariertes-popelinhemd/m0122.aspx","name": "Kariertes Popelinhemd"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/af/a9/ad/afa9ad03adcc6973b7ecf8ffd49b1c35.jpg?w=400","url": "/products/herren/bekleidung/kurze-hosen/bermuda-shorts/karierte-cargo-bermuda/k0154.aspx","aggregateRating": {"@type": "AggregateRating","ratingValue": "4.1","reviewCount": "9"},"name": "Karierte Cargo-Bermuda"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/8c/8b/fc/8c8bfc0fb80f1d0f72d26821c4dba461.jpg?w=400","url": "/products/herren/bekleidung/hemden/karohemden/kariertes-sommerhemd-mit-stretch-effekt/m9125.aspx","name": "Kariertes Sommerhemd mit Stretch-Effekt"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/fd/d9/15/fdd915bfc3107fc78a10421ebe0b2000.jpg?w=400","url": "/products/herren/bekleidung/hemden/karohemden/popelinhemd-mit-sommerlichem-karomuster/l5137.aspx","aggregateRating": {"@type": "AggregateRating","ratingValue": "4","reviewCount": "2"},"name": "Popelinhemd mit sommerlichem Karomuster"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/ba/09/e0/ba09e0b406b4628afcfca6e46580c1b3.jpg?w=400","url": "/products/herren/bekleidung/kurze-hosen/bermuda-shorts/karierte-bermuda/k4143.aspx","aggregateRating": {"@type": "AggregateRating","ratingValue": "4.7","reviewCount": "6"},"name": "Karierte Bermuda"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/57/4b/95/574b952b802ffdbb7791ceb255914261.jpg?w=400","url": "/products/herren/bekleidung/hemden/karohemden/kariertes-popelinhemd-country/m0113.aspx","aggregateRating": {"@type": "AggregateRating","ratingValue": "4","reviewCount": "1"},"name": "Kariertes Popelinhemd Country"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/f3/b8/b5/f3b8b57db387de781f0e8c44911691e7.jpeg?w=400","url": "/products/herren/bekleidung/kurze-hosen/bermuda-shorts/karierte-bermuda-aus-canvas/h7160.aspx","name": "Karierte Bermuda aus Canvas"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/92/89/b0/9289b0a9ce22a801a4c20e447c8225e1.jpg?w=400","url": "/products/herren/bekleidung/kurze-hosen/bermuda-shorts/karierte-bermuda-relax/k2125.aspx","aggregateRating": {"@type": "AggregateRating","ratingValue": "5","reviewCount": "2"},"name": "Karierte Bermuda Relax"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/4f/1d/94/4f1d94bbda025d5cb71119b13484f621.jpg?w=400","url": "/products/herren/bekleidung/hemden/karohemden/kariertes-flanellhemd-in-gletscherblau/l1143.aspx","aggregateRating": {"@type": "AggregateRating","ratingValue": "5","reviewCount": "1"},"name": "Kariertes Flanellhemd in Gletscherblau"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/9d/89/54/9d895406055d496683f40ac3fec0ca3f.jpg?w=400","url": "/products/herren/bekleidung/hemden/holzfallerhemden/hemdjacke-rocheusesr-aus-fleece/g9127.aspx","aggregateRating": {"@type": "AggregateRating","ratingValue": "4","reviewCount": "1"},"name": "Hemdjacke Rocheuses(R) aus Fleece"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/98/1d/8c/981d8ca6d0776252a7777ac082902bdd.jpeg?w=400","url": "/products/herren/bekleidung/hemden/karohemden/kariertes-flanellhemd/m3116.aspx","aggregateRating": {"@type": "AggregateRating","ratingValue": "5","reviewCount": "1"},"name": "Kariertes Flanellhemd"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/69/4a/d4/694ad4561ace5a21b025f7d8cb2b99d6.jpg?w=400","url": "/products/herren/bekleidung/hemden/karohemden/flanellhemd-mit-schottenkaro/m3124.aspx","aggregateRating": {"@type": "AggregateRating","ratingValue": "5","reviewCount": "1"},"name": "Flanellhemd mit Schottenkaro"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/cb/35/6a/cb356a36764af49f8f77c10b510c3f51.jpg?w=400","url": "/products/herren/bekleidung/hemden/karohemden/kariertes-popelinhemd-indian-summer/m7113.aspx","aggregateRating": {"@type": "AggregateRating","ratingValue": "5","reviewCount": "1"},"name": "Kariertes Popelinhemd Indian Summer"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/e7/0b/4e/e70b4e2ae4e11d2947602337a5baa63d.jpg?w=400","url": "/products/herren/bekleidung/hemden/karohemden/2-farbiges-kariertes-flanellhemd/g7121.aspx","name": "2-farbiges kariertes Flanellhemd"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/a2/9f/90/a29f90549a6411e7d54f1d01da8f3a38.jpg?w=400","url": "/products/herren/bekleidung/ubergangsjacken/blousons/karierte-hemdjacke-aus-fleece-mit-teddyfutter/k9144.aspx","name": "Karierte Hemdjacke aus Fleece mit Teddyfutter"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/1f/0f/42/1f0f421d84834a65fd8d9d4713d52db0.jpeg?w=400","url": "/products/herren/bekleidung/hemden/holzfallerhemden/hemdjacke-aus-fleece/j4121.aspx","name": "Hemdjacke aus Fleece"},{"@type": "Product","image": "https://media.atlasformen.com/webmedia/1080by1242/77/96/b6/7796b6b75f415f4b0590c62e05ea23b8.jpg?w=400","url": "/products/herren/bekleidung/hemden/holzfallerhemden/karierte-hemdjacke-ranch-aus-microfleece/k9131.aspx","name": "Karierte Hemdjacke Ranch aus Microfleece"} ] } </script> <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/signalr@2.4.3/jquery.signalR.min.js"></script> <script src="https://tchat.atlasformen.com/Chat/Scripts/chatListner.js"></script> </head> <body>  <noscript><iframe src="https://tss.atlasformen.de/ns.html?id=GTM-55CSL33" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header data-header class="top-0 z-[999] flex flex-col bg-white relative"> <div data-top-banner-module-mvc class="relative bg-black" id="TopBannerModuleMVC_40860"> <a href="/sonderangebote/black-friday-75200.aspx" target="_self" class="z-10 absolute inset-0 "></a> <div class="container relative flex min-h-[35px] gap-1.5 max-md:pb-1"> <div class="flex flex-1 flex-col items-center justify-around md:flex-row md:gap-3"> <p class="text-center text-[12px] font-semibold text-white">🚚<span style="color:#FFFFFF;">Gratis Versand ab €49 Mindesteinkaufswert! Nur mit dem Vorteilscode <span style="background-color:#FFFFFF; color:#CF2717;"> 29204 </span></span></p> </div> <button data-close type="button" title="Close" class="filter-white relative z-20 mt-1 shrink-0 self-start hidden"> <img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /> </button> </div> </div> <div data-outer-wrapper class="flex flex-col pb-0 lg:pb-3"> <div class="lg:container lg:mx-auto"> <nav data-header-nav class="primaryNavigation grid grid-cols-[min-content_1fr_auto] items-center gap-2.5 xs:gap-3 pt-2 xs:pt-4 lg:pt-5 lg:mb-6"> <button class="hamburger hamburger--elastic menu-btn self-start pl-4 mt-2 text-[11px] leading-[13px] lg:hidden lg:pl-0" type="button" title="Menu" data-menu-mobile> <span class="hamburger-box"><span class="hamburger-inner"></span></span>Menü </button> <a data-logo href="/" class="menu-logo mx-auto block lg:pb-2" title="AFM Logo"> <img alt="Atlas For Men: für alle, die das Abenteuer suchen!" src="/repository/shared/Logos/AFM-25Jahre_Logo.png" class="max-xs:max-h-9 lg:h-[52px] max-w-[250px]"> </a> <div data-search data-header-search class="flex-1 w-full menu-search group lg:pb-2"> <form id="frmHeaderSearch" data-location="Header" data-full="true" data-url-keyword="suche" class="mx-auto flex h-[45px] w-full items-center border border-brown group-[.show-back]:hidden lg:max-w-[456px] lg:border-0"> <input data-main-input class="h-full flex-1 border-gray bg-white p-3 pl-4 text-[14px] leading-[17px] outline-0 placeholder:text-gray lg:max-w-[316px] lg:border" placeholder="Artikel oder Referenz suchen" type="search"> <button data-main-button class="btn btn-primary btn-md group !h-full max-w-[140px] justify-between bg-white lg:w-full lg:bg-brown" type="button"> <span class="hidden text-white lg:block">Suchen</span> <img src="/assets/svgs/icon-search.svg" class="lg:filter-white h-5 w-5 sm:ml-1 lg:ml-2" alt="Search"> </button> </form> <div data-mobile-menu-back class="hidden items-center py-[15px] px-4 border border-gray border-x-0 lg:border-0 group-[.show-back]:flex"> <button type="button"><img src="/assets/svgs/icon-arrow-back.svg" class="w-8 h-8" alt="Back"></button> <p data-mobile-menu-current class="font-bold text-[20px] leading-[24px] uppercase text-center flex-1 -ml-8"></p> </div> </div> <div data-header-icons class="flex gap-3 sm:gap-5 pr-4 lg:pr-0 menu-icons"> <div data-header-wl-outer class="text-center max-w-[85px] leading-none relative hidden"> <a href="javascript: void(0);" data-url="/myaccount/wishlist.aspx" data-target="self"> <img src=/assets/svgs/icon-heart.svg class="mb-1 mx-auto" alt="Wishlist"><span class="hidden text-[11px] leading-[13px] md:inline">Merkliste</span> </a> <span data-count class="grid -top-1 absolute bg-yellow h-4 left-2/4 place-items-center no-click rounded-full text-[10px] text-white w-4 hidden">0</span> </div> <div data-header-newsletter-outer class="text-center max-w-[85px] leading-none relative hidden sm:inline-block"> <a data-header-newsletter> <img src=/assets/svgs/icon-newsletter.svg class="mb-1 mx-auto" alt="Newsletter"> <span class="hidden text-[11px] leading-[13px] md:inline">20% Extra-Rabatt sichern!</span> </a> <div data-newsletter-layer class="hidden text-left absolute z-60 border w-[250px] -right-[38px] sm:-right-[58px] sm:w-[350px] md:-right-11 mt-3 border-yellow bg-white px-[30px] py-4 shadow-2xl"> <div class="triangle-top"></div> <div class="group/tooltip relative"> <a href="https://www.atlasformen.de/myaccount/newslettersloggedout.aspx "> <p class="text-black font-bold text-center mb-2">Newsletter-Registrierung</p> <p class="text-black text-[12px] mb-4">Willkommensangebot: 20% Extra-Rabatt erhalten!</p> </a> <span class="tooltiptext-top tooltip w-56"> <span>Klicken Sie hier, um das Impressum anzuzeigen (neue Registerkarte)</span> </span> </div> <form id="frmHeaderNewsLoggedOut" data-location="Header"> <div class="flex flex-col mb-4" data-val-parent> <label class="relative cursor-text" for="txtHeaderNewsLoggedOut"><input type ="text" class="input peer w-full" id="txtHeaderNewsLoggedOut" placeholder=" " data-required data-email data-email data-is-valid="false"><span class="input-placeholder">E-mail*</span></label><span data-error-message class="hidden relative feedback-msg text-[11px] leading-[13px] gap-2 pl-4 mt-2"></span> </div> <button type="button" class="btn btn-primary btn-md !h-[45px] w-full gap-2 mb-2 bg-brown" data-validate><span class="flex-1 font-bold">Jetzt anmelden</span><img src="/assets/svgs/icon-chevron-right-black-bold.svg" class="filter-white relative h-3 w-2" alt="Jetzt anmelden" /></button> </form> <details> <summary class="text-black text-[12px] underline">Mehr über die Anmeldebedingungen</summary> <p class="text-black text-[12px] mt-2"> Beim Anklicken stimmen Sie zu, Newsletter von Atlasformen und seinen Geschäftspartnern zu bekommen. <br>Sie können unseren Newsletter jederzeit abbestellen, in dem Sie den auf dem im Newsletter oben und unten stehenden Abmeldelink, anklicken. <br><span style="text-decoration: underline; color: #422715;"><a style="color: #422715; text-decoration: underline;" href="/aboutv2/service/datenschutz.aspx" target="_self">Mehr über unsere Datenschutzrichtlinen</a></span>. </p> </details> </div> </div> <div class="text-center max-w-[85px] leading-none relative hidden lg:inline-block"> <a href="javascript: void(0);" data-url="/orderfromcatalogue/directorderform.aspx" data-target="self"><img alt="Catalogue" src=/assets/svgs/icon-catalogue.svg class="mb-1 mx-auto"> <span class="text-[11px]">Aus dem Katalog bestellen</span></a> </div> <div class="text-center max-w-[85px] leading-none relative"> <a data-header-my-account> <img src=/assets/svgs/icon-avatar.svg class="no-click mb-1 mx-auto" alt="My Account"> <span class="no-click hidden md:inline text-[11px]">Mein Konto</span> </a> <div data-my-account-lout-layer class="hidden text-left absolute z-60 border w-[250px] -right-[38px] sm:-right-[58px] sm:w-[350px] md:-right-10 mt-3 border-yellow bg-white px-[30px] py-[25px] shadow-2xl"> <div class="triangle-top"></div> <p class="text-black text-center font-bold mb-3">Mein Konto</p> <form id="frmHeaderLogin" data-location="Header"> <div class="flex flex-col mb-4" data-val-parent> <label class="relative cursor-text" for="txtHeaderLoginEMail"><input type ="text" class="input peer w-full" id="txtHeaderLoginEMail" placeholder=" " data-required data-email data-email data-is-valid="false"><span class="input-placeholder">E-Mail-Adresse eingeben*</span></label><span data-error-message class="hidden relative feedback-msg text-[11px] leading-[13px] gap-2 pl-4 mt-2"></span> </div> <div class="relative flex flex-col mb-1" data-val-parent> <label class="relative cursor-text" for="txtHeaderLoginPassword"><input type ="password" class="input peer w-full !pr-8" id="txtHeaderLoginPassword" placeholder=" " maxlength="25" data-required data-minlength="4" data-maxlength="25" data-password data-is-valid="false"><span class="input-placeholder">Passwort eingeben*</span></label><span data-error-message class="hidden relative feedback-msg text-[11px] leading-[13px] gap-2 pl-4 mt-2"></span> <button data-password-toggle type="button" class="absolute right-2 top-3" title="Show/Hide Password"> <img src="/assets/svgs/eye-light.svg" class="h-5 w-[21px]" alt="Show or Hide Password" /> </button> </div> <div class="flex flex-col-reverse md:flex-row md:items-center gap-[13px] justify-between mb-4 mt-[6px]"> <div class="flex items-center gap-3"> <input data-stay-connected type="checkbox" id="chkLoginStayConnected" class="peer checkbox-custom" /> <label for="chkLoginStayConnected" class="!text-[12px] leading-[14px]">Angemeldet bleiben</label> </div> <a href="/login/login.aspx?openforgottenpassword=1" class="block text-[12px] leading-[14px] underline">Passwort vergessen?</a> </div> <div data-captcha data-sitekey="" class="frc-captcha mt-4" style="height: 80px"></div> <button type="button" class="btn btn-primary btn-md !h-[45px] w-full gap-2 mb-2 bg-brown" data-validate><span class="flex-1 font-bold">EINLOGGEN</span><img src="/assets/svgs/icon-chevron-right-black-bold.svg" class="filter-white relative h-3 w-2" alt="EINLOGGEN" /></button> </form> <hr class="text-[#D3D3D3] my-4 w-3/4 mx-auto" /> <p class="text-black text-center font-bold mb-3">Neuer Kunde?</p> <a href="/webaccount/register.aspx" class="btn btn-primary btn-md !h-[45px] w-full gap-2 bg-brown"> <span class="flex-1 max-sm:text-[12px] text-center">KONTO ERSTELLEN</span> <img src="/assets/svgs/icon-chevron-right-black-bold.svg" class="filter-white relative h-3 w-2" alt="Arrow" /> </a> </div> <div data-my-account-lin-layer class="hidden text-left absolute z-60 border w-[250px] -right-[38px] px-[30px] sm:-right-[58px] sm:w-[350px] md:-right-10 mt-3 border-yellow bg-white md:px-[50px] py-[25px] shadow-2xl"> <div class="triangle-top"></div> <a href="javascript: void(0);" data-url="/myaccount/myaccount.aspx" data-target="self" class="text-[12px] underline underline-offset-4 hover:text-red transition-colors">Mein Konto</a> <hr class="text-[#D3D3D3] my-4" /> <ul class="flex flex-col gap-[14px]"> <li class="text-[14px] leading-[17px] items-center"> <a href="javascript: void(0);" data-url="/myaccount/ordertracing.aspx" data-target="self" class="inline-flex gap-2 underline"><span class="order-2">Meine Bestellungen</span><img alt="Image" class="order-1 w-4 h-4" src="/assets/svgs/box-light.svg"></a> </li> <li class="text-[14px] leading-[17px] items-center"> <a href="javascript: void(0);" data-url="/myaccount/invoices.aspx" data-target="self" class="inline-flex gap-2 underline"><span class="order-2">Rechnungen</span><img alt="Image" class="order-1 w-4 h-4" src="/assets/svgs/clipboard-list-check-light.svg"></a> </li> <li class="text-[14px] leading-[17px] items-center"> <a href="javascript: void(0);" data-url="/myaccount/credit.aspx" data-target="self" class="inline-flex gap-2 underline"><span class="order-2">Meine Zahlungen </span><img alt="Image" class="order-1 w-4 h-4" src="/assets/svgs/credit-card-light.svg"></a> </li> <li class="text-[14px] leading-[17px] items-center"> <a href="javascript: void(0);" data-url="/myaccount/refunds.aspx" data-target="self" class="inline-flex gap-2 underline"><span class="order-2">Meine Rückzahlungen </span><img alt="Image" class="order-1 w-4 h-4" src="/assets/svgs/credit-card-light.svg"></a> </li> <li class="text-[14px] leading-[17px] items-center"> <a href="javascript: void(0);" data-url="/webaccount/modifydetails.aspx" data-target="self" class="inline-flex gap-2 underline"><span class="order-2">Meine Daten</span><img alt="Image" class="order-1 w-4 h-4" src="/assets/svgs/home-light.svg"></a> </li> <li class="text-[14px] leading-[17px] items-center"> <a href="javascript: void(0);" data-url="/webaccount/changelogin.aspx" data-target="self" class="inline-flex gap-2 underline"><span class="order-2">Passwort & E-Mail</span><img alt="Image" class="order-1 w-4 h-4" src="/assets/svgs/lock-alt-light.svg"></a> </li> <li class="text-[14px] leading-[17px] items-center"> <a href="javascript: void(0);" data-url="/myaccount/wishlist.aspx" data-target="self" class="inline-flex gap-2 underline"><span class="order-2">Merkliste</span><img alt="Image" class="order-1 w-4 h-4" src="/assets/svgs/icon-heart.svg"></a> </li> <li class="text-[14px] leading-[17px] items-center"> <a href="javascript: void(0);" data-url="/myaccount/newsletters.aspx" data-target="self" class="inline-flex gap-2 underline"><span class="order-2">Meine Abonnements</span><img alt="Image" class="order-1 w-4 h-4" src="/assets/svgs/newsletters-light.svg"></a> </li> <li class="text-[14px] leading-[17px] items-center"> <a href="javascript: void(0);" data-url="/myaccount/catalogue.aspx" data-target="self" class="inline-flex gap-2 underline"><span class="order-2">Katalog</span><img alt="Image" class="order-1 w-4 h-4" src="/assets/svgs/book-open-light.svg"></a> </li> </ul> <hr class="text-[#D3D3D3] my-4" /> <button data-logout type="button" class="btn text-[12px] underline underline-offset-4 hover:text-red transition-colors mb-4">Abmeldung</button> </div> </div> <div data-header-basket-outer class="text-center max-w-[85px] leading-none relative"> <a data-header-basket > <img alt="Shopping Basket" src=/assets/svgs/icon-panier.svg class="mb-1 mx-auto"> <span class="hidden text-[11px] leading-[13px] md:inline">Mein Warenkorb</span> <span data-count class="no-click absolute -top-1 left-2/4 grid h-4 w-4 place-items-center rounded-full bg-yellow text-[10px] text-white">0</span> </a> <div data-basket-layer data-basket-items="0" class="text-left absolute -right-3 z-60 mt-3 max-md:hidden border border-yellow bg-white md:hidden"> <div class="triangle-top triangle-cart"></div> <div data-title class="flex items-center gap-1 px-[30px] py-5 pb-3 text-[14px]"> <strong class="text-[20px]">Mein Warenkorb</strong> <span data-count>(0</span> <span data-article>Artikel)</span> </div> <div data-items class="custom-scrollbar grid max-h-[250px] gap-[10px] overflow-y-auto bg-lightGray px-[30px] py-[10px]"> </div> <div class="bg-white px-[30px] py-5"> <div class="mb-3 flex items-center justify-between text-[18px] font-bold"> Gesamtbetrag<br><span style="font-size: 17px; display: contents">(inkl. MwSt. und Versandkosten):</span> <span data-total> €0,00 </span> </div> <a href="/shoppingbasket/basket.aspx" class="btn btn-md sm:btn-lg btn-primary bg-green md:basis-2/4"> <span class="flex-1 text-center">ZUM WARENKORB</span> <img class="filter-white ml-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Arrow" /> </a> </div> </div> </div> </div> </nav> </div> <nav class="relative hidden animate-slide-left overflow-y-auto lg:block lg:animate-none lg:overflow-y-hidden" data-menu> <ul class="flex flex-col justify-center gap-x-6 px-4 lg:flex-row lg:px-0"> <li class="flex justify-between border-[#D5D5D5] border-b lg:border-0 m1-item" data-level="1" > <a href="/sonderangebote/black-friday-75200.aspx" target="_self" class="text-red menu__first-text">⚡️BLACK WEEK</a> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto ml-2 lg:hidden filter-brown menu__first-img" alt="Arrow"> </li> <li class="flex justify-between border-[#D5D5D5] border-b lg:border-0 m1-item" data-level="1" > <a href="/kollektionen/indian-summer-in-kanada-91400.aspx" target="_self" class="text-red menu__first-text">Neue Kollektion</a> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto ml-2 lg:hidden filter-brown menu__first-img" alt="Arrow"> </li> <li class="flex justify-between border-[#D5D5D5] border-b lg:border-0 m1-item" data-level="1" data-has-child> <span data-title class="w-full menu__first-text text-brown ">Herren</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto ml-2 lg:hidden filter-brown menu__first-img" alt="Arrow"> <div class="hidden menu__second"> <ul class="lg:container w-full relative flex flex-col justify-start lg:flex-row lg:justify-center lg:gap-4 xl:gap-8"> <li class="menu-li-l2" data-level="2" data-has-child> <span data-title data-has-L3 class="menu__second-text">Bekleidung</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto lg:hidden filter-brown menu__second-img" alt="Arrow"> <div data-level="3" class="menu__third animate-slide-right lg:animate-expand-top"> <div class="relative lg:container"> <div class="grid justify-center grid-cols-1 lg:container lg:gap-6 lg:grid-cols-6 max-lg:py-2 max-lg:px-4 lg:gap-6 xl:gap-8"> <ul class="max-lg:mb-2"> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px]"> <span>JACKEN</span><img alt="Image" class="lg:hidden max-h-[30px] max-w-[28px]" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/veste.svg"> </li> <li><a href="/herren/bekleidung/strickjacken-10500.aspx" target="_self" class="menu-sml-li"><span class="no-click">Strickjacken</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/sweatshirts-und-sweatjacken-10450.aspx" target="_self" class="menu-sml-li"><span class="no-click">Sweatshirts & Sweatjacken</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/ubergangsjacken-10199.aspx" target="_self" class="menu-sml-li"><span class="no-click">Übergangsjacken</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/westen-10550.aspx" target="_self" class="menu-sml-li"><span class="no-click">Westen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/windbreaker-10250.aspx" target="_self" class="menu-sml-li"><span class="no-click">Windbreaker</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/winterjacken-10049.aspx" target="_self" class="menu-sml-li"><span class="no-click">Winterjacken</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> </ul> <hr class="text-gray max-lg:mx-4 max-lg:mb-4 lg:hidden"> <ul class="max-lg:mb-2"> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px]"> <span>OBERTEILE</span><img alt="Image" class="lg:hidden max-h-[30px] max-w-[28px]" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/chemise-manches-courtes.svg"> </li> <li><a href="/herren/bekleidung/fleece-bekleidung-10350.aspx" target="_self" class="menu-sml-li"><span class="no-click">Fleece-Bekleidung</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/hemden-10650.aspx" target="_self" class="menu-sml-li"><span class="no-click">Hemden</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/shirts/langarmshirts-10604.aspx" target="_self" class="menu-sml-li"><span class="no-click">Langarmshirts</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/poloshirts-10750.aspx" target="_self" class="menu-sml-li"><span class="no-click">Poloshirts</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/pullover-10400.aspx" target="_self" class="menu-sml-li"><span class="no-click">Pullover</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/tanktops-10601.aspx" target="_self" class="menu-sml-li"><span class="no-click">Tanktops</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/shirts/t-shirts-10603.aspx" target="_self" class="menu-sml-li"><span class="no-click">T-Shirts</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/unterzieh-rollis-10403.aspx" target="_self" class="menu-sml-li"><span class="no-click">Unterzieh-Pullover</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> </ul> <hr class="text-gray max-lg:mx-4 max-lg:mb-4 lg:hidden"> <ul class="max-lg:mb-2"> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px]"> <span>HOSEN</span><img alt="Image" class="lg:hidden max-h-[30px] max-w-[28px]" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/pantacourt.svg"> </li> <li><a href="/herren/unterwasche/badehosen-13250.aspx" target="_self" class="menu-sml-li"><span class="no-click">Badehosen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/3-4-hosen-10900.aspx" target="_self" class="menu-sml-li"><span class="no-click">3/4-Hosen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/jeans-10800.aspx" target="_self" class="menu-sml-li"><span class="no-click">Jeans</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/jogginganzuge-11050.aspx" target="_self" class="menu-sml-li"><span class="no-click">Jogginganzüge</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/kurze-hosen-10970.aspx" target="_self" class="menu-sml-li"><span class="no-click">Kurze Hosen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/hosen-10850.aspx" target="_self" class="menu-sml-li"><span class="no-click">Hosen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li> <a href="/herren/bekleidung-100.aspx" target="_self" class="btn-sm btn font-extrabold lg:text-[14px] text-[18px] !whitespace-normal inline-flex py-[6px] !border-0">Herren-Bekleidung<img alt="Arrow" class="w-[6px] h-2 ml-2 filter-brown" src="/assets/svgs/icon-chevron-right-black-bold.svg"></a> </li> </ul> <hr class="text-gray max-lg:mx-4 max-lg:mb-4 lg:hidden"> <ul class="flex flex-col gap-8 bg-lightGray max-lg:-mx-4 max-lg:py-8 max-lg:px-4 lg:gap-3 lg:bg-white"> <li class="font-bold pt-1 gap-2 inline-flex lg:text-[15px] text-[20px]"> <span>WEB-ANGEBOTE</span> </li> <li> <a href="/herren/bekleidung/sparpacks-herren-12000.aspx" target="_self" class="text-brown group relative flex items-center gap-4 lg:gap-3.5"> <div class="w-[30px] shrink-0"> <img alt="Spar-Packs" class="filter-brown transition-transform group-hover:translate-x-1 mx-auto" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/lots.svg"> </div> <span class="lg:max-w-[15ch] font-bold leading-tight lg:text-[14px] text-[18px]">Spar-Packs</span> </a> </li> <li> <a href="/categories/sportbekleidung-81050.aspx" target="_self" class="text-brown group relative flex items-center gap-4 lg:gap-3.5"> <div class="w-[30px] shrink-0"> <img alt="Sport-Bekleidung" class="filter-brown transition-transform group-hover:translate-x-1 mx-auto" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/Ballon.svg"> </div> <span class="lg:max-w-[15ch] font-bold leading-tight lg:text-[14px] text-[18px]">Sport-Bekleidung</span> </a> </li> <li> <a href="/herren/homewear-170.aspx" target="_self" class="text-brown group relative flex items-center gap-4 lg:gap-3.5"> <div class="w-[30px] shrink-0"> <img alt="Bequem & kuschelig: Auswahl für zu Hause" class="filter-brown transition-transform group-hover:translate-x-1 mx-auto" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/chaussettes.svg"> </div> <span class="lg:max-w-[15ch] font-bold leading-tight lg:text-[14px] text-[18px]">Bequem & kuschelig: Auswahl für zu Hause</span> </a> </li> <li> <a href="/geschenkideen/weihnachtsgeschenke/weihnachtspullover-und-jacken-73312.aspx" target="_self" class="text-mkp-blue group relative flex items-center gap-4 lg:gap-3.5"> <div class="w-[30px] shrink-0"> <img alt="Weihnachtspullover" class="filter-mkp-blue transition-transform group-hover:translate-x-1 mx-auto" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/flocon.svg"> </div> <span class="lg:max-w-[15ch] font-bold leading-tight lg:text-[14px] text-[18px]">Weihnachtspullover</span> </a> </li> </ul><div class="grid grid-cols-1 gap-4 lg:col-span-1 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/event/weihnachts-ideen" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/collection/2024/Noel2/IDkdo_GEN_2.jpg" alt="geschenkideen bis zu minus 65 prozent" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div><div class="grid grid-cols-1 gap-4 lg:col-span-1 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/sonderangebote/black-friday/black-friday-herren-75210.aspx" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/collection/2024/BlackWeek/VisuelMenuPetit_BlackFriday_F24.jpg" alt="black week angebote fur herren" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div> </div> </div> </div> </li> <li class="menu-li-l2" data-level="2" data-has-child> <span data-title data-has-L3 class="menu__second-text">Homewear</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto lg:hidden filter-brown menu__second-img" alt="Arrow"> <div data-level="3" class="menu__third animate-slide-right lg:animate-expand-top"> <div class="relative lg:container"> <div class="grid justify-center grid-cols-1 lg:container lg:gap-6 lg:grid-cols-6 max-lg:py-2 max-lg:px-4 lg:gap-6 xl:gap-8"> <ul class=""> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px] hidden lg:block"> </li> <li><a href="/herren/homewear/schlafanzuge-17100.aspx" target="_self" class="menu-sml-li"><span class="no-click">Schlafanzüge</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/homewear/hausschuhe-15600.aspx" target="_self" class="menu-sml-li"><span class="no-click">Hausschuhe</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/jogginganzuge-11050.aspx" target="_self" class="menu-sml-li"><span class="no-click">Jogginganzüge</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/homewear/thermounterwasche-17200.aspx" target="_self" class="menu-sml-li"><span class="no-click">Thermounterwäsche</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li> <a href="/herren/homewear-170.aspx" target="_self" class="btn-sm btn font-extrabold lg:text-[14px] text-[18px] !whitespace-normal inline-flex py-[6px] !border-0">Herren-Homewear<img alt="Arrow" class="w-[6px] h-2 ml-2 filter-brown" src="/assets/svgs/icon-chevron-right-black-bold.svg"></a> </li> </ul> <div class="grid grid-cols-1 gap-4 lg:col-span-1 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/herren/homewear/schlafanzuge-17100.aspx" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/collection/2024/Rocheuses/VisuelMenuPetitPyjamasN9165.jpg" alt="pyjamas fur herren" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div><div class="grid grid-cols-1 gap-4 lg:col-span-1 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/products/herren/homewear/hausschuhe/pantoffeln/fleece-pantoffeln-mit-teddyfutter/n9102.aspx" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/collection/2024/Rocheuses/VisuelMenuPetitChaussonsN9102.jpg" alt="warme hausschuhe fur herren" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div><div class="grid grid-cols-1 gap-4 lg:col-span-1 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/herren/bekleidung/fleece-bekleidung-10350.aspx" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/menu/GeneriquesFall24/VisuelMenuPetit_polairesK6131.jpg" alt="blauer fleecepullover" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div> </div> </div> </div> </li> <li class="menu-li-l2" data-level="2" data-has-child> <span data-title data-has-L3 class="menu__second-text">Unterwäsche</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto lg:hidden filter-brown menu__second-img" alt="Arrow"> <div data-level="3" class="menu__third animate-slide-right lg:animate-expand-top"> <div class="relative lg:container"> <div class="grid justify-center grid-cols-1 lg:container lg:gap-6 lg:grid-cols-6 max-lg:py-2 max-lg:px-4 lg:gap-6 xl:gap-8"> <ul class=""> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px] hidden lg:block"> </li> <li><a href="/herren/unterwasche/badehosen-13250.aspx" target="_self" class="menu-sml-li"><span class="no-click">Badehosen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/unterwasche/boxershorts-13200.aspx" target="_self" class="menu-sml-li"><span class="no-click">Boxershorts</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/unterwasche/slips-13150.aspx" target="_self" class="menu-sml-li"><span class="no-click">Slips</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/unterwasche/socken-13050.aspx" target="_self" class="menu-sml-li"><span class="no-click">Socken</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/bekleidung/tanktops-10601.aspx" target="_self" class="menu-sml-li"><span class="no-click">Tanktops</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li> <a href="/herren/unterwasche-130.aspx" target="_self" class="btn-sm btn font-extrabold lg:text-[14px] text-[18px] !whitespace-normal inline-flex py-[6px] !border-0">Gesamte Herren-Unterwäsche-Auswahl<img alt="Arrow" class="w-[6px] h-2 ml-2 filter-brown" src="/assets/svgs/icon-chevron-right-black-bold.svg"></a> </li> </ul> <div class="grid grid-cols-1 gap-4 lg:col-span-2 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/herren/unterwasche/boxershorts-13200.aspx" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/menu/GeneriquesFall24/VisuelMenuGrand_sousvetM2139.jpg" alt="blaue unterhosen fur herren" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div> </div> </div> </div> </li> <li class="menu-li-l2" data-level="2" data-has-child> <span data-title data-has-L3 class="menu__second-text">Große Größen</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto lg:hidden filter-brown menu__second-img" alt="Arrow"> <div data-level="3" class="menu__third animate-slide-right lg:animate-expand-top"> <div class="relative lg:container"> <div class="grid justify-center grid-cols-1 lg:container lg:gap-6 lg:grid-cols-6 max-lg:py-2 max-lg:px-4 lg:gap-6 xl:gap-8"> <ul class="max-lg:mb-2"> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px]"> <span>JACKEN</span><img alt="Image" class="lg:hidden max-h-[30px] max-w-[28px]" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/veste.svg"> </li> <li><a href="/grosse-grossen-herren/bekleidung/strickjacken-20500.aspx" target="_self" class="menu-sml-li"><span class="no-click">Strickjacken</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/bekleidung/ubergangsjacken-20199.aspx" target="_self" class="menu-sml-li"><span class="no-click">Übergangsjacken</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/bekleidung/westen-20550.aspx" target="_self" class="menu-sml-li"><span class="no-click">Westen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/bekleidung/windbreaker-20300.aspx" target="_self" class="menu-sml-li"><span class="no-click">Windbreaker</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/bekleidung/winterjacken-20049.aspx" target="_self" class="menu-sml-li"><span class="no-click">Winterjacken</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> </ul> <hr class="text-gray max-lg:mx-4 max-lg:mb-4 lg:hidden"> <ul class="max-lg:mb-2"> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px]"> <span>OBERTEILE</span><img alt="Image" class="lg:hidden max-h-[30px] max-w-[28px]" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/chemise-manches-courtes.svg"> </li> <li><a href="/grosse-grossen-herren/bekleidung/fleece-bekleidung-20350.aspx" target="_self" class="menu-sml-li"><span class="no-click">Fleece-Bekleidung</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/bekleidung/hemden-20650.aspx" target="_self" class="menu-sml-li"><span class="no-click">Hemden</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/bekleidung/langarmshirts-20604.aspx" target="_self" class="menu-sml-li"><span class="no-click">Langarmshirts</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/bekleidung/poloshirts-20700.aspx" target="_self" class="menu-sml-li"><span class="no-click">Poloshirts</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/bekleidung/pullover-20400.aspx" target="_self" class="menu-sml-li"><span class="no-click">Pullover</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/bekleidung/sweatshirts-20450.aspx" target="_self" class="menu-sml-li"><span class="no-click">Sweatshirts</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/bekleidung/tanktops-20602.aspx" target="_self" class="menu-sml-li"><span class="no-click">Tanktops</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/bekleidung/t-shirts-20600.aspx" target="_self" class="menu-sml-li"><span class="no-click">T-Shirts</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/bekleidung/unterzieh-rollis-20405.aspx" target="_self" class="menu-sml-li"><span class="no-click">Unterzieh-Pullover</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> </ul> <hr class="text-gray max-lg:mx-4 max-lg:mb-4 lg:hidden"> <ul class="max-lg:mb-2"> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px]"> <span>HOSEN</span><img alt="Image" class="lg:hidden max-h-[30px] max-w-[28px]" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/pantacourt.svg"> </li> <li><a href="/grosse-grossen-herren/bekleidung/bermudas-21000.aspx" target="_self" class="menu-sml-li"><span class="no-click">Bermudas</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/bekleidung/3-4-hosen-20850.aspx" target="_self" class="menu-sml-li"><span class="no-click">3/4-Hosen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/bekleidung/hosen-20750.aspx" target="_self" class="menu-sml-li"><span class="no-click">Hosen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/bekleidung/jeans-20800.aspx" target="_self" class="menu-sml-li"><span class="no-click">Jeans</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/bekleidung/shorts-20900.aspx" target="_self" class="menu-sml-li"><span class="no-click">Shorts</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/bekleidung/bermudas-21000.aspx" target="_self" class="menu-sml-li"><span class="no-click">Bermudas</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li> <a href="/grosse-grossen-herren/bekleidung-200.aspx" target="_self" class="btn-sm btn font-extrabold lg:text-[14px] text-[18px] !whitespace-normal inline-flex py-[6px] !border-0">Gesamte Auswahl in großen Größen<img alt="Arrow" class="w-[6px] h-2 ml-2 filter-brown" src="/assets/svgs/icon-chevron-right-black-bold.svg"></a> </li> </ul> <hr class="text-gray max-lg:mx-4 max-lg:mb-4 lg:hidden"> <ul class=""> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px]"> <span>UNTERWÄSCHE</span> </li> <li><a href="/grosse-grossen-herren/unterwasche/badehosen-23400.aspx" target="_self" class="menu-sml-li"><span class="no-click">Badehosen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/unterwasche/boxershorts-23300.aspx" target="_self" class="menu-sml-li"><span class="no-click">Boxershorts</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/unterwasche/schlafanzuge-23150.aspx" target="_self" class="menu-sml-li"><span class="no-click">Schlafanzüge</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-herren/unterwasche/slips-23250.aspx" target="_self" class="menu-sml-li"><span class="no-click">Slips</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li> <a href="/grosse-grossen-herren/unterwasche-230.aspx" target="_self" class="btn-sm btn font-extrabold lg:text-[14px] text-[18px] !whitespace-normal inline-flex py-[6px] !border-0">Gesamte Unterwäsche-Auswahl in großen Größen<img alt="Arrow" class="w-[6px] h-2 ml-2 filter-brown" src="/assets/svgs/icon-chevron-right-black-bold.svg"></a> </li> </ul> <div class="grid grid-cols-1 gap-4 lg:col-span-2 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/grosse-grossen-herren/bekleidung-200.aspx" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/collection/2024/Noel2/VisuelMenuGrandGTAFM.jpg" alt="herren bekleidung in grossen grossen in 2XL 3XL 4XL und 5XL" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div> </div> </div> </div> </li> <li class="menu-li-l2" data-level="2" data-has-child> <span data-title data-has-L3 class="menu__second-text">Schuhe</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto lg:hidden filter-brown menu__second-img" alt="Arrow"> <div data-level="3" class="menu__third animate-slide-right lg:animate-expand-top"> <div class="relative lg:container"> <div class="grid justify-center grid-cols-1 lg:container lg:gap-6 lg:grid-cols-6 max-lg:py-2 max-lg:px-4 lg:gap-6 xl:gap-8"> <div></div> <ul class=""> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px] hidden lg:block"> </li> <li><a href="/herren/homewear/hausschuhe-15600.aspx" target="_self" class="menu-sml-li"><span class="no-click">Hausschuhe</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/schuhe/mokassins-15100.aspx" target="_self" class="menu-sml-li"><span class="no-click">Mokassins & Halbschuhe</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/schuhe/sandalen-und-schlappen-15530.aspx" target="_self" class="menu-sml-li"><span class="no-click">Sandalen und Schlappen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> </ul> <ul class=""> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px] hidden lg:block"> </li> <li><a href="/herren/schuhe/sport-und-freizeitschuhe-15330.aspx" target="_self" class="menu-sml-li"><span class="no-click">Sport- & Freizeitschuhe</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/schuhe/boots-stiefeletten-15250.aspx" target="_self" class="menu-sml-li"><span class="no-click">Stiefel & Boots</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/schuhe/wanderschuhe-trekkingschuhe-15300.aspx" target="_self" class="menu-sml-li"><span class="no-click">Wanderschuhe</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li> <a href="/herren/schuhe-150.aspx" target="_self" class="btn-sm btn font-extrabold lg:text-[14px] text-[18px] !whitespace-normal inline-flex py-[6px] !border-0">Alles ansehen<img alt="Arrow" class="w-[6px] h-2 ml-2 filter-brown" src="/assets/svgs/icon-chevron-right-black-bold.svg"></a> </li> </ul> <div class="grid grid-cols-1 gap-4 lg:col-span-1 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/products/herren/schuhe/boots-stiefeletten/snow-boots-mit-klettverschluss-und-teddyfutter/n9146.aspx" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/collection/2024/Rocheuses/VisuelMenuPetitChaussuresN9146.jpg" alt="warme schnee boots mit teddyfutter fur herren" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div> </div> </div> </div> </li> <li class="menu-li-l2" data-level="2" data-has-child> <span data-title data-has-L3 class="menu__second-text">Unsere Deals</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto lg:hidden filter-brown menu__second-img" alt="Arrow"> <div data-level="3" class="menu__third animate-slide-right lg:animate-expand-top"> <div class="relative lg:container"> <div class="grid justify-center grid-cols-1 lg:container lg:gap-6 lg:grid-cols-6 max-lg:py-2 max-lg:px-4 lg:gap-6 xl:gap-8"> <ul class="flex flex-col gap-8 bg-lightGray max-lg:-mx-4 max-lg:py-8 max-lg:px-4 lg:gap-3 lg:bg-white"> <li class="font-bold pt-1 gap-2 inline-flex lg:text-[15px] text-[20px]"> <span>Unsere Schnäppchen</span> </li> <li> <a href="/sonderangebote/outlet-75450.aspx" target="_self" class="text-red group relative flex items-center gap-4 lg:gap-3.5"> <div class="w-[30px] shrink-0"> <img alt="Outlet" class="filter-red transition-transform group-hover:translate-x-1 mx-auto" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/promotion.svg"> </div> <span class="lg:max-w-[15ch] font-bold leading-tight lg:text-[14px] text-[18px]">Outlet</span> </a> </li> <li> <a href="/herren/bekleidung/sparpacks-herren-12000.aspx" target="_self" class="text-brown group relative flex items-center gap-4 lg:gap-3.5"> <div class="w-[30px] shrink-0"> <img alt="Spar-Packs" class="filter-brown transition-transform group-hover:translate-x-1 mx-auto" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/lots.svg"> </div> <span class="lg:max-w-[15ch] font-bold leading-tight lg:text-[14px] text-[18px]">Spar-Packs</span> </a> </li> <li> <a href="/sonderangebote/alles-unter-10-euro-75850.aspx" target="_self" class="text-brown group relative flex items-center gap-4 lg:gap-3.5"> <div class="w-[30px] shrink-0"> <img alt="Alles unter €10" class="filter-brown transition-transform group-hover:translate-x-1 mx-auto" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/flash.svg"> </div> <span class="lg:max-w-[15ch] font-bold leading-tight lg:text-[14px] text-[18px]">Alles unter €10</span> </a> </li> <li> <a href="/sonderangebote/alles-unter-15-euro-75900.aspx" target="_self" class="text-brown group relative flex items-center gap-4 lg:gap-3.5"> <div class="w-[30px] shrink-0"> <img alt="Alles unter €15" class="filter-brown transition-transform group-hover:translate-x-1 mx-auto" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/flash.svg"> </div> <span class="lg:max-w-[15ch] font-bold leading-tight lg:text-[14px] text-[18px]">Alles unter €15</span> </a> </li> <li> <a href="/sonderangebote/alles-unter-20-euro-75950.aspx" target="_self" class="text-brown group relative flex items-center gap-4 lg:gap-3.5"> <div class="w-[30px] shrink-0"> <img alt="Alles unter €20" class="filter-brown transition-transform group-hover:translate-x-1 mx-auto" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/flash.svg"> </div> <span class="lg:max-w-[15ch] font-bold leading-tight lg:text-[14px] text-[18px]">Alles unter €20</span> </a> </li> </ul><div class="grid grid-cols-1 gap-4 lg:col-span-2 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/sonderangebote/alles-unter-10-euro-75850.aspx" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/collection/2024/OpeSpe/VisuelMenuGrand10E.jpg" alt="auswahl unter 10 euro" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div> </div> </div> </div> </li> <li class="absolute hidden lg:grid place-items-center right-5 top-2/4 -translate-y-2/4"> <button class="ml-2 closeSecondaryNav" type="button" title="Close Menu" data-close-L2> <img src=/assets/svgs/icon-close.svg class="w-4 h-4 select-none" alt="Close"> </button> </li> </ul> </div> </li> <li class="flex justify-between border-[#D5D5D5] border-b lg:border-0 m1-item" data-level="1" data-has-child> <span data-title class="w-full menu__first-text text-brown ">Damen</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto ml-2 lg:hidden filter-brown menu__first-img" alt="Arrow"> <div class="hidden menu__second"> <ul class="lg:container w-full relative flex flex-col justify-start lg:flex-row lg:justify-center lg:gap-4 xl:gap-8"> <li class="menu-li-l2" data-level="2" data-has-child> <span data-title data-has-L3 class="menu__second-text">Bekleidung</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto lg:hidden filter-brown menu__second-img" alt="Arrow"> <div data-level="3" class="menu__third animate-slide-right lg:animate-expand-top"> <div class="relative lg:container"> <div class="grid justify-center grid-cols-1 lg:container lg:gap-6 lg:grid-cols-6 max-lg:py-2 max-lg:px-4 lg:gap-6 xl:gap-8"> <ul class="max-lg:mb-2"> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px]"> <span>JACKEN</span><img alt="Image" class="lg:hidden max-h-[30px] max-w-[28px]" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/coupe-vent.svg"> </li> <li><a href="/damen/bekleidung/strickjacken-30800.aspx" target="_self" class="menu-sml-li"><span class="no-click">Strickjacken</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/damen/bekleidung/ubergangsjacken-30199.aspx" target="_self" class="menu-sml-li"><span class="no-click">Übergangsjacken</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/damen/bekleidung/westen-30850.aspx" target="_self" class="menu-sml-li"><span class="no-click">Westen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/damen/bekleidung/winterjacken-30049.aspx" target="_self" class="menu-sml-li"><span class="no-click">Winterjacken</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> </ul> <hr class="text-gray max-lg:mx-4 max-lg:mb-4 lg:hidden"> <ul class="max-lg:mb-2"> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px]"> <span>OBERTEILE</span><img alt="Image" class="lg:hidden max-h-[30px] max-w-[28px]" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/pull.svg"> </li> <li><a href="/damen/bekleidung/blusen-30700.aspx" target="_self" class="menu-sml-li"><span class="no-click">Blusen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/damen/bekleidung/fleece-bekleidung-30350.aspx" target="_self" class="menu-sml-li"><span class="no-click">Fleece-Bekleidung</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/damen/bekleidung/langarmshirts-30904.aspx" target="_self" class="menu-sml-li"><span class="no-click">Langarmshirts</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/damen/bekleidung/pullover-30400.aspx" target="_self" class="menu-sml-li"><span class="no-click">Pullover</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/damen/bekleidung/tops-30750.aspx" target="_self" class="menu-sml-li"><span class="no-click">Tops</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/damen/bekleidung/t-shirts-30903.aspx" target="_self" class="menu-sml-li"><span class="no-click">T-Shirts</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/damen/bekleidung/tuniken-30650.aspx" target="_self" class="menu-sml-li"><span class="no-click">Tuniken</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/damen/bekleidung/unterziehrollis-30401.aspx" target="_self" class="menu-sml-li"><span class="no-click">Unterziehrollis</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> </ul> <hr class="text-gray max-lg:mx-4 max-lg:mb-4 lg:hidden"> <ul class="max-lg:mb-2"> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px]"> <span>HOSEN</span><img alt="Image" class="lg:hidden max-h-[30px] max-w-[28px]" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/jeans-pantalon.svg"> </li> <li><a href="/damen/bekleidung/7-8-hosen-31100.aspx" target="_self" class="menu-sml-li"><span class="no-click">7/8-Hosen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/damen/bekleidung/hosen-31000.aspx" target="_self" class="menu-sml-li"><span class="no-click">Hosen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li> <a href="/damen/bekleidung-300.aspx" target="_self" class="btn-sm btn font-extrabold lg:text-[14px] text-[18px] !whitespace-normal inline-flex py-[6px] !border-0">Damen-Bekleidung<img alt="Arrow" class="w-[6px] h-2 ml-2 filter-brown" src="/assets/svgs/icon-chevron-right-black-bold.svg"></a> </li> </ul> <hr class="text-gray max-lg:mx-4 max-lg:mb-4 lg:hidden"> <ul class="flex flex-col gap-8 bg-lightGray max-lg:-mx-4 max-lg:py-8 max-lg:px-4 lg:gap-3 lg:bg-white"> <li class="font-bold pt-1 gap-2 inline-flex lg:text-[15px] text-[20px]"> <span>WEB-ANGEBOTE</span> </li> <li> <a href="/damen/bekleidung/sparpacks-damen-32000.aspx" target="_self" class="text-brown group relative flex items-center gap-4 lg:gap-3.5"> <div class="w-[30px] shrink-0"> <img alt="Spar-Packs" class="filter-brown transition-transform group-hover:translate-x-1 mx-auto" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/lots.svg"> </div> <span class="lg:max-w-[15ch] font-bold leading-tight lg:text-[14px] text-[18px]">Spar-Packs</span> </a> </li> <li> <a href="/damen/homewear-380.aspx" target="_self" class="text-brown group relative flex items-center gap-4 lg:gap-3.5"> <div class="w-[30px] shrink-0"> <img alt=" Bequem & kuschelig: Auswahl für zu Hause" class="filter-brown transition-transform group-hover:translate-x-1 mx-auto" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/chaussons.svg"> </div> <span class="lg:max-w-[15ch] font-bold leading-tight lg:text-[14px] text-[18px]"> Bequem & kuschelig: Auswahl für zu Hause</span> </a> </li> <li> <a href="/categories/auswahl-mit-tiermotiven-80570.aspx" target="_self" class="text-brown group relative flex items-center gap-4 lg:gap-3.5"> <div class="w-[30px] shrink-0"> <img alt="Auswahl mit Tiermotiven" class="filter-brown transition-transform group-hover:translate-x-1 mx-auto" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/loup.svg"> </div> <span class="lg:max-w-[15ch] font-bold leading-tight lg:text-[14px] text-[18px]">Auswahl mit Tiermotiven</span> </a> </li> <li> <a href="/geschenkideen/weihnachtsgeschenke/weihnachtspullover-und-jacken-73312.aspx" target="_self" class="text-mkp-blue group relative flex items-center gap-4 lg:gap-3.5"> <div class="w-[30px] shrink-0"> <img alt="Weihnachtspullover" class="filter-mkp-blue transition-transform group-hover:translate-x-1 mx-auto" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/flocon.svg"> </div> <span class="lg:max-w-[15ch] font-bold leading-tight lg:text-[14px] text-[18px]">Weihnachtspullover</span> </a> </li> </ul><div class="grid grid-cols-1 gap-4 lg:col-span-1 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/damen/bekleidung/pullover-30400.aspx" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/collection/2024/Rocheuses/VisuelMenuPetitPullsZT018.jpg" alt="damepullover" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div><div class="grid grid-cols-1 gap-4 lg:col-span-1 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/sonderangebote/black-friday/black-friday-damen-75220.aspx" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/collection/2024/BlackWeek/VisuelMenuPetit_BlackFriday_F24.jpg" alt="black week damen mode" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div> </div> </div> </div> </li> <li class="menu-li-l2" data-level="2" data-has-child> <span data-title data-has-L3 class="menu__second-text">Homewear</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto lg:hidden filter-brown menu__second-img" alt="Arrow"> <div data-level="3" class="menu__third animate-slide-right lg:animate-expand-top"> <div class="relative lg:container"> <div class="grid justify-center grid-cols-1 lg:container lg:gap-6 lg:grid-cols-6 max-lg:py-2 max-lg:px-4 lg:gap-6 xl:gap-8"> <div></div> <ul class=""> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px] hidden lg:block"> </li> <li><a href="/damen/homewear/hausanzuge-38050.aspx" target="_self" class="menu-sml-li"><span class="no-click">Hausanzüge</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/damen/homewear/hausschuhe-38300.aspx" target="_self" class="menu-sml-li"><span class="no-click">Hausschuhe</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/damen/homewear/schlafanzuge-38150.aspx" target="_self" class="menu-sml-li"><span class="no-click">Schlafanzüge</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li> <a href="/damen/homewear-380.aspx" target="_self" class="btn-sm btn font-extrabold lg:text-[14px] text-[18px] !whitespace-normal inline-flex py-[6px] !border-0">Alles ansehen<img alt="Arrow" class="w-[6px] h-2 ml-2 filter-brown" src="/assets/svgs/icon-chevron-right-black-bold.svg"></a> </li> </ul> <div class="grid grid-cols-1 gap-4 lg:col-span-1 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/products/damen/homewear/schlafanzuge/velours-schlafanzug-mit-blumendekor/zt020.aspx" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/collection/2024/Rocheuses/VisuelMenuPetitPyjamasZT020.jpg" alt="gunstiger warmer pyjama mit motiven fur damen" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div><div class="grid grid-cols-1 gap-4 lg:col-span-1 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/products/damen/homewear/hausschuhe/velours-hausschuhe-mit-aufgesticktem-schmetterling/zt022.aspx" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/collection/2024/Rocheuses/VisuelMenuPetitChaussonsZT022.jpg" alt="warme hausschuhe fur damen" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div> </div> </div> </div> </li> <li class="menu-li-l2" data-level="2" data-has-child> <span data-title data-has-L3 class="menu__second-text">Große Größen</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto lg:hidden filter-brown menu__second-img" alt="Arrow"> <div data-level="3" class="menu__third animate-slide-right lg:animate-expand-top"> <div class="relative lg:container"> <div class="grid justify-center grid-cols-1 lg:container lg:gap-6 lg:grid-cols-6 max-lg:py-2 max-lg:px-4 lg:gap-6 xl:gap-8"> <ul class="max-lg:mb-2"> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px]"> <span>JACKEN</span><img alt="Image" class="lg:hidden max-h-[30px] max-w-[28px]" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/coupe-vent.svg"> </li> <li><a href="/grosse-grossen-damen/bekleidung/strickjacken-40600.aspx" target="_self" class="menu-sml-li"><span class="no-click">Strickjacken</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-damen/bekleidung/ubergangsjacken-40199.aspx" target="_self" class="menu-sml-li"><span class="no-click">Übergangsjacken</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-damen/bekleidung/westen-40500.aspx" target="_self" class="menu-sml-li"><span class="no-click">Westen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-damen/bekleidung/winterjacken-40049.aspx" target="_self" class="menu-sml-li"><span class="no-click">Winterjacken</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> </ul> <hr class="text-gray max-lg:mx-4 max-lg:mb-4 lg:hidden"> <ul class="max-lg:mb-2"> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px]"> <span>OBERTEILE</span><img alt="Image" class="lg:hidden max-h-[30px] max-w-[28px]" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/pull.svg"> </li> <li><a href="/grosse-grossen-damen/bekleidung/fleece-bekleidung-40300.aspx" target="_self" class="menu-sml-li"><span class="no-click">Fleece-Bekleidung</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-damen/bekleidung/langarmshirts-40652.aspx" target="_self" class="menu-sml-li"><span class="no-click">Langarmshirts</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-damen/bekleidung/pullover-40400.aspx" target="_self" class="menu-sml-li"><span class="no-click">Pullover</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-damen/bekleidung/tops-40800.aspx" target="_self" class="menu-sml-li"><span class="no-click">Tops</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-damen/bekleidung/t-shirts-40650.aspx" target="_self" class="menu-sml-li"><span class="no-click">T-Shirts</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-damen/bekleidung/tuniken-und-blusen-41000.aspx" target="_self" class="menu-sml-li"><span class="no-click">Tuniken & Blusen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> </ul> <hr class="text-gray max-lg:mx-4 max-lg:mb-4 lg:hidden"> <ul class="max-lg:mb-2"> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px]"> <span>HOSEN</span><img alt="Image" class="lg:hidden max-h-[30px] max-w-[28px]" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/jeans-pantalon.svg"> </li> <li><a href="/grosse-grossen-damen/bekleidung/7-8-hosen-40900.aspx" target="_self" class="menu-sml-li"><span class="no-click">7/8-Hosen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-damen/bekleidung/hosen-40850.aspx" target="_self" class="menu-sml-li"><span class="no-click">Hosen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li> <a href="/grosse-grossen-damen/bekleidung-400.aspx" target="_self" class="btn-sm btn font-extrabold lg:text-[14px] text-[18px] !whitespace-normal inline-flex py-[6px] !border-0">Gesamte Auswahl in großen Größen<img alt="Arrow" class="w-[6px] h-2 ml-2 filter-brown" src="/assets/svgs/icon-chevron-right-black-bold.svg"></a> </li> </ul> <hr class="text-gray max-lg:mx-4 max-lg:mb-4 lg:hidden"> <ul class=""> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px]"> <span>HOMEWEAR</span> </li> <li><a href="/grosse-grossen-damen/homewear/schlafanzuge-43050.aspx" target="_self" class="menu-sml-li"><span class="no-click">Schlafanzüge</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/grosse-grossen-damen/homewear/hausanzuge-43100.aspx" target="_self" class="menu-sml-li"><span class="no-click">Hausanzüge</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li> <a href="/grosse-grossen-damen/homewear-480.aspx" target="_self" class="btn-sm btn font-extrabold lg:text-[14px] text-[18px] !whitespace-normal inline-flex py-[6px] !border-0">Damen-Homewear in großen Größen<img alt="Arrow" class="w-[6px] h-2 ml-2 filter-brown" src="/assets/svgs/icon-chevron-right-black-bold.svg"></a> </li> </ul> <div class="grid grid-cols-1 gap-4 lg:col-span-2 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/grosse-grossen-damen/bekleidung-400.aspx" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/collection/2024/Noel2/VisuelMenuGrandGTAFW.jpg" alt="damen bekleidung in grossen grossen bis 54" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div> </div> </div> </div> </li> <li class="absolute hidden lg:grid place-items-center right-5 top-2/4 -translate-y-2/4"> <button class="ml-2 closeSecondaryNav" type="button" title="Close Menu" data-close-L2> <img src=/assets/svgs/icon-close.svg class="w-4 h-4 select-none" alt="Close"> </button> </li> </ul> </div> </li> <li class="flex justify-between border-[#D5D5D5] border-b lg:border-0 m1-item" data-level="1" data-has-child> <span data-title class="w-full menu__first-text text-brown ">Accessoires</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto ml-2 lg:hidden filter-brown menu__first-img" alt="Arrow"> <div class="hidden menu__second"> <ul class="lg:container w-full relative flex flex-col justify-start lg:flex-row lg:justify-center lg:gap-4 xl:gap-8"> <li class="menu-li-l2" data-level="2" data-has-child> <span data-title data-has-L3 class="menu__second-text">Herren-Accessoires</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto lg:hidden filter-brown menu__second-img" alt="Arrow"> <div data-level="3" class="menu__third animate-slide-right lg:animate-expand-top"> <div class="relative lg:container"> <div class="grid justify-center grid-cols-1 lg:container lg:gap-6 lg:grid-cols-6 max-lg:py-2 max-lg:px-4 lg:gap-6 xl:gap-8"> <ul class=""> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px] hidden lg:block"> </li> <li><a href="/herren/accessoires/uhren-18700.aspx" target="_self" class="menu-sml-li"><span class="no-click">Armbanduhren und Taschenuhren</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/accessoires/gurtel-hosentrager-18400.aspx" target="_self" class="menu-sml-li"><span class="no-click">Gürtel und Hosenträger</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> </ul> <ul class=""> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px] hidden lg:block"> </li> <li><a href="/herren/accessoires/handschuhe-18150.aspx" target="_self" class="menu-sml-li"><span class="no-click">Handschuhe</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/accessoires/mutzen-hute-und-caps-18251.aspx" target="_self" class="menu-sml-li"><span class="no-click">Mützen, Hüte und Caps</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/accessoires/schals-und-halstucher-18051.aspx" target="_self" class="menu-sml-li"><span class="no-click">Schals und Halstücher</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> </ul> <ul class=""> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px] hidden lg:block"> </li> <li><a href="/herren/accessoires/taschenmesser-18800.aspx" target="_self" class="menu-sml-li"><span class="no-click">Taschenmesser</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/herren/accessoires/taschen-rucksacke-18650.aspx" target="_self" class="menu-sml-li"><span class="no-click">Taschen, Rucksäcke und mehr</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li> <a href="/herren/accessoires-180.aspx" target="_self" class="btn-sm btn font-extrabold lg:text-[14px] text-[18px] !whitespace-normal inline-flex py-[6px] !border-0">Alle Herren-Accessoires<img alt="Arrow" class="w-[6px] h-2 ml-2 filter-brown" src="/assets/svgs/icon-chevron-right-black-bold.svg"></a> </li> </ul> <div class="grid grid-cols-1 gap-4 lg:col-span-2 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/herren/accessoires-180.aspx" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/collection/2024/BlackWeek/VisuelMenuGrandAccessoiresM5101.jpg" alt="fleece mutze zum hammer preis" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div> </div> </div> </div> </li> <li class="menu-li-l2" data-level="2" data-has-child> <span data-title data-has-L3 class="menu__second-text">Damen-Accessoires</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto lg:hidden filter-brown menu__second-img" alt="Arrow"> <div data-level="3" class="menu__third animate-slide-right lg:animate-expand-top"> <div class="relative lg:container"> <div class="grid justify-center grid-cols-1 lg:container lg:gap-6 lg:grid-cols-6 max-lg:py-2 max-lg:px-4 lg:gap-6 xl:gap-8"> <ul class=""> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px] hidden lg:block"> </li> <li><a href="/damen/accessoires/uhren-36400.aspx" target="_self" class="menu-sml-li"><span class="no-click">Armbanduhren</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/damen/accessoires/schmuck-36450.aspx" target="_self" class="menu-sml-li"><span class="no-click">Schmuck</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/damen/accessoires/taschen-36550.aspx" target="_self" class="menu-sml-li"><span class="no-click">Taschen und Geldbörsen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li> <a href="/damen/accessoires-360.aspx" target="_self" class="btn-sm btn font-extrabold lg:text-[14px] text-[18px] !whitespace-normal inline-flex py-[6px] !border-0">Alle Damen-Accessoires<img alt="Arrow" class="w-[6px] h-2 ml-2 filter-brown" src="/assets/svgs/icon-chevron-right-black-bold.svg"></a> </li> </ul> <div class="grid grid-cols-1 gap-4 lg:col-span-2 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/damen/accessoires-360.aspx" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/collection/2024/BlackWeek/VisuelMenuGrandAccessoiresZR422.jpg" alt="damen accessoires gunstig kaufen" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div><div class="grid grid-cols-1 gap-4 lg:col-span-1 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/products/damen/accessoires/schmuck/die-halskette-funkelnder-kristall-tropfen/zt025.aspx" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/collection/2024/Rocheuses/VisuelMenuPetitCollierZT025.jpg" alt="halskette fur damen gunstig" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div><div class="grid grid-cols-1 gap-4 lg:col-span-1 max-lg:-mx-4"> <a data-L3-image-link data-position="1" href="/products/damen/accessoires/uhren/die-armbanduhr-mit-kristallen-und-floralem-dekor/zs808.aspx" target="_self" class="hidden lg:block group relative row-span-2 block overflow-hidden transition duration-1000 ease-in-out"> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/collection/2024/Rocheuses/VisuelMenuPetitCollierZS808.jpg" alt="goldene armbanduhr zum hammer preis" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div> </div> </div> </div> </li> <li class="absolute hidden lg:grid place-items-center right-5 top-2/4 -translate-y-2/4"> <button class="ml-2 closeSecondaryNav" type="button" title="Close Menu" data-close-L2> <img src=/assets/svgs/icon-close.svg class="w-4 h-4 select-none" alt="Close"> </button> </li> </ul> </div> </li> <li class="flex justify-between border-[#D5D5D5] border-b lg:border-0 m1-item" data-level="1" > <a href="/herren/bekleidung/sparpacks-herren-12000.aspx" target="_self" class="text-brown menu__first-text">Spar-Packs</a> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto ml-2 lg:hidden filter-brown menu__first-img" alt="Arrow"> </li> <li class="flex justify-between border-[#D5D5D5] border-b lg:border-0 m1-item" data-level="1" > <a href="/event/weihnachts-ideen" target="_self" class="text-green menu__first-text">🎁 Geschenkideen</a> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto ml-2 lg:hidden filter-brown menu__first-img" alt="Arrow"> </li> <li class="flex justify-between border-[#D5D5D5] border-b lg:border-0 m1-item" data-level="1" data-has-child> <span data-title class="w-full menu__first-text text-blue ">Inspiration</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto ml-2 lg:hidden filter-brown menu__first-img" alt="Arrow"> <div class="hidden menu__second"> <ul class="lg:container w-full relative flex flex-col justify-start lg:flex-row lg:justify-center lg:gap-4 xl:gap-8"> <li class="menu-li-l2" data-level="2" data-has-child> <span data-title data-has-L3 class="menu__second-text">Mode</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto lg:hidden filter-brown menu__second-img" alt="Arrow"> <div data-level="3" class="menu__third animate-slide-right lg:animate-expand-top"> <div class="relative lg:container"> <div class="container grid lg:grid-cols-6 gap-[5px]"> <a href="/inspiration/mode.aspx" target="_parent" class="bg-blue py-4 px-5 flex flex-col justify-between"> <div class="mb-2.5 text-center text-[18px] font-bold leading-[22px] text-white">Richtig beraten – gut gekauft! </div> <p class="mb-5 text-center text-[14px] leading-[18px] text-white">Tipps, die Ihnen helfen, genau das passende Produkt zu finden hinsichtlich Material, Funktion, Stil und Typ.</p> <span class="btn bg-white text-blue h-[30px] text-[14px] px-3 font-medium"> <span class="flex-1 text-center">ALLES ANZEIGEN</span> <img src="/assets/svgs/icon-chevron-right-black-bold.svg" class="filter-blue h-[10px] w-[6px]" alt="Arrow"> </span> </a> <a data-L3-image-link data-position="" href="/inspiration/mode/kaufberatung.aspx" target="_parent" class="group relative block overflow-hidden transition duration-1000 ease-in-out"> <div class="flex items-center gap-6"> <div class="min-w-[45px]"> <img src="" class="filter-blue mx-auto lg:hidden" width="40" alt="Icon" /> </div> <span class="text-shadow left-3 top-2 z-10 text-[18px] leading-none text-blue lg:absolute lg:text-white">Kaufberatung</span> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="filter-blue ml-auto lg:hidden" alt="Arrow"> </div> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/menu/Kaufberatung_Automne.jpg" alt="ein mann tragt eine blaue steppjacke" class="hidden w-full lg:block lazyload" src="/assets/images/lazy.jpg?v=2"> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="absolute right-2 h-3 w-2 bottom-2 filter-white shadow-md" alt="Arrow"> </a> <hr class="text-[#D8D8D8] lg:hidden" /> <a data-L3-image-link data-position="" href="/inspiration/mode/stilberatung.aspx" target="_parent" class="group relative block overflow-hidden transition duration-1000 ease-in-out"> <div class="flex items-center gap-6"> <div class="min-w-[45px]"> <img src="" class="filter-blue mx-auto lg:hidden" width="40" alt="Icon" /> </div> <span class="text-shadow left-3 top-2 z-10 text-[18px] leading-none text-blue lg:absolute lg:text-white">Stilberatung</span> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="filter-blue ml-auto lg:hidden" alt="Arrow"> </div> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/menu/Stilberatung_Automne.jpg" alt="kuscheliges holzfallerhemd" class="hidden w-full lg:block lazyload" src="/assets/images/lazy.jpg?v=2"> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="absolute right-2 h-3 w-2 bottom-2 filter-white shadow-md" alt="Arrow"> </a> <hr class="text-[#D8D8D8] lg:hidden" /> <a data-L3-image-link data-position="" href="/inspiration/mode/pflege.aspx" target="_parent" class="group relative block overflow-hidden transition duration-1000 ease-in-out"> <div class="flex items-center gap-6"> <div class="min-w-[45px]"> <img src="" class="filter-blue mx-auto lg:hidden" width="40" alt="Icon" /> </div> <span class="text-shadow left-3 top-2 z-10 text-[18px] leading-none text-blue lg:absolute lg:text-white">Pflege</span> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="filter-blue ml-auto lg:hidden" alt="Arrow"> </div> <img data-src="/repository/sites/15/de-DE/menu/Pflege1.png" alt="blaues poloshirt aus baumwolle" class="hidden w-full lg:block lazyload" src="/assets/images/lazy.jpg?v=2"> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="absolute right-2 h-3 w-2 bottom-2 filter-white shadow-md" alt="Arrow"> </a> <hr class="text-[#D8D8D8] lg:hidden" /> <a data-L3-image-link data-position="" href="/inspiration/mode/outfits.aspx" target="_parent" class="group relative block overflow-hidden transition duration-1000 ease-in-out"> <div class="flex items-center gap-6"> <div class="min-w-[45px]"> <img src="" class="filter-blue mx-auto lg:hidden" width="40" alt="Icon" /> </div> <span class="text-shadow left-3 top-2 z-10 text-[18px] leading-none text-blue lg:absolute lg:text-white">Outfits für...</span> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="filter-blue ml-auto lg:hidden" alt="Arrow"> </div> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/menu/Outfits_Automne.jpg" alt="ein mann tragt einen beigen parka" class="hidden w-full lg:block lazyload" src="/assets/images/lazy.jpg?v=2"> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="absolute right-2 h-3 w-2 bottom-2 filter-white shadow-md" alt="Arrow"> </a> <hr class="text-[#D8D8D8] lg:hidden" /> </div> </div> </div> </li> <li class="menu-li-l2" data-level="2" data-has-child> <span data-title data-has-L3 class="menu__second-text">Freizeit</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto lg:hidden filter-brown menu__second-img" alt="Arrow"> <div data-level="3" class="menu__third animate-slide-right lg:animate-expand-top"> <div class="relative lg:container"> <div class="container grid lg:grid-cols-6 gap-[5px]"> <a href="/inspiration/freizeit.aspx" target="_parent" class="bg-blue py-4 px-5 flex flex-col justify-between"> <div class="mb-2.5 text-center text-[18px] font-bold leading-[22px] text-white">Hauptsache draußen!</div> <p class="mb-5 text-center text-[14px] leading-[18px] text-white">Wander-, Outdoor, Garten- und Deko-Tipps, die einfach, kostengünstig und schnell umzusetzen sind!</p> <span class="btn bg-white text-blue h-[30px] text-[14px] px-3 font-medium"> <span class="flex-1 text-center">ALLES ANZEIGEN</span> <img src="/assets/svgs/icon-chevron-right-black-bold.svg" class="filter-blue h-[10px] w-[6px]" alt="Arrow"> </span> </a> <a data-L3-image-link data-position="" href="/inspiration/freizeit/wandern.aspx" target="_parent" class="group relative block overflow-hidden transition duration-1000 ease-in-out"> <div class="flex items-center gap-6"> <div class="min-w-[45px]"> <img src="" class="filter-blue mx-auto lg:hidden" width="40" alt="Icon" /> </div> <span class="text-shadow left-3 top-2 z-10 text-[18px] leading-none text-blue lg:absolute lg:text-white">Wander-Tipps</span> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="filter-blue ml-auto lg:hidden" alt="Arrow"> </div> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/menu/Wandern.png" alt="ein mann mit blauem t-shirt und rucksack wandert" class="hidden w-full lg:block lazyload" src="/assets/images/lazy.jpg?v=2"> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="absolute right-2 h-3 w-2 bottom-2 filter-white shadow-md" alt="Arrow"> </a> <hr class="text-[#D8D8D8] lg:hidden" /> <a data-L3-image-link data-position="" href="/inspiration/freizeit/outdoor.aspx" target="_parent" class="group relative block overflow-hidden transition duration-1000 ease-in-out"> <div class="flex items-center gap-6"> <div class="min-w-[45px]"> <img src="" class="filter-blue mx-auto lg:hidden" width="40" alt="Icon" /> </div> <span class="text-shadow left-3 top-2 z-10 text-[18px] leading-none text-blue lg:absolute lg:text-white">Outdoor & Sport</span> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="filter-blue ml-auto lg:hidden" alt="Arrow"> </div> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/menu/Outdoor.png" alt="ein mann mit orangem t-shirt und beigen shorts sitzt draussen" class="hidden w-full lg:block lazyload" src="/assets/images/lazy.jpg?v=2"> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="absolute right-2 h-3 w-2 bottom-2 filter-white shadow-md" alt="Arrow"> </a> <hr class="text-[#D8D8D8] lg:hidden" /> <a data-L3-image-link data-position="" href="/inspiration/freizeit/haus-garten.aspx" target="_parent" class="group relative block overflow-hidden transition duration-1000 ease-in-out"> <div class="flex items-center gap-6"> <div class="min-w-[45px]"> <img src="" class="filter-blue mx-auto lg:hidden" width="40" alt="Icon" /> </div> <span class="text-shadow left-3 top-2 z-10 text-[18px] leading-none text-blue lg:absolute lg:text-white">Haus & Garten</span> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="filter-blue ml-auto lg:hidden" alt="Arrow"> </div> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/menu/HausGarten.png" alt="grune sukkulente" class="hidden w-full lg:block lazyload" src="/assets/images/lazy.jpg?v=2"> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="absolute right-2 h-3 w-2 bottom-2 filter-white shadow-md" alt="Arrow"> </a> <hr class="text-[#D8D8D8] lg:hidden" /> </div> </div> </div> </li> <li class="menu-li-l2" data-level="2" data-has-child> <span data-title data-has-L3 class="menu__second-text">Unterwegs in Deutschland</span> <img data-arrow src=/assets/svgs/icon-chevron-right-black-bold.svg class="w-2 h-3 my-auto lg:hidden filter-brown menu__second-img" alt="Arrow"> <div data-level="3" class="menu__third animate-slide-right lg:animate-expand-top"> <div class="relative lg:container"> <div class="container grid lg:grid-cols-6 gap-[5px]"> <a href="/inspiration/unterwegs.aspx" target="_parent" class="bg-blue py-4 px-5 flex flex-col justify-between"> <div class="mb-2.5 text-center text-[18px] font-bold leading-[22px] text-white">Die Heimat entdecken – große und kleine Attraktionen</div> <p class="mb-5 text-center text-[14px] leading-[18px] text-white">Vorschläge für Ausflugs- und Reiseziele thematisch geordnet!</p> <span class="btn bg-white text-blue h-[30px] text-[14px] px-3 font-medium"> <span class="flex-1 text-center">ALLES ANZEIGEN</span> <img src="/assets/svgs/icon-chevron-right-black-bold.svg" class="filter-blue h-[10px] w-[6px]" alt="Arrow"> </span> </a> <a data-L3-image-link data-position="" href="/inspiration/unterwegs/routen.aspx" target="_parent" class="group relative block overflow-hidden transition duration-1000 ease-in-out"> <div class="flex items-center gap-6"> <div class="min-w-[45px]"> <img src="" class="filter-blue mx-auto lg:hidden" width="40" alt="Icon" /> </div> <span class="text-shadow left-3 top-2 z-10 text-[18px] leading-none text-blue lg:absolute lg:text-white">Routen</span> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="filter-blue ml-auto lg:hidden" alt="Arrow"> </div> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/menu/Routen.png" alt="wanderausflug mit der familie" class="hidden w-full lg:block lazyload" src="/assets/images/lazy.jpg?v=2"> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="absolute right-2 h-3 w-2 bottom-2 filter-white shadow-md" alt="Arrow"> </a> <hr class="text-[#D8D8D8] lg:hidden" /> <a data-L3-image-link data-position="" href="/inspiration/unterwegs/sehenswertes.aspx" target="_parent" class="group relative block overflow-hidden transition duration-1000 ease-in-out"> <div class="flex items-center gap-6"> <div class="min-w-[45px]"> <img src="" class="filter-blue mx-auto lg:hidden" width="40" alt="Icon" /> </div> <span class="text-shadow left-3 top-2 z-10 text-[18px] leading-none text-blue lg:absolute lg:text-white">Sehenswertes</span> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="filter-blue ml-auto lg:hidden" alt="Arrow"> </div> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/menu/Sehenswertes.png" alt="sonnenuntergang uber der see und dem strand" class="hidden w-full lg:block lazyload" src="/assets/images/lazy.jpg?v=2"> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="absolute right-2 h-3 w-2 bottom-2 filter-white shadow-md" alt="Arrow"> </a> <hr class="text-[#D8D8D8] lg:hidden" /> <a data-L3-image-link data-position="" href="/inspiration/unterwegs/wandern-auf-den-spuren-von-legenden.aspx" target="_parent" class="group relative block overflow-hidden transition duration-1000 ease-in-out"> <div class="flex items-center gap-6"> <div class="min-w-[45px]"> <img src="" class="filter-blue mx-auto lg:hidden" width="40" alt="Icon" /> </div> <span class="text-shadow left-3 top-2 z-10 text-[18px] leading-none text-blue lg:absolute lg:text-white">Wandern auf den Spuren von Legenden</span> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="filter-blue ml-auto lg:hidden" alt="Arrow"> </div> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/menu/Legenden.png" alt="sonnenuntergang brocken" class="hidden w-full lg:block lazyload" src="/assets/images/lazy.jpg?v=2"> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="absolute right-2 h-3 w-2 bottom-2 filter-white shadow-md" alt="Arrow"> </a> <hr class="text-[#D8D8D8] lg:hidden" /> <a data-L3-image-link data-position="" href="/inspiration/unterwegs/flusswanderwege-deutschland.aspx" target="_parent" class="group relative block overflow-hidden transition duration-1000 ease-in-out"> <div class="flex items-center gap-6"> <div class="min-w-[45px]"> <img src="" class="filter-blue mx-auto lg:hidden" width="40" alt="Icon" /> </div> <span class="text-shadow left-3 top-2 z-10 text-[18px] leading-none text-blue lg:absolute lg:text-white">Flusswanderwege</span> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="filter-blue ml-auto lg:hidden" alt="Arrow"> </div> <img data-src="https://media.atlasformen.com/media/repository/sites/15/de-DE/menu/Flusswanderwege.png" alt="landschaft mit einem fluss" class="hidden w-full lg:block lazyload" src="/assets/images/lazy.jpg?v=2"> <img src=/assets/svgs/icon-chevron-right-black-bold.svg class="absolute right-2 h-3 w-2 bottom-2 filter-white shadow-md" alt="Arrow"> </a> <hr class="text-[#D8D8D8] lg:hidden" /> </div> </div> </div> </li> <li class="absolute hidden lg:grid place-items-center right-5 top-2/4 -translate-y-2/4"> <button class="ml-2 closeSecondaryNav" type="button" title="Close Menu" data-close-L2> <img src=/assets/svgs/icon-close.svg class="w-4 h-4 select-none" alt="Close"> </button> </li> </ul> </div> </li> </ul> <ul class="relative z-50 px-4 py-4 lg:hidden"> <li class="py-3"><a href="/myaccount/wishlist.aspx" class="text-base leading-none">Merkliste</a></li> <li class="py-3"><a href="/orderfromcatalogue/directorderform.aspx" class="text-base leading-none">Aus dem Katalog bestellen</a></li> <li class="py-3"><a href="/myaccount/newslettersloggedout.aspx" class="text-base leading-none">Unsere Newsletter bekommen</a></li> </ul> </nav> <span data-menu-anim></span> </div> <div data-modal data-search-layer class="relative inset-0 md:z-70 hidden flex-col bg-white overflow-y-auto md:fixed md:bg-black/30 md:p-7 md:shadow-xl [&.active]:flex"> <button data-close class="absolute right-5 top-5 z-30 md:right-9 md:top-9" type="button"> <img src=/assets/svgs/icon-close.svg class="no-click w-4 h-4 select-none" alt="Close"> </button> <div class="relative bg-lightGray py-5 px-5 md:px-10 hidden md:block"> <label class="text-[20px] mb-2.5 font-bold cursor-default block" for="menuSearch">Ihre Suchanfrage:</label> <form class="relative" onsubmit="return false;"> <input data-inner-input type="text" class="input !h-[60px] w-full !text-[20px] font-bold" placeholder=" " /> <button data-inner-button class="btn btn-primary btn-md bg-brown !h-[45px] absolute right-2 top-2/4 -translate-y-2/4 gap-2" type="button"> <span class="flex-1">Suchen</span> <img src="/assets/svgs/icon-search.svg" class="w-4 h-4 filter-white" alt="Search" /> </button> </form> </div> <div data-html></div> <div data-add-to-basket-green-bar class="hidden items-center justify-center bg-green py-4 px-5 [&.active]:flex"> <img src="/assets/svgs/icon-cart-disclaimer-check.svg" class="mr-auto" alt="Very Good"> <div class="flex flex-col md:flex-row text-[16px] md:text-[20px] leading-[24px] gap-x-5 text-white text-center font-bold"> <p>Der Artikel wurde Ihrem Warenkorb hinzugefügt.</p> <a href="/shoppingbasket/basket.aspx" class="underline">Zum Warenkorb</a> </div> <button title="Close" type="button" class="ml-auto" onclick="this.parentNode.classList.remove('active')"> <img src="/assets/svgs/icon-close-menu.svg" class="filter-white w-3.5 h-3.5" alt="Close"> </button> </div> </div> </header> <main> <div data-plp-outer data-filter-products data-location="PLP" data-previous-page="-1" data-current-page="1" data-next-page="2" data-collection-id="100" data-search-query="" data-is-search="False"> <section class="xs:mt-3 grid grid-cols-1"> <div class="order-4 mt-7 flex flex-col-reverse lg:contents"> <hr class="w-full text-[#D2D7D7] lg:mb-1 lg:max-w-[972px] xl:max-w-[1184px] mx-auto min-[1500px]:max-w-[1480px]" /> <ul data-breadcrumb class="breadcrumbs container flex flex-wrap items-center gap-1 max-lg:justify-center max-lg:py-3 px-[11px] min-[1500px]:max-w-[1500px]"> <li class="text-[11px]/[13px]"><a href="/" target="_self">Atlas for men</a></li> <li class="text-[11px]/[13px]"><a href="/categories/herren-1.aspx" target="_self">Herren</a></li> <li class="text-[11px]/[13px]">Bekleidung</li> </ul> <hr class="w-full text-[#D2D7D7] hidden lg:block lg:mb-5 lg:mt-1 lg:max-w-[972px] xl:max-w-[1184px] mx-auto min-[1500px]:max-w-[1480px]" /> </div> <div data-sticky class="no-click sticky top-[-1px] z-30 pb-3 md:pb-5 group"> <div class="enable-click z-10 bg-white"> <div data-wrapper class="container min-[1500px]:max-w-[1500px] v3"> <div class="items-center v3"> <div data-sticky-header class="v3 mb-2 flex items-baseline gap-2.5 max-md:mx-[10px] mt-3 md:mt-0 group-[.plp-sticky-active]:mt-0"> <h1 data-category-name class="cat-title text-[25px]/[30px] font-bold">Herren-Bekleidung - Kariert</h1> <div class="mt-1 flex gap-2 text-[14px]/[17px] max-xs:flex-col xs:gap-7"> <span><span data-total-products>97</span> Artikel verfügbar</span> </div> </div> <div data-sticky-categories-filters class="mb-4 mt-3 flex flex-wrap items-baseline gap-2 max-md:mx-[10px] md:gap-5 lg:flex-nowrap lg:pr-[36px] group-[.plp-sticky-active]:hidden v3"> <p class="text-[14px]">Vorschläge:</p> <section data-category-links class="splide subcat-tags min-w-0 max-w-[97%]" id="sectionTopLinks"> <div class="splide__arrows"> <button class="splide__arrow splide__arrow--prev ml-[-10px] !justify-start lg:ml-[20px]" type="button"> <img alt="Previous Slide" src="/assets/svgs/carousel-arrow-transparent.svg" class="size-3 rotate-180" /> </button> <button class="splide__arrow splide__arrow--next mr-[-25px] !justify-end" type="button"> <img alt="Next Slide" src="/assets/svgs/carousel-arrow-transparent.svg" class="size-3" /> </button> </div> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/winterjacken-10049.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Winterjacken</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/ubergangsjacken-10199.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Übergangsjacken</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/windbreaker-10250.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Windbreaker</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/fleece-bekleidung-10350.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Fleece-Bekleidung</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/pullover-10400.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Pullover</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/unterzieh-rollis-10403.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Unterzieh-Rollis</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/sweatshirts-und-sweatjacken-10450.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Sweatshirts und Sweatjacken</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/strickjacken-10500.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Strickjacken</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/westen-10550.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Westen</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/hemden-10650.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Hemden</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/poloshirts-10750.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Poloshirts</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/jeans-10800.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Jeans</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/hosen-10850.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Hosen</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/3-4-hosen-10900.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">3/4 Hosen</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/kurze-hosen-10970.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Kurze Hosen</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/jogginganzuge-11050.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Jogginganzüge</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/sparpacks-herren-12000.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Sparpacks Herren</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/shirts-10600.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Shirts</a> </li> <li class="splide__slide flex justify-center border align-baseline"> <a href="/herren/bekleidung/strickkleidung-12200.aspx" class="whitespace-nowrap p-2 text-[14px]/[17px]">Strickkleidung</a> </li> </ul> </div> </section> </div> <div data-facets-first-four class="grid grid-cols-1 max-md:pb-3 max-xs:justify-items-center xs:gap-3.5 lg:flex max-lg:flex-1"> <button data-facets-button type="button" class="v3 btn btn-md group w-full gap-3 bg-brown text-white max-xs:w-[95%] lg:w-[178px]"> <span class="flex-1 text-[16px]/[19px] font-bold">Sortieren & Filtern</span> <img src="/assets/svgs/icon-plpV3-trier-filtrer.svg" class="icon-filter h-3 lg:hidden" alt=""> <img src="/assets/svgs/icon-chevron-right-white-bold-rounded.svg" class="icon-chevron h-3 max-lg:hidden lg:mr-[6px]" alt=""> </button> <div style="display: contents"> <button data-facet-open data-seo="produkte" type="button" class="hidden w-fit px-5 gap-5 bg-lightGray text-brown lg:inline group-[.plp-sticky-active]:hidden"> <span class="flex-1 text-[16px]/[19px] font-bold no-click">Produktkategorien</span> </button> <button data-facet-open data-seo="größe" type="button" class="hidden w-fit px-5 gap-5 bg-lightGray text-brown lg:inline group-[.plp-sticky-active]:hidden"> <span class="flex-1 text-[16px]/[19px] font-bold no-click">Größe</span> </button> <button data-facet-open data-seo="farbe" type="button" class="hidden w-fit px-5 gap-5 bg-lightGray text-brown lg:inline group-[.plp-sticky-active]:hidden"> <span class="flex-1 text-[16px]/[19px] font-bold no-click">Farbe</span> </button> <button data-facet-open data-seo="price" type="button" class="hidden w-fit px-5 gap-5 bg-lightGray text-brown lg:inline group-[.plp-sticky-active]:hidden"> <span class="flex-1 text-[16px]/[19px] font-bold no-click">Preis</span> </button> </div> </div> <div data-facets-active-outer data-location="PLP" class="custom-scrollbar v3 mt-3.5 flex gap-[5px] self-center overflow-x-auto bg-lightGray max-md:hidden"> <a data-facet-active data-facet-seo="farbe" data-eng="" data-filter-value="Kariert" class="tag tag-plp-sticky-header active flex shrink-0 items-center gap-2.5 font-bold"> Kariert <img src="/assets/svgs/icon-close.svg" class="filter-white size-2.5" alt="" /> </a> </div> </div> </div> </div> </div> <section data-products-paging class="plp-articles container mt-3.5 grid grid-cols-2 content-start gap-2.5 gap-y-6 md:gap-x-5 md:gap-y-10 lg:grid-cols-3 lg:pb-32 min-[1500px]:max-w-[1500px] min-[1500px]:grid-cols-4"> <div data-product-cards class="contents"> <article data-pc data-location="PLP" data-article-title="Flanellhemd mit Einsätzen in Wildlederoptik" data-comref="11722961" data-offerid="10433596" data-pcode="N8120" data-op="39.9" data-sp="19.95" data-discount-percentage="50" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/f6/24/8c/f6248ca4d75f72e6ac2ee414f022cb94.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/8f/47/28/8f4728738614908e6da343104ebd97f4.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/cb/a8/50/cba8506dde6f8b2056ea5fd80d8e4445.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/13/15/41/1315410fcff24266dbe86b51b43f5b6f.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/e3/d1/f9/e3d1f9043ce704d5d7fd0172ed71b3a0.jpeg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Karohemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/karohemden/flanellhemd-mit-einsatzen-in-wildlederoptik/n8120.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/f6/24/8c/f6248ca4d75f72e6ac2ee414f022cb94.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-red">NEU</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> <img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-half.svg" class="size-[0.85rem]" alt="Star" /> <span class="ml-1 text-[12px]/[14px]">4,8/5</span> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Flanellhemd mit Einsätzen in Wildlederoptik </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €19,95 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €39,90 </p> </div> </div> <p class="pc-main__dc"> -50 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size">M</li> <li data-size data-itemcode="" class="btn-size">L</li> <li data-size data-itemcode="" class="btn-size">XL</li> <li data-size data-itemcode="" class="btn-size">XXL</li> <li data-size data-itemcode="" class="btn-size">3XL</li> <li data-size data-itemcode="" class="btn-size">4XL</li> <li data-size data-itemcode="" class="btn-size">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Kariertes Flanellhemd Tadoussac" data-comref="11722952" data-offerid="10433587" data-pcode="N8111" data-op="39.9" data-sp="19.95" data-discount-percentage="50" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/9c/b7/27/9cb72735a751dcd3eb09b2c37bdb2f4d.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/1c/af/22/1caf22fdcc7948b0bd0bb4912c82f69f.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/84/52/88/845288513d1fccbb7d66a0ba27db372b.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/f3/b0/d0/f3b0d092c159997e3a98feccbc775bff.jpeg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Karohemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/karohemden/kariertes-flanellhemd-tadoussac/n8111.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/9c/b7/27/9cb72735a751dcd3eb09b2c37bdb2f4d.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-red">NEU</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> <img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /> <span class="ml-1 text-[12px]/[14px]">5/5</span> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Kariertes Flanellhemd Tadoussac </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €19,95 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €39,90 </p> </div> </div> <p class="pc-main__dc"> -50 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size">M</li> <li data-size data-itemcode="" class="btn-size">L</li> <li data-size data-itemcode="" class="btn-size">XL</li> <li data-size data-itemcode="" class="btn-size">XXL</li> <li data-size data-itemcode="" class="btn-size">3XL</li> <li data-size data-itemcode="" class="btn-size">4XL</li> <li data-size data-itemcode="" class="btn-size">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Kariertes Flanellhemd Laurentides" data-comref="11722978" data-offerid="10433613" data-pcode="N8137" data-op="39.9" data-sp="19.95" data-discount-percentage="50" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/db/5a/e2/db5ae27719168241004555cb04026f72.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/d4/36/04/d4360461ddbef65995f0d88c911740e0.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/c7/61/fe/c761fe381af065b788ea921c3be4a37c.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/3f/5f/4e/3f5f4ec67d6fcfd24a9e76405ca652d0.jpeg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Karohemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/karohemden/kariertes-flanellhemd-laurentides/n8137.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/db/5a/e2/db5ae27719168241004555cb04026f72.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-red">NEU</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> <img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-empty-2.svg" class="size-[0.85rem]" alt="Star" /> <span class="ml-1 text-[12px]/[14px]">4/5</span> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Kariertes Flanellhemd Laurentides </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €19,95 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €39,90 </p> </div> </div> <p class="pc-main__dc"> -50 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size">M</li> <li data-size data-itemcode="" class="btn-size">L</li> <li data-size data-itemcode="" class="btn-size">XL</li> <li data-size data-itemcode="" class="btn-size">XXL</li> <li data-size data-itemcode="" class="btn-size">3XL</li> <li data-size data-itemcode="" class="btn-size">4XL</li> <li data-size data-itemcode="" class="btn-size">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Hemdjacke aus Fleece mit Teddyfutter" data-comref="11722955" data-offerid="10433590" data-pcode="N8114" data-op="69.9" data-sp="37.95" data-discount-percentage="46" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/bd/8f/e9/bd8fe900f7e568320ca1b2f3b905635e.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/d3/c0/f3/d3c0f38d0edd5b7a07a433ce4f9d42a3.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/bc/01/61/bc016185fc2a8608506afd1d52e198c4.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/6d/7e/be/6d7ebe6dfb6f84051a8403a692937ac1.jpg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Übergangsjacken" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/ubergangsjacken/hemdjacke-aus-fleece-mit-teddyfutter/n8114.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/bd/8f/e9/bd8fe900f7e568320ca1b2f3b905635e.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-red">NEU</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> <img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /> <span class="ml-1 text-[12px]/[14px]">5/5</span> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Hemdjacke aus Fleece mit Teddyfutter </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €37,95 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €69,90 </p> </div> </div> <p class="pc-main__dc"> -46 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size">M</li> <li data-size data-itemcode="" class="btn-size">L</li> <li data-size data-itemcode="" class="btn-size">XL</li> <li data-size data-itemcode="" class="btn-size">XXL</li> <li data-size data-itemcode="" class="btn-size">3XL</li> <li data-size data-itemcode="" class="btn-size">4XL</li> <li data-size data-itemcode="" class="btn-size">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Kariertes Flanellhemd" data-comref="11722965" data-offerid="10433600" data-pcode="N8124" data-op="39.9" data-sp="19.95" data-discount-percentage="50" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/7e/a5/5b/7ea55b543ec4ecfaf746344bc1ed569a.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/c9/10/5f/c9105f585244a4ed550da99885475fc2.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/51/8a/b7/518ab7e182a05fa4c40af560df7ad02d.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/3f/17/11/3f1711614e1e408f6f705d1ff9619f6d.jpeg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Karohemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/karohemden/kariertes-flanellhemd/n8124.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/7e/a5/5b/7ea55b543ec4ecfaf746344bc1ed569a.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-red">NEU</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> <img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-half.svg" class="size-[0.85rem]" alt="Star" /> <span class="ml-1 text-[12px]/[14px]">4,5/5</span> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Kariertes Flanellhemd </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €19,95 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €39,90 </p> </div> </div> <p class="pc-main__dc"> -50 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size">M</li> <li data-size data-itemcode="" class="btn-size">L</li> <li data-size data-itemcode="" class="btn-size">XL</li> <li data-size data-itemcode="" class="btn-size">XXL</li> <li data-size data-itemcode="" class="btn-size">3XL</li> <li data-size data-itemcode="" class="btn-size">4XL</li> <li data-size data-itemcode="" class="btn-size">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Kariertes Flanellhemd Quebec" data-comref="11722967" data-offerid="10433602" data-pcode="N8126" data-op="39.9" data-sp="19.95" data-discount-percentage="50" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/8d/e6/74/8de6743c5f8e5582e1168b2f6651931e.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/07/81/68/0781683c8491bb1259b09320421f8e8f.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/7c/8b/82/7c8b82cc6be01063c1bb94a49c3139eb.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/93/19/30/931930ccf66eab9b583c9bad2c9148a9.jpeg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Karohemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/karohemden/kariertes-flanellhemd-quebec/n8126.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/8d/e6/74/8de6743c5f8e5582e1168b2f6651931e.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-red">NEU</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> <img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /> <span class="ml-1 text-[12px]/[14px]">5/5</span> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Kariertes Flanellhemd Quebec </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €19,95 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €39,90 </p> </div> </div> <p class="pc-main__dc"> -50 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size">M</li> <li data-size data-itemcode="" class="btn-size">L</li> <li data-size data-itemcode="" class="btn-size">XL</li> <li data-size data-itemcode="" class="btn-size">XXL</li> <li data-size data-itemcode="" class="btn-size">3XL</li> <li data-size data-itemcode="" class="btn-size">4XL</li> <li data-size data-itemcode="" class="btn-size">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Hemdjacke Atlas(R) aus Fleece" data-comref="11722941" data-offerid="10433576" data-pcode="N6133" data-op="47.9" data-sp="22.95" data-discount-percentage="52" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/62/5a/5e/625a5e38dfa9866cd2b45cceec0f49cb.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/48/9c/b8/489cb8b183a1783c002436e8b1315cb4.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/54/a6/41/54a641845ae9d138785d1bdd6879ee10.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/32/2a/4c/322a4c095f2f95190868e58197501ee3.jpg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Holzfällerhemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/holzfallerhemden/hemdjacke-atlasr-aus-fleece/n6133.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/62/5a/5e/625a5e38dfa9866cd2b45cceec0f49cb.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> <img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /> <span class="ml-1 text-[12px]/[14px]">5/5</span> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Hemdjacke Atlas(R) aus Fleece </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €22,95 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €47,90 </p> </div> </div> <p class="pc-main__dc"> -52 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size">M</li> <li data-size data-itemcode="" class="btn-size">L</li> <li data-size data-itemcode="" class="btn-size">XL</li> <li data-size data-itemcode="" class="btn-size">XXL</li> <li data-size data-itemcode="" class="btn-size">3XL</li> <li data-size data-itemcode="" class="btn-size">4XL</li> <li data-size data-itemcode="" class="btn-size">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Kariertes Popelinhemd" data-comref="11722894" data-offerid="10433529" data-pcode="M0122" data-op="39.9" data-sp="19.95" data-discount-percentage="50" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/ff/e2/4a/ffe24a3d7fe15b9585ed159cc2a83d51.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/d1/0a/0a/d10a0a9127558beca91e210f25e122e3.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/28/f5/61/28f56140e39b0b0308af09f98f640aaa.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/c2/d8/92/c2d8929e8dcf2de34dc5ea0febfb27d5.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/7c/54/df/7c54df654869820545e93025615154d3.jpg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Karohemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/karohemden/kariertes-popelinhemd/m0122.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/ff/e2/4a/ffe24a3d7fe15b9585ed159cc2a83d51.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Kariertes Popelinhemd </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €19,95 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €39,90 </p> </div> </div> <p class="pc-main__dc"> -50 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size">M</li> <li data-size data-itemcode="" class="btn-size">L</li> <li data-size data-itemcode="" class="btn-size">XL</li> <li data-size data-itemcode="" class="btn-size">XXL</li> <li data-size data-itemcode="" class="btn-size">3XL</li> <li data-size data-itemcode="" class="btn-size">4XL</li> <li data-size data-itemcode="" class="btn-size disabled">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Karierte Cargo-Bermuda" data-comref="11862239" data-offerid="10572169" data-pcode="K0154" data-op="44.9" data-sp="8.98" data-discount-percentage="80" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/af/a9/ad/afa9ad03adcc6973b7ecf8ffd49b1c35.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/fb/c3/82/fbc3821528d4f52a07fa872074808ea8.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/80/67/bc/8067bc4c34cc6bd2bdd08fb645ad43e9.jpg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Kurze Hosen" data-cat-5="Bermuda Shorts" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/kurze-hosen/bermuda-shorts/karierte-cargo-bermuda/k0154.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/af/a9/ad/afa9ad03adcc6973b7ecf8ffd49b1c35.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-black">BLACK WEEK</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> <img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-empty-2.svg" class="size-[0.85rem]" alt="Star" /> <span class="ml-1 text-[12px]/[14px]">4,1/5</span> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Karierte Cargo-Bermuda </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €8,98 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €44,90 </p> </div> </div> <p class="pc-main__dc"> -80 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size">44</li> <li data-size data-itemcode="" class="btn-size disabled">46</li> <li data-size data-itemcode="" class="btn-size disabled">48</li> <li data-size data-itemcode="" class="btn-size disabled">50</li> <li data-size data-itemcode="" class="btn-size">52</li> <li data-size data-itemcode="" class="btn-size disabled">54</li> <li data-size data-itemcode="" class="btn-size">56</li> <li data-size data-itemcode="" class="btn-size">58</li> <li data-size data-itemcode="" class="btn-size">60</li> <li data-size data-itemcode="" class="btn-size">62</li> <li data-size data-itemcode="" class="btn-size">64</li> <li data-size data-itemcode="" class="btn-size">66</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Kariertes Sommerhemd mit Stretch-Effekt" data-comref="11862158" data-offerid="10572438" data-pcode="M9125" data-op="39.9" data-sp="7.98" data-discount-percentage="80" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/8c/8b/fc/8c8bfc0fb80f1d0f72d26821c4dba461.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/4e/89/3b/4e893b135c7fe96bee154cc2511fbde2.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/39/93/e7/3993e78ad36194bfa53134e7d5d43305.jpg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Karohemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/karohemden/kariertes-sommerhemd-mit-stretch-effekt/m9125.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/8c/8b/fc/8c8bfc0fb80f1d0f72d26821c4dba461.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-black">BLACK WEEK</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Kariertes Sommerhemd mit Stretch-Effekt </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €7,98 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €39,90 </p> </div> </div> <p class="pc-main__dc"> -80 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size">M</li> <li data-size data-itemcode="" class="btn-size">L</li> <li data-size data-itemcode="" class="btn-size">XL</li> <li data-size data-itemcode="" class="btn-size">XXL</li> <li data-size data-itemcode="" class="btn-size disabled">3XL</li> <li data-size data-itemcode="" class="btn-size disabled">4XL</li> <li data-size data-itemcode="" class="btn-size disabled">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Popelinhemd mit sommerlichem Karomuster" data-comref="11862295" data-offerid="10572304" data-pcode="L5137" data-op="39.9" data-sp="9.98" data-discount-percentage="75" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/fd/d9/15/fdd915bfc3107fc78a10421ebe0b2000.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/35/86/6a/35866a430cda0f10799d56809ad0213b.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/d5/e5/6d/d5e56d390223ba65e40c28c3752d0c59.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/73/3c/a5/733ca5d5311b425c9f6d23da869f15ba.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/46/43/69/464369fca612c28ec327f4f10e0b70d4.jpg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Karohemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/karohemden/popelinhemd-mit-sommerlichem-karomuster/l5137.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/fd/d9/15/fdd915bfc3107fc78a10421ebe0b2000.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-black">BLACK WEEK</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> <img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-empty-2.svg" class="size-[0.85rem]" alt="Star" /> <span class="ml-1 text-[12px]/[14px]">4/5</span> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Popelinhemd mit sommerlichem Karomuster </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €9,98 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €39,90 </p> </div> </div> <p class="pc-main__dc"> -75 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size">M</li> <li data-size data-itemcode="" class="btn-size">L</li> <li data-size data-itemcode="" class="btn-size">XL</li> <li data-size data-itemcode="" class="btn-size">XXL</li> <li data-size data-itemcode="" class="btn-size disabled">3XL</li> <li data-size data-itemcode="" class="btn-size disabled">4XL</li> <li data-size data-itemcode="" class="btn-size disabled">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Karierte Bermuda" data-comref="11862136" data-offerid="10572166" data-pcode="K4143" data-op="39.9" data-sp="7.98" data-discount-percentage="80" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/ba/09/e0/ba09e0b406b4628afcfca6e46580c1b3.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/2a/c3/6c/2ac36c90b7aef91cce279b490b3ea4e5.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/ca/ff/42/caff42d4790e0064009a4de7a8e4990d.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/0c/8a/e3/0c8ae33cfb80506943ac3de4d9d24b3a.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/0c/71/09/0c71093b8094ba8b5cd53bc6c0be53c6.jpeg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Kurze Hosen" data-cat-5="Bermuda Shorts" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/kurze-hosen/bermuda-shorts/karierte-bermuda/k4143.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/ba/09/e0/ba09e0b406b4628afcfca6e46580c1b3.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-black">BLACK WEEK</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> <img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-half.svg" class="size-[0.85rem]" alt="Star" /> <span class="ml-1 text-[12px]/[14px]">4,7/5</span> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Karierte Bermuda </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €7,98 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €39,90 </p> </div> </div> <p class="pc-main__dc"> -80 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size disabled">M</li> <li data-size data-itemcode="" class="btn-size disabled">L</li> <li data-size data-itemcode="" class="btn-size disabled">XL</li> <li data-size data-itemcode="" class="btn-size">XXL</li> <li data-size data-itemcode="" class="btn-size">3XL</li> <li data-size data-itemcode="" class="btn-size">4XL</li> <li data-size data-itemcode="" class="btn-size">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Kariertes Popelinhemd Country" data-comref="11862297" data-offerid="10572329" data-pcode="M0113" data-op="39.9" data-sp="9.98" data-discount-percentage="75" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/57/4b/95/574b952b802ffdbb7791ceb255914261.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/a3/42/a9/a342a9ff421bec5e5627856ebe70ec43.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/cb/42/eb/cb42ebaffd81ab30fe861a6b5c2c7a54.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/58/5e/0f/585e0f04af58d8c36c4ff50d0dfefe58.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/4c/ec/ec/4cecec92c0f09afe1375c37aa94a9357.jpg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Karohemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/karohemden/kariertes-popelinhemd-country/m0113.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/57/4b/95/574b952b802ffdbb7791ceb255914261.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-black">BLACK WEEK</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> <img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-empty-2.svg" class="size-[0.85rem]" alt="Star" /> <span class="ml-1 text-[12px]/[14px]">4/5</span> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Kariertes Popelinhemd Country </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €9,98 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €39,90 </p> </div> </div> <p class="pc-main__dc"> -75 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size">M</li> <li data-size data-itemcode="" class="btn-size">L</li> <li data-size data-itemcode="" class="btn-size">XL</li> <li data-size data-itemcode="" class="btn-size disabled">XXL</li> <li data-size data-itemcode="" class="btn-size disabled">3XL</li> <li data-size data-itemcode="" class="btn-size disabled">4XL</li> <li data-size data-itemcode="" class="btn-size disabled">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Karierte Bermuda aus Canvas" data-comref="11862138" data-offerid="10572207" data-pcode="H7160" data-op="39.9" data-sp="7.98" data-discount-percentage="80" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/f3/b8/b5/f3b8b57db387de781f0e8c44911691e7.jpeg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Kurze Hosen" data-cat-5="Bermuda Shorts" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/kurze-hosen/bermuda-shorts/karierte-bermuda-aus-canvas/h7160.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/f3/b8/b5/f3b8b57db387de781f0e8c44911691e7.jpeg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-black">BLACK WEEK</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Karierte Bermuda aus Canvas </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €7,98 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €39,90 </p> </div> </div> <p class="pc-main__dc"> -80 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size disabled">M</li> <li data-size data-itemcode="" class="btn-size disabled">L</li> <li data-size data-itemcode="" class="btn-size disabled">XL</li> <li data-size data-itemcode="" class="btn-size">XXL</li> <li data-size data-itemcode="" class="btn-size disabled">3XL</li> <li data-size data-itemcode="" class="btn-size">4XL</li> <li data-size data-itemcode="" class="btn-size">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Karierte Bermuda Relax" data-comref="11862135" data-offerid="10572165" data-pcode="K2125" data-op="39.9" data-sp="7.98" data-discount-percentage="80" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/92/89/b0/9289b0a9ce22a801a4c20e447c8225e1.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/54/d7/71/54d7719e770d5cf4d82f7d03c60ae13e.jpg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Kurze Hosen" data-cat-5="Bermuda Shorts" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/kurze-hosen/bermuda-shorts/karierte-bermuda-relax/k2125.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/92/89/b0/9289b0a9ce22a801a4c20e447c8225e1.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-black">BLACK WEEK</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> <img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /> <span class="ml-1 text-[12px]/[14px]">5/5</span> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Karierte Bermuda Relax </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €7,98 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €39,90 </p> </div> </div> <p class="pc-main__dc"> -80 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size disabled">M</li> <li data-size data-itemcode="" class="btn-size">L</li> <li data-size data-itemcode="" class="btn-size">XL</li> <li data-size data-itemcode="" class="btn-size">XXL</li> <li data-size data-itemcode="" class="btn-size disabled">3XL</li> <li data-size data-itemcode="" class="btn-size disabled">4XL</li> <li data-size data-itemcode="" class="btn-size disabled">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Kariertes Flanellhemd in Gletscherblau" data-comref="11862406" data-offerid="10572151" data-pcode="L1143" data-op="39.9" data-sp="11.97" data-discount-percentage="70" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/4f/1d/94/4f1d94bbda025d5cb71119b13484f621.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/ba/bc/00/babc00d1cd06c99b80dde22c94208896.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/2f/df/ad/2fdfad9f4dd341d9c48186cd3538f48a.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/9b/bd/ad/9bbdada816a8dd43795087922ba796f4.jpg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Karohemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/karohemden/kariertes-flanellhemd-in-gletscherblau/l1143.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/4f/1d/94/4f1d94bbda025d5cb71119b13484f621.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-black">BLACK WEEK</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> <img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /> <span class="ml-1 text-[12px]/[14px]">5/5</span> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Kariertes Flanellhemd in Gletscherblau </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €11,97 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €39,90 </p> </div> </div> <p class="pc-main__dc"> -70 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size disabled">M</li> <li data-size data-itemcode="" class="btn-size disabled">L</li> <li data-size data-itemcode="" class="btn-size disabled">XL</li> <li data-size data-itemcode="" class="btn-size">XXL</li> <li data-size data-itemcode="" class="btn-size disabled">3XL</li> <li data-size data-itemcode="" class="btn-size">4XL</li> <li data-size data-itemcode="" class="btn-size disabled">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Hemdjacke Rocheuses(R) aus Fleece" data-comref="11862478" data-offerid="10572050" data-pcode="G9127" data-op="41.9" data-sp="12.57" data-discount-percentage="70" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/9d/89/54/9d895406055d496683f40ac3fec0ca3f.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/5d/c7/84/5dc784563a559b1c5457046204ebf57f.jpg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Holzfällerhemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/holzfallerhemden/hemdjacke-rocheusesr-aus-fleece/g9127.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/9d/89/54/9d895406055d496683f40ac3fec0ca3f.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-black">BLACK WEEK</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> <img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-empty-2.svg" class="size-[0.85rem]" alt="Star" /> <span class="ml-1 text-[12px]/[14px]">4/5</span> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Hemdjacke Rocheuses(R) aus Fleece </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €12,57 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €41,90 </p> </div> </div> <p class="pc-main__dc"> -70 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size">M</li> <li data-size data-itemcode="" class="btn-size">L</li> <li data-size data-itemcode="" class="btn-size disabled">XL</li> <li data-size data-itemcode="" class="btn-size disabled">XXL</li> <li data-size data-itemcode="" class="btn-size disabled">3XL</li> <li data-size data-itemcode="" class="btn-size disabled">4XL</li> <li data-size data-itemcode="" class="btn-size disabled">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Kariertes Flanellhemd" data-comref="11862326" data-offerid="10572682" data-pcode="M3116" data-op="39.9" data-sp="9.98" data-discount-percentage="75" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/98/1d/8c/981d8ca6d0776252a7777ac082902bdd.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/ca/f3/11/caf311dba10f2ab8f5fe89cba776c540.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/80/87/0b/80870bff120d5cd58263ec2ed4bc1df4.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/06/63/ec/0663ec3dfb896ded97c467dd2debc164.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/bb/28/29/bb282944eeef4fb449407ce6fa955a76.jpg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Karohemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/karohemden/kariertes-flanellhemd/m3116.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/98/1d/8c/981d8ca6d0776252a7777ac082902bdd.jpeg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-black">BLACK WEEK</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> <img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /> <span class="ml-1 text-[12px]/[14px]">5/5</span> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Kariertes Flanellhemd </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €9,98 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €39,90 </p> </div> </div> <p class="pc-main__dc"> -75 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size disabled">M</li> <li data-size data-itemcode="" class="btn-size disabled">L</li> <li data-size data-itemcode="" class="btn-size disabled">XL</li> <li data-size data-itemcode="" class="btn-size disabled">XXL</li> <li data-size data-itemcode="" class="btn-size disabled">3XL</li> <li data-size data-itemcode="" class="btn-size">4XL</li> <li data-size data-itemcode="" class="btn-size disabled">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Flanellhemd mit Schottenkaro" data-comref="11862316" data-offerid="10572557" data-pcode="M3124" data-op="39.9" data-sp="9.98" data-discount-percentage="75" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/69/4a/d4/694ad4561ace5a21b025f7d8cb2b99d6.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/75/b9/ca/75b9caf2962cb2914ba52a39aa767ade.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/9d/22/80/9d2280402b83bf3e59e097e16d646f46.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/0d/b2/94/0db29427ad3a00d6e447388f0288c2df.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/e5/ea/c8/e5eac86dab8e4b163bca2c7bdb96dba2.jpg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Karohemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/karohemden/flanellhemd-mit-schottenkaro/m3124.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/69/4a/d4/694ad4561ace5a21b025f7d8cb2b99d6.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-black">BLACK WEEK</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> <img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /> <span class="ml-1 text-[12px]/[14px]">5/5</span> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Flanellhemd mit Schottenkaro </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €9,98 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €39,90 </p> </div> </div> <p class="pc-main__dc"> -75 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size disabled">M</li> <li data-size data-itemcode="" class="btn-size disabled">L</li> <li data-size data-itemcode="" class="btn-size disabled">XL</li> <li data-size data-itemcode="" class="btn-size disabled">XXL</li> <li data-size data-itemcode="" class="btn-size disabled">3XL</li> <li data-size data-itemcode="" class="btn-size">4XL</li> <li data-size data-itemcode="" class="btn-size disabled">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Kariertes Popelinhemd Indian Summer" data-comref="11862300" data-offerid="10572338" data-pcode="M7113" data-op="39.9" data-sp="9.98" data-discount-percentage="75" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/cb/35/6a/cb356a36764af49f8f77c10b510c3f51.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/fb/b1/7f/fbb17fe557a7f4626dc60f4cdd4b06ee.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/85/ff/68/85ff68dbdf622ea9d3f8c5f9796ac231.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/5f/47/46/5f4746e6850922b5270bd353d8967e18.jpg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Karohemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/karohemden/kariertes-popelinhemd-indian-summer/m7113.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/cb/35/6a/cb356a36764af49f8f77c10b510c3f51.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-black">BLACK WEEK</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> <img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /><img src="/assets/svgs/star-full.svg" class="size-[0.85rem]" alt="Star" /> <span class="ml-1 text-[12px]/[14px]">5/5</span> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Kariertes Popelinhemd Indian Summer </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €9,98 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €39,90 </p> </div> </div> <p class="pc-main__dc"> -75 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size">M</li> <li data-size data-itemcode="" class="btn-size disabled">L</li> <li data-size data-itemcode="" class="btn-size disabled">XL</li> <li data-size data-itemcode="" class="btn-size disabled">XXL</li> <li data-size data-itemcode="" class="btn-size disabled">3XL</li> <li data-size data-itemcode="" class="btn-size disabled">4XL</li> <li data-size data-itemcode="" class="btn-size disabled">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="2-farbiges kariertes Flanellhemd" data-comref="11862357" data-offerid="10572122" data-pcode="G7121" data-op="35" data-sp="10.5" data-discount-percentage="70" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/e7/0b/4e/e70b4e2ae4e11d2947602337a5baa63d.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/25/06/f2/2506f200784c05443cf2e1cb7b4b7ecc.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/c3/7c/02/c37c0270bda20d8426d8fe7036cdcd3f.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/e2/eb/7d/e2eb7df1b600b88551e9fb61b29bf753.jpg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Karohemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/karohemden/2-farbiges-kariertes-flanellhemd/g7121.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/e7/0b/4e/e70b4e2ae4e11d2947602337a5baa63d.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-black">BLACK WEEK</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> 2-farbiges kariertes Flanellhemd </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €10,50 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €35,00 </p> </div> </div> <p class="pc-main__dc"> -70 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size disabled">M</li> <li data-size data-itemcode="" class="btn-size disabled">L</li> <li data-size data-itemcode="" class="btn-size disabled">XL</li> <li data-size data-itemcode="" class="btn-size disabled">XXL</li> <li data-size data-itemcode="" class="btn-size disabled">3XL</li> <li data-size data-itemcode="" class="btn-size">4XL</li> <li data-size data-itemcode="" class="btn-size disabled">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Karierte Hemdjacke aus Fleece mit Teddyfutter" data-comref="11862647" data-offerid="10572099" data-pcode="K9144" data-op="69.9" data-sp="17.48" data-discount-percentage="75" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/a2/9f/90/a29f90549a6411e7d54f1d01da8f3a38.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/cb/f9/07/cbf907f9ef3753bdbdac500ee8fdc487.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/98/d1/de/98d1de6dc8002e9aa9ca871484a36fb5.jpg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Übergangsjacken" data-cat-5="Blousons" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/ubergangsjacken/blousons/karierte-hemdjacke-aus-fleece-mit-teddyfutter/k9144.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/a2/9f/90/a29f90549a6411e7d54f1d01da8f3a38.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-black">BLACK WEEK</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Karierte Hemdjacke aus Fleece mit Teddyfutter </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €17,48 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €69,90 </p> </div> </div> <p class="pc-main__dc"> -75 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size disabled">M</li> <li data-size data-itemcode="" class="btn-size disabled">L</li> <li data-size data-itemcode="" class="btn-size">XL</li> <li data-size data-itemcode="" class="btn-size disabled">XXL</li> <li data-size data-itemcode="" class="btn-size disabled">3XL</li> <li data-size data-itemcode="" class="btn-size disabled">4XL</li> <li data-size data-itemcode="" class="btn-size disabled">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Hemdjacke aus Fleece" data-comref="11862482" data-offerid="10572262" data-pcode="J4121" data-op="41.9" data-sp="12.57" data-discount-percentage="70" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/1f/0f/42/1f0f421d84834a65fd8d9d4713d52db0.jpeg?w=400,https://media.atlasformen.com/webmedia/1080by1242/ce/df/49/cedf49209a2d54b36d8c985189aa86f5.jpeg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Holzfällerhemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/holzfallerhemden/hemdjacke-aus-fleece/j4121.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/1f/0f/42/1f0f421d84834a65fd8d9d4713d52db0.jpeg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-black">BLACK WEEK</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Hemdjacke aus Fleece </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €12,57 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €41,90 </p> </div> </div> <p class="pc-main__dc"> -70 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size disabled">M</li> <li data-size data-itemcode="" class="btn-size disabled">L</li> <li data-size data-itemcode="" class="btn-size">XL</li> <li data-size data-itemcode="" class="btn-size disabled">XXL</li> <li data-size data-itemcode="" class="btn-size disabled">3XL</li> <li data-size data-itemcode="" class="btn-size disabled">4XL</li> <li data-size data-itemcode="" class="btn-size disabled">5XL</li> </ul> </div> </div> </a> </article> <article data-pc data-location="PLP" data-article-title="Karierte Hemdjacke Ranch aus Microfleece" data-comref="11862540" data-offerid="10572268" data-pcode="K9131" data-op="47.9" data-sp="14.37" data-discount-percentage="70" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/1080by1242/77/96/b6/7796b6b75f415f4b0590c62e05ea23b8.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/27/c8/c9/27c8c9b55cc80616bc82cc4b5d1ad044.jpg?w=400,https://media.atlasformen.com/webmedia/1080by1242/23/b4/d2/23b4d2689f054660bede5ee553a511fa.jpg?w=400" data-size-ls="true" data-brand="Atlas For Men" data-cat-1="Atlas For Men" data-cat-2="Herren" data-cat-3="Bekleidung" data-cat-4="Hemden" data-cat-5="Holzfällerhemden" class="pc-main group relative h-full justify-center border border-transparent border-b-[#DFE2E2] hover:border-gray has-[.dropdown.active]:z-10 "> <a data-link href="/products/herren/bekleidung/hemden/holzfallerhemden/karierte-hemdjacke-ranch-aus-microfleece/k9131.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img data-src="https://media.atlasformen.com/webmedia/1080by1242/77/96/b6/7796b6b75f415f4b0590c62e05ea23b8.jpg?w=400" alt="Image" class="w-full h-full object-cover lazyload" src="/assets/images/lazy.jpg?v=2"> </div> <span class="absolute grid grid-cols-[minmax(0,1fr)_auto] left-0 top-0 px-2 py-1 text-[12px] md:text-[14px] font-medium leading-tight text-white bg-black">BLACK WEEK</span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Hinzufügen"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Loggen Sie sich bitte ein, um die Merkliste zu benutzen.</span> </span> <div data-photo-prev class="absolute inset-y-0 left-0 mt-10 w-12"> <span class="no-click product__arrow-previous w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Previous" /> </span> </div> <div data-photo-next class="absolute inset-y-0 right-0 mt-10 w-12"> <span class="no-click product__arrow-next w-8 sm:w-7 lg:hidden"> <img class="no-click filter-brown h-3 w-2" src="/assets/svgs/icon-chevron-right-black-bold.svg" alt="Next" /> </span> </div> </div> <div class="relative flex-1"> <div class="pc-details relative z-20 flex h-full flex-col justify-end bg-white p-2.5"> <div class="pc-vendor"> <div class="items-center inline-flex h-[14px]"> </div> <span class="truncate text-[11px] leading-tight text-black sm:text-[12px]"> </span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Karierte Hemdjacke Ranch aus Microfleece </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p class="pc-main__cp"> €14,37 </p> <div class="flex flex-col self-end mb-2"> <p class="pc-main__op"> €47,90 </p> </div> </div> <p class="pc-main__dc"> -70 <sup>%</sup> </p> </div> </div> <div data-sizes-wrapper class="hover-top pc-sizes__wrapper"> <div class="pc-add-basket"> IN DEN WARENKORB <span data-close-mobile-sizes class="block md:hidden"><img class="no-click" src="/assets/svgs/icon-close.svg" alt="Close" /></span> </div> <ul class="pc-sizes"> <li data-size data-itemcode="" class="btn-size disabled">M</li> <li data-size data-itemcode="" class="btn-size disabled">L</li> <li data-size data-itemcode="" class="btn-size">XL</li> <li data-size data-itemcode="" class="btn-size disabled">XXL</li> <li data-size data-itemcode="" class="btn-size disabled">3XL</li> <li data-size data-itemcode="" class="btn-size disabled">4XL</li> <li data-size data-itemcode="" class="btn-size disabled">5XL</li> </ul> </div> </div> </a> </article> </div> <div class="col-span-full mt-5 grid place-items-center self-end"> <div class="flex h-[5px] w-full max-w-xs items-center bg-lightGray md:max-w-md"> <div data-paging-percentage style="width: 25%;" class="h-[5px] bg-brown"></div> </div> <p data-paging-showing class="mt-1 text-center text-[14px]/[17px]">24 Artikel von 97</p> <button data-paging-show-more type="button" class="btn btn-primary btn-md group mt-6 bg-brown"> <span class="flex-1">Die nächsten 24 anzeigen</span> <img src="/assets/svgs/icon-chevron-right-white-bold-rounded.svg" class="filter-white relative ml-2 h-3" alt="" /> </button> </div> </section> </section> <dialog data-dialog-facets class="allow-desktop-body-scroll fixed bottom-0 mb-0 mr-0 max-h-none w-full max-w-none bg-white shadow-primary max-md:max-h-[85vh] max-md:h-[100%] max-md:overflow-visible max-md:rounded-t-lg md:h-full md:max-w-[470px] md:animate-slide-right"> <button type="button" aria-hidden="true" class="absolute -top-5 left-2/4 z-60 h-2 w-16 -translate-x-2/4 rounded-[4px] bg-white shadow-secondary outline-none"></button> <div class="grid h-full grid-rows-[auto_1fr_auto] max-md:max-h-[calc(100dvh_-_25px)]"> <div class="flex flex-col bg-white pl-10 pr-[35px] pt-5 max-md:rounded-t-lg max-xs:!px-5"> <div class="mb-5 flex items-center gap-4"> <h2 id="filterSidebarTitle" class="text-[18px]/[22px] font-bold">Filter</h2> <span data-active-filters class="text-[14px]/[17px] font-bold">(1)</span> <button data-reset-all type="button" class="text-[11px]/[13px] underline">Zurücksetzen</button> <button data-close-top type="button" title="Close" class="ml-auto p-1"> <img src="/assets/svgs/icon-close-menu.svg" class="aspect-square w-[13px]" alt="Close" /> </button> </div> <hr class="-ml-10 -mr-[35px]" /> </div> <div data-facets class="custom-scrollbar flex flex-col overflow-y-scroll pb-10 pl-10 pr-[35px] max-xs:!px-5"> <section data-facet data-type="SingleItemList" data-seo="sortproducts" data-eng="SortBy"> <div data-show-hide class="cursor-pointer flex items-baseline gap-2 pb-3 pt-5"> <h3 class="text-[16px]/[19px] font-bold">Sortierung</h3> <span data-total-active-filters class="text-[12px]/[14px] font-bold !hidden">(0)</span> <button data-reset type="button" class="text-[11px]/[13px] underline !hidden">Zurücksetzen</button> <img src="/assets/svgs/icon-chevron-down.svg" class="ml-auto h-3"> </div> <div data-expand-collapse class="collapsed"> <div class="overflow-hidden"> <div data-filters class="flex max-h-[131px] shrink-0 flex-wrap gap-2.5 overflow-y-clip"> <a data-filter data-value="price_min" class="tag px-2.5">Preis aufsteigend</a> <a data-filter data-value="price_max" class="tag px-2.5">Preis fallend</a> <a data-filter data-value="promotion" class="tag px-2.5">Promotion</a> </div> <div class="mt-2.5 flex items-center justify-end"> <button data-filters-toggle type="button" class="text-[11px]/[13px] underline">Mehr anzeigen</button> </div> </div> <hr class="mb-3.5 text-[#d3d3d3]" /> </div> </section> <section data-facet data-type="MultipleItemList" data-seo="produkte" data-eng="subfamily"> <div data-show-hide class="cursor-pointer flex items-baseline gap-2 pb-3"> <h3 class="text-[16px]/[19px] font-bold">Produktkategorien</h3> <span data-total-active-filters class="text-[12px]/[14px] font-bold !hidden">(0)</span> <button data-reset type="button" class="text-[11px]/[13px] underline !hidden">Zurücksetzen</button> <img src="/assets/svgs/icon-chevron-down.svg" class="ml-auto h-3"> </div> <div data-expand-collapse class="collapsed"> <div class="overflow-hidden"> <div data-search-outer class="mb-3 facet-search-box"> <form class="flex max-w-[96%] bg-lightGray"> <button class="px-2"> <img class="stroke-2 h-[20px] w-[20px]" src="/assets/svgs/icon-search.svg" /> </button> <input data-search type="text" class="w-full bg-lightGray text-[11px]/[32px] placeholder:text-gray" placeholder=""> </form> </div> <div data-filters class="flex max-h-[131px] shrink-0 flex-wrap gap-2.5 overflow-y-clip"> <a data-filter data-value="Bermudas" class="tag px-2.5">Bermudas</a> <a data-filter data-value="Flanellhemden" class="tag px-2.5">Flanellhemden</a> <a data-filter data-value="Fleecejacken und gefütterte Strickjacken" class="tag px-2.5">Fleecejacken und gefütterte Strickjacken</a> <a data-filter data-value="Gefütterte Hemdjacken" class="tag px-2.5">Gefütterte Hemdjacken</a> <a data-filter data-value="Hemden" class="tag px-2.5">Hemden</a> <a data-filter data-value="Hemdjacken" class="tag px-2.5">Hemdjacken</a> </div> <div class="mt-2.5 flex items-center justify-end"> <button data-filters-toggle type="button" class="text-[11px]/[13px] underline">Mehr anzeigen</button> </div> </div> <hr class="mb-3.5 text-[#d3d3d3]" /> </div> </section> <section data-facet data-type="MultipleItemList" data-seo="größe" data-eng="size"> <div data-show-hide class="cursor-pointer flex items-baseline gap-2 pb-3"> <h3 class="text-[16px]/[19px] font-bold">Größe</h3> <span data-total-active-filters class="text-[12px]/[14px] font-bold !hidden">(0)</span> <button data-reset type="button" class="text-[11px]/[13px] underline !hidden">Zurücksetzen</button> <img src="/assets/svgs/icon-chevron-down.svg" class="ml-auto h-3"> </div> <div data-expand-collapse class="collapsed"> <div class="overflow-hidden"> <div data-search-outer class="mb-3 facet-search-box"> <form class="flex max-w-[96%] bg-lightGray"> <button class="px-2"> <img class="stroke-2 h-[20px] w-[20px]" src="/assets/svgs/icon-search.svg" /> </button> <input data-search type="text" class="w-full bg-lightGray text-[11px]/[32px] placeholder:text-gray" placeholder=""> </form> </div> <div data-filters class="flex max-h-[112px] shrink-0 flex-wrap gap-2.5 overflow-y-clip"> <a data-filter data-value="4XL" class="btn-size">4XL</a> <a data-filter data-value="5XL" class="btn-size">5XL</a> <a data-filter data-value="XL" class="btn-size">XL</a> <a data-filter data-value="XXL" class="btn-size">XXL</a> <a data-filter data-value="M" class="btn-size">M</a> <a data-filter data-value="3XL" class="btn-size">3XL</a> <a data-filter data-value="L" class="btn-size">L</a> <a data-filter data-value="44" class="btn-size">44</a> <a data-filter data-value="52" class="btn-size">52</a> <a data-filter data-value="56" class="btn-size">56</a> <a data-filter data-value="58" class="btn-size">58</a> <a data-filter data-value="60" class="btn-size">60</a> <a data-filter data-value="62" class="btn-size">62</a> <a data-filter data-value="64" class="btn-size">64</a> <a data-filter data-value="66" class="btn-size">66</a> </div> <div class="mt-2.5 flex items-center justify-end"> <button data-filters-toggle type="button" class="text-[11px]/[13px] underline">Mehr anzeigen</button> </div> </div> <hr class="mb-3.5 text-[#d3d3d3]" /> </div> </section> <section data-facet data-type="ColorFamily" data-seo="farbe" data-eng="colour"> <div data-show-hide class="cursor-pointer flex items-baseline gap-2 pb-3"> <h3 class="text-[16px]/[19px] font-bold">Farbe</h3> <span data-total-active-filters class="text-[12px]/[14px] font-bold">(1)</span> <button data-reset type="button" class="text-[11px]/[13px] underline">Zurücksetzen</button> <img src="/assets/svgs/icon-chevron-down.svg" class="ml-auto h-3"> </div> <div data-expand-collapse class="collapsed"> <div class="overflow-hidden"> <div data-search-outer class="mb-3 facet-search-box"> <form class="flex max-w-[96%] bg-lightGray"> <button class="px-2"> <img class="stroke-2 h-[20px] w-[20px]" src="/assets/svgs/icon-search.svg" /> </button> <input data-search type="text" class="w-full bg-lightGray text-[11px]/[32px] placeholder:text-gray" placeholder=""> </form> </div> <div data-filters class="grid shrink-0 auto-rows-[0px] grid-cols-[repeat(auto-fill,_30px)] grid-rows-2 gap-x-7 overflow-hidden"> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-color: RGB(227,216,176);" type="checkbox" id="chk_colour_Beige" value="Beige" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0" /> <label for="chk_colour_Beige">Beige</label> </div> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-color: RGB(46,69,209);" type="checkbox" id="chk_colour_Blau" value="Blau" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0" /> <label for="chk_colour_Blau">Blau</label> </div> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-color: RGB(146,0,68);" type="checkbox" id="chk_colour_Bordeauxrot" value="Bordeauxrot" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0" /> <label for="chk_colour_Bordeauxrot">Bordeauxrot</label> </div> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-color: RGB(78,53,36);" type="checkbox" id="chk_colour_Braun" value="Braun" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0" /> <label for="chk_colour_Braun">Braun</label> </div> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-color: RGB(250,233,43);" type="checkbox" id="chk_colour_Gelb" value="Gelb" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0" /> <label for="chk_colour_Gelb">Gelb</label> </div> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-image: url('/assets/images/colourFacets/motif.png?v=2'); background-repeat: round;" type="checkbox" id="chk_colour_Gemustert" value="Gemustert" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0" /> <label for="chk_colour_Gemustert">Gemustert</label> </div> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-image: url('/assets/images/colourFacets/stripe.png?v=2'); background-repeat: round;" type="checkbox" id="chk_colour_Gestreift" value="Gestreift" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0" /> <label for="chk_colour_Gestreift">Gestreift</label> </div> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-color: RGB(218,218,218);" type="checkbox" id="chk_colour_Grau" value="Grau" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0" /> <label for="chk_colour_Grau">Grau</label> </div> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-color: RGB(91,183,0);" type="checkbox" id="chk_colour_Grün" value="Grün" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0" /> <label for="chk_colour_Grün">Grün</label> </div> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-image: url('/assets/images/colourFacets/tile.png?v=2'); background-repeat: round;" type="checkbox" CHECKED id="chk_colour_Kariert" value="Kariert" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0" /> <label for="chk_colour_Kariert">Kariert</label> </div> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-color: RGB(85,120,0);" type="checkbox" id="chk_colour_Khaki" value="Khaki" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0" /> <label for="chk_colour_Khaki">Khaki</label> </div> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-color: RGB(0,19,113);" type="checkbox" id="chk_colour_Navyblau" value="Navyblau" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0" /> <label for="chk_colour_Navyblau">Navyblau</label> </div> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-color: RGB(255,136,0);" type="checkbox" id="chk_colour_Orange" value="Orange" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0" /> <label for="chk_colour_Orange">Orange</label> </div> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-color: RGB(227,85,166);" type="checkbox" id="chk_colour_Rosa" value="Rosa" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0" /> <label for="chk_colour_Rosa">Rosa</label> </div> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-color: RGB(196,0,0);" type="checkbox" id="chk_colour_Rot" value="Rot" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0" /> <label for="chk_colour_Rot">Rot</label> </div> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-color: RGB(48,48,48);" type="checkbox" id="chk_colour_Schwarz" value="Schwarz" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0" /> <label for="chk_colour_Schwarz">Schwarz</label> </div> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-color: RGB(143,16,148);" type="checkbox" id="chk_colour_Violett" value="Violett" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0" /> <label for="chk_colour_Violett">Violett</label> </div> <div data-filter class="flex flex-col items-center gap-1 mb-2.5"> <input style="background-color: RGB(255,255,255);" type="checkbox" id="chk_colour_Weiß" value="Weiß" class="checkbox-custom checkbox-filter checkbox-filter-clr shrink-0 !border !border-gray" /> <label for="chk_colour_Weiß">Weiß</label> </div> </div> <div class="mt-2.5 flex items-center justify-end"> <button data-filters-toggle type="button" class="text-[11px]/[13px] underline">Mehr anzeigen</button> </div> </div> <hr class="mb-3.5 text-[#d3d3d3]" /> </div> </section> <section data-facet data-type="PriceRange" data-seo="price" data-eng="price"> <div data-show-hide class="cursor-pointer flex items-center justify-between mb-2.5"> <h3 class="text-[16px]/[19px] font-bold">Preis</h3> <img src="/assets/svgs/icon-chevron-down.svg" class="h-3"> </div> <div data-expand-collapse class="collapsed"> <div class="overflow-hidden"> <div class="price-input mb-2.5 flex items-center justify-center gap-2"> <label for="txtPriceRange_Min">Von</label> <span class="z-10 -mr-[22px] text-[14px]/[17px] facet-price-currency">€</span> <input id="txtPriceRange_Min" data-price-range-min type="number" data-abs="7" value="7" class="input-min h-[30px] w-20 border border-gray px-5 text-left text-[14px]/[17px] focus:outline-yellow" /> <label for="txtPriceRange_Max" class="ml-1.5">bis</label> <span class="z-10 -mr-[22px] text-[14px]/[17px] facet-price-currency">€</span> <input id="txtPriceRange_Min" data-price-range-max type="number" data-abs="70" value="70" class="input-max h-[30px] w-20 border border-gray px-5 text-left text-[14px]/[17px] focus:outline-yellow" /> </div> <div class="pl-1 pr-3"> <div data-slider class="mb-3"></div> </div> </div> <hr class="mb-3.5 text-[#d3d3d3]" /> </div> </section> <section data-facet data-type="MultipleItemList" data-seo="material" data-eng="material"> <div data-show-hide class="cursor-pointer flex items-baseline gap-2 pb-3"> <h3 class="text-[16px]/[19px] font-bold">Material</h3> <span data-total-active-filters class="text-[12px]/[14px] font-bold !hidden">(0)</span> <button data-reset type="button" class="text-[11px]/[13px] underline !hidden">Zurücksetzen</button> <img src="/assets/svgs/icon-chevron-down.svg" class="ml-auto h-3"> </div> <div data-expand-collapse class="collapsed"> <div class="overflow-hidden"> <div data-search-outer class="mb-3 facet-search-box"> <form class="flex max-w-[96%] bg-lightGray"> <button class="px-2"> <img class="stroke-2 h-[20px] w-[20px]" src="/assets/svgs/icon-search.svg" /> </button> <input data-search type="text" class="w-full bg-lightGray text-[11px]/[32px] placeholder:text-gray" placeholder=""> </form> </div> <div data-filters class="flex max-h-[131px] shrink-0 flex-wrap gap-2.5 overflow-y-clip"> <a data-filter data-value="Acryl" class="tag px-2.5">Acryl</a> <a data-filter data-value="Baumwolle" class="tag px-2.5">Baumwolle</a> <a data-filter data-value="Flanell" class="tag px-2.5">Flanell</a> <a data-filter data-value="Fleece" class="tag px-2.5">Fleece</a> <a data-filter data-value="Gefüttert" class="tag px-2.5">Gefüttert</a> <a data-filter data-value="Gefüttertes Fleece" class="tag px-2.5">Gefüttertes Fleece</a> <a data-filter data-value="Jeans" class="tag px-2.5">Jeans</a> <a data-filter data-value="Wolle" class="tag px-2.5">Wolle</a> </div> <div class="mt-2.5 flex items-center justify-end"> <button data-filters-toggle type="button" class="text-[11px]/[13px] underline">Mehr anzeigen</button> </div> </div> <hr class="mb-3.5 text-[#d3d3d3]" /> </div> </section> <section data-facet data-type="IconList" data-seo="saison" data-eng="season"> <div data-show-hide class="cursor-pointer flex items-center justify-between mb-2.5"> <h3 class="text-[16px]/[19px] font-bold">Jahreszeiten</h3> <span data-total-active-filters class="text-[12px]/[14px] font-bold !hidden">(0)</span> <button data-reset type="button" class="text-[11px]/[13px] underline !hidden">Zurücksetzen</button> <img src="/assets/svgs/icon-chevron-down.svg" class="h-3"> </div> <div data-expand-collapse class="collapsed"> <div data-filters class="flex shrink-0 flex-wrap gap-5 overflow-hidden"> <a data-filter data-value="Jede Jahreszeit" class="group flex flex-col items-center gap-1 p-1 transition-colors hover:bg-brown [&.active]:bg-brown"> <img src="/assets/svgs/icon-season-7.svg" class="no-click group-hover:filter-white group-[.active]:filter-white transition-all" alt="Spring" /> <span class="no-click text-[11px]/[13px] transition-colors group-hover:text-white group-[.active]:text-white">Jede Jahreszeit</span> </a> <a data-filter data-value="Sommer" class="group flex flex-col items-center gap-1 p-1 transition-colors hover:bg-brown [&.active]:bg-brown"> <img src="/assets/svgs/icon-season-5.svg" class="no-click group-hover:filter-white group-[.active]:filter-white transition-all" alt="Spring" /> <span class="no-click text-[11px]/[13px] transition-colors group-hover:text-white group-[.active]:text-white">Sommer</span> </a> <a data-filter data-value="Winter" class="group flex flex-col items-center gap-1 p-1 transition-colors hover:bg-brown [&.active]:bg-brown"> <img src="/assets/svgs/icon-season-6.svg" class="no-click group-hover:filter-white group-[.active]:filter-white transition-all" alt="Spring" /> <span class="no-click text-[11px]/[13px] transition-colors group-hover:text-white group-[.active]:text-white">Winter</span> </a> </div> <hr class="mb-3.5 text-[#d3d3d3]" /> </div> </section> <section data-facet data-type="MultipleItemList" data-seo="ärmel" data-eng="sleeve"> <div data-show-hide class="cursor-pointer flex items-baseline gap-2 pb-3"> <h3 class="text-[16px]/[19px] font-bold">Ärmel</h3> <span data-total-active-filters class="text-[12px]/[14px] font-bold !hidden">(0)</span> <button data-reset type="button" class="text-[11px]/[13px] underline !hidden">Zurücksetzen</button> <img src="/assets/svgs/icon-chevron-down.svg" class="ml-auto h-3"> </div> <div data-expand-collapse class="collapsed"> <div class="overflow-hidden"> <div data-filters class="flex max-h-[131px] shrink-0 flex-wrap gap-2.5 overflow-y-clip"> <a data-filter data-value="Kurz" class="tag px-2.5">Kurz</a> <a data-filter data-value="Lang" class="tag px-2.5">Lang</a> </div> <div class="mt-2.5 flex items-center justify-end"> <button data-filters-toggle type="button" class="text-[11px]/[13px] underline">Mehr anzeigen</button> </div> </div> </div> </section> </div> <button data-close-bottom type="button" class="btn btn-lg btn-primary group mx-3 my-2.5 gap-2 bg-brown"> <span class="flex-1 font-bold no-click">Die <span data-total-products>97</span> Artikel anzeigen</span> <img src="/assets/svgs/icon-chevron-right-white-bold-rounded.svg" class="filter-white relative h-[15px] w-2.5 no-click" alt="" /> </button> </div> </dialog> </div> </main> <footer data-main-footer> <section data-reassurance class="container mb-10 md:my-10" aria-label="Services Section"> <div class="hidden md:block leading-[24px] my-4 text-[20px] text-center"><span style="font-family: roboto;">UNSERE VORTEILE FÜR SIE</span></div> <section class="container splide services-splide" aria-label="Services Carousel" id="footerServices"> <div class="splide__arrows"> <button class="splide__arrow splide__arrow--prev !flex disabled:!opacity-50" type="button"> <img src="/assets/svgs/carousel-arrow.svg" class="rotate-180" /> </button> <button class="splide__arrow splide__arrow--next !flex disabled:!opacity-50" type="button"> <img alt="Next Slide" src="/assets/svgs/carousel-arrow.svg" /> </button> </div> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <a href="/myaccount/newslettersloggedout.aspx" target="_parent"> <div class="px-2 h-full text-center mt-9 cursor-pointer group"> <div class="grid h-10 place-items-center"><img alt="Im Newsletter gibt's mehr" src="/images/svgs/icon-newsletter.svg" class="m-auto logo"></div> <div class="leading-[19px] font-bold mb-[10px] mt-3 text-[16px] text-yellow">Im Newsletter gibt's mehr</div> <div class="cursor-pointer group"> <p class="text-[14px] leading-[17px] max-w-[27ch] mb-[10px] mx-auto">Gutscheine und Aktionen</p> </div> <span class="text-gray text-[11px] leading-[17px]"></span> </div> </a> </li> <li class="splide__slide"> <a href="https://www.atlasformen.de/aboutv2/informationen/bestellung/zahlung.aspx" target="_parent"> <div class="px-2 h-full text-center mt-9 cursor-pointer group"> <div class="grid h-10 place-items-center"><img alt="Bequemer Bezahlvorgang" src="/images/svgs/icon-padlock.svg" class="m-auto logo"></div> <div class="leading-[19px] font-bold mb-[10px] mt-3 text-[16px] text-yellow">Bequemer Bezahlvorgang</div> <div class="cursor-pointer group"> <p class="text-[14px] leading-[17px] max-w-[27ch] mb-[10px] mx-auto">100% sicher</p> </div> <span class="text-gray text-[11px] leading-[17px]"></span> </div> </a> </li> <li class="splide__slide"> <a href="https://www.atlasformen.de/grosse-grossen-herren/bekleidung-200.aspx" target="_parent"> <div class="px-2 h-full text-center mt-9 cursor-pointer group"> <div class="grid h-10 place-items-center"><img alt="Große Größen" src="/repository/sites/15/de-DE/icones/icon-5XL.svg" class="m-auto logo"></div> <div class="leading-[19px] font-bold mb-[10px] mt-3 text-[16px] text-yellow">Große Größen</div> <div class="cursor-pointer group"> <p class="text-[14px] leading-[17px] max-w-[27ch] mb-[10px] mx-auto">Bis 5XL</p> </div> <span class="text-gray text-[11px] leading-[17px]"></span> </div> </a> </li> <li class="splide__slide"> <a href="https://www.atlasformen.de/aboutv2/informationen/bestellung/rucksendung-ruckzahlung.aspx" target="_parent"> <div class="px-2 h-full text-center mt-9 cursor-pointer group"> <div class="grid h-10 place-items-center"><img alt="Einfacher Rückversand" src="/images/svgs/icon-returns.svg" class="m-auto logo"></div> <div class="leading-[19px] font-bold mb-[10px] mt-3 text-[16px] text-yellow">Einfacher Rückversand</div> <div class="cursor-pointer group"> <p class="text-[14px] leading-[17px] max-w-[27ch] mb-[10px] mx-auto">Kostenlos</p> </div> <span class="text-gray text-[11px] leading-[17px]"></span> </div> </a> </li> </ul> </div> </section> </section> <div class="bg-lightGray pt-10 pb-20"> <section class="container pb-10" aria-label="Newsletter Section"> <div class="grid lg:grid-cols-2 u nziedu lg:w-4/5 lg:max-w-none max-w-sm mx-auto"> <div class="pb-5 lg:pb-0 lg:pr-5"> <a href="https://www.atlasformen.de/myaccount/newslettersloggedout.aspx "> <div class="group/tooltip relative mb-4 text-center text-base leading-[19px]"> JETZT NEWSLETTER ABONNIEREN <span class="tooltiptext-top tooltip w-56"> <span>*Angebot gültig bis zum 15.01.2025 für alle Bestellungen über €39 Einkaufswert. Klicken Sie hier, um die AGBs anzuzeigen.</span> </span> </div> <div class="group/tooltip relative flex min-h-[100px] items-center justify-center"> <img alt="Letter Icon" src="/assets/svgs/footer-letter.svg" /> <p class="text-[14px] max-w-[30ch] relative group"> <a href="/aboutv2/service/agb.aspx">UND 20% EXTRA-RABATT (AB €39) ERHALTEN!</a> <span class="tooltiptext-top tooltip w-56"> <span>*Angebot gültig bis zum 15.01.2025 für alle Bestellungen über €39 Einkaufswert. Klicken Sie hier, um die AGBs anzuzeigen.</span> </span> </p> </div> </a> <form id="frmFooterNewsLoggedOut" data-location="Footer" class="flex items-center justify-center"> <div class="flex flex-col w-full" data-val-parent> <label class="relative cursor-text" for="txtFooterNewsLoggedOut"><input type ="text" class="input w-full" id="txtFooterNewsLoggedOut" placeholder=" " data-required data-email data-email data-is-valid="false"><span class="input-placeholder">E-Mail-Adresse*</span></label><span data-error-message class="hidden relative feedback-msg text-[11px] leading-[13px] gap-2 pl-4 mt-2"></span> </div> <button type="button" class="btn disabled:opacity-50 group btn-primary bg-brown !h-[45px] !px-6 btn-md self-start" data-validate><span class="flex-1 font-bold">ANMELDEN</span><img src="/assets/svgs/icon-chevron-right-black-bold.svg" class="w-[6px] h-[10px] ml-2 filter-white" alt="ANMELDEN" /></button> </form> <button data-news-terms-show type="button" class="block text-[11px] leading-[13px] underline mx-auto mt-2">Mehr über die Anmeldebedingungen</button> <div data-news-terms class="hidden px-4 mt-2"> <p class="mb-2 text-[14px] leading-[17px] md:hidden">*Angebot gültig bis zum 15.01.2025 für alle Bestellungen über €39 Einkaufswert. Klicken Sie hier, um die AGBs anzuzeigen.</p> <p class="text-[14px] leading-[17px]">Beim Anklicken stimmen Sie zu, Newsletter von Atlas For Men und seinen Geschäftspartnern zu bekommen. Sie können unseren Newsletter jederzeit abbestellen, in dem Sie auf dem im Newsletter oben oder unten stehenden Abmeldelink, anklicken. <div><a href="/aboutv2/service/datenschutz.aspx" target="_self">Mehr über unsere Datenschutzrichtlinen.</a></div></p> </div> </div> <a href="/login/login.aspx?CatalogueSubscription=1"> <div class="relative py-5 lg:py-0 lg:px-5"> <span class="absolute -top-0 bg-[#e6e6e6] h-[1px] lg:-left-0 lg:h-full lg:w-[1px] w-full"></span> <div class="text-base leading-[19px] text-center mb-4">MÖCHTEN SIE UNSERE KATALOGE ERHALTEN?</div> <div class="flex justify-center mt-2"> <img alt="Catalogue Image" src="https://media.atlasformen.com/media/repository/sites/15/de-DE/E-catalogues/Kataloge_Western_Mallorca_Rocky.jpg" class="self-start w-[200px]"> <div class="text-center"> <p class="text-[14px] leading-[19px] text-center min-h-[100px]">Melden Sie sich an und erhalten Sie jeden Monat kostenlos die <strong>Kataloge</strong> unserer <strong> Atlas For Men-Kollektionen</strong></p> <button class="btn disabled:opacity-50 group btn-primary bg-brown !h-[45px] !px-6 btn-md mx-auto w-full"> <span class="flex-1 font-bold">ANMELDEN</span> <img src="/assets/svgs/icon-chevron-right-black-bold.svg" class="w-[6px] h-[10px] ml-2 filter-white" alt="Arrow"> </button> </div> </div> </div> </a> </div> </section> <div class=container aria-hidden=true> <hr class="text-[#e6e6e6] lg:mb-5"> </div> <div data-links class="container grid md:gap-4 md:grid-cols-4"> <div class=col-0> <ul class="border-[#D5D5D5] border-b py-4 md:border-b-0 md:py-2 group"> <li data-column-links-title class="text-[14px] py-1 flex font-bold justify-between uppercase"> <span>Kontakt und Hilfe</span> <button class="text-[14px] footer-list-btn md:hidden px-3" type="button"> <span class="group-[.active-footer-list]:hidden">+</span> <span class="hidden group-[.active-footer-list]:block">-</span> </button> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/help/contact.aspx" target="_parent">Kontakt</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/aboutv2/informationen/bestellung/haufige-fragen.aspx" target="_parent">Häufige Fragen</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/aboutv2/service/grossenratgeber.aspx" target="_parent">Größenratgeber</a> </li> </ul><ul class="border-[#D5D5D5] border-b py-4 md:border-b-0 md:py-2 group"> <li data-column-links-title class="text-[14px] py-1 flex font-bold justify-between uppercase"> <span>Unsere Marken</span> <button class="text-[14px] footer-list-btn md:hidden px-3" type="button"> <span class="group-[.active-footer-list]:hidden">+</span> <span class="hidden group-[.active-footer-list]:block">-</span> </button> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/herren/bekleidung-100.aspx" target="_parent">Atlas for Men</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/damen/bekleidung-300.aspx" target="_parent">Atlas for Women</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/kategorien/winch-wheel-900350.aspx" target="_parent">Winch & Wheel</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/marken/la-confortaise-900250.aspx" target="_parent">La Confortaise</a> </li> </ul> </div> <div class=col-1> <ul class="border-[#D5D5D5] border-b py-4 md:border-b-0 md:py-2 group"> <li data-column-links-title class="text-[14px] py-1 flex font-bold justify-between uppercase"> <span>Alles über Atlas for Men</span> <button class="text-[14px] footer-list-btn md:hidden px-3" type="button"> <span class="group-[.active-footer-list]:hidden">+</span> <span class="hidden group-[.active-footer-list]:block">-</span> </button> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/aboutv2/informationen/atlasformen/uber-uns.aspx" target="_parent">Wer ist Atlas for Men?</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/aboutv2/informationen/bestellung/kollektionen.aspx" target="_parent">Unsere Kollektionen</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/aboutv2/informationen/bestellung/vorteilscodes.aspx" target="_parent">Vorteilscodes</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/repository/sites/15/de-DE/TARIF_ATLASFORMEN_2023.pdf" target="_parent">Preisliste</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/aboutv2/informationen/alles-uber-afm/gewinnspiel.aspx" target="_parent">Gewinnspiel</a> </li> </ul><ul class="border-[#D5D5D5] border-b py-4 md:border-b-0 md:py-2 group"> <li data-column-links-title class="text-[14px] py-1 flex font-bold justify-between uppercase"> <span>Unsere Services</span> <button class="text-[14px] footer-list-btn md:hidden px-3" type="button"> <span class="group-[.active-footer-list]:hidden">+</span> <span class="hidden group-[.active-footer-list]:block">-</span> </button> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/aboutv2/informationen/bestellung/zahlung.aspx" target="_parent">Zahlung</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/aboutv2/informationen/bestellung/lieferung.aspx" target="_parent">Lieferung</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/aboutv2/informationen/bestellung/rucksendung-ruckzahlung.aspx" target="_parent">Rücksendung und Rückzahlung</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/aboutv2/informationen/bestellung/garantien.aspx" target="_parent">Garantie</a> </li> </ul> <ul class="border-[#D5D5D5] border-b py-4 md:border-b-0 md:py-2 group "> <li data-column-links-title class="text-[14px] py-1 flex font-bold justify-between uppercase"> <span>Sicher einkaufen</span> <button class="text-[14px] footer-list-btn md:hidden px-3" type="button"> <span class="group-[.active-footer-list]:hidden">+</span> <span class="hidden group-[.active-footer-list]:block">-</span> </button> </li> <li class="text-[14px] py-1 hidden md:block" id="liFooterHTML_12fe9"> <span style="font-family: roboto;"><a class="trustprofilePopup" title="Webshop Trustmark" href="https://cert.ehi-siegel.de/webshop/Atlas-For-Men_4034404?lang=deu" target="_blank" rel="noopener"><img src="https://dashboard.trustprofile.com/banners/4000167/4034404/1699356718.svg" alt="Webshop Trustmark" width="64" height="64" /></a></span> </li> </ul> </div> <div class=col-2> <ul class="border-[#D5D5D5] border-b py-4 md:border-b-0 md:py-2 group"> <li data-column-links-title class="text-[14px] py-1 flex font-bold justify-between uppercase"> <span>Informationen</span> <button class="text-[14px] footer-list-btn md:hidden px-3" type="button"> <span class="group-[.active-footer-list]:hidden">+</span> <span class="hidden group-[.active-footer-list]:block">-</span> </button> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/sitemap/sitemap.aspx" target="_parent">Sitemap</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/aboutv2/service/datenschutz.aspx" target="_parent">Datenschutz</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/aboutv2/service/agb.aspx" target="_parent">AGBs</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/aboutv2/service/widerrufsbelehrung.aspx" target="_parent">Widerrufsbelehrung</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/aboutv2/service/cookies.aspx" target="_parent">Cookies</a> </li> </ul><ul class="border-[#D5D5D5] border-b py-4 md:border-b-0 md:py-2 group"> <li data-column-links-title class="text-[14px] py-1 flex font-bold justify-between uppercase"> <span>Sie finden uns auch in folgenden Ländern:</span> <button class="text-[14px] footer-list-btn md:hidden px-3" type="button"> <span class="group-[.active-footer-list]:hidden">+</span> <span class="hidden group-[.active-footer-list]:block">-</span> </button> </li> <li class="hidden md:block"> <div class="flex flex-wrap gap-1"> <a href="https://www.atlasformen.fr/" target="_self"><img alt="Herrenbekleidung und Accessoires - France" class="w-6 h-6" src="/repository/sites/15/de-DE/flags/fr.png"></a><a href="https://www.atlasformen.fr/" target="_self"><img alt="Herrenbekleidung und Accessoires - France" class="w-6 h-6" src="/repository/sites/15/de-DE/flags/be.png"></a><a href="https://www.atlasformen.de/" target="_self"><img alt="Herrenbekleidung und Accessoires - Germany" class="w-6 h-6" src="/repository/sites/15/de-DE/flags/de.png"></a><a href="https://www.atlasformen.ch/" target="_self"><img alt="Herrenbekleidung und Accessoires - Switzerland" class="w-6 h-6" src="/repository/sites/15/de-DE/flags/ch.png"></a><a href="https://www.atlasformen.de/" target="_self"><img alt="Herrenbekleidung und Accessoires - Germany" class="w-6 h-6" src="/repository/sites/15/de-DE/flags/at.png"></a><a href="https://www.atlasformen.co.uk/" target="_self"><img alt="Herrenbekleidung und Accessoires - United Kingdom" class="w-6 h-6" src="/repository/sites/15/de-DE/flags/gb.png"></a><a href="https://www.atlasformen.nl/" target="_self"><img alt="Herrenbekleidung und Accessoires - Netherlands" class="w-6 h-6" src="/repository/sites/15/de-DE/flags/nl.png"></a><a href="https://www.atlasformen.pl/" target="_self"><img alt="Herrenbekleidung und Accessoires - Poland" class="w-6 h-6" src="/repository/sites/15/de-DE/flags/pl.png"></a><a href="https://www.atlasformen.cz/" target="_self"><img alt="Herrenbekleidung und Accessoires - Czech Republic" class="w-6 h-6" src="/repository/sites/15/de-DE/flags/cz.png"></a><a href="https://www.atlasformen.sk/" target="_self"><img alt="Herrenbekleidung und Accessoires - Slovakia" class="w-6 h-6" src="/repository/sites/15/de-DE/flags/sk.png"></a><a href="https://www.atlasformen.hu/" target="_self"><img alt="Herrenbekleidung und Accessoires - Hungary" class="w-6 h-6" src="/repository/sites/1/fr-FR/flags/hu.png"></a><a href="https://www.atlasformen.ca/" target="_self"><img alt="Herrenbekleidung und Accessoires - Canada" class="w-6 h-6" src="/repository/sites/15/de-DE/flags/ca.png"></a> </div> </li> </ul> </div> <div class=col-3> <ul class="border-[#D5D5D5] border-b py-4 md:border-b-0 md:py-2 group"> <li data-column-links-title class="text-[14px] py-1 flex font-bold justify-between uppercase"> <span>Kundenservice</span> <button class="text-[14px] footer-list-btn md:hidden px-3" type="button"> <span class="group-[.active-footer-list]:hidden">+</span> <span class="hidden group-[.active-footer-list]:block">-</span> </button> </li> <li class="text-[14px] py-1 hidden md:block"> Deutschland: 0800 331 33 22 (Kostenfrei) Montag - Samstag: 08:00 - 20:00 Uhr </li> <li class="text-[14px] py-1 hidden md:block"> Österreich: 0720 88 11 19 (Ortsgespräch) Montag - Samstag: 08:00 - 20:00 Uhr </li> </ul> <ul class="border-[#D5D5D5] border-b py-4 md:border-b-0 md:py-2 group "> <li data-column-links-title class="text-[14px] py-1 flex font-bold justify-between uppercase"> <span>Affiliate Partner werden</span> <button class="text-[14px] footer-list-btn md:hidden px-3" type="button"> <span class="group-[.active-footer-list]:hidden">+</span> <span class="hidden group-[.active-footer-list]:block">-</span> </button> </li> <li class="text-[14px] py-1 hidden md:block" id="liFooterHTML_77327"> <span style="font-family: roboto;"><strong><a href="https://publisher.effiliation.com/affiliev2/signup/signup.html?lg=de&v=2&id=660024299" target="_blank" rel="nofollow noopener">Jetzt entdecken!</a></strong></span> </li> </ul> </div> </div> <div class=container aria-hidden=true> <hr class="text-[#e6e6e6] mt-6 mb-4"> </div> <section class="container flex flex-col items-center justify-between gap-4 pb-4 xl:flex-row" aria-label="Social Media"> <div class="flex flex-col items-center flex-1 gap-4 xl:flex-row"> <div class="text-base font-bold whitespace-nowrap">JETZT FAN WERDEN!</div> <div class="inline-flex items-center gap-10 px-2 xl:gap-4"> <a href="https://www.facebook.com/atlasformen.de" target="_parent" rel="nofollow"><img alt="Facebook" src="/images/svgs/icon-facebook.svg"></a><a href="https://www.youtube.com/c/atlasformende" target="_parent" rel="nofollow"><img alt="Youtube" src="/images/svgs/icon-youtube.svg"></a><a href="https://www.pinterest.fr/atlasformende/" target="_parent" rel="nofollow"><img alt="Pinterest" src="/images/svgs/icon-pinterest.svg"></a><a href="https://www.instagram.com/atlasformen_de/" target="_parent" rel="nofollow"><img alt="Instagram" src="/images/svgs/icon-instagram.svg"></a> </div> </div> <div class="flex flex-col items-center gap-5 pt-10 lg:gap-4 md:flex-row md:pt-0"> <div class="inline-flex flex-wrap justify-center items-center gap-4 px-2"> <a href="https://ecommerce-europe.eu/" target="_self" rel="nofollow"><img alt="E-commerce" class="h-[45px]" src="/images/footer/footer-ecommerce.png"></a> </div> </div> </section> <div class=container aria-hidden=true> <hr class=text-[#e6e6e6]> </div> <section class="container flex items-center justify-between mt-5" aria-label='Copyright AFM'> <div class="text-[11px] leading-[13px]">©2024 Atlas For Men</div> <a href="/aboutv2/informationen/atlasformen/impressum.aspx" class="text-[11px] leading-[13px] underline">Impressum</a> </section> </div> </footer> <div data-goto-top class="container hidden"> <button type="button" class="fixed bottom-5 right-[5%] z-30 flex aspect-square w-[64px] flex-col items-center justify-center gap-1.5 rounded-full bg-white shadow-primary"> <img src="/assets/svgs/icon-chevron-down.svg" class="rotate-180" alt="Arrow Top" /> <span class="text-[11px] font-bold leading-none"> Nach<br> oben </span> </button> </div> <dialog data-cookie-wall-dialog class="mb-0 max-w-[1054px]"> <div class="modal__content flex flex-col p-5 max-sm:h-[80vh] md:px-10 md:py-[30px]"> <div class="custom-scrollbar flex-1 overflow-y-auto max-md:pr-2"> <h2 class="pb-5 text-[20px]/[24px] font-bold">Cookie-Einstellungen</h2> <p class="text-[12px]/[17px]"> Bei Atlas for Men verwenden wir Cookies, um die notwendigen Funktionen unserer Website zu gewährleisten, sowie ihre Nutzung zu vereinfachen. Die Cookies helfen uns, Informationen über die Nutzung unserer Website durch die Website-Besucher zu sammeln, wodurch wir unsere Seite ständig verbessern und Ihnen auf Ihre Interessen zugeschnittene Angebote unterbreiten können.  Mit dem Klick auf 'Akzeptieren' stimmen Sie der Nutzung der von uns verwendeten Cookies zu. Für weitere Informationen <a href="/aboutv2/service/cookies.aspx" target="_self">klicken Sie bitte hier</a>. </p> </div> <div class="mt-3 flex justify-between max-md:flex-col max-md:gap-5"> <button data-reject-all type="button" class="btn max-md:self-start"> <span class="text-[12px]/[17px]">Alle ablehnen</span> <img src="/assets/svgs/icon-chevron-right-black-bold.svg" class="filter-brown relative ml-2 h-2 w-1.5" alt="Arrow" /> </button> <div class="flex gap-2.5 max-md:flex-col"> <button data-configure type="button" class="btn btn-lg w-full justify-between border border-brown bg-white text-center"> <span class="flex-1 text-center font-semibold">Cookies einstellen</span> <img src="/assets/svgs/icon-chevron-right-black-bold.svg" class="filter-brown relative ml-4 w-2" alt="Arrow" /> </button> <button data-accept-all type="button" class="btn btn-lg btn-primary group justify-between bg-green disabled:opacity-50 md:w-[240px]"> <span class="flex-1 text-center">Akzeptieren</span> <img src="/assets/svgs/icon-chevron-right-black-bold.svg" class="filter-white relative ml-4 w-2" alt="Arrow" /> </button> </div> </div> </div> </dialog> <dialog data-cookie-wall-configure-dialog class="h-full max-w-[1054px] mb-0"> <div class="flex h-full flex-col justify-end"> <div class="modal__content flex h-full max-h-[80vh] flex-col p-5 md:px-10 md:py-[30px]"> <header class="mb-5"> <h2 class="text-[20px]/[24px] font-bold">Cookie-Einstellungen</h2> </header> <div data-scrollable class="custom-scrollbar flex-1 overflow-y-auto overscroll-y-contain pr-5"> <hr class="mb-4 text-[#b0b0b0]" /> <div class="flex items-center justify-between mb-3"> <h3 class="text-[16px] leading-[19px] font-bold">Erforderliche Cookies</h3> <div class="flex items-center gap-3"> <label for="radSTRAccept" class="text-[#D9D9D9] text-[14px] leading-[17px] font-light">Erforderlich</label> <label for="radSTRAccept" class="cursor-pointer w-7 aspect-square"> <input id="radSTRAccept" type="radio" name="cookieFunctional" class="hidden peer" checked /> <img src="/assets/svgs/cookie-checkmark.svg" class="opacity-30 peer-checked:opacity-100" alt="No" /> </label> </div> </div> <p class="text-[12px]/[17px]">Dies sind technische Cookies, die für das einwandfreie Funktionieren unserer Website und aller Funktionen, die sie bietet, notwendig sind. Sie sind u.a. verantwortlich für das Speichern der Produkte in Ihrem Warenkorb, die Steuerung der Filter und des Kaufprozesses oder das Speichern Ihrer Datenschutzeinstellungen. Für die Verwendung von absolut notwendigen Cookies auf unserer Website ist Ihre Zustimmung nicht erforderlich. Aus diesem Grund können technische Cookies nicht individuell deaktiviert oder aktiviert werden.</p> <hr class="text-[#b0b0b0] mt-5 mb-4" /> <div class="flex items-center justify-between mb-3"> <h3 class="text-[16px] leading-[19px] font-bold">Analytische Cookies</h3> <div class="flex gap-[1px]"> <label for="radANLReject" class="cursor-pointer w-7 aspect-square"> <input id="radANLReject" type="radio" name="radANL" class="hidden peer" value="false" checked /> <img src="/assets/svgs/cookie-cross.svg" class="opacity-30 peer-checked:opacity-100" alt="No" /> </label> <label for="radANLAccept" class="cursor-pointer w-7 aspect-square"> <input id="radANLAccept" type="radio" name="radANL" class="hidden peer" value="true" /> <img src="/assets/svgs/cookie-checkmark.svg" class="opacity-30 peer-checked:opacity-100" alt="Yes" /> </label> </div> </div> <p class="text-[12px]/[17px]"></p> <button data-show-cookies data-pan type="button" class="btn btn-sm font-semibold mt-[10px]">Mehr anzeigen</button> <div class="hidden flex-wrap justify-center mt-3 gap-5"> <p class="text-[12px]">Content Square</p> <p class="text-[12px]">Google Analytics</p> <p class="text-[12px]">IP Label</p> <p class="text-[12px]">Ladenzeile</p> <p class="text-[12px]">Smart Active Media</p> <p class="text-[12px]">Sovendus</p> </div> <hr class="text-[#b0b0b0] mt-5 mb-4" /> <div class="flex items-center justify-between mb-3"> <h3 class="text-[16px] leading-[19px] font-bold">Personalisierte Cookies</h3> <div class="flex gap-[1px]"> <label for="radFUNReject" class="cursor-pointer w-7 aspect-square"> <input id="radFUNReject" type="radio" name="radFUN" class="hidden peer" value="false" checked /> <img src="/assets/svgs/cookie-cross.svg" class="opacity-30 peer-checked:opacity-100" alt="No" /> </label> <label for="radFUNAccept" class="cursor-pointer w-7 aspect-square"> <input id="radFUNAccept" type="radio" name="radFUN" class="hidden peer" value="true" /> <img src="/assets/svgs/cookie-checkmark.svg" class="opacity-30 peer-checked:opacity-100" alt="Yes" /> </label> </div> </div> <p class="text-[12px]/[17px]"></p> <button data-show-cookies data-per type="button" class="btn btn-sm font-semibold mt-[10px]">Mehr anzeigen</button> <div class="hidden flex-wrap justify-center mt-3 gap-5"> <p class="text-[12px]">A/B Tasty</p> <p class="text-[12px]">iAdvize</p> </div> <hr class="text-[#b0b0b0] mt-5 mb-4" /> <div class="flex items-center justify-between mb-3"> <h3 class="text-[16px] leading-[19px] font-bold">Marketing Cookies</h3> <div class="flex gap-[1px]"> <label for="radMARReject" class="cursor-pointer w-7 aspect-square"> <input id="radMARReject" type="radio" name="radMAR" class="hidden peer" value="false" checked /> <img src="/assets/svgs/cookie-cross.svg" class="opacity-30 peer-checked:opacity-100" alt="No" /> </label> <label for="radMARAccept" class="cursor-pointer w-7 aspect-square"> <input id="radMARAccept" type="radio" name="radMAR" class="hidden peer" value="true" /> <img src="/assets/svgs/cookie-checkmark.svg" class="opacity-30 peer-checked:opacity-100" alt="Yes" /> </label> </div> </div> <p class="text-[12px]/[17px]"></p> <button data-show-cookies data-mar type="button" class="btn btn-sm font-semibold mt-[10px]">Mehr anzeigen</button> <div class="mt-3 hidden [&.active]:flex"> <ul class="basis-1/3"> <li class="text-[12px] mb-1">Atlas For Men</li> <li class="text-[12px] mb-1">Bing</li> <li class="text-[12px] mb-1">Connexity</li> <li class="text-[12px] mb-1">Criteo</li> <li class="text-[12px] mb-1">Effinity</li> <li class="text-[12px] mb-1">Facebook</li> <li class="text-[12px] mb-1">Google Ads</li> </ul> <ul class="basis-1/3"> <li class="text-[12px] mb-1">Kelkoo</li> <li class="text-[12px] mb-1">Remailme</li> <li class="text-[12px] mb-1">RTB House</li> <li class="text-[12px] mb-1">Selligent</li> <li class="text-[12px] mb-1">Shopping 24</li> <li class="text-[12px] mb-1">Trusted Shops</li> </ul> </div> </div> <footer class="flex flex-col-reverse md:flex-row gap-2 items-center justify-between pt-5"> <p class="text-center text-[12px]/[14px]">Ihre Einstelllungen können Sie jederzeit anpassen.</p> <div class="flex flex-1 flex-col justify-end gap-[10px] max-md:w-full sm:flex-row"> <button data-save type="button" class="btn btn-lg border border-brown bg-white"> <span class="font-semibold flex-1">Speichern</span> <img src="/assets/svgs/icon-chevron-right-black-bold.svg" class="filter-brown relative ml-4 w-[6px]" alt="Arrow" /> </button> <button data-accept-all-configure type="button" class="btn btn-lg btn-primary group bg-green disabled:opacity-50"> <span class="flex-1">Alle akzeptieren</span> <img src="/assets/svgs/icon-chevron-right-black-bold.svg" class="filter-white relative ml-4 w-[6px]" alt="Arrow" /> </button> </div> </footer> </div> </div> </dialog> <dialog data-pc-generic-mobile class="fixed bottom-0 mb-0 mr-0 max-h-none w-full max-w-full overflow-visible max-w-none"> <div class="relative flex h-screen flex-col justify-end"> <article data-pc data-location="ProductCardGenericMobile" class="group relative mb-0 overflow-visible rounded-t-xl bg-white p-4 shadow-primary"> <button type="button" aria-hidden="true" class="absolute -top-5 left-2/4 z-60 h-2 w-16 -translate-x-2/4 rounded-[4px] bg-white shadow-secondary outline-none self-center"></button> <button data-close-pc-generic-mobile type="button" class="absolute right-4 top-4 p-1"> <img src="/assets/svgs/icon-close.svg" class="no-click h-3 w-3" alt="Close" /> </button> <div class="-mr-4"> <div data-title class="mb-4 pr-3 pr-7 text-[20px]/[24px] font-bold text-black"></div> <p data-description class="custom-scrollbar max-h-[95px] overflow-y-auto text-[14px]/[19px]"></p> <div data-carousel id="divPCRegularMobileCarousel" class="splide cart-modal-splide mt-2.5" role="group"> <div class="splide__track max-h-[192px]"> <ul class="splide__list"></ul> </div> <div class="carousel-progress relative pt-3 md:hidden"> <div class="bg-brown carousel-progress-bar absolute h-[5px] w-0 rounded-md bg-brown"></div> <div class="absolute h-[5px] w-0 rounded-md bg-brown"></div> </div> </div> </div> <div class="bg-white pt-3"> <div class="mb-3 text-[18px] font-bold leading-[22px]">Größe wählen</div> <ul data-sizes class="flex flex-wrap items-center gap-2.5"></ul> <div data-size-guide class="mt-4 flex gap-2"> <img data-icon alt="" /> <div data-note class="text-[12px]/[14px]"></div> </div> <dialog data-dialog-size-guide class="custom-scrollbar w-full max-w-[500px] pl-2 lg:mt-7 lg:max-w-[976px]"> <div class="modal__content modal__size-guide"></div> </dialog> <div class="relative"> <button data-add-basket type="button" class="add-to-basket-button btn btn-lg btn-primary mt-5 w-full bg-green md:mt-2.5"> <span class="no-click flex-1 text-center">In den Warenkorb</span> <img class="no-click" src="/assets/svgs/icon-add-basket-white.svg" alt="Add To Basket" /> </button> <span data-no-size class="tooltiptext-top tooltip w-56 justify-center gap-2 [&.active]:flex"></span> </div> </div> </article> </div> </dialog> <div data-pc-dialog-full></div> <div data-overlay class="bg-black/20 fixed inset-0 z-50 hidden"></div> <div data-add-to-basket-confirmation></div> <dialog data-dialog-generic class="mb-0 w-full max-w-5xl sm:px-2.5 md:mt-20"> <div class="modal__content group relative p-[30px]"> <button data-close type="button" title="Close" class="absolute top-4 right-4"> <img src="/assets/svgs/icon-close.svg" class="no-click h-3 w-3" alt="Close" /> </button> <div data-title class="text-[20px] font-bold leading-[24px]"></div> <p data-text class="mt-3 text-[14px] leading-[17px]"></p> </div> </dialog> <dialog data-dialog-generic-image class="max-w-5xl sm:px-2.5"> <div class="flex flex-col"> <button data-close type="button" class="self-end text-white"></button> <a data-link class="cursor-default"> <img data-image /> <div class="flex flex-col pt-4 pb-3"> <div data-above-button-text class="mx-auto pb-2 text-white"></div> <button data-button class="mx-auto px-10 py-2 bg-white"></button> </div> <p data-text class="custom-scrollbar my-2.5 h-20 max-w-[400px] overflow-y-auto pr-5 text-[12px]/[17px] text-white"></p> </a> </div> </dialog> <script>document.addEventListener("DOMContentLoaded", () => { const splideFooterServices = new Splide("#footerServices", AtlasForMen_JS_Carousel.FooterServices()); const carouselFooterServices = { module:"FooterServices", splideObject: splideFooterServices}; appAFM.Carousels.push(carouselFooterServices);AtlasForMen_JS_PLP.InitStickyNoCategoriesCarousel();AtlasForMen_JS_Carousel.InitCarousels(); });</script> <script>(function(){window.appAFM = {"Environment":"Production","SiteID":15,"Locale":"de-DE","Currency":"€","CurrencyName":"EUR","Domain":"atlasformen.de","DomainFull":"www.atlasformen.de","Country":"DE","IsLoggedIn":false,"IsMarketPlaceCountry":false,"SwitchProductText":false,"CondensedMaster":false,"Header":{"View":"/Views/Header/header.cshtml","StickyHeader":false,"SearchDesign":"Original"},"Menu":{"Show":true,"TopBannerModuleGap":true},"FriendlyCaptcha":{"IsEnabled":false},"Container":{"Location":"PLP","TimeStamp":"1732826498","PageURL":"/herren/bekleidung-100.aspx?farbe=kariert","PageType":"category","PageL1":"Herren","PageL2":"Bekleidung","PageCount":0,"Language":"de","CountryFull":"Germany","Currency":"EUR","Customer":{"ID":"","Email":"","EmailHashed":"","Gender":"","Title":"","FirstName":"","LastName":"","FullName":"","Street":"","StreetNumber":"","City":"","Region":"","Zip":"","Country":"","Phone":"","HasAccount":"N","YearOfBirth":0,"IsNew":true,"IsLoggedIn":false,"IsSubscribedToNewsletter":false,"AlreadyPlacedOrder":false,"Browser":"Internet Explorer v7.0","Device":"Desktop"},"Category":{"ID":100,"Name":"Bekleidung","Breadcrumbs":[{"Item1":1,"Item2":"Herren"},{"Item1":100,"Item2":"Bekleidung"}],"ProductIDs":["816516","816507","816533","816510","816520","816522","798366","650134","622335","747143","621715","639196","650141","639208","478840","582953","220854","677700","677708","728389","158117","558531","367929","558415"],"OfferIDs":["10433596","10433587","10433613","10433590","10433600","10433602","10433576","10433529","10572169","10572438","10572304","10572166","10572329","10572207","10572165","10572151","10572050","10572682","10572557","10572338","10572122","10572099","10572262","10572268"],"ProductCodes":["N8120","N8111","N8137","N8114","N8124","N8126","N6133","M0122","K0154","M9125","L5137","K4143","M0113","H7160","K2125","L1143","G9127","M3116","M3124","M7113","G7121","K9144","J4121","K9131"],"Products":[{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"816516","ProductCode":"N8120","OfferID":"10433596","Name":"Flanellhemd mit Einsätzen in Wildlederoptik","OriginalPrice":39.9,"SellingPrice":19.95},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"816507","ProductCode":"N8111","OfferID":"10433587","Name":"Kariertes Flanellhemd Tadoussac","OriginalPrice":39.9,"SellingPrice":19.95},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"816533","ProductCode":"N8137","OfferID":"10433613","Name":"Kariertes Flanellhemd Laurentides","OriginalPrice":39.9,"SellingPrice":19.95},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"816510","ProductCode":"N8114","OfferID":"10433590","Name":"Hemdjacke aus Fleece mit Teddyfutter","OriginalPrice":69.9,"SellingPrice":37.95},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"816520","ProductCode":"N8124","OfferID":"10433600","Name":"Kariertes Flanellhemd","OriginalPrice":39.9,"SellingPrice":19.95},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"816522","ProductCode":"N8126","OfferID":"10433602","Name":"Kariertes Flanellhemd Quebec","OriginalPrice":39.9,"SellingPrice":19.95},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"798366","ProductCode":"N6133","OfferID":"10433576","Name":"Hemdjacke Atlas(R) aus Fleece","OriginalPrice":47.9,"SellingPrice":22.95},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"650134","ProductCode":"M0122","OfferID":"10433529","Name":"Kariertes Popelinhemd","OriginalPrice":39.9,"SellingPrice":19.95},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"622335","ProductCode":"K0154","OfferID":"10572169","Name":"Karierte Cargo-Bermuda","OriginalPrice":44.9,"SellingPrice":8.98},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"747143","ProductCode":"M9125","OfferID":"10572438","Name":"Kariertes Sommerhemd mit Stretch-Effekt","OriginalPrice":39.9,"SellingPrice":7.98},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"621715","ProductCode":"L5137","OfferID":"10572304","Name":"Popelinhemd mit sommerlichem Karomuster","OriginalPrice":39.9,"SellingPrice":9.98},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"639196","ProductCode":"K4143","OfferID":"10572166","Name":"Karierte Bermuda","OriginalPrice":39.9,"SellingPrice":7.98},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"650141","ProductCode":"M0113","OfferID":"10572329","Name":"Kariertes Popelinhemd Country","OriginalPrice":39.9,"SellingPrice":9.98},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"639208","ProductCode":"H7160","OfferID":"10572207","Name":"Karierte Bermuda aus Canvas","OriginalPrice":39.9,"SellingPrice":7.98},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"478840","ProductCode":"K2125","OfferID":"10572165","Name":"Karierte Bermuda Relax","OriginalPrice":39.9,"SellingPrice":7.98},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"582953","ProductCode":"L1143","OfferID":"10572151","Name":"Kariertes Flanellhemd in Gletscherblau","OriginalPrice":39.9,"SellingPrice":11.97},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"220854","ProductCode":"G9127","OfferID":"10572050","Name":"Hemdjacke Rocheuses(R) aus Fleece","OriginalPrice":41.9,"SellingPrice":12.57},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"677700","ProductCode":"M3116","OfferID":"10572682","Name":"Kariertes Flanellhemd","OriginalPrice":39.9,"SellingPrice":9.98},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"677708","ProductCode":"M3124","OfferID":"10572557","Name":"Flanellhemd mit Schottenkaro","OriginalPrice":39.9,"SellingPrice":9.98},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"728389","ProductCode":"M7113","OfferID":"10572338","Name":"Kariertes Popelinhemd Indian Summer","OriginalPrice":39.9,"SellingPrice":9.98},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"158117","ProductCode":"G7121","OfferID":"10572122","Name":"2-farbiges kariertes Flanellhemd","OriginalPrice":35.0,"SellingPrice":10.5},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"558531","ProductCode":"K9144","OfferID":"10572099","Name":"Karierte Hemdjacke aus Fleece mit Teddyfutter","OriginalPrice":69.9,"SellingPrice":17.48},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"367929","ProductCode":"J4121","OfferID":"10572262","Name":"Hemdjacke aus Fleece","OriginalPrice":41.9,"SellingPrice":12.57},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"558415","ProductCode":"K9131","OfferID":"10572268","Name":"Karierte Hemdjacke Ranch aus Microfleece","OriginalPrice":47.9,"SellingPrice":14.37}],"ProductsFirstFive":[{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"816516","ProductCode":"N8120","OfferID":"10433596","OriginalPrice":39.9,"SellingPrice":19.95},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"816507","ProductCode":"N8111","OfferID":"10433587","OriginalPrice":39.9,"SellingPrice":19.95},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"816533","ProductCode":"N8137","OfferID":"10433613","OriginalPrice":39.9,"SellingPrice":19.95},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"816510","ProductCode":"N8114","OfferID":"10433590","OriginalPrice":69.9,"SellingPrice":37.95},{"IsMarketPlace":false,"OutOfStock":false,"ProductID":"816520","ProductCode":"N8124","OfferID":"10433600","OriginalPrice":39.9,"SellingPrice":19.95}]},"Product":{"IsMarketPlace":false,"OutOfStock":false,"Breadcrumbs":[],"Quantity":0,"OriginalPrice":0.0,"SellingPrice":0.0,"TotalPrice":0.0,"Discount":0},"Wishlist":{"TotalItems":0,"TotalValue":0.0,"Products":[]},"Basket":{"UniqueID":"5388dc24-3531-448f-a86a-b82720b577ca","PromoCode":"26200","Total":0.0,"TotalMinusDiscount":0.0,"Discount":0.0,"TotalLines":0,"TotalQuantity":0,"Gifts":[],"Products":[]},"Order":{"Process":false,"DelFee":0.0,"Tax":0.0},"Utm":{"Campaign":"(not set)","Medium":"/herren/bekleidung-100.aspx?farbe=kariert","Source":"direct"}},"CookieWall":{"IsEnabled":true,"Show":true,"SelectionMade":false,"SetDate":"0001-01-01T00:00:00","Anl":false,"Fun":false,"Mar":false,"Personalisations":[]},"WebAnalytics":{"IsEnabled":false,"IsPageHitActionEnabled":true,"IsHoverHitDone":false,"IsVariableHoverHitDone":false,"VariableActions":"PLP"},"PluginJSEvents":[],"CookieDomain":"atlasformen.de","Bots":["\"iplabel\"","\"bot\"","\"crawler\"","\"baiduspider\"","\"ia_archiver\"","\"voyager\"","\"curl\"","\"wget\"","\"yahoo! slurp\"","\"mediapartners-google\""],"CookieDate":{"OneDay":"Fri, 29 Nov 2024 21:41:38 GMT","OneWeek":"Thu, 05 Dec 2024 21:41:38 GMT","OneMonth":"Sat, 28 Dec 2024 21:41:38 GMT","ThreeMonths":"Fri, 28 Feb 2025 21:41:38 GMT","SixMonths":"Wed, 28 May 2025 21:41:38 GMT","ThirtySixMonths":"Sun, 28 Nov 2027 21:41:38 GMT","OneYear":"Fri, 28 Nov 2025 21:41:38 GMT"},"ValidationFailed":false,"Labels":{"LC":[{"LabelName":"ShowMore","Text":"Mehr anzeigen"},{"LabelName":"ShowLess","Text":"Weniger anzeigen"},{"LabelName":"FileUploadSuccess","Text":"Datei validiert, bereit zum Hochladen"},{"LabelName":"PleaseChooseSize","Text":"Wählen Sie Ihre Größe!"},{"LabelName":"InvalidPromo","Text":"Achtung: Ihr Vorteilscode ist ungültig. Sind Sie eingeloggt?"},{"LabelName":"Bookmark","Text":"Hinzufügen"},{"LabelName":"StartingFrom","Text":""},{"LabelName":"MarketplaceLegalNote","Text":"Prix conseillé"},{"LabelName":"Save","Text":"SAVE"},{"LabelName":"SingleArticle","Text":"Artikel"},{"LabelName":"MultipleArticles","Text":"Artikel"},{"LabelName":"FilterButtonText","Text":"Filter"},{"LabelName":"SoldBy","Text":"Verkauft von:"},{"LabelName":"Sizes","Text":"Größe"},{"LabelName":"Quantity","Text":"Menge: "},{"LabelName":"AddToBasket","Text":"Hinzufügen"},{"LabelName":"AddToBasketFull","Text":"IN DEN WARENKORB"},{"LabelName":"UpdateBasketChoice","Text":"Größe aktualisieren"},{"LabelName":"FreeDelivery","Text":"GRATIS"},{"LabelName":"From","Text":"Von"},{"LabelName":"To","Text":"bis"}],"Facets":[{"LabelName":"Search","Text":"Wonach suchen Sie?"},{"LabelName":"Filter","Text":"Sortierung"},{"LabelName":"FilterButtonText","Text":"Filter"},{"LabelName":"ResetFacet","Text":"Zurücksetzen"},{"LabelName":"ResetFilter","Text":"Filter zurücksetzen"},{"LabelName":"MoreFacets","Text":"Mehr Filter"},{"LabelName":"LessFacets","Text":"Weniger Filter"},{"LabelName":"MoreActiveFilters","Text":"Alle Filter anzeigen"},{"LabelName":"ViewAll","Text":"Die"},{"LabelName":"Results","Text":"Artikel anzeigen"},{"LabelName":"Other","Text":"Andere"},{"LabelName":"SearchPlaceholdermaterial","Text":""},{"LabelName":"SearchPlaceholdercolour","Text":""},{"LabelName":"SearchPlaceholdersize","Text":""},{"LabelName":"SearchPlaceholdersubfamily","Text":""},{"LabelName":"SearchPlaceholdervendor","Text":""},{"LabelName":"SearchPlaceholderbrand","Text":""}],"Validation":[{"Type":"Empty","Text":"Dieses Feld darf nicht leer bleiben."},{"Type":"NotEMail","Text":"Bitte geben Sie eine gültige E-Mail-Adresse ein!"},{"Type":"NotCyrillic","Text":"Bitte 0-9 oder kyrillische Zeichen eingeben!"},{"Type":"PasswordNotStrong","Text":"Das Passwort ist nicht stark genug !"},{"Type":"TooShort","Text":"Ihr Text muss mindestens |MINLENGTH| Zeichen lang sein."},{"Type":"TooLong","Text":"Ihr Text darf nicht länger sein als |MAXLENGTH| Zeichen."},{"Type":"CannotDeliver","Text":"Es tut uns leid, in dieses Land können wir leider nicht liefern."},{"Type":"ComparePassword","Text":"Die beiden Passwörter sind nicht identisch.\n\n"},{"Type":"InvalidFormat","Text":"Ungültiges Format, bitte korrigieren!"},{"Type":"FileInvalidExtension","Text":"Bitte nur .pdf, .png, .jpeg, .jpg Dateien hochladen!"},{"Type":"FileTooBig","Text":"Das Upload-Limit für Ihren Anhang beträgt 5 MB."},{"Type":"NotDOB","Text":"Geburtsdatum muss in diesem Format geschrieben werden: TT/MM/JJJJ"},{"Type":"SameFirstLastName","Text":"First and last names cannot be the same"},{"Type":"RecaptchaFailed","Text":"Recaptcha: Failed"},{"Type":"MobileFormatError","Text":""}]},"Carousels":[],"PageCustomisation":"NotSet","Location":"PLP","PageType":"category","BackURL":null,"MediaServerCacheBuster":{"ClientSideEnabled":false,"Version":""},"Rules":{"Configurations":[{"Country":"FR","Account":{"CountryFromZIPCode":false,"ZIPCodeLength":{"Item1":5,"Item2":5},"ZIPCodeValidation":"^((([1-8][0-9])|0[1-9]|(9[0-5])|(2[ab]))[0-9]{3})|980[0-9]{2}$","StreetNumberLength":{"Item1":8,"Item2":8},"StreetAndNumberValidate":false,"StreetAndNumberValidation":"^[a-zA-ZÀ-ÿ0-9-_ .]*$","LoginPasswordLength":{"Item1":4,"Item2":25},"RegisterPasswordLength":{"Item1":8,"Item2":25}}},{"Country":"BE","Account":{"CountryFromZIPCode":false,"ZIPCodeLength":{"Item1":4,"Item2":4},"StreetNumberLength":{"Item1":8,"Item2":8},"StreetAndNumberValidate":false,"StreetAndNumberValidation":"^[a-zA-ZÀ-ÿ0-9-_ .]*$","LoginPasswordLength":{"Item1":4,"Item2":25},"RegisterPasswordLength":{"Item1":8,"Item2":25}}},{"Country":"CH","Account":{"CountryFromZIPCode":false,"ZIPCodeLength":{"Item1":4,"Item2":4},"StreetNumberLength":{"Item1":0,"Item2":0},"StreetAndNumberValidate":false,"StreetAndNumberValidation":"^[a-zA-ZÀ-ÿ0-9-_ .]*$","LoginPasswordLength":{"Item1":4,"Item2":25},"RegisterPasswordLength":{"Item1":8,"Item2":25}}},{"Country":"RU","Account":{"CountryFromZIPCode":false,"ZIPCodeLength":{"Item1":6,"Item2":6},"StreetNumberLength":{"Item1":0,"Item2":0},"StreetAndNumberValidate":false,"StreetAndNumberValidation":"^[a-zA-ZÀ-ÿ0-9-_ .]*$","MobilePhoneValidation":"must-start-with-nine","LoginPasswordLength":{"Item1":4,"Item2":25},"RegisterPasswordLength":{"Item1":8,"Item2":25}}},{"Country":"DE","Account":{"CountryFromZIPCode":false,"ZIPCodeLength":{"Item1":5,"Item2":5},"StreetNumberLength":{"Item1":0,"Item2":0},"StreetAndNumberValidate":false,"StreetAndNumberValidation":"^[a-zA-ZÀ-ÿ0-9-_ .]*$","LoginPasswordLength":{"Item1":4,"Item2":25},"RegisterPasswordLength":{"Item1":8,"Item2":25}}},{"Country":"AT","Account":{"CountryFromZIPCode":false,"ZIPCodeLength":{"Item1":4,"Item2":4},"StreetNumberLength":{"Item1":0,"Item2":0},"StreetAndNumberValidate":false,"StreetAndNumberValidation":"^[a-zA-ZÀ-ÿ0-9-_ .]*$","LoginPasswordLength":{"Item1":4,"Item2":25},"RegisterPasswordLength":{"Item1":8,"Item2":25}}},{"Country":"NL","Account":{"CountryFromZIPCode":false,"ZIPCodeLength":{"Item1":7,"Item2":7},"ZIPCodeValidation":"[0-9]{4} [a-zA-Z]{2}","StreetNumberLength":{"Item1":0,"Item2":0},"StreetAndNumberValidate":false,"StreetAndNumberValidation":"^[a-zA-ZÀ-ÿ0-9-_ .]*$","LoginPasswordLength":{"Item1":4,"Item2":25},"RegisterPasswordLength":{"Item1":8,"Item2":25}}},{"Country":"PL","Account":{"CountryFromZIPCode":false,"ZIPCodeLength":{"Item1":5,"Item2":6},"StreetNumberLength":{"Item1":0,"Item2":0},"StreetAndNumberValidate":false,"StreetAndNumberValidation":"^[a-zA-ZÀ-ÿ0-9-_ .]*$","LoginPasswordLength":{"Item1":4,"Item2":25},"RegisterPasswordLength":{"Item1":8,"Item2":25}}},{"Country":"CZ","Account":{"CountryFromZIPCode":false,"ZIPCodeLength":{"Item1":5,"Item2":6},"StreetNumberLength":{"Item1":0,"Item2":0},"StreetAndNumberValidate":false,"StreetAndNumberValidation":"^[a-zA-ZÀ-ÿ0-9-_ .]*$","LoginPasswordLength":{"Item1":4,"Item2":25},"RegisterPasswordLength":{"Item1":8,"Item2":25}}},{"Country":"SK","Account":{"CountryFromZIPCode":false,"ZIPCodeLength":{"Item1":5,"Item2":6},"StreetNumberLength":{"Item1":0,"Item2":0},"StreetAndNumberValidate":false,"StreetAndNumberValidation":"^[a-zA-ZÀ-ÿ0-9-_ .]*$","LoginPasswordLength":{"Item1":4,"Item2":25},"RegisterPasswordLength":{"Item1":8,"Item2":25}}},{"Country":"GB","Account":{"CountryFromZIPCode":false,"ZIPCodeLength":{"Item1":5,"Item2":8},"StreetNumberLength":{"Item1":0,"Item2":0},"StreetAndNumberValidate":false,"StreetAndNumberValidation":"^[a-zA-ZÀ-ÿ0-9-_ .]*$","LoginPasswordLength":{"Item1":4,"Item2":25},"RegisterPasswordLength":{"Item1":8,"Item2":25}}},{"Country":"HU","Account":{"CountryFromZIPCode":false,"ZIPCodeLength":{"Item1":4,"Item2":4},"StreetNumberLength":{"Item1":0,"Item2":0},"StreetAndNumberValidate":false,"StreetAndNumberValidation":"^[a-zA-ZÀ-ÿ0-9-_ .]*$","MobilePhoneValidation":"cannot-start-zero-six-three-six","LoginPasswordLength":{"Item1":4,"Item2":25},"RegisterPasswordLength":{"Item1":8,"Item2":25}}},{"Country":"CA","Account":{"CountryFromZIPCode":false,"ZIPCodeLength":{"Item1":6,"Item2":7},"StreetNumberLength":{"Item1":0,"Item2":0},"StreetAndNumberValidate":false,"StreetAndNumberValidation":"^[a-zA-ZÀ-ÿ0-9-_ .]*$","LoginPasswordLength":{"Item1":4,"Item2":25},"RegisterPasswordLength":{"Item1":8,"Item2":25}}},{"Country":"US","Account":{"CountryFromZIPCode":false,"ZIPCodeLength":{"Item1":5,"Item2":10},"StreetNumberLength":{"Item1":0,"Item2":0},"StreetAndNumberValidate":false,"StreetAndNumberValidation":"^[a-zA-ZÀ-ÿ0-9-_ .]*$","LoginPasswordLength":{"Item1":4,"Item2":25},"RegisterPasswordLength":{"Item1":8,"Item2":25}}},{"Country":"MT","Account":{"CountryFromZIPCode":false,"ZIPCodeLength":{"Item1":5,"Item2":5},"ZIPCodeValidation":"^((([1-8][0-9])|0[1-9]|(9[0-5])|(2[ab]))[0-9]{3})|980[0-9]{2}$","StreetNumberLength":{"Item1":0,"Item2":0},"StreetAndNumberValidate":false,"StreetAndNumberValidation":"^[a-zA-ZÀ-ÿ0-9-_ .]*$","LoginPasswordLength":{"Item1":4,"Item2":25},"RegisterPasswordLength":{"Item1":8,"Item2":25}}}]},"GuidedTour":{"IsEnabled":false,"Steps":[]},"ShowCount":{"Items":[{"ShowAfter":1,"ShowTotal":3,"PageCount":0,"TimesSeen":0,"SessionSeen":false,"ModuleID":"MobileNewsletterSubscriptionMVC","ModalType":"NotSet"},{"ShowAfter":3,"ShowTotal":1,"PageCount":0,"TimesSeen":0,"SessionSeen":false,"ModalType":"ScratchCard"},{"ShowAfter":3,"ShowTotal":3,"PageCount":0,"TimesSeen":0,"SessionSeen":false,"ModalType":"NewsLoggedOut"},{"ShowAfter":1,"ShowTotal":1,"PageCount":0,"TimesSeen":0,"SessionSeen":false,"ModalType":"Retention"}]},"FS":{"IsEnabledAndCookieAccepted":false},"Logging":{"ElasticAPMServer":"https://731287716ce24199aa8f114420ae6fd8.apm.francecentral.azure.elastic-cloud.com:443","ScriptLocation":"https://www.atlasformen.de/js/main/elastic-apm-rum.umd.min.js","ActivateRumPackage":false},"TrustedWidgetLocalise":false,"PLP":{"Design":"DF2731","NumberOfProductsPerRow":"Four","CollectionID":100,"SearchQuery":"","IsSearch":false,"TopBanner":{"Show":false,"DesktopBanner":{"IsLazyLoad":false,"Animate":false,"Disabled":false,"Data":{},"Position":{"Desktop":"NotSet","Mobile":"NotSet"}},"MobileBanner":{"IsLazyLoad":false,"Animate":false,"Disabled":false,"Data":{},"Position":{"Desktop":"NotSet","Mobile":"NotSet"}}},"PagingStarting":1,"FacetsActiveOnPageLoad":true,"FacetsLabels":{"FacetSubmitText":"Bestätigen","Search":"Wonach suchen Sie?","Filter":"Sortierung","FilterButtonText":"Filter","ResetFacet":"Zurücksetzen","ResetFilter":"Filter zurücksetzen","MoreFacets":"Mehr Filter","LessFacets":"Weniger Filter","MoreActiveFilters":"Alle Filter anzeigen","ViewAll":"Die","Results":"Artikel anzeigen","Other":"Andere"},"ChildCategories":{"Show":true,"ShowImages":false}}}}());</script> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=1843876464" async></script></body> </html>