@media only screen and (max-width:400px) {
    .header-widget .titleWrapper h2 {
        font-size: 10vw
    }

    .header-widget .titleWrapper p {
        font-size: 6vw;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media (max-width:767px) {
    .outsideHeaderContainer {
        height: auto
    }

    .insideHeaderContainer {
        height: auto
    }

    .w-container.big-container.advantages-wrapper.partner {
        display: block
    }
}

@media (min-width:200px) and (max-width:1200px) {
    .outsideHeaderContainer {
        height: auto
    }

    .insideHeaderContainer {
        height: auto
    }

    .tungsten-carbide .partner-section {
        width: auto
    }

    .tungsten-carbide .sc-products-table-grid-card .cardWrapper {
        width: 100%;
        max-width: 400px
    }

    .tungsten-carbide .sc-products-table-grid-card .big-amount .anfragen-btn {
        width: 100px;
        height: 34px
    }

    .tungsten-carbide .sc-products-table-grid-card .big-amount .anfragen-btn a,
    .tungsten-carbide .sc-products-table-grid-card .big-amount .anfragen-btn a:hover {
        font-size: .85rem
    }

    .tungsten-carbide .step-section .step-section-group {
        max-width: 400px
    }

    .tungsten-carbide .step-section-group .boxShadow {
        height: 377px;
        padding-bottom: 0
    }

    .tungsten-carbide .sc-products-table-grid-card .big-amount span {
        font-size: 1.14rem
    }

    .tungsten-carbide .cardWrapper .group-input-buttons {
        width: 280px
    }

    .tungsten-carbide .cardWrapper .slider.w-slider,
    .tungsten-carbide .cardWrapper .w-slider-mask .slide.w-slide {
        width: 280px !important
    }

    .tungsten-carbide .imageSliderBig {
        display: block
    }

    .tungsten-carbide .imageSlider {
        display: none
    }

    .tungsten-carbide .sc-products-table-grid-card .cardWrapper h2 {
        text-align: left;
        font-size: 1.54rem;
        width: 400px;
        margin-left: 60px
    }

    .tungsten-carbide .sc-products-table-grid-card .all-pricess {
        width: 280px
    }

    .tungsten-carbide .cardWrapper .cardWrapper-title {
        justify-content: center;
        margin-left: 0
    }

    .tungsten-carbide .sc-products-table-grid-card .big-amount {
        width: 280px
    }
}

@media (max-width:1140px) {
    .disclaimerText {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

    .marketInsights {
        height: 244px;
        background: -webkit-linear-gradient(-20deg, #e98b08 0, #e98b08 21.7%, #f0a60e 21.8%, #f0a60e 100%);
        background: linear-gradient(110deg, #e98b08 0 0, #e98b08 0 21.7%, #f0a60e 21.8%, #f0a60e 100%)
    }

    .marketInsights_container {
        max-width: 768px;
        width: 100%;
        justify-content: space-evenly;
        height: 244px
    }

    .marketInsights_textContainer {
        width: 470px
    }

    .marketInsights_textContainer h3 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px
    }

    .marketInsights_textContainer p {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px
    }

    .marketInsights_imageContainer {
        width: 205px;
        justify-content: center
    }

    .increaseRevenue {
        height: 244px
    }

    .increaseRevenue_container {
        width: 768px;
        justify-content: center;
        height: 244px
    }

    .increaseRevenue_textContainer {
        width: 380px
    }

    .increaseRevenue_textContainer h3 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px
    }

    .increaseRevenue_textContainer p {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px
    }

    .increaseRevenue_imageContainer {
        width: 340px
    }

    .desktop-screen {
        display: none
    }

    .tablet-screen {
        display: block
    }

    .mobile-screen {
        display: none
    }

    .en-page .ekomiBanner {
        background: -webkit-linear-gradient(-7deg, #0e0e2c 0, #0e0e2c 69.9%, #f0a60e 70.1%, #f0a60e 100%);
        background: linear-gradient(107deg, #0e0e2c 0, #0e0e2c 69.9%, #f0a60e 70.1%, #f0a60e 100%)
    }

    .ekomiBanner {
        height: 208px;
        background: -webkit-linear-gradient(-7deg, #14133a 0, #14133a 69.9%, #f0a60e 70.1%, #f0a60e 100%);
        background: linear-gradient(107deg, #14133a 0, #14133a 69.9%, #f0a60e 70.1%, #f0a60e 100%)
    }

    .ekomiBanner-partnerLogosGroup {
        width: 437px;
        margin-right: 55px;
        flex-wrap: wrap;
        justify-content: center
    }

    .ekomiBanner-partnerLogosGroup picture:nth-child(1),
    .ekomiBanner-partnerLogosGroup picture:nth-child(2),
    .ekomiBanner-partnerLogosGroup picture:nth-child(3) {
        margin-bottom: 17px
    }

    .ekomiBanner-partnerLogosGroup picture:nth-child(1),
    .ekomiBanner-partnerLogosGroup picture:nth-child(2),
    .ekomiBanner-partnerLogosGroup picture:nth-child(4) {
        margin-right: 27px
    }

    .en-page .ekomiBanner h4 {
        text-align: center
    }

    .ekomiBanner h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .15px
    }

    .ekomiBanner-ekomiLogoContainer-logo {
        width: 115px
    }

    .ekomiBanner-ekomiLogoContainer-score {
        width: 104px
    }

    .ihre-section-banner {
        height: 534px;
        width: 690px
    }

    .ihre-section-text-container {
        width: 345px
    }

    .ihre-section-text-container li label {
        width: 325px;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px
    }

    .ihre-section-banner h2 {
        font-size: 24px;
        line-height: 28px;
        margin-top: 11px;
        margin-bottom: 12px
    }

    .ihre-section-banner h3 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .15px;
        margin-bottom: 10px
    }

    .ihre-section-banner span {
        font-weight: 500;
        font-size: 9px;
        line-height: 16px;
        letter-spacing: 1.5px
    }

    .european-map-banner-backgrounds {
        display: none
    }

    .text-map-ch-container {
        width: 720px;
        z-index: 9;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px
    }

    .text-map-ch-container h2 {
        font-size: 24px;
        line-height: 28px;
        width: 282px;
        margin-bottom: 14px
    }

    .text-map-ch-container span {
        font-size: 9px;
        line-height: 16px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        width: 282px;
        margin-bottom: 15px
    }

    .european-map-text-container .text-map-ch-container .orangeButton {
        width: 207px
    }

    .text-map-ch-container p {
        width: 282px;
        line-height: 20px;
        margin-bottom: 20px
    }

    .european-map-text-container {
        height: 400px
    }

    .european-map-banner-container {
        max-width: 1920px;
        min-width: 100%
    }

    .map-img-ch {
        height: 340px
    }

    .european-map-banner {
        height: 400px;
        display: flex;
        align-items: baseline
    }

    .priceComparisonBanner {
        flex-direction: column-reverse;
        height: 449px;
        background: #14133a
    }

    .priceComparisonBanner-topLayer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(96deg, #f0a60e 0, #f0a60e 50%, transparent 50.1%, transparent 60%);
        background: linear-gradient(-6deg, #f0a60e 0, #f0a60e 50%, transparent 50.1%, transparent 60%)
    }

    .priceComparisonBanner-container:nth-child(1) h3 {
        margin-top: 60px
    }

    .priceComparisonBanner-container:nth-child(2) h3,
    .priceComparisonBanner-container:nth-child(2) p {
        text-align: left
    }

    .priceComparisonBanner-container:nth-child(2) {
        justify-content: center;
        padding-top: 22px
    }

    .priceComparisonBanner img {
        height: auto
    }

    .priceComparisonBanner-container:nth-child(1) {
        z-index: 9;
        margin-top: -92px
    }

    .priceComparisonBanner-text-wrapper {
        width: 359px;
        font-style: normal;
        margin-top: 0;
        justify-content: end
    }

    .priceComparisonBanner-container p {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px
    }

    .priceComparisonBanner-container {
        width: 100%;
        justify-content: center
    }

    .priceComparisonBanner-container:nth-child(2) .priceComparisonBanner-text-wrapper {
        width: 345px;
        margin-right: 108px;
        align-items: baseline
    }

    .priceComparisonBanner-container:nth-child(1) .priceComparisonBanner-text-wrapper {
        margin-left: 100px;
        text-align: right;
        align-items: flex-end
    }

    .priceComparisonBanner-tablet-img,
    .priceComparisonBanner-textTablet {
        display: block
    }

    .priceComparisonBanner-desktop-img,
    .priceComparisonBanner-mobile-img,
    .priceComparisonBanner-textDesktop {
        display: none
    }

    .priceComparisonBanner-container:nth-child(2) .priceComparisonBanner img {
        margin-top: 136px
    }

    .priceComparisonBanner-text-wrapper h3 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px
    }

    .priceComparisonBanner-container:nth-child(2) h3 {
        margin-top: 15px
    }

    .priceComparisonBanner-text-wrapper p {
        margin-bottom: 18px
    }

    .map-small-title-ch {
        display: block;
        margin-bottom: 20px;
        font-style: normal;
        font-weight: 500;
        font-size: 9px;
        line-height: 16px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: #fff
    }

    .blueSection.map-section-banner {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .blueSection.map-section-banner-ch {
        padding-top: 0;
        padding-bottom: 48px
    }

    .map-container {
        width: 506.6px;
        height: 340px
    }

    .orangeButtonText {
        margin-left: 0 !important
    }

    .map-section-banner-ch .map-section-text-wrapper-ch {
        padding-top: 60px;
        padding-left: 24px
    }

    .map-section-banner-ch .map-section img {
        margin: 0
    }

    .map-section-banner .map-section {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px
    }

    .map-section-banner-ch .map-section-ch {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px
    }

    .map-section-sub-title {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px;
        padding-bottom: 24px
    }

    .map-section-banner-ch .map-section-ch .map-section-sub-title-ch {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px;
        padding-bottom: 24px
    }

    .map-section-banner-ch .map-section-ch .map-section-title-ch {
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 28px
    }

    .map-section-banner .map-container,
    .map-section-banner .map-section-text-wrapper {
        width: 345px
    }

    .blueSection.map-section-banner-ch {
        padding-top: 0;
        padding-bottom: 48px
    }

    .map-section-banner .w-container.map-section {
        padding: 0;
        width: 720px
    }

    .map-section-banner .map-section img {
        margin: 0
    }

    .map-section-banner .map-section .map-section-sub-title {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px
    }

    .map-section-banner .map-section .map-section-title {
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 28px
    }

    .container.sc.sc-categories-table .row {
        margin-bottom: 10px
    }

    .yourAdvantagesBanner .cardGroupContainer .card img {
        margin-top: 0;
        padding-top: 0
    }

    .logo-group img {
        height: 23px
    }

    .how-does-it-works-section .home-page-video img {
        width: 345px;
        height: 200px;
        margin-right: 30px
    }

    .how-does-it-works-section .home-page-video {
        margin: 0
    }

    .homePageVideoSection .w-container.how-does-it-works-section {
        justify-content: center;
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 0;
        padding-right: 0
    }

    .how-does-it-works-section span {
        font-size: 2.55rem;
        margin-top: 43px;
        margin-bottom: 17px
    }

    .how-does-it-works-section span a {
        font-weight: 500;
        font-size: 24px;
        line-height: 28px
    }

    .howDoesItWorksBanner.stepsSection .stepGroupContainer {
        justify-content: space-between
    }

    .howDoesItWorksBanner .stepGroupTextContainer p {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px;
        color: rgba(0, 0, 0, .6)
    }

    .howDoesItWorksBanner .stepGroupContainer .stepGroupTextContainer {
        width: 220px
    }

    .howDoesItWorksBanner.stepsSection .w-container {
        padding: 0
    }

    .stepsSection.howDoesItWorksBanner .w-container {
        width: 720px;
        margin: 0 auto
    }

    .stepsSection.howDoesItWorksBanner .stepGroupImagesContainer {
        width: 540px;
        justify-content: space-between
    }

    .stepsSection.howDoesItWorksBanner h2 {
        width: 470px;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
        color: rgba(0, 0, 0, .87)
    }

    .stepsSection.howDoesItWorksBanner {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .howDoesItWorksBanner.stepsSection .orangeButton {
        width: 242px;
        letter-spacing: 1px
    }

    .singlePostContainer.w-container {
        padding-top: 230px
    }

    .altemetall-page .form-wrapper-top-altmetall input.input-product-menge,
    .altemetall-page .form-wrapper-top-altmetall input.input-product-zip-code {
        width: 100%
    }

    .sellScrapMetalBanner .diagonalBlueBackground .whiteBackground.w-container {
        width: 720px;
        border-top: 6px solid #f0a60e;
        padding-top: 32px
    }

    .sellScrapMetalBanner .home-listContainers ul li label {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px;
        color: rgba(0, 0, 0, .6)
    }

    .sellScrapMetalBanner .home-listContainers ul {
        margin-bottom: 5px
    }

    .sellScrapMetalBanner .home-listContainers ul li {
        display: flex
    }

    .w-container {
        width: 690px;
        padding: 0
    }

    .priceComparisonBanner {
        flex-direction: column-reverse;
        height: 449px;
        background: #14133a
    }

    .priceComparisonBanner-topLayer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(96deg, #f0a60e 0, #f0a60e 50%, transparent 50.2%, transparent 60%);
        background: linear-gradient(-6deg, #f0a60e 0, #f0a60e 50%, transparent 50.2%, transparent 60%)
    }

    .priceComparisonBanner-container:nth-child(1) h3 {
        margin-top: 60px
    }

    .priceComparisonBanner-container:nth-child(2) h3,
    .priceComparisonBanner-container:nth-child(2) p {
        text-align: left
    }

    .priceComparisonBanner-container:nth-child(2) {
        justify-content: center;
        padding-top: 22px
    }

    .priceComparisonBanner img {
        height: auto
    }

    .priceComparisonBanner-container:nth-child(1) {
        z-index: 9;
        margin-top: -92px
    }

    .priceComparisonBanner-text-wrapper {
        width: 359px;
        font-style: normal;
        margin-top: 0;
        justify-content: end
    }

    .priceComparisonBanner-container p {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px
    }

    .priceComparisonBanner-container {
        width: 100%;
        justify-content: center
    }

    .priceComparisonBanner-container:nth-child(2) .priceComparisonBanner-text-wrapper {
        width: 345px;
        margin-right: 108px;
        align-items: baseline
    }

    .priceComparisonBanner-container:nth-child(1) .priceComparisonBanner-text-wrapper {
        margin-left: 100px;
        text-align: right;
        align-items: flex-end
    }

    .priceComparisonBanner-tablet-img,
    .priceComparisonBanner-textTablet {
        display: block
    }

    .priceComparisonBanner-desktop-img,
    .priceComparisonBanner-mobile-img,
    .priceComparisonBanner-textDesktop {
        display: none
    }

    .priceComparisonBanner-container:nth-child(2) .priceComparisonBanner img {
        margin-top: 136px
    }

    .priceComparisonBanner-text-wrapper h3 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px
    }

    .priceComparisonBanner-container:nth-child(2) h3 {
        margin-top: 15px
    }

    .priceComparisonBanner-text-wrapper p {
        margin-bottom: 18px
    }

    .sellScrapMetalBanner.diagonalBlueBackground .whiteBackground {
        width: 690px;
        padding-top: 32px
    }

    .sellScrapMetalBanner .home-listContainers .first-column {
        width: 259px;
        margin-right: 30px
    }

    .sellScrapMetalBanner .home-listContainers .second-column {
        width: 383px
    }

    #opinionSlider ul li {
        width: 470px
    }

    .opinionSlider .dot-wrapper {
        bottom: 13px
    }

    #opinionSlider ul li p {
        font-size: 16px;
        line-height: 24px;
        width: 470px;
        margin: 25px auto 0 auto;
        text-align: center;
        letter-spacing: .5px
    }

    #opinionSlider {
        height: 300px !important;
        width: 470px !important;
        padding-top: 53px
    }

    #opinionSlider .slider-author {
        font-size: 18px;
        line-height: 24px;
        margin-top: 20px;
        text-align: center;
        letter-spacing: .15px
    }

    #opinionSlider .dot {
        width: 6px;
        height: 6px
    }

    .yourAdvantagesBanner .cardGroupContainer.w-container {
        width: 720px;
        padding: 0
    }

    .yourAdvantagesBanner .card {
        width: 220px;
        height: 300px;
        border-radius: 0;
        padding-left: 24px;
        padding-right: 24px
    }

    .yourAdvantagesBanner p {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px;
        margin-bottom: 0
    }

    .yourAdvantagesBanner .orangeLine {
        width: 44px
    }

    .yourAdvantagesBanner .card img {
        width: 44px;
        padding-top: 17px
    }

    .yourAdvantagesBanner span {
        padding-top: 20px;
        padding-bottom: 10px;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .15px
    }

    .sc.sc-categories-table .material-name {
        text-align: center
    }

    .opinionSlider .comments-section {
        height: 345px
    }

    .opinionSlider .sliderGroup {
        height: 290px
    }

    .opinionSlider p {
        width: 470px;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .5px;
        margin: 42px auto 16px auto
    }

    .sliderGroup .slider-author {
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        letter-spacing: .15px;
        color: #fff;
        opacity: .6
    }

    .optimizeScrapRvenueBanner .big-amount-metal-section-text-wrapper span {
        font-style: normal;
        font-weight: 500;
        font-size: 9px;
        line-height: 16px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: rgba(0, 0, 0, .6);
        text-align: left
    }

    .optimizeScrapRvenueBanner .mountain-of-metal-wrapper img {
        width: 345px;
        height: 345px
    }

    .optimizeScrapRvenueBanner .mountain-of-metal-wrapper {
        width: 100%
    }

    .optimizeScrapRvenueBanner .home-page .big-amount-metal-section.w-container {
        padding: 0;
        align-items: center
    }

    .optimizeScrapRvenueBanner .big-amount-metal-section-text-wrapper {
        width: 100%;
        text-align: center;
        height: 308px
    }

    .optimizeScrapRvenueBanner .big-amount-metal-section-text-wrapper {
        width: 100%;
        text-align: center;
        height: 308px
    }

    .optimizeScrapRvenueBanner .big-amount-metal-section-text-wrapper div {
        width: 100%;
        padding: 0
    }

    .optimizeScrapRvenueBanner .mountain-of-metal-wrapper img {
        width: 345px;
        height: 345px
    }

    .optimizeScrapRvenueBanner .big-amount-metal-section .big-amount-metal-section-title {
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
        color: rgba(0, 0, 0, .87);
        width: 300px;
        text-align: left
    }

    .optimizeScrapRvenueBanner .big-amount-metal-section {
        height: 464px
    }

    .optimizeScrapRvenueBanner .big-amount-metal-section .big-amount-metal-section-sub-title {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px;
        color: rgba(0, 0, 0, .6);
        width: 345px;
        text-align: left;
        margin-bottom: 17px
    }

    .optimizeScrapRvenueBanner .big-amount-metal-section-text-wrapper .orangeButton {
        padding: 0
    }

    .optimizeScrapRvenueBanner .big-amount-metal-section-text-wrapper .orangeButton a {
        margin: 0
    }

    .optimizeScrapRvenueBanner .mountain-of-metal-wrapper {
        width: 100%
    }

    .optimizeScrapRvenueBanner .w-container {
        width: 720px
    }

    .demontage-text-container {
        width: 517px
    }

    .windkraftwerk .section7 {
        width: 595px
    }

    .footerLogoWrapper.footerLogoWrapper {
        display: flex;
        width: 100%
    }

    .demontageTextSection p:last-child {
        margin-bottom: 0
    }

    .dismantingFirstRow,
    .dismantingSecondRow {
        display: flex;
        align-items: center
    }

    .section6 .demontageTextSection div:first-child {
        margin-top: 0
    }

    .demontage-page h3 {
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 12px;
        letter-spacing: .15px
    }

    .demontageImageDismantingSection {
        width: 50%
    }

    .demontageTextSection {
        width: 50%
    }

    .dismantingSecondRow .demontageTextSection {
        margin-right: 15px
    }

    .dismantingSecondRow .demontageImageDismantingSection {
        margin-left: 15px
    }

    .dismantingFirstRow .demontageImageDismantingSection {
        margin-right: 15px
    }

    .dismantingFirstRow .demontageTextSection {
        margin-left: 15px
    }

    .hubBannerContainer .w-container {
        padding-left: 25px;
        padding-right: 25px;
        width: 768px
    }

    .smallTopForm.hubBannerContainer h2.firstSectionTitle {
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 28px
    }

    .section1 .blueRotatedBackgroundContainer {
        width: 100%
    }

    .section1-orange-line {
        width: 44px
    }

    .section1-whiteCard span {
        margin-top: 22px;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .15px
    }

    .section1-whiteCard {
        height: 345px;
        width: 220px;
        padding-left: 24px;
        padding-right: 24px
    }

    .section1-whiteCard p {
        height: 160px;
        font-size: 14px;
        margin-bottom: 0;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .25px
    }

    .section2 .sliderGroup {
        width: 100% !important;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        letter-spacing: .5px
    }

    .section3-cardWrapper {
        width: 768px;
        justify-content: space-evenly
    }

    .section3-buttonContainer span {
        font-size: 18px
    }

    .section3-card {
        width: 320px;
        height: 312px
    }

    .section4 .sectionContent.stepsContainer {
        padding-left: 44px;
        padding-right: 44px
    }

    .section4 p {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        letter-spacing: .25px;
        color: rgba(0, 0, 0, .6);
        width: 157px
    }

    .section4-paragrahpContainer {
        width: 157px
    }

    .section4 .greySeparatorLine {
        width: 107px
    }

    .section4 .stepsContainer {
        width: 100%
    }

    .section5-firstColumn {
        width: 345px
    }

    .sectionTitle {
        font-size: 24px
    }

    .sectionSubtitle {
        font-size: 9px
    }

    .section5 .sectionHeaderParagraph {
        width: 470px;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px
    }

    .demontage-page .section5 .sectionSubtitle {
        font-style: normal;
        font-weight: 500;
        font-size: 9px;
        line-height: 16px;
        letter-spacing: 1.5px;
        text-transform: uppercase
    }

    .mobile-cart-nav-item {
        width: 20px
    }

    .mobile-menu-nav-item {
        width: 18px
    }

    .section5 .sectionContent {
        width: 768px;
        padding-left: 0;
        padding-right: 0
    }

    .section5-columnContainer .section5-secondColumn {
        width: 345px
    }

    .section5 .blueRotatedBackgroundContainer {
        width: 100%
    }

    .section5-whiteCard {
        padding-left: 24px;
        padding-right: 24px
    }

    .section5-whiteCard img {
        width: 48px;
        height: 48px
    }

    .section5-whiteCard p,
    .section6 p {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px;
        color: rgba(0, 0, 0, .6)
    }

    .dismantingSecondRow.kraftwerk-section {
        margin-bottom: 0
    }

    .dismantingFirstRow.kraftwerk-section,
    .dismantingSecondRow.kraftwerk-section {
        height: auto
    }

    .demontage-page .standardWidth {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%;
        max-width: 768px
    }

    .amountInputBanner {
        width: 180px
    }

    .kraftwerk.demontage-page .section6 h2,
    .windkraftwerk.demontage-page .section6 h2 {
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
        color: rgba(0, 0, 0, .87)
    }

    .dismantingSecondRow.kraftwerk-section .demontageImageSection {
        margin-left: 15px
    }

    .dismantingSecondRow.kraftwerk-section .demontageTextSection {
        margin-right: 15px
    }

    .dismantingSecondRow.kraftwerk-section .demontageImageSection img {
        margin-top: 20px
    }

    .dismantingFirstRow.kraftwerk-section .demontageImageSection {
        margin-right: 15px;
        margin-top: 63px
    }

    .dismantingFirstRow.kraftwerk-section .demontageTextSection {
        margin-left: 15px
    }

    .kraftwerk-section div.demontageImageSection,
    .kraftwerk-section div.demontageTextSection {
        width: 50%
    }

    .footer-show-tablet,
    .template-show-tablet {
        display: block
    }

    .footer-columnServices,
    .footer-columnUnternehmen {
        width: 50%
    }

    .footerTimesContainer h4 {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 28px;
        letter-spacing: .25px;
        color: #fff
    }

    .footer-hide-tablet,
    .template-hide-tablet {
        display: none !important
    }

    .footer-sectionTitle {
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .15px
    }

    .secondPartFooterLinks .footer-twoColumnsOfLinks {
        flex-direction: row
    }

    .footerLinksContainer {
        height: 700px
    }

    .footer-twoColumnsOfLinks {
        flex-direction: column
    }

    .footerLinksContainer .no-margin-top-small-screens {
        margin-top: 0
    }

    .footer-twoColumnsOfLinks div {
        width: 100%;
        padding-right: 30px
    }

    .footer-columnEuro p {
        width: 100%;
        font-style: normal;
        font-weight: 400;
        font-size: 9px;
        line-height: 14px;
        letter-spacing: .4px;
        width: 157px
    }

    .footer-columnEuro {
        width: 25%;
        margin-right: 0;
        padding-right: 30px
    }

    .secondPartFooterLinks .footer-columnServices {
        width: 50%
    }

    .secondPartFooterLinks .footer-columnUnternehmen {
        width: 50%
    }

    .footer-columnUnternehmen {
        width: 25%
    }

    .footer-columnServices {
        width: 25%;
        margin-left: 0;
        padding-right: 30px
    }

    .w-container.firstPartFooterLinks,
    .w-container.secondPartFooterLinks {
        width: 100%
    }

    .awardContainerFirst div {
        width: 20%;
        text-align: center
    }

    .awardContainerFirst {
        width: 100%
    }

    .awardContainerSecond div {
        text-align: center
    }

    .awardContainerSecond {
        justify-content: space-around;
        width: 60%
    }

    .footerLogoContainer img {
        height: 48.48px
    }

    .footerAwardsContainer img {
        width: 110px
    }

    .openSegmentDropdown {
        display: none
    }

    .navbar-expand-lg.navbar-dark.navbar-background {
        height: 56px;
        display: flex;
        align-items: center
    }

    .tungsten-carbide .nav-group-item {
        display: none
    }

    .partner-altemetall-page .header-wrapper {
        display: none
    }

    .partner-altemetall-page .sc-products-table-grid-card .all-pricess {
        margin-bottom: 40px
    }

    .partner-altemetall-page .altmetall-page-group {
        width: auto
    }

    .partner-altemetall-page nav {
        width: auto
    }

    .partner-altemetall-page nav .navbar-brand {
        visibility: hidden
    }

    .partner-altemetall-page .how-works {
        display: none
    }

    .tungsten-carbide .partner-section .logo-group {
        margin-top: 396px
    }

    .tungsten-carbide .bubble-speech .bubble-speech-rate-group {
        bottom: 30px
    }

    .tungsten-carbide .step-section-group {
        max-width: 276px;
        margin: 0 auto
    }

    .tungsten-carbide .step-section-group .boxShadow {
        height: auto;
        padding-bottom: 30px
    }

    .tungsten-carbide .step-section-group div {
        margin-bottom: 28px
    }

    .tungsten-carbide .step-section .img-1-2-3 {
        margin-top: 0;
        margin-bottom: 40px
    }

    .tungsten-carbide .step-section-sub-title {
        font-size: 1.78rem;
        margin-top: 15px
    }

    .tungsten-carbide .step-section {
        margin-top: 61px
    }

    .tungsten-carbide .logo-group img {
        width: 115px
    }

    .tungsten-carbide .sc-products-table-grid-card .cardWrapper {
        padding-bottom: 22px;
        height: auto
    }

    .tungsten-carbide .partner-section {
        height: 678px;
        padding-bottom: 40px
    }

    .tungsten-carbide .how-works {
        display: none
    }

    .tungsten-carbide .step-section-title {
        font-size: 2.45rem;
        font-weight: 600;
        padding-right: 5px;
        padding-left: 5px;
        text-align: center
    }

    .tungsten-carbide .topSection span {
        font-size: 2.45rem
    }

    .tungsten-carbide .topSection em {
        display: block
    }

    .tungsten-carbide .headerGroup {
        display: flex;
        flex-direction: column;
        align-items: baseline
    }

    .tungsten-carbide .headerGroup span {
        font-size: 1.1rem
    }

    .tungsten-carbide .headerGroupWrapper {
        display: flex
    }

    .tungsten-carbide .greySection .headerGroup div {
        width: auto;
        height: 50px
    }

    .tungsten-carbide .headerGroup img {
        width: 35px;
        margin-bottom: 9px
    }

    .tungsten-carbide .headerGroup:not(.show-media-query) {
        height: 235px;
        padding-top: 50px
    }

    .tungsten-carbide .ekomiHappyCustomersSection .orange-part {
        top: 0;
        height: 180px
    }

    .tungsten-carbide .ekomiHappyCustomersSection .ekomi-wrapper {
        flex-direction: row;
        top: 25px
    }

    .tungsten-carbide .ekomiHappyCustomersSection .ekomi-wrapper .white-text-wrapper {
        padding-top: 0;
        display: flex;
        align-items: center
    }

    .tungsten-carbide .ekomiHappyCustomersSection .ekomi-wrapper .white-text-wrapper span {
        font-size: 1.52rem;
        text-align: left;
        display: block
    }

    .tungsten-carbide .ekomi-wrapper .white-text-wrapper {
        margin-left: 28px;
        width: auto
    }

    .tungsten-carbide .transparent-product-button {
        display: none !important
    }

    .tungsten-carbide .bubble-speech {
        top: 155px
    }

    .tungsten-carbide .bubble-speech .bubble-speech-rate-group {
        bottom: 105px
    }

    .big-image-wrapper .easyzoom a img {
        height: auto
    }

    .metalsale-page .metalsale-image-group {
        overflow: hidden;
        padding-left: 18px;
        padding-right: 18px
    }

    .metalsale-page .metalsale-image-group a {
        width: 100%;
        max-width: 270px
    }

    .metalsale-page .metalsale-image-group span {
        font-size: 1.75rem;
        text-align: center
    }

    .metalsale-page .metalsale-image-group img {
        max-width: inherit
    }

    .karriere-body .two-column-info {
        padding-bottom: 30px;
        margin-top: 51px
    }

    .karriere-body .standardTitle {
        margin-bottom: 20px;
        margin-top: 96px
    }

    .karriere-body .video-wrapper .youtube-video img {
        margin-bottom: 22px
    }

    .karriere-body .two-column-info div,
    .karriere-body .video-wrapper div {
        width: 100%
    }

    .karriere-body .two-column-info {
        flex-direction: column
    }

    .karriere-body .two-column-info div:nth-child(2) p {
        float: left
    }

    .karriere-body .video-wrapper .text-video p {
        font-size: .88rem;
        line-height: 1.3;
        max-width: none
    }

    .karriere-body .two-column-info div p {
        font-size: .88rem;
        max-width: 100%;
        line-height: 1.3
    }

    .karriere-body .video-wrapper {
        flex-direction: column;
        height: auto;
        padding-top: 34px;
        padding-bottom: 35px
    }

    .karriere-body .two-column-info {
        padding-bottom: 30px;
        margin-top: 51px
    }

    .karriere-body .standardTitle {
        margin-bottom: 20px;
        margin-top: 96px
    }

    .karriere-body .video-wrapper .youtube-video img {
        margin-bottom: 22px
    }

    .karriere-body .two-column-info div,
    .karriere-body .video-wrapper div {
        width: 100%
    }

    .karriere-body .two-column-info {
        flex-direction: column
    }

    .karriere-body .two-column-info div:nth-child(2) p {
        float: left
    }

    .karriere-body .video-wrapper .text-video p {
        font-size: .88rem;
        line-height: 1.3;
        max-width: none
    }

    .karriere-body .two-column-info div p {
        font-size: .88rem;
        max-width: 100%;
        line-height: 1.3
    }

    .karriere-body .video-wrapper {
        flex-direction: column;
        height: auto;
        padding-top: 34px;
        padding-bottom: 35px
    }

    .headerWrapper.smallForm .form-group {
        margin-bottom: 15px
    }

    .schrottpreise-new-page .preis-page .graph-wrapper {
        padding: 0
    }

    .schrottpreise-new-page .header-widget .titleWrapper p {
        font-weight: 800
    }

    .schrottpreise-new-page .blueTitle.info-title {
        font-size: 2.15rem
    }

    .ablaufWrapper .linkAtTop.how-does-works-wrapper span {
        font-size: 1.35rem;
        font-weight: 800
    }

    .single-product-page .graph-text-container {
        flex-direction: column;
        align-items: center
    }

    .weightSelectorWrapper.formNewWidget .form-group label,
    .weightSelectorWrapper.formNewWidget .form-group label.active {
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .single-product-page .cardWrapper .transparent-product-button a {
        border: 0;
        text-transform: initial;
        text-decoration: underline;
        font-size: .9rem;
        font-weight: 400
    }

    .single-product-page .cardWrapper:not(.active) {
        height: 500px
    }

    .sc-categories .sc-content {
        height: 214px
    }

    .categoryWrapper {
        margin-bottom: 56px
    }

    .subtitlePage {
        margin-bottom: 73px
    }

    .single-product-page {
        padding-top: 67px
    }

    .single-product-page .headerGroup.w-container {
        padding-top: 38px;
        margin-bottom: 36px
    }

    .single-product-page .headerGroup div {
        margin-right: 0;
        margin-bottom: 12px
    }

    .single-product-page .greySection .headerGroup span {
        font-size: 1.15rem
    }

    .single-product-page .headerGroup img {
        width: 25px;
        margin-right: 4px
    }

    .single-product-page .headerGroup {
        height: 185px
    }

    .single-product-page .total-input-wrapper span {
        top: 11px
    }

    .single-product-page .alarm-section .orangeButton {
        position: absolute;
        bottom: 57px;
        left: 22px
    }

    .single-product-page .alarm-section .alarm-group {
        margin: 0 auto
    }

    .single-product-page .alarm-buble-wrapper {
        position: relative;
        top: 15px
    }

    .single-product-page .alarm-buble-sub-title {
        position: absolute;
        left: 22px;
        top: 215px
    }

    .single-product-page .alarm-section-mobile-phone {
        margin: 0 auto
    }

    .single-product-page .sc-product-title {
        margin-top: 115px
    }

    .single-product-page .sc-products-table-grid-card {
        justify-content: space-evenly
    }

    .single-product-page .alarm-section {
        height: auto;
        margin-bottom: 86px
    }

    .single-product-page .alarm-buble-wrapper .alarm-buble-title {
        left: 22px;
        position: absolute;
        margin-top: 0;
        top: 119px
    }

    .breadCrumbWrapper {
        position: fixed;
        top: 44px;
        background: #fff;
        height: 39px;
        margin-left: 0;
        padding-left: 60px !important;
        display: flex;
        align-items: center;
        z-index: 9999;
        width: 100% !important;
        padding-right: 0 !important
    }

    .single-product-page .alarm-buble-wrapper div,
    .single-product-page .alarm-buble-wrapper span {
        margin-left: 0;
        width: 90%;
        max-width: 400px
    }

    .single-product-page .blueSection {
        background-color: #fff
    }

    .single-product-page .graphWrapper {
        width: 100%
    }

    .single-product-page .text-related-graph-container p {
        font-size: .9rem
    }

    .single-product-page .text-related-graph-container h2 {
        font-size: 1.2rem
    }

    .single-product-page .how-works {
        display: none
    }

    .single-product-page .text-related-graph-container b {
        font-size: .9rem
    }

    .single-product-page .graph-text-container {
        margin-top: 35px
    }

    .single-product-page .graph-container.productDetailWrapper {
        background-color: #e4e8ec
    }

    .single-product-page .text-related-graph-container {
        margin: 0 auto;
        width: 100%
    }

    .single-product-page .graph-text-container.w-container {
        padding: 0
    }

    .single-product-page .graphWrapper {
        margin: 0 auto;
        background-color: #e4e8ec;
        border: 0;
        box-shadow: none
    }

    .single-product-page .anfragenWrapper a {
        width: 193px
    }

    .single-product-page .graph-text-container {
        flex-direction: column
    }

    .single-product-page .anfragenWrapper {
        flex-direction: row;
        align-items: center;
        width: 290px;
        margin: 18px auto 0 auto;
        border-right: 0
    }

    .single-product-page .price-calculation-wrapper .anfragenWrapper span {
        font-size: .85rem;
        margin-right: 26px
    }

    .single-product-page .priceBox {
        width: 97px;
        height: 67px
    }

    .single-product-page .priceBox .singleWeight {
        font-size: .75rem
    }

    .cardWrapper.hidden {
        display: none
    }

    .single-product-page .priceBox .singlePrice {
        font-size: 1.3rem
    }

    .single-product-page .price-calculation-wrapper {
        margin-left: 0
    }

    .single-product-page .price-calculation-wrapper,
    .single-product-page .priceBoxWrapper {
        display: flex;
        flex-direction: column
    }

    .single-product-page .priceBoxTitle {
        width: 100%;
        text-align: center;
        font-size: 1.15rem;
        margin-top: 18px;
        margin-bottom: 20px
    }

    .single-product-page .image-wrapper .slider.w-slider {
        width: 290px
    }

    .single-product-page .image-and-price-component {
        padding-top: 28px;
        flex-direction: column
    }

    .single-product-page .small-image-wrapper {
        display: none
    }

    .standardTitle {
        font-size: 1.85rem
    }

    .product-page .how-works button {
        height: 78px;
        font-size: 1.3rem;
        margin-top: 27px;
        margin-bottom: 36px
    }

    .alarm-buble-wrapper .orangeButton a {
        width: 100%
    }

    .single-product-page .input-price-calculation-wrapper .total-price-wrapper {
        display: flex;
        margin: 0 auto 10px auto;
        width: 245px;
        align-items: baseline;
        padding-left: 0
    }

    .single-product-page .input-price-calculation-wrapper .standardButton a.show-media-query {
        display: block;
        width: 245px;
        font-size: 1.15rem;
        height: 49px;
        line-height: 1
    }

    .single-product-page .input-price-calculation-wrapper .total-price-wrapper .total-calculation {
        font-size: 1.6rem;
        margin-top: 0;
        width: 174px;
        text-align: right
    }

    .single-product-page .input-price-calculation-wrapper .total-price-wrapper .bizZu {
        margin-top: 0;
        font-size: 1.17rem;
        color: #999
    }

    .single-product-page .total-input-wrapper input {
        margin: 0 auto 20px auto;
        width: 245px;
        border: 1px solid #9ba3ad;
        height: 46px
    }

    .single-product-page .image-wrapper {
        margin: 0 auto
    }

    .single-product-page .input-price-calculation-wrapper {
        margin: 34px 0 0 0;
        width: 100%;
        flex-direction: column-reverse;
        height: auto;
        padding-bottom: 22px;
        border-right: 0
    }

    .single-product-page .total-input-wrapper .input-group {
        width: 245px;
        margin: 0 auto
    }

    .single-product-page .input-price-calculation-wrapper .total-input-wrapper {
        margin-top: 23px
    }

    .product-page.altemetall-page {
        padding-top: 61px
    }

    .product-page.altemetall-page .default-heading-1 {
        margin: 18px 0 0 0;
        font-size: 2.15rem;
        font-weight: 800
    }

    .product-page.altemetall-page .breadcrumbMessage {
        font-size: 1.32rem;
        font-weight: 800;
        line-height: 1.8rem;
        padding-right: 20px;
        padding-left: 20px;
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 42px
    }

    .product-page.altemetall-page .breadcrumbsWrapper {
        padding-left: 0;
        padding-right: 0
    }

    .product-page.altemetall-page .big-amount-metal-section-text-wrapper {
        width: 100%
    }

    .product-page .imges-wrapper {
        display: none
    }

    .product-page.altemetall-page.product-page .mountain-of-metal-wrapper {
        width: 100%
    }

    .product-page.altemetall-page .header-widget {
        display: block
    }

    .product-page.altemetall-page .header-widget .productWrapper {
        margin-top: 15px;
        max-width: 313px;
        margin-right: auto;
        padding-left: 18px;
        padding-right: 18px
    }

    .altemetall-page .form-wrapper-top-altmetall .linkAltmetall {
        display: none
    }

    .altemetall-page .form-wrapper-top-altmetall {
        display: block
    }

    .altmetall-top-component-wrapper.stickItAtTop {
        display: none
    }

    .altmetall-top-component-wrapper {
        height: auto
    }

    .product-page.altemetall-page .form-wrapper-top-altmetall .standardButton a {
        font-size: 15px;
        font-weight: 400;
        line-height: inherit;
        height: 55px;
        margin-bottom: 12px;
        line-height: 1.5rem;
        width: 100%;
        padding-top: 15px
    }

    .product-page.altemetall-page .form-wrapper-top-altmetall .total-price {
        font-size: 1.46rem;
        font-weight: 800;
        color: #4c6583;
        width: auto
    }

    .product-page.altemetall-page .form-wrapper-top-altmetall .bis-zu {
        color: #9ba3ad;
        font-weight: 600;
        font-size: 1.1rem
    }

    .altemetall-page .form-wrapper-top-altmetall input {
        margin-bottom: 13px;
        width: 100%
    }

    .grey-background.altmetall-top-component-wrapper {
        background-color: #fff
    }

    .altemetall-page .form-wrapper-top-altmetall .glassStatusIndicator {
        display: none
    }

    .form-wrapper-top-altmetall.productWrapper input {
        font-size: 1.07rem;
        height: 53px
    }

    .form-wrapper-top-altmetall .orangeButton.show-media-query {
        display: block
    }

    .form-wrapper-top-altmetall.productWrapper input::placeholder {
        color: #ddd
    }

    .form-wrapper-top-altmetall.productWrapper .dropdownSelectorOptions {
        top: 89px
    }

    .product-page.altemetall-page .form-wrapper-top-altmetall .unitKg {
        color: #4c6583;
        opacity: .5;
        font-size: 1.07rem;
        right: 30px;
        top: 14px;
        left: auto
    }

    .form-wrapper-top-altmetall.productWrapper input::placeholder {
        text-align: left;
        color: #4c6583;
        opacity: .5
    }

    .product-page.altemetall-page .form-wrapper-top-altmetall .total-price-group {
        margin-top: 17px
    }

    .product-page.altemetall-page .header-widget .dropdownSelectorOptions {
        border: none
    }

    .product-page.altemetall-page .header-widget .dropdownSelectorOptions li {
        border-bottom: 0;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-top: 1px solid #ddd
    }

    .product-page .sc-products-table-grid-card {
        flex-direction: column;
        align-items: center
    }

    .partner-altemetall-page.product-page .cardWrapper,
    .product-page .cardWrapper {
        height: auto
    }

    .product-page .cardWrapper:not(.active) {
        border: none;
        -webkit-box-shadow: 0 0 20px -8px rgba(200, 200, 200, 1);
        -moz-box-shadow: 0 0 20px -8px rgba(200, 200, 200, 1);
        box-shadow: 0 0 20px -8px rgba(200, 200, 200, 1);
        background: #fff
    }

    .product-page .cardWrapper.hidden {
        display: none
    }

    .product-page .group-input-buttons input {
        border: 2px solid #7cb342
    }

    .product-page .transparent-product-button a,
    .product-page .transparent-product-button a:hover,
    .product-page .transparent-product-button a:visited {
        border: none;
        text-transform: capitalize;
        text-decoration: underline;
        font-weight: 400;
        font-size: .75rem;
        display: none
    }

    .product-page .images-video-section h2 {
        font-size: 1.65rem
    }

    .product-page .images-video-section .text-wrapper h2 {
        font-size: 1.4rem
    }

    .images-video-section .image-text-group {
        margin-top: 30px
    }

    .product-page .images-video-section .text-wrapper p {
        font-size: 1.15rem;
        margin-top: 0;
        margin-bottom: 20px
    }

    .product-page .big-amount-metal-section-text-wrapper .orangeButton a {
        margin: 0 auto
    }

    .sc-products-table-grid-card .big-amount .anfragen-btn {
        width: 78px;
        height: 26px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .sc-products-table-grid-card .big-amount .anfragen-btn a {
        font-size: .66rem
    }

    .sc-products-table-grid-card .big-amount {
        line-height: 1.1rem;
        margin-bottom: 13px
    }

    .sc-products-table-grid-card .big-amount span {
        padding-top: 2px;
        font-size: .76rem
    }

    .group-input-buttons input {
        height: 43px
    }

    .cardWrapper .calculation-units {
        top: 10px
    }

    .cardWrapper .group-input-buttons .grey-product-button a {
        height: 43px;
        line-height: 2.6rem;
        display: none
    }

    .sc-products-table-grid-card .cardWrapper {
        max-width: 276px;
        width: 100%
    }

    .sc-products-table-grid-card .cardWrapper .price-calculation-group {
        display: none
    }

    .sc-products-table-grid-card .cardWrapper.active .price-calculation-group {
        display: flex
    }

    .cardWrapper.active .group-input-buttons .grey-product-button a,
    .cardWrapper.active .transparent-product-button,
    .cardWrapper.active .transparent-product-button a {
        display: block
    }

    .cardWrapper.active:not(.validForm) .price-calculation-group .card-calculation {
        color: #4c6583
    }

    .cardWrapper.active:not(.validForm) .price-calculation-group span:first-child {
        color: #9ba3ad
    }

    .cardWrapper.active:not(.validForm) .group-input-buttons .grey-product-button a {
        background-color: #9ba3ad
    }

    .sc-products-table-grid-card .cardWrapper h2 {
        font-size: 1.02rem
    }

    .cardWrapper .cardWrapper-title {
        justify-content: left;
        margin-left: 26px
    }

    .altemetall-page .two-column-section {
        display: none
    }

    .sliderGroup p {
        padding-left: 0;
        padding-right: 0
    }

    .altemetall-page .titlePage {
        font-size: 2.1rem
    }

    .sliderGroup li {
        margin-bottom: 80px
    }

    .headerWrapper .headerGroup {
        flex-direction: column;
        height: 133px
    }

    .header-widget .headerWrapper img {
        width: 25px;
        margin-top: -4px
    }

    .headerGroup span {
        font-size: 1.2rem
    }

    .headerGroup.w-container {
        padding: 20px 20px
    }

    .mainFooter {
        height: auto
    }

    .footerGroup .footerLinksGroup {
        flex-direction: column;
        text-align: right
    }

    .footerGroup .footerLinksGroup {
        width: 120px
    }

    .smallForm #new-header-form-wrapper.show {
        display: block
    }

    #displaySmallWidget {
        display: block;
        z-index: 1000;
        bottom: 10px
    }

    .smallForm #new-header-form-wrapper {
        display: none
    }

    .header-widget .smallForm .infoWrapper {
        display: none
    }

    .header-widget .smallForm .titleWrapper p {
        margin-top: 15px
    }

    .header-widget .smallForm.headerWrapperForm {
        padding-bottom: 0
    }

    .stickyDesktopNavbar {
        display: none
    }

    .supportWrapper .supportHeaderWrapper .supportPageTittle span {
        display: block;
        text-align: center
    }

    .supportWrapper .alexander-section .btn-rounded,
    .supportWrapper .sales-wrapper .btn-rounded {
        float: none;
        margin: 0 auto
    }

    .supportWrapper .sliderContent {
        flex-direction: column
    }

    .supportWrapper .sliderWrapper {
        width: 100%;
        height: 300px
    }

    .supportWrapper .supportHeaderWrapper .supportPageTittle {
        margin-right: 0
    }

    .supportWrapper .supportHeaderWrapper {
        flex-direction: column
    }

    .supportWrapper .alexander-section .alexander-text-wrapper,
    .supportWrapper .sales-wrapper .sales-text {
        width: 100%
    }

    .supportWrapper .alexander-section .alexander-sub-title,
    .supportWrapper .sales-wrapper .sales-sub-title {
        margin-bottom: 40px;
        text-align: center
    }

    .addressWrapper .addressTitle,
    .supportWrapper .alexander-section .alexander-text-title,
    .supportWrapper .sales-wrapper .sales-title,
    .supportWrapper .subscription-wrapper .section-title {
        font-size: 2.5rem
    }

    .alexander-section .alexander-text-wrapper,
    .sales-wrapper .sales-text {
        float: none
    }

    .sc-product-details form input[type=submit] {
        width: 100%
    }

    .weightSelectorWrapper .form-group,
    .weightSelectorWrapper .form-row {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0
    }

    .postContentWrapper h4 span img {
        width: auto !important;
        height: auto !important
    }

    .sc-description-container {
        text-align: justify
    }

    .sc-description-container p iframe {
        width: auto;
        height: auto
    }

    .container.sc.sc-categories-table {
        text-align: center;
        box-shadow: none
    }

    .header-widget .productWrapper {
        margin-right: 0;
        max-width: 100%
    }

    .en-page .price-table-outside-container .sc {
        padding-left: 0;
        overflow: hidden;
        box-shadow: 0 0 2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
        background: #fff
    }

    .en-page .price-table-outside-container .sc .row.pb-3 {
        margin-bottom: 0;
        padding-bottom: 8px !important
    }

    .en-page .price-table-outside-container .sc .priceTdContainer {
        font-size: 16px;
        letter-spacing: .5px
    }

    .en-page .sc.sc-categories-table .material-name {
        font-size: 20px;
        letter-spacing: .15px;
        text-align: left
    }

    .en .price-table-outside-container h2 {
        margin-bottom: 24px
    }

    .en-page .defaultCategoryContainer {
        margin-left: 34px
    }

    body:not(.en-page) .container.sc.sc-categories-table .row {
        display: block;
        color: #7b7b7b;
        margin-bottom: 50px;
        border: 1px solid #ddd;
        box-shadow: 0 3px 4px 0 #ddd;
        -webkit-border-radius: 3px 5px 1px 4px;
        -moz-border-radius: 4px;
        border-radius: 11px;
        text-align: center;
        padding-bottom: 50px !important;
        padding-top: 50px
    }

    .sc-products .sc-content .sc-subimage-content .price-chart {
        min-height: 90px;
        display: block
    }

    .sc-products .sc-content .sc-subimage-content .price-chart span {
        font-size: .7em;
        display: inline-block;
        float: right
    }

    .sc-products .sc-content .sc-subimage-content .price-chart img {
        width: 100%;
        min-height: 75px;
        float: left
    }

    .edenPage .forestHeaderContainer {
        height: auto
    }

    .edenPage .greenTechLogo {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .edenPage h1 {
        padding-left: 20px;
        padding-right: 20px;
        color: #000;
        font-size: 2.25rem;
        line-height: 2.125rem;
        font-weight: 400
    }

    .edenPage .edenForestContainer {
        height: auto
    }

    .edenPage .edenMapImg {
        padding-top: 60px
    }

    .edenPage .beforeAndAfterWrapper span {
        font-weight: 600;
        text-align: center;
        display: block;
        margin-top: 20px
    }

    .edenPage .how-does-it-works-eden,
    .edenPage .how-does-it-works-eden .how-does-it-works-wrapper-ablauf {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .sc-products .sc-product {
        padding-top: 45px;
        margin-top: -45px
    }

    .productDetailWrapper .priceWrapper .priceBoxWrapper .priceBoxTitle {
        padding-right: 13px;
        text-align: center;
        display: block
    }

    .productDetailWrapper .priceWrapper .priceBoxWrapper {
        width: 100%
    }

    .productDetailWrapper .priceWrapper .priceBox {
        width: 33%;
        text-align: center
    }

    .sc-product-details .overview .overviewTitle {
        margin: 0 auto;
        display: block;
        width: 196px
    }

    .overviewWrapper .list-group.tick-list {
        width: 189px;
        margin: 0 auto
    }

    .overviewWrapper .overview a {
        margin: 0 auto;
        display: block;
        width: 186px
    }

    .productDetailWrapper .rightColumn .blueBox .blueBoxTitle {
        display: block;
        text-align: center
    }

    .productDetailWrapper .rightColumn .blueBox .blueBoxP {
        margin: 6px auto 16px auto
    }

    .productNameWrapper {
        display: block
    }

    .bis-zu-price-wrapper {
        align-items: center;
        justify-content: center
    }

    .productDetailWrapper .calculatedPrices .priceResultWrapper .priceResultOutput {
        margin-left: 0;
        text-align: center
    }

    .productDetailWrapper .calculatedPrices .priceInputWrapper .inputUnit {
        font-size: 1.2rem;
        margin-left: -30px
    }

    .productDetailWrapper .calculatedPrices .priceInputWrapper .sc-estimate-input {
        padding: 10px;
        font-size: 1.2rem
    }

    .productDetailWrapper .priceWrapper .anfragenWrapper {
        width: 100%
    }

    .productDetailWrapper .rightColumn .blueBox .buttonPreisalarm {
        width: 100%
    }

    .productDetailWrapper .rightColumn .blueBox {
        padding: 10px 15px
    }

    .sc-product-details .overviewWrapper {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px
    }

    .sc-product-details .sc-estimate-input {
        width: 100%
    }

    .productDetailWrapper .calculatedPrices .priceResultWrapper .bg-green-active {
        margin: 0 0 20px 0
    }

    .productDetailWrapper .calculatedPrices .priceResultWrapper {
        float: none;
        margin: 0 auto;
        width: 100%
    }

    .productDetailWrapper .calculatedPrices .priceInputWrapper {
        margin: 0 auto;
        padding: 0;
        width: 100%
    }

    .productDetailWrapper .calculatedPrices {
        display: block
    }

    .graphWrapper {
        margin: 20px auto 0 auto;
        width: 100%
    }

    .graphWrapper .graph {
        width: 100%
    }

    .productDetailWrapper .priceWrapper {
        width: 100%;
        border: none;
        display: block;
        margin: 10px auto 0 auto;
        height: 160px
    }

    .productDetailWrapper .mainContent {
        height: auto;
        width: 100%;
        display: block
    }

    .productDetailWrapper .rightColumn {
        margin: 22px auto 0 auto;
        width: 100%;
        height: auto
    }

    .productDetailWrapper .imageWrapper img {
        margin: 0 auto
    }

    .productDetailWrapper .imageWrapper {
        margin: 0 auto;
        width: auto;
        height: auto
    }

    .slider.w-slider:hover .w-slider-arrow-right {
        background: 0 0 !important
    }

    .slider.w-slider:hover .w-slider-arrow-left {
        background: 0 0 !important
    }

    .image-explanation-wrapper .preis-section {
        margin-left: 10px
    }

    .link-footer-wrapper .link-footer-element .link-footer-list-wrapper {
        margin-top: 30px
    }

    .link-footer-wrapper .link-footer-element .list-wrapper hr {
        display: none
    }

    .link-footer-wrapper .link-footer-element .list-wrapper {
        float: left;
        width: 100%;
        text-align: center
    }

    .link-footer-wrapper .link-footer-element .link-footer-title,
    .link-footer-wrapper .link-footer-element .list-wrapper ul {
        padding: 0
    }

    .padding-mobile-view {
        padding: 10px
    }

    .header-two-column {
        width: 100%
    }

    .preis-page .product-table-wrapper {
        border: none
    }

    .sc-products .sc-content .sc-subimage-content .price-chart {
        display: block
    }

    body:not(.en-page) .preis-page .sc.sc-products-table tbody tr td {
        display: block;
        text-align: center;
        padding-right: 10px;
        padding-left: 10px
    }

    .preis-page .advantages-wrapper,
    .your-advantages-section .advantages-wrapper {
        display: block
    }

    body:not(.en-page) .preis-page .sc.sc-products-table .product-table-header {
        display: none
    }

    body:not(.en-page) .preis-page .sc.sc-products-table tr {
        display: block;
        color: #7b7b7b;
        margin-bottom: 50px;
        border: 1px solid #ddd;
        box-shadow: 0 3px 4px 0 #ddd;
        -webkit-border-radius: 3px 5px 1px 4px;
        -moz-border-radius: 4px;
        border-radius: 11px;
        text-align: center;
        padding-bottom: 50px;
        background: #fff
    }

    body:not(.en-page) .preis-page .sc.sc-products-table tr td:last-child {
        padding-bottom: 90px
    }

    body:not(.en-page) .preis-page .sc.sc-products-table .sc-price-column a {
        width: 33%;
        border: none;
        text-align: center
    }

    body:not(.en-page) .preis-page .sc.sc-products-table .sc-price-column a:nth-child(1),
    body:not(.en-page) .preis-page .sc.sc-products-table .sc-price-column a:nth-child(2) {
        border-right: 1px solid #ddd
    }

    body:not(.en-page) .preis-page .sc.sc-products-table .sc-price-column a:last-child {
        width: 100%
    }

    body:not(.en-page) .preis-page .sc.sc-products-table .sc-name-column {
        padding-top: 20px
    }

    .preis-page .sc-price-column div.sc-offer {
        padding-top: 10px;
        margin-left: 0;
        float: none
    }

    .preis-wrapper .advantage-square-wrapper,
    .preis-wrapper .advantage-square-wrapper.advantage-square-middle,
    .your-advantages-section .advantage-square-wrapper,
    .your-advantages-section .advantage-square-wrapper.advantage-square-middle {
        width: 100%;
        margin: 60px auto;
        float: none
    }

    .preis-page .preis-section .section-title {
        text-align: center
    }

    .preis-page .preis-section {
        padding-left: 10px;
        padding-right: 10px
    }

    .md-w-100 {
        width: 100%
    }

    .footer-wrapper {
        padding-top: 40px;
        text-align: center
    }

    .service-hilfe-wrapper,
    .sicher-mitglied-wrapper {
        width: auto;
        float: none
    }

    .alexander-section .alexander-img-wrapper {
        margin: 0 auto;
        float: none
    }

    .alexander-section .alexander-img-wrapper img {
        margin: 0 auto;
        display: block
    }

    .alexander-section .alexander-text-wrapper {
        width: 100%
    }

    .alexander-section .alexander-text-wrapper .alexander-text-title {
        margin-top: 0;
        text-align: center
    }

    .sales-wrapper .sales-img {
        margin: 0 auto;
        float: none
    }

    .sales-wrapper .sales-img img {
        margin: 0 auto;
        display: block
    }

    .sales-wrapper .sales-text {
        width: 100%
    }

    .sales-wrapper .sales-text .sales-title {
        margin-top: 0
    }

    .slide.w-slide {
        background-color: #fff
    }

    .straub-wrapper p {
        padding-left: 0;
        padding-right: 0
    }

    .map-wrapper .map-text {
        margin: 0;
        float: none
    }

    .map-wrapper .map-img {
        float: none;
        text-align: center
    }

    .service-hilfe-wrapper {
        width: 15%;
        display: block;
        float: left
    }

    .footer-container img.img-no-margin {
        margin-left: auto
    }

    .footer-wrapper .sub-footer.sub-1 {
        width: 100%
    }

    .footer-wrapper .sub-footer.sub-2 {
        width: 100%
    }

    .footer-wrapper .sub-footer.sub-3 {
        width: 100%
    }

    .footer-wrapper .sub-footer.sub-4 {
        width: 100%
    }

    .footer-wrapper .sub-footer.sub-5 {
        width: 100%
    }

    .footer-wrapper .sub-footer.sub-6 {
        width: 100%
    }

    .footer-wrapper .sub-footer.sub-7 {
        width: 100%
    }

    .footer-wrapper .media-wrapper {
        margin: 0 auto;
        width: 250px
    }

    .navbar-nav .nav-item {
        margin-right: 0
    }

    .sc-products h3.product-name {
        padding-bottom: 30px
    }

    .sc-products h3 a {
        margin-left: 50px
    }

    .side-menu {
        margin-top: 0
    }

    .mdl-layout-title {
        font-size: 1.5rem
    }

    .nav-item .nav-link {
        padding: 0
    }

    .navbar-sub {
        margin-bottom: 15px
    }

    .nav-item-sub {
        margin-left: 3rem;
        border-bottom: 1px solid #fff;
        padding-bottom: 4px;
        padding-top: 4px
    }

    .mdl-layout__obfuscator-right.active {
        width: 100%;
        height: 100%;
        left: 0;
        background-color: rgba(0, 0, 0, .8)
    }

    .position-fixed {
        position: fixed
    }

    .line-height-40 {
        line-height: 40px
    }

    .font-size-9 {
        font-size: .9rem !important
    }

    .navbar-expand-lg.navbar-dark.navbar-background {
        top: 0;
        z-index: 9999999
    }

    .nav-item-text {
        color: #14133a
    }

    .nav-dropdown {
        display: none
    }

    .nav-dropdown-group span {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: .001em;
        color: rgba(0, 0, 0, .87);
        font-style: normal;
        font-weight: 500
    }

    .nav-dropdown-group i {
        color: rgba(0, 0, 0, .6)
    }

    .nav-dropdown-group span i {
        padding-right: 22px
    }

    .nav-body .nav-dropdown span {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: .001em;
        color: rgba(0, 0, 0, .87);
        font-style: normal;
        font-weight: 500;
        padding-left: 56px;
        padding-bottom: 24px
    }

    .mdl-layout-title {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px;
        color: rgba(0, 0, 0, .87)
    }

    .nav-header i {
        color: rgba(0, 0, 0, .6)
    }

    .nav-header {
        height: 56px;
        padding-left: 16px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(0, 0, 0, .12);
        justify-content: space-between;
        padding-right: 21px
    }

    .nav-dropdown-group {
        padding-bottom: 8px
    }

    .grey-line-separator-footer {
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: red;
        bottom: 200px;
        left: 0
    }

    .nav-footer {
        margin-top: 7px;
        border-top: 1px solid rgba(0, 0, 0, .12);
        padding-left: 16px;
        padding-top: 24px
    }

    .nav-footer div {
        cursor: pointer
    }

    .nav-footer a i {
        color: rgba(0, 0, 0, .6);
        margin-right: 18px
    }

    .nav-footer a {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: .001em;
        margin-bottom: 16px;
        color: rgba(0, 0, 0, .87)
    }

    .nav-footer label {
        font-weight: 500
    }

    .nav-dropdown-group .arrow_down {
        display: block
    }

    .nav-dropdown-group .arrow_up {
        display: none
    }

    .nav-dropdown-group.active .arrow_down {
        display: none
    }

    .nav-dropdown-group.active .arrow_up {
        display: block
    }

    .nav-dropdown a:last-child {
        margin-bottom: 7px
    }

    .nav-dropdown a {
        padding-left: 48px;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: .001em;
        color: rgba(0, 0, 0, .87);
        margin-bottom: 24px
    }

    .linkInNavMenu {
        margin-left: 40px
    }

    .nav-dropdown-group.active .nav-open-dropdown-group {
        background: #f1f1f3;
        margin-bottom: 15px;
        border-radius: 4px
    }

    .nav-dropdown-group.active .nav-dropdown {
        display: flex;
        flex-direction: column
    }

    .nav-body {
        display: flex;
        flex-direction: column;
        padding-left: 14px;
        padding-right: 8px;
        padding-top: 14px
    }

    .nav-open-dropdown-group {
        width: 100%;
        height: 40px;
        align-items: center;
        display: flex
    }

    .nav-open-dropdown-group.active {
        background: #e3e3e7;
        opacity: .5;
        border-radius: 4px
    }

    .nav-open-dropdown-group i {
        padding-right: 16px
    }

    .header-nav-body-container {
        height: 100%;
        overflow-y: scroll
    }

    .mdl-layout__drawer-left {
        z-index: 9999999;
        right: 0;
        top: 0;
        margin-right: 0;
        width: 304px;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 100%;
        position: absolute;
        background: #fff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, .18), 0 2px 4px rgba(0, 0, 0, .24);
        -webkit-transform: translateX(250px);
        -ms-transform: translateX(250px);
        transform: translateX(250px);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        will-change: transform;
        -webkit-transition-duration: .2s;
        -o-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        color: #14133a;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .btn-green .fa {
        width: 30px;
        height: 15px;
        display: block
    }

    .btn-green .fa.fa-chevron-up {
        width: 28px;
        height: 20px
    }

    .nav-item-wrapper .nav-item {
        display: block
    }

    .nav-item-wrapper.en-mobile-burger {
        justify-content: flex-end
    }

    .nav-item-wrapper {
        width: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    nav .nav-group-item {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto;
        padding-left: 24px;
        padding-right: 24px
    }

    .poweredByMetaloop {
        margin-top: 5px
    }

    .navbar-brand {
        display: flex;
        flex-direction: column
    }

    .navbar-brand img {
        width: auto;
        height: auto
    }

    .nav-group-item .nav-item {
        display: block
    }

    .navbar-background {
        background-image: none !important;
        background-color: #fff
    }

    .f-right {
        float: right !important
    }

    .m-relative {
        position: relative
    }

    .text-green {
        color: #7ab141 !important
    }

    .d-inline-block {
        display: inline-block !important
    }

    .show-media-query {
        display: block
    }

    .hide-media-query {
        display: none !important
    }

    .sc-subimage-content .form-wrapper .sc-estimate-input {
        width: 100%;
        border: none;
        border-bottom: 2px solid #7cb342
    }

    .sc-categories .sc-content .sc-image,
    .sc-products .sc-content-wrapper .sc-content .sc-image {
        max-width: 450px
    }

    .sc-products .sc-content-wrapper .sc-content .sc-image {
        position: relative;
        margin: 0 auto
    }

    .sc-product {
        padding-bottom: 30px
    }

    .sc-products .sc-content-wrapper {
        background-color: #fff;
        border-radius: 3px;
        box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, .25);
        border: 1px solid #eee;
        width: 95%;
        margin: 0 auto
    }

    .sc-products .sc-content .sc-info-button {
        display: none
    }

    .sc-products .sc-content .product-name {
        text-align: center
    }

    .sc-content .btn-green {
        background: #7ab141 !important;
        border-radius: 50%;
        font-family: Material Icons;
        color: #fff;
        height: 40px;
        width: 40px;
        top: 20px;
        right: 8px;
        position: absolute
    }

    .sc-products .sc-content .sc-price {
        width: 33.33%;
        border: none
    }

    .sc-categories .sc-category:hover,
    .sc-products .sc-content-wrapper:hover {
        cursor: pointer
    }

    .sc-products .sc-content .sc-subimage-content .price-chart {
        min-height: 90px;
        display: block
    }

    .sc-product-details .price-chart .price-text,
    .sc-products .sc-content .sc-subimage-content .price-chart span {
        font-size: .7em;
        display: inline-block;
        float: right
    }

    .sc-products .sc-content .sc-subimage-content .price-chart img {
        width: 100%;
        min-height: 75px;
        float: left
    }

    .sc-products .sc-content .form-wrapper {
        display: none
    }

    .sc-products .sc-content .form-wrapper .sc-info-link {
        text-decoration: underline;
        color: #747575 !important;
        text-align: center
    }

    .sc-products .sc-content .estimation-wrap {
        width: 100%
    }

    .sc-products .sc-content .sc-price-calculated {
        margin-right: 5px
    }

    .sc-categories .sc-category {
        width: 100% !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        max-width: 335px;
    }

    .sc-categories .sc-content .sc-button span.fa {
        font-size: 24px;
        line-height: 29.2px
    }

    .sc-categories .sc-category .sc-content-wrapper {
        background-color: #fff;
        border-radius: 3px;
        box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, .25);
        border: 1px solid #eee;
        width: 100%;
        margin: 0 auto
    }

    .sc-categories .sc-category .sc-content-wrapper .sc-content {
        padding: none;
        border: none
    }

    .sc-categories .sc-category .sc-content .sc-max-price {
        top: 50%
    }

    .sc-product-details table {
        width: 100%
    }

    .sc-product-details .input-unit,
    .sc-products .sc-subimage-content .input-unit {
        position: absolute;
        float: rigth;
        right: 0;
        top: -8px
    }

    .sc-products .sc-subimage-content .input-unit {
        top: 4px
    }

    .sc-product-details table td {
        padding-top: 5px;
        float: left;
        width: 100%
    }

    .sc-product-details .bg-green-active {
        width: 100%
    }

    .sc-product-details .sc-gallery-main {
        height: 150px;
        width: 150px;
        border-radius: 50%
    }

    .sc-product-details .bx-wrapper {
        background: 0 0;
        border: none;
        box-shadow: none;
        width: 100%;
        max-width: 400px !important;
        float: left
    }

    .sc-product-details .gallery-wrapper img {
        margin: 0 auto
    }

    .sc-product-details .sc-price-calculated {
        width: 100%;
        margin-top: 5px;
        margin-right: 20px
    }

    .sc-product-details .img-wrapper {
        width: 160px;
        float: left
    }

    .navbar .navbar-toggler {
        border: none;
        font-size: 24px
    }

    .header-widget .dropdownSelectorOptions {
        width: 100%
    }

    .header-widget .weightSelectorWrapper .selectUnitWrapper {
        padding-left: 0;
        margin-top: 45px;
        max-width: 100%
    }

    .header-widget input[type=submit],
    .weightSelectorWrapper input,
    .weightSelectorWrapper label {
        height: 60px;
        line-height: 60px
    }

    .weightSelectorWrapper label.bigbuttonRight {
        margin-right: 0
    }

    .header-widget .weightSelectorWrapper .selectPeriodicityWrapper {
        padding-right: 0;
        max-width: 100%;
        margin-left: 0
    }

    .header-widget .submitButtonWrapper {
        max-width: 100%
    }

    .weightSelectorWrapper .wrapperInput {
        width: 50%;
        padding-left: 6px
    }

    .weightSelectorWrapper .wrapperLabel label {
        margin-right: 6px
    }

    .weightSelectorWrapper .wrapperLabel label:first-child {
        margin-right: 12px
    }

    .weightSelectorWrapper .wrapperLabel {
        display: inline-flex;
        width: 50%
    }

    .weightSelectorWrapper label {
        width: 50%;
        margin-right: 0;
        margin-left: 0
    }

    .header-widget .titleWrapper {
        padding-left: 40px;
        padding-right: 40px
    }

    .header-widget .titleWrapper h2 {
        font-size: 2.44rem;
        padding-top: 20px
    }

    .header-widget .titleWrapper p {
        line-height: 1.6;
        font-size: 1.4rem;
        margin-top: 40px;
        padding-bottom: 40px;
        padding-bottom: 20px
    }

    .headerWrapper.smallForm {
        padding-bottom: 15px
    }

    .weightSelectorWrapper .form-group label {
        font-weight: 700
    }

    .header-widget div a.linkToAltmetall,
    .header-widget div a.linkToAltmetall:hover {
        font-size: 1rem;
        width: 100%;
        top: 85px
    }

    .header-widget .form-group {
        margin-bottom: 1.2rem
    }

    .header-widget .dropdownSelectorOptions li {
        height: 50px;
        border-bottom: 1px solid #ddd;
        text-align: center
    }

    .header-widget .infoWrapper .nopadding {
        text-align: left
    }

    .header-widget .formWrapper {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px
    }

    .header-widget .filterSelect {
        width: 100%
    }

    .header-widget label.bigbutton {
        width: 50%;
        margin-right: 6px
    }

    .header-widget label.bigbutton.bigbuttonRight {
        margin-right: 0;
        margin-left: 6px
    }
}

@media (max-width:768px) {
    .en-page .text-map-ch-container {
        margin-bottom: 22px
    }

    .en-page .optimizeScrapRvenueBanner .big-amount-metal-section .big-amount-metal-section-sub-title {
        margin-bottom: 23px
    }

    .en-page .european-map-banner {
        height: 569px
    }

    .en-page .text-map-ch-container span {
        margin-bottom: 9px
    }

    .en-page .materialInputLabel.standard-placeholder-label {
        top: -15px
    }

    .en-page .price-table-outside-container .w-container {
        width: 320px;
        margin: 0 auto
    }

    .en-page .absoluteListContainer {
        top: 38px
    }

    .en-page .sc-price-weight {
        color: rgba(0, 0, 0, .6)
    }

    .en-page .sc.sc-products-table .sc-price-column .sc-price {
        font-size: 16px;
        letter-spacing: .5px
    }

    .en-page .sc.sc-products-table .sc-name-column {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .15px
    }

    .en-page .price-table-outside-container .w-container center:not(.mobile-screen) {
        display: none
    }

    .en-page .price-table-outside-container .w-container center:.mobile-screen {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        margin-top: 16px;
        text-align: center;
        letter-spacing: .4px;
        color: rgba(0, 0, 0, .6)
    }

    .en-page .price-table-outside-container .sc {
        flex-direction: column;
        box-shadow: none;
        background: 0 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .en-page .sc.sc-products-table .sc-name-column {
        width: 250px;
        padding: 0;
        display: flex;
        justify-content: center;
        height: auto
    }

    .en-page .sc-price-container {
        display: flex;
        width: 250px;
        justify-content: space-between;
        margin-top: 11px
    }

    .en-page .preis-page .sc.sc-products-table tr {
        width: 290px;
        display: block;
        color: #7b7b7b;
        margin-bottom: 10px;
        border: 1px solid #ddd;
        box-shadow: 0 0 2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
        -webkit-border-radius: 3px 5px 1px 4px;
        -moz-border-radius: 4px;
        border-radius: 0;
        text-align: center;
        padding: 20px;
        background: #fff
    }

    .flagWrapper {
        justify-content: end
    }

    .marketUpdatePopUp.downloadPopUp a,
    .marketUpdatePopUp.downloadPopUp a:hover {
        margin-top: 10px;
        margin-bottom: 22px;
        margin-left: 17px;
        width: 116px
    }

    .popUpImgDesktop {
        display: none
    }

    .popUpImgMobile {
        display: block
    }

    .marketUpdatePopUp.downloadPopUp h3 {
        width: 141px;
        margin-left: 17px;
        font-size: 16px;
        line-height: 20px
    }

    .downloadPopUp.invisiblePopUp,
    .downloadPopUp.marketUpdatePopUp {
        justify-content: center;
        width: 100%;
        height: 176px;
        background: -webkit-linear-gradient(-20deg, #14133a 0 0, #14133a 0 32.5%, #f0a60e 32.6%, #f0a60e 100%);
        background: linear-gradient(107deg, #14133a 0 0, #14133a 0 32.5%, #f0a60e 32.6%, #f0a60e 100%)
    }

    .invisiblePopUp {
        width: 100%
    }

    .marketUpdatePopUp {
        width: 100%;
        display: flex;
        align-items: center
    }

    .marketUpdatePopUp h3 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .15px;
        color: rgba(0, 0, 0, .87);
        margin-left: 0
    }

    .marketUpdatePopUp p {
        width: 290px;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px;
        margin-left: 0
    }

    .marketUpdatePopUp a {
        margin-left: 0
    }

    .closeMarketUpdateModal {
        top: 20px;
        color: rgba(0, 0, 0, .6);
        right: 16px
    }

    .marketUpdateContainer iframe {
        max-width: 400px;
        height: 900px
    }

    .marketUpdateContainer {
        width: 100%;
        height: 100%;
        margin-top: 110px;
        display: flex;
        justify-content: center
    }

    .marketInsights {
        height: 487px;
        background: -webkit-linear-gradient(-80deg, #f0a60e 0, #f0a60e 73.1%, #e98b08 73.2%, #e98b08 100%);
        background: linear-gradient(170deg, #f0a60e 0, #f0a60e 73.1%, #e98b08 73.2%, #e98b08 100%)
    }

    .marketInsights_container {
        height: 487px;
        align-items: center;
        flex-direction: column-reverse;
        justify-content: end
    }

    .marketInsights_textContainer {
        width: 290px;
        margin-bottom: 18px
    }

    .marketInsights_textContainer p {
        width: 290px
    }

    .marketInsights_textContainer a,
    .marketInsights_textContainer a:visited {
        margin-bottom: 16px
    }

    .marketInsights_imageContainer {
        width: 290px
    }

    .increaseRevenue {
        height: 473px;
        background: -webkit-linear-gradient(-80deg, #f0a60e 0, #f0a60e 76.1%, #e98b08 76.2%, #e98b08 100%);
        background: linear-gradient(170deg, #f0a60e 0, #f0a60e 76.1%, #e98b08 76.2%, #e98b08 100%)
    }

    .increaseRevenue_container {
        height: 473px;
        align-items: center;
        flex-direction: column
    }

    .increaseRevenue_textContainer {
        width: 290px
    }

    .increaseRevenue_textContainer p {
        text-align: justify;
        width: 198px
    }

    .increaseRevenue_textContainer a,
    .increaseRevenue_textContainer a:visited {
        margin-bottom: 32px
    }

    .increaseRevenue_imageContainer {
        width: 290px
    }

    .desktop-screen {
        display: none
    }

    .tablet-screen {
        display: none
    }

    .mobile-screen {
        display: block
    }

    .en-page .ekomiBanner {
        background: -webkit-linear-gradient(-19deg, #0e0e2c 0, #0e0e2c 70.1%, #f0a60e 70.5%, #f0a60e 100%);
        background: linear-gradient(109deg, #0e0e2c 0, #0e0e2c 70.1%, #f0a60e 70.5%, #f0a60e 100%)
    }

    .ekomiBanner {
        height: 170px;
        background: -webkit-linear-gradient(-19deg, #14133a 0, #14133a 70.1%, #f0a60e 70.5%, #f0a60e 100%);
        background: linear-gradient(109deg, #14133a 0, #14133a 70.1%, #f0a60e 70.5%, #f0a60e 100%)
    }

    .ekomiBanner-ekomiLogoContainer {
        display: flex;
        align-items: center;
        flex-direction: column
    }

    .ekomiBanner-ekomiLogoContainer-logo {
        width: 80px
    }

    .ekomiBanner-ekomiLogoContainer-score {
        width: 66px;
        height: 26px;
        margin-top: 3px
    }

    .ekomiBanner-partnerLogosGroup {
        width: 185px;
        margin-right: 0
    }

    .ekomiBanner h4 {
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        letter-spacing: .001em;
        margin-bottom: 6px
    }

    .ekomiBanner-partnerLogosGroup picture:nth-child(1),
    .ekomiBanner-partnerLogosGroup picture:nth-child(3) {
        margin-right: 30px;
        margin-bottom: 12px
    }

    .ekomiBanner-partnerLogosGroup picture:nth-child(2),
    .ekomiBanner-partnerLogosGroup picture:nth-child(4) {
        margin-right: 0
    }

    .ihre-section-banner {
        width: 290px;
        height: 758px
    }

    .ihre-section-text-container {
        width: 290px
    }

    .ihre-section-text-container li label {
        width: 270px;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px
    }

    .ihre-section-banner h2 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px;
        margin-bottom: 32px
    }

    .ihre-section-banner h3 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .15px;
        margin-bottom: 8px;
        margin-top: 32px
    }

    .ihre-section-banner span {
        font-size: 9px;
        line-height: 16px
    }

    .ihre-section-image-container {
        display: none
    }

    .ihre-section-mobile-img {
        display: block
    }

    .european-map-text-container {
        height: 533px;
        align-items: flex-end;
        justify-content: center
    }

    .text-map-ch-container h2 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px;
        width: 280px
    }

    .text-map-ch-container span {
        font-size: 9px;
        line-height: 16px;
        letter-spacing: 1.5px;
        margin-bottom: 20px;
        width: 290px
    }

    .text-map-ch-container p {
        width: 290px;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px
    }

    .european-map-banner {
        height: 533px
    }

    .text-map-ch-container {
        width: 290px;
        margin-bottom: 60px
    }

    .map-small-title-ch {
        display: block;
        margin-bottom: 20px;
        font-style: normal;
        font-weight: 500;
        font-size: 9px;
        line-height: 16px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: #fff
    }

    .map-section-ch {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .map-section-banner-ch .map-container-ch {
        padding-top: 0
    }

    .map-container-ch {
        width: 100%;
        height: 100%
    }

    .map-img-ch {
        width: 100%;
        height: auto;
        margin-left: 0
    }

    .map-section-text-wrapper-ch {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 83%
    }

    .text-wrapper-ch {
        width: 100%;
        margin: auto
    }

    .map-section-banner .map-container,
    .map-section-banner .map-section-text-wrapper {
        width: 290px
    }

    .map-section-banner-ch .map-container-ch,
    .map-section-banner-ch .map-section-text-wrapper-ch {
        padding-top: 0
    }

    .blueSection.map-section-banner-ch {
        padding-top: 0;
        padding-bottom: 60px
    }

    .map-section-banner-ch .map-section .map-section-sub-title-ch {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px
    }

    .map-section-banner-ch .map-section-ch .map-section-title-ch {
        margin-top: 0;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px
    }

    .priceComparisonBanner {
        height: 857px;
        background: -webkit-linear-gradient(98deg, #f0a60e 0, #f0a60e 53.3%, #14133a 53.4%, #14133a 60%);
        background: linear-gradient(-8deg, #f0a60e 0, #f0a60e 53.3%, #14133a 53.4%, #14133a 60%)
    }

    .priceComparisonBanner-container {
        width: 100%;
        justify-content: center;
        width: 320px;
        margin: 0 auto;
        flex-direction: column;
        align-items: center
    }

    .priceComparisonBanner-container:nth-child(1) {
        flex-direction: column-reverse
    }

    .priceComparisonBanner .priceComparisonBanner-container .priceComparisonBanner-text-wrapper {
        width: 320px;
        margin: 0 auto 25px auto;
        align-items: center
    }

    .priceComparisonBanner .priceComparisonBanner-container p {
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        letter-spacing: .25px;
        width: 290px
    }

    .priceComparisonBanner .priceComparisonBanner-container h3 {
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        letter-spacing: .15px;
        width: 290px
    }

    .priceComparisonBanner-container:nth-child(2) {
        margin-top: 7px
    }

    .priceComparisonBanner-topLayer {
        background: -webkit-linear-gradient(98deg, #f0a60e 0, #f0a60e 53.3%, transparent 53.4%, transparent 60%);
        background: linear-gradient(-8deg, #f0a60e 0, #f0a60e 53.3%, transparent 53.4%, transparent 60%)
    }

    .priceComparisonBanner-mobile-img {
        display: block
    }

    .priceComparisonBanner-desktop-img,
    .priceComparisonBanner-tablet-img {
        display: none
    }

    .priceComparisonBanner {
        height: 857px;
        background: -webkit-linear-gradient(98deg, #f0a60e 0, #f0a60e 53.3%, #14133a 53.4%, #14133a 60%);
        background: linear-gradient(-8deg, #f0a60e 0, #f0a60e 53.3%, #14133a 53.4%, #14133a 60%)
    }

    .priceComparisonBanner-container {
        width: 100%;
        justify-content: center;
        width: 320px;
        margin: 0 auto;
        flex-direction: column;
        align-items: center
    }

    .priceComparisonBanner-container:nth-child(1) {
        flex-direction: column-reverse
    }

    .priceComparisonBanner .priceComparisonBanner-container .priceComparisonBanner-text-wrapper {
        width: 320px;
        margin: 0 auto 25px auto;
        align-items: center
    }

    .priceComparisonBanner .priceComparisonBanner-container p {
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        letter-spacing: .25px;
        width: 290px
    }

    .priceComparisonBanner .priceComparisonBanner-container h3 {
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        letter-spacing: .15px;
        width: 290px
    }

    .priceComparisonBanner-container:nth-child(2) {
        margin-top: 7px
    }

    .priceComparisonBanner-topLayer {
        background: -webkit-linear-gradient(98deg, #f0a60e 0, #f0a60e 53.3%, transparent 53.5%, transparent 60%);
        background: linear-gradient(-8deg, #f0a60e 0, #f0a60e 53.3%, transparent 53.5%, transparent 60%)
    }

    .priceComparisonBanner-mobile-img {
        display: block
    }

    .priceComparisonBanner-desktop-img,
    .priceComparisonBanner-tablet-img {
        display: none
    }

    .map-section-banner .w-container.map-section {
        width: 320px
    }

    .map-section-banner .map-container {
        padding-top: 30px
    }

    .map-section-banner .map-container,
    .map-section-banner .map-section-text-wrapper {
        width: 290px
    }

    h2.title-section {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        letter-spacing: .15px;
        margin-top: 60px;
        margin-bottom: 24px
    }

    h3.subTitle {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px;
        color: rgba(0, 0, 0, .6)
    }

    .group-input-buttons .transparent-product-button {
        margin-top: 0
    }

    .single-product-page .input-price-calculation-wrapper {
        width: 290px;
        margin: 34px auto 0 auto
    }

    h1.standardTitle {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px;
        width: 290px;
        text-align: left
    }

    .single-product-page .price-calculation-wrapper {
        margin: 0 auto
    }

    .blueSection.map-section-banner {
        padding: 60px 15px
    }

    .map-section-banner .map-section .map-section-sub-title {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px
    }

    .map-section-banner .map-section .map-section-title {
        margin-top: 0;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px
    }

    .product-page .images-video-section .text-wrapper {
        width: 290px;
        margin: 0 auto
    }

    .product-page.altemetall-page .big-amount-metal-section-text-wrapper {
        width: 290px;
        padding-left: 0;
        padding-right: 0
    }

    .cardWrapper .transparent-product-button a {
        color: #3759f0 !important;
        text-decoration: none !important
    }

    .cardWrapper .grey-product-button a {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0
    }

    .product-page.altemetall-page .form-wrapper-top-altmetall .standardButton a {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        padding-top: 0;
        text-align: center;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .altemetall-page .form-wrapper-top-altmetall .rangeOfPricesGroup {
        margin-bottom: 15px
    }

    .product-page.altemetall-page .breadcrumbMessage {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        letter-spacing: .5px;
        margin-bottom: 0
    }

    .product-page.altemetall-page .default-heading-1 {
        line-height: 38px;
        font-size: 2.1rem
    }

    .breadcrumbsWrapper {
        display: none !important
    }

    .sellScrapMetalBanner.diagonalBlueBackground span.home-sectionTitle {
        padding-top: 29px;
        padding-bottom: 17px;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px
    }

    .altmetallSection {
        position: relative;
        background: #f1f1f3;
        padding-top: 32px
    }

    .w-container.altmetallSection-titleContainer {
        padding: 0;
        width: 290px
    }

    .diagonalBlueBackground .whiteBackground.w-container {
        padding: 0;
        border: 0;
        width: 290px
    }

    .altmetallSection-titleContainer .home-sectionTitle {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 14px;
        letter-spacing: .15px
    }

    .how-does-it-works-section .home-page-video {
        margin-top: 8px;
        margin-bottom: 18px
    }

    .w-container.sc.sc-categories {
        width: 100%;
        max-width: 350px;
    }

    .sc-categories .sc-categories-group {
        margin: 0 auto
    }

    .sc-categories .sc-category {
        max-width: unset;
    }

    .how-does-it-works-section.w-container {
        height: auto
    }

    .how-does-it-works-section .home-page-video img {
        height: 168px;
        width: auto
    }

    .homePageVideoSection .w-container.how-does-it-works-section {
        padding-top: 10px
    }

    .homePageVideoSection .how-does-it-works-section span {
        margin-top: 15px;
        margin-bottom: 0
    }

    .homePageVideoSection .how-does-it-works-section span a {
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        letter-spacing: .15px
    }

    nav .nav-group-item {
        padding-left: 5px;
        padding-right: 5px
    }

    .breadCrumbWrapper {
        padding-left: 20px !important;
        padding-right: 20px !important;
        display: none
    }

    .yourAdvantagesBanner h2 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px;
        margin-bottom: 32px
    }

    .yourAdvantagesBanner h3 {
        font-size: 9px;
        padding-top: 60px;
        margin-bottom: 12px
    }

    .en-page .sc.sc-categories-table .material-name {
        text-align: center
    }

    .en-page .container.sc.sc-categories-table .row {
        display: block;
        color: #7b7b7b;
        margin-bottom: 10px;
        border: 1px solid #ddd;
        box-shadow: 0 3px 4px 0 #ddd;
        -webkit-border-radius: 3px 5px 1px 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        text-align: center;
        padding-bottom: 11px !important;
        padding-top: 11px
    }

    .container.sc.sc-categories-table .row {
        padding-bottom: 20px !important;
        padding-top: 20px
    }

    .container.sc.sc-categories-table:last-child .row {
        margin-bottom: 0
    }

    .price-table-outside-container {
        padding-bottom: 50px
    }

    .demontage-page .sectionTitle {
        width: 290px
    }

    .section.section6 {
        padding-top: 3px;
        padding-bottom: 50px;
        padding-top: 60px
    }

    .single-product-page .price-calculation-wrapper,
    .single-product-page .priceBoxWrapper {
        border: 0
    }

    .howDoesItWorksBanner .stepGroupTextContainer p {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px;
        color: rgba(0, 0, 0, .6);
        margin-bottom: 8px
    }

    .howDoesItWorksBanner .stepGroupTextContainer label {
        margin-top: 14px;
        margin-bottom: 4px;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: .15px
    }

    .howDoesItWorksBanner .stepGroupContainer .stepGroupTextContainer {
        margin-top: 0;
        width: 246px;
        padding-right: 0
    }

    .stepsSection.howDoesItWorksBanner .stepGroupImagesContainer .greyLineSeparator {
        width: 1px;
        height: 58px;
        background: #b9b8c4
    }

    .stepsSection.howDoesItWorksBanner .stepGroupImagesContainer {
        flex-direction: column;
        width: 42px;
        height: 269px;
        margin-right: 5px
    }

    .stepsSection.howDoesItWorksBanner .orangeButton {
        margin-top: 15px
    }

    .stepsSection.howDoesItWorksBanner .w-container {
        width: 320px;
        padding-left: 0;
        padding-right: 0
    }

    .stepGroupContainer.howDoesItWorksBanner {
        flex-direction: column
    }

    .howDoesItWorksBanner.stepsSection h2 {
        width: 290px;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px;
        margin-bottom: 18px
    }

    .howDoesItWorksBanner .stepGroupContainer .stepGroupTextContainer {
        margin-top: 0;
        width: 246px;
        padding-right: 0
    }

    .stepsSection.howDoesItWorksBanner .stepGroupImagesContainer {
        flex-direction: column;
        width: 42px;
        height: 270px;
        margin-right: 5px
    }

    .howDoesItWorksBanner .stepGroupTextContainer label {
        margin-top: 14px;
        margin-bottom: 4px;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: .15px
    }

    .howDoesItWorksBanner .homeStepsGroupsContainer {
        display: flex
    }

    .howDoesItWorksBanner .stepGroupContainer {
        flex-direction: column
    }

    .smallTopForm.hubBannerContainer h1.firstSectionTitle,
    .smallTopForm.hubBannerContainer h2.firstSectionTitle {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px;
        color: #fff;
        width: 250px;
        padding-top: 0;
        top: -90px
    }

    .hubBannerContainer .hubBannerContent h1 {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px;
        color: #fff;
        z-index: 9999;
        position: relative;
        max-width: 250px;
        z-index: 1;
    }

    .mobile-header {
        margin-top: 66px;
        padding-top: 6px;
        box-shadow: none
    }

    .map-section .map-section-title {
        color: red;
        font-size: 700px;
        margin-top: 60px;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px
    }

    .map-section-banner .map-section {
        flex-direction: column;
        width: 290px
    }

    .sellScrapMetalBanner .whiteBackground.home-listContainers div.first-column {
        margin-bottom: 24px
    }

    .sellScrapMetalBanner .whiteBackground.home-listContainers div {
        border-top: 6px solid #f0a60e;
        width: 100%;
        background-color: #fff;
        padding-bottom: 20px;
        padding-right: 20px
    }

    .sellScrapMetalBanner .first-column,
    .sellScrapMetalBanner .second-column {
        width: 290px;
        margin: 0;
        box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
        border-radius: 0 0 4px 4px
    }

    .sellScrapMetalBanner .whiteBackground.home-listContainers a,
    .sellScrapMetalBanner .whiteBackground.home-listContainers span {
        padding-left: 20px
    }

    .sellScrapMetalBanner .whiteBackground.home-listContainers img {
        margin-top: 32px;
        margin-left: 20px;
        padding: 0;
        width: 44px
    }

    .sellScrapMetalBanner .whiteBackground.home-listContainers a {
        padding-left: 20px;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px
    }

    .sellScrapMetalBanner .whiteBackground.home-listContainers span {
        padding-left: 20px;
        padding-top: 17px;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 5px;
        letter-spacing: .15px
    }

    .home-listContainers ul li label {
        margin-top: 2px
    }

    .sellScrapMetalBanner .whiteBackground.home-listContainers ul {
        padding-left: 15px
    }

    .home-listContainers ul li label {
        margin-top: 0
    }

    .sellScrapMetalBanner .whiteBackground.home-listContainers ul {
        padding-left: 15px
    }

    .sellScrapMetalBanner.diagonalBlueBackground .whiteBackground {
        padding: 0;
        border: 0;
        width: 290px;
        height: auto;
        background-color: transparent;
        box-shadow: none
    }

    .sellScrapMetalBanner .home-listContainers {
        flex-direction: column
    }

    .w-container {
        padding: 0;
        width: 320px
    }

    #opinionSlider .dot-wrapper {
        display: block
    }

    #opinionSlider {
        width: 290px !important;
        height: 330px !important
    }

    #opinionSlider ul li p {
        width: 290px;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        letter-spacing: .25px
    }

    #opinionSlider ul li {
        width: 290px
    }

    .yourAdvantagesBanner p {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px;
        height: auto
    }

    .yourAdvantagesBanner .card {
        width: 290px;
        height: auto;
        margin-bottom: 24px;
        padding-left: 19px;
        padding-right: 19px;
        border-radius: 0;
        padding-bottom: 20px;
        padding-top: 38px
    }

    .yourAdvantagesBanner .card img {
        width: 44px
    }

    .yourAdvantagesBanner .cardGroupContainer {
        flex-direction: column
    }

    .yourAdvantagesBanner .blueArea {
        height: 460px
    }

    .yourAdvantagesBanner span {
        padding-top: 20px;
        padding-bottom: 8px;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .15px;
        color: rgba(0, 0, 0, .87)
    }

    .optimizeScrapRvenueBanner .w-container,
    .yourAdvantagesBanner .cardGroupContainer.w-container {
        width: 290px;
        padding: 0
    }

    .optimizeScrapRvenueBanner .big-amount-metal-section {
        flex-direction: column;
        height: auto
    }

    .optimizeScrapRvenueBanner .big-amount-metal-section .big-amount-metal-section-sub-title {
        width: 100%;
        padding-top: 10px;
        margin-bottom: 32px
    }

    .optimizeScrapRvenueBanner .big-amount-metal-section .big-amount-metal-section-title {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px
    }

    .optimizeScrapRvenueBanner .big-amount-metal-section-text-wrapper {
        height: auto;
        padding-top: 60px;
        padding-bottom: 60px
    }

    .optimizeScrapRvenueBanner .big-amount-metal-section .big-amount-metal-section-title {
        padding-bottom: 0;
        margin-top: 12px;
        margin-bottom: 22px
    }

    .how-does-it-works-section .home-page-video img {
        margin-right: 0
    }

    .logo-group .w-container {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        height: 60px
    }

    .logo-group {
        padding: 0;
        height: 100px
    }

    .third-image-logo {
        margin-right: 0
    }

    .logo-group img {
        height: 18px;
        margin-right: 6px
    }

    .hubBannerContent {
        width: 100%
    }

    .en-page .hubBannerThird .image-mobile-top {
        background-image: url(../img/altmetall/scrap-bg.jpg);
        background-position: center
    }

    .en-page .image-mobile-top {
        background-position: right;
        background-image: url(../img/altmetall/main-top-bg-mobile.jpg)
    }

    .image-mobile-top {
        width: 100%;
        height: 172px;
        background-image: url(../img/altmetall/main-top-bg-mobile.jpg);
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        top: 55px;
        right: 0
    }

    .hubBannerContainer h2 {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .15px;
        color: #fff;
        position: relative;
        margin-bottom: 37px
    }

    .hubBannerFormHeader {
        padding-left: 15px;
        border-bottom: 0
    }

    .hubBannerContent.activeOption {
        margin-top: 10px;
        margin-left: 15px
    }

    .hubBannerContent .sub-text {
        margin-top: 70px;
    }

    .hubBannerFormTabOption.activeOption {
        color: #fff
    }

    .materialInputLabel.standard-placeholder-label {
        top: 22px
    }

    .radio-item label {
        color: rgba(0, 0, 0, .87)
    }

    .radio-item label:before {
        border: 2px solid rgba(0, 0, 0, .6)
    }

    .standardInputWrapper input.quantityInput {
        width: 140px;
        margin-top: 5px
    }

    .en-page .hubBannerFormContainer {
        margin-top: 95px
    }

    .hubBannerFormContainer {
        width: 100%;
        box-shadow: none;
        margin-top: 93px;
        margin-bottom: 5px
    }

    .hubBannerFormTabOption {
        height: 63px
    }

    .standardInputWrapper.hubBannerSmallInput.estimatedRangePrices .standardInputWrapper.hubBannerSmallInput span {
        top: -19px
    }

    .hubBannerFormTabOption {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: rgba(255, 255, 255, .74);
        text-align: center;
        letter-spacing: .15px
    }

    .navbar-expand-lg.navbar-dark.navbar-background {
        padding-left: 15px;
        padding-right: 18px
    }

    .footer-columnEuro.footer-show-mobile .footer-sectionTitle {
        padding-left: 0
    }

    .secondPartFooterLinks .footer-columnServices {
        width: 100%;
        margin-bottom: 60px
    }

    .secondPartFooterLinks .footer-twoColumnsOfLinks {
        margin-top: 20px
    }

    .footer-listOfLinks {
        width: 130px;
        padding-left: 15px;
        padding-right: 15px
    }

    .footerLinksContainer {
        height: auto;
        padding-bottom: 50px
    }

    .footer-columnUnternehmen {
        width: 100%;
        margin-bottom: 60px
    }

    .secondPartFooterLinks {
        flex-direction: column
    }

    .footer-columnServices {
        padding: 0;
        width: 100%
    }

    .footer-listOfLinks {
        width: 130px
    }

    .secondPartFooterLinks .footer-columnUnternehmen {
        width: 100%
    }

    .footer-sectionTitle {
        padding-left: 15px;
        padding-right: 15px
    }

    .footer-twoColumnsOfLinks div {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .footer-twoColumnsOfLinks div {
        margin-top: 0
    }

    .footer-twoColumnsOfLinks {
        flex-direction: row;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }

    .ekomiImage {
        display: none
    }

    .footer-columnEuro p {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: .4px;
        width: 100%
    }

    .footerLinksContainer .firstPartFooterLinks,
    .footerLinksContainer .secondPartFooterLinks {
        padding: 0;
        width: 320px
    }

    .footer-columnEuro {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }

    .w-container.firstPartFooterLinks {
        flex-direction: column
    }

    .demontage-page .section1 .sectionTitle {
        margin-bottom: 13px
    }

    .demontage-page .sectionTitle {
        font-size: 20px;
        line-height: 24px
    }

    .section1 .blueRotatedBackground {
        background: #14133a;
        transform: rotate(-20deg) translate(-90px, -64px);
        width: 2050px;
        height: 750px
    }

    .section.section1.sectionSubtitle {
        margin-bottom: 11px
    }

    .section.section1 .sectionDescription {
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        letter-spacing: .25px
    }

    element.style {
        font-weight: 500;
        font-size: 18px;
        line-height: 24px
    }

    .smallTopForm.hubBannerContainer h2 {
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        width: 237px
    }

    .section.section1 {
        background: #f1f1f3;
        padding-top: 38px;
        margin-top: 15px;
        padding-bottom: 34px
    }

    .section.section3 {
        padding-bottom: 37px;
        padding-top: 62px
    }

    .section5-whiteCard {
        padding-top: 35px
    }

    .section5-whiteCard p {
        margin-bottom: 5px
    }

    .section5-whiteCard span {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .15px;
        margin-top: 20px
    }

    .section5-columnContainer {
        margin-bottom: 30px
    }

    .section1-whiteCard span {
        margin-bottom: 8px;
        margin-top: 22px
    }

    .section1-whiteCard {
        height: 258px;
        padding-top: 39px;
        padding-left: 20px;
        padding-right: 20px
    }

    .section1-whiteCard img {
        height: 44px
    }

    .hubBannerContainer .w-container {
        padding-left: 0;
        margin: 0;
        padding-right: 0
    }

    .demontage-page .standardWidth {
        width: 100%;
        padding-bottom: 10px;
        margin-top: 9px;
        padding-left: 15px;
        padding-right: 15px
    }

    .demontage-page .sectionSubtitle {
        width: 290px;
        font-size: 9px;
        margin-bottom: 13px;
        text-align: left;
        font-style: normal;
        font-weight: 500;
        font-size: 9px;
        line-height: 16px;
        letter-spacing: 1.5px
    }

    .section.section4 .sectionSubtitle {
        margin-bottom: 13px
    }

    .demontage-page .section3 .sectionTitle {
        margin-bottom: 29px
    }

    .demontage-page .section4 .sectionTitle {
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        letter-spacing: .15px;
        margin-bottom: 28px
    }

    .section.section4.standardWidth {
        padding-top: 28px;
        padding-bottom: 45px
    }

    .section.section5 {
        overflow: hidden;
        padding-bottom: 60px;
        padding-top: 60px
    }

    .dismantingFirstRow img {
        margin-top: 20px
    }

    .section5-columnContainer .templateButton {
        margin-top: 45px
    }

    .demontageTextSection span {
        font-size: 9px;
        line-height: 16px;
        letter-spacing: 1.5px;
        text-transform: uppercase
    }

    .demontageTextSection p {
        margin-bottom: 20px
    }

    .dismantingSecondRow .demontageTextSection {
        margin-right: 0
    }

    .section7 .demontage-text-container-margin {
        padding-top: 8px
    }

    .demontage-text-container span {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .15px
    }

    .section7 .demontage-text-container p {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .25px;
        color: rgba(0, 0, 0, .6)
    }

    .footerContainer {
        padding-top: 27px
    }

    .footerSectionTitle {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        letter-spacing: .15px;
        margin-bottom: 20px;
        color: rgba(0, 0, 0, .87)
    }

    .footerLogoContainer .footerLogoWrapper:nth-child(2),
    .footerLogoContainer .footerLogoWrapper:nth-child(3) {
        margin-top: 15px
    }

    .footerLogoContainer .footerLogoWrapper:nth-child(3) {
        justify-content: space-around
    }

    .footerLogoContainer {
        height: 192px
    }

    .footerAwardsContainer img {
        width: 124px
    }

    .demontage-two-column-container {
        width: 290px;
        margin: 0 auto
    }

    .demontage-two-column-container .demontage-OrangeLine {
        width: 48px;
        margin-left: 0;
        margin-bottom: 20px
    }

    .windkraftwerk .section7 {
        width: auto
    }

    .demontage-OrangeLine,
    .demontage-text-container {
        width: 290px;
        margin: 0 auto
    }

    .demontage-two-column-container {
        flex-direction: column
    }

    .dismantingFirstRow.windkrafwerk-section {
        height: auto;
        width: 290px;
        margin: 0 auto
    }

    .dismantingSecondRow.windkrafwerk-section {
        height: auto;
        width: 290px;
        margin: 32px auto 0 auto
    }

    .dismantingFirstRow .demontageTextSection {
        margin-left: 0
    }

    .demontage-page h3 {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: .15px;
        color: rgba(0, 0, 0, .87)
    }

    .section6 img {
        margin-bottom: 28px
    }

    .dismantingSecondRow .demontageImageDismantingSection {
        margin-left: 0;
        width: 290px
    }

    .dismantingFirstRow .demontageImageDismantingSection {
        margin-right: 0;
        width: 290px
    }

    .dismantingFirstRow .dismantingFirstRow .demontageImageDismantingSection img {
        width: 290px
    }

    .dismantingSecondRow {
        flex-direction: column-reverse;
        height: auto
    }

    .dismantingFirstRow {
        flex-direction: column;
        height: auto
    }

    .hubBannerContainer .firstSectionTitle {
        display: none
    }

    .windkraftwerk.demontage-page .img-top-banner {
        background: rgba(0, 0, 0, 0) url(../img/back/wind-turbines-bg.jpg) no-repeat scroll center top
    }

    .demontage-page .img-top-banner {
        background: rgba(0, 0, 0, 0) url(../img/back/metal-demontage-bg.jpg) no-repeat scroll center top
    }

    .kraftwerk.demontage-page .img-top-banner {
        background: rgba(0, 0, 0, 0) url(../img/back/factory-inside-bg.jpg) no-repeat scroll center top
    }

    #hubBannerQuantiyContainer {
        height: 74px
    }

    .img-top-banner {
        height: 160px;
        margin-top: 57px
    }

    .hubBannerFormBody {
        width: 290px;
        padding-left: 0;
        padding-top: 0;
        padding-right: 0
    }

    .hubBannerContainer {
        height: auto;
        background: 0 0
    }

    .smallTopForm.hubBannerContainer h2 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .15px;
        margin-bottom: 10px
    }

    .hubBannerContainer .w-container {
        width: 320px;
        margin: 0 auto
    }

    #productCategorySelector {
        width: 290px;
        overflow: hidden
    }

    .amountInputBanner {
        width: 144px
    }

    .hubBannerCheckboxContainer {
        top: -3px
    }

    .hubBannerFormBody {
        padding-bottom: 5px
    }

    .headerMaterialName.filterSelect.standardTextInput {
        width: 290px;
        margin-top: -10px;
        margin-bottom: 0
    }

    .radio-item label {
        padding-bottom: 28px
    }

    .radio-item input[type=radio]:checked+label:after {
        top: 10px
    }

    .smallTopForm .hubBannerFormContainer {
        margin-top: 19px
    }

    .demontageBannerBackground {
        background: #fff;
        height: auto;
        width: 320px;
        margin: 0 auto
    }

    .section4 .sectionContentVertical {
        flex-direction: column;
        align-items: center
    }

    .greySeparatorLineVertical {
        width: 1px;
        height: 20px;
        background: #b9b8c4;
        margin: 0 auto 8px auto
    }

    .section4 .sectionContentVertical .section4-paragrahpContainer {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin: 0 auto
    }

    .section1-whiteCard {
        margin-bottom: 24px
    }

    .section1 {
        height: auto
    }

    .section1-whiteCard {
        width: 290px
    }

    .sectionContent.standardWidth {
        flex-direction: column;
        align-items: center
    }

    .section1 p.sectionDescription {
        width: 290px;
        margin: 0 auto
    }

    .section3 {
        height: auto
    }

    .section3-card {
        margin-bottom: 24px;
        width: 290px;
        height: auto;
        padding-bottom: 24px
    }

    .section3-buttonContainer {
        width: 250px;
        margin: 0 auto
    }

    .section3-cardWrapper {
        width: 290px;
        flex-direction: column;
        align-items: center
    }

    .section5 .templateButton {
        margin: 0 auto
    }

    .section4 p {
        width: 290px;
        padding-top: 8px
    }

    .section5 .blueRotatedBackgroundWrapper {
        top: 0
    }

    .demontage-page .section5 .sectionSubtitle {
        width: 290px;
        margin-bottom: 13px
    }

    .section5 .sectionTitle {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        width: 290px;
        margin: 0 auto;
        letter-spacing: .15px
    }

    .section5 {
        height: auto
    }

    .section5 .sectionContent {
        height: auto;
        width: 290px
    }

    .section5-columnContainer .section5-secondColumn {
        width: 290px;
        margin-top: 33px
    }

    .section5 .blueRotatedBackgroundContainer {
        height: 1256px
    }

    .section5 .blueRotatedBackground {
        transform: rotate(-13deg) translate(-173px, -228px);
        height: 1173px
    }

    .section5-firstColumn {
        margin-top: 0
    }

    .section5-whiteCard {
        width: 290px;
        margin: 25px auto 0 auto
    }

    .section5 .sectionHeaderParagraph {
        width: 290px;
        margin: 0 auto
    }

    .section5-columnContainer {
        flex-direction: column-reverse;
        align-items: center
    }

    .kraftwerk.demontage-page .section6 h3,
    .windkraftwerk.demontage-page .section6 h3 {
        font-weight: 500;
        letter-spacing: .15px;
        color: rgba(0, 0, 0, .87);
        font-size: 9px;
        line-height: 16px
    }

    .kraftwerk.demontage-page .section7 h2,
    .windkraftwerk.demontage-page .section7 h2 {
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .15px
    }

    .dismantingSecondRow.kraftwerk-section .demontageTextSection {
        width: 290px;
        margin: 0 auto
    }

    .section6 .demontageTextSection div:first-child {
        width: 100%
    }

    .dismantingSecondRow.kraftwerk-section .demontageImageSection {
        width: 290px;
        text-align: center;
        margin: 0 auto
    }

    .dismantingFirstRow.kraftwerk-section .demontageTextSection {
        margin: 0 auto;
        width: 290px
    }

    .dismantingFirstRow.kraftwerk-section .demontageImageSection {
        width: 290px;
        text-align: center;
        margin: 0 auto
    }

    .dismantingFirstRow.kraftwerk-section {
        height: auto;
        flex-direction: column
    }

    .dismantingSecondRow.kraftwerk-section {
        height: auto;
        flex-direction: column-reverse
    }

    .demontageTextSection {
        width: 290px
    }

    .demontage-page .standardWidth {
        width: 100%;
        padding-bottom: 10px
    }

    .footerLogoWrapper-centered {
        margin: 0 auto
    }

    .footerLogoWrapper {
        display: flex
    }

    .footerLogoContainer img {
        height: 41px
    }

    .footer-logo-wrapper {
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px
    }

    .footer-show-mobile,
    .template-show-mobile {
        display: block !important
    }

    .footer-hide-mobile,
    .template-hide-mobile {
        display: none !important
    }

    .footer-cardContainer input {
        margin-top: 4px
    }

    .footerNewsletterOuter {
        padding-left: 15px;
        padding-right: 15px
    }

    .footerAwardsContainer .w-container {
        width: 320px
    }

    .footerLogoWrapper:first-child {
        margin: 20px auto 0 auto
    }
}

@media (max-width:800px) {
    .altemetall-page .big-amount-metal-section-text-wrapper {
        width: auto;
        padding-left: 10px;
        padding-right: 10px
    }

    .stepWrapper {
        display: none
    }

    .youtubeComponent,
    .youtubeComponent .singleItemWrapper {
        width: 100%
    }

    .youtubeComponent .rowOfItems a {
        margin-top: 80px
    }

    .youtubeComponent .rowOfItems {
        margin-top: 0
    }

    .youtubeComponent .rowOfItems {
        flex-direction: column
    }

    .info-wrapper-group {
        flex-direction: column
    }

    .how-does-it-works-detail-wrapper-ablauf .info-text {
        width: 100%;
        text-align: center
    }

    .how-does-it-works-detail-wrapper-ablauf .info-text,
    .transportoptionen-detail-wrapper-ablauf .info-text {
        margin: 0 auto
    }

    .how-does-it-works-detail-wrapper-ablauf .info-img,
    .transportoptionen-detail-wrapper-ablauf .info-img {
        width: 100%;
        text-align: center
    }

    .how-does-it-works-detail-wrapper-ablauf .info-wrapper,
    .transportoptionen-detail-wrapper-ablauf .info-wrapper {
        display: block
    }

    .transportoptionen-wrapper .row:first-child {
        margin-bottom: 0
    }

    .transportoptionen-wrapper .row div {
        margin-bottom: 25px
    }

    .final-logo-wrapper img {
        display: block;
        text-align: center;
        margin: 20px auto
    }

    .logo-wrapper img {
        height: 25px
    }

    .component_partners span.partners-font.home-logo-title,
    .section-23 span.partners-font.home-logo-title {
        font-size: 1.3rem
    }

    .div-block-28 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .div-block-29 {
        min-width: 160px
    }

    .div-block-30 {
        min-width: 160px
    }

    .div-block-31 {
        min-width: 160px
    }

    .sc-products h3.product-name {
        padding-bottom: 0
    }

    .sc-products h3 a {
        margin-left: 0
    }

    .sc-products .sc-content-wrapper .sc-content .sc-image {
        position: relative;
        margin: 10px auto
    }

    .sc-product-details .img-wrapper {
        width: 100%
    }

    .sc-product-details .sc-gallery-main {
        margin: 0 auto;
        display: block
    }

    .sc-product-details .price-wrapper {
        width: 100%;
        text-align: center;
        float: left
    }

    .sc-product-details .bx-wrapper {
        max-width: 100% !important
    }

    .sc-product-details .bx-controls-direction {
        display: none
    }
}

@media (min-width:768px) and (max-width:991px) {
    .container {
        max-width: 760px !important
    }

    .sc-products .sc-price-value {
        font-size: 1.5rem !important
    }

    .sc-products .sc-price-start {
        font-size: .7rem !important
    }
}

@media (min-device-width:768px) {
    span.sub-title {
        font-size: 2.375rem
    }
}

@media only screen and (max-device-width:576px) {
    .default-heading-1 {
        font-size: 1.6rem;
        line-height: 1.8rem;
        padding-bottom: 0
    }

    .heading-16 {
        font-size: 1rem;
        line-height: 1.2rem
    }
}

@media (max-width:479px) {
    .tungsten-carbide .headerGroup span {
        font-size: 1.1rem
    }

    .single-product-page .graph-text-container .mobileImageGroup {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .single-product-page .graph-text-container .mobileImageGroup .bubble {
        display: none
    }

    .single-product-page .graph-text-container .mobileImageGroup div {
        background-color: #fff;
        width: 100%;
        left: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .single-product-page .alarm-buble-sub-title {
        left: 18px;
        top: 156px
    }

    .single-product-page .alarm-buble-wrapper .alarm-buble-title {
        left: 18px;
        top: 62px
    }

    .single-product-page .alarm-section .orangeButton {
        left: 18px
    }

    .heading-22 {
        padding-left: 10px
    }

    .heading-23 {
        padding-left: 10px
    }

    .div-block-25 {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (max-width:425px) {
    .banner-quote {
        padding: 50px 15px
    }

    .banner-quote__title {
        font-size: 18px;
        line-height: 120%
    }

    .banner-quote__paragraph {
        font-size: 14px;
        line-height: 140%;
        margin: 0 0 16px
    }

    .banner-quote__button {
        font-size: 14px;
        line-height: 16px;
        font-weight: 600
    }

    .banner-quote__mobile-image {
        display: inline
    }

    .banner-quote__desktop-image {
        display: none
    }

    .banner-quote__tablet-image {
        display: none
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner-quote {
        padding: 50px 50px
    }

    .banner-quote__title {
        font-size: 18px;
        line-height: 22px
    }

    .banner-quote__paragraph {
        font-size: 14px;
        line-height: 140%;
        margin: 0 0 16px
    }

    .banner-quote__button {
        font-size: 14px;
        line-height: 16px;
        font-weight: 600
    }

    .banner-quote__mobile-image {
        display: none
    }

    .banner-quote__desktop-image {
        display: none
    }

    .banner-quote__tablet-image {
        display: inline
    }

    .banner-quote__body {
        max-width: 600px
    }
}