@media (max-width: 1199px) {
  html,
  body,
  .page-wrapper {
    max-width: 100%;
    overflow-x: hidden;
  }

  .page-header.alothemes .hidden,
  .page-header.alothemes .header-top,
  .page-header.alothemes .header-content .block-search .block-title,
  .page-header.alothemes .header-content .field.search .label {
    display: none !important;
  }

  .page-header.alothemes .header-content {
    padding: 14px 0 16px !important;
  }

  .page-header.alothemes .header-content .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box;
  }

  .page-header.alothemes .header-content .row {
    display: grid !important;
    grid-template-columns: 44px minmax(150px, 220px) minmax(260px, 1fr) 86px;
    grid-template-areas: "menu logo search actions";
    align-items: center;
    gap: 14px;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  .page-header.alothemes .header-content .row:before,
  .page-header.alothemes .header-content .row:after {
    display: none !important;
  }

  .page-header.alothemes .content-menu-mobile,
  .page-header.alothemes .content-seach,
  .page-header.alothemes .righ-header-content {
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: static !important;
  }

  .page-header.alothemes .content-menu-mobile {
    grid-area: menu;
    height: 44px !important;
  }

  .page-header.alothemes .place-menu-mobile.menu-mobile {
    display: flex !important;
    align-items: center;
    width: 44px !important;
    height: 44px !important;
  }

  .page-header.alothemes .action.nav-toggle {
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 40px !important;
    height: 44px !important;
    margin: 0 !important;
  }

  .page-header.alothemes .logo {
    grid-area: logo;
    justify-self: start;
    width: clamp(160px, 20vw, 220px) !important;
    max-width: 100% !important;
    margin: 0 !important;
    position: static !important;
  }

  .page-header.alothemes .logo img {
    display: block;
    width: 100% !important;
    height: auto !important;
  }

  .page-header.alothemes .righ-header-content {
    grid-area: actions;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    height: 44px !important;
  }

  .page-header.alothemes .righ-header-content ul,
  .page-header.alothemes .righ-header-content li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .page-header.alothemes .content-seach {
    grid-area: search;
  }

  .page-header.alothemes .header-search,
  .page-header.alothemes .block-search,
  .page-header.alothemes .block-search .block-content,
  .page-header.alothemes #search_mini_form,
  .page-header.alothemes .field.search,
  .page-header.alothemes .control.catalogsearch {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    box-sizing: border-box;
  }

  .page-header.alothemes #search {
    display: block !important;
    width: 100% !important;
    height: 42px !important;
    padding: 0 74px 0 18px !important;
    border: 1px solid #164c9e !important;
    border-radius: 999px !important;
    box-sizing: border-box;
    font-size: 15px !important;
  }

  .page-header.alothemes #search_mini_form .action.search.button {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 70px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 999px 999px 0 !important;
    background: #164c9e !important;
    color: #fff !important;
  }

  .page-main,
  .sections.nav-sections,
  .page-footer {
    max-width: 100%;
    overflow-x: hidden;
  }

  .nav-sections .level2.submenu,
  .nav-sections .level3.submenu,
  .header .level-top-mega,
  .header .content-mega,
  .header .content-mega-horizontal,
  .header .cat-mega,
  .header .level1.submenu,
  .header .level2.submenu,
  .header .level3.submenu,
  .page-header.alothemes .level-top-mega,
  .page-header.alothemes .content-mega,
  .page-header.alothemes .content-mega-horizontal,
  .page-header.alothemes .cat-mega,
  .page-header.alothemes .level1.submenu,
  .page-header.alothemes .level2.submenu,
  .page-header.alothemes .level3.submenu,
  .navigation .level2.submenu,
  .navigation .level3.submenu {
    display: none !important;
  }

  html body .header .vmagicmenu.vertical-menu .level-top-mega,
  html body .header .vmagicmenu.vertical-menu .level-top-mega *,
  html body .header .vmagicmenu.vertical-menu .content-mega,
  html body .header .vmagicmenu.vertical-menu .content-mega-horizontal,
  html body .header .vmagicmenu.vertical-menu .cat-mega,
  html body .header .vmagicmenu.vertical-menu .level1.submenu,
  html body .header .vmagicmenu.vertical-menu .level2.submenu,
  html body .header .vmagicmenu.vertical-menu .level3.submenu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    left: 0 !important;
    right: auto !important;
  }

  html body .header .magicmenu .level-top-mega,
  html body .header .magicmenu .level-top-mega *,
  html body .header .magicmenu .content-mega,
  html body .header .magicmenu .content-mega-horizontal,
  html body .header .magicmenu .cat-mega,
  html body .header .magicmenu .level1.submenu,
  html body .header .magicmenu .level2.submenu,
  html body .header .magicmenu .level3.submenu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    left: 0 !important;
    right: auto !important;
  }

  .cms-home .column.main h2,
  .cms-homepage-default .column.main h2,
  .cms-index-index .column.main h2 {
    color: #202a36;
    font-size: clamp(30px, 3.2vw, 34px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
  }

  .cms-home .column.main h3,
  .cms-homepage-default .column.main h3,
  .cms-index-index .column.main h3 {
    color: #202a36;
    font-size: clamp(20px, 2.4vw, 24px) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }

  .cms-home .slide-showcase,
  .cms-home .slide-home,
  .cms-home .magicslider.home-slider,
  .cms-index-index .slide-showcase,
  .cms-index-index .slide-home,
  .cms-index-index .magicslider.home-slider {
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  .cms-home .magicslider.home-slider .slick-prev,
  .cms-index-index .magicslider.home-slider .slick-prev {
    left: 12px !important;
  }

  .cms-home .magicslider.home-slider .slick-next,
  .cms-index-index .magicslider.home-slider .slick-next {
    right: 12px !important;
  }

  .page-main .page-title-wrapper .page-title,
  .catalogsearch-result-index .page-title,
  .checkout-cart-index .page-title {
    color: #202a36;
    font-size: clamp(28px, 3.2vw, 34px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
  }

  .catalogsearch-result-index .products-grid .product-item-name,
  .catalogsearch-result-index .products-list .product-item-name,
  .checkout-cart-index #shopping-cart-table .product-item-name {
    font-size: clamp(15px, 1.8vw, 18px) !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
  }

  .catalogsearch-result-index .products-grid .product-item-link,
  .catalogsearch-result-index .products-list .product-item-link {
    color: #202a36 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
  }

  .catalogsearch-result-index .price-box .price,
  .checkout-cart-index .price-box .price {
    font-size: clamp(18px, 2.1vw, 22px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
  }

  .page-footer .main-footer .container-full > .row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .page-footer #cms-static-main-footer.smartspitze-theme-footer {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box;
  }

  .page-footer #cms-static-main-footer.smartspitze-theme-footer .footer-item {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  .page-footer #cms-static-main-footer.smartspitze-theme-footer .title h3,
  .page-footer #cms-static-main-footer.smartspitze-theme-footer h3 {
    color: #202a36;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
  }

  .page-footer #cms-static-main-footer.smartspitze-theme-footer .content,
  .page-footer #cms-static-main-footer.smartspitze-theme-footer .content p,
  .page-footer #cms-static-main-footer.smartspitze-theme-footer .link-list a {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 767px) {
  .page-header.alothemes .header-content .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .page-header.alothemes .header-content .row {
    grid-template-columns: 40px minmax(132px, 1fr) 72px;
    grid-template-areas:
      "menu logo actions"
      "search search search";
    gap: 10px 8px;
  }

  .page-header.alothemes .content-menu-mobile {
    height: 42px !important;
  }

  .page-header.alothemes .place-menu-mobile.menu-mobile {
    width: 40px !important;
    height: 42px !important;
  }

  .page-header.alothemes .action.nav-toggle {
    width: 36px !important;
    height: 42px !important;
  }

  .page-header.alothemes .logo {
    justify-self: center;
    width: clamp(132px, 42vw, 168px) !important;
    min-width: 132px !important;
  }

  .page-header.alothemes .righ-header-content {
    height: 42px !important;
  }

  .page-header.alothemes #search {
    height: 40px !important;
    padding-right: 70px !important;
    font-size: 14px !important;
  }

  .page-header.alothemes #search_mini_form .action.search.button {
    width: 66px !important;
    height: 40px !important;
    min-height: 40px !important;
  }

  .cms-home .page-main,
  .cms-homepage-default .page-main,
  .cms-index-index .page-main {
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box;
  }

  .cms-home h1,
  .cms-home h2,
  .cms-homepage-default h1,
  .cms-homepage-default h2,
  .cms-index-index h1,
  .cms-index-index h2 {
    font-size: clamp(26px, 8vw, 30px) !important;
    font-weight: 800 !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
  }

  .cms-home h3,
  .cms-homepage-default h3,
  .cms-index-index h3 {
    font-size: clamp(18px, 5.4vw, 21px) !important;
    font-weight: 800 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
  }

  .cms-home p,
  .cms-homepage-default p,
  .cms-index-index p {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .page-main .page-title-wrapper .page-title,
  .catalogsearch-result-index .page-title,
  .checkout-cart-index .page-title {
    font-size: clamp(24px, 7.2vw, 28px) !important;
    line-height: 1.16 !important;
  }

  .catalogsearch-result-index .products-grid .product-item-name,
  .catalogsearch-result-index .products-list .product-item-name,
  .checkout-cart-index #shopping-cart-table .product-item-name {
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  .catalogsearch-result-index .price-box .price,
  .checkout-cart-index .price-box .price {
    font-size: 19px !important;
  }

  .page-footer #cms-static-main-footer.smartspitze-theme-footer {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .page-footer #cms-static-main-footer.smartspitze-theme-footer .footer-item {
    padding-bottom: 18px !important;
    border-bottom: 1px solid #e1e6ee;
  }

  .page-footer #cms-static-main-footer.smartspitze-theme-footer .footer-item:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0;
  }
}

