CINXE.COM

ATLAS FOR MEN - Outdoor-Bekleidung und Accessoires für Männer

<!DOCTYPE html> <html lang="de" data-site="10" data-locale="de-CH"> <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: "Switzerland" }); </script> <!-- Google Tag Manager --> <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.ch/9bz36i0ymbdbtqe.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-K9VC7C6');</script> <!-- End Google Tag Manager --> <title>ATLAS FOR MEN - Outdoor-Bekleidung und Accessoires f&#252;r M&#228;nner</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="Natürlich, bequem, robust. Der Onlineshop Atlas for Men bietet ein umfangreiches Sortiment an Outdoor- und Trekking-Bekleidung für Männer zu sehr günstigen Preisen. Parka, Hemd, Hose, Pullover, Schuhe, Underwear, Jacke, Sweatshirt, Uhr, Shorts,..."> <meta name="Keywords" content="Trekking Bekleidung, Trekking Schuhe, Bekleidung für Männer, Outdoor-Bekleidung, Outdoor Shop, Outdoor-Schuhe, Bekleidung für Männer, Wanderung, Fleece Bekleidung, Parka für Männer"> <meta property="og:title" content="ATLAS FOR MEN - Outdoor-Bekleidung und Accessoires für Männer"/> <meta property="og:locale" content="de_CH" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.atlasformen.ch/de/" /> <meta property="og:site_name" content="Atlas For Men" /> <meta property="og:image" content="https://www.atlasformen.ch/assets/images/logos/atlas_for_men_logo_10_de-CH.webp" /> <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.ch/de/"> <link rel="alternate" href="https://www.atlasformen.ca/en/" hreflang="en-CA"> <link rel="alternate" href="https://www.atlasformen.ca/fr/" hreflang="fr-CA"> <link rel="alternate" href="https://www.atlasformen.ch/de/" hreflang="de-CH"> <link rel="alternate" href="https://www.atlasformen.ch/fr/" hreflang="fr-CH"> <link rel="alternate" href="https://www.atlasformen.co.uk" hreflang="en-GB"> <link rel="alternate" href="https://www.atlasformen.com" hreflang="en-US"> <link rel="alternate" href="https://www.atlasformen.cz" hreflang="cs-CZ"> <link rel="alternate" href="https://www.atlasformen.de" hreflang="de-DE"> <link rel="alternate" href="https://www.atlasformen.fr" hreflang="fr-FR"> <link rel="alternate" href="https://www.atlasformen.hu" hreflang="hu-HU"> <link rel="alternate" href="https://www.atlasformen.nl" hreflang="nl-NL"> <link rel="alternate" href="https://www.atlasformen.pl" hreflang="pl-PL"> <link rel="alternate" href="https://www.atlasformen.ru" hreflang="ru-RU"> <link rel="alternate" href="https://www.atlasformen.sk" hreflang="sk-SK"> <script src='/js/hp?v=Nv7QeNCVU3l-LkznKywg7yj2Z_AOl2G5QIPJJOqBtnM1' defer></script> <script type="application/ld+json"> { "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "logo": "https://www.atlasformen.ch/assets/images/logos/atlas_for_men_logo_10_de-CH.webp", "name": "Service Clients Atlas For Men", "url": "https://www.atlasformen.ch", "telephone": "0842799699", "image": "https://www.atlasformen.ch/assets/images/logos/atlas_for_men_logo_10_de-CH.webp", "address": {"@type": "PostalAddress","addressLocality": "Vevey 1","postalCode": "1800","streetAddress": "Case postale 32","addressCountry": "CH","addressRegion": ""}, "sameAs": [ "https://www.facebook.com/atlasformen.de", "https://www.pinterest.com/atlasformende/", "https://www.youtube.com/c/atlasformende" ] } ] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@graph": [ { "@type": "WebSite", "url": "https://www.atlasformen.ch", "potentialAction": { "@type": "SearchAction", "target": "https://www.atlasformen.ch/rechercher/{search_term_string}.aspx", "urlTemplate": "https://www.atlasformen.ch/rechercher/{search_term_string}.aspx", "query-input": "required name=search_term_string" } } ] } </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> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://tss.atlasformen.ch/ns.html?id=GTM-K9VC7C6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header data-header class="top-0 z-[999] flex flex-col bg-white sticky"> <div data-top-banner-module-mvc class="relative bg-red" id="TopBannerModuleMVC_26839"> <a href="https://www.atlasformen.ch/de/herren/bekleidung-100.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"><font color="#ffffff"><span style="font-size: 16px;"><b style="color: rgb(255, 255, 255);">Der Versand ist KOSTENFREI ab 55CHF Mindestwarenwert</b></span></font></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> <h1 data-logo class="menu-logo mx-auto block lg:pb-2"> <img alt="Atlas For Men: für alle, die das Abenteuer suchen!" src="/assets/images/logos/atlas_for_men_logo_10_de-CH.webp" class="max-xs:max-h-9 lg:h-[52px] max-w-[250px]"> </h1> <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 Artikelnummer suchen (bspw.: U9010)" 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">Meine Favoriten</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">CHF15 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.ch/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: <strong>CHF15 Gutschein</strong> erhalten!</p> </a> <span class="tooltiptext-top tooltip w-56"> <span>*Angebot gültig bis zum 31.12.2024 ab einem Einkauf von 55CHF.</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">Anmelden</span><img src="/assets/svgs/icon-chevron-right-black-bold.svg" class="filter-white relative h-3 w-2" alt="Anmelden" /></button> </form> <details> <summary class="text-black text-[12px] underline">Mehr zu den Bedingungen für die Anmeldung zum Newsletter</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, klicken.<br><span style="text-decoration: underline;"><strong><a href="/de/aboutv2/rechtliches/datenschutz.aspx" target="_self">Mehr über unsere Datenschutzrichtlinen</a></strong></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">Geben Sie Ihre E-Mail-Adresse ein*</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">Geben Sie Ihr Passwort ein*</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">Kundenkonto anlegen</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">Rückerstattungen einsehen</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">Meine Favoriten</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">E-Mail</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">Ausloggen</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 Ihrer Bestellung <span data-total> 0CHF00 </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="/de/event/weihnachts-spezial" 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" > <a href="/de/unsere-kollektionen/im-herzen-der-rocky-mountains-91600.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"> <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="/de/herren/bekleidung/strickjacken-10500.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/10/de-CH/collections/Visuels%20menu%20Automne/VisuelMenuPetit_giletsN6125.jpg" alt="Strickkleidung" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div><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> </li> <li><a href="/de/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> <li><a href="/de/herren/bekleidung/blousons-10200.aspx" target="_self" class="menu-sml-li"><span class="no-click">Blousons</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/de/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="/de/herren/bekleidung/ubergangsjacken-10300.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="/de/herren/bekleidung/winterjacken/steppjacken-10100.aspx" target="_self" class="menu-sml-li"><span class="no-click">Steppjacken</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/de/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="/de/herren/bekleidung/gilets-10550.aspx" target="_self" class="menu-sml-li"><span class="no-click">Gilets</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/de/herren/bekleidung/ubergangsjacken/sommerjacken-10301.aspx" target="_self" class="menu-sml-li"><span class="no-click">Sommerjacken</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> </li> <li><a href="/de/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="/de/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="/de/herren/bekleidung/pullover/unterziehpullover-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> <li><a href="/de/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="/de/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="/de/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="/de/herren/bekleidung/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="/de/herren/bekleidung/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="/de/herren/bekleidung/tank-tops-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> </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> </li> <li><a href="/de/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="/de/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="/de/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="/de/herren/bekleidung/3-4-hosen-10900.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="/de/herren/bekleidung/bermudas-11000.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="/de/herren/bekleidung/kurze-hosen-10950.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="/de/herren/unterwasche/badehosen-13250.aspx" target="_self" class="menu-sml-li"><span class="no-click">Bademode</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="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>SPECIALS</span> </li> <li> <a href="/de/herren/bekleidung/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/chaussures_ok.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="/de/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="/de/sonderangebote/outlet-75450.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="Outlet" class="filter-brown 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="/de/herren/bekleidung-100.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="Alle Herren-Artikel" class="filter-red transition-transform group-hover:translate-x-1 mx-auto" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/Tshirt.svg"> </div> <span class="lg:max-w-[15ch] font-bold leading-tight lg:text-[14px] text-[18px]">Alle Herren-Artikel</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="/de/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/10/de-CH/collections/Visuels%20menu%20Automne/VisuelMenuPetit_polairesK6131.jpg" alt="Unsere Klassiker: Fleece" 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">W&#228;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"> <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="/de/herren/unterwasche-130.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/10/de-CH/collections/Visuels%20menu%20Automne/VisuelMenuGrand_sousvetM2139.jpg" alt="Unterwäsche bis zu minus 65 prozent" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div><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>UNTERWÄSCHE</span> </li> <li><a href="/de/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="/de/herren/unterwasche/unterhosen-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="/de/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="/de/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">Alle Unterwäsche-Artikel<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="/de/herren/homewear/pyjamas-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="/de/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="/de/herren/homewear/hausschuhe-und-pantoffeln-15600.aspx" target="_self" class="menu-sml-li"><span class="no-click">Hausschuhe und Pantoffeln</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li> <a href="/de/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">Alle Homewear-Artikel<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="/de/herren/unterwasche/socken-13050.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/10/de-CH/collections/Visuels%20menu%20Automne/VisuelMenuPetit_chaussettesN6102.jpg" alt="Socken" 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="/de/herren/homewear/pyjamas-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/10/de-CH/collections/Visuels%20menu%20Automne/VisuelMenuPetit_pyjamasK8160.jpg" alt="Pyjamas" 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="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>FESTE SCHUHE</span> </li> <li><a href="/de/herren/schuhe/sportschuhe-15330.aspx" target="_self" class="menu-sml-li"><span class="no-click">Sneaker</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/de/herren/schuhe/wanderschuhe-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="/de/herren/schuhe/stiefeletten-15250.aspx" target="_self" class="menu-sml-li"><span class="no-click">Stiefel und Boots</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=""> <li class="inline-flex gap-2 py-1 text-[20px] font-bold max-md:flex-row-reverse lg:text-[15px]"> <span>HALBSCHUHE</span> </li> <li><a href="/de/herren/schuhe/sandalen-schlappen-15530.aspx" target="_self" class="menu-sml-li"><span class="no-click">Sandalen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/de/herren/schuhe/mokassins-15100.aspx" target="_self" class="menu-sml-li"><span class="no-click">Mokassins</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li> <a href="/de/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">Alle Herren-Schuhe<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="/de/herren/schuhe-150.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/10/de-CH/collections/2024/ROCHEUSES%202/03%20Visuels%20menu/VisuelMenuGrandChaussuresV0202.jpg" alt="Schuhe bis zu minus 55 prozent" 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">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"> <div></div> <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="/de/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/10/de-CH/collections/2024/ROCHEUSES%202/03%20Visuels%20menu/VisuelMenuGrandAccessoiresN9158.jpg" alt="Accessoires bis zu minus 70 prozent" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></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">&nbsp;</li> <li><a href="/de/herren/accessoires/caps-hute-18251.aspx" target="_self" class="menu-sml-li"><span class="no-click">Caps und Hüte</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/de/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="/de/herren/accessoires/uhren-18700.aspx" target="_self" class="menu-sml-li"><span class="no-click">Uhren</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">&nbsp;</li> <li><a href="/de/herren/accessoires/taschen-18650.aspx" target="_self" class="menu-sml-li"><span class="no-click">Taschen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/de/herren/accessoires/gurtel-und-hosentrager-18400.aspx" target="_self" class="menu-sml-li"><span class="no-click">Gürtel & Hosenträger</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li> <a href="/de/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 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> </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"> <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="/de/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/10/de-CH/collections/2024/NOEL%202%20SA/03%20Visuels%20Menu/VisuelsMenuPetit_Noel2_F24-assets/VisuelMenuPetitPullsZS906.jpg" alt="Pullover" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></div><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> </li> <li><a href="/de/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> <li><a href="/de/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="/de/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="/de/damen/bekleidung/gilets-30850.aspx" target="_self" class="menu-sml-li"><span class="no-click">Gilets</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> </li> <li><a href="/de/damen/bekleidung/fleece-bekleidung-30350.aspx" target="_self" class="menu-sml-li"><span class="no-click">Fleecebekleidung</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/de/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="/de/damen/bekleidung/pullover/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> <li><a href="/de/damen/bekleidung/shirts-30900.aspx" target="_self" class="menu-sml-li"><span class="no-click">Shirts</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/de/auswahl/tuniken-und-blusen-80700.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> <li><a href="/de/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> </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> </li> <li><a href="/de/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="/de/damen/bekleidung/leggings-30550.aspx" target="_self" class="menu-sml-li"><span class="no-click">Leggings</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/de/damen/bekleidung/dreiviertelhosen-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> </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>SPECIALS</span> </li> <li> <a href="/de/geschenkideen/geschenkideen-weihnachten/geschenkideen-fur-damen-73310.aspx" target="_self" class="text-green group relative flex items-center gap-4 lg:gap-3.5"> <div class="w-[30px] shrink-0"> <img alt="Geschenkideen f&#252;r SIE" class="filter-green transition-transform group-hover:translate-x-1 mx-auto" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/cadeau.svg"> </div> <span class="lg:max-w-[15ch] font-bold leading-tight lg:text-[14px] text-[18px]">Geschenkideen f&#252;r SIE</span> </a> </li> <li> <a href="/de/sonderangebote/outlet-75450.aspx?auswahl=damen" target="_self" class="text-brown group relative flex items-center gap-4 lg:gap-3.5"> <div class="w-[30px] shrink-0"> <img alt="Outlet" class="filter-brown 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="/de/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="/de/damen/bekleidung-300.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="Alle Damen-Artikel" class="filter-red transition-transform group-hover:translate-x-1 mx-auto" src="https://media.atlasformen.com/media/repository/shared/Pictogrammes/D&#233;bardeur.svg"> </div> <span class="lg:max-w-[15ch] font-bold leading-tight lg:text-[14px] text-[18px]">Alle Damen-Artikel</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="/de/geschenkideen/geschenkideen-weihnachten/geschenkideen-weihnachten-fur-damen-73310.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/10/de-CH/collections/2024/LP%20idées%20KDO%20SA%20F24/03%20Visuels%20Menu/VisuelsMenuPetit_IDkdo_F24-assets/IDkdo_AFW.jpg" alt="Geschenkideen für SIE bis zu minus 65 Prozent" 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]"> <span>HOMEWEAR</span> </li> <li><a href="/de/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="/de/damen/homewear/pyjamas-38150.aspx" target="_self" class="menu-sml-li"><span class="no-click">Pyjamas</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/de/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="/de/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">Alle Frauen Homewear-Artikel<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="/de/damen/bekleidung/fleece-bekleidung-30350.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/10/de-CH/collections/Visuels%20menu%20Automne/VisuelMenuPetit_polairesZP715.jpg" alt="Fleece" 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="/de/damen/homewear-380.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/10/de-CH/collections/2024/NOEL%202%20SA/03%20Visuels%20Menu/VisuelsMenuPetit_Noel2_F24-assets/VisuelMenuPetitCocooningZS920.jpg" alt="Homewear" 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">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"> <div></div> <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="/de/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/10/de-CH/collections/2024/ROCHEUSES%202/03%20Visuels%20menu/VisuelMenuGrandAccessoiresZT028.jpg" alt="Accessoires" class="object-cover w-full h-full lazyload" src="/assets/images/lazy.jpg?v=2"> </a></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">&nbsp;</li> <li><a href="/de/damen/accessoires/mutzen-36250.aspx" target="_self" class="menu-sml-li"><span class="no-click">Handschuhe & Mützen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/de/damen/accessoires/schals-36050.aspx" target="_self" class="menu-sml-li"><span class="no-click">Schals</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">&nbsp;</li> <li><a href="/de/damen/accessoires/uhren-36400.aspx" target="_self" class="menu-sml-li"><span class="no-click">Uhren</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/de/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="/de/damen/accessoires/maroquinerie-36550.aspx" target="_self" class="menu-sml-li"><span class="no-click">Taschen</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li> <a href="/de/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 Frauen-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> </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 ">Grosse Gr&#246;ssen</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 grosse Gr&#246;ssen</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> </li> <li><a href="/de/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> <li><a href="/de/grosse-grossen-herren/bekleidung/blousons-20200.aspx" target="_self" class="menu-sml-li"><span class="no-click">Blousons</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/de/grosse-grossen-herren/bekleidung/ubergangsjacken-20250.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="/de/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="/de/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="/de/grosse-grossen-herren/bekleidung/gilets-20550.aspx" target="_self" class="menu-sml-li"><span class="no-click">Gilets</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> </li> <li><a href="/de/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="/de/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="/de/grosse-grossen-herren/bekleidung/sweatshirts-und-sweatjacken-20450.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="/de/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="/de/grosse-grossen-herren/bekleidung/poloshirts-20700.aspx" target="_self" class="menu-sml-li"><span class="no-click">Polos</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/de/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="/de/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> </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> </li> <li><a href="/de/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="/de/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="/de/grosse-grossen-herren/bekleidung/jogginganzuge-21050.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="/de/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="/de/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="/de/grosse-grossen-herren/bekleidung/kurze-hosen-20900.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="/de/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> </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="/de/grosse-grossen-herren/unterwasche/pyjamas-23150.aspx" target="_self" class="menu-sml-li"><span class="no-click">Pyjamas</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/de/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="/de/grosse-grossen-herren/unterwasche/unterhosen-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="/de/categories/grosse-grossen-herren-2.aspx" target="_self" class="btn-sm btn font-extrabold lg:text-[14px] text-[18px] !whitespace-normal inline-flex py-[6px] !border-0">Alle Herren-Artikel für grosse Grössen<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="/de/categories/grosse-grossen-herren-2.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/10/de-CH/collections/2024/NOEL%202%20SA/03%20Visuels%20Menu/VisuelmenuGrand_Noel2_F24-assets/VisuelMenuGrandGTAFM.jpg" alt="Grosse Grössen Herren bis zu 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">Frauen grosse Gr&#246;ssen</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> </li> <li><a href="/de/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> <li><a href="/de/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="/de/grosse-grossen-damen/bekleidung/strickjacken-40450.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="/de/grosse-grossen-damen/bekleidung/gilets-40500.aspx" target="_self" class="menu-sml-li"><span class="no-click">Gilets</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> </li> <li><a href="/de/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="/de/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="/de/grosse-grossen-damen/bekleidung/shirts-40650.aspx" target="_self" class="menu-sml-li"><span class="no-click">Shirts </span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li><a href="/de/grosse-grossen-damen/bekleidung/tuniken-41000.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="/de/grosse-grossen-damen/bekleidung/blusen-40750.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> </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> </li> <li><a href="/de/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="/de/grosse-grossen-damen/bekleidung/dreiviertelhosen-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> </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="/de/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="/de/grosse-grossen-damen/homewear/pyjamas-43050.aspx" target="_self" class="menu-sml-li"><span class="no-click">Pyjamas</span><img alt="Image" class="menu-sml-mob-arrow" src="/assets/svgs/icon-chevron-right-black.svg"></a></li> <li> <a href="/de/categories/grosse-grossen-damen-4.aspx" target="_self" class="btn-sm btn font-extrabold lg:text-[14px] text-[18px] !whitespace-normal inline-flex py-[6px] !border-0">Alle Damen-Artikel für grosse Grössen<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="/de/categories/grosse-grossen-damen-4.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/10/de-CH/collections/2024/NOEL%202%20SA/03%20Visuels%20Menu/VisuelmenuGrand_Noel2_F24-assets/VisuelMenuGrandGTAFW.jpg" alt="Grosse Grössen Damen bis zu 56" 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="/de/sonderangebote/outlet-75450.aspx" target="_self" class="text-red menu__first-text">OUTLET</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="/de/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/beratung.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="https://media.atlasformen.com/media/repository/shared/Icons/Website/S&#39;HABILLER%20MENU.svg" 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">Modeberatung</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="Image" 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="https://media.atlasformen.com/media/repository/sites/15/de-DE/menu/Outfits_Automne.jpg" 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</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="Image" 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="https://media.atlasformen.com/media/repository/sites/10/de-CH/fiches%20conseils/Pflege/Pflege1.webp" 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="Image" 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]"> <div></div> <a href="/de/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 draussen!</div> <p class="mb-5 text-center text-[14px] leading-[18px] text-white">Wander- und Outdoor-Tipps, die einfach, kosteng&#252;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="https://media.atlasformen.com/media/repository/shared/Icons/Website/EXPLORER%20MENU.svg" 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">Wandertipps</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="Image" 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="https://media.atlasformen.com/media/repository/shared/Icons/Website/BOUGER%20MENU.svg" 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 &amp; 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="Image" 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">Meine Favoriten</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-cb-zone=""> <div data-cb-group="8df6d5b9a" class="relative has-[.dropdown.active]:z-10 background8df6d5b9a"> <style>@media (min-width: 768px) { .background8df6d5b9a { background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url('https://media.atlasformen.com/media/repository/sites/10/de-CH/collections/2024/ROCHEUSES%202/01%20Bandeaux/FondBandeauDesk_Rocheuses2_F24.jpg'); } }@media (max-width: 768px) { .background8df6d5b9a { background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url('https://media.atlasformen.com/media/repository/sites/1/fr-FR/black%20friday%20F24/03-fond-Bandeau-bulles.jpg'); } }</style> <div data-cb-layout="12" data-cb-layout-id="061df59d4" class="container "> <div data-cb-layout-grid class="grid grid-cols-12 mt-5 mb-5 md:mt-5 md:mb-5 gap-x-6 gap-y-6 md:gap-x-6 md:gap-y-6 background061df59d4 border061df59d4"> <div data-cb-section="480a0c549" class="col-span-12"> <!-- We need h-full on both the section and the image for the image to use the full height --> <section data-component-image="39c14ad85" class="relative "> <a data-position="1" href="/de/unsere-kollektionen/im-herzen-der-rocky-mountains-91600.aspx" target="_self"> <picture> <source media="(min-width: 768px)" srcset="https://media.atlasformen.com/media/repository/sites/10/de-CH/collections/2024/ROCHEUSES%202/01%20Bandeaux/AccrocheBandeauDesk_Rocheuses2_F24.png"> <img src="https://media.atlasformen.com/media/repository/sites/10/de-CH/collections/2024/ROCHEUSES%202/01%20Bandeaux/BandeauMob_Rocheuses2_F24.jpg" class=" w-full"> </picture> </a> </section> </div> </div> </div> </div> <div data-cb-group="584ec0788" class="relative has-[.dropdown.active]:z-10 background584ec0788"> <div data-cb-layout="3333" data-cb-layout-id="a6279f511" class="container "> <div data-cb-layout-grid class="grid grid-cols-2 md:grid-cols-4 mt-10 mb-10 md:mt-10 md:mb-10 gap-x-6 gap-y-6 md:gap-x-6 md:gap-y-6 backgrounda6279f511 bordera6279f511"> <div data-cb-section="467a0b3eb"> <section data-component-multi-level="6548ccab7" class=""> <!-- We need h-full on both the section and the image for the image to use the full height --> <section data-component-image="9437b593b" class="relative flex justify-center items-center"> <a data-position="1" href="/aboutv2/a-propos/notre-histoire.aspx" target="_self"> <picture> <source media="(min-width: 768px)" srcset="https://media.atlasformen.com/media/repository/sites/1/fr-FR/rocheuses/feuille.png"> <img src="https://media.atlasformen.com/media/repository/sites/1/fr-FR/rocheuses/feuille.png" class=" "> </picture> </a> </section><section data-component-text="04f009648" class=""> <div class=" mt-2 md:mt-2 background04f009648 border04f009648"> <div><span style="color: rgb(66, 39, 21); text-align: center; display: block; line-height: 17px;">Franz&ouml;sische Marke <br>Nr. 1 Outdoor-Kleidung in Europa</span></div> </div> </section></section> </div> <div data-cb-section="f41050f7a"> <section data-component-multi-level="ba17b256a" class=""> <!-- We need h-full on both the section and the image for the image to use the full height --> <section data-component-image="aa1d4503c" class="relative mt-2 mb-2 md:mt-0 md:mb-0 flex justify-center items-center"> <a data-position="1" href="/de/aboutv2/uber-uns/produktentwicklung.aspx" target="_self"> <picture> <source media="(min-width: 768px)" srcset="https://media.atlasformen.com/media/repository/sites/10/de-CH/icones/rea-CHF.png"> <img src="https://media.atlasformen.com/media/repository/sites/10/de-CH/icones/rea-CHF.png" class=" "> </picture> </a> </section><section data-component-text="7cdb48f15" class=""> <div class=" mt-2 md:mt-2 background7cdb48f15 border7cdb48f15"> <div><span style="color: rgb(66, 39, 21); text-align: center; display: block; line-height: 17px;">Bequeme Bekleidung <br>zum besten Preis</span></div> </div> </section></section> </div> <div data-cb-section="4662272f8"> <section data-component-multi-level="4aa502e9c" class=""> <!-- We need h-full on both the section and the image for the image to use the full height --> <section data-component-image="c7844b821" class="relative flex justify-center items-center"> <a data-position="1" href="/de/aboutv2/service.aspx" target="_self"> <picture> <source media="(min-width: 768px)" srcset="https://media.atlasformen.com/media/repository/sites/1/fr-FR/rocheuses/retours.svg"> <img src="https://media.atlasformen.com/media/repository/sites/1/fr-FR/rocheuses/retours.svg" class=" "> </picture> </a> </section><section data-component-text="ddc9e960e" class=""> <div class=" mt-2 md:mt-2 backgroundddc9e960e borderddc9e960e"> <div><span style="color: rgb(66, 39, 21); text-align: center; display: block; line-height: 17px;">100% sicheres Zahlungssystem<br>60 Tage R&uuml;ckgaberecht</span></div> </div> </section></section> </div> <div data-cb-section="4662272f8"> <section data-component-multi-level="d7813e15c" class=""> <!-- We need h-full on both the section and the image for the image to use the full height --> <section data-component-image="a9b611106" class="relative flex justify-center items-center"> <a data-position="1" href="https://www.trustedshops.ch/bewertung/info_X7DEB6BC55A95525171C2C677C0EBE71D.html" target="_blank"> <picture> <source media="(min-width: 768px)" srcset="https://media.atlasformen.com/media/repository/sites/1/fr-FR/rocheuses/avis.svg"> <img src="https://media.atlasformen.com/media/repository/sites/1/fr-FR/rocheuses/avis.svg" class=" "> </picture> </a> </section><section data-component-text="733e77039" class=""> <div class=" mt-2 md:mt-2 background733e77039 border733e77039"> <div><span style="color: rgb(66, 39, 21); text-align: center; display: block; line-height: 17px;">Bewertungen 4,4/5 <br>Unsere Kunden lieben uns</span></div> </div> </section></section> </div> </div> </div> </div> <div data-cb-group="1e86f851d" class="relative has-[.dropdown.active]:z-10 background1e86f851d"> <div data-cb-layout="12" data-cb-layout-id="1d0455f04" class="container "> <div data-cb-layout-grid class="grid grid-cols-12 mt-5 mb-5 md:mt-5 md:mb-5 gap-x-6 gap-y-6 md:gap-x-6 md:gap-y-6 background1d0455f04 border1d0455f04"> <div data-cb-section="337854e9e" class="col-span-12"> <section data-component-text="c497307cc" class=""> <div class=" backgroundc497307cc borderc497307cc"> <div><span style="text-align: center; display: block; font-size: 22px;">Unsere aktuelle Kategorien <strong>zum besten Preis</strong></span></div> </div> </section> </div> </div> </div> </div> <div data-cb-group="ebc620ebc" class="relative has-[.dropdown.active]:z-10 backgroundebc620ebc"> <div data-cb-layout="444" data-cb-layout-id="7016ea05a" class="container "> <div data-cb-layout-grid class="grid grid-cols-12 mt-5 mb-5 md:mt-5 md:mb-5 gap-x-6 gap-y-6 md:gap-x-6 md:gap-y-6 background7016ea05a border7016ea05a"> <div data-cb-section="5a5d314b7" class="col-span-12 md:col-span-4"> <!-- We need h-full on both the section and the image for the image to use the full height --> <section data-component-image="707e21896" class="relative h-full "> <a data-position="1" href="/de/herren/bekleidung/winterjacken-10049.aspx" target="_self"> <picture> <source media="(min-width: 768px)" srcset="https://media.atlasformen.com/media/repository/sites/10/de-CH/collections/2024/ROCHEUSES%202/02%20Topcat/TopcatPetit_Parkas-N9105.jpg"> <img src="https://media.atlasformen.com/media/repository/sites/10/de-CH/collections/2024/ROCHEUSES%202/02%20Topcat/TopcatPetit_Parkas-N9105.jpg" class="h-full w-full"> </picture> </a> </section> </div> <div data-cb-section="0023b35f7" class="col-span-12 md:col-span-4"> <!-- We need h-full on both the section and the image for the image to use the full height --> <section data-component-image="c8352696b" class="relative h-full "> <a data-position="1" href="/de/herren/bekleidung/sweatshirts-und-sweatjacken-10450.aspx" target="_self"> <picture> <source media="(min-width: 768px)" srcset="https://media.atlasformen.com/media/repository/sites/10/de-CH/collections/2024/ROCHEUSES%202/02%20Topcat/TopcatPetit_Pulls-N9110.jpg"> <img src="https://media.atlasformen.com/media/repository/sites/10/de-CH/collections/2024/ROCHEUSES%202/02%20Topcat/TopcatPetit_Pulls-N9110.jpg" class="h-full w-full"> </picture> </a> </section> </div> <div data-cb-section="823c98958" class="col-span-12 md:col-span-4"> <!-- We need h-full on both the section and the image for the image to use the full height --> <section data-component-image="2b726d5c3" class="relative h-full "> <a data-position="1" href="/de/herren/bekleidung/fleece-bekleidung-10350.aspx" target="_self"> <picture> <source media="(min-width: 768px)" srcset="https://media.atlasformen.com/media/repository/sites/10/de-CH/collections/2024/ROCHEUSES%202/02%20Topcat/TopcatPetit_Polaires-N9135.jpg"> <img src="https://media.atlasformen.com/media/repository/sites/10/de-CH/collections/2024/ROCHEUSES%202/02%20Topcat/TopcatPetit_Polaires-N9135.jpg" class="h-full w-full"> </picture> </a> </section> </div> </div> </div> </div> <div data-cb-group="e2f5cfa16" class="relative has-[.dropdown.active]:z-10 backgrounde2f5cfa16"> <div data-cb-layout="12" data-cb-layout-id="bcb1158fe" class="container "> <div data-cb-layout-grid class="grid grid-cols-12 mt-5 mb-5 md:mt-5 md:mb-5 gap-x-6 gap-y-6 md:gap-x-6 md:gap-y-6 backgroundbcb1158fe borderbcb1158fe"> <div data-cb-section="5321dde55" class="col-span-12"> <section data-component-text="012bb4701" class=""> <div class=" background012bb4701 border012bb4701"> <div><span style="text-align: center; display: block; font-size: 22px;"><br>Entdecken Sie die<strong>&nbsp;Highlights </strong>unserer<strong> </strong>Kollektion</span></div> </div> </section> </div> </div> </div> </div> <div data-cb-group="7757541b0" class="relative has-[.dropdown.active]:z-10 background7757541b0"> <div data-cb-layout="12" data-cb-layout-id="906d6a8a2" class="container "> <div data-cb-layout-grid class="grid grid-cols-12 mt-5 mb-5 md:mt-8 md:mb-5 gap-x-6 gap-y-6 md:gap-x-6 md:gap-y-6 background906d6a8a2 border906d6a8a2"> <div data-cb-section="e05810928" class="col-span-12"> <section data-component-carousel="e42d7165c" class="splide" id="Carousel_e42d7165c"> <div class=splide__arrows> <button class="splide__arrow splide__arrow--prev" type=button> <img alt="Previous Slide" src=/assets/svgs/carousel-arrow.svg class=rotate-180> </button> <button class="splide__arrow splide__arrow--next" type=button> <img alt="Next Slide" src=/assets/svgs/carousel-arrow.svg> </button> </div> <div class="splide__track hover-fix"> <ul class="splide__list"> <li data-position="1" class="splide__slide"> <section data-component-product-card="" > <article data-pc data-location="NotSet" data-article-title="Flanellhemd mit Eins&#228;tzen in Wildlederoptik" data-comref="11753258" data-offerid="10463614" data-pcode="N8120" data-op="58" data-sp="28.99" data-discount-percentage="50" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/356by413/f6/24/8c/f6248ca4d75f72e6ac2ee414f022cb94.jpg,https://media.atlasformen.com/webmedia/356by413/8f/47/28/8f4728738614908e6da343104ebd97f4.jpeg,https://media.atlasformen.com/webmedia/356by413/cb/a8/50/cba8506dde6f8b2056ea5fd80d8e4445.jpeg,https://media.atlasformen.com/webmedia/356by413/13/15/41/1315410fcff24266dbe86b51b43f5b6f.jpg,https://media.atlasformen.com/webmedia/356by413/e3/d1/f9/e3d1f9043ce704d5d7fd0172ed71b3a0.jpeg" 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="/de/products/herren/bekleidung/hemden/karohemden/flanellhemd-mit-einsatzen-in-wildlederoptik/11753258.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img alt="Image" class="w-full h-full object-cover" src="https://media.atlasformen.com/webmedia/1080by1242/f6/24/8c/f6248ca4d75f72e6ac2ee414f022cb94.jpg?w=400"> </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"><span style="color: rgb(255, 255, 255);"><strong>NEU</strong></span></span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen.&nbsp;"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen. </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]">&nbsp;</span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Flanellhemd mit Eins&#228;tzen in Wildlederoptik </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p data-selling-price class="pc-main__cp"> 28 <sup>CHF99</sup> </p> <div class="flex flex-col self-end mb-2"> <p data-original-price class="pc-main__op"> 58CHF00 </p> </div> </div> <p data-discount 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="N8120 20 M" class="btn-size">M</li> <li data-size data-itemcode="N8120 20 L" class="btn-size">L</li> <li data-size data-itemcode="N8120 20 XL" class="btn-size">XL</li> <li data-size data-itemcode="N8120 20 XXL" class="btn-size">XXL</li> <li data-size data-itemcode="N8120 20 XXXL" class="btn-size">3XL</li> <li data-size data-itemcode="N8120 20 4XL" class="btn-size">4XL</li> <li data-size data-itemcode="N8120 20 5XL" class="btn-size">5XL</li> </ul> </div> </div> </a> </article> </section> </li> <li data-position="2" class="splide__slide"> <section data-component-product-card="" > <article data-pc data-location="NotSet" data-article-title="Kordhose Komfort mit Stretch-Effekt" data-comref="11753257" data-offerid="10463613" data-pcode="N8119" data-op="81" data-sp="42.99" data-discount-percentage="47" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/356by413/6a/a9/02/6aa902c81883e29033a315a191b5305c.jpg,https://media.atlasformen.com/webmedia/356by413/1a/24/c5/1a24c5cfdfe507d741b6051003982d12.jpg,https://media.atlasformen.com/webmedia/356by413/be/fc/ba/befcbaece127395b14e4f180583e5d51.jpg,https://media.atlasformen.com/webmedia/356by413/29/bc/d1/29bcd10e79e7467b494aacb773e57fd0.jpg" 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="Hosen" 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="/de/products/herren/bekleidung/hosen/kordhose-komfort-mit-stretch-effekt/11753257.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img alt="Image" class="w-full h-full object-cover" src="https://media.atlasformen.com/webmedia/1080by1242/6a/a9/02/6aa902c81883e29033a315a191b5305c.jpg?w=400"> </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"><span style="color: rgb(255, 255, 255);"><strong>NEU</strong></span></span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen.&nbsp;"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen. </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]">&nbsp;</span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Kordhose Komfort mit Stretch-Effekt </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p data-selling-price class="pc-main__cp"> 42 <sup>CHF99</sup> </p> <div class="flex flex-col self-end mb-2"> <p data-original-price class="pc-main__op"> 81CHF00 </p> </div> </div> <p data-discount class="pc-main__dc"> -47 <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="N8119 04 38" class="btn-size">38</li> <li data-size data-itemcode="N8119 04 40" class="btn-size">40</li> <li data-size data-itemcode="N8119 04 42" class="btn-size">42</li> <li data-size data-itemcode="N8119 04 44" class="btn-size">44</li> <li data-size data-itemcode="N8119 04 46" class="btn-size">46</li> <li data-size data-itemcode="N8119 04 48" class="btn-size">48</li> <li data-size data-itemcode="N8119 04 50" class="btn-size">50</li> <li data-size data-itemcode="N8119 04 52" class="btn-size">52</li> <li data-size data-itemcode="N8119 04 54" class="btn-size">54</li> <li data-size data-itemcode="N8119 04 56" class="btn-size">56</li> <li data-size data-itemcode="N8119 04 58" class="btn-size">58</li> <li data-size data-itemcode="N8119 04 60" class="btn-size">60</li> </ul> </div> </div> </a> </article> </section> </li> <li data-position="3" class="splide__slide"> <section data-component-product-card="" > <article data-pc data-location="NotSet" data-article-title="Braune Kordhose im Cargo-Stil" data-comref="11753256" data-offerid="10463612" data-pcode="N8115" data-op="81" data-sp="42.99" data-discount-percentage="47" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/356by413/5d/fe/3c/5dfe3c290eb5e6bb904625a1563d2e6a.jpg,https://media.atlasformen.com/webmedia/356by413/ac/de/3c/acde3c916fd25ebc067b044ea5a85511.jpg,https://media.atlasformen.com/webmedia/356by413/3f/f2/35/3ff235880b377c0b547fb40f125bb622.jpg" 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="Hosen" data-cat-5="Cargohosen" 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="/de/products/herren/bekleidung/hosen/cargohosen/braune-kordhose-im-cargo-stil/11753256.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img alt="Image" class="w-full h-full object-cover" src="https://media.atlasformen.com/webmedia/1080by1242/5d/fe/3c/5dfe3c290eb5e6bb904625a1563d2e6a.jpg?w=400"> </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"><span style="color: rgb(255, 255, 255);"><strong>NEU</strong></span></span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen.&nbsp;"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen. </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]">&nbsp;</span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Braune Kordhose im Cargo-Stil </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p data-selling-price class="pc-main__cp"> 42 <sup>CHF99</sup> </p> <div class="flex flex-col self-end mb-2"> <p data-original-price class="pc-main__op"> 81CHF00 </p> </div> </div> <p data-discount class="pc-main__dc"> -47 <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="N8115 01 38" class="btn-size">38</li> <li data-size data-itemcode="N8115 01 40" class="btn-size">40</li> <li data-size data-itemcode="N8115 01 42" class="btn-size">42</li> <li data-size data-itemcode="N8115 01 44" class="btn-size">44</li> <li data-size data-itemcode="N8115 01 46" class="btn-size">46</li> <li data-size data-itemcode="N8115 01 48" class="btn-size">48</li> <li data-size data-itemcode="N8115 01 50" class="btn-size">50</li> <li data-size data-itemcode="N8115 01 52" class="btn-size">52</li> <li data-size data-itemcode="N8115 01 54" class="btn-size">54</li> <li data-size data-itemcode="N8115 01 56" class="btn-size">56</li> <li data-size data-itemcode="N8115 01 58" class="btn-size">58</li> <li data-size data-itemcode="N8115 01 60" class="btn-size">60</li> </ul> </div> </div> </a> </article> </section> </li> <li data-position="4" class="splide__slide"> <section data-component-product-card="" > <article data-pc data-location="NotSet" data-article-title="2er-Pack Fleece-Jacken Sport Mountain" data-comref="11758059" data-offerid="10468390" data-pcode="N8109" data-op="119" data-sp="42.99" data-discount-percentage="64" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/356by413/42/28/9c/42289cc0428b03090b0e4ef92b3f2673.jpg,https://media.atlasformen.com/webmedia/356by413/eb/16/87/eb1687781600bacba8ceb4f5280debe3.jpeg,https://media.atlasformen.com/webmedia/356by413/1e/8d/35/1e8d354c7c6cb76ed2083ea8dc58452b.jpeg,https://media.atlasformen.com/webmedia/356by413/21/13/0f/21130f23e8cac1142c538be20a03f318.jpg,https://media.atlasformen.com/webmedia/356by413/33/f2/cb/33f2cbe7ac7369d2c95b71f14834af6e.jpg" 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="Fleece-Bekleidung" 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="/de/products/herren/bekleidung/fleece-bekleidung/2er-pack-fleece-jacken-sport-mountain/11758059.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img alt="Image" class="w-full h-full object-cover" src="https://media.atlasformen.com/webmedia/1080by1242/42/28/9c/42289cc0428b03090b0e4ef92b3f2673.jpg?w=400"> </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"><span style="color: rgb(255, 255, 255);"><strong>NEU</strong></span></span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen.&nbsp;"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen. </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]">&nbsp;</span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> 2er-Pack Fleece-Jacken Sport Mountain </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p data-selling-price class="pc-main__cp"> 42 <sup>CHF99</sup> </p> <div class="flex flex-col self-end mb-2"> <p data-original-price class="pc-main__op"> 119CHF00 </p> </div> </div> <p data-discount class="pc-main__dc"> -64 <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="N8109 50 M" class="btn-size">M</li> <li data-size data-itemcode="N8109 50 L" class="btn-size">L</li> <li data-size data-itemcode="N8109 50 XL" class="btn-size">XL</li> <li data-size data-itemcode="N8109 50 XXL" class="btn-size">XXL</li> <li data-size data-itemcode="N8109 50 XXXL" class="btn-size">3XL</li> <li data-size data-itemcode="N8109 50 4XL" class="btn-size">4XL</li> <li data-size data-itemcode="N8109 50 5XL" class="btn-size">5XL</li> </ul> </div> </div> </a> </article> </section> </li> <li data-position="5" class="splide__slide"> <section data-component-product-card="" > <article data-pc data-location="NotSet" data-article-title="2er-Pack Schlupfhosen aus Microfleece" data-comref="11753233" data-offerid="10463589" data-pcode="M4161" data-op="87" data-sp="28.99" data-discount-percentage="67" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/356by413/c0/30/36/c03036872fe5e6d44c6df3966ed47b57.jpg,https://media.atlasformen.com/webmedia/356by413/a2/d0/3e/a2d03e687cd36ed1db8b7adb8512cb23.jpeg,https://media.atlasformen.com/webmedia/356by413/68/eb/af/68ebafc52217e561d2f25b07cd2fdcea.jpg" 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="Hosen" 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="/de/products/herren/bekleidung/hosen/2er-pack-schlupfhosen-aus-microfleece/11753233.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img alt="Image" class="w-full h-full object-cover" src="https://media.atlasformen.com/webmedia/1080by1242/c0/30/36/c03036872fe5e6d44c6df3966ed47b57.jpg?w=400"> </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"><span style="color: rgb(255, 255, 255);"><strong>NEU</strong></span></span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen.&nbsp;"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen. </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]">&nbsp;</span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> 2er-Pack Schlupfhosen aus Microfleece </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p data-selling-price class="pc-main__cp"> 28 <sup>CHF99</sup> </p> <div class="flex flex-col self-end mb-2"> <p data-original-price class="pc-main__op"> 87CHF00 </p> </div> </div> <p data-discount class="pc-main__dc"> -67 <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="M4161 50 M" class="btn-size">M</li> <li data-size data-itemcode="M4161 50 L" class="btn-size">L</li> <li data-size data-itemcode="M4161 50 XL" class="btn-size">XL</li> <li data-size data-itemcode="M4161 50 XXL" class="btn-size">XXL</li> <li data-size data-itemcode="M4161 50 XXXL" class="btn-size">3XL</li> <li data-size data-itemcode="M4161 50 4XL" class="btn-size">4XL</li> <li data-size data-itemcode="M4161 50 5XL" class="btn-size">5XL</li> </ul> </div> </div> </a> </article> </section> </li> <li data-position="6" class="splide__slide"> <section data-component-product-card="" > <article data-pc data-location="NotSet" data-article-title="Skijacke Winter Snow mit Kapuze" data-comref="11753267" data-offerid="10463623" data-pcode="N9109" data-op="159" data-sp="78.99" data-discount-percentage="50" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/356by413/ab/82/56/ab8256515eab4de1c551f3d127cd1337.jpg,https://media.atlasformen.com/webmedia/356by413/7a/70/c5/7a70c5c070946477c8c8dc7104e046dd.jpeg,https://media.atlasformen.com/webmedia/356by413/9f/d1/52/9fd15269da54d5fbe4659982fd3c67da.jpeg,https://media.atlasformen.com/webmedia/356by413/6b/22/42/6b22425e8ade6048eeecb6e06a90d1f9.jpeg,https://media.atlasformen.com/webmedia/356by413/99/71/90/99719099e71f3a4f730da5c79639525b.jpeg,https://media.atlasformen.com/webmedia/356by413/78/b9/b5/78b9b571314e5f48579698ca5f046cc3.jpeg,https://media.atlasformen.com/webmedia/356by413/c6/a7/9c/c6a79c993e607df62bc116e321b14e43.jpeg,https://media.atlasformen.com/webmedia/356by413/05/ef/7f/05ef7fc327825e5767bc1513c202b2c8.jpg,https://media.atlasformen.com/webmedia/356by413/3b/53/73/3b53736e2c6c5e5b10ff05abccc6d6e9.jpg,https://media.atlasformen.com/webmedia/356by413/3e/fa/12/3efa12d6d3e193e25b960bcfe166a001.jpg,https://media.atlasformen.com/webmedia/356by413/e9/d2/f9/e9d2f93975a3d329878a61d374421782.jpg" 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="Winterjacken" data-cat-5="Parkas" 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="/de/products/herren/bekleidung/winterjacken/parkas/skijacke-winter-snow-mit-kapuze/11753267.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img alt="Image" class="w-full h-full object-cover" src="https://media.atlasformen.com/webmedia/1080by1242/ab/82/56/ab8256515eab4de1c551f3d127cd1337.jpg?w=400"> </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"><span style="color: rgb(255, 255, 255);"><strong>NEU</strong></span></span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen.&nbsp;"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen. </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]">&nbsp;</span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Skijacke Winter Snow mit Kapuze </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p data-selling-price class="pc-main__cp"> 78 <sup>CHF99</sup> </p> <div class="flex flex-col self-end mb-2"> <p data-original-price class="pc-main__op"> 159CHF00 </p> </div> </div> <p data-discount 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="N9109 08 M" class="btn-size">M</li> <li data-size data-itemcode="N9109 08 L" class="btn-size">L</li> <li data-size data-itemcode="N9109 08 XL" class="btn-size">XL</li> <li data-size data-itemcode="N9109 08 XXL" class="btn-size">XXL</li> <li data-size data-itemcode="N9109 08 XXXL" class="btn-size">3XL</li> <li data-size data-itemcode="N9109 08 4XL" class="btn-size">4XL</li> <li data-size data-itemcode="N9109 08 5XL" class="btn-size">5XL</li> </ul> </div> </div> </a> </article> </section> </li> <li data-position="7" class="splide__slide"> <section data-component-product-card="" > <article data-pc data-location="NotSet" data-article-title="3er-Pack Microfleece-Pullover Atlas(R)" data-comref="11753261" data-offerid="10463617" data-pcode="N9103" data-op="119" data-sp="42.99" data-discount-percentage="64" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/356by413/e3/4c/01/e34c01d6e1ef897cb65fd4be60e3288f.jpg,https://media.atlasformen.com/webmedia/356by413/96/0c/96/960c9632c98fc8362a5f9babfb17fbf6.jpg,https://media.atlasformen.com/webmedia/356by413/5a/c1/22/5ac1226539a793ad2df46c8535e61572.jpg,https://media.atlasformen.com/webmedia/356by413/b4/a2/4e/b4a24e827580e126eaeab4e7d4ef22d9.jpg,https://media.atlasformen.com/webmedia/356by413/c2/a9/04/c2a904d41a389f5b041e89cb88c8aab5.jpeg,https://media.atlasformen.com/webmedia/356by413/6f/27/86/6f278699bafd736608a2bfd1ee03168e.jpeg" 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="Fleece-Bekleidung" data-cat-5="Fleecepullover" 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="/de/products/herren/bekleidung/fleece-bekleidung/fleecepullover/3er-pack-microfleece-pullover-atlasr/11753261.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img alt="Image" class="w-full h-full object-cover" src="https://media.atlasformen.com/webmedia/1080by1242/e3/4c/01/e34c01d6e1ef897cb65fd4be60e3288f.jpg?w=400"> </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"><span style="color: rgb(255, 255, 255);"><strong>NEU</strong></span></span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen.&nbsp;"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen. </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]">&nbsp;</span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> 3er-Pack Microfleece-Pullover Atlas(R) </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p data-selling-price class="pc-main__cp"> 42 <sup>CHF99</sup> </p> <div class="flex flex-col self-end mb-2"> <p data-original-price class="pc-main__op"> 119CHF00 </p> </div> </div> <p data-discount class="pc-main__dc"> -64 <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="N9103 50 M" class="btn-size">M</li> <li data-size data-itemcode="N9103 50 L" class="btn-size">L</li> <li data-size data-itemcode="N9103 50 XL" class="btn-size">XL</li> <li data-size data-itemcode="N9103 50 XXL" class="btn-size">XXL</li> <li data-size data-itemcode="N9103 50 XXXL" class="btn-size">3XL</li> <li data-size data-itemcode="N9103 50 4XL" class="btn-size">4XL</li> <li data-size data-itemcode="N9103 50 5XL" class="btn-size">5XL</li> </ul> </div> </div> </a> </article> </section> </li> <li data-position="8" class="splide__slide"> <section data-component-product-card="" > <article data-pc data-location="NotSet" data-article-title="6er-Pack einfarbige Stretch-Boxershorts RX-Trem" data-comref="11753304" data-offerid="10463660" data-pcode="N9148" data-op="80" data-sp="28.99" data-discount-percentage="64" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/356by413/a6/b8/b7/a6b8b7e7784eb4dd0c6fc1aca08bb260.jpg,https://media.atlasformen.com/webmedia/356by413/16/18/3d/16183db2063eaaab93d950b478c1b82f.jpg,https://media.atlasformen.com/webmedia/356by413/ce/9f/35/ce9f35c86bdb64a3396aa8ba07d4b268.jpg,https://media.atlasformen.com/webmedia/356by413/fd/28/9e/fd289eaa2d17fb3b742392dfbd008100.jpg" 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="Sparpacks Herren" 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="/de/products/herren/bekleidung/sparpacks-herren/6er-pack-einfarbige-stretch-boxershorts-rx-trem/11753304.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img alt="Image" class="w-full h-full object-cover" src="https://media.atlasformen.com/webmedia/1080by1242/a6/b8/b7/a6b8b7e7784eb4dd0c6fc1aca08bb260.jpg?w=400"> </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"><span style="color: rgb(255, 255, 255);"><strong>NEU</strong></span></span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen.&nbsp;"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen. </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]">&nbsp;</span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> 6er-Pack einfarbige Stretch-Boxershorts RX-Trem </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p data-selling-price class="pc-main__cp"> 28 <sup>CHF99</sup> </p> <div class="flex flex-col self-end mb-2"> <p data-original-price class="pc-main__op"> 80CHF00 </p> </div> </div> <p data-discount class="pc-main__dc"> -64 <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="N9148 50 M" class="btn-size">M</li> <li data-size data-itemcode="N9148 50 L" class="btn-size">L</li> <li data-size data-itemcode="N9148 50 XL" class="btn-size">XL</li> <li data-size data-itemcode="N9148 50 XXL" class="btn-size">XXL</li> <li data-size data-itemcode="N9148 50 XXXL" class="btn-size">3XL</li> <li data-size data-itemcode="N9148 50 4XL" class="btn-size">4XL</li> <li data-size data-itemcode="N9148 50 5XL" class="btn-size">5XL</li> </ul> </div> </div> </a> </article> </section> </li> <li data-position="9" class="splide__slide"> <section data-component-product-card="" > <article data-pc data-location="NotSet" data-article-title="Flanellhemd mit Fischgr&#228;t-Optik im Pilotenstil" data-comref="11753255" data-offerid="10463611" data-pcode="N7156" data-op="58" data-sp="28.99" data-discount-percentage="50" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/356by413/43/71/41/437141e52ff3fed58e10de202147d047.jpg,https://media.atlasformen.com/webmedia/356by413/cc/c8/84/ccc8848f421c4de7e3e735fc6a30fa55.jpeg,https://media.atlasformen.com/webmedia/356by413/96/1d/9a/961d9a0b294d928c9b3cf9cc652e7ed0.jpeg,https://media.atlasformen.com/webmedia/356by413/c5/4a/8e/c54a8ea0898dd726afc9e706e45c112d.jpg,https://media.atlasformen.com/webmedia/356by413/69/a7/2f/69a72f7b7ffa7da0e58b298bb207fc13.jpg,https://media.atlasformen.com/webmedia/356by413/8c/a2/fb/8ca2fb4a4b9c1f267cd7ed535524163a.jpg" 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="Gestreifte Hemden" 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="/de/products/herren/bekleidung/hemden/gestreifte-hemden/flanellhemd-mit-fischgrat-optik-im-pilotenstil/11753255.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img alt="Image" class="w-full h-full object-cover" src="https://media.atlasformen.com/webmedia/1080by1242/43/71/41/437141e52ff3fed58e10de202147d047.jpg?w=400"> </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"><span style="color: rgb(255, 255, 255);"><strong>NEU</strong></span></span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen.&nbsp;"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen. </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]">&nbsp;</span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Flanellhemd mit Fischgr&#228;t-Optik im Pilotenstil </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p data-selling-price class="pc-main__cp"> 28 <sup>CHF99</sup> </p> <div class="flex flex-col self-end mb-2"> <p data-original-price class="pc-main__op"> 58CHF00 </p> </div> </div> <p data-discount 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="N7156 30 M" class="btn-size">M</li> <li data-size data-itemcode="N7156 30 L" class="btn-size">L</li> <li data-size data-itemcode="N7156 30 XL" class="btn-size">XL</li> <li data-size data-itemcode="N7156 30 XXL" class="btn-size">XXL</li> <li data-size data-itemcode="N7156 30 XXXL" class="btn-size">3XL</li> <li data-size data-itemcode="N7156 30 4XL" class="btn-size">4XL</li> <li data-size data-itemcode="N7156 30 5XL" class="btn-size">5XL</li> </ul> </div> </div> </a> </article> </section> </li> <li data-position="10" class="splide__slide"> <section data-component-product-card="" > <article data-pc data-location="NotSet" data-article-title="Kariertes Flanell-Hemd" data-comref="11753294" data-offerid="10463650" data-pcode="N9136" data-op="58" data-sp="28.99" data-discount-percentage="50" data-photo-index="0" data-photos="https://media.atlasformen.com/webmedia/356by413/43/0a/c3/430ac3901cd3494312ec4cea6116ad6f.jpg,https://media.atlasformen.com/webmedia/356by413/6e/7b/1a/6e7b1a2a78780a45af0a2da0c1955e83.jpeg,https://media.atlasformen.com/webmedia/356by413/47/d6/82/47d682949dad857b4f1d13c581638f24.jpeg,https://media.atlasformen.com/webmedia/356by413/89/81/16/898116b8873dbd946029df7fa21c3911.jpeg,https://media.atlasformen.com/webmedia/356by413/f6/64/6b/f6646bda5bdef68b0904a9615f7d1e2e.jpg,https://media.atlasformen.com/webmedia/356by413/c2/48/b6/c248b6d5a11414746c50530b301dfa91.jpg" 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="/de/products/herren/bekleidung/hemden/karohemden/kariertes-flanell-hemd/11753294.aspx" class="flex h-full flex-col"> <div class="relative overflow-hidden"> <div data-image-main class="relative flex h-full"> <img alt="Image" class="w-full h-full object-cover" src="https://media.atlasformen.com/webmedia/1080by1242/43/0a/c3/430ac3901cd3494312ec4cea6116ad6f.jpg?w=400"> </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"><span style="color: rgb(255, 255, 255);"><strong>NEU</strong></span></span> <div data-wishlist data-in-wishlist="false" class="bookmark peer/tooltip absolute right-2 top-2" title="Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen.&nbsp;"></div> <span data-wishlist-logged-out class="no-click tooltiptext-top tooltip w-full md:left-[calc(100%-17px)] md:w-56"> <span>Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen. </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]">&nbsp;</span> </div> <h3 data-title class="my-auto w-full line-clamp-1 text-[14px] leading-[19px] text-black"> Kariertes Flanell-Hemd </h3> <div class="mt-2.5 flex items-center justify-between gap-1"> <div class="inline-flex gap-1"> <p data-selling-price class="pc-main__cp"> 28 <sup>CHF99</sup> </p> <div class="flex flex-col self-end mb-2"> <p data-original-price class="pc-main__op"> 58CHF00 </p> </div> </div> <p data-discount 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="N9136 20 M" class="btn-size">M</li> <li data-size data-itemcode="N9136 20 L" class="btn-size">L</li> <li data-size data-itemcode="N9136 20 XL" class="btn-size">XL</li> <li data-size data-itemcode="N9136 20 XXL" class="btn-size">XXL</li> <li data-size data-itemcode="N9136 20 XXXL" class="btn-size">3XL</li> <li data-size data-itemcode="N9136 20 4XL" class="btn-size">4XL</li> <li data-size data-itemcode="N9136 20 5XL" class="btn-size">5XL</li> </ul> </div> </div> </a> </article> </section> </li> </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> </section> </div> </div> </div> </div> <div data-cb-group="2d287e080" class="relative has-[.dropdown.active]:z-10 background2d287e080"> <div data-cb-layout="12" data-cb-layout-id="43e56a6b6" class="container "> <div data-cb-layout-grid class="grid grid-cols-12 mt-5 mb-5 md:mt-10 md:mb-5 gap-x-6 gap-y-6 md:gap-x-6 md:gap-y-6 background43e56a6b6 border43e56a6b6"> <div data-cb-section="794752ea6" class="col-span-12"> <section data-component-text="fa716a3f5" class=""> <div class=" backgroundfa716a3f5 borderfa716a3f5"> <div><span style="text-align: center; display: block; font-size: 22px;">&Uuml;berraschen Sie Ihre Liebsten mit unseren <strong>festlichen Geschenkideen</strong></span><span style="font-size: 16px; text-align: center; display: block;">Wir empfehlen Ihnen, Ihre Bestellung vor dem 10. Dezember aufzugeben, damit Ihre Geschenke rechtzeitig zu Weihnachten geliefert werden k&ouml;nnen!</span></div> </div> </section> </div> </div> </div> <div data-cb-layout="12" data-cb-layout-id="d5bd72440" class="container "> <div data-cb-layout-grid class="grid grid-cols-12 mt-5 mb-5 md:mt-5 md:mb-5 gap-x-6 gap-y-6 md:gap-x-6 md:gap-y-6 backgroundd5bd72440 borderd5bd72440"> <div data-cb-section="5d94ead87" class="col-span-12"> <!-- We need h-full on both the section and the image for the image to use the full height --> <section data-component-image="92fffa5a3" class="relative h-full "> <a data-position="1" href="/de/event/weihnachts-spezial" target="_self"> <picture> <source media="(min-width: 768px)" srcset="https://media.atlasformen.com/media/repository/sites/10/de-CH/collections/2024/LP%20id&#233;es%20KDO%20SA%20F24/01%20Bandeaux/BandeauDesk_IDkdo_F24.jpg"> <img src="https://media.atlasformen.com/media/repository/sites/10/de-CH/collections/2024/LP%20id&#233;es%20KDO%20SA%20F24/01%20Bandeaux/BandeauMob_IDkdo_F24.jpg" class="h-full w-full"> </picture> </a> </section> </div> </div> </div> <div data-cb-layout="12" data-cb-layout-id="0911be53a" class="container "> <div data-cb-layout-grid class="grid grid-cols-12 mt-5 mb-5 md:mt-10 md:mb-5 gap-x-6 gap-y-6 md:gap-x-6 md:gap-y-6 background0911be53a border0911be53a"> <div data-cb-section="d591f33ba" class="col-span-12"> <section data-component-text="eaa18ae1b" class=""> <div class=" backgroundeaa18ae1b bordereaa18ae1b"> <div><span style="text-align: center; display: block; font-size: 22px;">Entdecken Sie auch hier unsere <strong>Web-Exklusivit&auml;ten</strong></span></div> </div> </section> </div> </div> </div> </div> <div data-cb-group="66fdc72b0" class="relative has-[.dropdown.active]:z-10 background66fdc72b0"> <div data-cb-layout="66" data-cb-layout-id="323e3657d" class="container "> <div data-cb-layout-grid class="grid grid-cols-12 mt-5 mb-5 md:mt-5 md:mb-5 gap-x-6 gap-y-6 md:gap-x-6 md:gap-y-6 background323e3657d border323e3657d"> <div data-cb-section="2cd068c16" class="col-span-12 md:col-span-6"> <!-- We need h-full on both the section and the image for the image to use the full height --> <section data-component-image="6b774e988" class="relative h-full "> <a data-position="1" href="/de/sonderangebote/outlet-75450.aspx" target="_self"> <picture> <source media="(min-width: 768px)" srcset="https://media.atlasformen.com/media/repository/sites/10/de-CH/collections/2024/BLACK%20WEEK%20F24/02%20Topcat/TopCatGrands_Outlet.jpg"> <img src="https://media.atlasformen.com/media/repository/sites/10/de-CH/collections/2024/BLACK%20WEEK%20F24/02%20Topcat/TopCatGrands_Outlet.jpg" class="h-full w-full"> </picture> </a> </section> </div> <div data-cb-section="c9a664183" class="col-span-12 md:col-span-6"> <!-- We need h-full on both the section and the image for the image to use the full height --> <section data-component-image="acd52248f" class="relative h-full "> <a data-position="1" href="/de/damen/bekleidung-300.aspx" target="_self"> <picture> <source media="(min-width: 768px)" srcset="https://media.atlasformen.com/media/repository/sites/10/de-CH/collections/2024/ROCHEUSES%202/02%20Topcat/TopCatGrands_AFW.jpg"> <img src="https://media.atlasformen.com/media/repository/sites/10/de-CH/collections/2024/ROCHEUSES%202/02%20Topcat/TopCatGrands_AFW.jpg" class="h-full w-full"> </picture> </a> </section> </div> </div> </div> </div> <div data-cb-group="4ebbe260d" class="relative has-[.dropdown.active]:z-10 background4ebbe260d"> <div data-cb-layout="12" data-cb-layout-id="8c9d6492c" class="container "> <div data-cb-layout-grid class="grid grid-cols-12 mt-5 mb-5 md:mt-5 md:mb-5 gap-x-6 gap-y-6 md:gap-x-6 md:gap-y-6 background8c9d6492c border8c9d6492c"> <div data-cb-section="31c8a2964" class="col-span-12"> <!-- We need h-full on both the section and the image for the image to use the full height --> <section data-component-image="71af374e3" class="relative h-full "> <a data-position="1" href="/de/myaccount/newslettersloggedout.aspx" target="_self"> <picture> <source media="(min-width: 768px)" srcset="https://media.atlasformen.com/media/repository/sites/10/de-CH/collections/INSCRIPTION%20NL/BandeauDesk_inscriptionnews-SA.jpg"> <img src="https://media.atlasformen.com/media/repository/sites/10/de-CH/collections/INSCRIPTION%20NL/TopCatGrand_Inscriptionnews-SA.jpg" class="h-full w-full"> </picture> </a> </section> </div> </div> </div> <div data-cb-layout="12" data-cb-layout-id="cf9f81aec" class="container "> <div data-cb-layout-grid class="grid grid-cols-12 mt-5 mb-5 md:mt-5 md:mb-5 gap-x-6 gap-y-6 md:gap-x-6 md:gap-y-6 backgroundcf9f81aec bordercf9f81aec"> <div data-cb-section="a38ce9d00" class="col-span-12"> <section data-component-text="242120980" class=""> <div class=" background242120980 border242120980"> <div> <h2><span style="color: rgb(75, 105, 171);"><strong><span style="text-align: center; display: block;"><br><span style="font-size: 28px;">Entdecken Sie unsere Tipps!&nbsp;</span></span></strong></span></h2> </div> </div> </section> </div> </div> </div> <div data-cb-layout="12" data-cb-layout-id="ab75149e8" class="container "> <div data-cb-layout-grid class="grid grid-cols-12 mt-5 mb-5 md:mt-5 md:mb-5 gap-x-6 gap-y-6 md:gap-x-6 md:gap-y-6 backgroundab75149e8 borderab75149e8"> <div data-cb-section="e024b1b5e" class="col-span-12"> <section data-component-blog-related-articles id="Carousel_d16df381f" class="splide container"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <a href="/inspiration/mode/outfits/&#252;bergangszeit.aspx"> <div> <div class="relative"> <img alt="Outfits für die Übergangszeit" class="mb-5 aspect-square object-cover" src="https://media.atlasformen.com/media/repository/sites/15/de-DE/encart/2021/Übergangszeit.jpg"> <div class="absolute bottom-5 left-5 flex flex-col items-start gap-5"> </div> </div> <h3 class="font-barlow text-[20px]/[24px] font-bold">Outfits f&#252;r die &#220;bergangszeit</h3> </div> </a> </li> <li class="splide__slide"> <a href="/inspiration/freizeit/outdoor/angeln-fuer-anfaenger.aspx"> <div> <div class="relative"> <img alt="Angeln für Anfänger" class="mb-5 aspect-square object-cover" src="https://media.atlasformen.com/media/repository/sites/15/de-DE/encart/2021/Angeln.jpg"> <div class="absolute bottom-5 left-5 flex flex-col items-start gap-5"> </div> </div> <h3 class="font-barlow text-[20px]/[24px] font-bold">Angeln f&#252;r Anf&#228;nger</h3> </div> </a> </li> <li class="splide__slide"> <a href="/inspiration/mode/outfits/fahrradbekleidung.aspx"> <div> <div class="relative"> <img alt="Fahrradbekleidung für Herren" class="mb-5 aspect-square object-cover" src="https://media.atlasformen.com/media/repository/sites/15/de-DE/encart/2021/Radfahren.jpg"> <div class="absolute bottom-5 left-5 flex flex-col items-start gap-5"> </div> </div> <h3 class="font-barlow text-[20px]/[24px] font-bold">Fahrradbekleidung</h3> </div> </a> </li> <li class="splide__slide"> <a href="/inspiration/freizeit/wandern/wandern-fuer-anfaenger.aspx"> <div> <div class="relative"> <img alt="Wandern für Anfänger" class="mb-5 aspect-square object-cover" src="https://media.atlasformen.com/media/repository/sites/15/de-DE/encart/2021/Wandervorbereitung.jpg"> <div class="absolute bottom-5 left-5 flex flex-col items-start gap-5"> </div> </div> <h3 class="font-barlow text-[20px]/[24px] font-bold">Wandern f&#252;r Anf&#228;nger</h3> </div> </a> </li> <li class="splide__slide"> <a href="/inspiration/freizeit/wandern/wanderkleidung.aspx"> <div> <div class="relative"> <img alt="Wanderkleidung" class="mb-5 aspect-square object-cover" src="https://media.atlasformen.com/media/repository/sites/15/de-DE/encart/2021/Wanderkleidung.jpg"> <div class="absolute bottom-5 left-5 flex flex-col items-start gap-5"> </div> </div> <h3 class="font-barlow text-[20px]/[24px] font-bold">Wanderkleidung</h3> </div> </a> </li> <li class="splide__slide"> <a href="/inspiration/mode/beratung/grosse-gr&#246;ssen.aspx"> <div> <div class="relative"> <img alt="Modeberatung für grosse Grössen" class="mb-5 aspect-square object-cover" src="https://media.atlasformen.com/media/repository/sites/15/de-DE/encart/2020/GrosseGrössen.jpg"> <div class="absolute bottom-5 left-5 flex flex-col items-start gap-5"> </div> </div> <h3 class="font-barlow text-[20px]/[24px] font-bold">Modeberatung f&#252;r grosse Gr&#246;ssen</h3> </div> </a> </li> </ul> </div> </section> </div> </div> </div> </div> </div> </main> <footer data-main-footer> <section data-faq class="container mt-10" aria-label="FAQ"> <div class="text-center text-[20px]"><span style="font-family: roboto;">Unsere Antworten auf&nbsp;<strong>häufig gestellte Fragen</strong></span></div> <div class="max-w-3xl mx-auto mt-5"> <details class="py-3 open:bg-lightGray border-b group border-b-gray first:border-t first:border-t-gray"> <summary class="text-[14px] leading-[17px] flex group-open:px-4 transition-all group-open:font-bold justify-between py-3"> <span>Zahlungsmethoden</span> <img src=/assets/svgs/icon-plus-gold.svg class="w-3 h-3 aspect-square group-open:hidden" alt="Plus"> <img src=/assets/svgs/icon-minus-gold.svg class="hidden w-3 h-3 aspect-square group-open:block" alt="Minus"> </summary> <p class="pl-4 pr-5 group-open:animate-fade-in"><br>Atlas For Men bietet Ihnen verschiedene Zahlungsmethoden. Sie können bei uns entweder direkt per Bankkarte bezahlen oder auf Rechnung, innerhalb von 14 Tagen nach Erhalt der Ware.<br> <a href="/de/aboutv2/service/zahlung.aspx" target="_self"> → Zahlungsmethoden</a></p> </details> <details class="py-3 open:bg-lightGray border-b group border-b-gray first:border-t first:border-t-gray"> <summary class="text-[14px] leading-[17px] flex group-open:px-4 transition-all group-open:font-bold justify-between py-3"> <span>Bestellverfolgung</span> <img src=/assets/svgs/icon-plus-gold.svg class="w-3 h-3 aspect-square group-open:hidden" alt="Plus"> <img src=/assets/svgs/icon-minus-gold.svg class="hidden w-3 h-3 aspect-square group-open:block" alt="Minus"> </summary> <p class="pl-4 pr-5 group-open:animate-fade-in"><br>Den Status Ihrer Bestellung können Sie jederzeit online verfolgen. Loggen Sie sich dafür einfach bei Ihrem persönlichen Kundenkonto ein.<br> <a href="/de/login/login.aspx" target="_self"> → Zum Kundenkonto</a></p> </details> <details class="py-3 open:bg-lightGray border-b group border-b-gray first:border-t first:border-t-gray"> <summary class="text-[14px] leading-[17px] flex group-open:px-4 transition-all group-open:font-bold justify-between py-3"> <span>Umtausch und R&#252;ckgabe</span> <img src=/assets/svgs/icon-plus-gold.svg class="w-3 h-3 aspect-square group-open:hidden" alt="Plus"> <img src=/assets/svgs/icon-minus-gold.svg class="hidden w-3 h-3 aspect-square group-open:block" alt="Minus"> </summary> <p class="pl-4 pr-5 group-open:animate-fade-in"><br>Wenn ein bestellter Artikel nicht Ihren Erwartungen entspricht, haben Sie die Möglichkeit, diesen innerhalb von 60 Tagen umzutauschen, oder zurückzuschicken und den entsprechenden Betrag erstatten zu bekommen. Hier finden Sie die genaue Anleitung für einen Umtausch bzw. eine Rückgabe:<br> <a href="/de/aboutv2/service/umtausch-ruckzahlung.aspx" target="_self"> → Umtausch und Rückzahlung </a></p> </details> <details class="py-3 open:bg-lightGray border-b group border-b-gray first:border-t first:border-t-gray"> <summary class="text-[14px] leading-[17px] flex group-open:px-4 transition-all group-open:font-bold justify-between py-3"> <span>Kundenservice kontaktieren</span> <img src=/assets/svgs/icon-plus-gold.svg class="w-3 h-3 aspect-square group-open:hidden" alt="Plus"> <img src=/assets/svgs/icon-minus-gold.svg class="hidden w-3 h-3 aspect-square group-open:block" alt="Minus"> </summary> <p class="pl-4 pr-5 group-open:animate-fade-in"><br> Bei Fragen und Anliegen können Sie sich stets an unseren Kundenservice wenden. Dies ist möglich per E-Mail, per Post oder von Montag bis Samstag zwischen 08:00-20:00 Uhr per Telefon.<br> <a href="/de/help/contact.aspx" target="_self"> → Kundenservice kontaktieren</a></p> </details> </div> </section> <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="/de/aboutv2/service/lieferung.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="Kostenfreie Lieferung ab 55 CHF" src="https://media.atlasformen.com/media/repository/sites/10/de-CH/icones/icon-liv.svg" class="m-auto logo"></div> <div class="leading-[19px] font-bold mb-[10px] mt-3 text-[16px] text-yellow">Kostenfreie Lieferung ab 55 CHF</div> <div class="cursor-pointer group"> <p class="text-[14px] leading-[17px] max-w-[27ch] mb-[10px] mx-auto group-hover:hidden">Gute Qualit&auml;t. Schnelle Lieferung. Preis top.<br /><span style="background-color: #ffffff; color: #999999; font-size: 10pt;"><em>Beni K. 29.01.2024</em></span></p> <p class="text-[14px] leading-[17px] max-w-[27ch] mb-[10px] mx-auto group-hover:block hidden italic">Standardlieferung zu Hause</p> </div> <span class="text-gray text-[11px] leading-[17px]"></span> </div> </a> </li> <li class="splide__slide"> <a href="/aboutv2/service/umtausch-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="Einfache R&#252;cksendung" 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">Einfache R&#252;cksendung</div> <div class="cursor-pointer group"> <p class="text-[14px] leading-[17px] max-w-[27ch] mb-[10px] mx-auto group-hover:hidden">Der Umtausch war sehr schnell. Danke.<br /><span style="font-size: 10pt; color: #999999;"><em>Mirjam H. 11.01.2024</em></span></p> <p class="text-[14px] leading-[17px] max-w-[27ch] mb-[10px] mx-auto group-hover:block hidden italic">60 Tage Rückgaberecht</p> </div> <span class="text-gray text-[11px] leading-[17px]"></span> </div> </a> </li> <li class="splide__slide"> <a href="/aboutv2/service/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="Sicher einkaufen" src="https://media.atlasformen.com/media/repository/sites/10/de-CH/icones/icon-padlock.svg" class="m-auto logo"></div> <div class="leading-[19px] font-bold mb-[10px] mt-3 text-[16px] text-yellow">Sicher einkaufen</div> <div class="cursor-pointer group"> <p class="text-[14px] leading-[17px] max-w-[27ch] mb-[10px] mx-auto group-hover:hidden">Einfache Online-Bestellung und sichere Bezahlung.<br /><span style="font-size: 10pt; color: #999999;"><em>Marek M. 02.02.2024</em></span></p> <p class="text-[14px] leading-[17px] max-w-[27ch] mb-[10px] mx-auto group-hover:block hidden italic">100% sicheres Zahlungssystem</p> </div> <span class="text-gray text-[11px] leading-[17px]"></span> </div> </a> </li> <li class="splide__slide"> <a href="/de/categories/grosse-grossen-herren-2.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="Grosse Gr&#246;ssen" src="https://media.atlasformen.com/media/repository/sites/10/de-CH/icones/icon-5XL.svg" class="m-auto logo"></div> <div class="leading-[19px] font-bold mb-[10px] mt-3 text-[16px] text-yellow">Grosse Gr&#246;ssen</div> <div class="cursor-pointer group"> <p class="text-[14px] leading-[17px] max-w-[27ch] mb-[10px] mx-auto group-hover:hidden">Tolle Ware. Bestelle gerne, da es auch &uuml;bergrosse Gr&ouml;ssen gibt.<br /><span style="color: #999999;"><em><span style="font-size: 10pt;">Stephan H. 26.01.2024</span></em></span></p> <p class="text-[14px] leading-[17px] max-w-[27ch] mb-[10px] mx-auto group-hover:block hidden italic">Alle Grössen zum Einheitspreis</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.ch/de/myaccount/newslettersloggedout.aspx"> <div class="group/tooltip relative mb-4 text-center text-base leading-[19px]"> Newsletter abonnieren & 15CHF Gutschein sichern!* <span class="tooltiptext-top tooltip w-56"> <span>*Angebot g&#252;ltig bis zum 31.12.2024 ab einem Einkauf von 55CHF.</span> </span> </div> <div class="group/tooltip relative flex min-h-[100px] items-center justify-center"> <img alt="Letter Icon" src="/images/svgs/footer-letter.svg" /> <p class="text-[14px] max-w-[30ch] relative group"> Jetzt anmelden und die besten Deals per E-Mail erhalten. <span class="tooltiptext-top tooltip w-56"> <span>*Angebot g&#252;ltig bis zum 31.12.2024 ab einem Einkauf von 55CHF.</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 zu den Bedingungen f&#252;r die Anmeldung zum Newsletter</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 31.12.2024 ab einem Einkauf von 55CHF.</p> <p class="text-[14px] leading-[17px]">Beim Anklicken stimmen Sie zu, Newsletter von Atlasformen und seinen Geschäftspartnern zu bekommen. Sie können unseren Newsletter jederzeit abbestellen, in dem Sie den auf dem im Newsletter oben und unten stehenden Abmeldelink, klicken. <span style="font-size: 1em; font-weight: var(--bs-body-font-weight); text-align: var(--bs-body-text-align);"><a href="https://www.atlasformen.ch/de/aboutv2/rechtliches/datenschutz.aspx" target="_self"></a><u><a href="/de/aboutv2/rechtliches/datenschutz.aspx" target="_self">Mehr über unsere Datenschutzrichtlinen<u>.</u></a></u></span><p class="MsoNormal"><o:p></o:p></p></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/10/de-CH/footerFR.png" 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 &gt;</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 &amp; 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="/de/myaccount/ordertracing.aspx" target="_parent">Bestellverfolgung</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/de/help/contact.aspx" target="_parent">Kontakt</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/de/aboutv2/service/fragen-antworten.aspx" target="_parent">Häufige Fragen</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/de/aboutv2/service/grossenratgeber-herren.aspx" target="_parent">Grössenratgeber Herren</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/de/aboutv2/service/grossenratgeber-damen.aspx" target="_parent">Grössenratgeber Damen</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>Changer de langue</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_f0f51"> <span><a class="aLanguageSelection cursor-pointer" data-currentlanguage="de" data-newlanguage="fr">Fran&ccedil;ais</a></span> </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>&#220;ber Uns</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="/de/aboutv2/uber-uns/unsere-geschichte.aspx" target="_parent">Unsere Geschichte</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/de/aboutv2/uber-uns/was-uns-antreibt.aspx" target="_parent">Was uns antreibt</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/de/aboutv2/uber-uns/verantwortung.aspx" target="_parent">Unsere Verantwortung</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/aboutv2/uber-uns/produktentwicklung.aspx" target="_parent">Produktentwicklung</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/de/aboutv2/uber-uns/kollektionen.aspx" target="_parent">Unsere Kollektionen</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/de/aboutv2/uber-uns/vorteilcodes.aspx" target="_parent">Vorteilcodes</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="/de/aboutv2/service/zahlung.aspx" target="_parent">Zahlung</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/de/aboutv2/service/lieferung.aspx" target="_parent">Lieferung</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/de/aboutv2/service/umtausch-ruckzahlung.aspx" target="_parent">Umtausch und Rückzahlung</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/de/aboutv2/service/garantie.aspx" target="_parent">Garantien</a> </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>Rechtliches</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="/de/aboutv2/rechtliches/cookies.aspx" target="_parent">Cookies</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/de/sitemap/sitemap.aspx" target="_parent">Sitemap</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/de/aboutv2/rechtliches/datenschutz.aspx" target="_parent">Hinweise zum Datenschutz</a> </li> <li class="text-[14px] py-1 hidden md:block"> <a href="/de/aboutv2/rechtliches/allgemeine-geschaftsbedingungen.aspx" target="_parent">Allgemeine Geschäftsbedingungen</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&#228;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/10/de-CH/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/10/de-CH/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/10/de-CH/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/10/de-CH/flags/ch.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/10/de-CH/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/10/de-CH/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/10/de-CH/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/10/de-CH/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/10/de-CH/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/10/fr-CH/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"> 0842 / 799 699 (max. CHF 0.08/Min.) </li> <li class="text-[14px] py-1 hidden md:block"> Montag-Samstag von 8:00 bis 20:00 Uhr </li> </ul> </div> </div> <section class="container"> <div class="text-[14px] my-4 font-bold">Atlas For Men: für alle, die das Abenteuer suchen!</div> <p data-bottom-paragraph class="text-[11px] leading-[19px] lg:line-clamp-none line-clamp-3"><span style="font-family: roboto;"><p class="MsoNormal" style="text-align: justify;"><span style="font-size: 10pt;"><strong><span lang="DE" style="line-height: 107%; color: #422715;"><a href="/de/categories/herren-1.aspx"><span style="color: #422715;"><span style="font-size: 10pt;">Atlas For Men</span></span></a></span></strong><span lang="DE" style="line-height: 107%; color: #422715;">&nbsp;wurde 1999 gegr&uuml;ndet. Die Marke dient als Spezialist f&uuml;r Outdoor-Bekleidung und -Accessoires und ist ein Markenzeichen f&uuml;r Naturliebhaber und passionierte Entdecker.<br /></span><span lang="EN-US" style="line-height: 107%; color: #422715;">Weich und warm im Winter, leicht und fliessend im Sommer... Die Materialien unserer&nbsp;<strong><a href="/de/categories/herren-1.aspx"><span style="color: #422715;">Herren-</span></a></strong>&nbsp;und&nbsp;<strong><a href="/de/categories/damen-3.aspx"><span style="color: #422715;">Damenbekleidung</span></a></strong> sind angenehm zu tragen und sehr pflegeleicht. Atlas For Men steht f&uuml;r originelle Produkte, f&uuml;r die bevorzugt nat&uuml;rliche und robuste Materialen verwendet werden. Neben bequemem Sitz und weiten Schnitten sorgen diese Materialien daf&uuml;r, dass Sie sich rundherum wohl f&uuml;hlen! Bekleidung und Accessoires sind als funktionale Begleiter konzipiert. Unsere Damenkollektionen unter der Marke&nbsp;<strong><a href="/de/categories/damen-3.aspx"><span style="color: #422715;">Atlas For Women</span></a></strong>&nbsp;pr&auml;sentieren komfortable und elegante Outfits.<br />Mit unschlagbaren Preisen und&nbsp;<strong><a href="/de/categories/grosse-grossen-herren-2.aspx"><span style="color: #422715;">grossen Gr&ouml;ssen</span></a></strong>&nbsp;bis zu 5XL (alle Gr&ouml;ssen zum gleichen Preis) laden wir alle ein, unabh&auml;ngig von Gr&ouml;sse oder Geldbeutel, neue Abenteuer zu erleben, egal ob gross oder klein, nah oder fern!</span></span></p></span></p> <button data-bottom-paragraph-show class="text-[11px] underline leading-[19px] lg:hidden" type=button>Voir plus</button> </section> <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="_self" rel="nofollow"><img alt="Facebook" src="/images/svgs/icon-facebook.svg"></a><a href="https://www.youtube.com/c/atlasformende" target="_self" rel="nofollow"><img alt="Youtube" src="/images/svgs/icon-youtube.svg"></a><a href="https://www.pinterest.com/atlasformende/" target="_self" rel="nofollow"><img alt="Pinterest" src="/images/svgs/icon-pinterest.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"> <img alt="Kundenservice" class="h-[45px]" src="/repository/sites/10/de-CH/Accueil/num-marron-SA.png"> </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/impressum.aspx" class="text-[11px] leading-[13px] underline">Impressum</a> </section> </div> </footer> <dialog data-language-dialog class="max-w-4xl w-full p-4"> <div class="modal__content p-4"> <button data-close type="button" class="absolute top-2 right-2" title="Close" id="tmpClose"> <img src="/assets/svgs/icon-close.svg" alt="Close" /> </button> <header class="flex justify-between pb-8"> <h2 class="text-[16px] leading-[18px] md:text-[20px] md:leading-[24px] font-bold max-md:text-center">Bienvenue et Grüezi - Atlas for Men</h2> </header> <div class="grid grid-cols-2 gap-4 md:gap-10"> <div> <button type="button" class="border border-[#d2d7d7] p-4 w-full" data-language data-otherlanguage="de" data-newlanguage="fr"> <img src="/assets/images/languageSelection/CH/fr.jpg" class="w-[150px] mx-auto" alt="FR" /> </button> <p class="text-[14px] md:text-base text-center my-4">Choisissez votre langue - Français</p> </div> <div> <button type="button" class="border border-[#d2d7d7] p-4 w-full" data-language data-otherlanguage="fr" data-newlanguage="de"> <img src="/assets/images/languageSelection/CH/de.jpg" class="w-[150px] mx-auto" alt="DE" /> </button> <p class="text-[14px] md:text-base text-center my-4">Wählen Sie Ihre Sprache - Deutsch</p> </div> </div> </div> </dialog> <dialog data-dialog-oos-alert class="w-full max-w-[420px]"> <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="h-3 w-3" alt="Close" /> </button> <img src="/assets/svgs/icon-bell-light.svg" class="group-[.notified]:filter-green mx-auto" alt="Bell" /> <div class="group-[.notified]:hidden"> <div class="mt-2.5 mb-4 text-center text-[14px] font-bold leading-[19px]">Füllen Sie bitte die folgenden Felder aus, um über die Verfügbarkeit des Produktes benachrichtigt zu werden.</div> <p class="text-center text-[11px]">Si une ou plusieurs tailles vous intéresse sélectionnez-les :</p> <div class="mt-1.5 mb-6 flex flex-wrap justify-center gap-2.5"> <button type="button" class="btn-size">M</button> <button type="button" class="btn-size">L</button> <button type="button" class="btn-size">XL</button> <button type="button" class="btn-size">XXL</button> <button type="button" class="btn-size">3XL</button> <button type="button" class="btn-size">4XL</button> <button type="button" class="btn-size">5XL</button> </div> <form> <div class="mb-[15px] flex flex-col"> <label for="notifyStockEmail" class="relative cursor-text"> <input id="notifyStockEmail" type="email" placeholder=" " class="input peer w-full" /> <span class="input-placeholder">E-mail</span> </label> <span class="feedback-msg relative mt-2 hidden gap-2 pl-4 text-[11px] leading-[13px]"></span> </div> <button type="button" class="btn btn-primary btn-lg w-full bg-brown"> <span class="flex-1 font-bold">Anzeigen</span> <img src="/assets/svgs/icon-chevron-right-black-bold.svg" class="filter-white relative ml-2 h-auto w-auto" alt="Arrow" /> </button> </form> <p class="mt-[15px] text-[11px] leading-[13px]"> 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, klicken.<br><span style="text-decoration: underline;"><strong><a href="/de/aboutv2/rechtliches/datenschutz.aspx" target="_self">Mehr über unsere Datenschutzrichtlinen</a></strong></span>. </p> </div> <div class="hidden group-[.notified]:block"> <div class="mt-2.5 mb-3 text-center text-[16px] font-bold leading-[19px] text-green">VOTRE ALERTE EST VALIDÉ</div> <p class="text-center text-[14px] leading-[17px]"></p> <div class="mt-1.5 mb-4 flex flex-wrap justify-center gap-2.5"> <button type="button" class="btn-size">M</button> <button type="button" class="btn-size">L</button> </div> <p class="text-center text-[14px] font-bold leading-[19px]">Vous la recevrez à cette adresse :</p> <span class="mb-[30px] mt-1.5 block text-center text-[14px] leading-[17px]"></span> <div class="mb-1 flex items-center justify-center gap-16"> <button type="button" class="text-[11px] leading-[13px] underline">Ändern</button> <button type="button" class="text-[11px] leading-[13px] underline">OutOfStockAlertModify</button> </div> </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össe 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 legen</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);const splideCarousel_e42d7165c = new Splide("#Carousel_e42d7165c", AtlasForMen_JS_Carousel.CarouselComponent()); const carouselCarousel_e42d7165c = { module:"Carousel", splideObject: splideCarousel_e42d7165c}; appAFM.Carousels.push(carouselCarousel_e42d7165c);const splideCarousel_d16df381f = new Splide("#Carousel_d16df381f", AtlasForMen_JS_Carousel.BlogRelatedArticlesComponent()); const carouselCarousel_d16df381f = { module:"BlogRelatedArticles", splideObject: splideCarousel_d16df381f}; appAFM.Carousels.push(carouselCarousel_d16df381f);AtlasForMen_JS_Carousel.InitCarousels(); });</script> <script>(function(){window.appAFM = {"Environment":"Production","SiteID":10,"Locale":"de-CH","Currency":"CHF","CurrencyName":"CHF","Domain":"atlasformen.ch","DomainFull":"www.atlasformen.ch","Country":"CH","IsLoggedIn":false,"IsMarketPlaceCountry":false,"SwitchProductText":false,"CondensedMaster":false,"Header":{"View":"/Views/Header/header.cshtml","StickyHeader":true,"SearchDesign":"Original"},"Menu":{"Show":true,"TopBannerModuleGap":true},"FriendlyCaptcha":{"IsEnabled":false},"Container":{"Location":"Homepage","TimeStamp":"1733266016","PageURL":"/de/","PageType":"home","PageCount":0,"Language":"de","CountryFull":"Switzerland","Currency":"CHF","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":0,"Breadcrumbs":[],"ProductIDs":[],"OfferIDs":[],"ProductCodes":[],"Products":[],"ProductsFirstFive":[]},"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":"91ec717e-47be-4d36-b194-66e17fe8acb3","PromoCode":"67133","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":"/de/","Source":"direct"}},"CookieWall":{"IsEnabled":true,"Show":false,"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":"Homepage"},"PluginJSEvents":[],"CookieDomain":"atlasformen.ch","Bots":["\"iplabel\"","\"bot\"","\"crawler\"","\"baiduspider\"","\"ia_archiver\"","\"voyager\"","\"curl\"","\"wget\"","\"yahoo! slurp\"","\"mediapartners-google\""],"CookieDate":{"OneDay":"Wed, 04 Dec 2024 23:46:56 GMT","OneWeek":"Tue, 10 Dec 2024 23:46:56 GMT","OneMonth":"Fri, 03 Jan 2025 23:46:56 GMT","ThreeMonths":"Mon, 03 Mar 2025 23:46:56 GMT","SixMonths":"Tue, 03 Jun 2025 23:46:56 GMT","ThirtySixMonths":"Fri, 03 Dec 2027 23:46:56 GMT","OneYear":"Wed, 03 Dec 2025 23:46:56 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össe"},{"LabelName":"InvalidPromo","Text":"Achtung: Ihr Vorteilscode ist ungültig. Sind Sie eingeloggt?"},{"LabelName":"Bookmark","Text":"Bitte loggen Sie sich ein, um Produkte zu Ihren Favoriten hinzuzufügen.&nbsp;"},{"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":"<span style=\"color: rgb(14, 12, 57); text-align: center;\">Verkauft von:</span>"},{"LabelName":"Sizes","Text":"Grösse"},{"LabelName":"Quantity","Text":"Anzahl: "},{"LabelName":"AddToBasket","Text":"Hinzufügen"},{"LabelName":"AddToBasketFull","Text":"IN DEN WARENKORB"},{"LabelName":"UpdateBasketChoice","Text":"UPDATE BASKET CHOICE"},{"LabelName":"FreeDelivery","Text":"GRATIS"},{"LabelName":"From","Text":"von"},{"LabelName":"To","Text":"bis"}],"Facets":[{"LabelName":"Search","Text":"Wonach suchen Sie?"},{"LabelName":"Filter","Text":"Sortieren nach"},{"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":"Material finden"},{"LabelName":"SearchPlaceholdercolour","Text":"Farbe finden"},{"LabelName":"SearchPlaceholdersize","Text":"Grösse finden"},{"LabelName":"SearchPlaceholdersubfamily","Text":"Produkt finden"},{"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 8 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."},{"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":"FriendlyCaptchaFailed","Text":"Recaptcha: Failed"},{"Type":"MobileFormatError","Text":""}]},"Carousels":[],"PageCustomisation":"NotSet","Location":"Homepage","PageType":"home","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.ch/js/main/elastic-apm-rum.umd.min.js","ActivateRumPackage":false},"TrustedWidgetLocalise":false}}());</script> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=2&cb=840899141" async></script></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10