Neuste Beats Pill – Tragbarer Bluetooth Kabelloser Lautsprecher

<!doctype html> <meta charset="utf-8"/> <html class=" " lang="de-CH"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Neuste Beats Pill – Tragbarer Bluetooth Kabelloser Lautsprecher </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"/>  <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/speakers/beats-pill"/> <meta property="og:image" content="/content/dam/beats/web/product/speakers/beats-pill/global/og/beats-pill-global-ogimage.jpg"/> <meta property="og:title" content="Neuste Beats Pill – Tragbarer Bluetooth Kabelloser Lautsprecher"/> <meta property="og:description" content="Beats Pill ist zurück in 2024 – ein tragbarer Bluetooth kabelloser Lautsprecher mit einem Sound, der größer ist als seine Größe. Wasserdicht, USB-C und bis zu 24 Stunden Akkulaufzeit."/> <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:title" content="Neuste Beats Pill – Tragbarer Bluetooth Kabelloser Lautsprecher"/> <meta name="twitter:description" content="Beats Pill ist zurück in 2024 – ein tragbarer Bluetooth kabelloser Lautsprecher mit einem Sound, der größer ist als seine Größe. Wasserdicht, USB-C und bis zu 24 Stunden Akkulaufzeit."/> <meta name="robots" content="follow,index"/> <meta name="description" content="Beats Pill ist zurück in 2024 – ein tragbarer Bluetooth kabelloser Lautsprecher mit einem Sound, der größer ist als seine Größe. Wasserdicht, USB-C und bis zu 24 Stunden Akkulaufzeit."/> <meta name="keywords" content="Bluetooth Lautsprecher, tragbarer Lautsprecher, kabelloser Lautsprecher"/> <meta name="referrer" content="no-referrer-when-downgrade"/> <link rel="canonical" href="https://www.beatsbydre.com/ch-de/speakers/beats-pill"/> <link rel="alternate" href="https://www.beatsbydre.com/hk-zh/speakers/beats-pill" hreflang="zh-HK"/> <link rel="alternate" href="https://www.beatsbydre.com/hk/speakers/beats-pill" hreflang="en-HK"/> <link rel="alternate" href="https://www.beatsbydre.com/in/speakers/beats-pill" hreflang="en-IN"/> <link rel="alternate" href="https://www.beatsbydre.com/it/speakers/beats-pill" hreflang="it-IT"/> <link rel="alternate" href="https://www.beatsbydre.com/ch-fr/speakers/beats-pill" hreflang="fr-CH"/> <link rel="alternate" href="https://www.beatsbydre.com.cn/speakers/beats-pill" hreflang="zh-CN"/> <link rel="alternate" href="https://www.beatsbydre.com/at/speakers/beats-pill" hreflang="de-AT"/> <link rel="alternate" href="https://www.beatsbydre.com/nl/speakers/beats-pill" hreflang="nl-NL"/> <link rel="alternate" href="https://www.beatsbydre.com/uk/speakers/beats-pill" hreflang="en-GB"/> <link rel="alternate" href="https://www.beatsbydre.com/de/speakers/beats-pill" hreflang="de-DE"/> <link rel="alternate" href="https://www.beatsbydre.com/ie/speakers/beats-pill" hreflang="en-IE"/> <link rel="alternate" href="https://www.beatsbydre.com/se/speakers/beats-pill" hreflang="sv-SE"/> <link rel="alternate" href="https://www.beatsbydre.com/br/speakers/beats-pill" hreflang="pt-BR"/> <link rel="alternate" href="https://www.beatsbydre.com/tw/speakers/beats-pill" hreflang="zh-TW"/> <link rel="alternate" href="https://www.beatsbydre.com/ca-fr/speakers/beats-pill" hreflang="fr-CA"/> <link rel="alternate" href="https://www.beatsbydre.com/jp/speakers/beats-pill" hreflang="ja-JP"/> <link rel="alternate" href="https://www.beatsbydre.com/mx/speakers/beats-pill" hreflang="es-MX"/> <link rel="alternate" href="https://www.beatsbydre.com/ca/speakers/beats-pill" hreflang="en-CA"/> <link rel="alternate" href="https://www.beatsbydre.com/be-fr/speakers/beats-pill" hreflang="fr-BE"/> <link rel="alternate" href="https://www.beatsbydre.com/es/speakers/beats-pill" hreflang="es-ES"/> <link rel="alternate" href="https://www.beatsbydre.com/speakers/beats-pill" hreflang="en-US"/> <link rel="alternate" href="https://www.beatsbydre.com/au/speakers/beats-pill" hreflang="en-AU"/> <link rel="alternate" href="https://www.beatsbydre.com/kr/speakers/beats-pill" hreflang="ko-KR"/> <link rel="alternate" href="https://www.beatsbydre.com/fr/speakers/beats-pill" hreflang="fr-FR"/> <link rel="alternate" href="https://www.beatsbydre.com/ch-de/speakers/beats-pill" hreflang="de-CH"/> <link rel="alternate" href="https://www.beatsbydre.com/be-nl/speakers/beats-pill" hreflang="nl-BE"/> <link rel="alternate" href="https://www.beatsbydre.com/sg/speakers/beats-pill" hreflang="en-SG"/> <script type="application/ld+json" id="product-structured-data"> { "@context": "http://schema.org/", "@type": "Product", "name": "Beats Pill", "image": "https://www.beatsbydre.com", "description": "Beats Pill ist zurück – ein tragbarer Bluetooth kabelloser Lautsprecher mit einem Sound, der größer ist als seine Größe. Wasserdicht, USB-C und bis zu 24 Stunden Akkulaufzeit.", "url": "https://www.beatsbydre.com/ch-de/speakers/beats-pill", "mainEntityOfPage": "https://www.beatsbydre.com/ch-de/speakers/beats-pill", "color": "", "mpn": "MW443ZM/A", "sku": "MW443ZM/A", "offers": { "@type": "offer", "priceCurrency": "CHF", "price": "149.95", "itemCondition": "https://schema.org/NewCondition", "availability": "https://schema.org/InStock", "url": "https://www.apple.com/ch-de/shop/product/MW443ZM/A", "shippingDetails": { "@type": "OfferShippingDetails", "shippingRate": { "@type": "MonetaryAmount", "value": "0", "currency": "CHF" } } }, "brand": { "@id": "https://www.beatsbydre.com/ch-de/speakers/beats-pill#organization", "@type": "Brand", "name": "Beats by Dre" } } </script> <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> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type":"ListItem","position":1,"name":"Beats by Dre","item":"https://www.beatsbydre.com/ch-de"},{"@type":"ListItem","position":2,"name":"Lautsprecher","item":"https://www.beatsbydre.com/ch-de/products#speakers"},{"@type":"ListItem","position":3,"name":"Beats Pill","item":"https://www.beatsbydre.com/ch-de/speakers/beats-pill"}] } </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/overwrites/de_CH.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/overwrites/global.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"> <style type="text/css" id="page-background"> :root { --page-background: #EFEDE9; } </style> <script> window.adobeDataLayer = window.adobeDataLayer || [] ; </script>  <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:Beats Pill"}}; </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="navigation" 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="Beats Logo"/> </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 class="bs3"> <div id="bs3-pdp" role="main"> <h1 class="a11y">Neuste Beats Pill – Tragbarer Bluetooth Kabelloser Lautsprecher</h1> <div><div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-e3e9d70e-776a-35d0-a3e4-70edd422ec19 { background: #fff; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-e3e9d70e-776a-35d0-a3e4-70edd422ec19:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-e3e9d70e-776a-35d0-a3e4-70edd422ec19 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-e3e9d70e-776a-35d0-a3e4-70edd422ec19:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-e3e9d70e-776a-35d0-a3e4-70edd422ec19 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-e3e9d70e-776a-35d0-a3e4-70edd422ec19:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-e3e9d70e-776a-35d0-a3e4-70edd422ec19 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-e3e9d70e-776a-35d0-a3e4-70edd422ec19" data-desktop-bg-color="#fff"> <div class="outer-container"> <div class="content-container"> <div><div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-9f73c8a2-33b1-3d36-b084-7ee472a15f84 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-9f73c8a2-33b1-3d36-b084-7ee472a15f84:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9f73c8a2-33b1-3d36-b084-7ee472a15f84 .outer-container { width: 91.66666%; max-width: 1320px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-9f73c8a2-33b1-3d36-b084-7ee472a15f84:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9f73c8a2-33b1-3d36-b084-7ee472a15f84 .outer-container { width: 91.66666%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-9f73c8a2-33b1-3d36-b084-7ee472a15f84:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9f73c8a2-33b1-3d36-b084-7ee472a15f84 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-9f73c8a2-33b1-3d36-b084-7ee472a15f84" data-desktop-bg-color="transparent" id="product-carousel"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-11830275-24bd-31bd-a802-07e774b0bac3 { padding-top: 50px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-11830275-24bd-31bd-a802-07e774b0bac3 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-11830275-24bd-31bd-a802-07e774b0bac3 { padding-top: 10px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-11830275-24bd-31bd-a802-07e774b0bac3"></section> </div> <div class="experiencefragment section">  <div class="productCarouselV2"><style> .product-carousel .product-carousel__content ul { display: grid !important; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; margin: auto; } .product-carousel .cardComponent { display: flex; flex-direction: column; } .product-carousel .cardComponent li { height: 100%; } .product-carousel .product-carousel__content .cardComponent li .row-carousel--offset { transform: none !important; } .product-carousel ul>div { min-width: 250px; } </style> <script> var partNumbersList = '{\x22MW443ZM\/A\x22:{\x22displayPrice\x22:\x22<span class=\\\x22pdp\u002Dprice pdp\u002Dprice\u002Dorig\\\x22 data\u002Dselector\u002Dprice=\\\x22\\\x22>CHF 149.95<\/span>\x22,\x22originalPrice\x22:\x22CHF 149.95\x22,\x22numericPrice\x22:\x22149.95\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/ch\u002Dde\/shop\/product\/MW443ZM\/A?cid=beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22cid\x22:\x22beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22background\x22:\x22#000000\x22,\x22collection\x22:\x22\x22,\x22theme\x22:\x22pdp\u002Dtheme\u002Ddark\x22,\x22productFamily\x22:\x22Lautsprecher\x22,\x22subFamily\x22:\x22Beats Pill\x22,\x22displayName\x22:\x22Beats Pill – Kabelloser Bluetooth® Lautsprecher – Mattschwarz\x22,\x22productImage\x22:\x22https:\/\/www.beatsbydre.com\x22,\x22structuredDataImage\x22:\x22\x22,\x22urlVariant\x22:\x22beatspill\u002Dblack\x22,\x22variant\x22:\x22Mattschwarz\x22,\x22colorSwatchImage\x22:\x22\x22,\x22sku\x22:\x22MW443ZM\/A\x22,\x22addToCartPath\x22:\x22https:\/\/beats\u002Dcart.apple.com\/add\u002Dto\u002Dcart\/de_CH?sku=MW443ZM\/A\x26cid=beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22addToCartSuccessPath\x22:\x22https:\/\/www.apple.com\/shop\/bag\x22,\x22asset\x22:[{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D01\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Schräge Seitenansicht der Beats Pill in Mattschwarz\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D01\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Schräge Seitenansicht der Beats Pill in Mattschwarz\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:false,\x22analyticsSlideName\x22:\x22Beats Pill Black 1\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D02\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Closeup\u002DSeitenansicht der Beats Pill in Mattschwarz\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D02\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Closeup\u002DSeitenansicht der Beats Pill in Mattschwarz\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Kraftvoller, raumfüllender Sound\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 2\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D03\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill Akkulaufzeit „24 Stunden“\u002DGrafik\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D03\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill Akkulaufzeit „24 Stunden“\u002DGrafik\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Bis zu 24 Stunden Akkulaufzeit<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;1<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 3\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D04\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill auf einem Tisch abgebildet\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D04\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill auf einem Tisch abgebildet\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22IP67 Staub\u002D und Wasserbeständigkeit<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;2<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 4\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D05\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill in einem Regal abgebildet\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D05\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill in einem Regal abgebildet\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Entwickelt, um dich zu begleiten\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 5\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D06\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill mit einem USB\u002DC Kabel verbunden\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D06\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill mit einem USB\u002DC Kabel verbunden\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Hoch aufgelöstes, verlustfreies Audio über USB\u002DC Kabel<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;4<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 6\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D07\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill neben einem PC abgebildet\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D07\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill neben einem PC abgebildet\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Apple \x26 Android Kompatibilität\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 7\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D08\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill und mitgelieferte Zubehörteile\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D08\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill und mitgelieferte Zubehörteile\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Lieferumfang\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 8\x22}],\x22defaultSku\x22:true,\x22secondaryCta\x22:null,\x22buttonDetails\x22:{\x22openLinkInNewTab\x22:\x22false\x22,\x22buttonState\x22:\x22\x22,\x22availabilityStatus\x22:\x22buyable\x22,\x22configuredButtonLabel\x22:\x22Hinzufügen <i class=\\\x22fa fa\u002Dapple\\\x22><\/i>\x22,\x22analyticsLinkType\x22:\x22buy\x22,\x22analyticsLinkName\x22:\x22Store|Add to bag\x22}},\x22MWQW3ZM\/A\x22:{\x22displayPrice\x22:\x22<span class=\\\x22pdp\u002Dprice pdp\u002Dprice\u002Dorig\\\x22 data\u002Dselector\u002Dprice=\\\x22\\\x22>CHF 149.95<\/span>\x22,\x22originalPrice\x22:\x22CHF 149.95\x22,\x22numericPrice\x22:\x22149.95\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/ch\u002Dde\/shop\/product\/MWQW3ZM\/A?cid=beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22cid\x22:\x22beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22background\x22:\x22#b91f26\x22,\x22collection\x22:\x22\x22,\x22theme\x22:\x22pdp\u002Dtheme\u002Ddark\x22,\x22productFamily\x22:\x22Lautsprecher\x22,\x22subFamily\x22:\x22Beats Pill\x22,\x22displayName\x22:\x22Beats Pill – Kabelloser Bluetooth® Lautsprecher – Signalrot\x22,\x22productImage\x22:\x22https:\/\/www.beatsbydre.com\x22,\x22structuredDataImage\x22:\x22\x22,\x22urlVariant\x22:\x22beatspill\u002Dred\x22,\x22variant\x22:\x22Signalrot\x22,\x22colorSwatchImage\x22:\x22\x22,\x22sku\x22:\x22MWQW3ZM\/A\x22,\x22addToCartPath\x22:\x22https:\/\/beats\u002Dcart.apple.com\/add\u002Dto\u002Dcart\/de_CH?sku=MWQW3ZM\/A\x26cid=beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22addToCartSuccessPath\x22:\x22https:\/\/www.apple.com\/shop\/bag\x22,\x22asset\x22:[{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D01\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Schräge Seitenansicht der Beats Pill in Signalrot\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D01\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Schräge Seitenansicht der Beats Pill in Signalrot\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:false,\x22analyticsSlideName\x22:\x22Beats Pill Red 1\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D02\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Closeup\u002DSeitenansicht der Bests Pill in Signalrot\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D02\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Closeup\u002DSeitenansicht der Bests Pill in Signalrot\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Kraftvoller, raumfüllender Sound\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 2\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D03\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill Akkulaufzeit „24 Stunden“\u002DGrafik\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D03\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill Akkulaufzeit „24 Stunden“\u002DGrafik\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Bis zu 24 Stunden Akkulaufzeit<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;1<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 3\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D04\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill auf einem Tisch abgebildet\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D04\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill auf einem Tisch abgebildet\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22IP67 Staub\u002D und Wasserbeständigkeit<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;2<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 4\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D05\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill in einem Regal abgebildet\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D05\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill in einem Regal abgebildet\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Entwickelt, um dich zu begleiten\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 5\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D06\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Hoch aufgelöstes, verlustfreies Audio über USB\u002DC Kabel\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D06\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Hoch aufgelöstes, verlustfreies Audio über USB\u002DC Kabel\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Hoch aufgelöstes, verlustfreies Audio über USB\u002DC Kabel<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;4<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 6\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D07\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill neben einem PC abgebildet\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D07\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill neben einem PC abgebildet\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Apple \x26 Android Kompatibilität\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 7\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D08\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill und mitgelieferte Zubehörteile\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D08\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill und mitgelieferte Zubehörteile\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Lieferumfang\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 8\x22}],\x22defaultSku\x22:false,\x22secondaryCta\x22:null,\x22buttonDetails\x22:{\x22openLinkInNewTab\x22:\x22false\x22,\x22buttonState\x22:\x22\x22,\x22availabilityStatus\x22:\x22buyable\x22,\x22configuredButtonLabel\x22:\x22Hinzufügen <i class=\\\x22fa fa\u002Dapple\\\x22><\/i>\x22,\x22analyticsLinkType\x22:\x22buy\x22,\x22analyticsLinkName\x22:\x22Store|Add to bag\x22}},\x22MW463ZM\/A\x22:{\x22displayPrice\x22:\x22<span class=\\\x22pdp\u002Dprice pdp\u002Dprice\u002Dorig\\\x22 data\u002Dselector\u002Dprice=\\\x22\\\x22>CHF 149.95<\/span>\x22,\x22originalPrice\x22:\x22CHF 149.95\x22,\x22numericPrice\x22:\x22149.95\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/ch\u002Dde\/shop\/product\/MW463ZM\/A?cid=beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22cid\x22:\x22beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22background\x22:\x22#d0c5c2\x22,\x22collection\x22:\x22\x22,\x22theme\x22:\x22pdp\u002Dtheme\u002Ddark\x22,\x22productFamily\x22:\x22Lautsprecher\x22,\x22subFamily\x22:\x22Beats Pill\x22,\x22displayName\x22:\x22Beats Pill – Kabelloser Bluetooth® Lautsprecher – Champagner\x22,\x22productImage\x22:\x22https:\/\/www.beatsbydre.com\x22,\x22structuredDataImage\x22:\x22\x22,\x22urlVariant\x22:\x22beatspill\u002Dgold\x22,\x22variant\x22:\x22Champagner\x22,\x22colorSwatchImage\x22:\x22\x22,\x22sku\x22:\x22MW463ZM\/A\x22,\x22addToCartPath\x22:\x22https:\/\/beats\u002Dcart.apple.com\/add\u002Dto\u002Dcart\/de_CH?sku=MW463ZM\/A\x26cid=beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22addToCartSuccessPath\x22:\x22https:\/\/www.apple.com\/shop\/bag\x22,\x22asset\x22:[{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D01\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Schräge Seitenansicht der Beats Pill in Champagner\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D01\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Schräge Seitenansicht der Beats Pill in Champagner\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:false,\x22analyticsSlideName\x22:\x22Beats Pill Gold 1\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D02\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Closeup\u002DSeitenansicht der Bests Pill in Champagner\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D02\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Closeup\u002DSeitenansicht der Bests Pill in Champagner\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Kraftvoller, raumfüllender Sound\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 2\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D03\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill Akkulaufzeit „24 Stunden“\u002DGrafik\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D03\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill Akkulaufzeit „24 Stunden“\u002DGrafik\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Bis zu 24 Stunden Akkulaufzeit<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;1<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 3\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D04\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill auf einem Tisch abgebildet\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D04\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill auf einem Tisch abgebildet\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22IP67 Staub\u002D und Wasserbeständigkeit<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;2<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 4\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D05\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill in einem Regal abgebildet\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D05\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill in einem Regal abgebildet\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Entwickelt, um dich zu begleiten\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 5\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D06\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill mit einem USB\u002DC Kabel verbunden\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D06\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill mit einem USB\u002DC Kabel verbunden\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Hoch aufgelöstes, verlustfreies Audio über USB\u002DC Kabel<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;4<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 6\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D07\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill neben einem PC abgebildet\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D07\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill neben einem PC abgebildet\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Apple \x26 Android Kompatibilität\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 7\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D08\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill und mitgelieferte Zubehörteile\x22,\x22ariaLabel\x22:\x22Bildvorschau\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D08\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill und mitgelieferte Zubehörteile\x22,\x22ariaLabelThumbnail\x22:\x22Thumbnail auswählen\x22,\x22textTitle\x22:\x22Lieferumfang\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 8\x22}],\x22defaultSku\x22:false,\x22secondaryCta\x22:null,\x22buttonDetails\x22:{\x22openLinkInNewTab\x22:\x22false\x22,\x22buttonState\x22:\x22\x22,\x22availabilityStatus\x22:\x22buyable\x22,\x22configuredButtonLabel\x22:\x22Hinzufügen <i class=\\\x22fa fa\u002Dapple\\\x22><\/i>\x22,\x22analyticsLinkType\x22:\x22buy\x22,\x22analyticsLinkName\x22:\x22Store|Add to bag\x22}}}'; partNumbersList = JSON.parse(partNumbersList); </script> <input type="hidden" id="product-details" data-selected-sku="MW443ZM/A" data-selected-productname="Beats Pill – Kabelloser Bluetooth® Lautsprecher – Mattschwarz" data-selected-productfamily="Lautsprecher" data-selected-subfamily="Beats Pill" data-selected-color="Mattschwarz" data-selected-price="CHF 149.95"/> <div data-analytics-module="product_carousel" data-analytics-region="beatspill_product_carousel" class="product-main"> <div class="product-main__visual"> <div class="product-carousel-el" data-id="MW443ZM/A" data-aria-label-next=" Weiter" data-aria-label-previous=" Zurück" data-aria-label-close=" Schließen" data-analytics-module="product_carousel" data-analytics-region="beatspill_product_carousel" data-more-thumbnail-text="Mehr" data-aria-label-more="Mehr" data-disclaimer="Bild drücken um die erweiterte Ansicht zu öffnen<i class="fa fa-expand" style="margin-left: 8px; vertical-align: middle;"></i>"></div> </div> <div class="product-main__head"> <span class="product-detail__eyebrow product-detail__eyebrow--minheight" data-dynamic-eyebrow data-id="MW443ZM/A"> </span> <h1 class="product-detail__title">Beats Pill</h1> <div class="product-detail__description"> <p>Schön laut.</p> </div> </div> <div class="product-main__content"> <div class="product-detail"> <div class="product-detail__price" data-dynamic-price data-id="MW443ZM/A"> <span class="a11y price__discount">Ermäßigter Preis</span> <span class="price">CHF 149.95</span> <span class="a11y price__original">Ursprünglicher Preis</span> <s class="price"></s> <p class="price-description"></p> </div> <div class="product-selector-el" data-id="MW443ZM/A" data-color-legend="Farbe:"></div> <div class="product-detail__cta"> <div class="buy-button-el" data-id="MW443ZM/A" data-color-select-behavior="cart" data-cart-url="https://beats-cart.apple.com/atb" data-locale="de_CH" data-selected-cta="Hinzufügen <i class="fa fa-apple"></i>">Hinzufügen <i class="fa fa-apple"></i></div> </div> <div class="product-bar-el" data-id="MW443ZM/A" data-aria-discount-price="Ermäßigter Preis" data-aria-original-price="Ursprünglicher Preis" data-title="Beats Pill" data-color-select-behavior="cart" data-cart-url="https://beats-cart.apple.com/atb" data-locale="de_CH" data-selected-cta="Hinzufügen <i class="fa fa-apple"></i>"></div> <div class="product-detail__extra" data-value-props data-id="MW443ZM/A"> <ul class="value-props"> <li class="value-prop"><span class="value-prop__icon"> <img aria-hidden="true" src="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon.png" alt="Icon to indicate Apple shipping"/> </span> <div> <h2 class="value-prop__title"> Schnelle und kostenlose Lieferung</h2> <p class="value-prop__description"> Schneller und kostenloser Versand aller vorrätiger Artikel.</p> </div></li> <li class="value-prop"><span class="value-prop__icon"> <img aria-hidden="true" src="/content/dam/beats/web/common/icons/apple-value-props/returns_alt.png"/> </span> <div> <h2 class="value-prop__title"> Einfache Rückgabe</h2> <p class="value-prop__description"> Gib berechtigte Artikel innerhalb von 14 Tagen nach Erhalt zurück.</p> </div></li> <li class="value-prop"><span class="value-prop__icon"> <img aria-hidden="true" src="/content/dam/beats/web/common/icons/apple-value-props/apple-music-icon.png" alt="Icon to indicate Apple Music"/> </span> <div> <h2 class="value-prop__title"> Gratis Apple Music Probeabo</h2> <p class="value-prop__description"> Erhalte 3 Monate lang Zugang zu über 100 Millionen Titel – kostenlos.*</p> </div></li> </ul> </div> </div> </div> </div> </div> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-2265812b-08ec-3556-ad49-ecbc25909ac9 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-2265812b-08ec-3556-ad49-ecbc25909ac9 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-2265812b-08ec-3556-ad49-ecbc25909ac9 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-2265812b-08ec-3556-ad49-ecbc25909ac9"></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-8fee7220-4647-3387-a3d7-c9e6d542cd92 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-8fee7220-4647-3387-a3d7-c9e6d542cd92:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8fee7220-4647-3387-a3d7-c9e6d542cd92 .outer-container { width: 91.66666%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-8fee7220-4647-3387-a3d7-c9e6d542cd92:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8fee7220-4647-3387-a3d7-c9e6d542cd92 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-8fee7220-4647-3387-a3d7-c9e6d542cd92:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8fee7220-4647-3387-a3d7-c9e6d542cd92 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-8fee7220-4647-3387-a3d7-c9e6d542cd92" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div class="rte-container-96ba4605-beda-37e3-86e1-432e713a1f1e "> <div style="text-align: center; color: #161616; margin: 0 auto; max-width: 800px;"> <h2 class="headline-3">Beats Pill – tragbarer, kabelloser und wasserresistenter Bluetooth<sup class="body-small" style="color: inherit; vertical-align: middle;">®</sup> Lautsprecher</h2> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-380e8e90-1df2-316f-83e3-5e7fb69d0bc6 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-380e8e90-1df2-316f-83e3-5e7fb69d0bc6 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-380e8e90-1df2-316f-83e3-5e7fb69d0bc6 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-380e8e90-1df2-316f-83e3-5e7fb69d0bc6"></section> </div> <div class="staticRCTileContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-0 column-gap-md-0 column-gap-sm-0" data-analytics-scroll data-analytics-module="image_text_tiles" data-analytics-region="product_icons_and_features"> <div class="content-item content-item-6c8f1ac0-7aea-3113-8784-b4ebebd7216b content-item--snippet content-item--center sm-6 md-3 lg-3 "> <div class="content-item__inner"> <div class="content-item__visual"> <div class="content-item__visual__icon"> <i class="fa-kit fa-speaker fa-size fa-4x" role="presentation"></i> </div> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><h3 class="body-medium">Kraftvoller, raumfüllender Klang</h3></div> <div class="show-tablet content-item__description"><h3 class="body-medium">Kraftvoller, raumfüllender Klang</h3></div> <div class="show-mobile content-item__description"><h3 class="body-medium">Kraftvoller, raumfüllender Klang</h3></div> <a data-analytics-click data-analytics-link-type="siteClick" class="content-item__link TODO--dark" target="_self"> </a> </div> </div> </div> <div class="content-item content-item-82433d9f-7a27-3905-bd64-bb0aaa5594b2 content-item--snippet content-item--center sm-6 md-3 lg-3 "> <div class="content-item__inner"> <div class="content-item__visual"> <div class="content-item__visual__icon"> <i class="fa-kit fa-battery fa-size fa-4x" role="presentation"></i> </div> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><h2 class="body-medium">Bis zu 24 Stunden Akkulaufzeit⁠⁠<sup><span class="visuallyhidden">footnote</span>⁠⁠1</sup></h2></div> <div class="show-tablet content-item__description"><h2 class="body-medium">Bis zu 24 Stunden Akkulaufzeit⁠⁠<sup><span class="visuallyhidden">footnote</span>⁠⁠1</sup></h2></div> <div class="show-mobile content-item__description"><h2 class="body-medium">Bis zu 24 Stunden Akkulaufzeit⁠⁠<sup><span class="visuallyhidden">footnote</span>⁠⁠1</sup></h2></div> <a data-analytics-click data-analytics-link-type="siteClick" class="content-item__link TODO--dark" target="_self"> </a> </div> </div> </div> <div class="content-item content-item-75f178e2-00b7-3cae-b1a6-20090863bc2b content-item--snippet content-item--center sm-6 md-3 lg-3 "> <div class="content-item__inner"> <div class="content-item__visual"> <div class="content-item__visual__icon"> <i class="fa-kit fa-water-resist fa-size fa-4x" role="presentation"></i> </div> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><h3 class="body-medium">IP67 Staub- und Wasserresistent⁠<sup><span class="visuallyhidden">footnote</span>⁠2</sup></h3> <h3> </h3></div> <div class="show-tablet content-item__description"><h3 class="body-medium">IP67 Staub- und Wasserresistent⁠<sup><span class="visuallyhidden">footnote</span>⁠2</sup></h3> <h3> </h3></div> <div class="show-mobile content-item__description"><h3 class="body-medium">IP67 Staub- und Wasserresistent⁠<sup><span class="visuallyhidden">footnote</span>⁠2</sup></h3> <h3> </h3></div> <a data-analytics-click data-analytics-link-type="siteClick" class="content-item__link TODO--dark" target="_self"> </a> </div> </div> </div> <div class="content-item content-item-da1b4cd2-d3ca-3eda-b274-045dd880ffb4 content-item--snippet content-item--center sm-6 md-3 lg-3 "> <div class="content-item__inner"> <div class="content-item__visual"> <div class="content-item__visual__icon"> <i class="fa-kit fa-apple-android-compatibility-1 fa-size fa-4x" role="presentation"></i> </div> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><h3 class="body-medium">Kompatibel mit iOS und Android</h3></div> <div class="show-tablet content-item__description"><h3 class="body-medium">Kompatibel mit iOS und Android</h3></div> <div class="show-mobile content-item__description"><h3 class="body-medium">Kompatibel mit iOS und Android</h3></div> <a data-analytics-click data-analytics-link-type="siteClick" class="content-item__link TODO--dark" target="_self"> </a> </div> </div> </div> </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-9c5285ad-50a3-379e-a8b3-976e08041718 { background: #fff; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-9c5285ad-50a3-379e-a8b3-976e08041718:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-9c5285ad-50a3-379e-a8b3-976e08041718 .outer-container { width: 91.66666%; max-width: 1306px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-9c5285ad-50a3-379e-a8b3-976e08041718:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-9c5285ad-50a3-379e-a8b3-976e08041718 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-9c5285ad-50a3-379e-a8b3-976e08041718:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-9c5285ad-50a3-379e-a8b3-976e08041718 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-9c5285ad-50a3-379e-a8b3-976e08041718" data-desktop-bg-color="#fff" id="view-all-details"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-df122131-cca3-350e-93b9-f723e161b041 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-df122131-cca3-350e-93b9-f723e161b041 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-df122131-cca3-350e-93b9-f723e161b041 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-df122131-cca3-350e-93b9-f723e161b041"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="view_all_details" data-analytics-scroll> <div class="rte-container-654c4f34-fd1e-3c41-8fc0-093f7debc74d component-section-spacing beatsRTE"> <div class="font-updated drawerExpand parsys section"> <section class="pdp-component pdp-details-drawer"> <h2 class="pdp-details-header" style="text-align: left; margin: 0px 0px 25px 0;"> <button aria-controls="pdp-details-body-desktop" aria-expanded="false" id="pdp-details-control-desktop" aria-flowto="pdp-detail-desktop-0" type="button" style="border: none; margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; color: inherit; font: inherit; line-height: inherit; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; border-radius: 0px; text-transform: none;" rel="me noopener noreferrer" data-analytics-click="true" data-analytics-link-type="siteClick" data-analytics-label="shelf" data-aria-label-prefix="Click to read additional product details" alt="Click to read additional product details"> <div style="margin: 0; padding: 0;"> <h3 class="title-1" style="text-align: left;">Schau dir die technischen Einzelheiten an<i class="fa-solid fa-circle-chevron-down pdp-btn-chevron-svg" style="margin: 5px 10px 0 10px; position: relative; vertical-align: middle; width: inherit;" aria-label="Klicken, um Bereich aufzuklappen"></i></h3> </div></button></h2> <div class="pdp-details-body pdp-details-collapsed body-medium" aria-hidden="true" style="overflow: auto; display: flex; flex-wrap: wrap; align-content: flex-start;" id="pdp-details-body-desktop"> <div style="display: grid; grid-template-rows: auto; row-gap: 32px;"> <div style="order: 0; display: flex; flex-wrap: wrap; align-content: flex-start;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Sound</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Größerer, maßgeschneiderter Racetrack-Woofer für tiefere, vollere Bässe<sup><span class="visuallyhidden">footnote</span>⁠3</sup></li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Aktualisierter Hochtöner liefert klare Höhen und satte Mitteltöne</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Kraftvoller, raumfüllender Klang über das gesamte Audiospektrum<sup><span class="visuallyhidden">footnote</span>⁠3</sup></li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Hochauflösende, verlustfreie Audioübertragung über USB‑C-Kabel⁠⁠<sup><span class="visuallyhidden">footnote</span>⁠4</sup></li> </ul> </div> </div> <div style="order: 1; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Design</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Formfaktor: tragbarer Lautsprecher</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">20-Grad-Aufwärtsneigung zur Optimierung der Klangwiedergabe</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Abnehmbares Trageband und rutschfeste Silikonrückseite für die Portabilität</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Maße/Gewicht: <ul style="margin-left: 1em;"> <li>Länge: 21,9 cm</li> <li>Breite: 7,1 cm</li> <li>Höhe: 7,0 cm</li> <li>Gewicht: 680 g</li> </ul></li> </ul> </div> </div> <div style="order: 2; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Konnektivität</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Duale Kompatibilität mit iOS- und Android-Geräten für nahtloses Pairing mit nur einem Tastendruck, "Find My" oder "Find My Device" und mehr<sup><span class="visuallyhidden">footnote⁠</span>⁠5</sup></li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Branchenführendes Class 1 Bluetooth<sup>®</sup></li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">USB-C-Audio</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Zusätzliche Wiedergabemodi: <ul style="margin-left: 1em;"> <li>Verstärkungsmodus: Synchronisieren Sie zwei Beats Pill-Lautsprecher für ein doppeltes Audioerlebnis</li> <li>Stereomodus: Teilen Sie den Ton zwischen zwei Beats Pill-Lautsprechern für dedizierten linken/rechten Ausgang für ein Surround-Sound-Erlebnis</li> </ul></li> </ul> </div> </div> <div style="order: 3; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Power</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Beats Pill (Einzelaufladung): bis zu 24 Stunden Akkulaufzeit⁠⁠<sup><span class="visuallyhidden">footnote</span>⁠1</sup> <ul> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Mit Fast Fuel bietet eine schnelle 10-minütige Aufladung bis zu 2 Stunden Wiedergabe⁠⁠<sup><span class="visuallyhidden">footnote</span>⁠6</sup></li> </ul></li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">USB‑C universelles Laden</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Lade dein Smartphone direkt über die Beats Pill mit einem USB-C Kabel auf</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Wiederaufladbare Lithium-Ionen-Batterie</li> </ul> </div> </div> <div style="order: 4; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Steuerung</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Zentrale Taste für die Musik- und Anrufsteuerung</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Lautstärkeregler lauter/leiser</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Multifunktionstaste zum Einschalten, Koppeln und für Sprachassistent:in</li> </ul> </div> </div> <div style="order: 5; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Lieferumfang</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Beats Pill kabelloser Bluetooth<sup>®</sup> Lautsprecher</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Abnehmbarer Tragegurt</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">USB-C zu USB-C Kabel fürs Aufladen und Audio</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Kurzanleitung</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Garantiekarte</li> </ul> <p style="margin: 0 0 10px 6%;">(USB‑C Netzadapter separat erhältlich)</p> </div> </div> <div style="order: 6; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Verpackung</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Die Verpackung der Beats Pill besteht zu 100% aus Fasern, die aus nachhaltig bewirtschafteten Wäldern stammen⁠⁠<sup><span class="visuallyhidden">footnote</span>⁠7</sup></li> </ul> </div> </div> </div> </div> </section> </div> <div style="height: 10px; border-top: 1px solid #dddddd;">   </div> </div> </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-484dd3f5-b1b0-3449-b319-f15637aa20b8 { background: linear-gradient(to bottom, transparent 50%, #EFEDE9 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-484dd3f5-b1b0-3449-b319-f15637aa20b8:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #EFEDE9 0%); } .bbd-full-width-container.id-484dd3f5-b1b0-3449-b319-f15637aa20b8 .outer-container { width: 91.66666%; max-width: 1136px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-484dd3f5-b1b0-3449-b319-f15637aa20b8:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #EFEDE9 0%); } .bbd-full-width-container.id-484dd3f5-b1b0-3449-b319-f15637aa20b8 .outer-container { width: 91.66666%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-484dd3f5-b1b0-3449-b319-f15637aa20b8:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #EFEDE9 0%); } .bbd-full-width-container.id-484dd3f5-b1b0-3449-b319-f15637aa20b8 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-484dd3f5-b1b0-3449-b319-f15637aa20b8" data-desktop-bg-color="linear-gradient(to bottom, transparent 50%, #EFEDE9 0%)" id="media-carousel"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-3dbbc349-fe85-37e9-8e2f-5004a6e5ea60 { padding-top: 45px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-3dbbc349-fe85-37e9-8e2f-5004a6e5ea60 { padding-top: 35px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-3dbbc349-fe85-37e9-8e2f-5004a6e5ea60 { padding-top: 45px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-3dbbc349-fe85-37e9-8e2f-5004a6e5ea60"></section> </div> <div class="mediaCarousel section"> <style type="text/css"> .media-carousel.media-carousel-655e70c9-c007-3bb2-93af-2d3ef5961a8c .media-carousel__transcript-link { color: #161616; } @media screen and (max-width: 767px) { .media-carousel.media-carousel-655e70c9-c007-3bb2-93af-2d3ef5961a8c .dots .dot.active { } .media-carousel.media-carousel-655e70c9-c007-3bb2-93af-2d3ef5961a8c .dots .dot:not(.active) { } } .media-carousel.media-carousel-655e70c9-c007-3bb2-93af-2d3ef5961a8c .media-carousel__control:not(:disabled) i { } @media (hover: hover) and (pointer: fine) { .media-carousel.media-carousel-655e70c9-c007-3bb2-93af-2d3ef5961a8c .dot:hover:before { } } @media screen and (min-width: 768px) { .media-carousel.media-carousel-655e70c9-c007-3bb2-93af-2d3ef5961a8c ul.dots .dot.active:before { } } .media-carousel.media-carousel-655e70c9-c007-3bb2-93af-2d3ef5961a8c .media-carousel__control:disabled i { } @media screen and (min-width: 768px) { .media-carousel.media-carousel-655e70c9-c007-3bb2-93af-2d3ef5961a8c .media-carousel__navigation__container { background-color: none; } } </style> <div class="bbd-component media-carousel media-carousel-655e70c9-c007-3bb2-93af-2d3ef5961a8c" data-analytics-scroll data-analytics-module="media_carousel" data-analytics-region="beatspill_media_carousel"> <div class="media-carousel__navigation__container"> <nav class="media-carousel__navigation" aria-label="Media Carousel"> <button class="media-carousel__control media-carousel__control--previous" disabled type="button" aria-label="Previous Options" aria-hidden="true"> <i class="fa fa-chevron-left notranslate"></i> </button> <ul class="dots" role="tablist"> <li role="tab" class="dot" data-index="0" tabindex="0" aria-labelledby="655e70c9-c007-3bb2-93af-2d3ef5961a8c_0"> <img src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-thumb.jpg" alt=""/> <i class="dot__play fa fa-play-circle notranslate "></i> <p class="dot__title"> <span class="dot__title__text" id="655e70c9-c007-3bb2-93af-2d3ef5961a8c_0"> <span class="dot__title__text__bg"> <span style="letter-spacing: -0.2px;">Hinter dem Design</span></span> </span> </p> </li> <li role="tab" class="dot" data-index="1" tabindex="-1" aria-labelledby="655e70c9-c007-3bb2-93af-2d3ef5961a8c_1"> <img src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-thumb.jpg" alt=""/> <i class="dot__play fa fa-play-circle notranslate "></i> <p class="dot__title"> <span class="dot__title__text" id="655e70c9-c007-3bb2-93af-2d3ef5961a8c_1"> <span class="dot__title__text__bg"> Anleitung zum Benutzen</span> </span> </p> </li> <li role="tab" class="dot" data-index="2" tabindex="-1" aria-labelledby="655e70c9-c007-3bb2-93af-2d3ef5961a8c_2"> <img src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-thumb.jpg" alt=""/> <i class="dot__play fa fa-play-circle notranslate "></i> <p class="dot__title"> <span class="dot__title__text" id="655e70c9-c007-3bb2-93af-2d3ef5961a8c_2"> <span class="dot__title__text__bg"> <span style="letter-spacing: -0.2px;">Unboxing</span></span> </span> </p> </li> </ul> <button class="media-carousel__control media-carousel__control--next" type="button" aria-label="Next Options" aria-hidden="true"> <i class="fa fa-chevron-right notranslate"></i> </button> </nav> </div> <div class="media-carousel__main" aria-label="Media Carousel"> <div class="media-carousel__container"> <div class="media-carousel__items"> <div class="media-carousel__item" role="tabpanel" data-analytics-item="Beats Pill - Behind the Design Video" aria-label="Beats Pill - Behind the Design Video, slide 1 of 3" aria-roledescription="slide"> <button type="button" aria-label="Play video - Beats Pill - Behind the Design Video, slide 1 of 3" class="media-carousel__item__inner ctaPlayBack" tabindex="0" data-video-type="user-playback" data-btn-color="btn-color-light" data-fallback-image-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg" data-image-file-extension=".jpg" data-analytics-video data-analytics-label="Beats Pill - Behind the Design Video" data-last-frame="asset" data-video-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/localized/behind-the-design/beatspill-behind-the-design-de.mp4" data-transparent="false"> <picture> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg.large.2x.jpg 2x" aria-hidden="true"/> </picture> <div class="video__play" data-btn-color="btn-color-light"> </div> <p class="media-carousel__item__text"> <span> <span style="letter-spacing: -1.0px;">Hinter dem Design</span></span> </p> <beats-video-track tabindex="-1" aria-hidden="true" caption-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/behind-the-design/beatspill-behind-the-design-de_de.vtt" transcript-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/behind-the-design/beatspill-behind-the-design-de_de.txt" auto-enable-caption="true" caption-lang-code="de" caption-label="Deutsch" transcript-label="Transkript herunterladen"/> </button> </div> <div class="media-carousel__item" role="tabpanel" data-analytics-item="Beats Pill - How To Use" aria-label="Beats Pill - How To Use, slide 2 of 3" aria-roledescription="slide"> <button type="button" aria-label="Play video - Beats Pill - How To Use, slide 2 of 3" class="media-carousel__item__inner ctaPlayBack" tabindex="-1" data-video-type="user-playback" data-btn-color="btn-color-light" data-fallback-image-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg" data-image-file-extension=".jpg" data-analytics-video data-analytics-label="Beats Pill - How To Use" data-last-frame="asset" data-video-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/localized/how-to-use/beatspill-howto-de.mp4" data-transparent="false"> <picture> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg.large.2x.jpg 2x" aria-hidden="true"/> </picture> <div class="video__play" data-btn-color="btn-color-light"> </div> <p class="media-carousel__item__text"> <span> <span style="letter-spacing: -1.0px;">Anleitung zum Benutzen</span></span> </p> <beats-video-track tabindex="-1" aria-hidden="true" caption-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/how-to-use/beatspill-howto-de_de.vtt" transcript-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/how-to-use/beatspill-howto-de_de.txt" auto-enable-caption="false" caption-lang-code="de" caption-label="Deutsch" transcript-label="Transkript herunterladen"/> </button> </div> <div class="media-carousel__item" role="tabpanel" data-analytics-item="Beats Pill - Unboxing Video" aria-label="Beats Pill - Unboxing Video, slide 3 of 3" aria-roledescription="slide"> <button type="button" aria-label="Play video - Beats Pill - Unboxing Video, slide 3 of 3" class="media-carousel__item__inner ctaPlayBack" tabindex="-1" data-video-type="user-playback" data-btn-color="btn-color-light" data-fallback-image-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg" data-image-file-extension=".jpg" data-analytics-video data-analytics-label="Beats Pill - Unboxing Video" data-last-frame="asset" data-video-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/localized/unboxing/beatspill-unboxing-de.mp4" data-transparent="false"> <picture> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg.large.2x.jpg 2x" aria-hidden="true"/> </picture> <div class="video__play" data-btn-color="btn-color-light"> </div> <p class="media-carousel__item__text"> <span> <span style="letter-spacing: -1.0px;">Unboxing</span></span> </p> <beats-video-track tabindex="-1" aria-hidden="true" caption-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/unboxing/beatspill-unboxing-de_de.vtt" transcript-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/unboxing/beatspill-unboxing-de_de.txt" auto-enable-caption="true" caption-lang-code="de" caption-label="Deutsch" transcript-label="Transkript herunterladen"/> </button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </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-9a5c735a-0e43-3072-9617-cb9408ae22e9 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-9a5c735a-0e43-3072-9617-cb9408ae22e9:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9a5c735a-0e43-3072-9617-cb9408ae22e9 .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-9a5c735a-0e43-3072-9617-cb9408ae22e9:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9a5c735a-0e43-3072-9617-cb9408ae22e9 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-9a5c735a-0e43-3072-9617-cb9408ae22e9:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9a5c735a-0e43-3072-9617-cb9408ae22e9 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-9a5c735a-0e43-3072-9617-cb9408ae22e9" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-45fe5785-0047-36ca-a187-3e9d7257c8dd { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-45fe5785-0047-36ca-a187-3e9d7257c8dd { padding-top: 45px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-45fe5785-0047-36ca-a187-3e9d7257c8dd { padding-top: 45px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-45fe5785-0047-36ca-a187-3e9d7257c8dd"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-a71bbf41-6917-3f57-a5bf-ec10d9608305 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p00.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p00.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p00.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p00.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p00.jpg.large.2x.jpg 2x" alt="Beats Pill Nahaufnahme" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-783d15b3-bd06-39d9-9d06-bea9c711682f { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-783d15b3-bd06-39d9-9d06-bea9c711682f, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-783d15b3-bd06-39d9-9d06-bea9c711682f { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-783d15b3-bd06-39d9-9d06-bea9c711682f { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-783d15b3-bd06-39d9-9d06-bea9c711682f, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-783d15b3-bd06-39d9-9d06-bea9c711682f { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-783d15b3-bd06-39d9-9d06-bea9c711682f:after, .btn-light.btn1-bg-color-783d15b3-bd06-39d9-9d06-bea9c711682f:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-783d15b3-bd06-39d9-9d06-bea9c711682f{ color: ; } a.btn-light.btn1-outline-color-783d15b3-bd06-39d9-9d06-bea9c711682f:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-783d15b3-bd06-39d9-9d06-bea9c711682f:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-783d15b3-bd06-39d9-9d06-bea9c711682f:after, .btn-light.btn2-bg-color-783d15b3-bd06-39d9-9d06-bea9c711682f:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-783d15b3-bd06-39d9-9d06-bea9c711682f{ color: ; } a.btn-light.btn2-outline-color-783d15b3-bd06-39d9-9d06-bea9c711682f:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-783d15b3-bd06-39d9-9d06-bea9c711682f:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-783d15b3-bd06-39d9-9d06-bea9c711682f{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-783d15b3-bd06-39d9-9d06-bea9c711682f{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-783d15b3-bd06-39d9-9d06-bea9c711682f:after, .btn-light.btn1-tablet-bg-color-783d15b3-bd06-39d9-9d06-bea9c711682f:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-783d15b3-bd06-39d9-9d06-bea9c711682f{ color: ; } a.btn-light.btn1-tablet-outline-color-783d15b3-bd06-39d9-9d06-bea9c711682f:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-783d15b3-bd06-39d9-9d06-bea9c711682f:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-783d15b3-bd06-39d9-9d06-bea9c711682f:after, .btn-light.btn2-tablet-bg-color-783d15b3-bd06-39d9-9d06-bea9c711682f:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-783d15b3-bd06-39d9-9d06-bea9c711682f{ color: ; } a.btn-light.btn2-tablet-outline-color-783d15b3-bd06-39d9-9d06-bea9c711682f:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-783d15b3-bd06-39d9-9d06-bea9c711682f:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-783d15b3-bd06-39d9-9d06-bea9c711682f{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-783d15b3-bd06-39d9-9d06-bea9c711682f{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-783d15b3-bd06-39d9-9d06-bea9c711682f:after, .btn-light.btn1-mobile-bg-color-783d15b3-bd06-39d9-9d06-bea9c711682f:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-783d15b3-bd06-39d9-9d06-bea9c711682f{ color: ; } a.btn-light.btn1-mobile-outline-color-783d15b3-bd06-39d9-9d06-bea9c711682f:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-783d15b3-bd06-39d9-9d06-bea9c711682f:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-783d15b3-bd06-39d9-9d06-bea9c711682f:after, .btn-light.btn2-mobile-bg-color-783d15b3-bd06-39d9-9d06-bea9c711682f:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-783d15b3-bd06-39d9-9d06-bea9c711682f{ color: ; } a.btn-light.btn2-mobile-outline-color-783d15b3-bd06-39d9-9d06-bea9c711682f:after, a.btn-light.btn2-mobile-outline-color-783d15b3-bd06-39d9-9d06-bea9c711682f:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-783d15b3-bd06-39d9-9d06-bea9c711682f:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-783d15b3-bd06-39d9-9d06-bea9c711682f{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-783d15b3-bd06-39d9-9d06-bea9c711682f{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-e6f2aa39-08a4-3a2c-a12d-59d3cf435b17 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-e6f2aa39-08a4-3a2c-a12d-59d3cf435b17:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e6f2aa39-08a4-3a2c-a12d-59d3cf435b17 .outer-container { width: 91.66666%; max-width: 922px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-e6f2aa39-08a4-3a2c-a12d-59d3cf435b17:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e6f2aa39-08a4-3a2c-a12d-59d3cf435b17 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-e6f2aa39-08a4-3a2c-a12d-59d3cf435b17:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e6f2aa39-08a4-3a2c-a12d-59d3cf435b17 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-e6f2aa39-08a4-3a2c-a12d-59d3cf435b17" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-e3330307-825c-3160-baee-23ed179f292d { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-e3330307-825c-3160-baee-23ed179f292d { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-e3330307-825c-3160-baee-23ed179f292d { padding-top: 80px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-e3330307-825c-3160-baee-23ed179f292d"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div class="rte-container-2718b1a6-028e-3d06-92b6-257f53e94e69 beatsRTE-desktoptext "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 2rem; text-align: center; letter-spacing: -0.2px; font-weight: normal;"> <p class="headline-3" style="font-weight: inherit;">Der neue Beats Pill Lautsprecher ist besser als je zuvor.⁠<sup><span class="visuallyhidden">footnote⁠</span>⁠3</sup></p> <ul class="headline-3" style="list-style-type: none; line-height: 1.2; font-weight: inherit; padding-left: 0;"> <li>Es ist <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>leistungsstärker.</i></span></li> <li>Es ist <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>leichter</i>.</span></li> <li>Es ist <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>tragbarer.</i></span></li> </ul> <p class="headline-3" style="font-weight: inherit;">Es hat bis zu <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>24 Stunden</i></span> Akkulaufzeit.⁠<sup><span class="visuallyhidden">footnote</span>⁠⁠1</sup></p> <p class="headline-3" style="font-weight: inherit;">Und es ist so konzipiert, dass es sowohl zu Hause als auch unterwegs fantastisch aussieht und klingt.</p> </div> </div> <div class="rte-container-2718b1a6-028e-3d06-92b6-257f53e94e69 beatsRTE-tablettext "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 2rem; text-align: center; letter-spacing: -0.2px; font-weight: normal;"> <p class="headline-3" style="font-weight: inherit;">Der neue Beats Pill Lautsprecher ist besser als je zuvor.⁠<sup><span class="visuallyhidden">footnote⁠</span>⁠3</sup></p> <ul class="headline-3" style="list-style-type: none; line-height: 1.2; font-weight: inherit; padding-left: 0;"> <li>Es ist <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>leistungsstärker.</i></span></li> <li>Es ist <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>leichter</i>.</span></li> <li>Es ist <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>tragbarer.</i></span></li> </ul> <p class="headline-3" style="font-weight: inherit;">Es hat bis zu <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>24 Stunden</i></span> Akkulaufzeit.⁠<sup><span class="visuallyhidden">footnote</span>⁠⁠1</sup></p> <p class="headline-3" style="font-weight: inherit;">Und es ist so konzipiert, dass es sowohl zu Hause als auch unterwegs fantastisch aussieht und klingt.</p> </div> </div> <div class="rte-container-2718b1a6-028e-3d06-92b6-257f53e94e69 beatsRTE-mobiletext "> <div style="display: grid; grid-template-rows: repeat(4, auto); row-gap: 2rem; text-align: left; letter-spacing: -0.2px; font-weight: normal;"> <p class="headline-3" style="font-weight: inherit;">Der neue Beats Pill Lautsprecher ist besser als je zuvor.⁠<sup><span class="visuallyhidden">footnote⁠</span>⁠3</sup></p> <ul class="headline-3" style="list-style-type: none; line-height: 1.2; font-weight: inherit; padding-left: 0;"> <li>Sie ist <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>leistungsstärker.</i></span></li> <li>Sie ist <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>leichter</i>.</span></li> <li>Sie ist <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>tragbarer.</i></span></li> </ul> <p class="headline-3" style="font-weight: inherit;">Sie hat bis zu <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>24 Stunden</i></span> Akkulaufzeit.⁠<sup><span class="visuallyhidden">footnote</span>⁠⁠1</sup></p> <p class="headline-3" style="font-weight: inherit;">Und er ist so konzipiert, dass es sowohl zu Hause als auch unterwegs fantastisch aussieht und klingt.</p> </div> </div> </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-462021c6-f435-3933-bd1b-3516d06c8604 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-462021c6-f435-3933-bd1b-3516d06c8604:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-462021c6-f435-3933-bd1b-3516d06c8604 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-462021c6-f435-3933-bd1b-3516d06c8604:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-462021c6-f435-3933-bd1b-3516d06c8604 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-462021c6-f435-3933-bd1b-3516d06c8604:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-462021c6-f435-3933-bd1b-3516d06c8604 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-462021c6-f435-3933-bd1b-3516d06c8604" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-44946aac-cdb3-3c05-9ea3-46667d68a6cb { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-44946aac-cdb3-3c05-9ea3-46667d68a6cb { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-44946aac-cdb3-3c05-9ea3-46667d68a6cb { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-44946aac-cdb3-3c05-9ea3-46667d68a6cb"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-a7723afa-c19c-3b3b-b091-171f3f786b63 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p01.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p01.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p01.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p01.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p01.jpg.large.2x.jpg 2x" alt="Beats Pill auf einem Tisch abgebildet" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column content-md-full content-sm-full hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-06b0d442-1e64-3a01-b202-c4af90aeae40 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-06b0d442-1e64-3a01-b202-c4af90aeae40, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-06b0d442-1e64-3a01-b202-c4af90aeae40 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-06b0d442-1e64-3a01-b202-c4af90aeae40 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-06b0d442-1e64-3a01-b202-c4af90aeae40, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-06b0d442-1e64-3a01-b202-c4af90aeae40 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-06b0d442-1e64-3a01-b202-c4af90aeae40:after, .btn-light.btn1-bg-color-06b0d442-1e64-3a01-b202-c4af90aeae40:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-06b0d442-1e64-3a01-b202-c4af90aeae40{ color: ; } a.btn-light.btn1-outline-color-06b0d442-1e64-3a01-b202-c4af90aeae40:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-06b0d442-1e64-3a01-b202-c4af90aeae40:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-06b0d442-1e64-3a01-b202-c4af90aeae40:after, .btn-light.btn2-bg-color-06b0d442-1e64-3a01-b202-c4af90aeae40:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-06b0d442-1e64-3a01-b202-c4af90aeae40{ color: ; } a.btn-light.btn2-outline-color-06b0d442-1e64-3a01-b202-c4af90aeae40:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-06b0d442-1e64-3a01-b202-c4af90aeae40:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-06b0d442-1e64-3a01-b202-c4af90aeae40{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-06b0d442-1e64-3a01-b202-c4af90aeae40{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-06b0d442-1e64-3a01-b202-c4af90aeae40:after, .btn-light.btn1-tablet-bg-color-06b0d442-1e64-3a01-b202-c4af90aeae40:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-06b0d442-1e64-3a01-b202-c4af90aeae40{ color: ; } a.btn-light.btn1-tablet-outline-color-06b0d442-1e64-3a01-b202-c4af90aeae40:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-06b0d442-1e64-3a01-b202-c4af90aeae40:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-06b0d442-1e64-3a01-b202-c4af90aeae40:after, .btn-light.btn2-tablet-bg-color-06b0d442-1e64-3a01-b202-c4af90aeae40:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-06b0d442-1e64-3a01-b202-c4af90aeae40{ color: ; } a.btn-light.btn2-tablet-outline-color-06b0d442-1e64-3a01-b202-c4af90aeae40:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-06b0d442-1e64-3a01-b202-c4af90aeae40:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-06b0d442-1e64-3a01-b202-c4af90aeae40{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-06b0d442-1e64-3a01-b202-c4af90aeae40{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-06b0d442-1e64-3a01-b202-c4af90aeae40:after, .btn-light.btn1-mobile-bg-color-06b0d442-1e64-3a01-b202-c4af90aeae40:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-06b0d442-1e64-3a01-b202-c4af90aeae40{ color: ; } a.btn-light.btn1-mobile-outline-color-06b0d442-1e64-3a01-b202-c4af90aeae40:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-06b0d442-1e64-3a01-b202-c4af90aeae40:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-06b0d442-1e64-3a01-b202-c4af90aeae40:after, .btn-light.btn2-mobile-bg-color-06b0d442-1e64-3a01-b202-c4af90aeae40:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-06b0d442-1e64-3a01-b202-c4af90aeae40{ color: ; } a.btn-light.btn2-mobile-outline-color-06b0d442-1e64-3a01-b202-c4af90aeae40:after, a.btn-light.btn2-mobile-outline-color-06b0d442-1e64-3a01-b202-c4af90aeae40:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-06b0d442-1e64-3a01-b202-c4af90aeae40:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-06b0d442-1e64-3a01-b202-c4af90aeae40{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-06b0d442-1e64-3a01-b202-c4af90aeae40{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-5c0f1f46-8df3-3f46-ae78-32057332bc43 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-5c0f1f46-8df3-3f46-ae78-32057332bc43:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-5c0f1f46-8df3-3f46-ae78-32057332bc43 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-5c0f1f46-8df3-3f46-ae78-32057332bc43:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-5c0f1f46-8df3-3f46-ae78-32057332bc43 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-5c0f1f46-8df3-3f46-ae78-32057332bc43:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-5c0f1f46-8df3-3f46-ae78-32057332bc43 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-5c0f1f46-8df3-3f46-ae78-32057332bc43" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-b0d942a5-8db3-3af3-80ec-01b49129af3c { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-b0d942a5-8db3-3af3-80ec-01b49129af3c { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-b0d942a5-8db3-3af3-80ec-01b49129af3c { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-b0d942a5-8db3-3af3-80ec-01b49129af3c"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="powerful_sound" data-analytics-scroll> <div class="rte-container-dd3b41e0-8e04-319c-9cb5-ea5efa6f359c "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem; font-weight: normal; text-align: center;"> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;"><i>Kraftvoller Sound</i></h2> <h2 class="headline-1" style="font-size: clamp(3rem, 2.16rem + 4.2667vw, 6rem); margin-bottom: 16px;"><span style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200;">Viel mehr</span> <span style="font-weight: 900;">oomph.</span></h2> <p class="body-large" style="max-width: 824px; margin: 0 auto;">Die aufgerüstete Pill verfügt über einen größeren, maßgeschneiderten Racetrack-Woofer, die mit <span style="font-weight: 700;">tieferem, vollerem Bass mehr Punch liefert.⁠</span><sup><span class="visuallyhidden">footnote</span>⁠⁠3</sup></p> <p class="body-large" style="max-width: 824px; margin: 0 auto;">Die Struktur und das Material des Woofers – einschließlich seiner innovativen Rillen und Konturen – minimieren die Verzerrung der tiefen Töne. Sogar bei hoher Lautstärke.<sup><span class="visuallyhidden">footnote⁠⁠</span>⁠3</sup></p> </div> </div> </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-efb754f5-73bd-3dc2-9f6c-caa244894b11 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-efb754f5-73bd-3dc2-9f6c-caa244894b11:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-efb754f5-73bd-3dc2-9f6c-caa244894b11 .outer-container { width: 91.66666%; max-width: 1100px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-efb754f5-73bd-3dc2-9f6c-caa244894b11:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-efb754f5-73bd-3dc2-9f6c-caa244894b11 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-efb754f5-73bd-3dc2-9f6c-caa244894b11:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-efb754f5-73bd-3dc2-9f6c-caa244894b11 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-efb754f5-73bd-3dc2-9f6c-caa244894b11" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-60d52a22-9fe5-3712-9412-b6d797608be8 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-60d52a22-9fe5-3712-9412-b6d797608be8 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-60d52a22-9fe5-3712-9412-b6d797608be8 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-60d52a22-9fe5-3712-9412-b6d797608be8"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-64c5b3cb-ccb0-3981-a72b-389038adb163 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p02.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p02.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p02.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p02.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p02.jpg.large.2x.jpg 2x" alt="Beats Pill Lautsprecher" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column content-md-full content-sm-full hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:after, .btn-light.btn1-bg-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea{ color: ; } a.btn-light.btn1-outline-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:after, .btn-light.btn2-bg-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea{ color: ; } a.btn-light.btn2-outline-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-f489f7f4-458b-3732-97af-d2b8c1fd5bea{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-f489f7f4-458b-3732-97af-d2b8c1fd5bea{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:after, .btn-light.btn1-tablet-bg-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea{ color: ; } a.btn-light.btn1-tablet-outline-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:after, .btn-light.btn2-tablet-bg-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea{ color: ; } a.btn-light.btn2-tablet-outline-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-f489f7f4-458b-3732-97af-d2b8c1fd5bea{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-f489f7f4-458b-3732-97af-d2b8c1fd5bea{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:after, .btn-light.btn1-mobile-bg-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea{ color: ; } a.btn-light.btn1-mobile-outline-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:after, .btn-light.btn2-mobile-bg-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea{ color: ; } a.btn-light.btn2-mobile-outline-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:after, a.btn-light.btn2-mobile-outline-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-f489f7f4-458b-3732-97af-d2b8c1fd5bea:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-f489f7f4-458b-3732-97af-d2b8c1fd5bea{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-f489f7f4-458b-3732-97af-d2b8c1fd5bea{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-71099c0b-ef1b-3471-b3ff-a7f266546783 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-71099c0b-ef1b-3471-b3ff-a7f266546783:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-71099c0b-ef1b-3471-b3ff-a7f266546783 .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-71099c0b-ef1b-3471-b3ff-a7f266546783:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-71099c0b-ef1b-3471-b3ff-a7f266546783 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-71099c0b-ef1b-3471-b3ff-a7f266546783:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-71099c0b-ef1b-3471-b3ff-a7f266546783 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-71099c0b-ef1b-3471-b3ff-a7f266546783" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-94d2bba6-be5c-3be3-a363-f0bf665d4a88 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-94d2bba6-be5c-3be3-a363-f0bf665d4a88 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-94d2bba6-be5c-3be3-a363-f0bf665d4a88 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-94d2bba6-be5c-3be3-a363-f0bf665d4a88"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-81acb4dd-69a7-3410-a156-e2aff9f4494c { background: #101010; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-81acb4dd-69a7-3410-a156-e2aff9f4494c:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-81acb4dd-69a7-3410-a156-e2aff9f4494c .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-81acb4dd-69a7-3410-a156-e2aff9f4494c:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-81acb4dd-69a7-3410-a156-e2aff9f4494c .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-81acb4dd-69a7-3410-a156-e2aff9f4494c:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-81acb4dd-69a7-3410-a156-e2aff9f4494c .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-81acb4dd-69a7-3410-a156-e2aff9f4494c" data-desktop-bg-color="#101010"> <div class="outer-container"> <div class="content-container"> <div><div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-5cff1812-f2a5-3178-8cdc-e31853bcf418 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 100%; } } </style> <section class="bbd-component transition bbd-img-text-component id-5cff1812-f2a5-3178-8cdc-e31853bcf418 " data-analytics-scroll data-full-module data-analytics-module="media_and_text" data-analytics-region="90_percent_more_air" data-bbd-anim-target="true"> <div class="content-wrapper mobile-full-height-config tablet-full-height-config "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-video "> <div class="video-wrapper"> <div class="beats-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/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.png.small.2x.png 2x"/> <img class="bbd-media-image" src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.png.large.2x.png" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.png.large.2x.png 2x" 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="true" data-analytics-link-type="siteClick"> <source data-desktop-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.mp4.rendition.mp4" type='video/mp4; codecs="hvc1"'/> <source data-desktop-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.mp4.rendition.webm" type="video/webm"/> <source data-mobile-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04-mobile.mp4.rendition.mp4" type='video/mp4; codecs="hvc1"'/> <source data-mobile-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04-mobile.mp4.rendition.webm" type="video/webm"/> </beats-video> </div> </div> <style type="text/css"> </style> </div> </div> </div> <div class="transition-content-wrapper overlay-text-block beats-full-video-variant "> <div class="content-column top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"><div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem; text-align: center;"> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">Der Racetrack-Woofer bewegt</p> <div style="margin-top: -6%;"> <p style="font-size: clamp(8rem, 5.655rem + 11.9111vw, 16.375rem); line-height: 1; font-weight: 400; letter-spacing: -0.5rem; margin: 0; padding: 0 12px; background: -webkit-linear-gradient(90deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">90 %</p> <p style="font-family: classica-pro, 'Times New Roman', Times, serif; font-size: clamp(3.5rem, 2.66rem + 4.2667vw, 6.5rem); line-height: 1; font-weight: 200; margin: -5% 0 0; padding: 0; background: -webkit-linear-gradient(114deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">mehr Luft</p> </div> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">für einen größeren Klang.<sup><span class="visuallyhidden">footnote</span>⁠3</sup></p> </div></div> <div class="show-tablet"><div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem; text-align: center;"> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">Der Racetrack-Woofer bewegt</p> <div style="margin-top: -6%;"> <p style="font-size: clamp(8rem, 5.655rem + 11.9111vw, 16.375rem); line-height: 1; font-weight: 400; letter-spacing: -0.5rem; margin: 0; padding: 0 12px; background: -webkit-linear-gradient(90deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">90 %</p> <p style="font-family: classica-pro, 'Times New Roman', Times, serif; font-size: clamp(3.5rem, 2.66rem + 4.2667vw, 6.5rem); line-height: 1; font-weight: 200; margin: -5% 0 0; padding: 0; background: -webkit-linear-gradient(114deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">mehr Luft</p> </div> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">für einen größeren Klang.<sup><span class="visuallyhidden">footnote</span>⁠3</sup></p> </div></div> <div class="show-mobile"><div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem; text-align: center;"> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">Der Racetrack-Woofer bewegt</p> <div style="margin-top: -6%;"> <p style="font-size: clamp(8rem, 5.655rem + 11.9111vw, 16.375rem); line-height: 1; font-weight: 400; letter-spacing: -0.5rem; margin: 0; padding: 0 12px; background: -webkit-linear-gradient(90deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">90 %</p> <p style="font-family: classica-pro, 'Times New Roman', Times, serif; font-size: clamp(3.5rem, 2.66rem + 4.2667vw, 6.5rem); line-height: 1; font-weight: 200; margin: -5% 0 0; padding: 0; background: -webkit-linear-gradient(114deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">mehr Luft</p> </div> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">für einen größeren Klang.<sup><span class="visuallyhidden">footnote</span>⁠3</sup></p> </div></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:after, .btn-light.btn1-bg-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3{ color: ; } a.btn-light.btn1-outline-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:after, .btn-light.btn2-bg-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3{ color: ; } a.btn-light.btn2-outline-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-cb5f56d2-3f32-32b3-a83d-4f1b487278e3{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-cb5f56d2-3f32-32b3-a83d-4f1b487278e3{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:after, .btn-light.btn1-tablet-bg-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3{ color: ; } a.btn-light.btn1-tablet-outline-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:after, .btn-light.btn2-tablet-bg-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3{ color: ; } a.btn-light.btn2-tablet-outline-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-cb5f56d2-3f32-32b3-a83d-4f1b487278e3{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-cb5f56d2-3f32-32b3-a83d-4f1b487278e3{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:after, .btn-light.btn1-mobile-bg-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3{ color: ; } a.btn-light.btn1-mobile-outline-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:after, .btn-light.btn2-mobile-bg-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3{ color: ; } a.btn-light.btn2-mobile-outline-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:after, a.btn-light.btn2-mobile-outline-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-cb5f56d2-3f32-32b3-a83d-4f1b487278e3:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-cb5f56d2-3f32-32b3-a83d-4f1b487278e3{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-cb5f56d2-3f32-32b3-a83d-4f1b487278e3{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-4a1fc769-c997-3b2c-a185-6a0a4371a34d { background: #101010; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-4a1fc769-c997-3b2c-a185-6a0a4371a34d:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-4a1fc769-c997-3b2c-a185-6a0a4371a34d .outer-container { width: 91.66666%; max-width: 925px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-4a1fc769-c997-3b2c-a185-6a0a4371a34d:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-4a1fc769-c997-3b2c-a185-6a0a4371a34d .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-4a1fc769-c997-3b2c-a185-6a0a4371a34d:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-4a1fc769-c997-3b2c-a185-6a0a4371a34d .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-4a1fc769-c997-3b2c-a185-6a0a4371a34d" data-desktop-bg-color="#101010"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-272dd05e-1cff-3283-83a2-864e1137b417 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-272dd05e-1cff-3283-83a2-864e1137b417 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-272dd05e-1cff-3283-83a2-864e1137b417 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-272dd05e-1cff-3283-83a2-864e1137b417"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="upgraded_neodymium" data-analytics-scroll> <div class="rte-container-5d1e61f5-c128-30ee-8488-2ae8558db3bb "> <div class="headline-3" style="text-align: center; font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal; color: #fff;"> <p style="margin: 0;">Aufgerüstete Neodym-Magnete treiben die erhöhte Luftbewegung mit <span style="color: #FF720B; font-weight: 700;">28 % mehr Motorkraft an.</span><sup><span class="visuallyhidden">footnote</span>⁠3</sup></p> </div> </div> </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-3f550ae0-72bc-395a-abfc-f51cd126c297 { background: #101010; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-3f550ae0-72bc-395a-abfc-f51cd126c297:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-3f550ae0-72bc-395a-abfc-f51cd126c297 .outer-container { width: 91.66666%; max-width: 1000px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-3f550ae0-72bc-395a-abfc-f51cd126c297:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-3f550ae0-72bc-395a-abfc-f51cd126c297 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-3f550ae0-72bc-395a-abfc-f51cd126c297:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-3f550ae0-72bc-395a-abfc-f51cd126c297 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-3f550ae0-72bc-395a-abfc-f51cd126c297" data-desktop-bg-color="#101010"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-4523561f-67f1-38aa-a14d-4b5824d35b46 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-4523561f-67f1-38aa-a14d-4b5824d35b46 { padding-top: 80px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-4523561f-67f1-38aa-a14d-4b5824d35b46 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-4523561f-67f1-38aa-a14d-4b5824d35b46"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-8 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll data-analytics-module="media_and_text" data-analytics-region="updated_tweeter"> <div id="columnContainer_cc1b5dc5-a454-3e39-99fe-5cf5336ecae0_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_938b1d29-50a9-3783-87ec-7b78a5d22e35" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-6cae965e-473e-39d7-b2ff-df6c1135442f " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p06.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p06.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p06.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p06.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p06.jpg.large.2x.jpg 2x" alt="Beats Pill Hochtöner" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-05257952-af5f-33a9-9070-b9517002a65c { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-05257952-af5f-33a9-9070-b9517002a65c, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-05257952-af5f-33a9-9070-b9517002a65c { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-05257952-af5f-33a9-9070-b9517002a65c { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-05257952-af5f-33a9-9070-b9517002a65c, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-05257952-af5f-33a9-9070-b9517002a65c { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-05257952-af5f-33a9-9070-b9517002a65c:after, .btn-light.btn1-bg-color-05257952-af5f-33a9-9070-b9517002a65c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-05257952-af5f-33a9-9070-b9517002a65c{ color: ; } a.btn-light.btn1-outline-color-05257952-af5f-33a9-9070-b9517002a65c:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-05257952-af5f-33a9-9070-b9517002a65c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-05257952-af5f-33a9-9070-b9517002a65c:after, .btn-light.btn2-bg-color-05257952-af5f-33a9-9070-b9517002a65c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-05257952-af5f-33a9-9070-b9517002a65c{ color: ; } a.btn-light.btn2-outline-color-05257952-af5f-33a9-9070-b9517002a65c:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-05257952-af5f-33a9-9070-b9517002a65c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-05257952-af5f-33a9-9070-b9517002a65c{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-05257952-af5f-33a9-9070-b9517002a65c{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-05257952-af5f-33a9-9070-b9517002a65c:after, .btn-light.btn1-tablet-bg-color-05257952-af5f-33a9-9070-b9517002a65c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-05257952-af5f-33a9-9070-b9517002a65c{ color: ; } a.btn-light.btn1-tablet-outline-color-05257952-af5f-33a9-9070-b9517002a65c:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-05257952-af5f-33a9-9070-b9517002a65c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-05257952-af5f-33a9-9070-b9517002a65c:after, .btn-light.btn2-tablet-bg-color-05257952-af5f-33a9-9070-b9517002a65c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-05257952-af5f-33a9-9070-b9517002a65c{ color: ; } a.btn-light.btn2-tablet-outline-color-05257952-af5f-33a9-9070-b9517002a65c:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-05257952-af5f-33a9-9070-b9517002a65c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-05257952-af5f-33a9-9070-b9517002a65c{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-05257952-af5f-33a9-9070-b9517002a65c{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-05257952-af5f-33a9-9070-b9517002a65c:after, .btn-light.btn1-mobile-bg-color-05257952-af5f-33a9-9070-b9517002a65c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-05257952-af5f-33a9-9070-b9517002a65c{ color: ; } a.btn-light.btn1-mobile-outline-color-05257952-af5f-33a9-9070-b9517002a65c:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-05257952-af5f-33a9-9070-b9517002a65c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-05257952-af5f-33a9-9070-b9517002a65c:after, .btn-light.btn2-mobile-bg-color-05257952-af5f-33a9-9070-b9517002a65c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-05257952-af5f-33a9-9070-b9517002a65c{ color: ; } a.btn-light.btn2-mobile-outline-color-05257952-af5f-33a9-9070-b9517002a65c:after, a.btn-light.btn2-mobile-outline-color-05257952-af5f-33a9-9070-b9517002a65c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-05257952-af5f-33a9-9070-b9517002a65c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-05257952-af5f-33a9-9070-b9517002a65c{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-05257952-af5f-33a9-9070-b9517002a65c{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> <div id="columnContainer_cc1b5dc5-a454-3e39-99fe-5cf5336ecae0_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_efcca6c7-3e46-3f4a-a72a-2f0fc225176b" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-8589a5e7-ffab-3c4f-a7da-73ea70d7f321 beatsRTE-desktoptext "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 2rem; color: #fff;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">Der verbesserte Hochtonlautsprecher ist ein weiterer Höhepunkt.</h2> <p class="body-large" style="margin: 0;">Der überarbeitete Hochtöner ist für mehr Stabilität in seinem eigenen Gehäuse befestigt, um zur Verringerung von Verzerrungen beizutragen und liefert klare Höhen und satte Mitteltöne.</p> <p class="body-large" style="margin: 0;">So kann der Woofer sich komplett auf seinen Job konzentrieren – tiefer Bass und die unteren Mitteltöne.</p> </div> </div> <div class="rte-container-8589a5e7-ffab-3c4f-a7da-73ea70d7f321 beatsRTE-tablettext "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 2rem; color: #fff;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">Der verbesserte Hochtonlautsprecher ist ein weiterer Höhepunkt.</h2> <p class="body-large" style="margin: 0;">Der überarbeitete Hochtöner ist für mehr Stabilität in seinem eigenen Gehäuse befestigt, um zur Verringerung von Verzerrungen beizutragen und liefert klare Höhen und satte Mitteltöne.</p> <p class="body-large" style="margin: 0;">So kann der Woofer sich komplett auf seinen Job konzentrieren – tiefer Bass und die unteren Mitteltöne.</p> </div> </div> <div class="rte-container-8589a5e7-ffab-3c4f-a7da-73ea70d7f321 beatsRTE-mobiletext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; color: #fff; text-align: center;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">Der verbesserte Hochtonlautsprecher ist ein weiterer Höhepunkt.</h2> <p class="body-large" style="margin: 0;">Der überarbeitete Hochtöner ist für mehr Stabilität in seinem eigenen Gehäuse befestigt, um zur Verringerung von Verzerrungen beizutragen und liefert klare Höhen und satte Mitteltöne.</p> <p class="body-large" style="margin: 0;">So kann der Woofer sich komplett auf seinen Job konzentrieren – tiefer Bass und die unteren Mitteltöne.</p> </div> </div> </section> </div> </div> </div> </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-a5bb0599-8baa-3437-b9b4-18890a4d5929 { background: linear-gradient(to bottom, #101010 59%, transparent 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #101010 59%, transparent 0%); } .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929 .outer-container { width: 91.66666%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #101010 50%, transparent 0%); } .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #101010 50%, transparent 0%); } .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-a5bb0599-8baa-3437-b9b4-18890a4d5929" data-desktop-bg-color="linear-gradient(to bottom, #101010 59%, transparent 0%)"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-3d4b9e83-f37e-3b9e-9638-e58b79ff564b { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-3d4b9e83-f37e-3b9e-9638-e58b79ff564b { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-3d4b9e83-f37e-3b9e-9638-e58b79ff564b { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-3d4b9e83-f37e-3b9e-9638-e58b79ff564b"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929 { max-width: inherit; background: transparent; } .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929 .outer-container { width: 100%; max-width: 100%; margin: 0 auto; } .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929 .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper { background: linear-gradient(to bottom, #101010 50%, transparent 0%); } .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929 .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper .transition-image-block { width: 100%;; max-width: 100%;; margin: 0 auto; } .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929 .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper{ width:100%; background: transparent; } .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929 .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper .content-column { width: 100%;; max-width: 100%;; } } </style> <style type="text/css"> @media screen and (max-width: 767px) { .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929 { max-width: inherit; background: transparent; } .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929 .outer-container { width: 100%; max-width: 100%; margin: 0 auto; } .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929 .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper { background: linear-gradient(to bottom, #101010 50%, transparent 0%); } .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929 .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper .transition-image-block { width: 100%;; max-width: 100%;; margin: 0 auto; } .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929 .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper { width: 100%; background: transparent; } .bbd-full-width-container.id-a5bb0599-8baa-3437-b9b4-18890a4d5929 .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper .content-column { width: 100%;; max-width: 100%;; } } </style> <section class="bbd-component transition bbd-img-text-component id-e1b32255-c20c-3c82-8f4d-0796f8071d9c " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper tablet-full-height-config "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p07.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p07.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p07.png.small.2x.png 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p07.png.large.2x.png" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p07.png.large.2x.png 2x" alt="Beats Pill Lautsprecher" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper overlay-text-block "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-68dd64ae-3248-308f-ac45-09c74ebdf11b { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-68dd64ae-3248-308f-ac45-09c74ebdf11b, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-68dd64ae-3248-308f-ac45-09c74ebdf11b { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-68dd64ae-3248-308f-ac45-09c74ebdf11b { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-68dd64ae-3248-308f-ac45-09c74ebdf11b, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-68dd64ae-3248-308f-ac45-09c74ebdf11b { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:after, .btn-light.btn1-bg-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-68dd64ae-3248-308f-ac45-09c74ebdf11b{ color: ; } a.btn-light.btn1-outline-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:after, .btn-light.btn2-bg-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-68dd64ae-3248-308f-ac45-09c74ebdf11b{ color: ; } a.btn-light.btn2-outline-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-68dd64ae-3248-308f-ac45-09c74ebdf11b{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-68dd64ae-3248-308f-ac45-09c74ebdf11b{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:after, .btn-light.btn1-tablet-bg-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-68dd64ae-3248-308f-ac45-09c74ebdf11b{ color: ; } a.btn-light.btn1-tablet-outline-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:after, .btn-light.btn2-tablet-bg-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-68dd64ae-3248-308f-ac45-09c74ebdf11b{ color: ; } a.btn-light.btn2-tablet-outline-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-68dd64ae-3248-308f-ac45-09c74ebdf11b{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-68dd64ae-3248-308f-ac45-09c74ebdf11b{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:after, .btn-light.btn1-mobile-bg-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-68dd64ae-3248-308f-ac45-09c74ebdf11b{ color: ; } a.btn-light.btn1-mobile-outline-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:after, .btn-light.btn2-mobile-bg-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-68dd64ae-3248-308f-ac45-09c74ebdf11b{ color: ; } a.btn-light.btn2-mobile-outline-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:after, a.btn-light.btn2-mobile-outline-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-68dd64ae-3248-308f-ac45-09c74ebdf11b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-68dd64ae-3248-308f-ac45-09c74ebdf11b{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-68dd64ae-3248-308f-ac45-09c74ebdf11b{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </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-0b321efc-79c7-3de9-b281-f0f49fb72e3a { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-0b321efc-79c7-3de9-b281-f0f49fb72e3a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-0b321efc-79c7-3de9-b281-f0f49fb72e3a .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-0b321efc-79c7-3de9-b281-f0f49fb72e3a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-0b321efc-79c7-3de9-b281-f0f49fb72e3a .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-0b321efc-79c7-3de9-b281-f0f49fb72e3a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-0b321efc-79c7-3de9-b281-f0f49fb72e3a .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-0b321efc-79c7-3de9-b281-f0f49fb72e3a" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-f7e11fc7-eceb-3699-adab-dfff8d323e81 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-f7e11fc7-eceb-3699-adab-dfff8d323e81 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-f7e11fc7-eceb-3699-adab-dfff8d323e81 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-f7e11fc7-eceb-3699-adab-dfff8d323e81"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="power_precision_boom" data-analytics-scroll> <div class="rte-container-cf8bfb8d-e6da-39b7-a8f2-227141f0ff0f beatsRTE-desktoptext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <div> <h2 class="headline-1" style="font-size: clamp(5rem, 0.0769rem + 7.6923vw, 7rem);">Power. Präzision. Boom.</h2> </div> <div style="max-width: 852px; margin: 0 auto;"> <p class="body-large">All diese internen Upgrades sorgen für einen kraftvolleren raumfüllenden Klang, kräftigeren Bass und eine optimierte Tonalität im gesamten Audiospektrum.⁠<sup><span class="visuallyhidden">footnote</span>⁠⁠3</sup></p> </div> </div> </div> <div class="rte-container-cf8bfb8d-e6da-39b7-a8f2-227141f0ff0f beatsRTE-tablettext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <div> <h2 class="headline-1" style="font-size: clamp(5rem, 0.0769rem + 7.6923vw, 7rem);">Power. Präzision. Boom.</h2> </div> <div style="max-width: 852px; margin: 0 auto;"> <p class="body-large">All diese internen Upgrades sorgen für einen kraftvolleren raumfüllenden Klang, kräftigeren Bass und eine optimierte Tonalität im gesamten Audiospektrum.⁠<sup><span class="visuallyhidden">footnote</span>⁠⁠3</sup></p> </div> </div> </div> <div class="rte-container-cf8bfb8d-e6da-39b7-a8f2-227141f0ff0f beatsRTE-mobiletext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: left;"> <div> <h2 class="headline-1" style="font-size: clamp(3.125rem, -2.2443rem + 27.2727vw, 5rem); line-height: 1;">Power. Präzision. Boom.</h2> </div> <div> <p class="body-large">All diese internen Upgrades sorgen für einen kraftvolleren raumfüllenden Klang, kräftigeren Bass und eine optimierte Tonalität im gesamten Audiospektrum.⁠<sup><span class="visuallyhidden">footnote</span>⁠⁠3</sup></p> </div> </div> </div> </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-6bb4a013-a1c3-38a4-8a56-bcc2c409d032 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-6bb4a013-a1c3-38a4-8a56-bcc2c409d032:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-6bb4a013-a1c3-38a4-8a56-bcc2c409d032 .outer-container { width: 91.66666%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-6bb4a013-a1c3-38a4-8a56-bcc2c409d032:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-6bb4a013-a1c3-38a4-8a56-bcc2c409d032 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-6bb4a013-a1c3-38a4-8a56-bcc2c409d032:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-6bb4a013-a1c3-38a4-8a56-bcc2c409d032 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-6bb4a013-a1c3-38a4-8a56-bcc2c409d032" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-d121469e-9b4b-3b88-ab9d-98aec62c88af { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d121469e-9b4b-3b88-ab9d-98aec62c88af { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d121469e-9b4b-3b88-ab9d-98aec62c88af { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d121469e-9b4b-3b88-ab9d-98aec62c88af"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-23af3140-9be5-39f9-9141-151c7cfa8009 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 80%; } } </style> <section class="bbd-component transition bbd-img-text-component id-23af3140-9be5-39f9-9141-151c7cfa8009 " data-analytics-scroll data-full-module data-analytics-module="media_and_text" data-analytics-region="rugged_portability" data-bbd-anim-target="true"> <div class="content-wrapper mobile-full-height-config tablet-full-height-config "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p08.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p08.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p08.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p08.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p08.jpg.large.2x.jpg 2x" alt="Beats Pill auf einem Tisch abgebildet" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper overlay-text-block "> <div class="content-column top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"><div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <h2 style="margin: 0;"><i><span class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;">Robuste Tragbarkeit</span></i></h2> <p style="margin: 0;"><span class="headline-1">Ein Design, das Wasser, Sand und dem Leben standhält.</span></p> </div></div> <div class="show-tablet"><div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <h2 style="margin: 0;"><i><span class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;">Robuste Tragbarkeit</span></i></h2> <p style="margin: 0;"><span class="headline-1">Ein Design, das Wasser, Sand und dem Leben standhält.</span></p> </div></div> <div class="show-mobile"><div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem;"> <h2 style="margin: 0;"><i><span class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;">Robuste Tragbarkeit</span></i></h2> <p style="margin: 0;"><span class="headline-1">Ein Design, das Wasser, Sand und dem Leben standhält.</span></p> </div></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:after, .btn-light.btn1-bg-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b{ color: ; } a.btn-light.btn1-outline-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:after, .btn-light.btn2-bg-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b{ color: ; } a.btn-light.btn2-outline-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-7119dc5f-01bd-310a-b2f4-8cc73d785e4b{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-7119dc5f-01bd-310a-b2f4-8cc73d785e4b{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:after, .btn-light.btn1-tablet-bg-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b{ color: ; } a.btn-light.btn1-tablet-outline-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:after, .btn-light.btn2-tablet-bg-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b{ color: ; } a.btn-light.btn2-tablet-outline-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-7119dc5f-01bd-310a-b2f4-8cc73d785e4b{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-7119dc5f-01bd-310a-b2f4-8cc73d785e4b{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:after, .btn-light.btn1-mobile-bg-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b{ color: ; } a.btn-light.btn1-mobile-outline-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:after, .btn-light.btn2-mobile-bg-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b{ color: ; } a.btn-light.btn2-mobile-outline-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:after, a.btn-light.btn2-mobile-outline-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-7119dc5f-01bd-310a-b2f4-8cc73d785e4b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-7119dc5f-01bd-310a-b2f4-8cc73d785e4b{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-7119dc5f-01bd-310a-b2f4-8cc73d785e4b{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-127de9f3-b0ba-3ef4-a678-111a1b0c5468 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-127de9f3-b0ba-3ef4-a678-111a1b0c5468:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-127de9f3-b0ba-3ef4-a678-111a1b0c5468 .outer-container { width: 91.66666%; max-width: 908px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-127de9f3-b0ba-3ef4-a678-111a1b0c5468:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-127de9f3-b0ba-3ef4-a678-111a1b0c5468 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-127de9f3-b0ba-3ef4-a678-111a1b0c5468:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-127de9f3-b0ba-3ef4-a678-111a1b0c5468 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-127de9f3-b0ba-3ef4-a678-111a1b0c5468" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-9bdf9452-c431-303b-8fa4-ee0e329e4468 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-9bdf9452-c431-303b-8fa4-ee0e329e4468 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-9bdf9452-c431-303b-8fa4-ee0e329e4468 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-9bdf9452-c431-303b-8fa4-ee0e329e4468"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="ip67_rated" data-analytics-scroll> <div class="rte-container-29f662c7-cc41-3b86-aaa5-64dbc5dd7f33 beatsRTE-desktoptext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">IP67-Zertifizierung für Staub- und Wasserbeständigkeit</h2> <p class="body-large" style="max-width: 640px; margin: 0 auto;">Am Pool, am Strand, im Regen – Beats Pill wird durch optimierte innere Dichtungen vor Schmutz, Sand und Wasser geschützt.<sup><span class="visuallyhidden">footnote</span>⁠⁠2</sup></p> </div> </div> <div class="rte-container-29f662c7-cc41-3b86-aaa5-64dbc5dd7f33 beatsRTE-tablettext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">IP67-Zertifizierung für Staub- und Wasserbeständigkeit</h2> <p class="body-large" style="max-width: 640px; margin: 0 auto;">Am Pool, am Strand, im Regen – Beats Pill wird durch optimierte innere Dichtungen vor Schmutz, Sand und Wasser geschützt.<sup><span class="visuallyhidden">footnote</span>⁠⁠2</sup></p> </div> </div> <div class="rte-container-29f662c7-cc41-3b86-aaa5-64dbc5dd7f33 beatsRTE-mobiletext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">IP67-Zertifizierung für Staub- und Wasserbeständigkeit</h2> <p class="body-large" style="max-width: 640px; margin: 0 auto;">Am Pool, am Strand, im Regen – Beats Pill wird durch optimierte innere Dichtungen vor Schmutz, Sand und Wasser geschützt.<sup><span class="visuallyhidden">footnote</span>⁠⁠2</sup></p> </div> </div> </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-ddb8d0ae-3fa0-3394-a53a-0b360c48c79e { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-ddb8d0ae-3fa0-3394-a53a-0b360c48c79e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ddb8d0ae-3fa0-3394-a53a-0b360c48c79e .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-ddb8d0ae-3fa0-3394-a53a-0b360c48c79e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ddb8d0ae-3fa0-3394-a53a-0b360c48c79e .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-ddb8d0ae-3fa0-3394-a53a-0b360c48c79e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ddb8d0ae-3fa0-3394-a53a-0b360c48c79e .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-ddb8d0ae-3fa0-3394-a53a-0b360c48c79e" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-25a36a6f-9c2b-37a4-89f6-2dc9e038f0ae { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-25a36a6f-9c2b-37a4-89f6-2dc9e038f0ae { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-25a36a6f-9c2b-37a4-89f6-2dc9e038f0ae { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-25a36a6f-9c2b-37a4-89f6-2dc9e038f0ae"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-eebe85ce-5e1a-37b1-9e2b-d77624ed91b1 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-eebe85ce-5e1a-37b1-9e2b-d77624ed91b1 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper tablet-full-height-config "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p09.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p09.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p09.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p09.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p09.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper overlay-text-block "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:after, .btn-light.btn1-bg-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1{ color: ; } a.btn-light.btn1-outline-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:after, .btn-light.btn2-bg-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1{ color: ; } a.btn-light.btn2-outline-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:after, .btn-light.btn1-tablet-bg-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1{ color: ; } a.btn-light.btn1-tablet-outline-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:after, .btn-light.btn2-tablet-bg-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1{ color: ; } a.btn-light.btn2-tablet-outline-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:after, .btn-light.btn1-mobile-bg-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1{ color: ; } a.btn-light.btn1-mobile-outline-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:after, .btn-light.btn2-mobile-bg-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1{ color: ; } a.btn-light.btn2-mobile-outline-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:after, a.btn-light.btn2-mobile-outline-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-fa0531f2-bd6f-3bc2-811e-a63a2a85dbd1{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-25ab34ed-e228-37b7-aec1-8a50985a4611 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-25ab34ed-e228-37b7-aec1-8a50985a4611:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-25ab34ed-e228-37b7-aec1-8a50985a4611 .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-25ab34ed-e228-37b7-aec1-8a50985a4611:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-25ab34ed-e228-37b7-aec1-8a50985a4611 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-25ab34ed-e228-37b7-aec1-8a50985a4611:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-25ab34ed-e228-37b7-aec1-8a50985a4611 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-25ab34ed-e228-37b7-aec1-8a50985a4611" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-34e42170-e887-3ae4-a59e-f1c71bd73506 { background: linear-gradient(160deg, #3f565e, #76a29d 100%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-34e42170-e887-3ae4-a59e-f1c71bd73506:not(.bg-color-match-enabled) { background: linear-gradient(160deg, #3f565e, #76a29d 100%); } .bbd-full-width-container.id-34e42170-e887-3ae4-a59e-f1c71bd73506 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-34e42170-e887-3ae4-a59e-f1c71bd73506:not(.bg-color-match-enabled) { background: linear-gradient(160deg, #3f565e, #76a29d 100%); } .bbd-full-width-container.id-34e42170-e887-3ae4-a59e-f1c71bd73506 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-34e42170-e887-3ae4-a59e-f1c71bd73506:not(.bg-color-match-enabled) { background: linear-gradient(160deg, #3f565e, #76a29d 100%); } .bbd-full-width-container.id-34e42170-e887-3ae4-a59e-f1c71bd73506 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-34e42170-e887-3ae4-a59e-f1c71bd73506" data-desktop-bg-color="linear-gradient(160deg, #3f565e, #76a29d 100%)"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-97dcaba7-ae51-344e-a4f1-9807e66f7f8d { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-97dcaba7-ae51-344e-a4f1-9807e66f7f8d { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-97dcaba7-ae51-344e-a4f1-9807e66f7f8d { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-97dcaba7-ae51-344e-a4f1-9807e66f7f8d"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-b2c58845-3202-32f8-a508-847d047ddb4a { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-b2c58845-3202-32f8-a508-847d047ddb4a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-b2c58845-3202-32f8-a508-847d047ddb4a .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-b2c58845-3202-32f8-a508-847d047ddb4a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-b2c58845-3202-32f8-a508-847d047ddb4a .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-b2c58845-3202-32f8-a508-847d047ddb4a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-b2c58845-3202-32f8-a508-847d047ddb4a .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-b2c58845-3202-32f8-a508-847d047ddb4a" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="design" data-analytics-scroll> <div class="rte-container-07bc0fd9-00fb-3036-85dd-878dbc2a6920 "> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal; margin: 0; color: #fff;"><i>Design</i></h2> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-46589c45-ec0b-3875-ad2d-371f132cc143 { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-46589c45-ec0b-3875-ad2d-371f132cc143 { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-46589c45-ec0b-3875-ad2d-371f132cc143 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-46589c45-ec0b-3875-ad2d-371f132cc143"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-2 column-gap-lg-6 column-gap-md-4 column-gap-sm-4 " data-analytics-scroll> <div id="columnContainer_a6f48d13-7d4a-3877-ace6-044524c1cfba_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_37c9434f-4c31-3d7a-a769-3cfae29f8ba0" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-67e3425c-0618-305c-8a84-79b7f35d9fd1 "> <div style="color: #fff;"> <h2 class="headline-2" style="margin: 0;">Der leistungsstarke Sound hat ein Facelift bekommen.</h2> </div> </div> </section> </div> </div> </div> <div id="columnContainer_a6f48d13-7d4a-3877-ace6-044524c1cfba_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_0dc06268-d9fa-3f53-84e3-10eb2eded970" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-603adf13-7437-3b45-b559-7e0855dbe6c8 "> <p class="body-large" style="color: #fff; margin: 0;">Der schlanke Lautsprecher hat jetzt eine 20-Grad-Aufwärtsneigung, um die Schallwellen zu deinen Ohren zu leiten, weg von Objekten, die sie blockieren könnten.</p> </div> </section> </div> </div> </div> </div></div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-565f8fdf-4ac9-31d3-a498-c894792eb7ac { padding-top: 40px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-565f8fdf-4ac9-31d3-a498-c894792eb7ac { padding-top: 25px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-565f8fdf-4ac9-31d3-a498-c894792eb7ac { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-565f8fdf-4ac9-31d3-a498-c894792eb7ac"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-d1eca9c8-9230-304f-92e5-bc5fa6ef5a52 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-d1eca9c8-9230-304f-92e5-bc5fa6ef5a52 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-video "> <div class="video-wrapper"> <div class="beats-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/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.png.small.2x.png 2x"/> <img class="bbd-media-image" src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.png.large.2x.png" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.png.large.2x.png 2x" alt="Beats Pill Nahaufnahme" 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="true" data-analytics-link-type="siteClick"> <source data-desktop-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.mp4.rendition.mp4" type='video/mp4; codecs="hvc1"'/> <source data-desktop-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.mp4.rendition.webm" type="video/webm"/> <source data-mobile-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10-mobile.mp4.rendition.mp4" type='video/mp4; codecs="hvc1"'/> <source data-mobile-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10-mobile.mp4.rendition.webm" type="video/webm"/> </beats-video> </div> </div> <style type="text/css"> </style> </div> </div> </div> <div class="transition-content-wrapper beats-full-video-variant "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:after, .btn-light.btn1-bg-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7{ color: ; } a.btn-light.btn1-outline-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:after, .btn-light.btn2-bg-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7{ color: ; } a.btn-light.btn2-outline-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:after, .btn-light.btn1-tablet-bg-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7{ color: ; } a.btn-light.btn1-tablet-outline-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:after, .btn-light.btn2-tablet-bg-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7{ color: ; } a.btn-light.btn2-tablet-outline-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:after, .btn-light.btn1-mobile-bg-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7{ color: ; } a.btn-light.btn1-mobile-outline-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:after, .btn-light.btn2-mobile-bg-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7{ color: ; } a.btn-light.btn2-mobile-outline-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:after, a.btn-light.btn2-mobile-outline-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-56f20b7d-2ff7-3820-8e70-11a2ce8ea6e7{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </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-c33e13af-b212-3c17-8ee0-ae74f1f57e5e { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-c33e13af-b212-3c17-8ee0-ae74f1f57e5e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-c33e13af-b212-3c17-8ee0-ae74f1f57e5e .outer-container { width: 91.66666%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-c33e13af-b212-3c17-8ee0-ae74f1f57e5e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-c33e13af-b212-3c17-8ee0-ae74f1f57e5e .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-c33e13af-b212-3c17-8ee0-ae74f1f57e5e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-c33e13af-b212-3c17-8ee0-ae74f1f57e5e .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-c33e13af-b212-3c17-8ee0-ae74f1f57e5e" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-0e8071f7-2253-36ae-b126-eaa190319adf { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-0e8071f7-2253-36ae-b126-eaa190319adf { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-0e8071f7-2253-36ae-b126-eaa190319adf { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-0e8071f7-2253-36ae-b126-eaa190319adf"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="removable_lanyard" data-analytics-scroll> <div class="rte-container-daff1dfe-d889-38ca-a2ae-326d0f77406d "> <p class="headline-3" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;">Durch den abnehmbaren Tragegurt und die Soft-Grip Rückseite aus Silikon kannst du die Pill einfach mitnehmen.</p> </div> </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-0e5d5d26-30f7-36f7-a8a9-321aeb5794d2 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-0e5d5d26-30f7-36f7-a8a9-321aeb5794d2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-0e5d5d26-30f7-36f7-a8a9-321aeb5794d2 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-0e5d5d26-30f7-36f7-a8a9-321aeb5794d2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-0e5d5d26-30f7-36f7-a8a9-321aeb5794d2 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-0e5d5d26-30f7-36f7-a8a9-321aeb5794d2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-0e5d5d26-30f7-36f7-a8a9-321aeb5794d2 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-0e5d5d26-30f7-36f7-a8a9-321aeb5794d2" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-3c69b640-647d-3cd8-b168-ffc81152690b { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-3c69b640-647d-3cd8-b168-ffc81152690b { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-3c69b640-647d-3cd8-b168-ffc81152690b { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-3c69b640-647d-3cd8-b168-ffc81152690b"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-2 row-gap-sm-2 column-gap-lg-4 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll> <div id="columnContainer_6c6e2ef6-1bd8-3fb0-b811-d89ddabed7e8_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_4c1edae6-cd5b-3f15-8d85-13a6c41aa765" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-9eee1ec3-c878-395d-a7e6-bbd79e813d03 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p11.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p11.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p11.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p11.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p11.jpg.large.2x.jpg 2x" alt="Person, die den Beats Pill Lautsprecher hält" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-9f72b969-100f-33ab-a660-a89181c54141 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-9f72b969-100f-33ab-a660-a89181c54141, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-9f72b969-100f-33ab-a660-a89181c54141 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-9f72b969-100f-33ab-a660-a89181c54141 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-9f72b969-100f-33ab-a660-a89181c54141, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-9f72b969-100f-33ab-a660-a89181c54141 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-9f72b969-100f-33ab-a660-a89181c54141:after, .btn-light.btn1-bg-color-9f72b969-100f-33ab-a660-a89181c54141:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-9f72b969-100f-33ab-a660-a89181c54141{ color: ; } a.btn-light.btn1-outline-color-9f72b969-100f-33ab-a660-a89181c54141:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-9f72b969-100f-33ab-a660-a89181c54141:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-9f72b969-100f-33ab-a660-a89181c54141:after, .btn-light.btn2-bg-color-9f72b969-100f-33ab-a660-a89181c54141:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-9f72b969-100f-33ab-a660-a89181c54141{ color: ; } a.btn-light.btn2-outline-color-9f72b969-100f-33ab-a660-a89181c54141:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-9f72b969-100f-33ab-a660-a89181c54141:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-9f72b969-100f-33ab-a660-a89181c54141{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-9f72b969-100f-33ab-a660-a89181c54141{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-9f72b969-100f-33ab-a660-a89181c54141:after, .btn-light.btn1-tablet-bg-color-9f72b969-100f-33ab-a660-a89181c54141:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-9f72b969-100f-33ab-a660-a89181c54141{ color: ; } a.btn-light.btn1-tablet-outline-color-9f72b969-100f-33ab-a660-a89181c54141:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-9f72b969-100f-33ab-a660-a89181c54141:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-9f72b969-100f-33ab-a660-a89181c54141:after, .btn-light.btn2-tablet-bg-color-9f72b969-100f-33ab-a660-a89181c54141:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-9f72b969-100f-33ab-a660-a89181c54141{ color: ; } a.btn-light.btn2-tablet-outline-color-9f72b969-100f-33ab-a660-a89181c54141:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-9f72b969-100f-33ab-a660-a89181c54141:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-9f72b969-100f-33ab-a660-a89181c54141{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-9f72b969-100f-33ab-a660-a89181c54141{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-9f72b969-100f-33ab-a660-a89181c54141:after, .btn-light.btn1-mobile-bg-color-9f72b969-100f-33ab-a660-a89181c54141:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-9f72b969-100f-33ab-a660-a89181c54141{ color: ; } a.btn-light.btn1-mobile-outline-color-9f72b969-100f-33ab-a660-a89181c54141:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-9f72b969-100f-33ab-a660-a89181c54141:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-9f72b969-100f-33ab-a660-a89181c54141:after, .btn-light.btn2-mobile-bg-color-9f72b969-100f-33ab-a660-a89181c54141:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-9f72b969-100f-33ab-a660-a89181c54141{ color: ; } a.btn-light.btn2-mobile-outline-color-9f72b969-100f-33ab-a660-a89181c54141:after, a.btn-light.btn2-mobile-outline-color-9f72b969-100f-33ab-a660-a89181c54141:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-9f72b969-100f-33ab-a660-a89181c54141:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-9f72b969-100f-33ab-a660-a89181c54141{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-9f72b969-100f-33ab-a660-a89181c54141{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-db5d3d2f-50fc-3830-978d-1f2c1e3fe0c8 { padding-top: 24px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-db5d3d2f-50fc-3830-978d-1f2c1e3fe0c8 { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-db5d3d2f-50fc-3830-978d-1f2c1e3fe0c8 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-db5d3d2f-50fc-3830-978d-1f2c1e3fe0c8"></section> </div> </div> </div> <div id="columnContainer_6c6e2ef6-1bd8-3fb0-b811-d89ddabed7e8_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_a045866a-533f-321e-9506-65da02ba084c" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-cff52039-b585-3eb4-92dd-78905ee0a7af " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p12.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p12.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p12.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p12.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p12.jpg.large.2x.jpg 2x" alt="Person, die den Beats Pill Lautsprecher hält" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-5c9da096-e4ab-3d08-944d-2edeb644df19 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-5c9da096-e4ab-3d08-944d-2edeb644df19, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-5c9da096-e4ab-3d08-944d-2edeb644df19 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-5c9da096-e4ab-3d08-944d-2edeb644df19 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-5c9da096-e4ab-3d08-944d-2edeb644df19, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-5c9da096-e4ab-3d08-944d-2edeb644df19 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-5c9da096-e4ab-3d08-944d-2edeb644df19:after, .btn-light.btn1-bg-color-5c9da096-e4ab-3d08-944d-2edeb644df19:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-5c9da096-e4ab-3d08-944d-2edeb644df19{ color: ; } a.btn-light.btn1-outline-color-5c9da096-e4ab-3d08-944d-2edeb644df19:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-5c9da096-e4ab-3d08-944d-2edeb644df19:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-5c9da096-e4ab-3d08-944d-2edeb644df19:after, .btn-light.btn2-bg-color-5c9da096-e4ab-3d08-944d-2edeb644df19:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-5c9da096-e4ab-3d08-944d-2edeb644df19{ color: ; } a.btn-light.btn2-outline-color-5c9da096-e4ab-3d08-944d-2edeb644df19:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-5c9da096-e4ab-3d08-944d-2edeb644df19:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-5c9da096-e4ab-3d08-944d-2edeb644df19{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-5c9da096-e4ab-3d08-944d-2edeb644df19{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-5c9da096-e4ab-3d08-944d-2edeb644df19:after, .btn-light.btn1-tablet-bg-color-5c9da096-e4ab-3d08-944d-2edeb644df19:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-5c9da096-e4ab-3d08-944d-2edeb644df19{ color: ; } a.btn-light.btn1-tablet-outline-color-5c9da096-e4ab-3d08-944d-2edeb644df19:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-5c9da096-e4ab-3d08-944d-2edeb644df19:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-5c9da096-e4ab-3d08-944d-2edeb644df19:after, .btn-light.btn2-tablet-bg-color-5c9da096-e4ab-3d08-944d-2edeb644df19:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-5c9da096-e4ab-3d08-944d-2edeb644df19{ color: ; } a.btn-light.btn2-tablet-outline-color-5c9da096-e4ab-3d08-944d-2edeb644df19:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-5c9da096-e4ab-3d08-944d-2edeb644df19:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-5c9da096-e4ab-3d08-944d-2edeb644df19{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-5c9da096-e4ab-3d08-944d-2edeb644df19{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-5c9da096-e4ab-3d08-944d-2edeb644df19:after, .btn-light.btn1-mobile-bg-color-5c9da096-e4ab-3d08-944d-2edeb644df19:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-5c9da096-e4ab-3d08-944d-2edeb644df19{ color: ; } a.btn-light.btn1-mobile-outline-color-5c9da096-e4ab-3d08-944d-2edeb644df19:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-5c9da096-e4ab-3d08-944d-2edeb644df19:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-5c9da096-e4ab-3d08-944d-2edeb644df19:after, .btn-light.btn2-mobile-bg-color-5c9da096-e4ab-3d08-944d-2edeb644df19:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-5c9da096-e4ab-3d08-944d-2edeb644df19{ color: ; } a.btn-light.btn2-mobile-outline-color-5c9da096-e4ab-3d08-944d-2edeb644df19:after, a.btn-light.btn2-mobile-outline-color-5c9da096-e4ab-3d08-944d-2edeb644df19:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-5c9da096-e4ab-3d08-944d-2edeb644df19:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-5c9da096-e4ab-3d08-944d-2edeb644df19{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-5c9da096-e4ab-3d08-944d-2edeb644df19{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-13a3dd6a-c92b-3b9f-b9a6-8a417fddea63 { padding-top: 24px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-13a3dd6a-c92b-3b9f-b9a6-8a417fddea63 { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-13a3dd6a-c92b-3b9f-b9a6-8a417fddea63 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-13a3dd6a-c92b-3b9f-b9a6-8a417fddea63"></section> </div> </div> </div> </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-3709803b-9a81-3380-8193-219242d86314 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-3709803b-9a81-3380-8193-219242d86314:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-3709803b-9a81-3380-8193-219242d86314 .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-3709803b-9a81-3380-8193-219242d86314:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-3709803b-9a81-3380-8193-219242d86314 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-3709803b-9a81-3380-8193-219242d86314:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-3709803b-9a81-3380-8193-219242d86314 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-3709803b-9a81-3380-8193-219242d86314" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-7d15ca6d-f876-320e-9a7a-f787a6b3e179 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-7d15ca6d-f876-320e-9a7a-f787a6b3e179 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-7d15ca6d-f876-320e-9a7a-f787a6b3e179 { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-7d15ca6d-f876-320e-9a7a-f787a6b3e179"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-2aefe463-ea80-3606-ba8a-f4ec6598e0e6 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-2aefe463-ea80-3606-ba8a-f4ec6598e0e6 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper mobile-full-height-config tablet-full-height-config "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-video "> <div class="video-wrapper"> <div class="beats-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/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.jpg.small.2x.jpg 2x"/> <img class="bbd-media-image" src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.jpg.large.2x.jpg" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.jpg.large.2x.jpg 2x" alt="Beats Pill, das vom Band baumelt" 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-analytics-link-type="siteClick"> <source data-desktop-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.mp4.rendition.mp4" type='video/mp4'/> <source data-desktop-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.mp4.rendition.webm" type="video/webm"/> <source data-mobile-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13-mobile.mp4.rendition.mp4" type='video/mp4'/> <source data-mobile-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13-mobile.mp4.rendition.webm" type="video/webm"/> </beats-video> </div> </div> <style type="text/css"> </style> </div> </div> </div> <div class="transition-content-wrapper overlay-text-block beats-full-video-variant "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-aac6b81b-fd71-3144-b780-34dbf0732aba { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-aac6b81b-fd71-3144-b780-34dbf0732aba, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-aac6b81b-fd71-3144-b780-34dbf0732aba { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-aac6b81b-fd71-3144-b780-34dbf0732aba { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-aac6b81b-fd71-3144-b780-34dbf0732aba, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-aac6b81b-fd71-3144-b780-34dbf0732aba { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-aac6b81b-fd71-3144-b780-34dbf0732aba:after, .btn-light.btn1-bg-color-aac6b81b-fd71-3144-b780-34dbf0732aba:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-aac6b81b-fd71-3144-b780-34dbf0732aba{ color: ; } a.btn-light.btn1-outline-color-aac6b81b-fd71-3144-b780-34dbf0732aba:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-aac6b81b-fd71-3144-b780-34dbf0732aba:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-aac6b81b-fd71-3144-b780-34dbf0732aba:after, .btn-light.btn2-bg-color-aac6b81b-fd71-3144-b780-34dbf0732aba:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-aac6b81b-fd71-3144-b780-34dbf0732aba{ color: ; } a.btn-light.btn2-outline-color-aac6b81b-fd71-3144-b780-34dbf0732aba:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-aac6b81b-fd71-3144-b780-34dbf0732aba:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-aac6b81b-fd71-3144-b780-34dbf0732aba{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-aac6b81b-fd71-3144-b780-34dbf0732aba{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-aac6b81b-fd71-3144-b780-34dbf0732aba:after, .btn-light.btn1-tablet-bg-color-aac6b81b-fd71-3144-b780-34dbf0732aba:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-aac6b81b-fd71-3144-b780-34dbf0732aba{ color: ; } a.btn-light.btn1-tablet-outline-color-aac6b81b-fd71-3144-b780-34dbf0732aba:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-aac6b81b-fd71-3144-b780-34dbf0732aba:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-aac6b81b-fd71-3144-b780-34dbf0732aba:after, .btn-light.btn2-tablet-bg-color-aac6b81b-fd71-3144-b780-34dbf0732aba:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-aac6b81b-fd71-3144-b780-34dbf0732aba{ color: ; } a.btn-light.btn2-tablet-outline-color-aac6b81b-fd71-3144-b780-34dbf0732aba:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-aac6b81b-fd71-3144-b780-34dbf0732aba:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-aac6b81b-fd71-3144-b780-34dbf0732aba{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-aac6b81b-fd71-3144-b780-34dbf0732aba{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-aac6b81b-fd71-3144-b780-34dbf0732aba:after, .btn-light.btn1-mobile-bg-color-aac6b81b-fd71-3144-b780-34dbf0732aba:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-aac6b81b-fd71-3144-b780-34dbf0732aba{ color: ; } a.btn-light.btn1-mobile-outline-color-aac6b81b-fd71-3144-b780-34dbf0732aba:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-aac6b81b-fd71-3144-b780-34dbf0732aba:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-aac6b81b-fd71-3144-b780-34dbf0732aba:after, .btn-light.btn2-mobile-bg-color-aac6b81b-fd71-3144-b780-34dbf0732aba:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-aac6b81b-fd71-3144-b780-34dbf0732aba{ color: ; } a.btn-light.btn2-mobile-outline-color-aac6b81b-fd71-3144-b780-34dbf0732aba:after, a.btn-light.btn2-mobile-outline-color-aac6b81b-fd71-3144-b780-34dbf0732aba:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-aac6b81b-fd71-3144-b780-34dbf0732aba:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-aac6b81b-fd71-3144-b780-34dbf0732aba{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-aac6b81b-fd71-3144-b780-34dbf0732aba{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-c2323a9e-0331-31d3-bf03-1fb2f1a1fe32 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-c2323a9e-0331-31d3-bf03-1fb2f1a1fe32:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-c2323a9e-0331-31d3-bf03-1fb2f1a1fe32 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-c2323a9e-0331-31d3-bf03-1fb2f1a1fe32:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-c2323a9e-0331-31d3-bf03-1fb2f1a1fe32 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-c2323a9e-0331-31d3-bf03-1fb2f1a1fe32:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-c2323a9e-0331-31d3-bf03-1fb2f1a1fe32 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-c2323a9e-0331-31d3-bf03-1fb2f1a1fe32" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-aceacc31-6830-379f-87e7-4bb17fcf761c { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-aceacc31-6830-379f-87e7-4bb17fcf761c { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-aceacc31-6830-379f-87e7-4bb17fcf761c { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-aceacc31-6830-379f-87e7-4bb17fcf761c"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-0 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll> <div id="columnContainer_4650046d-bac8-3426-aa9d-155fb56d4453_0" class="sm-12 md-12 lg-6 "> <style type="text/css"> @media screen and (min-width: 1024px) { #columnWrapper_586c55c9-ce2e-34d7-90d9-f15c8a68bbf5{ padding: 0 5% 0 0;} } </style> <div id="columnWrapper_586c55c9-ce2e-34d7-90d9-f15c8a68bbf5" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="all_day_battery"> <div class="rte-container-7a2003af-262c-38a7-94ef-53fafa56c676 "> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;"><i>Ganztägige Akkulaufzeit</i></h2> </div> </section> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-e03e24fe-b063-3312-afa0-8f8b8b009cbb { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-e03e24fe-b063-3312-afa0-8f8b8b009cbb { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-e03e24fe-b063-3312-afa0-8f8b8b009cbb { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-e03e24fe-b063-3312-afa0-8f8b8b009cbb"></section> </div> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-40795c73-ade8-300d-808f-9195c0c3e3c1 "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 2rem; color: #161616;"> <h2 class="headline-2" style="color: inherit; margin: 0;"><span style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200;">Bis</span> 24 Stunden <span style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200;">Akkulaufzeit.</span><sup class="body-large" style="color: inherit; vertical-align: middle;"><span class="visuallyhidden">footnote</span>⁠⁠⁠1</sup></h2> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; max-width: 563px;"> <p class="body-large" style="margin: 0; color: inherit;">Mit Fast Fuel bietet eine kurze 10-minütige Aufladung bis zu 2 Stunden Wiedergabe.<sup style="color: inherit;"><span class="visuallyhidden">footnote</span>⁠⁠⁠6</sup></p> <p class="body-large" style="margin: 0; color: #161616;">Wenn du unterwegs bist, kannst du dein Telefon über das mitgelieferte USB-C-Kabel aufladen.</p> </div> </div> </div> </section> </div> </div> </div> <div id="columnContainer_4650046d-bac8-3426-aa9d-155fb56d4453_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_ec570f8c-46db-316e-aef1-493d7aa9ab83" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-87592f60-e66e-382f-b37d-523ca1e29d6c " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14.jpg.large.2x.jpg 2x" alt="Beats Pill auf einem Tisch abgebildet" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:after, .btn-light.btn1-bg-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6{ color: ; } a.btn-light.btn1-outline-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:after, .btn-light.btn2-bg-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6{ color: ; } a.btn-light.btn2-outline-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-fdf1d1d9-2953-3a22-a23b-cf727c7151f6{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-fdf1d1d9-2953-3a22-a23b-cf727c7151f6{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:after, .btn-light.btn1-tablet-bg-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6{ color: ; } a.btn-light.btn1-tablet-outline-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:after, .btn-light.btn2-tablet-bg-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6{ color: ; } a.btn-light.btn2-tablet-outline-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-fdf1d1d9-2953-3a22-a23b-cf727c7151f6{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-fdf1d1d9-2953-3a22-a23b-cf727c7151f6{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:after, .btn-light.btn1-mobile-bg-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6{ color: ; } a.btn-light.btn1-mobile-outline-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:after, .btn-light.btn2-mobile-bg-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6{ color: ; } a.btn-light.btn2-mobile-outline-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:after, a.btn-light.btn2-mobile-outline-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-fdf1d1d9-2953-3a22-a23b-cf727c7151f6:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-fdf1d1d9-2953-3a22-a23b-cf727c7151f6{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-fdf1d1d9-2953-3a22-a23b-cf727c7151f6{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </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-5ed463a1-f1ab-3470-9608-830c5abcc094 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-5ed463a1-f1ab-3470-9608-830c5abcc094:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-5ed463a1-f1ab-3470-9608-830c5abcc094 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-5ed463a1-f1ab-3470-9608-830c5abcc094:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-5ed463a1-f1ab-3470-9608-830c5abcc094 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-5ed463a1-f1ab-3470-9608-830c5abcc094:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-5ed463a1-f1ab-3470-9608-830c5abcc094 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-5ed463a1-f1ab-3470-9608-830c5abcc094" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-af78621c-0966-3951-a8ed-320104e67e50 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-af78621c-0966-3951-a8ed-320104e67e50 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-af78621c-0966-3951-a8ed-320104e67e50 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-af78621c-0966-3951-a8ed-320104e67e50"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="USB-C Lossless Audio" data-analytics-scroll> <div class="rte-container-587c72db-d236-33cf-a8ea-a01bdc03b8df "> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal; margin: 0;"><i>USB-C Audio</i></h2> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-541228fd-9f32-302a-bfd2-ddfe20958a97 { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-541228fd-9f32-302a-bfd2-ddfe20958a97 { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-541228fd-9f32-302a-bfd2-ddfe20958a97 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-541228fd-9f32-302a-bfd2-ddfe20958a97"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-3 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll> <div id="columnContainer_df63be70-0e00-38d3-be45-ebf735d14d66_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_beaee79f-c152-3593-bb67-0a08e5e3eb8b" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-965dfe98-b14a-303e-9665-50915bd65307 "> <h2 class="headline-2" style="margin: 0;">Verlustfreies Audio</h2> </div> </section> </div> </div> </div> <div id="columnContainer_df63be70-0e00-38d3-be45-ebf735d14d66_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_28e02b4e-be8e-302b-98d2-8b2d4a760555" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-7b063159-24e6-3cfc-83cb-ec63b16fc65a "> <p class="body-large" style="margin: 0;">Genieße hochaufgelöstes verlustfreies Audio aus deinem Beats Pill Lautsprecher, indem du ihn über das USB-C Kabel an deinen Laptop oder andere kompatible Geräte anschließt.⁠⁠<sup><span class="visuallyhidden">footnote</span>⁠⁠⁠4</sup></p> </div> </section> </div> </div> </div> </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-d0318f10-9e6b-3d46-aa63-eb5821d365b9 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-d0318f10-9e6b-3d46-aa63-eb5821d365b9:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d0318f10-9e6b-3d46-aa63-eb5821d365b9 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-d0318f10-9e6b-3d46-aa63-eb5821d365b9:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d0318f10-9e6b-3d46-aa63-eb5821d365b9 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-d0318f10-9e6b-3d46-aa63-eb5821d365b9:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d0318f10-9e6b-3d46-aa63-eb5821d365b9 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-d0318f10-9e6b-3d46-aa63-eb5821d365b9" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-a14287fd-1f4d-3c25-897e-0a729f99b320 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-a14287fd-1f4d-3c25-897e-0a729f99b320 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-a14287fd-1f4d-3c25-897e-0a729f99b320 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-a14287fd-1f4d-3c25-897e-0a729f99b320"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-6bdd7395-e4c1-36c1-8091-e921750d3890 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-6bdd7395-e4c1-36c1-8091-e921750d3890 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14-5.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14-5.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14-5.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14-5.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14-5.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column content-md-full content-sm-full hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:after, .btn-light.btn1-bg-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2{ color: ; } a.btn-light.btn1-outline-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:after, .btn-light.btn2-bg-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2{ color: ; } a.btn-light.btn2-outline-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:after, .btn-light.btn1-tablet-bg-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2{ color: ; } a.btn-light.btn1-tablet-outline-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:after, .btn-light.btn2-tablet-bg-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2{ color: ; } a.btn-light.btn2-tablet-outline-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:after, .btn-light.btn1-mobile-bg-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2{ color: ; } a.btn-light.btn1-mobile-outline-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:after, .btn-light.btn2-mobile-bg-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2{ color: ; } a.btn-light.btn2-mobile-outline-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:after, a.btn-light.btn2-mobile-outline-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-23a6238f-b62b-3d1a-b72f-ee78ba5cbbc2{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-07589d2e-29cb-3911-8258-daa10e5bcda4 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-07589d2e-29cb-3911-8258-daa10e5bcda4:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-07589d2e-29cb-3911-8258-daa10e5bcda4 .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-07589d2e-29cb-3911-8258-daa10e5bcda4:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-07589d2e-29cb-3911-8258-daa10e5bcda4 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-07589d2e-29cb-3911-8258-daa10e5bcda4:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-07589d2e-29cb-3911-8258-daa10e5bcda4 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-07589d2e-29cb-3911-8258-daa10e5bcda4" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-d7d74873-fe7e-3bfa-95ab-4040aa6c1003 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d7d74873-fe7e-3bfa-95ab-4040aa6c1003 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d7d74873-fe7e-3bfa-95ab-4040aa6c1003 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d7d74873-fe7e-3bfa-95ab-4040aa6c1003"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-3def0155-513f-31d1-9a31-3bb5f299aebe { background: #101010; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-3def0155-513f-31d1-9a31-3bb5f299aebe:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-3def0155-513f-31d1-9a31-3bb5f299aebe .outer-container { width: 91.66666%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-3def0155-513f-31d1-9a31-3bb5f299aebe:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-3def0155-513f-31d1-9a31-3bb5f299aebe .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-3def0155-513f-31d1-9a31-3bb5f299aebe:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-3def0155-513f-31d1-9a31-3bb5f299aebe .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-3def0155-513f-31d1-9a31-3bb5f299aebe" data-desktop-bg-color="#101010"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-c3f5f1b5-da31-3599-8eca-1522d9c71e4f { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-c3f5f1b5-da31-3599-8eca-1522d9c71e4f { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-c3f5f1b5-da31-3599-8eca-1522d9c71e4f { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-c3f5f1b5-da31-3599-8eca-1522d9c71e4f"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="instant_compatibility" data-analytics-scroll> <div class="rte-container-8b6c5510-9286-394b-8a62-87d1181d43cb "> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal; margin: 0; color: #fff;"><i>Sofortige Kompatibilität</i></h2> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-5d14bf73-568a-3a13-a445-f15ac905be8e { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-5d14bf73-568a-3a13-a445-f15ac905be8e { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-5d14bf73-568a-3a13-a445-f15ac905be8e { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-5d14bf73-568a-3a13-a445-f15ac905be8e"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-6 column-gap-md-4 column-gap-sm-4 " data-analytics-scroll> <div id="columnContainer_a56dd96c-d025-3c59-ae8f-763195247515_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_e15f04be-fb04-30ec-bc18-c02890f66dc5" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-852e3f44-1f55-365c-9422-2e09e6971917 "> <div style="color: #fff;"> <h2 class="headline-2" style="margin: 0;">Apple oder Android? <span style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200;">Passt.</span></h2> </div> </div> </section> </div> </div> </div> <div id="columnContainer_a56dd96c-d025-3c59-ae8f-763195247515_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_885d930e-b8c1-3bcb-b237-c9be00351558" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-80c10f20-889c-30e9-8059-413904617de0 "> <div style="color: #fff;"> <p class="body-large">Egal, ob du iOS oder Android hast, der eigene Chip der Pill sorgt für direktes Koppeln per 1-Klick sowie „Wo ist?“ oder „Mein Gerät finden“<sup><span class="visuallyhidden">footnote</span>⁠⁠5</sup></p> </div> </div> </section> </div> </div> </div> </div></div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-553c45e3-3d8c-3e08-8353-b7f9609ea41d { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-553c45e3-3d8c-3e08-8353-b7f9609ea41d { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-553c45e3-3d8c-3e08-8353-b7f9609ea41d { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-553c45e3-3d8c-3e08-8353-b7f9609ea41d"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-121766a5-1651-3038-95e7-4635701e7d10 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-121766a5-1651-3038-95e7-4635701e7d10:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-121766a5-1651-3038-95e7-4635701e7d10 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-121766a5-1651-3038-95e7-4635701e7d10:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-121766a5-1651-3038-95e7-4635701e7d10 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-121766a5-1651-3038-95e7-4635701e7d10:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-121766a5-1651-3038-95e7-4635701e7d10 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-121766a5-1651-3038-95e7-4635701e7d10" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-e89fa0a5-67b3-3d94-a080-ce49013689d4 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-e89fa0a5-67b3-3d94-a080-ce49013689d4 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p15.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p15.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p15.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p15.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p15.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:after, .btn-light.btn1-bg-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf{ color: ; } a.btn-light.btn1-outline-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:after, .btn-light.btn2-bg-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf{ color: ; } a.btn-light.btn2-outline-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:after, .btn-light.btn1-tablet-bg-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf{ color: ; } a.btn-light.btn1-tablet-outline-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:after, .btn-light.btn2-tablet-bg-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf{ color: ; } a.btn-light.btn2-tablet-outline-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:after, .btn-light.btn1-mobile-bg-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf{ color: ; } a.btn-light.btn1-mobile-outline-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:after, .btn-light.btn2-mobile-bg-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf{ color: ; } a.btn-light.btn2-mobile-outline-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:after, a.btn-light.btn2-mobile-outline-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-ef1ddfbc-1942-30ee-b9c9-0d32a22b69bf{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-bc679a83-10f8-3615-9699-248b9e46bbb8 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-bc679a83-10f8-3615-9699-248b9e46bbb8 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-bc679a83-10f8-3615-9699-248b9e46bbb8 { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-bc679a83-10f8-3615-9699-248b9e46bbb8"></section> </div> </div> </div> </div> </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-967dbee0-6cb3-3164-98da-77c02757f19c { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-967dbee0-6cb3-3164-98da-77c02757f19c:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-967dbee0-6cb3-3164-98da-77c02757f19c .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-967dbee0-6cb3-3164-98da-77c02757f19c:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-967dbee0-6cb3-3164-98da-77c02757f19c .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-967dbee0-6cb3-3164-98da-77c02757f19c:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-967dbee0-6cb3-3164-98da-77c02757f19c .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-967dbee0-6cb3-3164-98da-77c02757f19c" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-0b7bcdf8-b387-3f42-bb07-21f0e9ee8b02 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-0b7bcdf8-b387-3f42-bb07-21f0e9ee8b02 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-0b7bcdf8-b387-3f42-bb07-21f0e9ee8b02 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-0b7bcdf8-b387-3f42-bb07-21f0e9ee8b02"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="calls" data-analytics-scroll> <div class="rte-container-03cf4181-e79a-30a1-95cc-057cef52872f "> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal; margin: 0;"><i>Anrufqualität</i></h2> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-8dea82d1-3022-328e-862e-4471ed32e56e { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-8dea82d1-3022-328e-862e-4471ed32e56e { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-8dea82d1-3022-328e-862e-4471ed32e56e { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-8dea82d1-3022-328e-862e-4471ed32e56e"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-3 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll> <div id="columnContainer_b68c9c7a-976b-3055-820a-478529eee5b2_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_64414e45-dcb0-3ba7-a3a9-504d83a568f6" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-177d9692-5d71-39b2-9c6b-7416cc09f3bf "> <h2 class="headline-3" style="margin: 0;">Deine Pill hat auch eine Freisprecheinrichtung.</h2> </div> </section> </div> </div> </div> <div id="columnContainer_b68c9c7a-976b-3055-820a-478529eee5b2_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_1b13980c-520a-3803-b0ba-77a5df6618ec" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-a4b5f4ee-95ab-3e1f-bb50-768ba9273f9a "> <p class="body-large" style="margin: 0;">Nimm Anrufe entgegen und aktiviere deinen Sprachassistenten direkt über den gekoppelten Beats Pill Lautsprecher und genieße eine größere Reichweite und weniger Aussetzer dank der branchenführenden erstklassigen Bluetooth<sup>®</sup> Konnektivität.</p> </div> </section> </div> </div> </div> </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-e823ccb4-d6ee-3485-81b5-a07a9cd37442 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-e823ccb4-d6ee-3485-81b5-a07a9cd37442:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e823ccb4-d6ee-3485-81b5-a07a9cd37442 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-e823ccb4-d6ee-3485-81b5-a07a9cd37442:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e823ccb4-d6ee-3485-81b5-a07a9cd37442 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-e823ccb4-d6ee-3485-81b5-a07a9cd37442:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e823ccb4-d6ee-3485-81b5-a07a9cd37442 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-e823ccb4-d6ee-3485-81b5-a07a9cd37442" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-5a2b20e5-60b1-32d5-b337-be2cf7908477 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-5a2b20e5-60b1-32d5-b337-be2cf7908477 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-5a2b20e5-60b1-32d5-b337-be2cf7908477 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-5a2b20e5-60b1-32d5-b337-be2cf7908477"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-fb59e0c1-82eb-3f55-bc2f-b560bca1a60a .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-fb59e0c1-82eb-3f55-bc2f-b560bca1a60a " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p16.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p16.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p16.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p16.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p16.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column content-md-full content-sm-full hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:after, .btn-light.btn1-bg-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6{ color: ; } a.btn-light.btn1-outline-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:after, .btn-light.btn2-bg-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6{ color: ; } a.btn-light.btn2-outline-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-454a2831-2889-3722-8ae8-4a17ba0a7cf6{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-454a2831-2889-3722-8ae8-4a17ba0a7cf6{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:after, .btn-light.btn1-tablet-bg-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6{ color: ; } a.btn-light.btn1-tablet-outline-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:after, .btn-light.btn2-tablet-bg-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6{ color: ; } a.btn-light.btn2-tablet-outline-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-454a2831-2889-3722-8ae8-4a17ba0a7cf6{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-454a2831-2889-3722-8ae8-4a17ba0a7cf6{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:after, .btn-light.btn1-mobile-bg-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6{ color: ; } a.btn-light.btn1-mobile-outline-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:after, .btn-light.btn2-mobile-bg-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6{ color: ; } a.btn-light.btn2-mobile-outline-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:after, a.btn-light.btn2-mobile-outline-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-454a2831-2889-3722-8ae8-4a17ba0a7cf6:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-454a2831-2889-3722-8ae8-4a17ba0a7cf6{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-454a2831-2889-3722-8ae8-4a17ba0a7cf6{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-9238ea71-7f57-3b34-b619-dc9a1d10f06b { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-9238ea71-7f57-3b34-b619-dc9a1d10f06b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9238ea71-7f57-3b34-b619-dc9a1d10f06b .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-9238ea71-7f57-3b34-b619-dc9a1d10f06b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9238ea71-7f57-3b34-b619-dc9a1d10f06b .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-9238ea71-7f57-3b34-b619-dc9a1d10f06b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9238ea71-7f57-3b34-b619-dc9a1d10f06b .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-9238ea71-7f57-3b34-b619-dc9a1d10f06b" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-8f6ee136-fbee-3ab1-90ac-0458fe3ed35e { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-8f6ee136-fbee-3ab1-90ac-0458fe3ed35e { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-8f6ee136-fbee-3ab1-90ac-0458fe3ed35e { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-8f6ee136-fbee-3ab1-90ac-0458fe3ed35e"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="play_modes" data-analytics-scroll> <div class="rte-container-7e2e109d-1374-3130-9d6a-b3083a7fd7d7 "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem; text-align: center;"> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; margin: 0; font-weight: normal;"><i>Wiedergabemodi</i></h2> <h2 class="headline-3">Zusätzliche Abspielmöglichkeiten</h2> <div style="max-width: 600px; margin: 0 auto;"> <p class="body-large" style="margin: 0;">Partytime?</p> <p class="body-large" style="margin: 0;">Der <span style="font-weight: normal; font-family: classica-pro, 'Times New Roman', Times, serif;"><i>Verstärker-Modus</i></span> synchronisiert zwei Beats Pill Lautsprecher für das doppelte Sounderlebnis.</p> </div> </div> </div> </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-8fd2e5fe-c654-322f-ac27-f87619de6b0b { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-8fd2e5fe-c654-322f-ac27-f87619de6b0b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8fd2e5fe-c654-322f-ac27-f87619de6b0b .outer-container { width: 100%; max-width: 1600px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-8fd2e5fe-c654-322f-ac27-f87619de6b0b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8fd2e5fe-c654-322f-ac27-f87619de6b0b .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-8fd2e5fe-c654-322f-ac27-f87619de6b0b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8fd2e5fe-c654-322f-ac27-f87619de6b0b .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-8fd2e5fe-c654-322f-ac27-f87619de6b0b" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-075577f8-bbb0-3a07-80cd-b144276fb486 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-075577f8-bbb0-3a07-80cd-b144276fb486 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-075577f8-bbb0-3a07-80cd-b144276fb486 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-075577f8-bbb0-3a07-80cd-b144276fb486"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-87adf5cf-7aa6-3811-bb41-4163b8b1c9db .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-87adf5cf-7aa6-3811-bb41-4163b8b1c9db " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p17.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p17.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p17.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p17.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p17.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-66c46c76-0f92-35c4-8802-ce3e3cc34419 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-66c46c76-0f92-35c4-8802-ce3e3cc34419, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-66c46c76-0f92-35c4-8802-ce3e3cc34419 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-66c46c76-0f92-35c4-8802-ce3e3cc34419 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-66c46c76-0f92-35c4-8802-ce3e3cc34419, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-66c46c76-0f92-35c4-8802-ce3e3cc34419 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:after, .btn-light.btn1-bg-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-66c46c76-0f92-35c4-8802-ce3e3cc34419{ color: ; } a.btn-light.btn1-outline-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:after, .btn-light.btn2-bg-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-66c46c76-0f92-35c4-8802-ce3e3cc34419{ color: ; } a.btn-light.btn2-outline-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-66c46c76-0f92-35c4-8802-ce3e3cc34419{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-66c46c76-0f92-35c4-8802-ce3e3cc34419{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:after, .btn-light.btn1-tablet-bg-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-66c46c76-0f92-35c4-8802-ce3e3cc34419{ color: ; } a.btn-light.btn1-tablet-outline-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:after, .btn-light.btn2-tablet-bg-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-66c46c76-0f92-35c4-8802-ce3e3cc34419{ color: ; } a.btn-light.btn2-tablet-outline-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-66c46c76-0f92-35c4-8802-ce3e3cc34419{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-66c46c76-0f92-35c4-8802-ce3e3cc34419{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:after, .btn-light.btn1-mobile-bg-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-66c46c76-0f92-35c4-8802-ce3e3cc34419{ color: ; } a.btn-light.btn1-mobile-outline-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:after, .btn-light.btn2-mobile-bg-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-66c46c76-0f92-35c4-8802-ce3e3cc34419{ color: ; } a.btn-light.btn2-mobile-outline-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:after, a.btn-light.btn2-mobile-outline-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-66c46c76-0f92-35c4-8802-ce3e3cc34419:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-66c46c76-0f92-35c4-8802-ce3e3cc34419{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-66c46c76-0f92-35c4-8802-ce3e3cc34419{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-c919ab93-dfa9-39d0-8d4b-fb83d61bdbf5 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-c919ab93-dfa9-39d0-8d4b-fb83d61bdbf5:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-c919ab93-dfa9-39d0-8d4b-fb83d61bdbf5 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-c919ab93-dfa9-39d0-8d4b-fb83d61bdbf5:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-c919ab93-dfa9-39d0-8d4b-fb83d61bdbf5 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-c919ab93-dfa9-39d0-8d4b-fb83d61bdbf5:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-c919ab93-dfa9-39d0-8d4b-fb83d61bdbf5 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-c919ab93-dfa9-39d0-8d4b-fb83d61bdbf5" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-bda02c14-7c0b-309b-9d50-294d158870a2 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-bda02c14-7c0b-309b-9d50-294d158870a2 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-bda02c14-7c0b-309b-9d50-294d158870a2 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-bda02c14-7c0b-309b-9d50-294d158870a2"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="surround_sound" data-analytics-scroll> <div class="rte-container-84499583-30a2-3219-ba7d-69107c1932af "> <div style="text-align: center;"> <div style="max-width: 600px; margin: 0 auto;"> <p class="body-large" style="margin-bottom: 0;">Willst du das Surround Sound Feeling?</p> <p class="body-large" style="margin-top: 0;">Mit dem <span style="font-weight: normal; font-family: classica-pro, 'Times New Roman', Times, serif;"><i>Stereo-Modus</i></span> teilst du die Tonausgabe zwischen zwei Beats Pill Lautsprechern auf einen linken und einen rechten Lautsprecher auf.</p> </div> </div> </div> </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-6f6f13bd-ca1d-3dfd-8c9a-9076f33addd2 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-6f6f13bd-ca1d-3dfd-8c9a-9076f33addd2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-6f6f13bd-ca1d-3dfd-8c9a-9076f33addd2 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-6f6f13bd-ca1d-3dfd-8c9a-9076f33addd2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-6f6f13bd-ca1d-3dfd-8c9a-9076f33addd2 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-6f6f13bd-ca1d-3dfd-8c9a-9076f33addd2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-6f6f13bd-ca1d-3dfd-8c9a-9076f33addd2 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-6f6f13bd-ca1d-3dfd-8c9a-9076f33addd2" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-1e243a60-5c05-3870-844e-098a604215e9 { padding-top: 30px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-1e243a60-5c05-3870-844e-098a604215e9 { padding-top: 20px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-1e243a60-5c05-3870-844e-098a604215e9 { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-1e243a60-5c05-3870-844e-098a604215e9"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-366bd7be-a128-3551-81d5-a270b687200a .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-366bd7be-a128-3551-81d5-a270b687200a " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p18.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p18.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p18.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p18.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p18.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column content-md-full content-sm-full hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:after, .btn-light.btn1-bg-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70{ color: ; } a.btn-light.btn1-outline-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:after, .btn-light.btn2-bg-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70{ color: ; } a.btn-light.btn2-outline-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-9c45b5d5-e97a-36e5-bf18-55d7a869de70{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-9c45b5d5-e97a-36e5-bf18-55d7a869de70{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:after, .btn-light.btn1-tablet-bg-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70{ color: ; } a.btn-light.btn1-tablet-outline-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:after, .btn-light.btn2-tablet-bg-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70{ color: ; } a.btn-light.btn2-tablet-outline-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-9c45b5d5-e97a-36e5-bf18-55d7a869de70{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-9c45b5d5-e97a-36e5-bf18-55d7a869de70{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:after, .btn-light.btn1-mobile-bg-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70{ color: ; } a.btn-light.btn1-mobile-outline-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:after, .btn-light.btn2-mobile-bg-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70{ color: ; } a.btn-light.btn2-mobile-outline-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:after, a.btn-light.btn2-mobile-outline-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-9c45b5d5-e97a-36e5-bf18-55d7a869de70:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-9c45b5d5-e97a-36e5-bf18-55d7a869de70{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-9c45b5d5-e97a-36e5-bf18-55d7a869de70{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-55f01efb-f180-3fd6-8b03-dbf6cad46ea8 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-55f01efb-f180-3fd6-8b03-dbf6cad46ea8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-55f01efb-f180-3fd6-8b03-dbf6cad46ea8 .outer-container { width: 91.66666%; max-width: 1100px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-55f01efb-f180-3fd6-8b03-dbf6cad46ea8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-55f01efb-f180-3fd6-8b03-dbf6cad46ea8 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-55f01efb-f180-3fd6-8b03-dbf6cad46ea8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-55f01efb-f180-3fd6-8b03-dbf6cad46ea8 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-55f01efb-f180-3fd6-8b03-dbf6cad46ea8" data-analytics-module="bg_container" data-analytics-region="in_the_box" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-2c745e8a-2f72-3361-aa69-cf0cf6226e97 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-2c745e8a-2f72-3361-aa69-cf0cf6226e97 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-2c745e8a-2f72-3361-aa69-cf0cf6226e97 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-2c745e8a-2f72-3361-aa69-cf0cf6226e97"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-0 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll> <div id="columnContainer_e40a3990-0510-36c4-be99-53820d196a37_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_2a85790e-da95-37de-8cee-9557f7b9dd41" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-center h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="in_the_box"> <div class="rte-container-e0029cf6-7afa-306a-9e1c-d7898e49a2ce "> <div class="body-large" style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem;"> <h2 class="headline-1">Lieferumfang</h2> <ul style="list-style-position: inside; margin: 0;"> <li style="margin: 4px;">Beats Pill kabelloser Bluetooth<sup style="font-size: 50%;">®</sup> Lautsprecher</li> <li style="margin: 4px;">Abnehmbarer Tragegurt</li> <li style="margin: 4px;">USB‑C zu USB‑C Kabel</li> <li style="margin: 4px;">Kurzanleitung</li> <li style="margin: 4px;">Garantiekarte</li> </ul> (USB‑C Netzadapter separat erhältlich) </div> </div> </section> </div> </div> </div> <div id="columnContainer_e40a3990-0510-36c4-be99-53820d196a37_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_622579eb-3f01-39dc-97c7-395c4dd64837" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-center h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-f02482a7-4930-36c7-a497-7aa9945d4194 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-f02482a7-4930-36c7-a497-7aa9945d4194 " data-analytics-scroll data-full-module data-analytics-module="media_and_text" data-analytics-region="in_the_box" data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p19.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p19.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p19.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p19.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p19.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-484f272b-46ac-333b-91ad-c5bddc46afcd { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-484f272b-46ac-333b-91ad-c5bddc46afcd, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-484f272b-46ac-333b-91ad-c5bddc46afcd { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-484f272b-46ac-333b-91ad-c5bddc46afcd { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-484f272b-46ac-333b-91ad-c5bddc46afcd, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-484f272b-46ac-333b-91ad-c5bddc46afcd { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-484f272b-46ac-333b-91ad-c5bddc46afcd:after, .btn-light.btn1-bg-color-484f272b-46ac-333b-91ad-c5bddc46afcd:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-484f272b-46ac-333b-91ad-c5bddc46afcd{ color: ; } a.btn-light.btn1-outline-color-484f272b-46ac-333b-91ad-c5bddc46afcd:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-484f272b-46ac-333b-91ad-c5bddc46afcd:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-484f272b-46ac-333b-91ad-c5bddc46afcd:after, .btn-light.btn2-bg-color-484f272b-46ac-333b-91ad-c5bddc46afcd:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-484f272b-46ac-333b-91ad-c5bddc46afcd{ color: ; } a.btn-light.btn2-outline-color-484f272b-46ac-333b-91ad-c5bddc46afcd:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-484f272b-46ac-333b-91ad-c5bddc46afcd:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-484f272b-46ac-333b-91ad-c5bddc46afcd{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-484f272b-46ac-333b-91ad-c5bddc46afcd{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-484f272b-46ac-333b-91ad-c5bddc46afcd:after, .btn-light.btn1-tablet-bg-color-484f272b-46ac-333b-91ad-c5bddc46afcd:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-484f272b-46ac-333b-91ad-c5bddc46afcd{ color: ; } a.btn-light.btn1-tablet-outline-color-484f272b-46ac-333b-91ad-c5bddc46afcd:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-484f272b-46ac-333b-91ad-c5bddc46afcd:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-484f272b-46ac-333b-91ad-c5bddc46afcd:after, .btn-light.btn2-tablet-bg-color-484f272b-46ac-333b-91ad-c5bddc46afcd:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-484f272b-46ac-333b-91ad-c5bddc46afcd{ color: ; } a.btn-light.btn2-tablet-outline-color-484f272b-46ac-333b-91ad-c5bddc46afcd:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-484f272b-46ac-333b-91ad-c5bddc46afcd:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-484f272b-46ac-333b-91ad-c5bddc46afcd{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-484f272b-46ac-333b-91ad-c5bddc46afcd{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-484f272b-46ac-333b-91ad-c5bddc46afcd:after, .btn-light.btn1-mobile-bg-color-484f272b-46ac-333b-91ad-c5bddc46afcd:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-484f272b-46ac-333b-91ad-c5bddc46afcd{ color: ; } a.btn-light.btn1-mobile-outline-color-484f272b-46ac-333b-91ad-c5bddc46afcd:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-484f272b-46ac-333b-91ad-c5bddc46afcd:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-484f272b-46ac-333b-91ad-c5bddc46afcd:after, .btn-light.btn2-mobile-bg-color-484f272b-46ac-333b-91ad-c5bddc46afcd:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-484f272b-46ac-333b-91ad-c5bddc46afcd{ color: ; } a.btn-light.btn2-mobile-outline-color-484f272b-46ac-333b-91ad-c5bddc46afcd:after, a.btn-light.btn2-mobile-outline-color-484f272b-46ac-333b-91ad-c5bddc46afcd:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-484f272b-46ac-333b-91ad-c5bddc46afcd:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-484f272b-46ac-333b-91ad-c5bddc46afcd{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-484f272b-46ac-333b-91ad-c5bddc46afcd{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div></div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-47cec239-8cbd-3eca-a2d0-41e979319c94 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-47cec239-8cbd-3eca-a2d0-41e979319c94 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-47cec239-8cbd-3eca-a2d0-41e979319c94 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-47cec239-8cbd-3eca-a2d0-41e979319c94"></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-14c20c54-3737-30eb-b112-b161c1817613 { background: EFEDE9; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-14c20c54-3737-30eb-b112-b161c1817613:not(.bg-color-match-enabled) { background: EFEDE9; } .bbd-full-width-container.id-14c20c54-3737-30eb-b112-b161c1817613 .outer-container { width: 100%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-14c20c54-3737-30eb-b112-b161c1817613:not(.bg-color-match-enabled) { background: EFEDE9; } .bbd-full-width-container.id-14c20c54-3737-30eb-b112-b161c1817613 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-14c20c54-3737-30eb-b112-b161c1817613:not(.bg-color-match-enabled) { background: EFEDE9; } .bbd-full-width-container.id-14c20c54-3737-30eb-b112-b161c1817613 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-14c20c54-3737-30eb-b112-b161c1817613" data-desktop-bg-color="EFEDE9"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-2f0119d9-6802-3a4d-8521-24d7f6fe944a { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-2f0119d9-6802-3a4d-8521-24d7f6fe944a { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-2f0119d9-6802-3a4d-8521-24d7f6fe944a { padding-top: 0px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-2f0119d9-6802-3a4d-8521-24d7f6fe944a"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-2cf6f3de-241f-3312-847d-30714641b5f0 { background: #FAFAFA; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-2cf6f3de-241f-3312-847d-30714641b5f0:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-2cf6f3de-241f-3312-847d-30714641b5f0 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-2cf6f3de-241f-3312-847d-30714641b5f0:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-2cf6f3de-241f-3312-847d-30714641b5f0 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-2cf6f3de-241f-3312-847d-30714641b5f0:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-2cf6f3de-241f-3312-847d-30714641b5f0 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-2cf6f3de-241f-3312-847d-30714641b5f0" data-desktop-bg-color="#FAFAFA"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-372c84a3-87f9-3429-a3dc-9df0f8d314d7 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-372c84a3-87f9-3429-a3dc-9df0f8d314d7 { padding-top: 50px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-372c84a3-87f9-3429-a3dc-9df0f8d314d7 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-372c84a3-87f9-3429-a3dc-9df0f8d314d7"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-9 column-gap-md-0 column-gap-sm-0 row-reverse-md row-reverse-sm" data-analytics-scroll> <div id="columnContainer_c592cae9-5d9d-3948-82f2-064a5918f0fe_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_e17cd0bb-e793-3419-a35c-043fbc5a59a6" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-ca01e317-d564-3987-8ae3-2d5f4ed22090 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 55%; } } </style> <section class="bbd-component transition bbd-img-text-component id-ca01e317-d564-3987-8ae3-2d5f4ed22090 " data-analytics-scroll data-full-module data-analytics-module="media_and_text" data-analytics-region="apple_music" data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-am.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-am.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-am.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-am.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-am.jpg.large.2x.jpg 2x" alt="Apple Music" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:after, .btn-light.btn1-bg-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c{ color: ; } a.btn-light.btn1-outline-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:after, .btn-light.btn2-bg-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c{ color: ; } a.btn-light.btn2-outline-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:after, .btn-light.btn1-tablet-bg-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c{ color: ; } a.btn-light.btn1-tablet-outline-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:after, .btn-light.btn2-tablet-bg-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c{ color: ; } a.btn-light.btn2-tablet-outline-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:after, .btn-light.btn1-mobile-bg-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c{ color: ; } a.btn-light.btn1-mobile-outline-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:after, .btn-light.btn2-mobile-bg-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c{ color: ; } a.btn-light.btn2-mobile-outline-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:after, a.btn-light.btn2-mobile-outline-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-9ab94995-1daf-32e6-aac7-f3c2a37c3a8c{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> <div id="columnContainer_c592cae9-5d9d-3948-82f2-064a5918f0fe_1" class="sm-12 md-12 lg-6 "> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { #columnWrapper_ee48ed3a-c87a-39fe-82ec-7b6cd86dfad7{ padding: 0 8.33333%; } } @media screen and (max-width: 767px) { #columnWrapper_ee48ed3a-c87a-39fe-82ec-7b6cd86dfad7{ padding: 0 8.33333%; } } </style> <div id="columnWrapper_ee48ed3a-c87a-39fe-82ec-7b6cd86dfad7" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="apple_music"> <div class="rte-container-b5ddccda-e4f1-3804-be1b-3e290a5116d2 beatsRTE-desktoptext "> <div style="display: grid; grid-template-rows: repeat(4, auto); row-gap: 1.5rem;"> <picture class="tempClasstoTestParser"> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.small.2x.png"> <source media="(max-width: 1023px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.medium.2x.png"> <img src="/content/dam/beats/web/common/brand/apple-music-logo.png.large.2x.png" width="90"> </picture> <h2 style="margin: 0;"><span class="headline-2" style="color: #161616;">3 Monate Musik gratis für deine Beats*</span></h2> <p style="margin: 0;"><span class="body-large" style="color: #161616;">Beats und Apple Music sind füreinander gemacht.</span></p> <p style="margin: 0;"><span class="body-large" style="color: #161616;">Neue Abonnent:innen können ein 3-monatiges Angebot einlösen und über 100 Millionen Songs hören, ohne Werbung.</span></p> </div> </div> <div class="rte-container-b5ddccda-e4f1-3804-be1b-3e290a5116d2 beatsRTE-tablettext "> <div style="display: grid; grid-template-rows: repeat(4, auto); row-gap: 1.5rem; text-align: center;"> <picture class="tempClasstoTestParser"> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.small.2x.png"> <source media="(max-width: 1023px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.medium.2x.png"> <img src="/content/dam/beats/web/common/brand/apple-music-logo.png.large.2x.png" width="90" style="margin: 0 auto;"> </picture> <h2 style="margin: 0;"><span class="headline-2" style="color: #161616;">3 Monate Musik gratis für deine Beats*</span></h2> <p style="margin: 0;"><span class="body-large" style="color: #161616;">Beats und Apple Music sind füreinander gemacht.</span></p> <p style="margin: 0;"><span class="body-large" style="color: #161616;">Neue Abonnent:innen können ein 3-monatiges Angebot einlösen und über 100 Millionen Songs hören, ohne Werbung.</span></p> </div> </div> <div class="rte-container-b5ddccda-e4f1-3804-be1b-3e290a5116d2 beatsRTE-mobiletext "> <div style="display: grid; grid-template-rows: repeat(4, auto); row-gap: 1.5rem; text-align: center;"> <picture class="tempClasstoTestParser"> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.small.2x.png"> <source media="(max-width: 1023px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.medium.2x.png"> <img src="/content/dam/beats/web/common/brand/apple-music-logo.png.large.2x.png" width="90" style="margin: 0 auto;"> </picture> <h2 style="margin: 0;"><span class="headline-2" style="color: #161616;">3 Monate Musik gratis für deine Beats*</span></h2> <p style="margin: 0;"><span class="body-large" style="color: #161616;">Beats und Apple Music sind füreinander gemacht.</span></p> <p style="margin: 0;"><span class="body-large" style="color: #161616;">Neue Abonnent:innen können ein 3-monatiges Angebot einlösen und über 100 Millionen Songs hören, ohne Werbung.</span></p> </div> </div> </section> </div> </div> </div> </div></div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-c97d4280-4c38-3ceb-869a-0a525d4dbe7b { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-c97d4280-4c38-3ceb-869a-0a525d4dbe7b { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-c97d4280-4c38-3ceb-869a-0a525d4dbe7b { padding-top: 0px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-c97d4280-4c38-3ceb-869a-0a525d4dbe7b"></section> </div> </div> </div> </div> </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-2ce122a1-9cdf-34a9-8f47-1b5ef01775f7 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-2ce122a1-9cdf-34a9-8f47-1b5ef01775f7:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-2ce122a1-9cdf-34a9-8f47-1b5ef01775f7 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-2ce122a1-9cdf-34a9-8f47-1b5ef01775f7:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-2ce122a1-9cdf-34a9-8f47-1b5ef01775f7 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-2ce122a1-9cdf-34a9-8f47-1b5ef01775f7:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-2ce122a1-9cdf-34a9-8f47-1b5ef01775f7 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-2ce122a1-9cdf-34a9-8f47-1b5ef01775f7" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-52f53e7b-980f-3cf5-a588-3dd03a2cb445 { padding-top: 20px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-52f53e7b-980f-3cf5-a588-3dd03a2cb445 { padding-top: 20px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-52f53e7b-980f-3cf5-a588-3dd03a2cb445 { padding-top: 15px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-52f53e7b-980f-3cf5-a588-3dd03a2cb445"></section> </div> <div class="experiencefragment section">  <div class="faqComponentContainer"> <section class="faq"> <div class="faq-content" id="additional-product-details" data-analytics-scroll=""> <div class="faq-content-item layout-grid-sm-1 layout-grid-lg-1"> <h2 class='title-1'></h2> <div class="faq__section"> <button id="gpsr" aria-controls="gpsr" class="accordion__toggle" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse-gpsr" aria-label="Toggle FAQ" aria-expanded="false"> <div class="show-desktop"><p class="title-2">Informationen zur Produktsicherheit</p> </div> <div class="show-tablet"><p class="title-2">Informationen zur Produktsicherheit</p> </div> <div class="show-mobile"><p class="title-2">Informationen zur Produktsicherheit</p> </div> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <div role="region" id="gpsr-detail" aria-labelledby="gpsr-detail" class="faq__content accordion__content"> <div class="show-desktop"><div style="margin-bottom: 16.0px;"><p class="body-small"><b>Die Sicherheits- und Warnhinweise für dieses Produkt können Sie hier einsehen:</b> <a href="https://www.beatsbydre.com/support/product-safety-and-handling" style="text-decoration: underline;" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="product-safety-handling">https://www.beatsbydre.com/support/product-safety-and-handling</a></p> </div> <p class="body-small"><b>Hersteller:</b> Apple Inc., One Apple Park Way, Cupertino, CA, 95014, U.S.A.<br /> <b>Autorisierter Vertreter:</b> Apple Distribution International Limited, Hollyhill Industrial Estate, Hollyhill, Cork, Ireland <br /> <b>Elektronische Addresse:</b> <a href="https://www.apple.com/chde/" style="text-decoration: underline;">www.apple.com</a></p> </div> <div class="show-tablet"><div style="margin-bottom: 16.0px;"><p class="body-small"><b>Die Sicherheits- und Warnhinweise für dieses Produkt können Sie hier einsehen:</b> <a href="https://www.beatsbydre.com/support/product-safety-and-handling" style="text-decoration: underline;" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="product-safety-handling">https://www.beatsbydre.com/support/product-safety-and-handling</a></p> </div> <p class="body-small"><b>Hersteller:</b> Apple Inc., One Apple Park Way, Cupertino, CA, 95014, U.S.A.<br /> <b>Autorisierter Vertreter:</b> Apple Distribution International Limited, Hollyhill Industrial Estate, Hollyhill, Cork, Ireland <br /> <b>Elektronische Addresse:</b> <a href="https://www.apple.com/chde/" style="text-decoration: underline;">www.apple.com</a></p> </div> <div class="show-mobile"><div style="margin-bottom: 16.0px;"><p class="body-small"><b>Die Sicherheits- und Warnhinweise für dieses Produkt können Sie hier einsehen:</b> <a href="https://www.beatsbydre.com/support/product-safety-and-handling" style="text-decoration: underline;" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="product-safety-handling">https://www.beatsbydre.com/support/product-safety-and-handling</a></p> </div> <p class="body-small"><b>Hersteller:</b> Apple Inc., One Apple Park Way, Cupertino, CA, 95014, U.S.A.<br /> <b>Autorisierter Vertreter:</b> Apple Distribution International Limited, Hollyhill Industrial Estate, Hollyhill, Cork, Ireland <br /> <b>Elektronische Addresse:</b> <a href="https://www.apple.com/chde/" style="text-decoration: underline;">www.apple.com</a></p> </div> </div> </div> </div> </div> </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-8bbf128a-861d-33bf-add5-027062f25901 { background: #EFEDE9; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-8bbf128a-861d-33bf-add5-027062f25901:not(.bg-color-match-enabled) { background: #EFEDE9; } .bbd-full-width-container.id-8bbf128a-861d-33bf-add5-027062f25901 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-8bbf128a-861d-33bf-add5-027062f25901:not(.bg-color-match-enabled) { background: #EFEDE9; } .bbd-full-width-container.id-8bbf128a-861d-33bf-add5-027062f25901 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-8bbf128a-861d-33bf-add5-027062f25901:not(.bg-color-match-enabled) { background: #EFEDE9; } .bbd-full-width-container.id-8bbf128a-861d-33bf-add5-027062f25901 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-8bbf128a-861d-33bf-add5-027062f25901" data-desktop-bg-color="#EFEDE9" id="footnotes"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-2283ee9d-e7ad-3d2d-a0b9-5f42ea7ff1be { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-2283ee9d-e7ad-3d2d-a0b9-5f42ea7ff1be { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-2283ee9d-e7ad-3d2d-a0b9-5f42ea7ff1be { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-2283ee9d-e7ad-3d2d-a0b9-5f42ea7ff1be"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="footnotes" data-analytics-scroll> <div class="rte-container-16454b91-a8c6-37db-a544-1a31d54ea2ea component-section-spacing beatsRTE"> <ul style="font-size: 12px; color: #484848; list-style-type: none;"> <li id="footnote-1" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">1</sup>Die Tests wurden von Apple im April 2024 mit Prototypen von Beats Pill und Software mit dem iPhone 15 Pro und einer Vorabversion der Software durchgeführt. Die Wiedergabeliste umfasste 358 unterschiedliche Audiotitel, die im iTunes Store gekauft wurden (256 kbit/s AAC). Die Lautstärke war auf 50 % eingestellt. Bei den Tests wurden die Akkus der Beats Pill Lautsprecher während der Audiowiedergabe komplett entladen, bis die ersten Beats Pill die Wiedergabe einstellten. Die Akkulaufzeit hängt von den Geräteeinstellungen, der Umgebung, der Verwendung und vielen weiteren Faktoren ab.</li> <li id="footnote-2" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">2</sup>Beats Pill ist staub- und wasserabweisend und ist vor dem Eindringen von Sand, Wasser und anderen Partikeln geschützt, die bei der Nutzung drinnen und draußen auftreten können. Beats Pill wurde unter kontrollierten Laborbedingungen getestet und hat ein IP67-Zertifikat nach der IEC Norm 60529. Der Schutz vor Staub und Wasser ist nicht permanent und kann in Folge des normalen Verschleißes abnehmen. Versuchen Sie nicht, das Beats Pill im nassen Zustand zu laden; siehe <a href="https://support.apple.com/de-ch/119981" target="_blank" style="text-decoration: underline; color: #484848;">Apple Support</a> für Reinigungs- und Trocknungsanweisungen.</li> <li id="footnote-3" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">3</sup>Verglichen mit Beats Pill+.</li> <li id="footnote-4" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">4</sup>Erfordert kompatible verlustfreie Inhalte von unterstützten Apps/Diensten. Nicht alle Inhalte sind in verlustfreiem Format erhältlich.</li> <li id="footnote-5" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">5</sup>Erfordert ein iCloud Konto und ein kompatibles Apple Gerät mit der neuesten Betriebssystem-Software oder ein kompatibles Android Gerät mit der neuesten Betriebssystem-Software mit aktivierten Google Play Diensten.</li> <li id="footnote-6" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">6</sup>Die Tests wurden von Apple im April 2024 mit Prototypen von Beats Pill und Software mit dem iPhone 15 Pro und einer Vorabversion der Software durchgeführt. Die Wiedergabeliste umfasste 358 unterschiedliche Audiotitel, die im iTunes Store gekauft wurden (256 kbit/s AAC). Die Lautstärke war auf 50 % eingestellt. Die 10 Minuten Ladetests wurden mit entladenen Beats Pill durchgeführt, die 2 Stunden/10 Minuten aufgeladen wurden. Dann wurde die Audiowiedergabe gestartet, bis Beats Pill die Wiedergabe einstellte. Die Akkulaufzeit hängt von den Geräteeinstellungen, der Umgebung, der Verwendung und vielen weiteren Faktoren ab.</li> <li id="footnote-7" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">7</sup>Aufschlüsselung der US Einzelhandelsverpackung nach Gewicht. Klebstoffe, Druckfarben und Beschichtungen werden in unseren Berechnungen des Plastikanteils und Verpackungsgewichts nicht berücksichtigt. </li> <li id="footnote-8" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">*</sup>Nur für neue Abonnent:innen. Das Angebot ist in einem begrenzten Zeitraum für neue Abonnent:innen erhältlich, die ein berechtigtes Gerät mit einem Apple Gerät mit iOS 15 oder iPadOS 15 oder neuer verbinden. Das Angebot ist 3 Monate lang nach dem Koppeln mit dem berechtigten Gerät gültig. Für derzeitige Besitzer:innen 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. Einschränkungen und <a href="https://www.apple.com/chde/promo" target="_blank"><u>weitere Bedingungen</u></a> gelten.</li> </ul> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-7fefe9b2-70b5-39ff-ab90-73fcfa98b996 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-7fefe9b2-70b5-39ff-ab90-73fcfa98b996 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-7fefe9b2-70b5-39ff-ab90-73fcfa98b996 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-7fefe9b2-70b5-39ff-ab90-73fcfa98b996"></section> </div> </div> </div> </div> </section> </div> </div>  </div> </div> </div>  <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"> <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"> <div class="footer-content" data-analytics-scroll="" data-analytics-module="footer" data-analytics-region="global-footer"> <nav class='breadcrumbs' aria-label='breadcrumbs' role='navigation' data-analytics-module="breadcrumb" data-analytics-region="footer"> <ol class='breadcrumbs-list'> <li class='breadcrumbs-item first-item'><a class="home breadcrumbs-home body-small" aria-label="Beats Home" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="home" href="/ch-de"> <img data-lazy="" data-src="/content/dam/beats/global/logos/beats-logo-161616.png" alt="Beats Home" aria-hidden="true" src="/content/dam/beats/global/logos/beats-logo-161616.png"/> </a><i class="fa fa-chevron-right notranslate" aria-hidden="true"></i></li> <li class='breadcrumbs-item'><a class="body-small" data-analytics-click="" data-analytics-label="Speakers" data-analytics-link-type="siteClick" href="/ch-de/products#speakers">Lautsprecher</a> <i class="fa fa-chevron-right notranslate" aria-hidden="true"></i></li> <li class='breadcrumbs-item'><span class="body-small">Beats Pill</span></li> </ol> </nav>  <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"> <h2 id="footer-Produkte" class="hide-sm hide-md">Produkte</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Produkte-mobile">Produkte</h2> <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|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"> <h2 id="footer-Support" class="hide-sm hide-md">Support</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Support-mobile">Support</h2> <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"> <h2 id="footer-Unternehmen" class="hide-sm hide-md">Unternehmen</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Unternehmen-mobile">Unternehmen</h2> <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"> <h2 id="footer-Rechtliche Hinweise" class="hide-sm hide-md">Rechtliche Hinweise</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Rechtliche Hinweise-mobile">Rechtliche Hinweise</h2> <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"> <h2 class="footerDirectoryTitle">Ort</h2> <ul role="presentation" class="bbd-component" data-analytics-module="footer" data-analytics-region="footer-social-media-country-selector">  <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"> <h2 id="footerBeatsArmy" class="hide-sm hide-md">Folge uns</h2> <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 © 2024 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\u002Dpdp_v2'; 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'; window.productPathname = '/ch-de/speakers/beats-pill' var pageTrackData = '{\x22content\x22:{\x22pageName\x22:\x22beatsbydre|de|speakers|beats\u002Dpill\x22,\x22siteSection\x22:\x22\x22,\x22siteSectionSub1\x22:\x22\x22,\x22siteSectionSub2\x22:\x22\x22,\x22siteSectionSub3\x22:\x22\x22,\x22siteName\x22:\x22Beatsbydre\u002DCH\x22,\x22pageType\x22:\x22\x22,\x22contentType\x22:\x22\x22,\x22language\x22:\x22de\x22,\x22country\x22:\x22CH\x22,\x22contentCategories\x22:\x22\x22}}'; var basePageTitle = 'Neuste Beats Pill – Tragbarer Bluetooth Kabelloser Lautsprecher'; 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>  </body> </html>

CINXE.COM

Neuste Beats Pill – Tragbarer Bluetooth Kabelloser Lautsprecher