@media (max-width: 374px) {
  .page-header.alothemes .header-content .row {
    grid-template-columns: 36px minmax(126px, 1fr) 64px;
  }

  .page-header.alothemes .logo {
    width: 128px !important;
    min-width: 126px !important;
  }
}

body.cms-home,
body.cms-index-index,
body.cms-home .page-wrapper,
body.cms-index-index .page-wrapper {
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

.cms-home .slide-showcase,
.cms-home .slide-home,
.cms-home .magicslider.home-slider,
.cms-home .magicslider,
.cms-index-index .slide-showcase,
.cms-index-index .slide-home,
.cms-index-index .magicslider.home-slider,
.cms-index-index .magicslider {
  max-width: 100vw !important;
  overflow: hidden !important;
}

.cms-home .slick-list,
.cms-index-index .slick-list {
  max-width: 100vw !important;
  overflow: hidden !important;
}

.cms-home .slick-prev,
.cms-index-index .slick-prev {
  left: 12px !important;
}

.cms-home .slick-next,
.cms-index-index .slick-next {
  right: 12px !important;
}

/* Smartspitze Ankauf: active default header and product page mobile polish */
@media (max-width: 767px) {
  header.page-header.page-header-alothemes,
  header.page-header.page-header-alothemes .header.content {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  header.page-header.page-header-alothemes .panel.wrapper {
    display: none !important;
  }

  header.page-header.page-header-alothemes .header.content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 54px !important;
    grid-template-areas:
      "logo cart"
      "search search" !important;
    gap: 10px 12px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 10px 15px 14px !important;
  }

  header.page-header.page-header-alothemes .logo {
    grid-area: logo !important;
    position: static !important;
    float: none !important;
    display: block !important;
    width: min(170px, 66vw) !important;
    height: auto !important;
    margin: 0 !important;
    justify-self: start !important;
  }

  header.page-header.page-header-alothemes .logo img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  header.page-header.page-header-alothemes .minicart-wrapper {
    grid-area: cart !important;
    position: relative !important;
    float: none !important;
    justify-self: end !important;
    align-self: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  header.page-header.page-header-alothemes .minicart-wrapper .action.showcart {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
  }

  header.page-header.page-header-alothemes .minicart-wrapper .counter.qty {
    position: absolute !important;
    top: 2px !important;
    right: 0 !important;
  }

  header.page-header.page-header-alothemes .block-search {
    grid-area: search !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  header.page-header.page-header-alothemes .block-search .block-title,
  header.page-header.page-header-alothemes .field.search .label,
  header.page-header.page-header-alothemes .nested,
  header.page-header.page-header-alothemes .catalogsearch-box {
    display: none !important;
  }

  header.page-header.page-header-alothemes #search_mini_form {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 42px !important;
    margin: 0 !important;
  }

  header.page-header.page-header-alothemes #search {
    display: block !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 86px 0 15px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #202a36 !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
  }

  header.page-header.page-header-alothemes #search_mini_form .action.search.button {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 78px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    background: #164c9e !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    opacity: 1 !important;
  }

  .cms-home .magicslider,
  .cms-index-index .magicslider {
    margin-top: 0 !important;
  }

  .cms-home .magicslider img,
  .cms-index-index .magicslider img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body.catalog-product-view .page-main,
  body.catalog-product-view .breadcrumbs,
  body.catalog-product-view .columns,
  body.catalog-product-view .column.main,
  body.catalog-product-view .product-info-main,
  body.catalog-product-view .product.media,
  body.catalog-product-view .product-add-form,
  body.catalog-product-view .product-options-wrapper,
  body.catalog-product-view .product-options-bottom,
  body.catalog-product-view .product-info-price {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.catalog-product-view .page-main {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  body.catalog-product-view .breadcrumbs {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  body.catalog-product-view .columns,
  body.catalog-product-view .column.main {
    display: block !important;
    width: 100% !important;
  }

  body.catalog-product-view .page-title-wrapper,
  body.catalog-product-view .product-info-main,
  body.catalog-product-view .product-add-form,
  body.catalog-product-view .product.media,
  body.catalog-product-view .product-options-bottom {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.catalog-product-view .page-title-wrapper .page-title,
  body.catalog-product-view h1.page-title {
    font-size: clamp(26px, 7.2vw, 30px) !important;
    line-height: 1.16 !important;
    margin: 0 0 18px !important;
  }

  body.catalog-product-view .product-info-main .page-title-wrapper .page-title,
  body.catalog-product-view .product-info-main h1,
  body.catalog-product-view .product-info-main h2 {
    font-size: clamp(24px, 6.5vw, 28px) !important;
    line-height: 1.18 !important;
  }

  body.catalog-product-view .options-wrapper-title {
    font-size: 24px !important;
    line-height: 1.2 !important;
    margin: 20px 0 12px !important;
    color: #202a36 !important;
  }

  body.catalog-product-view .product-options-wrapper .fieldset > .field,
  body.catalog-product-view .product-options-wrapper .options-list .field {
    margin-bottom: 10px !important;
  }

  body.catalog-product-view .product-options-wrapper .field > label,
  body.catalog-product-view .product-options-wrapper .label {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  body.catalog-product-view .product-options-wrapper .options-list .field {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 30px !important;
  }

  body.catalog-product-view .product-info-price .price-label {
    font-size: 18px !important;
    line-height: 1.25 !important;
    margin: 18px 0 8px !important;
  }

  body.catalog-product-view .product-info-price .price,
  body.catalog-product-view .product-options-bottom .price {
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body.catalog-product-view .box-tocart .action.tocart,
  body.catalog-product-view .product-options-bottom button.action.primary {
    width: 100% !important;
    min-height: 46px !important;
    border-radius: 8px !important;
    background: #164c9e !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
  }
}