CINXE.COM
Beats by Dre – Kabellose Kopfhörer, In-Ear Kopfhörer, Buds, Lautsprecher und mehr
<!doctype html> <meta charset="utf-8"/> <html id="html" class=" " lang="de-CH"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Beats by Dre – Kabellose Kopfhörer, In-Ear Kopfhörer, Buds, Lautsprecher und mehr</title> <link rel="icon" href="/assets/resources/images/beats_logo.png"/> <link rel="apple-touch-icon" href="/assets/resources/images/beats_logo.png"/> <meta name="google-site-verification" content="mHFbKuknAMAodbNS_O9wxS4TJxU8ezn6yKmxE5-iTqo"/> <meta name="theme-color" content="#ffffff"/> <!-- fallback incase media isn't supported --> <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"/> <meta name="theme-color" content="#161616" media="(prefers-color-scheme: dark)"/> <script> function handleFontAwesomeError() { let faCss = document.createElement("link"); faCss.rel = "stylesheet"; faCss.type = "text/css"; faCss.href = "/etc.clientlibs/beats/clientlibs/site/fontAwesome.css"; document.head.appendChild(faCss); } </script> <script src="https://kit.fontawesome.com/0b8e87e866.js" onerror="handleFontAwesomeError()" crossorigin="anonymous"></script> <meta property="og:type" content="website"/> <meta property="og:url" content="https://www.beatsbydre.com/ch-de"/> <meta property="og:image" content="/content/dam/beats/web/seo/beats_seo_card_1200x630-3.jpg"/> <meta property="og:title" content="Beats by Dre"/> <meta property="og:description" content="Beats by Dre bieten die beste Qualität bei Kopfhörern, In-Ear Kopfhörern und Lautsprechern mit Bluetooth. Entdecke die neuesten Produkte, die dir Stil, Komfort und einen ikonischen Sound bieten."/> <meta property="og:locale" content="de_CH"/> <meta property="og:site_name" content="beatsbydre.com"/> <meta property="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@beatsbydre"/> <meta name="twitter:image" content="https://www.beatsbydre.com/content/dam/beats/web/seo/beats_seo_card_1200x630-3.jpg"/> <meta name="robots" content="follow,index"/> <meta name="description" content="Beats by Dre bieten die beste Qualität bei Kopfhörern, In-Ear Kopfhörern und Lautsprechern mit Bluetooth. Entdecke die neuesten Produkte, die dir Stil, Komfort und einen ikonischen Sound bieten."/> <meta name="analytics:s-pagetype" content="product"/> <meta name="keywords" content="Bluetooth Kopfhörer, kabellose Bluetooth Kopfhörer, Bluetooth Ohrhörer, Kabellose Ohrhörer, In-Ear Kopfhörer, In-Ear Bluetooth Kopfhörer, komplett kabellose Ohrhörer, Bluetooth Lautsprecher, kabellose Bluetooth Lautsprecher, tragbare Lautsprecher, komplett kabellose Ohrhörer, Bluetooth Ohrhörer, kabellose Bluetooth Ohrhörer, kabellose Ohrhörer"/> <meta name="referrer" content="no-referrer-when-downgrade"/> <link rel="canonical" href="https://www.beatsbydre.com/ch-de"/> <link rel="alternate" href="https://www.beatsbydre.com/in" hreflang="en-IN"/> <link rel="alternate" href="https://www.beatsbydre.com/ca-fr" hreflang="fr-CA"/> <link rel="alternate" href="https://www.beatsbydre.com/ru" hreflang="ru-RU"/> <link rel="alternate" href="https://www.beatsbydre.com/de" hreflang="de-DE"/> <link rel="alternate" href="https://www.beatsbydre.com/mx" hreflang="es-MX"/> <link rel="alternate" href="https://www.beatsbydre.com/es" hreflang="es-ES"/> <link rel="alternate" href="https://www.beatsbydre.com/tw" hreflang="zh-TW"/> <link rel="alternate" href="https://www.beatsbydre.com/be-nl" hreflang="nl-BE"/> <link rel="alternate" href="https://www.beatsbydre.com/be-fr" hreflang="fr-BE"/> <link rel="alternate" href="https://www.beatsbydre.com/se" hreflang="sv-SE"/> <link rel="alternate" href="https://www.beatsbydre.com.cn/" hreflang="zh-CN"/> <link rel="alternate" href="https://www.beatsbydre.com/sg" hreflang="en-SG"/> <link rel="alternate" href="https://www.beatsbydre.com/uk" hreflang="en-GB"/> <link rel="alternate" href="https://www.beatsbydre.com/ie" hreflang="en-IE"/> <link rel="alternate" href="https://www.beatsbydre.com/br" hreflang="pt-BR"/> <link rel="alternate" href="https://www.beatsbydre.com/" hreflang="en-US"/> <link rel="alternate" href="https://www.beatsbydre.com/jp" hreflang="ja-JP"/> <link rel="alternate" href="https://www.beatsbydre.com/hk" hreflang="en-HK"/> <link rel="alternate" href="https://www.beatsbydre.com/au" hreflang="en-AU"/> <link rel="alternate" href="https://www.beatsbydre.com/ch-de" hreflang="de-CH"/> <link rel="alternate" href="https://www.beatsbydre.com/nl" hreflang="nl-NL"/> <link rel="alternate" href="https://www.beatsbydre.com/fr" hreflang="fr-FR"/> <link rel="alternate" href="https://www.beatsbydre.com/at" hreflang="de-AT"/> <link rel="alternate" href="https://www.beatsbydre.com/kr" hreflang="ko-KR"/> <link rel="alternate" href="https://www.beatsbydre.com/ca" hreflang="en-CA"/> <link rel="alternate" href="https://www.beatsbydre.com/hk-zh" hreflang="zh-HK"/> <link rel="alternate" href="https://www.beatsbydre.com/ch-fr" hreflang="fr-CH"/> <link rel="alternate" href="https://www.beatsbydre.com/it" hreflang="it-IT"/> <script type="application/ld+json"> { "@context": "http://schema.org", "@id": "https://www.beatsbydre.com/#organization", "@type": "Organization", "name": "Beats by Dre", "url": "https://www.beatsbydre.com/", "logo": "https://www.beatsbydre.com/content/dam/beats/global/logo.svg", "contactPoint": [ { "@type": "ContactPoint", "telephone": "+1-800-442-4000", "contactType": "customer service", "areaServed": [ "US" ] } ], "sameAs": [ "http://www.wikidata.org/entity/Q1961036", "https://www.youtube.com/user/Officialbeatsbydrdre", "https://twitter.com/beatsbydre", "https://www.facebook.com/beatsbydre/", "https://www.linkedin.com/company/beats-by-dr.-dre", "https://www.instagram.com/beatsbydre/" ] } </script> <link rel="preload" href="https://use.typekit.net/af/7d4af5/0000000000000000000178a8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3" as="font" type="font/woff" crossorigin/> <link rel="preload" href="https://use.typekit.net/af/cde90e/0000000000000000000178a6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" type="font/woff" crossorigin/> <link rel="preload" href="https://use.typekit.net/af/d7bb7b/0000000000000000000178a7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3" as="font" type="font/woff" crossorigin/> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/site/base.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats_support/clientlibs/base.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/site/pdpPage.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/site/featurePage.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/overwrites/de_CH.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/overwrites/global.min.css" type="text/css"> <script> window.adobeDataLayer = window.adobeDataLayer || [] ; </script> <!-- prehiding snippet for Adobe Target with asynchronous Launch deployment --> <script> (function(g,b,d,f){(function(a,c,d){if(a){var e=b.createElement("style");e.id=c;e .innerHTML=d;a.appendChild(e)}})(b.getElementsByTagName("head")[0],"at-body-style",d) ;setTimeout(function(){var a=b.getElementsByTagName("head")[0];if(a){var c=b.getElementById("at-body-style");c&&a.removeChild(c)}},f)})(window,document,"body {opacity: 0 !important}",3E3); </script> <script> window.digitalData= {"pageInfo":{"pageName":"beatsbydre:de:Home"}}; </script> <script src="/etc.clientlibs/beats/clientlibs/analytics-prod/resources/2f3b56537a5a/a62218abd162/launch-30681266d3ea.js" async></script> <noscript> <style type="text/css"> [data-skrollex] { opacity:1 !important; } .invisible { visibility: visible !important; } </style> </noscript> </head> <body class="no-js styles-loaded"> <div id="main"> <div class="pdp-header-section"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="navigationV2"> <section class="main-header" data-analytics-module="primary-nav" data-analytics-region="global-navigation"> <div class="main-header__container"> <header class="main-header__content"> <nav role="navigation" aria-label="Global" class="main-nav"> <button aria-haspopup="true" aria-expanded="false" aria-controls="mobile-nav" aria-label="menu" class="hamburger hide-md hide-lg-up " data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="Hamburger Menu - Close"> <span class="hamburger__top"></span> <span class="hamburger__middle"></span> <span class="hamburger__bottom"></span> </button> <ul id="mobile-nav" role="list" aria-label="Global" class="main-nav__mobile"> <li role="presentation" class="main-nav__item main-nav__item--link"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Shop (Mobile)" class="nav-link" href="/ch-de/products">Kaufen</a> </li> <li role="presentation" class="main-nav__item main-nav__item--link"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Support (Mobile)" class="nav-link" href="/ch-de/support">Support</a> </li> </ul> <div class="main-nav__logo"> <a data-analytics-click data-resp-exclude data-analytics-link-type="siteClick" data-analytics-label="Beats Logo" class="beats-logo header-icon" aria-label="Beats by Dre" href="/ch-de"> <img data-resp-exclude src="/content/dam/beats/global/logos/beats-logo-161616.png" aria-hidden="true" alt=""/> </a> </div> <ul role="presentation" class="main-nav__list"> <li role="presentation" class="main-nav__item hide-sm"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Shop (Desktop)" class="nav-link" href="/ch-de/products">Kaufen</a> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Support (Desktop)" class="nav-link" href="/ch-de/support">Support</a> </li> </ul> <div class="main-nav__search"> <button class="search__trigger__external" type="button" aria-label="Search" aria-haspopup="true"> <i class="fa-sharp fa-solid fa-magnifying-glass"></i> </button> </div> </nav> </header> <div id="search-el" data-trigger-visible="false"></div> </div> <div class="header-spacer" aria-hidden="true"></div> </section> <div> <style> .promobar { background-color: #161616; } </style> <section class="promobar promobar--light" data-analytics-module="promo-bar" data-analytics-region="promo-bar-primary"> <div class="promobar__single-container"> <div class='promo-item '> <div class="rte-container"> <div class='show-desktop'> <p><p><a href="https://www.apple.com/ch-de/shop/campaigns/shipping-and-returns" target="_blank" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="delivery-fast-free" data-aria-label-prefix="Schnelle und kostenlose Lieferung">Schnelle und kostenlose Lieferung<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;"></i></a></p> </p> </div> <div class='show-tablet'> <p><p><a href="https://www.apple.com/ch-de/shop/campaigns/shipping-and-returns" target="_blank" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="delivery-fast-free" data-aria-label-prefix="Schnelle und kostenlose Lieferung">Schnelle und kostenlose Lieferung<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;"></i></a></p> </p> </div> <div class='show-mobile'> <p><p><a href="https://www.apple.com/ch-de/shop/campaigns/shipping-and-returns" target="_blank" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="delivery-fast-free" data-aria-label-prefix="Schnelle und kostenlose Lieferung">Schnelle und kostenlose Lieferung<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;"></i></a></p> </p> </div> </div> </div> </div> </section> </div> </div> <div class="ghost"> </div> </div> </div> <div id="maincontent" role="main"> <div class="bs3" style="overflow: visible;"> <div id="bs3-pdp"> <div><div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-7123cb4f-a361-3a3d-b77b-ad87023008fe { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-7123cb4f-a361-3a3d-b77b-ad87023008fe:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } .bbd-full-width-container.id-7123cb4f-a361-3a3d-b77b-ad87023008fe .outer-container { width: 100%; max-width: 1920px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-7123cb4f-a361-3a3d-b77b-ad87023008fe:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } .bbd-full-width-container.id-7123cb4f-a361-3a3d-b77b-ad87023008fe .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-7123cb4f-a361-3a3d-b77b-ad87023008fe:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } .bbd-full-width-container.id-7123cb4f-a361-3a3d-b77b-ad87023008fe .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-7123cb4f-a361-3a3d-b77b-ad87023008fe" data-analytics-module="media_and_text" data-analytics-region="top_hero" data-desktop-bg-color="linear-gradient(to bottom, #161616 70%, #F0F0F0 0%)" id="BGContainer-a198fd41-78f4-3ed4-a424-c24b3fffe253"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-4adbe7f6-d969-3df6-8a5d-4cb6e1eb66fc { padding-top: px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-4adbe7f6-d969-3df6-8a5d-4cb6e1eb66fc { padding-top: px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-4adbe7f6-d969-3df6-8a5d-4cb6e1eb66fc { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-4adbe7f6-d969-3df6-8a5d-4cb6e1eb66fc"></section> </div> <div class="imageTextV2Container parsys section"> <div class=" " data-analytics-module="top_hero_background" data-analytics-region="Listen-to-your-heart" data-analytics-scroll> <div id="MediaTextContainer-6406e8b8-708c-3257-be15-4bc91bc9c6a7" class="media-text"> <div class="media-text__inner media-text--overlay-lg media-text--overlay-md media-text--overlay-sm "> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#MediaTextV2-52ffcae6-016e-31c8-9f80-65ab0c107d2f .media-text__item__content{ padding: ; max-width: ; } .media-text--overlay-sm .media-text__item#MediaTextV2-52ffcae6-016e-31c8-9f80-65ab0c107d2f { ; ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#MediaTextV2-52ffcae6-016e-31c8-9f80-65ab0c107d2f .media-text__item__content { padding: ; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#MediaTextV2-52ffcae6-016e-31c8-9f80-65ab0c107d2f .media-text__item__content { padding: ; max-width: ; } } </style> <div id="MediaTextV2-52ffcae6-016e-31c8-9f80-65ab0c107d2f" class="media-text__item media-text__item--visual media-text--light media-text__item--visual--fill v-align-lg-top h-align-lg-left v-align-md-top h-align-md-left v-align-sm-top h-align-sm-left"> <div class="media-text__item__content "> <div class="beats-video-block bbd-media-video-block desktop-light tablet-light mobile-light "> <div class="video-block"> <picture class="beats-picture"> <source media="(min-width: 1024px)" srcset="/content/dam/beats/web/home/hero/powerbeats-pro-2/hero01-fallback.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="/content/dam/beats/web/home/hero/powerbeats-pro-2/hero01-fallback.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/home/hero/powerbeats-pro-2/hero01-fallback.jpg.small.2x.jpg 2x"/> <img class="bbd-media-image" src="/content/dam/beats/web/home/hero/powerbeats-pro-2/hero01-fallback.jpg.large.2x.jpg" srcset="/content/dam/beats/web/home/hero/powerbeats-pro-2/hero01-fallback.jpg.large.2x.jpg 2x" alt="Person beim Tragen der Powerbeats Pro 2" aria-hidden="true" data-resp-exclude/> </picture> <beats-video data-video-type="looping" data-btn-color="btn-color-light" data-mobile-video="true" data-transparent="false" data-link="/ch-de/earbuds/powerbeats-pro-2" data-analytics-link-type="siteClick" data-analytics-label="background-vid-listen-to-you-heart" data-video-length="9" data-analytics-click="true"> <source data-desktop-mp4-src="/content/dam/beats/web/home/hero/powerbeats-pro-2/ltyh-desktop.mp4.rendition.mp4" type='video/mp4'/> <source data-desktop-webm-src="/content/dam/beats/web/home/hero/powerbeats-pro-2/ltyh-desktop.mp4.rendition.webm" type="video/webm"/> <source data-mobile-mp4-src="/content/dam/beats/web/home/hero/powerbeats-pro-2/ltyh-mobile.mp4.rendition.mp4" type='video/mp4'/> <source data-mobile-webm-src="/content/dam/beats/web/home/hero/powerbeats-pro-2/ltyh-mobile.mp4.rendition.webm" type="video/webm"/> </beats-video> </div> </div> <style type="text/css"> </style> </div> </div> </div> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#MediaTextV2-11bedf3f-ab9d-3b66-8d13-a923f42951e3 .media-text__item__content{ padding: 0 0 30px 30px; max-width: 80%; } .media-text--overlay-sm .media-text__item#MediaTextV2-11bedf3f-ab9d-3b66-8d13-a923f42951e3 { ; ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#MediaTextV2-11bedf3f-ab9d-3b66-8d13-a923f42951e3 .media-text__item__content { padding: 0 0 30px 30px; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#MediaTextV2-11bedf3f-ab9d-3b66-8d13-a923f42951e3 .media-text__item__content { padding: 0 0 60px 60px; max-width: 80%; } } </style> <div id="MediaTextV2-11bedf3f-ab9d-3b66-8d13-a923f42951e3" class="media-text__item media-text--sticky-lg media-text--sticky-md media-text--dark v-align-lg-bottom h-align-lg-left v-align-md-bottom h-align-md-left v-align-sm-bottom h-align-sm-left"> <div class="media-text__item__content "> <div> <div class="show-desktop"> <div style="margin-bottom: 5%;"><p class="title-1" style="margin: 0 0 0 5px; font-weight: 700;">Powerbeats Pro 2</p> <img src="/content/dam/beats/web/home/hero/powerbeats-pro-2/lyth-de.png" title="HÖR AUF DEIN HERZ" alt="HÖR AUF DEIN HERZ" style="max-width: 425px; margin-bottom: 17px;"></div> </div> <div class="show-tablet"><div style="margin-bottom: 3%;"><p class="title-1" style="margin: 0 0 0 4px; font-weight: 700;">Powerbeats Pro 2</p> <img src="/content/dam/beats/web/home/hero/powerbeats-pro-2/lyth-de.png" title="HÖR AUF DEIN HERZ" alt="HÖR AUF DEIN HERZ" style="max-width: 265px; margin-bottom: 14px;"></div> </div> <div class="show-mobile"><div><p class="title-1" style="margin: 0 0 0 0; font-weight: 700;">Powerbeats Pro 2</p> <img src="/content/dam/beats/web/home/hero/powerbeats-pro-2/lyth-de.png" title="HÖR AUF DEIN HERZ" alt="HÖR AUF DEIN HERZ" style="margin-bottom: 5px;"></div> </div> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-40197ef7-f08f-33b5-8456-d5312ca74f59 { color: #FFFFFF !important; } } .beats-btn-mask.btn1-bg-hover-color-40197ef7-f08f-33b5-8456-d5312ca74f59, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-40197ef7-f08f-33b5-8456-d5312ca74f59, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-40197ef7-f08f-33b5-8456-d5312ca74f59 { background-color: #C8102E !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-40197ef7-f08f-33b5-8456-d5312ca74f59{ color: #FFFFFF !important; } } .beats-btn-mask.btn2-bg-hover-color-40197ef7-f08f-33b5-8456-d5312ca74f59, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-40197ef7-f08f-33b5-8456-d5312ca74f59, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-40197ef7-f08f-33b5-8456-d5312ca74f59 { background-color: TRANSPARENT !important; } a.btn-light.btn1-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59:after, button.btn-light.btn1-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59:after, a.btn-light.btn1-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59:hover:after, button.btn-light.btn1-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59:after, button.btn-light.btn2-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59:after, a.btn-light.btn2-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59:hover:after, button.btn-light.btn2-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-40197ef7-f08f-33b5-8456-d5312ca74f59:hover{ background-color: #C8102E !important; } .btn-light.btn2-bg-color-40197ef7-f08f-33b5-8456-d5312ca74f59:hover{ background-color: TRANSPARENT !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-40197ef7-f08f-33b5-8456-d5312ca74f59{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59, button.btn-light .beats-btn-inner.btn1-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59{ color: #161616; } a.btn-light.btn1-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59, button.btn-light.btn1-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59{ border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-bg-color-40197ef7-f08f-33b5-8456-d5312ca74f59 { background-color: TRANSPARENT; } a.btn-light .beats-btn-inner.btn2-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59, button.btn-light .beats-btn-inner.btn2-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59{ color: #FFFFFF; } a.btn-light.btn2-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59, button.btn-light.btn2-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59{ border: 2px solid #FFFFFF; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-40197ef7-f08f-33b5-8456-d5312ca74f59{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-40197ef7-f08f-33b5-8456-d5312ca74f59{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-40197ef7-f08f-33b5-8456-d5312ca74f59{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59, button.btn-light .beats-btn-inner.btn1-tablet-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59{ color: #161616; } a.btn-light.btn1-tablet-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59, button.btn-light.btn1-tablet-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59 { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-40197ef7-f08f-33b5-8456-d5312ca74f59{ background-color: TRANSPARENT; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59, button.btn-light .beats-btn-inner.btn2-tablet-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59 { color: #FFFFFF; } a.btn-light.btn2-tablet-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59, button.btn-light.btn2-tablet-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59 { border: 2px solid #FFFFFF; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-40197ef7-f08f-33b5-8456-d5312ca74f59{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-40197ef7-f08f-33b5-8456-d5312ca74f59{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-40197ef7-f08f-33b5-8456-d5312ca74f59{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59, button.btn-light .beats-btn-inner.btn1-mobile-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59{ color: #161616; } a.btn-light.btn1-mobile-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59, button.btn-light.btn1-mobile-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59 { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-40197ef7-f08f-33b5-8456-d5312ca74f59{ background-color: TRANSPARENT; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59, button.btn-light .beats-btn-inner.btn2-mobile-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59{ color: #FFFFFF; } a.btn-light.btn2-mobile-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59, button.btn-light.btn2-mobile-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59 { border: 2px solid #FFFFFF; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-40197ef7-f08f-33b5-8456-d5312ca74f59{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-40197ef7-f08f-33b5-8456-d5312ca74f59{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-left" data-analytics-module="top_hero_cta" data-analytics-region="Listen-to-your-heart"> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="listen-to-your-heart_shop-cta" href="/ch-de/earbuds/powerbeats-pro-2" id="40197ef7-f08f-33b5-8456-d5312ca74f59" data-id="40197ef7-f08f-33b5-8456-d5312ca74f59" aria-label="Kaufen" class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn1-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn1-tablet-bg-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn1-tablet-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn1-mobile-bg-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn1-mobile-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59 " target="_self"> <span class="beats-btn-inner btn1-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn1-tablet-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn1-mobile-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn1-text-hover-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn1-tablet-text-hover-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn1-mobile-text-hover-color-40197ef7-f08f-33b5-8456-d5312ca74f59">Kaufen</span> <span class="beats-btn-mask btn1-bg-hover-color-40197ef7-f08f-33b5-8456-d5312ca74f59"></span> </a> </div> <div class="beats-button"> <a id="" href="javascript:void(0)" data-video-type="user-playback" data-fallback-image-src="/content/dam/beats/web/home/hero/powerbeats-pro-2/hero01-fallback.jpg" data-fallback-image-alt="Person beim Tragen der Powerbeats Pro 2" data-image-file-extension=".jpg" data-last-frame="last-frame" data-video-src="/content/dam/beats/web/home/hero/powerbeats-pro-2/listen-to-your-heart-de.mp4" data-btn-color="btn-color-light" data-analytics-video aria-label="Film ansehen" data-analytics-label="Powerbeats Pro 2 - Listen to Your Heart - Home" class="ctaPlayBack beats-btn btn-light beats-btn--button beats-btn--authored btn2-bg-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn2-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn2-tablet-bg-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn2-tablet-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn2-mobile-bg-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn2-mobile-outline-color-40197ef7-f08f-33b5-8456-d5312ca74f59 "> <span tabindex="-1" class="beats-btn-inner btn2-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn2-tablet-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn2-mobile-text-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn2-text-hover-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn2-tablet-text-hover-color-40197ef7-f08f-33b5-8456-d5312ca74f59 btn2-mobile-text-hover-color-40197ef7-f08f-33b5-8456-d5312ca74f59">Film ansehen</span> <span class="beats-btn-mask btn2-bg-hover-color-40197ef7-f08f-33b5-8456-d5312ca74f59"></span> <beats-video-track tabindex="-1" aria-hidden="true" caption-path="/content/dam/beats/web/home/hero/powerbeats-pro-2/captions/listen-to-your-heart-film_de.vtt" transcript-path="/content/dam/beats/web/home/hero/powerbeats-pro-2/captions/listen-to-your-heart-film_de.txt" caption-lang-code="de" auto-enable-caption="true" caption-label="Deutsch" transcript-label="Transkript herunterladen"/> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style type="text/css"> </style> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-12c6e277-87e3-3895-8cec-3dad19239db2 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-12c6e277-87e3-3895-8cec-3dad19239db2 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-12c6e277-87e3-3895-8cec-3dad19239db2 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-12c6e277-87e3-3895-8cec-3dad19239db2"></section> </div> </div> </div> </div> </section> </div> <div class="ghost section"> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-371f8415-01e7-312b-834f-c1afae4c7dbe { background: #F0F0F0; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-371f8415-01e7-312b-834f-c1afae4c7dbe:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-371f8415-01e7-312b-834f-c1afae4c7dbe .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-371f8415-01e7-312b-834f-c1afae4c7dbe:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-371f8415-01e7-312b-834f-c1afae4c7dbe .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-371f8415-01e7-312b-834f-c1afae4c7dbe:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-371f8415-01e7-312b-834f-c1afae4c7dbe .outer-container { width: 84%; max-width: 315px; } } </style> <section class="bbd-component bbd-full-width-container id-371f8415-01e7-312b-834f-c1afae4c7dbe" data-desktop-bg-color="#F0F0F0" id="BGContainer-ecaa5701-da8d-37d2-85fe-b8fdd499a183"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-ce51a5f0-6cb9-3cb3-b8d7-454d923047c7 { padding-top: 72px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-ce51a5f0-6cb9-3cb3-b8d7-454d923047c7 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-ce51a5f0-6cb9-3cb3-b8d7-454d923047c7 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-ce51a5f0-6cb9-3cb3-b8d7-454d923047c7"></section> </div> <div class="beatsRTE parbase section"><!-- This components accepts free text from authors and renders --> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div id="RTE-6b3f3c4c-8a56-371d-9ab1-a41ab6bc80f2" class="rte-container-92acc30d-ee17-3d04-adb1-0bea0f278f24 beatsRTE-desktoptext component-section-spacing beatsRTE"> <div style="text-align: center;"> <h2 class="headline-3">Jetzt beliebt</h2> </div> </div> <div id="RTE-6b3f3c4c-8a56-371d-9ab1-a41ab6bc80f2" class="rte-container-92acc30d-ee17-3d04-adb1-0bea0f278f24 beatsRTE-tablettext component-section-spacing beatsRTE"> <div style="text-align: center;"> <h2 class="headline-3">Jetzt beliebt</h2> </div> </div> <div id="RTE-6b3f3c4c-8a56-371d-9ab1-a41ab6bc80f2" class="rte-container-92acc30d-ee17-3d04-adb1-0bea0f278f24 beatsRTE-mobiletext component-section-spacing beatsRTE"> <div style="text-align: center;"> <h2 class="headline-3">Jetzt beliebt</h2> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-8c75af90-a3c1-32ca-83cc-7cac8d9d28c4 { padding-top: 48px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-8c75af90-a3c1-32ca-83cc-7cac8d9d28c4 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-8c75af90-a3c1-32ca-83cc-7cac8d9d28c4 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-8c75af90-a3c1-32ca-83cc-7cac8d9d28c4"></section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-15a8cc79-a075-3165-90a1-477b64dd991c { background: #F0F0F0; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-15a8cc79-a075-3165-90a1-477b64dd991c:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-15a8cc79-a075-3165-90a1-477b64dd991c .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-15a8cc79-a075-3165-90a1-477b64dd991c:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-15a8cc79-a075-3165-90a1-477b64dd991c .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-15a8cc79-a075-3165-90a1-477b64dd991c:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-15a8cc79-a075-3165-90a1-477b64dd991c .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-15a8cc79-a075-3165-90a1-477b64dd991c" data-desktop-bg-color="#F0F0F0" id="BGContainer-39d2512c-7539-3e6c-be99-1c55dcc24b27"> <div class="outer-container"> <div class="content-container"> <div><div class="cardCarousel section"> <style> .row-carousel.row-carousel-0c775ddf-d19a-30a4-a652-2e528160e581 { } @media screen and (max-width: 767px) { .row-carousel.row-carousel-0c775ddf-d19a-30a4-a652-2e528160e581 ul.dots .dot.active { } .row-carousel.row-carousel-0c775ddf-d19a-30a4-a652-2e528160e581 ul.dots .dot:not(.active) { } } </style> <div class="row-carousel row-carousel-0c775ddf-d19a-30a4-a652-2e528160e581" data-analytics-module="card_carousel" data-analytics-region="product_card_carousel" data-analytics-scroll=""> <div class="row-carousel__inner"> <button type="button" class="row-carousel__prev" aria-label="Previous Item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M0.377647059,29.9998589 C0.377647059,30.8615295 0.68784706,31.6197883 1.34272236,32.2747059 L28.6749883,58.9865295 C29.2609412,59.6069295 30.0192001,59.9171366 30.9153177,59.9171366 C32.7076236,59.9171366 34.0862824,58.5729248 34.0862824,56.7806472 C34.0862824,55.8845083 33.707153,55.1262333 33.1556471,54.5402959 L8.06378825,29.9998589 L33.1556471,5.4594353 C33.707153,4.87348236 34.0862824,4.08070589 34.0862824,3.2190353 C34.0862824,1.4268 32.7076236,0.0825882354 30.9153177,0.0825882354 C30.0192001,0.0825882354 29.2609412,0.392752942 28.6749883,0.978705884 L1.34272236,27.7250118 C0.68784706,28.3454118 0.377647059,29.1381883 0.377647059,29.9998589 Z" transform="translate(14.706 2)"></path> </svg> </button> <div class="row-carousel__content"> <ul> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/ch-de/earbuds/powerbeats-pro-2/MX753" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="Powerbeats Pro 2 Card" target="_self" data-analytics-item="Powerbeats Pro 2" class="card card-08ca3311-d47c-3c9c-bdd5-4e7d5c54889b card--large card--large-08ca3311-d47c-3c9c-bdd5-4e7d5c54889b card--light "> <style> .card--custom-08ca3311-d47c-3c9c-bdd5-4e7d5c54889b{ width: 410px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div style="min-height: 4rem;"> <div class="pc-eyebrow eyebrow eyebrow-large" style="min-height: 1rem; color: #e31837; text-transform: uppercase;"> Neu </div> <p style="color: #161616;"><span class="headline-4">Powerbeats Pro 2</span></p> <p class="pdp-med-body rte-plg-el" style="color: #161616;"><span class="pc-originalprice price" data-onsale="not-onsale">CHF 249.95</span></p> </div></span> </p> </div> <img src="/content/dam/beats/web/product/earbuds/powerbeats-pro-2/pdp/product-carousel/hyper-purple/pc-pbpro2-hyper-purple-p01.jpg" alt="Powerbeats Pro 2 in Hyper Purple."/> <div class="card__content-bottom"> <p style="margin-bottom: 0;"><div style="display: grid; justify-content: center; align-items: center; padding-top: 40px; grid-template-columns: repeat(4, 30px);"> <span style="background-color: #000000; border-radius: 20px; width: 21px; display: inline-block; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #C2BDB6; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #BFC5F7; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #FF9528; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> </div></p> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/ch-de/accessories/phone-cases/beats-iphone-16-pro-magsafe-case/MCFM4/iphone16-summitstone" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Beats iPhone 16 Case" class="card card-c70b19bf-d947-38e2-992b-c3f9bbc8f886 card--large card--large-c70b19bf-d947-38e2-992b-c3f9bbc8f886 card--light "> <style> .card--custom-c70b19bf-d947-38e2-992b-c3f9bbc8f886{ width: 410px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div style="min-height: 4rem;"> <div class="pc-eyebrow eyebrow eyebrow-large" style="min-height: 1rem; color: #e31837; text-transform: uppercase;"> </div> <p style="color: #161616;"><span class="headline-4">Case Beats iPhone 16 Pro mit MagSafe</span></p> <p class="pdp-med-body rte-plg-el" style="color: #161616;"><span class="pc-originalprice price" data-onsale="not-onsale">CHF 49.00</span></p> </div></span> </p> </div> <img src="/content/dam/beats/web/product/accessories/phone-cases/iphone-16/plp/iphone-16-pro/iphone-16-pro-summitstone.jpg" alt="Beats iPhone 16 Pro Case in Summit Stone"/> <div class="card__content-bottom"> <p style="margin-bottom: 0;"><div style="display: grid; justify-content: center; align-items: center; padding-top: 40px; grid-template-columns: repeat(4, 30px);"> <span style="background-color: #3E3F40; border-radius: 20px; width: 21px; display: inline-block; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #8CA8AA; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #9F7991; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #E1D8CD; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> </div></p> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/ch-de/speakers/beats-pill/MW463/beatspill-gold" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="beats-pill-gold" target="_self" data-analytics-item="Beats Pill" class="card card-374a6c0c-cb32-31ec-ab51-7cfea0d3fb26 card--large card--large-374a6c0c-cb32-31ec-ab51-7cfea0d3fb26 card--light "> <style> .card--custom-374a6c0c-cb32-31ec-ab51-7cfea0d3fb26{ width: 410px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div style="min-height: 4rem;"> <div class="pc-eyebrow eyebrow eyebrow-large" style="min-height: 1rem; color: #e31837; text-transform: uppercase;"> </div> <h3 style="color: #161616;"><span class="headline-4">Beats Pill</span></h3> <p class="pdp-med-body rte-plg-el" style="color: #161616;"><span class="pc-originalprice price" data-onsale="not-onsale">CHF 149.95</span></p> </div></span> </p> </div> <img src="/content/dam/beats/web/product/speakers/beats-pill/pdp/product-carousel/gold/gold-01-beatspill.jpg" alt="Beats Pill speaker in the color Champagne Gold."/> <div class="card__content-bottom"> <p style="margin-bottom: 0;"><div style="display: grid; justify-content: center; align-items: center; padding-top: 40px; grid-template-columns: repeat(3, 30px);"> <span style="background-color: #D0C5C2; border-radius: 20px; width: 21px; display: inline-block; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #000000; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #B91F26; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> </div></p> </div> </a> </div> </div> </li> </ul> </div> <button type="button" class="row-carousel__next" aria-label="Next Item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M34.0862824,29.9998589 C34.0862824,29.1381883 33.7416001,28.3454118 33.086753,27.7250118 L5.78894119,0.978705884 C5.16854119,0.392752942 4.41028236,0.0825882354 3.51409412,0.0825882354 C1.75630589,0.0825882354 0.377647059,1.4268 0.377647059,3.2190353 C0.377647059,4.08070589 0.722329413,4.87348236 1.27376471,5.4594353 L26.3656942,29.9998589 L1.27376471,54.5402959 C0.722329413,55.1262333 0.377647059,55.8845083 0.377647059,56.7806472 C0.377647059,58.5729248 1.75630589,59.9171366 3.51409412,59.9171366 C4.41028236,59.9171366 5.16854119,59.6069295 5.78894119,58.9865295 L33.086753,32.2747059 C33.7416001,31.6197883 34.0862824,30.8615295 34.0862824,29.9998589 Z" transform="translate(14.706 2)"></path> </svg> </button> </div> </div></div> <div class="ghost section"> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-68296157-b2e3-34d3-a180-93262449310d { padding-top: 72px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-68296157-b2e3-34d3-a180-93262449310d { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-68296157-b2e3-34d3-a180-93262449310d { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-68296157-b2e3-34d3-a180-93262449310d"></section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-92a32a67-64b3-3017-9b2c-8118d23574c7 { background: linear-gradient(to bottom, #F0F0F0 50%, transparent 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-92a32a67-64b3-3017-9b2c-8118d23574c7:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #F0F0F0 50%, transparent 0%); } .bbd-full-width-container.id-92a32a67-64b3-3017-9b2c-8118d23574c7 .outer-container { width: 100%; max-width: 1920px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-92a32a67-64b3-3017-9b2c-8118d23574c7:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #F0F0F0 50%, transparent 0%); } .bbd-full-width-container.id-92a32a67-64b3-3017-9b2c-8118d23574c7 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-92a32a67-64b3-3017-9b2c-8118d23574c7:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-92a32a67-64b3-3017-9b2c-8118d23574c7 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-92a32a67-64b3-3017-9b2c-8118d23574c7" data-analytics-module="media_and_text" data-analytics-region="middle_hero" data-desktop-bg-color="linear-gradient(to bottom, #F0F0F0 50%, transparent 0%)" id="BGContainer-7965397c-5bb0-3314-bf08-18b3ec79b0d0"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-71ef3a6f-3786-3856-a57f-2049fc42fc3d { padding-top: px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-71ef3a6f-3786-3856-a57f-2049fc42fc3d { padding-top: px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-71ef3a6f-3786-3856-a57f-2049fc42fc3d { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-71ef3a6f-3786-3856-a57f-2049fc42fc3d"></section> </div> <div class="imageTextV2Container parsys section"> <div class=" " data-analytics-module="middle_hero_background" data-analytics-region="HRM-Powerbeatspro2" data-analytics-scroll> <div id="MediaTextContainer-408b765f-967c-36eb-9915-3d93961fd3e1" class="media-text"> <div class="media-text__inner media-text--overlay-lg media-text--overlay-md media-text--overlay-sm "> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#MediaTextV2-d86544f6-4a2b-399f-800e-ac552883f644 .media-text__item__content{ padding: ; max-width: ; } .media-text--overlay-sm .media-text__item#MediaTextV2-d86544f6-4a2b-399f-800e-ac552883f644 { max-height: 1920px;; min-height: 550px;; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#MediaTextV2-d86544f6-4a2b-399f-800e-ac552883f644 .media-text__item__content { padding: ; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#MediaTextV2-d86544f6-4a2b-399f-800e-ac552883f644 .media-text__item__content { padding: ; max-width: ; } } .media-text .media-text__item--visual#MediaTextV2-d86544f6-4a2b-399f-800e-ac552883f644 picture:before { display: block; background: ; } </style> <div id="MediaTextV2-d86544f6-4a2b-399f-800e-ac552883f644" class="media-text__item media-text__item--visual media-text--light media-text__item--visual--fill v-align-lg-top h-align-lg-left v-align-md-top h-align-md-left v-align-sm-top h-align-sm-left"> <div class="media-text__item__content "> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/home/hero/powerbeats-pro-2/hero-02.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/home/hero/powerbeats-pro-2/hero-02.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/home/hero/powerbeats-pro-2/hero-02.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/home/hero/powerbeats-pro-2/hero-02.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/home/hero/powerbeats-pro-2/hero-02.jpg.large.2x.jpg 2x" alt="Nahaufnahme eines Powerbeats Pro 2 In-Ear Kopfhörers" data-analytics-click="true" data-analytics-link-type="siteClick" data-analytics-label="background-img-powerbeats-pro-2" data-link="/ch-de/heart-rate-monitoring"/> </picture> </div> </div> </div> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#MediaTextV2-1a8842d2-3ffd-3983-8755-4410f6727e73 .media-text__item__content{ padding: 0 0 30px 30px; max-width: 90%; } .media-text--overlay-sm .media-text__item#MediaTextV2-1a8842d2-3ffd-3983-8755-4410f6727e73 { ; ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#MediaTextV2-1a8842d2-3ffd-3983-8755-4410f6727e73 .media-text__item__content { padding: 0 0 0 50px; max-width: 40%; } } @media screen and (min-width: 1024px) { .media-text__item#MediaTextV2-1a8842d2-3ffd-3983-8755-4410f6727e73 .media-text__item__content { padding: 0 0 0 60px; max-width: 40%; } } </style> <div id="MediaTextV2-1a8842d2-3ffd-3983-8755-4410f6727e73" class="media-text__item media-text--dark v-align-lg-middle h-align-lg-left v-align-md-middle h-align-md-left v-align-sm-bottom h-align-sm-left"> <div class="media-text__item__content "> <div> <div class="show-desktop"> <div style="margin-bottom: 5%;"><p class="title-1" style="margin: 0; font-weight: 700;">POWERBEATS PRO 2</p> <h2 style="margin: 0;"><span class="headline-2" style="font-weight: 400; font-size: 52px;">Herzfrequenzmessung für Workouts</span></h2> </div> </div> <div class="show-tablet"><div style="margin-bottom: 3%;"><p class="title-1" style="margin: 0; font-weight: 700;">POWERBEATS PRO 2</p> <h2 style="margin: 0;"><span class="headline-2" style="font-weight: 400;">Herzfrequenzmessung für Workouts</span></h2> </div> </div> <div class="show-mobile"><div style="margin: 0 0 0 0;"><p class="title-2" style="margin: 0; font-weight: 700;">POWERBEATS PRO 2</p> <h2 style="margin: 0;"><span class="headline-3" style="font-weight: 400;">Herzfrequenzmessung für Workouts</span></h2> </div> </div> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-720f46d5-c565-329d-8d67-e9360444e261 { color: #FFFFFF !important; } } .beats-btn-mask.btn1-bg-hover-color-720f46d5-c565-329d-8d67-e9360444e261, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-720f46d5-c565-329d-8d67-e9360444e261, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-720f46d5-c565-329d-8d67-e9360444e261 { background-color: #C8102E !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-720f46d5-c565-329d-8d67-e9360444e261{ color: #161616 !important; } } .beats-btn-mask.btn2-bg-hover-color-720f46d5-c565-329d-8d67-e9360444e261, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-720f46d5-c565-329d-8d67-e9360444e261, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-720f46d5-c565-329d-8d67-e9360444e261 { background-color: #FFFFFF !important; } a.btn-light.btn1-outline-color-720f46d5-c565-329d-8d67-e9360444e261:after, button.btn-light.btn1-outline-color-720f46d5-c565-329d-8d67-e9360444e261:after, a.btn-light.btn1-outline-color-720f46d5-c565-329d-8d67-e9360444e261:hover:after, button.btn-light.btn1-outline-color-720f46d5-c565-329d-8d67-e9360444e261:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-720f46d5-c565-329d-8d67-e9360444e261:after, button.btn-light.btn2-outline-color-720f46d5-c565-329d-8d67-e9360444e261:after, a.btn-light.btn2-outline-color-720f46d5-c565-329d-8d67-e9360444e261:hover:after, button.btn-light.btn2-outline-color-720f46d5-c565-329d-8d67-e9360444e261:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-720f46d5-c565-329d-8d67-e9360444e261:hover{ background-color: #C8102E !important; } .btn-light.btn2-bg-color-720f46d5-c565-329d-8d67-e9360444e261:hover{ background-color: #FFFFFF !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-720f46d5-c565-329d-8d67-e9360444e261{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-text-color-720f46d5-c565-329d-8d67-e9360444e261, button.btn-light .beats-btn-inner.btn1-text-color-720f46d5-c565-329d-8d67-e9360444e261{ color: #161616; } a.btn-light.btn1-outline-color-720f46d5-c565-329d-8d67-e9360444e261, button.btn-light.btn1-outline-color-720f46d5-c565-329d-8d67-e9360444e261{ border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-bg-color-720f46d5-c565-329d-8d67-e9360444e261 { background-color: #161616; } a.btn-light .beats-btn-inner.btn2-text-color-720f46d5-c565-329d-8d67-e9360444e261, button.btn-light .beats-btn-inner.btn2-text-color-720f46d5-c565-329d-8d67-e9360444e261{ color: #FFFFFF; } a.btn-light.btn2-outline-color-720f46d5-c565-329d-8d67-e9360444e261, button.btn-light.btn2-outline-color-720f46d5-c565-329d-8d67-e9360444e261{ border: 2px solid #FFFFFF; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-720f46d5-c565-329d-8d67-e9360444e261{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-720f46d5-c565-329d-8d67-e9360444e261{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-720f46d5-c565-329d-8d67-e9360444e261{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-720f46d5-c565-329d-8d67-e9360444e261, button.btn-light .beats-btn-inner.btn1-tablet-text-color-720f46d5-c565-329d-8d67-e9360444e261{ color: #161616; } a.btn-light.btn1-tablet-outline-color-720f46d5-c565-329d-8d67-e9360444e261, button.btn-light.btn1-tablet-outline-color-720f46d5-c565-329d-8d67-e9360444e261 { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-720f46d5-c565-329d-8d67-e9360444e261{ background-color: #161616; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-720f46d5-c565-329d-8d67-e9360444e261, button.btn-light .beats-btn-inner.btn2-tablet-text-color-720f46d5-c565-329d-8d67-e9360444e261 { color: #FFFFFF; } a.btn-light.btn2-tablet-outline-color-720f46d5-c565-329d-8d67-e9360444e261, button.btn-light.btn2-tablet-outline-color-720f46d5-c565-329d-8d67-e9360444e261 { border: 2px solid #FFFFFF; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-720f46d5-c565-329d-8d67-e9360444e261{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-720f46d5-c565-329d-8d67-e9360444e261{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-720f46d5-c565-329d-8d67-e9360444e261{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-720f46d5-c565-329d-8d67-e9360444e261, button.btn-light .beats-btn-inner.btn1-mobile-text-color-720f46d5-c565-329d-8d67-e9360444e261{ color: #161616; } a.btn-light.btn1-mobile-outline-color-720f46d5-c565-329d-8d67-e9360444e261, button.btn-light.btn1-mobile-outline-color-720f46d5-c565-329d-8d67-e9360444e261 { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-720f46d5-c565-329d-8d67-e9360444e261{ background-color: #161616; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-720f46d5-c565-329d-8d67-e9360444e261, button.btn-light .beats-btn-inner.btn2-mobile-text-color-720f46d5-c565-329d-8d67-e9360444e261{ color: #FFFFFF; } a.btn-light.btn2-mobile-outline-color-720f46d5-c565-329d-8d67-e9360444e261, button.btn-light.btn2-mobile-outline-color-720f46d5-c565-329d-8d67-e9360444e261 { border: 2px solid #FFFFFF; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-720f46d5-c565-329d-8d67-e9360444e261{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-720f46d5-c565-329d-8d67-e9360444e261{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-left" data-analytics-module="middle_hero_cta" data-analytics-region="heart-rate-monitoring-workouts"> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="hrm_learnmore-cta" href="/ch-de/heart-rate-monitoring" id="720f46d5-c565-329d-8d67-e9360444e261" data-id="720f46d5-c565-329d-8d67-e9360444e261" class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-720f46d5-c565-329d-8d67-e9360444e261 btn1-outline-color-720f46d5-c565-329d-8d67-e9360444e261 btn1-tablet-bg-color-720f46d5-c565-329d-8d67-e9360444e261 btn1-tablet-outline-color-720f46d5-c565-329d-8d67-e9360444e261 btn1-mobile-bg-color-720f46d5-c565-329d-8d67-e9360444e261 btn1-mobile-outline-color-720f46d5-c565-329d-8d67-e9360444e261 " target="_self"> <span class="beats-btn-inner btn1-text-color-720f46d5-c565-329d-8d67-e9360444e261 btn1-tablet-text-color-720f46d5-c565-329d-8d67-e9360444e261 btn1-mobile-text-color-720f46d5-c565-329d-8d67-e9360444e261 btn1-text-hover-color-720f46d5-c565-329d-8d67-e9360444e261 btn1-tablet-text-hover-color-720f46d5-c565-329d-8d67-e9360444e261 btn1-mobile-text-hover-color-720f46d5-c565-329d-8d67-e9360444e261">Mehr Erfahren</span> <span class="beats-btn-mask btn1-bg-hover-color-720f46d5-c565-329d-8d67-e9360444e261"></span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style type="text/css"> </style> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-e76c339b-c47c-338c-8a48-4eed41ec58cb { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-e76c339b-c47c-338c-8a48-4eed41ec58cb { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-e76c339b-c47c-338c-8a48-4eed41ec58cb { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-e76c339b-c47c-338c-8a48-4eed41ec58cb"></section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-1fe43b35-d6bb-31c6-afd1-2ecf534e380a { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-1fe43b35-d6bb-31c6-afd1-2ecf534e380a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-1fe43b35-d6bb-31c6-afd1-2ecf534e380a .outer-container { width: 91.66666%; max-width: 1170px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-1fe43b35-d6bb-31c6-afd1-2ecf534e380a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-1fe43b35-d6bb-31c6-afd1-2ecf534e380a .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-1fe43b35-d6bb-31c6-afd1-2ecf534e380a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-1fe43b35-d6bb-31c6-afd1-2ecf534e380a .outer-container { width: 84%; max-width: 315px; } } </style> <section class="bbd-component bbd-full-width-container id-1fe43b35-d6bb-31c6-afd1-2ecf534e380a" data-desktop-bg-color="transparent" id="BGContainer-1f4001a3-3180-3a78-a38d-d335eb498a8f"> <div class="outer-container"> <div class="content-container"> <div><div class="experiencefragment section"> <!-- SDI include (path: /content/beatswebsite/ch/de_CH/experience-fragments/global-content/apple-value-props/_jcr_content.content.nocache.html, resourceType: cq/experience-fragments/components/xfpage) --> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-b4b760f2-b222-3de1-b220-b2b7d39cd351 { padding-top: 72px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-b4b760f2-b222-3de1-b220-b2b7d39cd351 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-b4b760f2-b222-3de1-b220-b2b7d39cd351 { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-b4b760f2-b222-3de1-b220-b2b7d39cd351"></section> </div> <div class="staticRCTileContainer parbase"> <div class="sm-12 content-item__header"> <div style="text-align: center;color: rgb(22,22,22);letter-spacing: -1.0px;"> <h2 style="color: inherit;text-align: center;font-size: 32.0px;line-height: 34.0px;font-weight: 700;margin: 0 0 35.0px;padding: 0;">Komfortables Einkaufen mit Apple</h2> </div> </div> <div class="layout-flex justify-content-center row-gap-lg-0 row-gap-md-0 row-gap-sm-5 column-gap-lg-2 column-gap-md-0 column-gap-sm-0" data-analytics-scroll> <div class="content-item content-item-b723bb32-074d-3652-a9ca-bf25adbf551d content-item--snippet content-item--center sm-12 md-6 lg-6 content-item--link--primary"> <div class="content-item__inner"> <div class="content-item__visual"> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon-hp-vp.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon-hp-vp.png.large.2x.png 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon-hp-vp.png.large.2x.png 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" aria-hidden="true" data-src="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon-hp-vp.png.large.2x.png" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon-hp-vp.png.large.2x.png 2x" alt="Schnelle und kostenlose Lieferung" role="presentation"/> </picture> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">Schnelle und kostenlose Lieferung</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Schneller und kostenloser Versand aller vorrätigen Artikel.</p> </div></div> <div class="show-tablet content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">Schnelle und kostenlose Lieferung</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Schneller und kostenloser Versand aller vorrätigen Artikel.</p> </div></div> <div class="show-mobile content-item__description"><div> <h3 style="font-weight: 700; font-size: 20px; letter-spacing: -1px;">Schnelle und kostenlose Lieferung</h3> <p style="font-size: 18px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Schneller und kostenloser Versand aller vorrätigen Artikel.</p> </div></div> <a data-analytics-click data-analytics-link-type="appleExit" data-analytics-label="Learn More Button | Fast, Free Delivery" class="content-item__link TODO--dark" href="https://www.apple.com/ch-de/shop/help/shipping_delivery" target="_blank"> <span style="font-weight: 700;letter-spacing: -1.0px;">Mehr Erfahren<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;font-weight: 700;"></i></span> </a> </div> </div> </div> <div class="content-item content-item-d89f90f5-2fde-36d6-8ae5-066ea9f02d25 content-item--snippet content-item--center sm-12 md-6 lg-6 content-item--link--primary"> <div class="content-item__inner"> <div class="content-item__visual"> <a data-analytics-click data-analytics-link-type="appleExit" data-analytics-label="Learn More Button | Easy Returns" class="TODO--dark content-item__visual__icon" href="https://www.apple.com/ch-de/shop/help/returns_refund#policy" target="_blank"> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/easy-returns-icon-hp-vp.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/easy-returns-icon-hp-vp.png.large.2x.png 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/easy-returns-icon-hp-vp.png.large.2x.png 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" aria-hidden="true" data-src="/content/dam/beats/web/common/icons/apple-value-props/easy-returns-icon-hp-vp.png.large.2x.png" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/easy-returns-icon-hp-vp.png.large.2x.png 2x" alt="Easy Returns" role="presentation"/> </picture> </a> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">Einfache Rückgabe</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Gib berechtigte Artikel innerhalb von 14 Tagen nach Erhalt zurück.</p> </div></div> <div class="show-tablet content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">Einfache Rückgabe</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Gib berechtigte Artikel innerhalb von 14 Tagen nach Erhalt zurück.</p> </div></div> <div class="show-mobile content-item__description"><div> <h3 style="font-weight: 700; font-size: 20px; letter-spacing: -1px;">Einfache Rückgabe</h3> <p style="font-size: 18px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Gib berechtigte Artikel innerhalb von 14 Tagen nach Erhalt zurück.</p> </div></div> <a data-analytics-click data-analytics-link-type="appleExit" data-analytics-label="Learn More Button | Easy Returns" class="content-item__link TODO--dark" href="https://www.apple.com/ch-de/shop/help/returns_refund#policy" target="_blank"> <span style="font-weight: 700;letter-spacing: -1.0px;">Mehr Erfahren<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;font-weight: 700;"></i></span> </a> </div> </div> </div> </div> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-dae2a245-6356-38b2-8d22-769c586d8aba { padding-top: 72px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-dae2a245-6356-38b2-8d22-769c586d8aba { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-dae2a245-6356-38b2-8d22-769c586d8aba { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-dae2a245-6356-38b2-8d22-769c586d8aba"></section> </div> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-5b7fc2d2-cd75-39d9-a02b-fb8ab3ea63b3 { background: linear-gradient(to bottom, transparent 50%, #F0F0F0 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-5b7fc2d2-cd75-39d9-a02b-fb8ab3ea63b3:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #F0F0F0 0%); } .bbd-full-width-container.id-5b7fc2d2-cd75-39d9-a02b-fb8ab3ea63b3 .outer-container { width: 100%; max-width: 1920px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-5b7fc2d2-cd75-39d9-a02b-fb8ab3ea63b3:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #F0F0F0 0%); } .bbd-full-width-container.id-5b7fc2d2-cd75-39d9-a02b-fb8ab3ea63b3 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-5b7fc2d2-cd75-39d9-a02b-fb8ab3ea63b3:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #F0F0F0 0%); } .bbd-full-width-container.id-5b7fc2d2-cd75-39d9-a02b-fb8ab3ea63b3 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-5b7fc2d2-cd75-39d9-a02b-fb8ab3ea63b3" data-analytics-module="media_and_text" data-analytics-region="bottom_hero" data-desktop-bg-color="linear-gradient(to bottom, transparent 50%, #F0F0F0 0%)" id="BGContainer-9fbbb514-2188-3c77-9b76-e69085aad17f"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-14f7f4d7-c1ec-3b87-b4c6-5aa408fafe0e { padding-top: px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-14f7f4d7-c1ec-3b87-b4c6-5aa408fafe0e { padding-top: px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-14f7f4d7-c1ec-3b87-b4c6-5aa408fafe0e { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-14f7f4d7-c1ec-3b87-b4c6-5aa408fafe0e"></section> </div> <div class="imageTextV2Container parsys section"> <div class=" " data-analytics-module="bottom_hero" data-analytics-region="solo-buds_hero" data-analytics-scroll> <div id="MediaTextContainer-e7a8098d-93f3-3deb-9bc6-40b3b475b264" class="media-text"> <div class="media-text__inner media-text--overlay-lg media-text--overlay-md media-text--overlay-sm "> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#MediaTextV2-b704042e-41de-3a4f-bb83-ae7e302a4dd5 .media-text__item__content{ padding: ; max-width: ; } .media-text--overlay-sm .media-text__item#MediaTextV2-b704042e-41de-3a4f-bb83-ae7e302a4dd5 { max-height: 1920px;; min-height: 550px;; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#MediaTextV2-b704042e-41de-3a4f-bb83-ae7e302a4dd5 .media-text__item__content { padding: ; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#MediaTextV2-b704042e-41de-3a4f-bb83-ae7e302a4dd5 .media-text__item__content { padding: ; max-width: ; } } .media-text .media-text__item--visual#MediaTextV2-b704042e-41de-3a4f-bb83-ae7e302a4dd5 picture:before { display: block; background: ; } </style> <div id="MediaTextV2-b704042e-41de-3a4f-bb83-ae7e302a4dd5" class="media-text__item media-text__item--visual media-text--light media-text__item--visual--fill v-align-lg-top h-align-lg-left v-align-md-top h-align-md-left v-align-sm-top h-align-sm-left"> <div class="media-text__item__content "> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/home/hero/powerbeats-pro-2/hero03-solobuds.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/home/hero/powerbeats-pro-2/hero03-solobuds.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/home/hero/powerbeats-pro-2/hero03-solobuds.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/home/hero/powerbeats-pro-2/hero03-solobuds.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/home/hero/powerbeats-pro-2/hero03-solobuds.jpg.large.2x.jpg 2x" alt="Jennie Kim mit den Beats Solo Buds im Ohr" data-analytics-click="true" data-analytics-link-type="siteClick" data-analytics-label="jennie-kim-solo-buds_image" data-link="/ch-de/earbuds/solo-buds/MUW03/solobuds-transparentred"/> </picture> </div> </div> </div> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#MediaTextV2-2b0bb9d7-2e5b-323d-982e-83f196694fe2 .media-text__item__content{ padding: ; max-width: ; } .media-text--overlay-sm .media-text__item#MediaTextV2-2b0bb9d7-2e5b-323d-982e-83f196694fe2 { ; ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#MediaTextV2-2b0bb9d7-2e5b-323d-982e-83f196694fe2 .media-text__item__content { padding: 0 0 0 50px; max-width: 45%; } } @media screen and (min-width: 1024px) { .media-text__item#MediaTextV2-2b0bb9d7-2e5b-323d-982e-83f196694fe2 .media-text__item__content { padding: 0 0 0 60px; max-width: clamp(29.688rem, 42.067vw + 2.764rem, 40.625rem); } } </style> <div id="MediaTextV2-2b0bb9d7-2e5b-323d-982e-83f196694fe2" class="media-text__item media-text--light v-align-lg-middle h-align-lg-left v-align-md-middle h-align-md-left v-align-sm-bottom h-align-sm-left"> <div class="media-text__item__content "> <div> <div class="show-desktop"> <div style="margin-bottom: 5%;"><h2 style="margin: 0; font-size: 0;"><span class="headline-1" style="font-weight: 400;">Beats Solo Buds</span></h2> <p><span class="headline-4" style="font-weight: 400;">Featuring Jennie Kim</span></p> </div> </div> <div class="show-tablet"><div style="margin-bottom: 3%;"><h2 style="margin: 0;"><span class="headline-1" style="font-weight: 400;">Beats Solo Buds</span></h2> <p><span class="headline-4" style="font-weight: 400;">Featuring Jennie Kim</span></p> </div> </div> <div class="show-mobile"><div style="margin: -15px 0 0 0;"><h2 style="margin: 0;"><span class="headline-1" style="font-weight: 400; color: #FFFFFF;">Beats Solo Buds</span></h2> <p style="margin: 0; font-size: 0;"><span class="headline-4" style="font-weight: 400; color: #FFFFFF;">Featuring Jennie Kim</span></p> </div> </div> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-f7260b8a-b980-3082-9cca-5bc37006c67a { color: #FFFFFF !important; } } .beats-btn-mask.btn1-bg-hover-color-f7260b8a-b980-3082-9cca-5bc37006c67a, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-f7260b8a-b980-3082-9cca-5bc37006c67a, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-f7260b8a-b980-3082-9cca-5bc37006c67a { background-color: #C8102E !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-f7260b8a-b980-3082-9cca-5bc37006c67a{ color: !important; } } .beats-btn-mask.btn2-bg-hover-color-f7260b8a-b980-3082-9cca-5bc37006c67a, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-f7260b8a-b980-3082-9cca-5bc37006c67a, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-f7260b8a-b980-3082-9cca-5bc37006c67a { background-color: !important; } a.btn-light.btn1-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a:after, button.btn-light.btn1-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a:after, a.btn-light.btn1-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a:hover:after, button.btn-light.btn1-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a:after, button.btn-light.btn2-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a:after, a.btn-light.btn2-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a:hover:after, button.btn-light.btn2-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-f7260b8a-b980-3082-9cca-5bc37006c67a:hover{ background-color: #C8102E !important; } .btn-light.btn2-bg-color-f7260b8a-b980-3082-9cca-5bc37006c67a:hover{ background-color: !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-f7260b8a-b980-3082-9cca-5bc37006c67a{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-text-color-f7260b8a-b980-3082-9cca-5bc37006c67a, button.btn-light .beats-btn-inner.btn1-text-color-f7260b8a-b980-3082-9cca-5bc37006c67a{ color: #FFFFFF; } a.btn-light.btn1-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a, button.btn-light.btn1-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a{ border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-bg-color-f7260b8a-b980-3082-9cca-5bc37006c67a { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-f7260b8a-b980-3082-9cca-5bc37006c67a, button.btn-light .beats-btn-inner.btn2-text-color-f7260b8a-b980-3082-9cca-5bc37006c67a{ color: ; } a.btn-light.btn2-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a, button.btn-light.btn2-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a{ border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-f7260b8a-b980-3082-9cca-5bc37006c67a{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-f7260b8a-b980-3082-9cca-5bc37006c67a{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-f7260b8a-b980-3082-9cca-5bc37006c67a{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-f7260b8a-b980-3082-9cca-5bc37006c67a, button.btn-light .beats-btn-inner.btn1-tablet-text-color-f7260b8a-b980-3082-9cca-5bc37006c67a{ color: #FFFFFF; } a.btn-light.btn1-tablet-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a, button.btn-light.btn1-tablet-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a { border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-f7260b8a-b980-3082-9cca-5bc37006c67a{ background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-f7260b8a-b980-3082-9cca-5bc37006c67a, button.btn-light .beats-btn-inner.btn2-tablet-text-color-f7260b8a-b980-3082-9cca-5bc37006c67a { color: ; } a.btn-light.btn2-tablet-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a, button.btn-light.btn2-tablet-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a { border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-f7260b8a-b980-3082-9cca-5bc37006c67a{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-f7260b8a-b980-3082-9cca-5bc37006c67a{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-f7260b8a-b980-3082-9cca-5bc37006c67a{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-f7260b8a-b980-3082-9cca-5bc37006c67a, button.btn-light .beats-btn-inner.btn1-mobile-text-color-f7260b8a-b980-3082-9cca-5bc37006c67a{ color: #161616; } a.btn-light.btn1-mobile-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a, button.btn-light.btn1-mobile-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-f7260b8a-b980-3082-9cca-5bc37006c67a{ background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-f7260b8a-b980-3082-9cca-5bc37006c67a, button.btn-light .beats-btn-inner.btn2-mobile-text-color-f7260b8a-b980-3082-9cca-5bc37006c67a{ color: ; } a.btn-light.btn2-mobile-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a, button.btn-light.btn2-mobile-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a { border: 2px solid transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-f7260b8a-b980-3082-9cca-5bc37006c67a{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-f7260b8a-b980-3082-9cca-5bc37006c67a{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-left" data-analytics-module="bottom_hero_cta" data-analytics-region="solo-buds-jennie-kim"> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="jennie-kim-solo-buds_shop-cta" href="/ch-de/earbuds/solo-buds?sku=MUW03" id="f7260b8a-b980-3082-9cca-5bc37006c67a" data-id="f7260b8a-b980-3082-9cca-5bc37006c67a" aria-label="Kaufen" class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-f7260b8a-b980-3082-9cca-5bc37006c67a btn1-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a btn1-tablet-bg-color-f7260b8a-b980-3082-9cca-5bc37006c67a btn1-tablet-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a btn1-mobile-bg-color-f7260b8a-b980-3082-9cca-5bc37006c67a btn1-mobile-outline-color-f7260b8a-b980-3082-9cca-5bc37006c67a " target="_self"> <span class="beats-btn-inner btn1-text-color-f7260b8a-b980-3082-9cca-5bc37006c67a btn1-tablet-text-color-f7260b8a-b980-3082-9cca-5bc37006c67a btn1-mobile-text-color-f7260b8a-b980-3082-9cca-5bc37006c67a btn1-text-hover-color-f7260b8a-b980-3082-9cca-5bc37006c67a btn1-tablet-text-hover-color-f7260b8a-b980-3082-9cca-5bc37006c67a btn1-mobile-text-hover-color-f7260b8a-b980-3082-9cca-5bc37006c67a">Kaufen</span> <span class="beats-btn-mask btn1-bg-hover-color-f7260b8a-b980-3082-9cca-5bc37006c67a"></span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style type="text/css"> </style> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-eae60b96-1979-32ff-9f04-34d173c2a0e0 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-eae60b96-1979-32ff-9f04-34d173c2a0e0 { padding-top: px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-eae60b96-1979-32ff-9f04-34d173c2a0e0 { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-eae60b96-1979-32ff-9f04-34d173c2a0e0"></section> </div> </div> </div> </div> </section> </div> <div class="ghost section"> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-cab14a32-d47c-3e08-9a65-bd3bb50898a3 { background: #F0F0F0; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-cab14a32-d47c-3e08-9a65-bd3bb50898a3:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-cab14a32-d47c-3e08-9a65-bd3bb50898a3 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-cab14a32-d47c-3e08-9a65-bd3bb50898a3:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-cab14a32-d47c-3e08-9a65-bd3bb50898a3 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-cab14a32-d47c-3e08-9a65-bd3bb50898a3:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-cab14a32-d47c-3e08-9a65-bd3bb50898a3 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-cab14a32-d47c-3e08-9a65-bd3bb50898a3" data-desktop-bg-color="#F0F0F0" id="BGContainer-8eaf55a9-57fc-3541-aed1-5e0b159ab914"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-fe5270a2-1d72-329c-9925-3de23d437a83 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-fe5270a2-1d72-329c-9925-3de23d437a83 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-fe5270a2-1d72-329c-9925-3de23d437a83 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-fe5270a2-1d72-329c-9925-3de23d437a83"></section> </div> <div class="cardCarousel section"> <style> .row-carousel.row-carousel-effb5b4b-daa7-3f61-a16c-71e947dd2a31 { } @media screen and (max-width: 767px) { .row-carousel.row-carousel-effb5b4b-daa7-3f61-a16c-71e947dd2a31 ul.dots .dot.active { } .row-carousel.row-carousel-effb5b4b-daa7-3f61-a16c-71e947dd2a31 ul.dots .dot:not(.active) { } } </style> <div class="row-carousel row-carousel-effb5b4b-daa7-3f61-a16c-71e947dd2a31" data-analytics-scroll=""> <div class="row-carousel__inner"> <button type="button" class="row-carousel__prev" aria-label="Previous Item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M0.377647059,29.9998589 C0.377647059,30.8615295 0.68784706,31.6197883 1.34272236,32.2747059 L28.6749883,58.9865295 C29.2609412,59.6069295 30.0192001,59.9171366 30.9153177,59.9171366 C32.7076236,59.9171366 34.0862824,58.5729248 34.0862824,56.7806472 C34.0862824,55.8845083 33.707153,55.1262333 33.1556471,54.5402959 L8.06378825,29.9998589 L33.1556471,5.4594353 C33.707153,4.87348236 34.0862824,4.08070589 34.0862824,3.2190353 C34.0862824,1.4268 32.7076236,0.0825882354 30.9153177,0.0825882354 C30.0192001,0.0825882354 29.2609412,0.392752942 28.6749883,0.978705884 L1.34272236,27.7250118 C0.68784706,28.3454118 0.377647059,29.1381883 0.377647059,29.9998589 Z" transform="translate(14.706 2)"></path> </svg> </button> <div class="row-carousel__content"> <ul> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/ch-de/mobile-apps" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Beats App for Android" aria-label="Open mobile apps download page" class="card card-8b3d019f-9d1f-3f6d-9fb4-2bf306eb6107 card--custom card--custom-8b3d019f-9d1f-3f6d-9fb4-2bf306eb6107 card--light "> <style> .card--custom-8b3d019f-9d1f-3f6d-9fb4-2bf306eb6107{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; letter-spacing: -1px; padding-bottom: 40px;"> <h2 style="font-size: clamp(1.5rem, 5vw, 1.813rem); font-weight: 700; line-height: 1;">Beats App für Android</h2> <p style="font-size: clamp(1rem, 5vw, 1.375rem); color: #535353; line-height: 1.5rem;">Lade die Beats App herunter um zusätzliche Funktionen freizuschalten.</p> </div></span> </p> </div> <img src="/content/dam/beats/web/home/2023/02/beats-app-card-assets/hp-cc-features-beats-app-de.png" alt="Die Beats App auf einem Mobiltelefon"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="https://support.apple.com/de-ch/HT210515" data-analytics-click="" data-analytics-link-type="supportExit" target="_blank" data-analytics-item="Find your Beats" aria-label="Apple Find My instructions | Opens in new window" class="card card-af24629d-87fa-306c-bda5-b3a42e6fd34f card--custom card--custom-af24629d-87fa-306c-bda5-b3a42e6fd34f card--light "> <style> .card--custom-af24629d-87fa-306c-bda5-b3a42e6fd34f{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; letter-spacing: -1px; padding-bottom: 40px;"> <h2 style="font-size: clamp(1.5rem, 5vw, 1.813rem); font-weight: 700; line-height: 1;">Finde deine Beats</h2> <p style="font-size: clamp(1rem, 5vw, 1.375rem); color: #535353; line-height: 1.5rem;">Wenn deine Beats verschwunden sind, kannst du sie mit der „Wo ist?“ App wiederfinden.<sup>1</sup></p> </div></span> </p> </div> <img src="/content/dam/beats/web/home/2022/10/hp-cc-promos--find-your-beats.png" alt="„Wo ist?“ App und Beats Flex auf weißem Hintergrund"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="https://offers.applemusic.apple/de-ch/new-device-offer?itscg=10900&itsct=medusa_hwb_beats_home" data-analytics-click="" data-analytics-link-type="siteClick" target="_blank" data-analytics-item="Free Apple music" aria-label="Apple free music trial | Opens in new window" class="card card-d77e4eab-8d5c-32f9-ae40-b57830dfbf52 card--custom card--custom-d77e4eab-8d5c-32f9-ae40-b57830dfbf52 card--light "> <style> .card--custom-d77e4eab-8d5c-32f9-ae40-b57830dfbf52{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; letter-spacing: -1px; padding-bottom: 40px;"> <h2 style="font-size: clamp(1.5rem, 5vw, 1.813rem); font-weight: 700; line-height: 1;">Apple Music kostenlos</h2> <p style="font-size: clamp(1rem, 5vw, 1.375rem); color: #535353; line-height: 1.5rem;">3 Monate Apple Music kostenlos mit ausgewählten Beats.<sup>2</sup></p> </div></span> </p> </div> <img src="/content/dam/beats/web/home/feature-card-carousel/hp-cc-promos-apple-music-promo.jpg" alt="Apple Music logo and Beats Fit Pro on white background"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/ch-de/support" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Beats Support" aria-label="Open Beats support website" class="card card-2de38653-544c-3632-b408-95208c54ed80 card--custom card--custom-2de38653-544c-3632-b408-95208c54ed80 card--light "> <style> .card--custom-2de38653-544c-3632-b408-95208c54ed80{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; letter-spacing: -1px; padding-bottom: 40px;"> <h2 style="font-size: clamp(1.5rem, 5vw, 1.813rem); font-weight: 700; line-height: 1;">Beats Support</h2> <p style="font-size: clamp(1rem, 5vw, 1.375rem); color: #535353; line-height: 1.5rem;">Hol dir Hilfe zu deinen Produkten oder verbinde dich mit einem unserer Expert:innen.</p> </div></span> </p> </div> <img src="/content/dam/beats/web/home/2023/02/hp-cc-features-support.png" alt="Nahaufnahme des Beats Logos auf den Beats Studio Buds In-Ear Kopfhörern"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> </ul> </div> <button type="button" class="row-carousel__next" aria-label="Next Item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M34.0862824,29.9998589 C34.0862824,29.1381883 33.7416001,28.3454118 33.086753,27.7250118 L5.78894119,0.978705884 C5.16854119,0.392752942 4.41028236,0.0825882354 3.51409412,0.0825882354 C1.75630589,0.0825882354 0.377647059,1.4268 0.377647059,3.2190353 C0.377647059,4.08070589 0.722329413,4.87348236 1.27376471,5.4594353 L26.3656942,29.9998589 L1.27376471,54.5402959 C0.722329413,55.1262333 0.377647059,55.8845083 0.377647059,56.7806472 C0.377647059,58.5729248 1.75630589,59.9171366 3.51409412,59.9171366 C4.41028236,59.9171366 5.16854119,59.6069295 5.78894119,58.9865295 L33.086753,32.2747059 C33.7416001,31.6197883 34.0862824,30.8615295 34.0862824,29.9998589 Z" transform="translate(14.706 2)"></path> </svg> </button> </div> </div></div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-d91134ed-1c18-3126-9f5b-13ee6debddc7 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d91134ed-1c18-3126-9f5b-13ee6debddc7 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d91134ed-1c18-3126-9f5b-13ee6debddc7 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d91134ed-1c18-3126-9f5b-13ee6debddc7"></section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-2f7ad26e-63e9-3ada-910e-810516ed3a65 { background: linear-gradient(180deg, #7A7A7A 0%, #1A1A1A 77.59%);; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-2f7ad26e-63e9-3ada-910e-810516ed3a65:not(.bg-color-match-enabled) { background: linear-gradient(180deg, #7A7A7A 0%, #1A1A1A 77.59%);; } .bbd-full-width-container.id-2f7ad26e-63e9-3ada-910e-810516ed3a65 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-2f7ad26e-63e9-3ada-910e-810516ed3a65:not(.bg-color-match-enabled) { background: linear-gradient(180deg, #7A7A7A 0%, #1A1A1A 77.59%);; } .bbd-full-width-container.id-2f7ad26e-63e9-3ada-910e-810516ed3a65 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-2f7ad26e-63e9-3ada-910e-810516ed3a65:not(.bg-color-match-enabled) { background: linear-gradient(180deg, #7A7A7A 0%, #1A1A1A 77.59%);; } .bbd-full-width-container.id-2f7ad26e-63e9-3ada-910e-810516ed3a65 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-2f7ad26e-63e9-3ada-910e-810516ed3a65" data-desktop-bg-color="linear-gradient(180deg, #7A7A7A 0%, #1A1A1A 77.59%);" id="BGContainer-bec337f3-74ee-3250-a097-e1bc91456a87"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-d160ab39-b9bb-3629-8cd0-9e4b2077bff5 { padding-top: 64px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d160ab39-b9bb-3629-8cd0-9e4b2077bff5 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d160ab39-b9bb-3629-8cd0-9e4b2077bff5 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d160ab39-b9bb-3629-8cd0-9e4b2077bff5"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-img-text-component.id-cb810c56-28e9-32a9-ae68-3f4e3bba07d5 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 60%; max-width: 60%; } .bbd-img-text-component.id-cb810c56-28e9-32a9-ae68-3f4e3bba07d5 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for 1X Config */ .bbd-img-text-component.id-cb810c56-28e9-32a9-ae68-3f4e3bba07d5 .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 60%; max-width: 60%; } .bbd-img-text-component.id-cb810c56-28e9-32a9-ae68-3f4e3bba07d5 .content-wrapper section.bbd-1X-image .content-column .bbd-1X-image-text-block { width: 100%; max-width: 100%; } .bbd-img-text-component.id-cb810c56-28e9-32a9-ae68-3f4e3bba07d5 .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } } </style> <section class="bbd-component bbd-1X-flip bbd-img-text-component id-cb810c56-28e9-32a9-ae68-3f4e3bba07d5" data-analytics-scroll> <div class="content-wrapper desktop-side-by-side-config-1x tablet-side-by-side-config-1x"> <section class="bbd-1X-image bbd-1X-flip " data-bbd-anim-target="true"> <div class="content-column"> <div class="lg-6 md-6 sm-12 bbd-1X-image-picture-block "> <div class="pyt-target"> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/home/2022/10/hp-register--fitpro-solo3.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/home/2022/10/hp-register--fitpro-solo3.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/home/2022/10/hp-register--fitpro-solo3.png.small.2x.png 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/home/2022/10/hp-register--fitpro-solo3.png.large.2x.png" data-srcset="/content/dam/beats/web/home/2022/10/hp-register--fitpro-solo3.png.large.2x.png 2x" alt="Beats Fit Pro und Beats Studio3 Wireless"/> </picture> </div> </div> <div class="lg-6 md-6 sm-12 bbd-1X-image-text-column align-self--center "> <div class="bbd-1X-image-text-block"> <div class="show-desktop"> <div class="font-updated"> <h2 style="font-weight: 700; font-size: clamp(3.188rem, 5vw, 4rem); line-height: 1; text-transform: uppercase; letter-spacing: -1px; margin: 0;">Beats registrieren</h2> </div> </div> <div class="show-tablet"><div class="font-updated"> <h2 style="font-weight: 700; font-size: clamp(2.375rem, 8vw, 3rem); line-height: 1; text-transform: uppercase; letter-spacing: -1px; margin: 0;">Beats registrieren</h2> </div></div> <div class="show-mobile"><div class="font-updated"> <h2 style="font-weight: 700; font-size: clamp(2rem, 11vw, 2.5rem); line-height: 1; text-transform: uppercase; letter-spacing: -1px; margin: 0;">Beats registrieren</h2> </div></div> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 { color: #FFFFFF !important; } } .beats-btn-mask.btn1-bg-hover-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 { background-color: #C8102E !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ color: !important; } } .beats-btn-mask.btn2-bg-hover-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 { background-color: !important; } a.btn-light.btn1-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17:after, button.btn-light.btn1-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17:after, a.btn-light.btn1-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17:hover:after, button.btn-light.btn1-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17:after, button.btn-light.btn2-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17:after, a.btn-light.btn2-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17:hover:after, button.btn-light.btn2-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17:hover{ background-color: #C8102E !important; } .btn-light.btn2-bg-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17:hover{ background-color: !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-text-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17, button.btn-light .beats-btn-inner.btn1-text-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ color: #161616; } a.btn-light.btn1-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17, button.btn-light.btn1-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-bg-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17, button.btn-light .beats-btn-inner.btn2-text-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ color: ; } a.btn-light.btn2-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17, button.btn-light.btn2-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17, button.btn-light .beats-btn-inner.btn1-tablet-text-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ color: #161616; } a.btn-light.btn1-tablet-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17, button.btn-light.btn1-tablet-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17, button.btn-light .beats-btn-inner.btn2-tablet-text-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 { color: ; } a.btn-light.btn2-tablet-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17, button.btn-light.btn2-tablet-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 { border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17, button.btn-light .beats-btn-inner.btn1-mobile-text-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ color: #161616; } a.btn-light.btn1-mobile-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17, button.btn-light.btn1-mobile-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17, button.btn-light .beats-btn-inner.btn2-mobile-text-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ color: ; } a.btn-light.btn2-mobile-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17, button.btn-light.btn2-mobile-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 { border: 2px solid transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-left"> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="siteClick" href="/ch-de/register" id="d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17" data-id="d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17" class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 btn1-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 btn1-tablet-bg-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 btn1-tablet-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 btn1-mobile-bg-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 btn1-mobile-outline-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 " target="_self"> <span class="beats-btn-inner btn1-text-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 btn1-tablet-text-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 btn1-mobile-text-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 btn1-text-hover-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 btn1-tablet-text-hover-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17 btn1-mobile-text-hover-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17">Jetzt registrieren</span> <span class="beats-btn-mask btn1-bg-hover-color-d1eb2a1d-682c-3cc3-afe2-6bbb44fcfd17"></span> </a> </div> </div> </div> </div> </div> </div> </section> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-67637b35-679f-3669-867d-02cd33aa8211 { padding-top: 64px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-67637b35-679f-3669-867d-02cd33aa8211 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-67637b35-679f-3669-867d-02cd33aa8211 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-67637b35-679f-3669-867d-02cd33aa8211"></section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-f258cb6c-063e-3a2c-864f-6184adec9b31 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-f258cb6c-063e-3a2c-864f-6184adec9b31:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f258cb6c-063e-3a2c-864f-6184adec9b31 .outer-container { width: 83%; max-width: 1320px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-f258cb6c-063e-3a2c-864f-6184adec9b31:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f258cb6c-063e-3a2c-864f-6184adec9b31 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-f258cb6c-063e-3a2c-864f-6184adec9b31:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f258cb6c-063e-3a2c-864f-6184adec9b31 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-f258cb6c-063e-3a2c-864f-6184adec9b31" data-desktop-bg-color="transparent" id="BGContainer-065beb4c-6537-3540-a1e2-c7ce555ecbf2"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-2a86ffd6-024e-3418-8abc-bcbc1b6fb2ee { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-2a86ffd6-024e-3418-8abc-bcbc1b6fb2ee { padding-top: 59px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-2a86ffd6-024e-3418-8abc-bcbc1b6fb2ee { padding-top: 28px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-2a86ffd6-024e-3418-8abc-bcbc1b6fb2ee"></section> </div> <div class="beatsRTE parbase section"><!-- This components accepts free text from authors and renders --> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div id="RTE-45334815-7e9d-3602-bbe1-66eda7654118" class="rte-container-9f086394-4bf9-3dbb-a87f-64d94fdde527 component-section-spacing beatsRTE"> <div class="font-updated" style="background-color: rgb(255,255,255);"> <p id="footnote-1" class="pdp-sml-body" style="color: gray; text-align: left;"><sup>1</sup> Funktioniert mit kompatiblen Beats Kopfhörern. Um „Wo ist?“ nutzen zu können, wird ein iPhone oder iPod touch mit iOS 14.5 oder neuer, ein iPad mit iPadOS 14.5 oder neuer oder ein Mac mit macOS Big Sur 11.3 oder neuer benötigt. Die Kunden müssen eine Apple ID haben und bei ihrem iCloud Account mit aktiviertem „Wo ist?“ angemeldet sein.</p> <p id="footnote-2" class="pdp-sml-body" style="color: gray; text-align: left;"><sup>2</sup> Nur für neue Abonnent:innen. Das Angebot ist in einem begrenzten Zeitraum für neue Abonnenten erhältlich, die ein berechtigtes Gerät mit einem Apple Gerät mit iOS 15 oder iPadOS 15 oder neuer verbinden. Das Angebot ist drei Monate nach Koppeln mit dem berechtigten Gerät gültig. Für derzeitige Besitzer geeigneter Geräte ist kein Kauf eines Audioprodukts erforderlich. Das Abo wird automatisch zum in deiner Region gültigen Monatstarif verlängert, bis es gekündigt wird. Es gelten Einschränkungen und <a href="https://www.apple.com/chde/promo" aria-label="die Bedingungen für das Apple Music Angebot | Öffnet sich in einem neuen Fenster" target="_blank" style="font-size: 0.75rem; text-decoration: underline;">weitere Bedingungen</a>.</p> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-c0cd388d-85a5-3b20-9693-8dc402230eeb { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-c0cd388d-85a5-3b20-9693-8dc402230eeb { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-c0cd388d-85a5-3b20-9693-8dc402230eeb { padding-top: 50px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-c0cd388d-85a5-3b20-9693-8dc402230eeb"></section> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> <!-- SDI include (path: /content/beatswebsite/ch/de_CH/experience-fragments/Email/inline-email-signup/_jcr_content.content.nocache.html, resourceType: cq/experience-fragments/components/xfpage) --> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-cde5864b-5fd8-395f-b5f3-9641d17c9d7e { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-cde5864b-5fd8-395f-b5f3-9641d17c9d7e { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-cde5864b-5fd8-395f-b5f3-9641d17c9d7e { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-cde5864b-5fd8-395f-b5f3-9641d17c9d7e"></section> </div> <div class="fullWidthBgContainerV2 parsys"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-9a81c24e-69e8-3fec-b0f2-77480b648908 { background: #161616; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-9a81c24e-69e8-3fec-b0f2-77480b648908:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-9a81c24e-69e8-3fec-b0f2-77480b648908 .outer-container { width: 100%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-9a81c24e-69e8-3fec-b0f2-77480b648908:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-9a81c24e-69e8-3fec-b0f2-77480b648908 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-9a81c24e-69e8-3fec-b0f2-77480b648908:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-9a81c24e-69e8-3fec-b0f2-77480b648908 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-9a81c24e-69e8-3fec-b0f2-77480b648908" data-desktop-bg-color="#161616" id="BGContainer-2029292b-4113-33d6-b842-0024600050f4"> <div class="outer-container"> <div class="content-container"> <div><div class="InlineEmailSignUp section"> <div id="newsletter" class="inline-form inline-form--dark inline-form--dark-fa384a03-fe49-38b0-8746-beb734f04631" data-analytics-scroll="" data-analytics-event="newsletterSignUp"> <form action="#newsletter" class="b-form" data-error-inline="" novalidate=""> <div class="inline-form__head"> <i class="fa-solid fa-envelope"></i> <br/> <h2><h2 style="margin-bottom: 0;">Trag dich in unsere Liste ein</h2></h2> </div> <div class="inline-form__copy"> <div class="show-desktop">Keine Beats verpassen. Bleib auf dem Laufenden über die neuesten Produkte, Kooperationen und mehr.</div> <div class="show-tablet">Keine Beats verpassen. Bleib auf dem Laufenden über die neuesten Produkte, Kooperationen und mehr.</div> <div class="show-mobile">Keine Beats verpassen. Bleib auf dem Laufenden über die neuesten Produkte, Kooperationen und mehr.</div> </div> <div class="b-form-el form--center"> <input id="newsletter-email" class="b-input inline-form__reveal__trigger" type="email" maxlength="255" name="newsletter--emailId" autocomplete="on" placeholder=" " aria-required="true" required="true" aria-describedby="newsletter-email-error"/> <label class="b-label" for="newsletter-email">Gib deine E-Mail Adresse ein</label> <span class="b-error b-error--visible" id="newsletter-email-error">Bitte gib eine gültige E-Mail-Adresse ein.</span> </div> <br/> <div class="inline-form__reveal__content"> <div> <div> <div class="b-form-el"> <input class="b-checkbox" type="checkbox" id="newsletter-item__email-opt-in-fa384a03-fe49-38b0-8746-beb734f04631" name="newsletter--emailOptIn" aria-required="true" aria-describedby="newsletter-optin-error" required="true" value="true"/> <label class="b-label" for="newsletter-item__email-opt-in-fa384a03-fe49-38b0-8746-beb734f04631"> <span class="b-touch-area"></span> Ich möchte E-Mails erhalten, die Beats Produkt-Neuheiten, Sonderangebote und gelegentlich Einladungen zu Umfragen enthalten. </label> <span class="visuallyhidden">Error:</span> <span class="b-error" id="newsletter-optin-error"> Bitte überprüfe dieses erforderliche Feld. </span> </div> <input type="hidden" name="newsletter--optinId" value="2"/> </div> <div class="b-form-el form--center"> <button class="b-button" type="submit"> ANMELDEN </button> </div> <div class="form-error b-error b-error--visible"> <div class="form--center"> Übertragungsfehler – bitte gib deine Daten erneut ein oder versuche es später noch einmal </div> </div> </div> </div> </form> <div class="inline-form__success" tabindex="-1"> <i class="fa-thin fa-hand-peace fa-shake" style="--fa-animation-duration: 3s;"></i> <br/> <div class="inline-form__success__copy"> <div class="show-desktop"><p style="margin: 0;">Du bist dabei.</p> <p style="margin: 0;">Schau bald in deinen Posteingang.</p></div> <div class="show-tablet"><p style="margin: 0;">Du bist dabei.</p> <p style="margin: 0;">Schau bald in deinen Posteingang.</p></div> <div class="show-mobile"><p style="margin: 0;">Du bist dabei.</p> <p style="margin: 0;">Schau bald in deinen Posteingang.</p></div> </div> </div> <div class="inline-form__error"> <p>Übertragungsfehler – bitte gib deine Daten erneut ein oder versuche es später noch einmal</p> </div> </div></div> </div> </div> </div> </section> </div> <div id="footercontent"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="footerColumn"> <footer class="footer" role="contentinfo"> <h2 class="visuallyhidden">Beats Footer</h2> <div class="footer-content" data-analytics-scroll="" data-analytics-module="footer" data-analytics-region="global-footer"> <!-- This is a column control component which can be used for dividing a div into no.of columns --> <div class="layout-grid-sm-1 layout-grid-lg-4"> <div class=" "> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-products"> <h3 id="footer-Produkte" class="hide-sm hide-md">Produkte</h3> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h3 id="footer-Produkte-mobile">Produkte</h3> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Produkte" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|View All" href="/ch-de/products" class="footer-link">Alle anzeigen</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Powerbeats Pro 2" href="/ch-de/earbuds/powerbeats-pro-2" class="footer-link">Powerbeats Pro 2</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats iPhone Cases" href="/ch-de/accessories/phone-cases/beats-iphone-16-magsafe-case" class="footer-link">Beats iPhone Cases</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Pill" href="/ch-de/speakers/beats-pill" class="footer-link">Beats Pill</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Solo 4" href="/ch-de/headphones/solo4-wireless" class="footer-link">Beats Solo 4</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Solo Buds" href="/ch-de/earbuds/solo-buds" class="footer-link">Beats Solo Buds</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Studio Pro" href="/ch-de/headphones/studio-pro-wireless" class="footer-link">Beats Studio Pro</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Studio Buds +" href="/ch-de/earbuds/studio-buds-plus-wireless-noise-cancelling" class="footer-link">Beats Studio Buds +</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Fit Pro" href="/ch-de/earbuds/beats-fit-pro" class="footer-link">Beats Fit Pro</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Flex" href="/ch-de/earbuds/beats-flex" class="footer-link">Beats Flex</a></li> </ul> </nav> </div> </div> </div> <div class=" "> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-support"> <h3 id="footer-Support" class="hide-sm hide-md">Support</h3> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h3 id="footer-Support-mobile">Support</h3> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Support" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Downloads" href="/ch-de/mobile-apps" class="footer-link">Downloads</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Support Home" href="/ch-de/support" class="footer-link">Produktsupport</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="supportExit" data-analytics-label="Footer|Service and Warranty|SFAQ" href="https://support.apple.com/de-ch/beats/repair" class="footer-link">Service und Garantie</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Register" href="/ch-de/register" class="footer-link">Beats registrieren</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="supportExit" data-analytics-label="Footer|Update" href="https://support.apple.com/de-ch/102368" class="footer-link">Beats aktualisieren</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Retailers" href="/ch-de/company/authorized-retailers" class="footer-link">Autorisierte Händler</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="supportExit" data-analytics-label="Footer|Contact Support|PFC6007" href="https://getsupport.apple.com/GetproductgroupList.action?caller=bbd&PFC=PFC6007" class="footer-link">Support kontaktieren</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|International Numbers" href="/ch-de/support/international-numbers" class="footer-link">Internationale Rufnummern</a></li> </ul> </nav> </div> </div> </div> <div class=" "> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-company"> <h3 id="footer-Unternehmen" class="hide-sm hide-md">Unternehmen</h3> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h3 id="footer-Unternehmen-mobile">Unternehmen</h3> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Unternehmen" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|About" href="/ch-de/company/aboutus" class="footer-link">Über uns</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="appleExit" data-analytics-label="Footer|Careers" href="https://jobs.apple.com/search?sort=relevance&search=beats" class="footer-link">Stellenangebote</a></li> </ul> </nav> </div> </div> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-legal"> <h3 id="footer-Rechtliche Hinweise" class="hide-sm hide-md">Rechtliche Hinweise</h3> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h3 id="footer-Rechtliche Hinweise-mobile">Rechtliche Hinweise</h3> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Rechtliche Hinweise" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Terms of Use" href="/ch-de/company/legal" class="footer-link">Nutzungsbedingungen</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Privacy" href="/ch-de/company/legal" class="footer-link">Datenschutz</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Trademark" href="/ch-de/company/trademark" class="footer-link">Marken</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Promotion Terms" href="/ch-de/company/promotion-terms" class="footer-link">Aktionsbedingungen</a></li> </ul> </nav> </div> </div> </div> <div class="footer__last-section"> <div class="footer__location"> <h3 class="footerDirectoryTitle">Ort</h3> <ul role="presentation" class="bbd-component" data-analytics-module="footer" data-analytics-region="footer-social-media-country-selector"> <!-- Added analytics attr --> <li> <a data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="Footer|Country Region Selector" href="/country-region-selector.modal" id="countrySelector" class="location-selector modal__trigger" data-link="true" role="button" data-countryselectionurl="/country-region-selector.modal"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_506_933)"> <path d="M12 22.5C12.7828 22.5 13.8937 21.825 14.9016 19.8141C15.3656 18.8859 15.7547 17.7656 16.0312 16.5H7.96875C8.24531 17.7656 8.63438 18.8859 9.09844 19.8141C10.1063 21.825 11.2172 22.5 12 22.5ZM7.70156 15H16.2984C16.4297 14.0531 16.5 13.0453 16.5 12C16.5 10.9547 16.4297 9.94687 16.2984 9H7.70156C7.57031 9.94687 7.5 10.9547 7.5 12C7.5 13.0453 7.57031 14.0531 7.70156 15ZM7.96875 7.5H16.0312C15.7547 6.23438 15.3656 5.11406 14.9016 4.18594C13.8937 2.175 12.7828 1.5 12 1.5C11.2172 1.5 10.1063 2.175 9.09844 4.18594C8.63438 5.11406 8.24531 6.23438 7.96875 7.5ZM17.8125 9C17.9344 9.96094 18 10.9641 18 12C18 13.0359 17.9344 14.0391 17.8125 15H22.0687C22.35 14.0484 22.5047 13.0406 22.5047 12C22.5047 10.9594 22.3547 9.95156 22.0687 9H17.8125ZM21.4922 7.5C20.2781 4.94531 18.0656 2.95781 15.3563 2.04844C16.3406 3.375 17.1187 5.27344 17.5687 7.5H21.4969H21.4922ZM6.44062 7.5C6.89062 5.26875 7.66875 3.375 8.65313 2.04844C5.93906 2.95781 3.72187 4.94531 2.5125 7.5H6.43594H6.44062ZM1.94063 9C1.65938 9.95156 1.50469 10.9594 1.50469 12C1.50469 13.0406 1.65469 14.0484 1.94063 15H6.1875C6.06563 14.0391 6 13.0359 6 12C6 10.9641 6.06563 9.96094 6.1875 9H1.93594H1.94063ZM15.3516 21.9516C18.0609 21.0375 20.2734 19.0547 21.4875 16.5H17.5641C17.1141 18.7313 16.3359 20.625 15.3516 21.9516ZM8.64844 21.9516C7.66406 20.625 6.89062 18.7266 6.43594 16.5H2.5125C3.72656 19.0547 5.93906 21.0422 8.64844 21.9516ZM12 24C8.8174 24 5.76516 22.7357 3.51472 20.4853C1.26428 18.2348 0 15.1826 0 12C0 8.8174 1.26428 5.76516 3.51472 3.51472C5.76516 1.26428 8.8174 0 12 0C15.1826 0 18.2348 1.26428 20.4853 3.51472C22.7357 5.76516 24 8.8174 24 12C24 15.1826 22.7357 18.2348 20.4853 20.4853C18.2348 22.7357 15.1826 24 12 24Z" fill="#161616"/> </g> <defs> <clipPath id="clip0_506_933"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <span class="footer__country__selected">Schweiz</span> <span class="separator" aria-hidden="true">|</span> Ändern <span class="a11y">your country or region</span> </a> </li> </ul> </div> <div class="footer__social"> <h3 id="footerBeatsArmy" class="hide-sm hide-md">Folge uns</h3> <nav class="bbd-component" role="navigation" aria-labelledby="footerBeatsArmy" data-analytics-module="footer" data-analytics-region="footer-social-media-country-selector"> <ul role="presentation" class="social social--spaced-row" id="footer-social-army"> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="footer|twitter" href="https://www.twitter.com/beatsbydre" target="_blank"> <i class="fa-brands fa-x-twitter"></i> <span class="a11y">Twitter (Opens in a new window)</span> </a> </li> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="footer|facebook" href="https://www.facebook.com/beatsbydre" target="_blank"> <i class="fa fa-facebook"></i> <span class="a11y">Facebook (Opens in a new window)</span> </a> </li> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="footer|youtube" href="https://www.youtube.com/beatsbydre" target="_blank"> <i class="fa fa-youtube"></i> <span class="a11y">YouTube (Opens in a new window)</span> </a> </li> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="footer|instagram" href="https://www.instagram.com/beatsbydre" target="_blank"> <i class="fa fa-instagram"></i> <span class="a11y">Instagram (Opens in a new window)</span> </a> </li> </ul> </nav> </div> </div> </div> <div class="copyright"> <p> Copyright © 2025 Apple Inc. – Alle Rechte vorbehalten. </p> </div> </footer> <span class="a11y" id="status" aria-live="polite"></span> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-86e40e1b-a4c5-3d87-984c-7e78f289d0b1 { padding-top: 0px; background-color: #FFFFFF; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-86e40e1b-a4c5-3d87-984c-7e78f289d0b1 { padding-top: 0px; background-color: #FFFFFF; }} @media screen and (max-width: 767px) { .spacing-86e40e1b-a4c5-3d87-984c-7e78f289d0b1 { padding-top: 7px; background-color: #FFFFFF; }} </style> <section class="bbd-component generic-spacing spacing-86e40e1b-a4c5-3d87-984c-7e78f289d0b1"></section> </div> <div class="cookiebar"> <div class="bbd-component cookie-bar hide" id="cookie-bar" role="banner"> <div class="container"> <div class="text"> <h4>Diese Seite verwendet Cookies</h4> <p>Wenn du unsere Seite weiterhin nutzt, stimmst du unseren <a href="/ch-de/company/legal" target="_blank" style="text-decoration: underline;color: rgb(0,0,0);">Nutzungsbedingungen</a> und unserer <a href="/ch-de/company/legal" target="_blank" style="text-decoration: underline;color: rgb(0,0,0);">Datenschutzrichtlinie</a> zu.</p> </div> <div class="button-wrapper beats-button beats-btn-std beats-btn--outline-grey cookie-bar-cta"> <button class="cookie-btn--accept beats-btn beats-btn--button"> <span tabindex="-1" class="beats-btn-inner">Akzeptieren und schließen</span> <span class="beats-btn-mask"></span> </button> </div> </div> </div></div> </div> </div> <div id="beatsArmyConfirmation-container"></div> <div id="countrySelection-container"> </div> <script> var isExploreEnabled = 'false'; var nameValuePairs = '{}'; var articlePage = 'false'; var isShieldOn = 'true'; var locale = 'de_CH'; var explore_exploreTagUrl = '\/ch\u002Dde\/stories\/REPLACEME'; var isRcTileRenderable = 'true'; var isAuthorMode = 'false'; var pageType = 'page\u002Dfeaturedetails'; var homepageUrl = '\/ch\u002Dde'; var countryCode = 'ch'; var beatsSearchJsonPath = '\/ch\u002Dde\/search.beatssearch.json?q=REPLACEME\x26limit=\u002D1'; var featuredSearch = '\/ch\u002Dde\/search.featured.json%20'; var stripHtmlExtension = 'true'; var beatsSearchSuggestionJsonPath = '\/ch\u002Dde\/search.beatssuggestions.json?q=REPLACEME\x26locale=de_CH'; var searchConfig = '\/ch\u002Dde\/search.config.json%20'; var partNumbersList = ''; var pageTrackData = '{\x22content\x22:{\x22pageName\x22:\x22Home\x22,\x22siteSection\x22:\x22root\x22,\x22siteSectionSub1\x22:\x22\x22,\x22siteSectionSub2\x22:\x22\x22,\x22siteSectionSub3\x22:\x22\x22,\x22siteName\x22:\x22Beatsbydre\u002DCH\x22,\x22pageType\x22:\x22home\x22,\x22contentType\x22:\x22navigation\x22,\x22language\x22:\x22de\x22,\x22country\x22:\x22CH\x22,\x22contentCategories\x22:\x22\x22}}'; var articlePublishDate = ''; var localeCountryKey = locale; if(locale == 'en'){ if(countryCode != 'ww-global'){ localeCountryKey = localeCountryKey+'_'+countryCode.toUpperCase(); } else { localeCountryKey = localeCountryKey+'_US'; } } nameValuePairs = JSON.parse(nameValuePairs); pageTrackData = JSON.parse(pageTrackData); </script> <script src="/etc.clientlibs/beats/clientlibs/site/libExternal.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/base.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/pdpPage.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/featurePage.min.js"></script> <!--<script type="text/javascript">_satellite.pageBottom();</script>--> </body> </html>