/* Additional CSS for Magento */ /* LIVE */ /* PWA GO-LIVE TODO .algolia-search-bloc{ display: none; } */ body #algolia_instant_selector #refine-toggle { color: #000; } /* Fallback auf Neue Schrift für ECMS Snippets mit Mont Bold */ @font-face { font-display: auto; font-family: 'Mont Heavy'; src: url('/media/css/font/MontBold.woff2'); } body.cms-test-dummy #maincontent h1, body.cms-test-dummy #maincontent h2, body.cms-test-dummy #maincontent h3, body.cms-test-dummy #maincontent h4, body.cms-test-dummy #maincontent h5, body.cms-test-dummy #maincontent h6{ font-family: 'Mont Bold','Mont Bold','Mont','non-serif'; /*letter-spacing: 0.3em;*/ } .container--superfilter .title-wrapper h1{ font-family: 'Mont Bold','Mont Bold','Mont','non-serif'!important; } /* Wax the nip */ html { scroll-behavior: smooth; } /* Temp: Black Friday Badge beyer-megamenu nav a[href$="https://north-america.beyerdynamic.com/deals"]:after */ beyer-megamenu nav a[href$="blackfriday"]:after, beyer-megamenu nav a[href$="blackfriday.html"]:after { display: inline-block; height: 14px; content: "SALE"; background: black; color: white; margin-top: -17px; margin-left: 1px; padding: 3px; font-size: 9px; } @media (max-width: 766px) { beyer-megamenu nav a[href$="blackfriday"]:after, beyer-megamenu nav a[href$="blackfriday.html"]:after, beyer-megamenu nav a[href$="https://north-america.beyerdynamic.com/deals"]:after { display: inline-block; height: 25px; content: "SALE"; background: black; color: white; margin-top: -20px; padding: 3px; font-size: 9px; margin-left: 5px; } } /* Kategorie Headlines ausblenden Saleskatalog */ /*.category-saleskatalog-1.catalog-category-view .super-filter-column h1,*/ .category-blackfriday.catalog-category-view #page-title-heading, .category-blackfriday.catalog-category-view .super-filter-column h1, .category-saleskatalog-1.catalog-category-view #page-title-heading, .category-saleskatalog-2.catalog-category-view .super-filter-column h1, .category-saleskatalog-2.catalog-category-view #page-title-heading, .category-sale.catalog-category-view .super-filter-column h1, .category-sale-123456.catalog-category-view #page-title-heading, .category-sale-123456.catalog-category-view .super-filter-column h1, .category-special-deals.catalog-category-view #page-title-heading, .category-design10.catalog-category-view #page-title-heading, .category-sale.catalog-category-view #page-title-heading, .category-specialdeals2222.catalog-category-view #page-title-heading, /*.category-test-dummy-saleskatalog1.catalog-category-view .super-filter-column h1,*/ .category-special-deals.catalog-category-view .super-filter-column h1, .category-saleskatalog.catalog-category-view .super-filter-column h1, .superfilter.category-3009 h1, .superfilter.category-3016 h1 { display: none!important; } /* Ausnahme: Mobil */ @media (max-width: 766px) { .category-special-deals.catalog-category-view .super-filter-column h1, .category-saleskatalog.catalog-category-view .super-filter-column h1, /*.category-test-dummy-saleskatalog1.catalog-category-view .super-filter-column h1,*/ .superfilter.category-3009 h1, .superfilter.category-3016 h1, .category-sale-123456.catalog-category-view .super-filter-column h1 { display: block!important; } } .megamenu-subcategory .megamenu-subcategory-headline, .megamenu-subcategory>a>h3, .megamenu-subcategory>h3, #terms-dropdown .col-header{ font-weight: 300!important; } /* TEMP BUGFIX: Gutscheinfeld in der Kasse ausblenden */ /*.checkout-index-index .checkout-discount-block{ display: none; }*/ .unite-carousel .carousel-indicators .active svg circle, beyer-icon[iconset=pom] svg circle{ fill: none!important; } /* Category Widgets 2021 - BW-2671 - START */ .category-widget-21{ display: flex; flex-wrap: wrap; } .category-widget-21 li svg{ width: 40%; } .category-widget-21 li{ flex-grow: 1; width: 33%; background-color: #efefef; min-height: 167px; position: relative; border-top: 7px solid white; border-bottom: 7px solid white; border-right: 11px solid white; border-left: 11px solid white; transition: background-color 400ms; } .category-widget-21 li:hover{ background-color: #dfdfdf; transition: background-color 400ms; } .category-widget-21 li.all{ background-color: transparent; } .category-widget-21 li.all h6{ font-size: 35px; max-width: 80%; text-align: left; right: unset; left: 25px; } .category-widget-21 li h6{ position: absolute; right: 25px; bottom: 5px; font-size: 20px; letter-spacing: -0.01em; max-width: 55%; text-align: right; transition: bottom 400ms; } .category-widget-21 li:hover h6{ position: absolute; bottom: 15px; transition: bottom 400ms; color: #ff5900; } .category-widget-21{ width: 105%; } /* SVGs */ .category-widget-21 .unterwegs .link{ background: url("https://www.beyerdynamic.de/media/beyer-snippets/ecms/widget/category-21/svg/beyerdynamic-Icons-Kopfhoerer_unterwegs-pfade2.svg"); background-position: -14% 37% !important; background-size: 50%!important; } .category-widget-21 .studio .link{ background: url("https://www.beyerdynamic.de/media/beyer-snippets/ecms/widget/category-21/svg/beyerdynamic-Icons-Kopfhoerer_studio-creater-pfade.svg"); } .category-widget-21 .gaming .link{ background: url("https://www.beyerdynamic.de/media/beyer-snippets/ecms/widget/category-21/svg/beyerdynamic-Icons-Kopfhoerer_gaming-pfade.svg"); } .category-widget-21 .highend .link{ background: url("https://www.beyerdynamic.de/media/beyer-snippets/ecms/widget/category-21/svg/beyerdynamic-Icons-Kopfhoerer_high-end-pfade.svg"); } .category-widget-21 .zuhause .link{ background: url("https://www.beyerdynamic.de/media/beyer-snippets/ecms/widget/category-21/svg/beyerdynamic-Icons-Kopfhoerer_zuhause-pfade.svg"); } .category-widget-21 a .link{ background-size: 44%!important; background-position: 0% 0%!important; background-repeat: no-repeat!important; height: 100%; } @media (max-width: 1200px) { .category-widget-21 li{ min-height: 140px; } .category-widget-21 li svg{ width: 45%; margin-top: 12px; } } @media (max-width: 991px) { .category-widget-21 li.all h6{ font-size: 25px; } .category-widget-21 li{ width: 50%; min-height: 120px; } .category-widget-21 li svg{ width: 40%; margin-top: 7px; } .category-widget-21 a .link{ background-size: 34%!important; } .category-widget-21 .unterwegs .link { background-position: 0% 44% !important; background-size: 40%!important; } } @media (max-width: 766px) { .category-widget-21 a .link{ background-size: 46%!important; background-position: -8% 0%!important; background-repeat: no-repeat!important; height: 100%; } .category-widget-21 a .link{ background-size: 113px!important; } .category-widget-21 .unterwegs .link { /*background-position: -19% 37% !important;*/ } .category-widget-21 li:hover h6{ bottom: 5px; } } @media (max-width: 500px) { .category-widget-21 li.all h6{ font-size: 20px; margin-bottom: 0; } .category-widget-21{ margin-left: -5px; margin-right: -5px; } .category-widget-21 li{ min-height: 80px; border-top: 3px solid white; border-bottom: 3px solid white; border-right: 5px solid white; border-left: 5px solid white; } .category-widget-21 li h6{ font-size: 16px; max-width: 70%; right: 10px; } .category-widget-21 li svg{ width: 35%; margin-top: 7px; } .category-widget-21 a .link{ background-size: 40%!important; background-position: -9%% 0%!important; background-repeat: no-repeat!important; height: 100%; } .category-widget-21 a .link{ background-size: 78px!important; } .category-widget-21 .unterwegs .link { background-position: -9% 37% !important; } } /* Category Widgets 2021 - BW-2671 - ENDE */ /* Test: Social Media Verteilerseite */ .sociallinks a .icon, .sociallinks a span{ z-index: 2; } .sociallinks a{ position: relative; } .sociallinks a .link:after{ content: ""; width: 0%; height: 100%; background-color: #000; transition: all 400ms; position: absolute; top: 0; left: 0; opacity: 0.07; } .sociallinks a:hover .link:after{ width: 100%; transition: all 400ms; } /* Temp Fix. CTA der Buybox klebt am unteren Rand */ @media screen and (max-width: 47.9375em) { .catalog-product-view .product-price-wrapper { padding-bottom: 38px!important; } } /* BW-2627 - Smartphone Burgernavi Fix */ @media (max-width: 560px) { /*li[data-category="megamenu_block_category_2948"]{*/ beyer-megamenu ul{ padding-bottom: 70px; } } /* TS Cookie Consent Styling START */ #usercentrics-button{ display: block!important; } #usercentrics-button .uc-border-radius-small { border-radius: 0px!important; } #usercentrics-button .uc-btn-new.uc-btn-accept { background-color: #ff5900!important; text-transform: uppercase; font-family: "Mont Bold","Mont Bold"!important; font-weight: normal!important; border-radius: 0px!important; } #usercentrics-button .uc-btn-new.uc-btn-deny { background-color: #272f35!important; text-transform: uppercase; font-family: "Mont Bold","Mont Bold"!important; font-weight: normal!important; border-radius: 0px!important; } #uc-central-banner-modal #uc-banner-centered #uc-full-optin-description a[href]{ color: white!important; text-decoration: underline; } #uc-central-banner-modal #uc-banner-centered #uc-full-optin-description a[href*="datenschutzerklaerung"], #uc-central-banner-modal #uc-banner-centered #uc-full-optin-description a[href*="datenschutzerklaerung"]{ color: #ff5900!important; } #uc-central-banner-modal a.uc-powered-by-logo:hover{ color: white!important; text-decoration: unset!important; } #uc-central-banner-modal #uc-btn-more-info-banner{ text-decoration: underline; } #uc-central-banner-modal #uc-btn-more-info-banner:hover{ color: #ff5900!important; } /* TS Cookie Consent Styling ENDE */ /* Nosto Superplacement START */ .nosto_superplacement .navigation{ width: 100%; position: relative; margin-top: 30px; } @media screen and (max-width: 600px){ .nosto_superplacement .navigation{ margin-top: 10px; } } .nosto_superplacement .navigation ul a.active{ border-bottom: 3px solid black; transition: all 400ms; padding-bottom: 10px; color: black; z-index: 2; } /* DARKMODE */ .nosto_superplacement.darkmode{ background-color: black; } .nosto_superplacement.darkmode .navigation ul a.active{ color: white; border-bottom: 3px solid #fff; } .nosto_superplacement.darkmode .navigation ul a{ color: #ccc; border-bottom: 1px solid #ccc; } .nosto_superplacement .navigation ul a: hover{ transition: color 200ms; } .nosto_superplacement .navigation ul a{ border-bottom: 1px solid #eaeaea; transition: all 400ms; transition: color 200ms; color: #ccc; font-family: "Mont Bold"; font-size: 20px; cursor: pointer; padding: 40px 30px 12px 30px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .nosto_superplacement .navigation ul{ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .nosto_superplacement .placements .nosto-title{ display: none; } .nosto_superplacement .placements .nosto_element{ margin-top: -17px!important; } @media screen and (max-width: 770px){ .nosto_superplacement .navigation ul a{ text-align: center; padding: 20px 20px 12px 20px; font-size: 16px; } .nosto_superplacement .navigation ul a.active{ /*border-bottom: none;*/ } } /* Nosto Superplacement ENDE */ /* Kategorie Filter umstylen */ /*@media screen and (min-width: 48em){ .catalog-category-view .filter-current .items { margin-bottom: 15px!important; } } @media screen and (min-width: 48em){ .catalog-category-view .filter-current { left:0; right: unset!important; } } .catalog-category-view #layered-filter-block .filter-content .filter-actions{ order: -1; }*/ /* TEMP: SUCHE zeigt nicht vorrätig Badges an -> ausblenden */ /*#instant-search-results-container .beyer-badge-wrapper{ display: none; }*/ /* Fix: 5px weißer Blitzer unterhalb von Bildern des ECMS Carousel Wigets */ .beyerdynamic-widget-carousel picture-component picture { margin-bottom: -5px!important; } /* BW-1890 - Checkout Mobil | Sticky CTA auf der Payment Seite */ @media (max-width: 425px){ .checkout-index-index .payments .actions-toolbar-trigger, .checkout-onepage-success .payments .actions-toolbar-trigger { padding-bottom: 8px; margin-bottom: 20px; background-color: white; } .checkout-index-index .checkout-agreement { bottom: 47px!important; } .service-contact-info{ margin-top: 15px; } .service-contact-info p{ font-size: 10px; line-height: 15px; } } /* BW-1991 - Kundenkonto in Hauptnavi | Mobil */ /*.nav-sections-item-content a[href$="wishlist/"], .nav-sections-item-content a[href$="product_compare/"]{ display: none!important; }*/ /* Merkliste im Warenkorb bei Produkten ausblenden. Funktion deaktiviert. */ .action-towishlist{ display: none; } /* BW-1916 - Zendesk ausblenden */ .page-products #launcher, .checkout-cart-index #launcher, .checkout-index-index #launcher, body[class^="cms-"] #launcher{ display:none!important; } /* Checkout: Adyen CC Label Abstand */ .adyen-checkout__card__holderName{ margin-top: 15px; } /* Outlet Kategorie: Unnötiger Filter */ body.category-outlet .category-2948{ display:none; } /* Hauptnavi Fix Tablet */ @media screen and (min-width: 1200px) and (max-width: 1240px){ .nav-sections-item-content .navigation a{ font-size: 12px!important; } } ul.beyer-links{ padding:0!important; } /* BW-1264 - Category Outlet | Category Name ausblenden mobil */ @media screen and (max-width: 500px){ .catalog-category-view.category-bd-mitarbeiter #maincontent .page-title, .catalog-category-view.category-online-exclusive-deals #maincontent .page-title, .catalog-category-view.category-outlet #maincontent .page-title, .catalog-category-view.category-sale #maincontent .page-title, .catalog-category-view.category-special-deals #maincontent .page-title{ display: none; } /* USA Outlet Headline */ /* .superfilter.category-2978 .title-wrapper:before{ content: "SAVE UP TO 60%"; display: block!important; font-family: "Mont-Bold","Mont Bold"; font-size: 25px; }*/ } /* ManufakturCTA für MMX300 und Edition-Hörer START */ .showonlyinecms{ display:none; background-color: #F0F8FF; padding: 20px; text-align: center; } html.ecms-active .showonlyinecms{ display:block!important; } /* Temporär deaktiviert */ /*.box-tocart .fieldset{ float: left; }*/ .product-sub-navigation__cta .manufakturcta{ padding-top: 0px; } .manufakturcta{ /*float: left;*/ padding-top: 17px; /* TEMP */ /* visibility: hidden;*/ } .manufakturcta:before{ content: " "; background-image: url("https://www.beyerdynamic.de/media/beyer-snippets/manufaktur/manufakturcta/manufakturicon.png"); background-size: cover; display: block; height: 24px; width: 24px; float: left; -webkit-animation:spin 8s linear infinite; -moz-animation:spin 8s linear infinite; animation:spin 8s linear infinite; } /* Animation: Dauerhaftes Drehen :D */ @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .manufakturcta p{ padding: 2px 0 0 32px; margin: auto; } .product-sub-navigation .manufakturcta{ padding-left: 10px; } @media screen and (max-width: 1200px) { .product-sub-navigation__cta .manufakturcta{ display:none; } } @media screen and (min-width: 375px) and (max-width: 767px) { .manufakturcta{ float: none; margin-left: calc(50vw - 174px)!important; } } @media screen and (max-width: 374px){ .manufakturcta{ margin-left: calc(50vw - 127px)!important; margin-bottom: 30px; } } /* ManufakturCTA für MMX300 und Edition-Hörer ENDE */ /* Suchergebnisseite: Filter ausblenden */ /* BW-1118 - "Geschäftsbereich" als Filter entfernen */ .is-widget-container-geschaeftsbereich{ display: none; } /* Nosto Banner Margin-Fix */ .top-banner #nosto_hinweisbanner{ margin:0; padding:0; } /* Nosto Kategorie Bug Fix */ #nosto-page-category1 .product-item-info{ -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } /* Handmade-Deals Seite: Kategorieheadline Mobil ausblenden */ .category-winter-specials .container--products .page-title, .category-best-of-2020 .container--products .page-title, .category-handmade-deals .container--products .page-title{ display: none!important; } /* Megamenu Flackern bei Pagereload eleminieren */ #megamenu-subs > div{ visibility:hidden!important; } #megamenu-subs > div:not(.hidden){ visibility:visible!important; } /* Global */ .nosto_element .product-item-description{ max-height: 68px!important; min-height: 68px!important; } /* Nosto Fonts */ /* Desktop */ #nosto-page-category1 .nosto-product-name.nosto-font, #nosto-page-category2 .nosto-product-name.nosto-font, #nosto-page-category3 .nosto-product-name.nosto-font{ font-size: 20px !important; } /* Mobile */ @media screen and (max-width: 47.9375em){ /* #nosto-page-cart .nosto-product-name.nosto-font, #nosto-page-product1 .nosto-product-name.nosto-font, #frontpage_mostwanted .nosto-product-name.nosto-font,*/ #nosto-page-category1 .nosto-product-name.nosto-font, #nosto-page-category2 .nosto-product-name.nosto-font, #nosto-page-category3 .nosto-product-name.nosto-font{ font-size: 15px !important; } /* #nosto-page-cart1 .product-item-description.p-small, #nosto-page-product1 .product-item-description.p-small, #frontpage_mostwanted .product-item-description.p-small,*/ #nosto-page-category1 .product-item-description.p-small, #nosto-page-category2 .product-item-description.p-small, #nosto-page-category3 .product-item-description.p-small{ font-size: 10px !important; min-height: 73px!important; } } /* Black Friday Seite Nosto Widget Abstand Smartphone */ @media (max-width: 575px) { #bf_testing{ margin: 0px auto 20px!important; } } /* NL Seiten: Keine Subnavi! */ section.page-464 .pageheader, section.page-464 #subNavi, section.page-464 .row.subNavi { display: none; } /* ECMS Hack */ /* Inline Texte Mobil ausblenden via "Quote" HTML Tag */ @media (max-width: 576px) { .widget-caption q{ display: none; } .mobileNoMarginTop{ margin-top: 0!important; } .mobileNoMarginBottom{ margin-bottom: 0!important; } } /* Minicart Bug: Initial ist der .minicart-items-wrapper zu klein für zweizeilige Produktnamen */ .minicart-items-wrapper{ min-height: 120px; height: auto!important; } .minicart-wrapper .block-minicart .minicart-items-wrapper .minicart-items{ max-height: 300px; overflow-y: scroll; } .nosto_element .products.list.items.product-items .product-item .product-item-info .product-item-photo{ padding:0px!important; } /* Anwenderwelt Konferenztechnik Navigationsfarbe */ .catalog-category-view .superfilter + .content.bg-orange{ background-color: #ededed!important; } /* Suchergebnisseite Stylefixes START */ .current-refinement-name:after{ content: " €"; } .ais-range-slider--value:after{ content: " €"; } .ais-range-slider--value { width: 48px; } .ais-stats--body{ display: none; } .algoliasearch-autocomplete-hit .badge, .ais-infinite-hits--item .badge { padding: 7px 8px 5px 8px; } #algolia_instant_selector .infos{ display: none; } /* Suchergebnisseite Stylefixes ENDE */ /* Helper: Columns auf 400px zentriert begrenzen */ .limitColumnWidth .ecms-col{ max-width: 400px; margin: 0 auto!important; } /* PDS: Zubehör Widget Abstände */ .product-accessories-upsell .product-accessories-upsell__header{ /*margin-bottom: 0;*/ } .product-accessories-upsell widget-products h4{ display: none; } .product-accessories-upsell widget-products .image-contain{ height: 18vh; } .product-accessories-upsell widget-products{ padding: 0; } @media screen and (min-width: 75em) .beyer-links { padding-left: .3rem; } } #open-suche span { height: 20px!important; width: 20px!important; } #open-suche svg *{ transition: fill 200ms; } #open-suche:hover svg *{ fill:#ff5900!important; transition: fill 200ms; } .toolbar-beyerdynamic .bd-icons span svg * { transition: fill 200ms; } .toolbar-beyerdynamic .bd-icons:hover span svg * { fill:#ff5900!important; transition: fill 200ms; } /* Hauptnavi Hover Style beschleunigen */ .level-top a{ transition: color 200ms; } .level-top a:hover{ color: #ff5900!important; transition: color 200ms; } /* Subnavi etwas breiter machen für MMX300 PDS */ .product-mmx-300 .product-sub-navigation__nav-item a { padding: 0 0.9rem; } .product-mmx-300 .manufakturcta { margin-left: 20px; } /* MMX 300 Manufaktur Hineis Fix */ @media screen and (min-width: 767px){ .product-mmx-300 .product-add-form form[action*="https://www.beyerdynamic.de"], .product-mmx-300 .product-add-form form[action*="https://europe"]{ float:left; } } .product-mmx-300 .product-sub-navigation .sub-nav-row .container-fixed { max-width: 1293px; } /* Subnavigation etwas breiter machen für Xelento Wireless PDS */ .product-sub-navigation .sub-nav-row .container-fixed{ max-width: 1234px; } /* Stylefix Anrede Kundenkonto erstellen */ .form-create-account #prefix{ width: 120px; } /* Helper Class for Content that should only appear in the Enhanced Content Management System - Builder */ .ecms-only{ display:none!important; } html.ecms-active .ecms-only{ display: block!important; background-color: lime; } /* Nosto ECMS Fix */ html.ecms-active .nosto_element{ display:none!important; } html.ecms-active .nosto_element.nosto-dynamic-placement{ display:block!important; } /* Nosto Warenkorb Styling */ body.checkout-cart-index #nosto-page-cart1{ margin-top: 100px!important; } #nosto-page-product1{ margin-top: 90px!important; } /* Nosto Kategoriewidget nur in den gewünschten Kategorien HAH + Outlet + Specialdeals anzeigen */ #nosto-page-category1, #nosto-page-category2, #nosto-page-category3{ display:none!important; } .category-kopfhorer-test #nosto-page-category1, .category-kopfhorer-headsets #nosto-page-category1, .category-headphones-headsets #nosto-page-category1{ display:block!important; } .category-special-deals #nosto-page-category3{ display:block!important; } .category-outlet #nosto-page-category2 > .container{ padding: 0; } .category-outlet #nosto-page-category2{ display:block!important; } /* PDS: Nosto Widget: Schriftgröße angleichen */ h3.nosto-title{ font-size: 40px; } @media screen and (max-width: 74.9375em){ h3.nosto-title{ font-size: 35px; } } @media screen and (max-width: 47.9375em){ h3.nosto-title{ font-size: 25px; } } /* Unite Navigation Fix */ .product-sub-navigation .sub-nav-row .carousel-flickity button{ display: none; } .product-sub-navigation .sub-nav-row .carousel-flickity{ opacity:1!important; } .product-sub-navigation .sub-nav-row .flickity-prev-next-button{ position: absolute; border: none!important; display: block!important; } /* Redesign Produktkategorie START */ /* Initial nix zeigen */ #layered-filter-wrapper .filter-options-content{ display:none; } /* Hoverstyle */ #layered-filter-wrapper .filter-options-title span, #layered-filter-wrapper .filter-options-content a{ font-family: Mont Book; } #layered-filter-wrapper .filter-options-title{ cursor:pointer; } /*#layered-filter-wrapper .filter-options-title span:hover { text-decoration: none; font-family: Mont Bold; }*/ /* Animation */ #layered-filter-wrapper .filter-options-content[aria-hidden="false"]{ overflow: hidden; opacity: 1!important; transition: opacity 700ms; } #layered-filter-wrapper .filter-options-content[aria-hidden="true"]{ display:block!important; overflow: hidden; opacity: 0!important; height:0!important; transition: opacity 700ms; } .container--products .product-items .product-item .product.details.product-item-details .product-item-link{ text-transform: uppercase; } /* Vollflächige Verlinkung - BW-974 - START */ .catalog-category-view .product-link{ text-decoration:none!important; } .catalog-category-view .product-item-description, .catalog-category-view .product-item-name{ text-decoration: none!important; text-decoration-style:none!important; text-decoration-color:transparent; text-decoration-line:none; } .catalog-category-view .product-link:hover .container-image{ background-color: #b6b7b7; } .catalog-category-view .container-image{ position: relative; bottom: 0; margin-bottom: 15px; padding: 0!important; background-color: #ededed; -webkit-transition: background-color .3s; transition: background-color .3s; } /* Vollflächige Verlinkung - BW-974 - ENDE */ /* Redesign Produktkategorie END */ /* Höhenanpassung Selectfeld der konfigurierbaren Artikel an Warenkorb CTA */ .field.configurable.required .super-attribute-select{ height: 58px; } /* Create History Page Navi START */ .creathistory_navi ul li a:hover{ font-family: "Mont Regular",sans-serif; color: #FF5900; -webkit-transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; -ms-transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; } .creathistory_navi ul li a{ color: #000000; -webkit-transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; -ms-transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; text-decoration: none; font-family: "Mont Book",sans-serif; letter-spacing: .01em; /*text-transform: uppercase;*/ font-size: 16px; line-height: 1.1; hyphens: auto; overflow-wrap: break-word; padding: 5px; } .creathistory_navi ul li{ display: inline-block; width: 147px; margin: 0 10px; text-align: center; } .creathistory_navi ul{ padding: 13px 10px 10px 10px; } .creathistory_navi ul + ul{ padding: 10px 10px 13px 10px; } .creathistory_navi{ background-color: #e9eae8; } /* Create History Page Navi ENDE */ /* Soundcloud iFrame optimieren */ iframe[src^="https://w.soundcloud.com"]{ margin: 0 auto; width:100%!important; max-width: 750px; } /* Kaufen Button mit Schloss Icon aufwerten */ #place-order-trigger, .continue.beyer-button{ padding: 2px 30px 0 51px; background-position: 28px 13px; background-repeat: no-repeat; background-image: url("https://www.beyerdynamic.de/media/closed_lock_icon_white.svg"); background-size: 19px; } #place-order-trigger:hover, .continue.beyer-button:hover, .checkout-methods-items button:hover{ /* background-color: #ff5900; border-color: #ff5900;*/ opacity: 0.8; transition: opacity 300ms; } @media (max-width: 575px) { #place-order-trigger, .continue.beyer-button{ background-position: 40% 13px; } } /* Warenkorb Buttons Hover Effekt */ #product_addtocart_form #product-addtocart-button:hover, #sticky-wrapper .js-product-addtocart-button-clone:hover, .product-item-info button:hover, #top-cart-btn-checkout:hover{ opacity: 0.8; transition: opacity 300ms; } /* Checkout Schriftgröße erhöhen */ /*@media (max-width: 1024px) {*/ .account .content-beyerdynamic select, [class|=checkout] .content-beyerdynamic select, [class|=customer-account] .content-beyerdynamic select, .checkout-index-index input[type=tel], .account .content-beyerdynamic input[type=email], .account .content-beyerdynamic input[type=password], .account .content-beyerdynamic input[type=text], [class|=checkout] .content-beyerdynamic input[type=email], [class|=checkout] .content-beyerdynamic input[type=password], [class|=checkout] .content-beyerdynamic input[type=text], [class|=customer-account] .content-beyerdynamic input[type=email], [class|=customer-account] .content-beyerdynamic input[type=password], [class|=customer-account] .content-beyerdynamic input[type=text]{ padding: 0.8rem 0.5rem 0.1rem 0.5rem!important; } .checkout-index-index #checkout .admin__field input { font-size: 16px!important; } /*}*/ /* Mobil: Aufklappbare Bereiche "Downloads" */ @media (max-width: 767px) { .product-downloads__header:after, .product-technical-data__header:after, .product-test-reports__header:after, .product-awards__header:after{ content: " ＋"; position: absolute; right: 10px; } .product-downloads__header.opened:after, .product-technical-data__header.opened:after, .product-test-reports__header.opened:after, .product-awards__header.opened:after{ content: " －"; } .product-downloads__header + .container-fixed, .product-technical-data__header + .container-fixed, .product-test-reports__header + .container-fixed, .product-awards__header + .container-fixed{ display: none; margin-top: 2rem; } .product-downloads, .product-test-reports, .product-technical-data, .product-awards{ margin-top: 1.6rem!important; } } /* Hauptnavigation smoothen */ .page-header .header.content{ transition: margin-top 400ms; } body.stickynavi .page-header { box-shadow: 0px 0 15px rgba(0,0,0,0.5); } body.stickynavi.catalog-product-view .page-header { box-shadow: none; } body.stickynavi.catalog-product-view .is-sticky .product-sub-navigation { box-shadow: 0px 0 15px rgba(0,0,0,0.5); } /* PDS: Abstand verringern; */ @media screen and (min-width: 75em) { .catalog-product-view .product-info-main { margin-top: 2rem!important; } } /* Wishlist und Produktvergleich entfernen */ .product-addto-links .handleWishlist, .product-addto-links .action.tocompare, .header.links .link.compare, .header.links .link.wishlist, .product .actions-secondary{ display:none; } /* PDS: H6 kleiner machen */ .product-info-main .product-description h6{ font-size: 15px; } /* Hide Econda Recommendations in NA Cart */ html.idce_318 .checkout-cart-index .econda-wrapper { display:none!important; } /* Hide "dummy" and "Test" searchresults */ .algoliasearch-autocomplete-hit[href*="test"]{ display: none!important; } .algoliasearch-autocomplete-hit[href*="dummy"]{ display: none!important; } .algoliasearch-autocomplete-hit[href*="welcome"]{ display: none!important; } .algoliasearch-autocomplete-hit[href*="nosto"]{ display: none!important; } .algoliasearch-autocomplete-hit[href*="beyer-testsystem.de"]{ display: block!important; } /* Bug: Hide CookieDeclaration in Mobile Navigation */ .nav-sections-item-content .CookieDeclaration { display: none!important; } /* Checkout: Rabatt unterposition ausblenden */ .opc-block-summary .totals.discount span:after{ display: none!important; } /* Checkout WE-Store: Coupontitel verbergen und dann korrigiert wiedereinblenden */ html[lang="en"] .totals.discount .title { display: none; } html[lang="en"] .totals.discount th{ overflow: hidden; white-space: nowrap; } html[lang="en"] .totals.discount span{ width: 87px; overflow: hidden; } .opc-block-summary .total-rules { display: none!important; } /* Ecms link style like cta*/ .ctabutton { display: inline-block; border: 1px solid #fff; padding: 15px 25px; margin-right: 40px; cursor: pointer; text-transform: uppercase; font-family: "Mont Bold"; font-weight: 300 } .ctabutton:hover { text-decoration: none; border-color: #ff5900; color: #ff5900 } /* Temporär: DACH Store: Unternehmen-Seite in Hauptnavigation ausblenden */ /* Ohne Megamenü */ /*nav a[href="https://www.beyerdynamic.de/manufaktur.html"], nav a[href="https://europe.beyerdynamic.com/manufaktur.html"],*/ a[href="https://north-america.beyerdynamic.com/company"], a[href="https://europe.beyerdynamic.com/company"], a[href="https://www.beyerdynamic.ch/unternehmen"], a[href="https://www.beyerdynamic.de/unternehmen"]{ display: none!important; } li[data-category="megamenu_block_typo3_2389"]{ display: none!important; } li[data-category="megamenu_block_typo3_2397"]{ display: none!important; } li[data-category="megamenu_block_typo3_4356"]{ display: none!important; } /* Blog */ li[data-category="megamenu_block_typo3_6709"]{ display: none!important; } /* Temporär: EUROPE Store: Unternehmen-Seite in Hauptnavigation ausblenden */ li[data-category="megamenu_block_typo3_2388"]{ display: none!important; } li[data-category="megamenu_block_typo3_2396"]{ display: none!important; } li[data-category="megamenu_block_typo3_4355"]{ /*display: none!important;*/ } /* Temporär: USA Store: FAQ-Seite + Company-Seite in Hauptnavigation ausblenden */ li[data-category="megamenu_block_typo3_2392"]{ display: none!important; } /* USA FAQ */ li[data-category="megamenu_block_typo3_4359"]{ display: none!important; } /* WE FAQ */ li[data-category="megamenu_block_typo3_4355"]{ display: none!important; } /* Global FAQ */ li[data-category="megamenu_block_typo3_4362"]{ display: none!important; } /* 2022-02-14 Fix THX @ TRSA */ .level0 a[href*="service"], .level0 a[href*="faq"] { display: none!important; } /* Megamenü Abstände für Umlaute in Headlines */ #megamenu_block_typo3_6553 .megamenu-subcategory .megamenu-subcategory-headline, .megamenu-subcategory>a>h3, .megamenu-subcategory>h3, #megamenu_block_typo3_6559 .megamenu-subcategory .megamenu-subcategory-headline, .megamenu-subcategory>a>h3, .megamenu-subcategory>h3{ line-height: 28px; } /* Mobile Navi auf iOS Safari: Kann nicht bis nach Unten gescrollt werden */ @media (min-width: 0px) and (max-width: 1119px){ nav ul#ui-id-1{ padding-bottom: 100px; } } /* Optimierung Ladeverhalten von Magento CMS-Pages */ .header.content{ flex-wrap: wrap; display: flex; flex: 1 1 100%; } .beyer-links { display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center; max-width: 100%; } /* Trusted eShops Produktbewertungen - START */ .ts-rating-light.productreviews .ts-wrapper .ts-reviews .ts-reviews-list li .ts-review{ border: none!important; border-bottom: 1px solid #dad9d5!important; padding-bottom: 25px!important; } .ts-rating-light.productreviews .ts-wrapper .ts-reviews .ts-reviews-list li:last-child .ts-review{ border: none!important; padding-bottom: 0px!important; } .ts-header-title, .ts-header-subtitle, .ts-header-logo{ display:none!important; } .ts-header-filter-dropdown { position: absolute!important; display: block; right: 0; } .ts-rating-light.productreviews .ts-wrapper .ts-header .ts-header-filter-dropdown .ts-header-filter-dropdown-label .ts-header-filter-dropdown-label-chevron::before { content: " >"; font-family: "Mont Bold"!important; /*font-weight:800;*/ display: inline-block; transform: rotate(90deg); } .ts-rating-light.productreviews .ts-wrapper .ts-header .ts-header-filter-dropdown.ts-header-filter-dropdown-open .ts-header-filter-dropdown-label .ts-header-filter-dropdown-label-chevron::before { content: " <"; font-family: "Mont Bold"!important; /*font-weight:800;*/ display: inline-block; transform: rotate(90deg); } .ts-header-filter-dropdown-label{ padding-right: 10px!important; padding-left: 10px!important; /*zoom: 1.05;*/ -moz-transform: scale(1.05); /*-moz-transform-origin: 0 0;*/ -webkit-transform: scale(1.05); /*-webkit-transform-origin: 0 0;*/ } .ts-header-filter-dropdown-label-chevron{ margin-left: 5px; /*zoom: 1.3;*/ -moz-transform: scale(1.3); /*-moz-transform-origin: 0 0;*/ -webkit-transform: scale(1.3); /*-webkit-transform-origin: 0 0;*/ } .ts-header-filter-dropdown-content.ts-rating-light.productreviewsSummary { min-width: 135px; /*zoom: 1.1;*/ -moz-transform: scale(1.1); /*-moz-transform-origin: 0 0;*/ -webkit-transform: scale(1.1); /*-webkit-transform-origin: 0 0;*/ } .ts-rating-light.productreviews .ts-wrapper .ts-reviews .ts-reviews-list li .ts-review .ts-review-text{ line-height: 17px!important; color: #333!important; } .ts-rating-light.productreviews .ts-pagination-current-page , .ts-rating-light.productreviews .ts-reviews-pagination { margin-top: 12px!important; } .ts-rating-light.productreviews .ts-pagination-current-page , .ts-rating-light.productreviews .ts-reviews-pagination a{ font-size: 19px; font-family: "Mont Bold"!important; color: #333; } .ts-rating-light.productreviews .ts-reviews-pagination a:hover, .ts-rating-light.productreviews .ts-pagination-current-page{ color: #ff5900!important; } .ts-rating-light.productreviews .ts-wrapper .ts-reviews{ margin-bottom: 0px!important; } .ts-rating-light.productreviews .ts-wrapper .icon-star-full{ color: #ff5900!important; } .ts-rating-light.productreviews * { font-family: "Mont Book"!important; font-size: 12.5px; } .trustedshops h2{ font-size: 40px; margin-bottom: 0; } @media (min-width: 0px) and (max-width: 499px){ .trustedshops h2{ font-size: 30px; } .ts-header-filter-dropdown{ position: relative!important; float: none!important; max-width: 121px; margin: 0 auto; margin-bottom: 23px; } .ts-header-filter-dropdown-content{ right: -20px!important; top: 33px; zoom: 1.1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } } /* Navi Fix Global Store */ @media screen and (min-width: 1200px){ .header.content:not(.shrinkHeader) .logo { margin-top: 1.6rem; margin-bottom: 1.66rem; } } /* Stars */ #trustedshopsproducts .ts-header-subtitle + .productreviewsSummary.ts-rating-light .icon-star-empty, #trustedshopsproducts .ts-header-subtitle + .productreviewsSummary.ts-rating-light .icon-star-full{ } .ts-rating-light.productreviewsSummary .ts-stars-wrapper .ts-stars-fullBar{ /* width: auto!important; height: auto!important;*/ } #trustedshopsproducts .ts-header { text-align: center; } #trustedshopsproducts .ts-header-subtitle + .productreviewsSummary.ts-rating-light{ margin: 0 auto; display: flex; flex-direction: column; /*zoom: 1.7;*/ -moz-transform: scale(1.7); /*-moz-transform-origin: 0 0;*/ -webkit-transform: scale(1.7); /*-webkit-transform-origin: 0 0;*/ } #trustedshopsproducts .ts-header-subtitle + .productreviewsSummary.ts-rating-light .ts-stars-reviewCount{ display: table-column; } .trustedshopslogo { margin: 0 auto; margin-bottom: 40px; height: 55px; } .ts-reviewSummary-bestRating{ display:none; } .ts-stars-reviewCount{ display:none!important; } .ts-reviewSummary-averageRating .ts-reviewSummary-ratingValue{ font-size: 19px; font-family: Mont Bold!important; color: black; } .basedontext p{ font-size: 19px!important; margin: 16px 0 50px 0; } .ts-rating-light.productreviewsSummary .ts-reviewSummary-averageRating{ padding-left: 0px!important; } .ts-rating-light.productreviewsSummary .ts-stars-wrapper { order: 2; margin: 0 auto; } .ts-reviewSummary-averageRating{ order:1; } .ts-header-filter-dropdown{ z-index: 2; } /* Trusted Shops Product Rating Stars */ .product-short-description .ts-rating-light .ts-reviewSummary-ratingValue{ margin-left: 4px; } .product-short-description .tsRatingDiv .productreviewsSummary{ transition: transform 200ms ease-in; } .product-short-description .tsRatingDiv{ display: table-cell; } .product-short-description .productreviewsSummary{ margin-top: 5px; } /* Trusted eShops Produktbewertungen - ENDE */ /* Referenzkacheln auf Anwenderseiten in Magento */ .beyer-tile-reference .widget-container h3{ font-size: 50px; } /* Megamenü Animierte Kacheln Schriftabstand FIX */ .megamenu-subcategory .tile-animated h4{ font-size: 23px!important; } /* Magento Lightbox Paginierung */ .fotorama__active .fotorama__dot { background-color: #ff5501!important; border-color: #ff5501!important; } .fotorama__dot { height: 8px; width: 8px; border-color: #ff5501!important; } /* Umlaut Punkte werden abgeschnitten in Magento technische Daten */ .product-technical-data__list-term { padding-top: 0.20em; } /* ECMS Widget "Product Comparison" fixen */ .beyerdynamic-widget-comparison img{ max-height: 850px; margin: 0 auto; } /* Footer > Social Media Icons :hover */ .socialmediafooterblock a:hover{ text-decoration:none; } /* BW-80 */ .modal-popup .modal-title{ font-size: 25px; } /* Checkout Riesen-Schrift bei Adressvalidierung */ aside:not(.checkout-pack-station-popup) h1#modal-title-7, aside:not(.checkout-pack-station-popup) h1#modal-title-8{ font-size: 30px; } /* Für den neuen MMX300 Manufaktur Konfigurator bei Smartphones das "X" Icon ausbelnden da es sonst über dem Filter-Dialog liegt und Kunden versehentlich zurück auf die Manufaktur Vorschaltseite landen könnten *lufthol* */ @media (min-width: 0px) and (max-width: 400px){ #product-configurator-iframe-configurator .close{ display:none; } } /* MANUFAKTUR */ /* "X" Close-Button Mobil ausblenden */ @media (min-width: 0px) and (max-width: 499px){ #product-configurator-iframe-configurator .close{ display: none; } } /* Emersya 3D Viewer Style auf Lagoon ANC PDS */ #lagoon-3d-player{ height:77vh; max-width: 1400px; margin: 0 auto; } /* Stylefix Lieferzeit + Bestandscountdown - temporär?! */ .product-info-price .product-availability, .product-info-price .product-delivery-time, .product-info-price .product-tax__rate span{ line-height: 23px; font-size: 15px; font-family: Mont Book; } .product-info-price .product-delivery-time{ width:100%; } /* START Salesforce Chat Störer Styling */ .embeddedServiceHelpButton .helpButtonLabel { display: none; } .embeddedServiceHelpButton .helpButton .uiButton { background-color: #ff5900; font-family: "Mont Book", sans-serif; outline: 0!important; height: 55px!important; } .embeddedServiceHelpButton .helpButton .uiButton:focus { text-decoration:none; } .embeddedServiceHelpButton .embeddedServiceIcon::before { font-family: "embeddedserviceiconfont"; font-size: 2.2em; } #sfchat_opener{ animation: shakeme 0.3s; animation-iteration-count: 5; animation-delay: 9s; } @keyframes shakeme { 0% { transform: rotate(0deg);} 25% { transform: rotate(15deg);} 50% { transform: rotate(0deg);} 75% { transform: rotate(-15deg);} 100% { transform: rotate(0deg);} } .embeddedServiceHelpButton .helpButton { position: fixed; bottom: 85px!important; right: 40px!important; height: 55px!important; width: 55px!important; overflow: hidden!important; border-radius: 30px!important; box-shadow: 0px 5px 5px rgba(0,0,0,0.3); } @media (min-width: 0px) and (max-width: 499px){ .embeddedServiceHelpButton .helpButton { position: fixed; bottom: 10px!important; right: 20px!important; height: 55px!important; width: 55px!important; overflow: hidden!important; border-radius: 30px!important; box-shadow: 0px 5px 5px rgba(0,0,0,0.3); } } /* END Salesforce Chat Störer Styling */ /* ECMS Fix: Cursor: Pointer für ECMS Widgets zeigen die verlinkt sind */ div[data-widget-data*="widgetLink\":\"/"], div[data-widget-data*="widgetLink\":\"http"]{ /* cursor:pointer;*/ } /* Wistia Widget Ladeverhalten Fix */ .ecms-widget-beyer_enhancedcms_widget-wistia{ position: relative; } /* App-Store Logos werden riesig dargestellt */ .beyerdynamic-widget-bg-image-text .cke_widget_element img{ width:auto!important; } /* Fotorama Ladeblume verstecken auf PDS */ .product.media .gallery-placeholder__image .loader img:last-of-type{ display:none; } /* Subnavigation Ladeverhalten optimieren */ .product-sub-navigation span{ text-transform: uppercase; } .product-sub-navigation{ width: 100%!important; } /*.product-sub-navigation .is-hidden{ display: block!important; }*/ /* Jira Ticket BW-67 - Sticky Navi Viewport Ipad PRO */ @media (min-width: 992px) and (max-width: 1199px){ .content-beyerdynamic{ padding-top: 4.5rem!important; } } @media (min-width: 1200px) and (max-width: 1439px){ .product-sub-navigation{ top: 40px!important; } .content-beyerdynamic{ /*padding-top: 5.5rem!important;*/ } } /* Manufaktur: korrekte Iconfarbe */ #product-configurator-iframe-configurator .close{ display: none!important; } body.product-dt-880-manufaktur #product-configurator-iframe-configurator .close{ display: block!important; } body.product-dt-990-manufaktur #product-configurator-iframe-configurator .close{ display: block!important; } /* Im Footer CTA Buttons ohne Abstand zwischen Icon und Text fixen */ footer beyer-button beyer-icon { margin-right: 8px; } footer beyer-button .content-container{ margin-top: 4px; } #algolia-autocomplete-container { font-family: "Mont Book"; } /* iOS 12 Safari Bug */ #algolia-search-block.closed #terms-dropdown{ display:none!important; } /* Suche: Überschriften auf iPad Hochkant */ @media (min-width: 768px) and (max-width: 768px){ #terms-dropdown .col-header{ white-space:inherit!important; font-size:1rem!important; } } /* SVG Icon Fix - UNITE ANC BORDER*/ .unite-carousel beyer-icon[name*="_border"]{ margin: 7px; } .unite-carousel beyer-icon[name*="_border"] svg circle.st0{ r: 35; stroke-width: 2; } .product-add-form .manufakturcta:before{ -webkit-animation:spin 7s linear 2!important; -moz-animation:spin 7s linear 2!important; animation:spin 7s linear 2!important; margin-right: 5px; } .product-sub-navigation__cta .manufakturcta:before{ -webkit-animation:spin 7s linear 2!important; -moz-animation:spin 7s linear 2!important; animation:spin 7s linear 2!important; } h2.beyer-ampromo-gallery-item-header { font-size: 20px; } .checkout-index-index .open-beyer-ampromo-modal-wrapper { margin: 0!important; margin-bottom: 3rem!important; } /* Countdownbanner Imagefix */ .countdownimg{ width: auto; height: 100%; } /* Wegklickbarer TrustBanner Oberhalb der Navigation - Fixed */ .page.messages{ z-index:100; } /* POM Icons invertiert */ beyer-icon[iconset=pom] svg#white *{ fill: #000!important; } beyer-icon[iconset=pom] svg#white{ background: #fff!important; } /* ECMS Fix: Blende unnötige Elemente aus */ html.ecms-active .cc-banner, html.ecms-active .zEWidget-launcher, html.ecms-active .page-header, html.ecms-active footer, html.ecms-active .ip-wrapper { display: none!important; } html.ecms-active .page-wrapper{ margin-top: 0!important; } /* Notifications immer ganz oben platzieren */ .page.messages { top:0!important; z-index: 10000!important; opacity: 1!important; } /* Produktvergleich */ .catalog-product_compare-index .page-title{ margin-top: 50px; } /* Toolbar (Warenkorb, Konto, Regionenauswahl) */ .toolbar-beyerdynamic{ font-family: "Mont Book", "sans-serif"; } /* Region Suggester START */ .ip-wrapper{ background: #e1e6e1; border-top: none; font-family: "Mont Book", "sans-serif"; padding: 15px; } .ip-wrapper span, .ip-wrapper a{ font-size: 13px; padding-top: 2px; } .ip-wrapper span.bold{ font-family: "Mont Bold", "sans-serif"; margin-right: 5px; } .ip-wrapper a{ text-decoration: underline; margin-left: 15px; } .ip-wrapper .country-name{ font-family: "Mont Book", "sans-serif"!important; } .ip-wrapper .container{ display: flex; align-items: center; justify-content: center; padding-right: 20px; padding-left: 20px; min-height: 22px; } .ip-wrapper .ic_flag{ width:22px; height:22px; background-repeat:no-repeat; margin-right: 10px; } .ip-wrapper .row-2{ display: none; } @media (min-width: 1px) and (max-width: 450px) { .ip-wrapper .ic_flag{ width:32px; height:32px; } } .ip-wrapper #close-ip{ position: absolute; top: 15px; right: 15px; min-width: auto!important; background-color: transparent!important; border-color: transparent!important; width: 20px; height: 20px; display: block; padding: auto; font-size: 0em; font-weight: 700; border-width: 2px; border-style: solid; text-align: center; white-space: nowrap; background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center; background-size: cover; z-index: 2; } .ip-wrapper #close-ip:hover{ background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center; background-size: cover; } body.ip-active .cc-window:not(.cc-floating){ bottom: 52px; } /* Region Suggester END */ /* Region Selector START */ .switcher-store .ic_flag{ width: 23px; height:23px; background-repeat: no-repeat; } .switcher-store .ic_flag svg{ display: none; } #switcher-store .row{ padding: 0; font-size: 14px; } #switcher-store .row a{ padding: 12px 20px; display: flex; width: 100%; align-items: center; } #switcher-store .row a span.flag_name{ padding: 0 0.5em 0 0.8em; padding-top: 1px; } #switcher-store .row a span.ic_flag{ width: 23px; height:23px; background-repeat: no-repeat; } /* Mobile Navi */ @media (min-width: 1px) and (max-width: 1199px) { #switcher-store .row a span.flag_name { padding: 0 0.5em 0 0.8em; padding-top: 2px; } #switcher-store .row a { padding: 13px 20px; } } /* Region Selector END */ /* Checkout: Newsletter Checkbox ausblenden */ .fieldset.newsletter { /*display: none;*/ } .newsletter-subscribe .form-checkbox{ display: none; } /* BW-248 - Wishlist Mobil ausblenden */ @media (min-width: 1px) and (max-width: 576px) { .product-item-details .handleWishlist{ display: none; } } /* 2019-12-04 - Anpassungen Konferenztechnik Kategorieseiten */ /* Desktop */ /* MD */ @media (min-width: 48em){ body.category-conference-technology .product-item.col-lg-6, body.category-conference-technology .product-item.col-md-6, body.category-konferenztechnik .product-item.col-lg-6, body.category-konferenztechnik .product-item.col-md-6 { -ms-flex: 0 0 33.3333333333%!important; flex: 0 0 33.3333333333%!important; max-width: 33.3333333333%!important; } body.category-konferenztechnik .column.main, body.category-conference-technology .column.main{ -ms-flex: 0 0 100%!important; flex: 0 0 100%!important; max-width: 100%!important; max-width: 100%!important; } body.category-konferenztechnik .column.sidebar, body.category-conference-technology .column.sidebar{ display:none!important; } } /* LG */ @media (min-width: 62em){ body.category-konferenztechnik .product-item.col-xl-4, body.category-conference-technology .product-item.col-xl-4 { -ms-flex: 0 0 25%!important; flex: 0 0 25%!important; max-width: 25%!important; } } /* Mobile */ @media (max-width: 767px) { body.category-konferenztechnik .filter-options-section, body.category-conference-technology .filter-options-section{ border-top: none!important; } body.category-konferenztechnik .filter-options-section .filter-options-item, body.category-conference-technology .filter-options-section .filter-options-item{ display:none; } body.category-konferenztechnik .filter-options-section .super-filter, body.category-conference-technology .filter-options-section .super-filter{ display:none; } body.category-conference-technology .filter-options-section .super-filter:first-child, body.category-conference-technology .filter-options-section .super-filter:nth-child(2), body.category-konferenztechnik .filter-options-section .super-filter:first-child, body.category-konferenztechnik .filter-options-section .super-filter:nth-child(2) { display:block; } } /* Mobile Sticky Cart Button vs. Zendesk Widget Launcher */ iframe#launcher{ z-index:8888!important; } /* Checkout Modals Packetumleitung + UmSt. Hinweis */ .checkout-pack-station-popup .modal-subtitle{ margin-top: 10px; } .checkout-pack-station-popup .modal-advantages{ zoom: 1.15; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); } /* Temporärer Fix für Smartphones: Fotorama Placeholder ausblenden. BW-403 */ @media (max-width: 560px) { /* Fotorama Ladeblume verstecken auf PDS */ .product.media .gallery-placeholder__image { /*display:none;*/ max-width: 100%!important; } } .threeDS2Modal #threeDS2Container { height: 100% !important; } .adyen-checkout__threeds2 { height: 420px; } /* Minicart: Gutscheinlink ausblenden */ .block-minicart{ padding-bottom: 15px!important; } .block-minicart .viewdiscount{ display: none!important; } /* Fix Koferenztechnik Superfilter Hover */ .toolbar-superfilter.active .active a:hover{ color: white; } /* SVG Icon Fix Lagoon ANC */ beyer-icon[name*="Left-2"] .st0 { clip-path: none!important; } /* Produktwidget Streichpreis Umbruch Fix */ .ecms-widget-beyer_enhancedcms_widget-products .price-box .old-price .price{ white-space: nowrap; } @media (min-width: 48em) { #js-checkoutbanner { margin-bottom: 36px; } } /* Testberichte Schriftgrößen */ .product-test-reports__report-title { font-size: 22px; } @media screen and (max-width: 47.9375em){ .product-test-reports__report-title { font-size: 18px; } } .product-test-reports__report-body{ max-height: 5.5em; } /* WOF Test */ .listagram-container{ max-height: 640px; } @media (max-width: 600px) { .listagram-container{ max-height: 770px!important; } } /* BW-2823 */ html[lang="en"] a.action.viewcart::after { content: "\A Apply discount"; white-space: pre-wrap; color: #ff5900; } html[lang="de"] a.action.viewcart::after { content: "\A Gutscheincode eingeben"; white-space: pre-wrap; color: #ff5900; } /* Checkout ZIP Code field change to type="tel" and style it */ .checkout-index-index input[type=tel]{ background-color: #fff; background-repeat: no-repeat; background-position: right 3rem center; border: 1px solid #bfbfbf; border-radius: 0; color: #000; font-family: Mont Regular,sans-serif; font-size: 16px; line-height: 28px; min-height: 3rem; outline: none; padding: .5rem; vertical-align: middle; } /* 31-08-2020: Econda ausblenden */ .econda-wrapper, .product-upsell, .item.link.compare{ display: none!important; } /* Suchergebnis Bild zu klein */ #instant-search-results-container .result-content{ min-width: 180px; } @media (min-width: 768px) { #instant-search-results-container .result-content{ min-width: 242px; } } /* CTA Button ohne Webcomponent */ a.byd-cta{ font-family: Mont Bold; text-transform: uppercase; border: 1px solid white; color: white; cursor: pointer; min-height: 46px; line-height: 1rem; font-size: 16px; padding: 14px 31px; letter-spacing: .025em; align-items: center; transition: all 200ms; white-space: nowrap; display: inline-block; margin-bottom: 13px; } a.byd-cta:after{ content: " >"; } a.byd-cta.white{ border-color: #fff; color: #fff; transition: all 200ms; } a.byd-cta:hover, a.byd-cta.white:hover, a.byd-cta.black:hover{ border-color: #ff5900; color: #ff5900!important; transition: all 200ms; text-decoration: none; } a.byd-cta.black{ border-color: black; color: black; transition: all 200ms; } .checkout-payment-method .payment-method-title label div.adyen-sprite.adyen_apple_pay{ background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2025.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Artwork%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20165.5%20106%22%20style%3D%22enable-background%3Anew%200%200%20165.5%20106%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20id%3D%22XMLID_4_%22%20d%3D%22M144.6%2C0H14.2c-0.5%2C0-1.1%2C0-1.6%2C0c-0.5%2C0-0.9%2C0-1.4%2C0c-1%2C0-2%2C0.1-3%2C0.3c-1%2C0.2-1.9%2C0.5-2.8%2C1%0A%09%09C4.5%2C1.7%2C3.7%2C2.4%2C3%2C3.1C2.3%2C3.8%2C1.7%2C4.7%2C1.2%2C5.6c-0.5%2C0.9-0.8%2C1.9-0.9%2C3C0.1%2C9.6%2C0%2C10.7%2C0%2C11.7c0%2C0.5%2C0%2C1%2C0%2C1.4c0%2C0.6%2C0%2C1.1%2C0%2C1.7%0A%09%09v76.3c0%2C0.6%2C0%2C1.1%2C0%2C1.7c0%2C0.5%2C0%2C1%2C0%2C1.4c0%2C1%2C0.1%2C2.1%2C0.3%2C3.1c0.2%2C1%2C0.5%2C2%2C0.9%2C3c0.5%2C0.9%2C1%2C1.8%2C1.8%2C2.5c0.7%2C0.7%2C1.5%2C1.4%2C2.4%2C1.8%0A%09%09c0.9%2C0.5%2C1.8%2C0.8%2C2.8%2C1c1%2C0.2%2C2%2C0.2%2C3%2C0.3c0.5%2C0%2C0.9%2C0%2C1.4%2C0c0.5%2C0%2C1.1%2C0%2C1.6%2C0h130.4c0.5%2C0%2C1.1%2C0%2C1.6%2C0c0.5%2C0%2C0.9%2C0%2C1.4%2C0%0A%09%09c1%2C0%2C2-0.1%2C3-0.3c1-0.2%2C1.9-0.5%2C2.8-1c0.9-0.5%2C1.7-1.1%2C2.4-1.8c0.7-0.7%2C1.3-1.6%2C1.8-2.5c0.5-0.9%2C0.8-1.9%2C0.9-3%0A%09%09c0.2-1%2C0.2-2.1%2C0.3-3.1c0-0.5%2C0-1%2C0-1.4c0-0.6%2C0-1.1%2C0-1.7V14.8c0-0.6%2C0-1.1%2C0-1.7c0-0.5%2C0-1%2C0-1.4c0-1-0.1-2.1-0.3-3.1%0A%09%09c-0.2-1-0.5-2-0.9-3c-0.5-0.9-1-1.8-1.8-2.5c-0.7-0.7-1.5-1.4-2.4-1.8c-0.9-0.5-1.8-0.8-2.8-1c-1-0.2-2-0.2-3-0.3%0A%09%09c-0.5%2C0-0.9%2C0-1.4%2C0C145.7%2C0%2C145.1%2C0%2C144.6%2C0L144.6%2C0z%22%2F%3E%0A%09%3Cg%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M41.4%2C35.6c1.4-1.8%2C2.3-4.2%2C2-6.6c-2%2C0.1-4.4%2C1.4-5.8%2C3.1c-1.3%2C1.5-2.4%2C4-2.1%2C6.3%0A%09%09%09%09C37.7%2C38.7%2C39.9%2C37.4%2C41.4%2C35.6%22%2F%3E%0A%09%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M43.4%2C39c-3.2-0.2-6%2C1.9-7.6%2C1.9c-1.6%2C0-3.9-1.8-6.5-1.8c-3.3%2C0.1-6.4%2C2-8.1%2C5.2c-3.5%2C6.3-0.9%2C15.6%2C2.5%2C20.7%0A%09%09%09%09c1.6%2C2.5%2C3.6%2C5.3%2C6.2%2C5.2c2.5-0.1%2C3.4-1.7%2C6.4-1.7c3%2C0%2C3.9%2C1.7%2C6.5%2C1.6c2.7-0.1%2C4.4-2.5%2C6.1-5.1c1.9-2.9%2C2.7-5.7%2C2.7-5.8%0A%09%09%09%09c0-0.1-5.2-2.1-5.3-8.3c0-5.2%2C4.1-7.7%2C4.3-7.8C48.3%2C39.5%2C44.6%2C39.1%2C43.4%2C39%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M77.6%2C31.9c7.1%2C0%2C12%2C5.1%2C12%2C12.4c0%2C7.4-5%2C12.5-12.1%2C12.5h-7.8v12.9H64V31.9L77.6%2C31.9L77.6%2C31.9z%20M69.6%2C51.9%0A%09%09%09%09h6.5c4.9%2C0%2C7.7-2.8%2C7.7-7.5c0-4.8-2.8-7.5-7.7-7.5h-6.5V51.9z%22%2F%3E%0A%09%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M91.1%2C62c0-4.8%2C3.6-7.8%2C9.8-8.2l7.3-0.4v-2.1c0-3.1-2-4.9-5.3-4.9c-3.1%2C0-5.1%2C1.6-5.6%2C4h-5.1%0A%09%09%09%09c0.3-5%2C4.4-8.7%2C10.9-8.7c6.4%2C0%2C10.5%2C3.5%2C10.5%2C9.1v19h-5.2v-4.5h-0.1c-1.5%2C3.1-4.9%2C5-8.4%2C5C94.7%2C70.3%2C91.1%2C66.9%2C91.1%2C62z%0A%09%09%09%09%20M108.2%2C59.5v-2.2l-6.5%2C0.4c-3.2%2C0.2-5.1%2C1.7-5.1%2C4.1c0%2C2.4%2C1.9%2C4%2C4.8%2C4C105.2%2C65.8%2C108.2%2C63.1%2C108.2%2C59.5z%22%2F%3E%0A%09%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M118.5%2C80v-4.6c0.4%2C0.1%2C1.3%2C0.1%2C1.8%2C0.1c2.5%2C0%2C3.9-1.1%2C4.7-3.9c0-0.1%2C0.5-1.7%2C0.5-1.7l-9.6-27.6h5.9%0A%09%09%09%09l6.7%2C22.5h0.1l6.7-22.5h5.7l-9.9%2C29.1c-2.3%2C6.7-4.9%2C8.8-10.4%2C8.8C120.3%2C80.1%2C118.9%2C80.1%2C118.5%2C80z%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") !important; width: 40px; height: 25px; background-size: contain; margin-right: 1rem; } .apple-pay-button-with-text { --apple-pay-scale: 1.3625; font-size: 10px; min-width: 200px; width: 200px; min-height: 25px; max-height: 49px; margin-left: 27px; margin-top: 10px; margin-bottom: 17px; } .apple-pay-button-with-text > .logo { min-height: 30px; } /* Free Gift WE Store */ /*html[lang="en"] .bonus { display: none; }*/ .minicart--subtotal .bonus a{ text-decoration: underline; } /* Technische Daten Create History Seite ausblenden #Jona */ .product-mikrofone-create-history .product-technical-data{ display: none; } /* Adressformular Kundenkonto */ body.customer-account-edit form #prefix, body.customer-address-form form #prefix{ width: 120px; } body.customer-account-edit form #country, body.customer-address-form form #country{ width: 220px; } body.sales-order-history #limiter{ width: 90px; } .categorypath-microphones .col-12.col-md-6.page-pre-footer__advice-service-block-wrapper {display:none;} .categorypath-mikrofone .col-12.col-md-6.page-pre-footer__advice-service-block-wrapper {display:none;} .categorypath-konferenztechnik .col-12.col-md-6.page-pre-footer__advice-service-block-wrapper {display:none;} .categorypath-conference-technology .col-12.col-md-6.page-pre-footer__advice-service-block-wrapper {display:none;} /* Redesign Startseite: Tile animate Text rechtsbündig */ #ecms-widget-zfmqkypbnk_content .tile-animated .text{ right: 20px!important; left: unset!important; } /* BW-2325 - Warenkorb Styling Headline */ @-moz-document url-prefix() { /* LG */ @media (min-width: 62em){ .checkout-cart-index .content-beyerdynamic{ padding-top: 10.8rem!important; } } } /* BW-2317 - Nosto | Load-Time von Recos verbessern */ @media (min-width: 692px){ #nosto-page-category2 .container, #nosto-page-category1 .container{ min-height: 446; } } @media (min-width: 992px){ #nosto-page-category2 .container, #nosto-page-category1 .container{ min-height: 500px; } } @media (min-width: 1200px){ #nosto-page-category2 .container, #nosto-page-category1 .container{ min-height: 530px; } } #frontpage_mostwanted{ min-height: 530px; } /* BW-2359 - Nosto Produktvergleich Mobil */ @media (max-width: 501px){ #nosto-comparison thead .nosto-first-th { width: 17px!important; } } body.categorypath-special-deals .berater { padding-bottom: 10px; padding-top:10px; } /* Link systeme ausblenden auf den Konferenztechnik katalog seite*/ body.category-konferenztechnik nav.superfilter.category-1467 > div > div:nth-child(2) > div > ul > li:nth-child(2) > a, body.category-conference-technology nav.superfilter.category-1467 > div > div:nth-child(2) > div > ul > li:nth-child(2) > a { display: none; } body beyer-button button.black, button.black { border-right-color: black; border-bottom-color: black; border-left-color: black; border-top-color: black; color: black; } /*Giant Teaser für Global und North-America temporär ausblenden */ .language-8 .giantTeaserNews.col-md-12.news-list-item, .language-5 .giantTeaserNews.col-md-12.news-list-item { /*display: none;*/ } section.typo3 table td{ font-family: 'Mont Book',"non-serif"; } .page-header .logo img { max-width: 222px !important } /* Icon Minivan / Lieferung */ .iconshipping { fill: #ff5900; width: 20px; height: 20px; display: block; margin: 1px 6px 2px 0px; float: left; } /* BW-3037 - Schreibweise im Nosto Styling anpassen */ .nosto_element .nosto-product-name{ text-transform: none!important; } @media (max-width: 600px) { .hideonmobile{ dispay: none; } } /* BW-2657 */ @media screen and (min-width:1200px) and (max-width:1440px){ .catalog-category-view nav.superfilter h1{ font-size: 32px!important; } } /* https://bdy.atlassian.net/browse/BW-3218 */ @-moz-document url-prefix() { /* Standard PayPal für Firefox im Checkout ausblenden da aktuell buggy */ .page-layout-checkout label[for="adyen_paypal"]{ /*display: none!important;*/ } .checkout-onepage-success .header.content .logo{ margin: unset!important; } @media screen and (min-width:991px) and (max-width:1199px){ .checkout-onepage-success h4.page-title{ margin-top: 4rem!important; } } } @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media{ .checkout-onepage-success .header.content .logo{ margin: unset!important; } } @media screen and (min-width:991px) and (max-width:1199px){ .checkout-onepage-success h4.page-title{ margin-top: 4rem!important; } } } /* ECMS Widget Bugfix Tablet @ 21.02.2022 */ @media screen and (max-width: 48.05em) { div[data-widget^="beyer_enhancedcms_widget-bg-image-text"] .widget-container, .ecms-widget-beyer_enhancedcms_widget-1 .widget-container{ position: relative; } } /* Space Hochkant Videos */ #ecms-widget-dxtnnsebdi_content .wistia_responsive_padding { padding: unset!important; } #ecms-widget-dxtnnsebdi_content .wistia_responsive_wrapper { position: relative!important; height: 675px!important; } @media (max-width: 767px) { #ecms-widget-ujrhoskczr_content .col-12{ margin-left: 10px!important; padding-right: 30px!important; padding-bottom: 20px; } #ecms-widget-ujrhoskczr_content .fluid{ padding-left: 10px!important; } } /* Space MAX Hochkant Videos */ #ecms-widget-ugcbczqdtn_content .wistia_responsive_padding { padding: unset!important; } #ecms-widget-ugcbczqdtn_content .wistia_responsive_wrapper { position: relative!important; height: 675px!important; } /* Xelento MK 2 Hochkant Videos */ #ecms-widget-yptlrniqun_content .wistia_responsive_padding { padding: unset!important; } #ecms-widget-yptlrniqun_content .wistia_responsive_wrapper { position: relative!important; height: 675px!important; } @media (max-width: 767px) { #ecms-widget-yptlrniqun_content .col-12{ margin-left: 10px!important; padding-right: 30px!important; padding-bottom: 20px; } #ecms-widget-yptlrniqun_content .fluid{ padding-left: 10px!important; } } /* FreeBYRD Hochkant Videos */ /* Desktop */ #ecms-widget-okguhownqv_content .wistia_responsive_padding { padding: unset!important;} #ecms-widget-okguhownqv_content .wistia_responsive_wrapper { position: relative!important; height: 600px!important; width: 339px!important;} #ecms-widget-eidagqtwos_content .wistia_responsive_padding { padding: unset!important; } #ecms-widget-eidagqtwos_content .wistia_responsive_wrapper { position: relative!important; height: 600px!important; width: 339px!important;} #ecms-widget-fdgqgmfrkt_content .wistia_responsive_padding { padding: unset!important; } #ecms-widget-fdgqgmfrkt_content .wistia_responsive_wrapper { position: relative!important; height: 600px!important; width: 339px!important;} /* DT 770 PROX 5:4 Videos */ /* Desktop */ #ecms-widget-gnjkmvwdxh .wistia_responsive_padding { padding: unset!important; } #ecms-widget-gnjkmvwdxh .wistia_responsive_wrapper { position: relative!important; height: 650px!important; width: 490px!important; margin: 0 auto;} /*#ecms-widget-eidagqtwos_content .wistia_responsive_padding { padding: unset!important; } #ecms-widget-eidagqtwos_content .wistia_responsive_wrapper { position: relative!important; height: 600px!important; width: 339px!important;} #ecms-widget-fdgqgmfrkt_content .wistia_responsive_padding { padding: unset!important; } #ecms-widget-fdgqgmfrkt_content .wistia_responsive_wrapper { position: relative!important; height: 600px!important; width: 339px!important;}*/ @media (max-width: 767px) { #ecms-widget-gnjkmvwdxh .wistia_responsive_wrapper { position: relative!important; width: 100%!important; margin: 0 auto;} } /* https://bdy.atlassian.net/browse/BW-3291 */ #ecms-widget-nvhqmjptjb .carousel-control-prev, #ecms-widget-nvhqmjptjb .carousel-control-next{ cursor: pointer; } #ecms-widget-nvhqmjptjb .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23AAA' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")!important; } #ecms-widget-nvhqmjptjb .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23AAA' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")!important; } /* Footer H6 zu p bei selben Styling ändern */ .page-footer p{ color: #ff5900; font-size: 25px; letter-spacing: .05em; font-family: "Mont Bold","non-serif"; margin-bottom: 1rem; margin-top: 2rem; text-transform: uppercase; } /* BW-3283 - Nosto Produktberater Popup Desktop */ #NostoPopUp.produktberaterpopup.desktop{ } #NostoPopUp.produktberaterpopup.desktop #NostoPopUpWrapper{ } #NostoPopUp.produktberaterpopup.desktop #NostoPopUpContent{ } #frontpage_mostwanted-carousel .products.list.items.product-items{ background: unset!important; } #frontpage_mostwanted .product-item-info { background: white!important; } /* BW-3383 freebyrdcounter */ /* Mobile */ @media (max-width: 900px) { .freebyrdcounter .widget-bodytext{ padding: 30px 40px!important; } .freebyrdcounter div{ font-size: 35px!important; } } /* Mont Heavy aus Suche entfernen */ #algolia-autocomplete-container .aa-dropdown-menu .category, #terms-dropdown .col-header{ font-family: "Mont Bold","Roboto","sans serif"!important; font-weight: normal; } /* Helferklassen */ /* Mobil */ @media (max-width: 768px) { .mobile-justify-content-center{ justify-content: center!important; } } /* Nosto Widget Bug */ .column.main .nosto_element{ width: 100%; } /* Akkordion Bold Style */ .beyerdynamic-widget-paragraph .accordion-content { margin-left: 20px; margin-right: 20px; } .beyerdynamic-widget-paragraph .accordion-content b{ font-family: "Mont Bold","non-serif"; } /* Nosto Outlet Out of Stock Notification Fix */ #nosto_oos-sticky-wrapper { margin-bottom: 60px; min-height: 560px; } /* Vorkasse Icons deaktivieren */ /*.bd-icons.vorkasse{ display:none; }*/ beyer-icon[name="vorkasse"]{ /* display:none;*/ } .page-footer .page-footer__block a span svg { transition: all 500ms; } .page-footer .page-footer__block a span svg { transform: rotate(0deg); } .page-footer .page-footer__block a:hover span svg * { fill: #ff5900 !important; transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1); } .page-footer .page-footer__block a:hover span svg { transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1); } .page-footer .page-footer__block a:hover span svg{ transform: rotate(-20deg); } div.page-wrapper div.page-footer ul li a{ position: relative; text-decoration: none; } div.page-wrapper div.page-footer ul li a:after{ content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: #000; transform-origin: bottom right; transition: transform 0.25s ease-out; } div.page-wrapper div.page-footer ul li a:hover:after{ transform: scaleX(1); transform-origin: bottom left; } /* https://bdy.atlassian.net/browse/BW-3736 Stylefix SEO Footer Fonts */ .faq-accordion .accordion-trigger, .page-seo-footer .beyerdynamic-widget-seo .widget-caption h5{ font-weight: normal!important; } .beyerdynamic-widget-1 .widget-caption p{ font-weight: normal; } /* https://bdy.atlassian.net/browse/BW-4266 - SEO-PreFooter | Stylings intern */ .page-seo-footer .faq-accordion { padding-bottom: 1rem; } .page-pre-footer__advice-service-block-wrapper{ margin-top: 1rem; } .faq-accordion .accordion-content-inner, .faq-accordion .accordion-content-inner *{ font-weight: normal!important; font-family: Mont Book!important; line-height: 23px!important; font-size: 15px!important; } /* Spring Aktion 2023 */ .nosto_superplacement.spring23placement .navigation ul a{ color: #888888; } .nosto_superplacement.spring23placement .navigation ul a.active, .nosto_superplacement.spring23placement .navigation ul a:hover{ color: #000000; } /* NAMM Bug Nosto */ #M-Series_Namm_lp .productreviewsSummary{ display:none!important; } /* https://bdy.atlassian.net/browse/BW-4426 */ .platform-compatibility .xbox{ } .platform-compatibility .xbox .icon{ background: url("/media/beyer-snippets/ecms/widget/BW-4426/Icon-Xbox.svg"); } .platform-compatibility .pc{ } .platform-compatibility .pc .icon{ background: url("/media/beyer-snippets/ecms/widget/BW-4426/Icon-PC.svg"); } .platform-compatibility .playstation{ } .platform-compatibility .playstation .icon{ background: url("/media/beyer-snippets/ecms/widget/BW-4426/Icon-Playstation.svg"); } .platform-compatibility .switch{ } .platform-compatibility .switch .icon{ background: url("/media/beyer-snippets/ecms/widget/BW-4426/Icon-Switch.svg"); } .platform-compatibility .icon{ width: 115px; height: 115px; margin: 0 auto; } .platform-compatibility .platform{ width: 25%; text-align: center; flex-basis: 25%; padding: 0 10px; } .platform-compatibility h5{ text-transform: initial; } .platform-compatibility p{ /*text-transform: uppercase; */ } .platform-compatibility h4{ line-height: 1.2em; text-align: center; } .platform-compatibility{ display: flex; flex-wrap: wrap; } @media (max-width: 992px) { .platform-compatibility .platform{ flex-basis: 50%; } } /*Superscript Size fixed*/ sup { font-size: 75%!important; } /* https://bdy.atlassian.net/browse/BW-4514 */ .checkout-pack-station-popup .modal-title{ /* font-size: 3rem; margin-bottom: 10px;*/ } .checkout-pack-station-popup .modal-advantages--title{ color: black!important; } /* Offboarding Indien - BW-4620 */ .switcher-option#in{ display:none; } /* https://europe.beyerdynamic.com/blackfriday/ - Jingle Sales ausblenden */ /*li.level0.nav-1.first.level-top.ui-menu-item[data-category="megamenu_block_typo3_6322"] { display: none; } a[href="https://www.beyerdynamic.de/deals"]#ui-id-5 { display: none; }*/ /* BW-4735 START */ /* https://bdy.atlassian.net/browse/BW-4734 */ #minicart-content-wrapper .minicart--divider, #minicart-content-wrapper .paypal-button{ /* display: none;*/ } /* BW-4735 START */ /* BF 23 */ @media (max-width: 767px) { .mobil-zentriert .widget-caption{ margin: 20px auto!important; } } /* 20.11.2023 */ /* Nosto Static Hack START */ div[id^="bd-custom_"].beyer_element .container .item.product.product-item.nosto-carousel-item-4{ -webkit-box-flex: 0 !important; -webkit-flex: 0 0 25% !important; -ms-flex: 0 0 25% !important; flex: 0 0 25% !important; max-width: 25% !important; } @media (max-width: 992px) { /* Tablet: 4 wird zu 2 Produkten */ .nosto_element .product.product-item.nosto-carousel-item-4, div[id^="bd-custom_"].beyer_element .container .item.product.product-item.nosto-carousel-item-4{ -webkit-box-flex: 0!important; -webkit-flex: 0 0 50%!important; -ms-flex: 0 0 50%!important; flex: 0 0 50%!important; max-width: 50%!important; } } @media (max-width: 576px) { /* Tablet: 4 wird zu 2 Produkten */ .nosto_element .item.product.product-item.nosto-carousel-item-4, div[id^="bd-custom_"].beyer_element .container .item.product.product-item.nosto-carousel-item-4{ -webkit-box-flex: 0!important; -webkit-flex: 0 0 100%!important; -ms-flex: 0 0 100%!important; flex: 0 0 100%!important; max-width: 100%!important; } } /* Nosto Static Hack ENDE */ /* Nosto BF23 Hotdeals No cumulative layout shift Try START */ body.cms-test-dummy-9 #bf_frontpage_hotdeals { display: none; visibility: hidden; opacity: 0; } /* Nosto BF23 Hotdeals No cumulative layout shift Try ENDE */ /* 100 Jahre Landingpage START */ @media (max-width: 767px) { #ecms-widget-jpfevmbkei .widget-container{ background-color: #f8f8f8; } } #ecms-widget-jpfevmbkei{ background-color: #f8f8f8; } #ecms-widget-jpfevmbkei .widget-container{ height: 250px; } /* 100 Jahre Landingpage ENDE */ /*/Temp für die Inventur 2024 */ /*#trustbanner{ display: none!important!; height: 0px!important!; z-index: 36!important!; position: fixed!important!; top: !important!; left: 0!important!; width: 100%!important!; display: block!important!; } */ /* MMX 300 PRO Debug START */ /*body.product-mmx-300-pro-manufaktur-98zhj8 #product-configurator-iframe { height: 699px; width: 900px; } body.product-mmx-300-pro-manufaktur-98zhj8 > *:not(.page-wrapper), body.product-mmx-300-pro-manufaktur-98zhj8 .page-wrapper >*:not(.content-beyerdynamic), body.product-mmx-300-pro-manufaktur-98zhj8 .content-beyerdynamic > *:not(#maincontent), body.product-mmx-300-pro-manufaktur-98zhj8 #maincontent > *:not(.columns), body.product-mmx-300-pro-manufaktur-98zhj8 .columns > *:not(.column):not(.main), body.product-mmx-300-pro-manufaktur-98zhj8 .column.main > *:not(.product-info-main-configurator) { display: block !important; } body.product-mmx-300-pro-manufaktur-98zhj8 #maincontent.product-configurator-enabled .product-add-form, body.product-mmx-300-pro-manufaktur-98zhj8 #maincontent.product-configurator-enabled #product_addtocart_form { display: block; } body.product-mmx-300-pro-manufaktur-98zhj8 #product-configurator-iframe-configurator{ position: relative; }*/ /* MMX 300 PRO Debug ENDE */ /* Ganz dumme Idee ! */ html:not(.ecms-active) .md-fab-action-item{ display: none; } body.product-mmx-300 .manufakturcta{ opacity:0!important; } body.product-mmx-300 .product-price-wrapper { padding: 8px 38px 89px; }