/* --- Globale Elemente --- */

.text-link-blue {
    font-weight: bold;
    color: #0064ae !important;
    text-decoration: none !important;
}

.content_button_oak {
    font-weight: bold;
    font-size: 14px;
    padding: 9px 16px 9px 16px;
    background-color: #c59f70;
    border-radius: 4px;
    margin-top: 2vw;
    width: max-content;
    text-decoration: none;
    color: white !important;
    transition: 0.3s;
}
.content_button_oak:hover {
    opacity: 0.7;
    text-decoration: none;
}
.content_button_blue {
    font-weight: bold;
    font-size: 14px;
    padding: 13px 40px 13px 40px;
    background-color: #0062af;
    margin-top: 2vw;
    width: max-content;
    text-decoration: none;
    color: white !important;
    transition: 0.3s;
}
.content_button_blue:hover {
    opacity: 0.7;
    text-decoration: none;
}
.content_button_blue_product {
    font-weight: bold;
    font-size: 14px;
    padding: 13px 40px 13px 40px;
    background-color: #0062af;
    margin-top: 1vh;
    width: 200px;
    text-decoration: none;
    color: white !important;
    transition: 0.3s;
    text-align: center;
}
.content_button_blue_product:hover {
    opacity: 0.7;
    text-decoration: none;
}
.content_button_white {
    border-radius: 4px;
    border: 1px solid #0062af;
    padding: 10px 13px 10px 13px;
    color: #0062af !important;
    width: max-content;
    line-height: 0.88;
    letter-spacing: 0.8px;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s;
}
.content_button_white:hover {
    opacity: 0.7;
    color: #505050 !important;
    text-decoration: none;
}

.side-product--content {
    border-radius: unset !important;
}

.amquote-cart-wrapper.minicart-wrapper .amquote-showcart {
    display: none !important;
}

.block-static-block.widget, .block-cms-link.widget {
    margin-bottom: 0px;
}
.block, .sidebar .widget.block:not(:last-child), .sidebar .widget:not(:last-child), .block-banners, .block-banners-inline {
    margin-bottom: 0px;
}

.action.primary {
    padding: 11px;
}

/* Navigation */

.navigation .level0 .submenu > .column {
    width: 230px !important;
    vertical-align: text-top;
}

.navigation .level0 .submenu::before {
    content: unset !important;
}

.navigation .level0 {
    cursor: unset !important;
}

/* Checkout */

.opc-wrapper .billing-address-item.selected-item {
    border-color: #0064ae !important;
}
.opc-wrapper .billing-address-item.selected-item::after {
    background: #0064ae !important;
    content: '\e610';
    font-family: 'icons-blank-theme';
}

.opc-wrapper .edit-address-link {
    margin: unset !important;
    background-color: #505050 !important;
    padding: 8px 20px 8px 20px !important;
    border: 1px solid #505050 !important;
    color: white !important;
    font-weight: 600 !important;
    font-size: 1.7rem !important;
    line-height: 1.8rem !important;
}
.opc-wrapper .edit-address-link:hover {
    background: #fff !important;
    border: 1px solid #0062af !important;
    color: #0062af !important;
}

/* Cookie Banner */
.amgdprcookie-btn {
    background-color: #0062af !important;
    transition: 0.3s;
}
.amgdprcookie-btn:hover {
    opacity: 0.7;
}

/*
@media (max-width: 768px) {
    div.teaser_namebadge_content_button {
        margin-bottom: 2vw;
    }
}
*/

html, body {
    scroll-behavior: smooth;
}

div.block-search .block-content {
    margin-top: unset;
}

.page-main {
    padding: unset;
}

/* Kontakt Banner */

.float-blocks .float-contact {
    min-height: 152px !important;
}

/* Logo Bündigkeit */
.breadcrumbs, .header.content, .page-wrapper > .widget, .block.category.event, .top-container {
    margin: 0 12vw !important;
    padding: 25px 0!important;
    max-width: none!important;
}

@media (max-width:767px) {
    .header.content {
        margin: 0 auto !important;
        padding: 25px !important;
        width: calc(100% - 50px);
    }
}

/* Filter */

.product-filter-block .filter-content .filter-options {
    flex-wrap: wrap;
}
.product-filter-block .filter-options-item {
    margin: 3px 15px 0 0 !important;
}
.product-filter-block .filter-options-title {
    width: 170px !important;
    border: 1px solid #0062af !important;
}
.product-filter-block .dropdown-options {
    border: 1px solid #0062af !important;
}
.filter-options-item.active .filter-options-content {
    max-height: 600px;
    overflow-y: auto;
}

/* --- Startseite --- */

/* Titelbild */

div.stage {
    position: absolute;
    transform: translate(12vw, 4vw);
}
div.stage_titel {
    color: white;
    font-size: 1.6vw;
    font-weight: bold;
    width: 38vw;
}
div.stage_text {
    color: white;
    font-size: 2vw;
    font-weight: bold;
    margin-top: 0.2vw;
    margin-bottom: 2vw;
    width: 32vw;
}
div.stage_icon {
    width: 27vw;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.stage_icon img {
    height: 5vw;
    max-width: 10vw;
}
div.stage_icon_text {
    width: 27vw;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5vw;
}
div.stage_icon_text_part {
    width: 7vw;
    color: white;
    font-size: 0.9vw;
    font-weight: bold;
    margin-top: 1vw;
    text-align: center;
}
div.stage_icon_text_part a {
    color: white;
}

/* Produktreihe */

div.home_itemrow {
    background-color: #eef2f5;
    margin-top: -30px;
}
div.home_itemrow_content {
    padding: 0 25px 7vh 25px;
    margin: 0 auto 0 auto;
    max-width: 1360px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
div.home_itemrow_content_block {
    width: 308px;
    line-height: 1.7;
    padding-top: 4vh;
}
div.home_itemrow_content_block_titel {
    text-align: center;
    color: #505050;
    font-size: 22px;
    font-weight: 700;
}
div.home_itemrow_content_block_img_subtext {
    color: white;
    font-weight: 700;
    padding: 0 15px 0 26px;
    text-align: left;
    position: absolute;
    margin-top: -40px;
}
div.home_itemrow_content_block_text {
    text-align: center;
    height: 80px;
}

/* --- Konfigurator --- */

#flat_fee_info_icon {
    height: 19px !important;
}
.related-product-container .content > .text-center {
	padding: 20px 50px 70px 50px !important;
}

.dynamic-block {
    margin-bottom: -108px;
}
.product.info.detailed div.item.title .data.switch {
    display: none;
}

#loadProjectFrame .loadProjectsFrameContent .userGreeting {
	display: none;
}

.feature-accordion__opener--details {
    border: solid 1px lightgray;
    padding: 6px;
    border-radius: 6px;
    box-shadow: 1px 2px 3px gray;
}

.feature-accordion__item .feature-accordion__open--content {
    border: 1px solid lightgray !important;
    border-radius: 6px;
    box-shadow: 1px 2px 3px gray;
}

.feature-accordion {
    margin-top: 15px !important;
    float: left;
}

.button#pers.button.btn-personalize {
    min-width: 254px;
    color: white;
    background-color: #c59f70;
    border-color: #c59f70;
}


/* Editor */

.isvd .content-box h2.form-title {
    text-transform: unset !important
}


/* --- Produktübersicht --- */

/*
div.block-content {
    margin-top: 30px !important
}
*/
div.product-item-info .product-item-images img {
    max-height: 280px;
}
div.product-item-name {
    text-transform: unset;
}
.product-item-name, .product.name a {
    line-height: 1.3 !important;
}
.product-item .details-link {
    display: none;
}
.product-item .btn-config {
    font-size: 14px;
    font-weight: 700;
    color: #0062af;
    border-radius: 4px;
}
.product-item .price-box .price-label::after {
    display: none;
}

/*
.products.wrapper.grid, .widget.grid {
    margin-left: 12%;
}
*/

/* Filter */

div.product-filter-block {
    margin-left: 12% !important;
}
.product-filter-block strong {
    text-transform: unset;
    font-size: 1.4rem;
}


/* Artikeldetailseite */

.prices-tier {
    display: none !important;
}

/* Artikelblock

div.home_product_block {
 }
div.home_product_block_titel {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 9px;
}
div.home_product_block_img {
    margin-bottom: 6px;
}
div.home_product_block_content {
    font-size: 16px;
    line-height: 1.44;
    color: #505050;
    text-align: center;
}
div.home_product_block_price {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #505050;
    margin: 10px 0 12px 0;
}
div.home_product_block_price span {
    font-size: 1.4rem;
}

div.home_product_block_button {
    border-radius: 4px;
    border: 1px solid #0062af;
    padding: 13px;
    color: #0062af;
    width: max-content;
    margin: 0 25% 0 25%;
    line-height: 0.88;
}
div.home_product_block_button:hover {
    opacity: 0.7;
    transition: all 0.3s ease-out;
}
div.home_product_block_button a {
    font-size: 14px;
    font-weight: 700;
    color: #0062af;
}
div.home_product_block_button a:hover {
    text-decoration: none;
    color: #505050;
}
*/

/* Artikelübersicht */

.product-item .minimal-price-link, .product-item .price-excluding-tax, .product-item .price-including-tax {
    display: none;
}

/* Feed Artikel */

div.articledetails {
    padding-left: unset !important;
}

/* Content Header */

div.content-header {
    background-image: linear-gradient(90deg, #0d2b45, #244b74, #0d2b45);
    display: flex;
    align-items: center;
}
div.content-header-h1 {
    width: 40%;
    padding-left: 12%;
}
div.content-header-h1 h1 {
    font-size: min(3vw, 32px);
    font-weight: 700;
    color: white;
    margin-bottom: 0;
}

/* Content Blöcke */

.grid-blocks .grid-block .content-block {
    padding: 2% 12% 2% 2% !important;
    max-width: unset !important;
}
.grid-blocks .grid-block:nth-child(2n) .content-block {
    padding: 2% 6% 2% 12% !important;
}
@media (max-width:768px) {
    .grid-blocks .grid-block .content-block {
        padding: 2% 12% 2% 12% !important;
    }
}
/*.grid-blocks .grid-block {
    min-height: 100%;
}
.grid-blocks .grid-block .content-block {
    padding: 15px 20px 45px 70px !important;
    max-width: 698px !important;
}
.grid-blocks .grid-block:nth-child(2n) .content-block {
    padding: 15px 70px 45px 20px !important;
}*/
.grid-blocks .grid-block .content-block .heading {
    font-size: 25px;
}
.grid-blocks .grid-block .content-block .heading span {
    font-size: 20px;
}
.grid-blocks .grid-block .content-block p {
    font-size: 14px;
}
.grid-blocks .grid-block .content-block a {
    color: #0062af;
    font-weight: bold;
}
.grid-blocks .grid-block .content-block span {
    font-size: 20px;
    font-weight: 700;
}
.grid-blocks .grid-block .content-block li {
    list-style-image: url('check-icon.png');
}
.grid-blocks .grid-block .content-block .content-link {
    font-weight: 700;
}
.category-view .category-description {
    font-size: 14px;
}

/* SEO Content */

div.seo_content {
    background-color: #eef2f5;
    display: flex;
    /*padding: 2vw 15vw 2vw 15vw;*/
    padding-left: 12%;
    padding-right: 9.4%;
    padding-top: 1%;
    padding-bottom: 2.5%;
}
@media (max-width: 1200px) {
    div.seo_content {
        flex-wrap: wrap;
    }
}
div.seo_block {
    line-height: 1.56;
    margin-right: 1vw;
    width: 50%;
}
@media (max-width: 1200px) {
    div.seo_block {
        width: 100%;
    }
}
div.seo_bloecke {
    display: flex;
}
@media (max-width: 1200px) {
    div.seo_bloecke {
        flex-wrap: wrap;
    }
}
div.seo_titel {
    font-size: 1.8em;
    font-weight: 700;
    color:#505050;
    margin-top: 2vw;
    margin-bottom: 1vw;
}
div.seo_titel h2 {
    font-size: 1em;
    font-weight: 700;
    color:#505050;
    margin-top: 2vw;
    margin-bottom: 1vw;
    line-height: unset;
}
div.seo_titel h3 {
    font-size: 1em;
    font-weight: 700;
    color:#505050;
    margin-top: 2vw;
    margin-bottom: 1vw;
    line-height: unset;
}
div.seo_text {
    font-size: 14px;
    color: #505050;
}
div.seo_text span {
    font-size: 16px;
    font-weight: bold;
    color: #0d63ac;
}
div.seo_text a {
    font-weight: bold;
    color: #0062af;
}

/* Sternchentext */

div.markup-text {
    background-color: #eef2f5;
    padding-left: 12%;
    padding-right: 50%;
    padding-bottom: 2vh;
    font-size: 0.8em;
}
@media (max-width: 1200px) {
    div.markup-text {
        padding-right: unset;
    }
}

/* Kundenstimmen */

div.testimonials-block {
    background-color: #eef2f5;
}
div.testimonials-block .testimonials-slider {
    background-image: url('/pub/media/wysiwyg/badgepoint-trusted-shops-kundenstimmen_TS.png');
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
    height: 350px
}
div.testimonials-block .testimonials-slider .testimonials-slide .content {
    width: 600px;
    margin-left: 22.6%
}
.product-item-name {
    text-transform: unset;
    line-height: 1.2;
}
.testimonials-block .block-title .heading {
    font-weight: bold;
}
div.testimonials-block .block-title {
    background-color: unset;
    padding-top: 3%;
    padding-bottom: 1%;
    text-align: center;
}
div.testimonials-block .testimonials-slider .testimonials-slide .text {
    font-style: italic;
}
div.testimonials-block .testimonials-slider .testimonials-slide .author {
    max-width: unset;
    padding-top: 25px;
}

/* Teaser Single */

div.teaser_single {
    display: flex;
}
div.teaser_single_content {
    display: flex;
    flex-direction: column;
    background-color: #274a6a;
    align-items: center;
    width: 100%;
    padding: 3vw 0 4vw 0;
}
div.teaser_single_text {
    color: white;
    font-weight: bold;
    font-size: 1.8em;
    margin-top: 1vw;
    text-align: center;
}
div.teaser_single_text span {
    color: white;
    font-weight: bold;
    font-size: 0.8em;
    text-align: center;
}

/* Newsletter Anmeldung */

div.teaser_newsletter {
    background-color: #0d63ac;
    display: flex;
    align-items: center;
    padding-left: 12%;
}
div.teaser_newsletter_login {
    width: 40vw;
    margin-right: 8vw;
}
div.teaser_newsletter_login_titel {
    color: white;
    font-weight: 700;
    font-size: 1.8em;
    padding-top: 2vw;
    padding-bottom: 0.5vw
}
form {
    padding-bottom: 2vw;
}
input {
    width: 5vw; /*20vw*/
    border: none;
    padding: 7.5px 10px 7.5px 10px;
}
button {
    background-color: #505050;
    padding: 8px 20px 8px 20px;
    border: 1px solid #505050;
    color: white;
    font-weight: 600;
}
div.teaser_newsletter_content {
    width: 30vw;
}
div.teaser_newsletter_content_text {
    color: white;
    font-weight: 600;
    line-height: 1.5;
    margin: 1vw 0 1vw 0;
}
div.teaser_newsletter_content_text ul {
    list-style-image: url('check-icon.png');
}

.footer.content {
    margin: 0px auto 0px 12%;
    padding-top: 70px;
    padding-left: unset;
}

.payments-logo {
	margin-top: -5px
}

.payments-logo .container {
    margin-left: 12%;
    padding-left: unset;
}
.payments-logo ul {
    display: flex;
    align-items: center;
}
.payments-logo ul img {
    max-width: 100px !important;
}

/* --- Namensschilder --- */

.category-cms {
    margin-left: unset !important;
}

div.content-navigation {
    background-color: #1d3a58;
    color: white;
    width: 100%;
    position: sticky;
    top:0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 12%;
    z-index: 100;
}

.content-navigation-button-blue {
    color: white !important;
    padding: 1.5% 2.5% 1.5% 2.5% !important;
    font-weight: bold !important;
}

.content-navigation-button-blue:hover {
    background-color: #2d4e72;
    text-decoration: none;
    cursor: pointer;
}

div.anchor-title {
    text-transform: uppercase;
    color: #595959;
    font-size: 26px;
    font-weight: 600;
    padding-top: 4.5vh;
    margin-bottom: 1vh;
    text-align: center;
}

div.name-badges-background-grey {
    background-color: #dee1e6;
}

div.name-badges-types {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 12%;
    padding-right: 12%;
    padding-bottom: 4vh;
}

div.name-badges-types-content {
    display: flex;
    flex-direction: column;
    width: 400px;
}

div.name-badges-types-content-title {
    font-size: 22px;
    font-weight: bold;
    color: #505050;
    padding: 1vh 0 0 0;
    min-height: 62px;
}

div.name-badges-types-content-subtitle {
    font-size: 20px;
    color: #0064ae;
    font-weight: bold;
    padding: 1vh 0 1vh 0;
    min-height: 90px;
}

div.content-tiles {
    display: flex;
    margin-top: 4vh;
    margin-bottom: 4vh;
    flex-wrap: wrap;
}

div.content-tiles-block {
    display: flex;
    flex-direction: column;
    width: 150px;
    margin-right: 2vw;
    margin-bottom: 2vh;
}

.content-tiles-block-tile {
    font-size: 20px;
    color: white !important;
    font-weight: 700;
    text-align: center;
    background-color: #1d3a58;
    padding: 20px 0 10px 0;
    cursor: pointer;
    transition: 0.3s;
}

.content-tiles-block-tile:hover {
    opacity: 0.7;
    text-decoration: none;
}

div.content-block-pro-contra {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2vh;

}

div.content-block-pro-contra-text {
    font-size: 25px;
    font-weight: bold;
    width: 280px;
}

div.content-block-pro-contra-text li {
    list-style-image: url('check-icon.png');
    line-height: 1.5em;
    font-size: 14px;
    font-weight: normal;
    margin-top: 1.5vh;
}

div.content-block-pro-contra-text-x {
    font-size: 25px;
    font-weight: bold;
    width: 280px;
}

div.content-block-pro-contra-text-x li {
    list-style-image: url('icon-close-red.png') !important;
    line-height: 1.5em;
    font-size: 14px;
    font-weight: normal;
    margin-top: 1.5vh;
}

div.info-blue {
    background-color: #0064ae;
}

div.info-blue-content {
    display: flex;
    flex-wrap: wrap;
    padding: 8vh 20% 6vh 20%;
}

div.info-blue-content-block {
    width: 490px;
}

div.info-blue-content-block h2 {
    font-size: 32px;
    color: white;
    font-weight: 700;
}

div.info-blue-content-block {
    font-size: 20px;
    font-weight: 700;
    color: white;
}

div.info-blue-content-block ul {
    list-style-image: url('check-icon.png');
    line-height: 2em;
    color: white;
    font-size: 14px;
    font-weight: normal;
}

div.content-info {
    padding: 0 12% 0 12%;
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3vh;
    margin-bottom: 4vh;
}

div.content-info h2 {
    font-size: 32px;
    color: #505050;
    text-align: center;
    font-weight: 700;
    margin-top: 1vh;
    margin-bottom: 4.5vh;
}

div.content-info h3 {
    font-size: 26px;
    color: #505050;
    text-align: center;
    font-weight: 700;
}

div.content-info p {
    margin-bottom: 4vh;
}

div.content-info-tiles {
    display: flex;
    flex-wrap: wrap;
    margin: 1vh 0 4vh 0;
}

div.content-info-tiles-block {
    width: 150px;
    height: 90px;
    font-size: 16px;
    color: white;
    font-weight: 700;
    text-align: center;
    background-color: #1d3a58;
    padding: 20px 10px 20px 10px;
    margin-right: 2vw;
    margin-bottom: 2vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

div.content-info-tiles-block img {
    width: 60px
}


/* Unteren Content anpassen */

.category-view .container {
    border: unset !important;
    padding: unset !important;
    max-width: unset !important;
    margin-bottom: unset !important;
}
.category-view .category-description {
    margin-left: unset !important;
}
/*.page-main {
    padding: unset !important;
}*/

/* Technische Daten */

.dynamic-block {
    padding: 50px 50px !important;
    background: #eaeef1 !important;
}
.dynamic-block--header {
    font-weight: 700 !important;
    font-size: 18px !important;
    background-color: white;
    border-radius: 6px;
    width: 50%;
    color: #0062af;
    padding-left: 35px;
    box-shadow: 0px 6px 6px lightgray;
    margin-left: 25vw;
    min-width: 250px;
}
.dynamic-block--header::after {
    border-color: #0062af !important;
    transition-duration: 0.3s;
}
.dynamic-block--content {
    margin-left: 5.5%;
    margin-right: 5.5%;
}
.dynamic-block--content h2 {
    font-weight: 600;
    margin-top: 4.5rem;
}
.td_img {
    float: right;
}

/* Teaser Banner mit Bild rechts */

div.teaser_banner {
    display: flex;
    background-color: #dee1e6;
}
@media (max-width: 1500px) {
    div.teaser_banner {flex-wrap: wrap;}
}
div.teaser_banner_img {
    width: 100%;
}
div.teaser_banner_img img {
    max-width: 100%;
    float: right;
}
div.teaser_banner_text {
    width: 100%;
    padding-right: 12%;
}
div.teaser_banner_content {
    margin: 10% -8% 10% 27%
}
@media (max-width: 1500px) {
    div.teaser_banner_content {margin: 5vw}
}
div.teaser_banner_content_titel {
    line-height: 1.2em;
}
.teaser_banner_content_titel h2 {
    font-size: 25px !important;
    font-weight: 700 !important;
    color: #505050;
}
.teaser_banner_content_titel h2 span {
    font-size: 32px;
    line-height: 1.5;
}
div.teaser_banner_content_text {
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-size: 14px;
}
div.teaser_banner_content_text span {
    font-size: 16px;
    font-weight: bold;
}
div.teaser_banner_content_text h3 {
    font-size: 14px;
    font-weight: 700;
}
div.teaser_banner_content_link a {
    font-weight: bold;
    color: #0062af;
}

/* Download Blöcke */

div.download {
    height: auto;
    background-color: #dee1e6;
}
div.download_titel {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding-top: 4vw;
    margin-bottom: 4vw;
    line-height: 1.2;
    color: #505050;
}
div.download_titel span {
    font-size: 20px;
}
div.download_boxen {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: 0 13vw 0 13vw;
}
div.download_box {
    background-color: #1d3a58;
    margin-bottom: 6vw;
    display: flex;
    align-items: flex-start;
    box-shadow: 0 10px 25px 2px grey;
    width: 500px;
    margin-right: 1vw;
}
div.download_box_icon {
    margin: 2.5vw;
}
.download_box_icon img {
    height: unset;
    max-width: unset;
}
div.download_box_content {
    display: flex;
    flex-direction: column;
    margin-top: 2.3vw;
    margin-right: 2.5vw;
    margin-bottom: 1.5vw;
    align-items: flex-start;
}
div.download_box_content_titel {
    font-size: 23px;
    color: white;
    font-weight: bold;
}
div.download_box_content_text {
    font-size: 18px;
    color: lightgray;
    font-weight: bold;
    margin-top: 0.5vw;
    margin-bottom: 1vw;
    width: 90%;
}
.download_box_content_button {
    border: 1px solid white;
    border-radius: 4px;
    padding: 8px 30px 8px 50px;
    color: white !important;
    font-size: 0.9em;
    font-weight: bold;
    list-style: none;
    transition: 0.3s;
}
.download_box_content_button li {
    list-style-image: url('download-icon.png');
}
.download_box_content_button:hover {
    text-decoration: none;
    opacity: 0.7;
}

/* Teaser Split */

div.teaser_split {
    display: flex;
}
@media (max-width: 768px) {
    div.teaser_split {flex-wrap: wrap;}
}
div.teaser_links {
    width: 100%;
    background-color: #1d3a58;
}
div.teaser_rechts {
    width: 100%;
    background-color: #274a6a;
}
div.teaser_content {
    align-items: center;
    margin: 4vw;
    display: flex;
    flex-direction: column;
}
div.teaser_content_titel {
    color: white;
    font-weight: bold;
    font-size: 20px;
}
div.teaser_content_text {
    color: white;
    font-weight: bold;
    font-size: 25px;
    margin-top: 1vw;
    text-align: center;
    line-height: 1.4;
}

/* --- Konfigurator --- */

/* CSS Anpassungen */
button.button.add-to-cart.tocart.btn-cart:disabled,
button.button.btn-personalize:disabled{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.35;
  pointer-events: none;
}

.feature-accordion .details-list__item:last-of-type {
    margin-right: 5px !important;
}
.feature-accordion .color-list__item {
    padding: unset !important;
}

button#pers.button.btn-personalize {
    color: #0062af;
    background-color: white;
    border: 1px solid #0062af;
    background-image: url('icon-beschriftung.png');
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 5%;
    padding-left: 50px;
}
button.button.add-to-cart.tocart.btn-cart {
    background-image: url('icon-warenkorb-white.png');
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 5%;
    padding-left: 45px;
}
.order-items button.button.add-to-cart.tocart.btn-cart {
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    background-color: #0062af;
    color: #fff;
    padding: 16px 15px;
    padding-left: 45px;
    min-width: 269px;
    border: 0;
}
.order-items button.button.add-to-cart.tocart.btn-cart:hover {
    opacity: 0.8;
}
.order-items .aside--heading, .order-items .aside--content {
    display: none;
}
.feature-accordion__opener .colored {
    width: 30px !important;
}

/*.product-options-bottom, .product.info.detailed, .product.info.detailed {
    padding: unset !important;
}*/

button.confirm {
    background-color: #0062af !important;
}

/* Teaser Namensschild */

div.teaser_namebadge {
    background-image: linear-gradient(90deg, #0d2b45, #244b74, #0d2b45);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 60%;
}
@media (max-width: 768px) {
    div.teaser_namebadge {flex-wrap: wrap;}
}
div.teaser_namebadge_img {
    padding-bottom: 1vw;
    padding-right: 2vw;
    padding-top: 1vw;
}
div.teaser_namebadge_img img {
    width: 100%;
}
div.teaser_namebadge_content {
    width: 400px;
    display: flex;
    flex-direction: column;
}
@media (max-width: 768px) {
    div.teaser_namebadge_content {
        align-items: center;
        text-align: center;
    }
}
div.teaser_namebadge_content p {
    color: white;
}
div.teaser_namebadge_content_titel h1 {
    font-size: 40px;
    color: white;
    font-weight: 700;
    line-height: 0.9;
    margin-bottom: 50px;
}
div.teaser_namebadge_content_titel h1 span {
    font-size: 25px;
}

/* CSS Anpassungen */

.product.info.detailed div.item.content {
    font-size: 14px;
}
.product.info.detailed .description p {
    font-size: 14px;
    line-height: unset;
}
.product.info.detailed .description a {
    font-size: 14px;
}
div.teaser_banner_content_text ul {
    font-size: 14px;
    font-weight: bold;
    margin-top: 2.5%;
}
div.teaser_banner_content_text a {
    font-size: 14px;
}

/* Teaser Banner mit Bild links */

div.teaser_banner2 {
    display: flex;
    background-color: #ebeef1;
	align-items: center;
}
@media (max-width: 1500px) {
    div.teaser_banner2 {flex-wrap: wrap;}
}
div.teaser_banner2_content {
    margin: 5% 10% 5% -8%;
}
@media (max-width: 1500px) {
    div.teaser_banner2_content {margin: 5vw}
}
div.teaser_banner2_img {
    width: 100%;
}
div.teaser_banner2_img img {
    height: unset;
    max-width: 100%;
    float: left;
}

/* Modellübersicht */

div.overview_namebadge_titel h2 {
    text-align: center;
    font-weight: 700;
    margin-top: 6vw;
    margin-bottom: 4vw;
}
@media (max-width: 1400px) {
    div.overview_namebadge_titel h2 {
        margin-left: unset
    }
}
div.overview_namebadge {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
div.overview_namebadge_row {
    display: flex;
    flex-direction: column;
    width: 300px;
    margin-bottom: 3vw;
}
div.overview_namebadge_row_head_titel {
    background-color: #01509b;
    color: white;
    font-weight: 700;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
}
div.overview_namebadge_row_head_img {
    margin-right: 1vw;
}
div.overview_namebadge_row_titel {
    color: #01509b;
    font-weight: 700;
    padding: 15px 0 15px 15px;
    font-size: 16px;
}
div.overview_namebadge_row_titel2 {
    color: #01509b;
    visibility: hidden;
    font-weight: 700;
    padding: 15px 0 15px 15px;
    font-size: 16px;
}
@media (max-width: 1250px) {
    div.overview_namebadge_row_titel2 {
        visibility: unset;
    }
}
div.overview_namebadge_row_content_55_grey {
    background-color: #eaeef1;
    padding: 15px;
    height: 55px;
    margin-right: 1vw;
}
div.overview_namebadge_row_content_55_lightgrey {
    background-color: #f5f6f8;
    padding: 15px;
    height: 55px;
    margin-right: 1vw;
}
div.overview_namebadge_row_content_80_grey {
    background-color: #eaeef1;
    padding: 15px;
    height: 80px;
    margin-right: 1vw;
}
div.overview_namebadge_row_content_80_lightgrey {
    background-color: #f5f6f8;
    padding: 15px;
    height: 80px;
    margin-right: 1vw;
}
div.overview_namebadge_row_content_100_grey {
    background-color: #eaeef1;
    padding: 15px;
    height: 100px;
    margin-right: 1vw;
}
div.overview_namebadge_row_content_100_lightgrey {
    background-color: #f5f6f8;
    padding: 15px;
    height: 100px;
    margin-right: 1vw;
}
div.overview_namebadge_row_content_260_grey {
    background-color: #eaeef1;
    padding: 15px;
    height: 260px;
    margin-right: 1vw;
}
div.overview_namebadge_row_content_260_lightgrey {
    background-color: #f5f6f8;
    padding: 15px;
    height: 260px;
    margin-right: 1vw;
}

div.overview_namebadge_row_content_350_grey {
    background-color: #eaeef1;
    padding: 15px;
    height: 350px;
    margin-right: 1vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
div.overview_namebadge_row_content_350_lightgrey {
    background-color: #f5f6f8;
    padding: 15px;
    height: 350px;
    margin-right: 1vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

div.overview_namebadge_row_content_text ul {
    list-style-image: url('check-icon.png');
}

/* SEO Content für Konfigurator */

div.seo_content2 {
    background-color: #eef2f5;
    padding-left: 12%;
    padding-right: 12%;
    padding-top: 1%;
    padding-bottom: 1%;
    margin-top: 4vw;
}
div.seo_titel2 h2 {
    font-weight: 700;
    margin-bottom: 2vw;
}



.product-info-main .box-tocart .actions .action.primary, .product-options-bottom .box-tocart .actions .action.primary {
    width: max-content !important;
    padding-left: 50px;
}

.product-info-main .box-tocart .fieldset, .product-options-bottom .box-tocart .fieldset {
    width: unset;
}

/*.product-options-bottom, .product.info.detailed, .product.info.detailed {
    padding: unset !important;
    margin-left: unset !important;
    margin-right: unset !important;
    left: unset !important;
    right: unset !important;
}*/


/* --- Service Unterseiten --- */

/* Header Bild */

div.service_header_content {
    position: absolute;
    transform: translate(12vw, 9vw);
    width: 40%;
}
@media (max-width: 1024px) {
    div.service_header_content {
        transform: translate(12vw, 4vw);
    }
}
div.service_header_content h1 {
    color: white;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
}
@media (max-width: 1024px) {
    div.service_header_content h1 {
        font-size: 3vw;
    }
}


/* Druckvorlagen Download */

div.service_druckvorlagen_download {
    margin: 0 20% 0 20%;
}
@media (max-width: 768px) {
    div.service_druckvorlagen_download {
        margin: unset;
    }
}
div.service_titel h1 {
    padding-left: 12%;
    font-weight: 700;
    margin-top: 2vw;
    font-size: 32px;
    color: #505050;
}
@media (max-width: 710px) {
    div.service_titel h1 {
        font-size: 18px
    }
}
div.service_titel h2 {
    font-weight: 700;
    margin-bottom: 4vw;
    margin-top: 4vw;
}
@media (max-width: 710px) {
    div.service_titel h2 {
        font-size: 18px
    }
}
div.service_druckvorlagen_download_content {
    display: flex;
    margin-bottom: 4vw;
}
select {
    -webkit-appearance: none;
}
.select-wrapper {
    width: 100%;
    position: relative;
}
.select-wrapper::before{
    content: "";
    position: absolute;
    top: 0;
    right: 50px;
    width: 1px;
    height: 50px;
    background-color: #0d63ac;
    z-index: 10;
}
.select-wrapper::after {
    font-family: 'icomoon';
    position: absolute;
    right: 7px;
    color: #0d63ac;
    content: "\e904";
    transform: translate(-50%) rotate(90deg);
    z-index: 10;
    font-size: 18px;
    line-height: 50px;
    pointer-events: none;
}
.service_downloadbutton {
    width: max-content;
    padding: 0 4vw 0 5.5vw;
    margin-left: 3vw;
    background-color: #0d63ac;
    color: white !important;
    font-weight: 600;
    background-image: url('download-icon.png');
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 4vw;
    transition: 0.3s;
}
@media (max-width: 1024px) {
    .service_downloadbutton {
        background-image: unset;
        padding: 0 4vw 0 4vw;
    }
}
.service_downloadbutton:hover {
    opacity: 0.7;
    text-decoration: none;
    color: white;
}
div.service_kacheln {
    padding: 2vw 12% 2vw 12%;
}
div.service_kacheln_row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
div.service_kacheln_block {
    width: 280px;
}
div.service_kacheln_block_titel {
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    padding-bottom: 1vw;
    font-size: 20px;
    color: #505050;
}
div.service_kacheln_block_img {
    width: 280px;
}
div.service_kacheln_block_description {
    text-align: center;
    padding-bottom: 2vw;
    line-height: normal;
}
div.service_toggle {
    background-color: #dee2e7;
    width: 100%;
}
div.service_toggle_titel h3 {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    padding-top: 4vw;
    padding-bottom: 2vw;
}
div.service_toggle_titel h3 span {
    font-size: 20px
}
h3 {
    margin: 0
}
div.service_toggle_menus {
    display: flex;
    flex-direction: column;
    padding-bottom: 4vw;
    margin: 0 20% 0 20%;
}
@media (max-width: 768px) {
    div.service_toggle_menus {
        margin: 0 9% 0 3%;
    }
}
div.service_toggle_menus_element {
    padding: 20px 0 20px 30px;
    color: #0d63ac;
    font-weight: 700;
    background-color: white;
    border-radius: 6px;
    box-shadow: 0px 6px 6px lightgray;
    width: 100%;
    font-size: 20px;
    position: relative;
    margin-top: 0.5vw;
}
.service_toggle_menus_element::after {
    position: absolute;
    right: 20px;
    color: #0d63ac;
    content: "+";
    z-index: 10;
    font-size: 60px;
    pointer-events: none;
    font-weight: normal;
    top: -8px;
}
.service_toggle_menus_element::after:active {
    transform: rotate(45deg);
}
.service_toggle_menus_text {
    animation: fadeIn ease 2s;
    display: none;
    padding: 0 30px 0 30px;
    margin-bottom: 0.5vw;
}
.service_toggle_menus_text a{
    color: #0062af;
    font-weight: 700;
}
.service_toggle_menus_text_titel {
    font-weight: bold;
    margin-top: 1.5vw
}


/* Kontaktseiten */

div.custom-container h2 {
    font-size: 28px;
    font-weight: bold;
}
@media (max-width: 700px) {
    div.custom-container h2 {
        font-size: 18px;
    }
}
.custom-container {
	margin-top: 2vh !important;
	padding: 0 30px !important;
}
.custom-container h2 {
	font-size: 25px !important;
}
.wrap .custom-container {
    margin-bottom: 0 !important;
}

div.contact_header {
    display: flex;
    justify-content: space-between;
    background-size: contain;
    background-repeat: no-repeat;
    align-items: center;
}
div.contact_header_content {
    width: 435px;
    padding: 9% 0 9% 12%;
}
@media (max-width: 1100px) {
	div.contact_header_content {
		padding: 4% 0 4% 4%;
	}
}
div.contact_header_content h1 {
    color: white;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
}
@media (max-width: 700px) {
    div.contact_header_content h1 {
        font-size: 3vw;
    }
}
div.contact_header_content p {
    color: white;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
}
@media (max-width: 700px) {
    div.contact_header_content p {
        font-size: 3vw;
    }
}


/* Service Handhabung & Pflege */

div.service_handhabung {
    margin: 3vw 28% 0 28%;
}
@media (max-width: 1078px) {
    div.service_handhabung {
        margin: 3vw 10% 0 10%;
    }
}

div.service_handhabung_download_titel h2 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 6vh;
}
div.service_handhabung_download_titel h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 2vh;
}

div.service_handhabung_download_content {
    display: flex;
    flex-direction: row;
    margin-bottom: 3vw;
}
@media (max-width: 700px) {
    div.service_handhabung_download_content {
        flex-wrap: wrap;
    }
}

div.service_handhabung_download_content_img {
    margin-right: 2vw;
}

div.service_handhabung_download_content_dd {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* Service Beschriftungssoftware */

div.service_creator {
    margin: 3vw 28% 0 28%;
}
@media (max-width: 1078px) {
    div.service_creator {
        margin: 3vw 10% 0 10%;
    }
}
div.service_creator_download {
    margin: 5vw 0 4vw 0;
}
div.service_creator_download_titel h2 {
    font-size: 25px;
    font-weight: 700;
}

div.service_creator_download_content {
    display: flex;
    flex-direction: row;
    margin-bottom: 3vw;
}
@media (max-width: 700px) {
    div.service_creator_download_content {
        flex-wrap: wrap;
    }
}
div.service_creator_download_content_img {
    width: 43%;
    margin-right: 2vw;
}
@media (max-width: 700px) {
    div.service_creator_download_content_img {
        width: 100%;
    }
}
div.service_creator_download_content_dd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
}
@media (max-width: 700px) {
    div.service_creator_download_content_dd {
        width: 100%;
    }
}


/* Beschriftung */

div.service_header_icon img {
    transform: translate(-835%, -95%);
}
@media (max-width: 1599px) {
    div.service_header_icon {
        display: none;
    }
}


div.service_beschriftung_columns {
    padding: 4vh 9% 6vh 12%;
}
div.service_beschriftung_columns_content {
    display: flex;
}
@media (max-width: 1024px) {
    div.service_beschriftung_columns_content {
        flex-wrap: wrap;
    }
}
div.service_beschriftung_columns_content_text {
    width: 50%;
    margin-right: 2vw;
    display: flex;
    flex-direction: column;
}
@media (max-width: 1024px) {
    div.service_beschriftung_columns_content_text {
        margin-bottom: 4vw;
        width: 100%;
    }
}
div.service_beschriftung_columns_content_text h2 {
    font-size: 25px;
    font-weight: 700;
    margin-top: unset;
}
div.service_beschriftung_columns_content_text h2 span {
    font-size: 32px;
}
div.service_beschriftung_columns_content_text h3 {
    font-size: 20px;
    font-weight: 700;
}
div.service_beschriftung_columns_content_text ul {
    list-style-image: url('check-icon.png');


}
div.service_beschriftung_steps {
    background-color: #eef2f5;
}
div.service_beschriftung_steps_content {
    padding: 4vh 0 6vh 0;
    text-align: center;
}
div.service_beschriftung_steps_content a {
    color: #0d63ac;
    font-weight: bold;
}
div.service_beschriftung_steps h2 {
    color:#505050;
    font-weight: 700;
    text-align: center;

}
div.service_beschriftung_steps_content_steps {
    display: flex;
    justify-content: center;
    margin-top: 4vh;
    margin-bottom: 2vh;
    flex-wrap: wrap;
}
div.service_beschriftung_steps_content_steps_block {
    display: flex;
    flex-direction: column;
    width: 260px;
    margin-right: 2vw;
    margin-bottom: 4vh;
}
div.service_beschriftung_steps_content_steps_block_tile {
    font-size: 50px;
    color: white;
    font-weight: 700;
    text-align: center;
    background-color: #1d3a58;
    padding: 25px 0 25px 0;
    line-height: 0.7;
    margin-bottom: 2vh;
}
div.service_beschriftung_steps_content_steps_block_tile img {
    margin-bottom: 25px;
}
div.service_beschriftung_steps_content_steps_block_tile span {
    font-size: 20px;
    color: #cbd0d3;
    font-weight: 700;
}
div.service_beschriftung_steps_content_steps_block_text {
    text-align: center;
}
div.service_beschriftung_columns_content_tipps {
    margin-top: 4vh;
}


div.service_beschriftung_varianten {
    background-color: #dee1e6;
}
div.service_beschriftung_varianten_content {
    padding: 4vh 0 6vh 0;
}
div.service_beschriftung_varianten_content h2 {
    color:#505050;
    font-weight: 700;
    text-align: center;
}
div.service_beschriftung_varianten_content_varianten {
    display: flex;
    justify-content: center;
    margin-top: 4vh;
    margin-bottom: 4vh;
    flex-wrap: wrap;
}
div.service_beschriftung_varianten_content_varianten_block {
    display: flex;
    flex-direction: column;
    margin-right: 2vw;
    width: 250px;
}
div.service_beschriftung_varianten_content_varianten_block_img {
    margin-bottom: 2vh;
}
div.service_beschriftung_varianten_content_varianten_block_typ {
    margin-bottom: 2vh;
    color: #0d63ac;
    font-weight: 700;
    font-size: 18px;
}
div.service_beschriftung_varianten_content_varianten_block_titel {
    color: #505050;
    font-weight: 700;
    margin-bottom: 4vh;
    font-size: 22px;
    height: 50px;
}
div.service_beschriftung_varianten_content_varianten_block_titel h3 {
    color: #505050;
    font-weight: 700;
    margin-bottom: 4vh;
    font-size: 22px;
    height: 50px;
}
div.service_beschriftung_varianten_content_varianten_block_text a {
    color: #0d63ac;
    font-weight: bold;
}
div.service_beschriftung_varianten_content_varianten_block_text i {
    font-weight: 600;
}


div.service_beschriftung_download_content {
    margin: 4vh 25% 4vh 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (max-width: 1024px) {
    div.service_beschriftung_download_content {
        margin: 6vh 5% 8vh 5%;
    }
}
div.service_beschriftung_download_content h2 {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 3vh;
}
@media (max-width: 1024px) {
    div.service_beschriftung_download_content h2 {
        width: 100%;
        font-size: 4vw !important;
    }
}
div.service_beschriftung_download_content p {
    text-align: center;
    margin-bottom: 3vh;
}

/* Inspiration */

div.inspiration_introduction_content {
    padding: 2vh 0 2vh 0;
}
div.inspiration_introduction_content_titel h2 {
    font-size: 32px;
    color: #505050;
    text-align: center;
    margin-bottom: 4vh;
    font-weight: 700;
}
div.inspiration_introduction_content_titel p {
    font-size: 26px;
    color: #505050;
    text-align: center;
    margin-bottom: 4vh;
    font-weight: 700;
}
@media (max-width: 700px) {
    div.inspiration_introduction_content_titel h2 {
        font-size: 20px;
    }
}
div.inspiration_introduction_content_text {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding: 0 12% 0 12%;
}
@media (max-width: 1024px) {
    div.inspiration_introduction_content_text {
        margin: 0 5% 0 5%;
    }
}
div.inspiration_introduction_content_text_block {
    margin-bottom: 2vw;
    max-width: 600px;
}
@media (max-width: 1024px) {
    div.inspiration_introduction_content_text_block {
        width: unset;
    }
}
div.inspiration_introduction_kontakt {
    display: flex;
    flex-direction: column;
    align-items: center;
}

div.inspiration_examples:nth-child(2) {
    background-color: #eff0f4;
}
div.inspiration_examples_content {
    padding: 4vh 0 7vh 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
div.inspiration_examples_content_longblock {
    height: 660px;
    max-width: 400px;
    margin-right: 20px;
    position: relative;
    box-shadow: 5px 5px 10px lightgrey;
    background-color: white;
    margin-bottom: 20px;
}
div.inspiration_examples_content_longblock h2 {
    font-weight: 700;
}
div.inspiration_examples_content_block {
    width: 315px;
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}
div.inspiration_examples_content_shortblock {
    box-shadow: 5px 5px 10px lightgrey;
    margin-bottom: 20px;
    background-color: white;
    height: 320px;
}
div.inspiration_examples_content_shortblock_text {
    padding: 15px;
}
div.inspiration_examples_content_shortblock_text h3 {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 1vh;
}
div.inspiration_examples_content_shortblock_text a {
    color: #0d63ac;
    font-weight: bold;
}

div.inspiration_stories_logo {
    display: flex;
    justify-content: center;
    margin-bottom: 4vh;
}

div.inspiration_branchen_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 6vh 0 8vh 0;
}
div.inspiration_branchen_content img {
    margin: 0 30px 40px 0;
    box-shadow: 8px 18px 20px silver;
}
div.inspiration_branchen_content_tile {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
div.inspiration_branchen_content_tile_subtitel {
    color: white;
    font-weight: bold;
    position: absolute;
    padding: 0 35px 60px;
    max-width: 130px;
}

div.inspiration_referenzen {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 8vh 5% 8vh 5%;
    align-items: center;
}
div.inspiration_referenzen_logos {
    margin: 0 50px 60px 50px;
    width: 130px;
}

div.service_handhabungsvideos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 5% 10% 0 10%;
}
div.service_handhabungsvideos_tile {
    padding-right: 20px;
    padding-bottom: 30px;
    color: #0a67ad;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
}

div.maintext_content {
    margin: 4vh 0 6vh 12%;
    width: 50%;
}
@media (max-width: 1024px) {
    div.maintext_content {
        width: 80%;
    }
}
div.maintext_content_titel h1 {
    font-weight: 700;
    color: #505050;
    font-size: 35px;
}
div.maintext_content_titel h2 {
    font-weight: 700;
    color: #505050;
    font-size: 35px;
}
@media (max-width: 1024px) {
    div.maintext_content_titel h2 {
        font-size: 4vw;
    }
}

div.ueber-uns_content {
    display: flex;
    margin: 8vh 12% 0 12%;
}
@media (max-width: 1024px) {
    div.ueber-uns_content {
        flex-wrap: wrap;
    }
}
div.ueber-uns_content_block {
    margin-right: 3vw;
    margin-bottom: 4vw;
    width: 50%;
}
@media (max-width: 1024px) {
    div.ueber-uns_content_block {
        width: 100%;
    }
}
div.ueber-uns_content_block p {
    font-size: 20px;
    font-weight: 700;
    color: #505050;
}
div.ueber-uns_content_block span {
    font-size: 25px;
    font-weight: 700;
    color: #505050;
}

div.befestigung_textvideo {
    margin: 4vw 12% 4vh 12%;
}
div.befestigung_textvideo_titel h1 {
    font-size: 32px;
    font-weight: 700;
    color: #505050;
    width: 50%;
}
@media (max-width: 1024px) {
    div.befestigung_textvideo_titel h1 {
        width: 100%;
        font-size: 4vw;
    }
}
div.befestigung_textvideo_titel h2 {
    font-size: 32px;
    font-weight: 700;
    color: #505050;
    width: 50%;
}
@media (max-width: 1024px) {
    div.befestigung_textvideo_titel h2 {
        width: 100%;
        font-size: 4vw;
    }
}
div.befestigung_textvideo_content {
    display: flex;
}
@media (max-width: 1024px) {
    div.befestigung_textvideo_content {
        flex-wrap: wrap;
    }
}
div.befestigung_textvideo_content_block {
    margin-right: 3vw;
    margin-bottom: 4vh;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
div.befestigung_textvideo_content_block_greybox {
    background-color: #dee1e6;
    padding: 50px 15px 15px 15px;
    width: 350px;
    margin-bottom: 4vh;
}
@media (max-width: 1024px) {
    div.befestigung_textvideo_content_block_greybox {
        margin-top: 7vh;
    }
}
div.befestigung_textvideo_content_block_greybox h3 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1vh;
}
@media (max-width: 1024px) {
    div.befestigung_textvideo_content_block {
        width: 100%;
    }
}
div.befestigung_textvideo_content_block a {
    font-weight: bold;
    color: #0062af;
}
.befestigung_textvideo_content_button {
    color: white !important;
    font-weight: 700;
    background-color: #0062af;
    padding: 10px 20px 10px 20px;
    text-align: center;
    width: max-content;
}
div.befestigung_typen {
    padding: 5vh 12% 6vh 12%;
    background-color: #eaeef1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
div.befestigung_typen_content {
    margin-bottom: 4vh;
    width: 65%;
}
@media (max-width: 1024px) {
    div.befestigung_typen_content {
        width: unset;
    }
}
div.befestigung_typen_content h2 {
    text-align: center;
    color: #505050;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 4vh;
}
@media (max-width: 1024px) {
    div.befestigung_typen_content h2 {
        font-size: 4vw;
    }
}
div.befestigung_typen_content p {
    text-align: center;
}
div.befestigung_typen_img {
    display: flex;
}
@media (max-width: 1500px) {
    div.befestigung_typen_img {
        flex-wrap: wrap;
    }
}


/* smag Magnet */

div.befestigung_smag_teaser {
    display: flex;
}
@media (max-width: 768px) {
    div.befestigung_smag_teaser {
        display: unset;
    }
}
div.befestigung_smag_teaser_block {
    background-image: url('/pub/media/wysiwyg/badgepoint-fullwidth-bg-blue.png');
    width: 50%;
    margin-right: 2px;
    margin-bottom: 2px;
    background-size: contain;
}
@media (max-width: 768px) {
    div.befestigung_smag_teaser_block {
        width: 100%;
        margin-right: unset;
    }
}
div.befestigung_smag_teaser_block_content {
    padding: 6% 10% 2% 25%;
}
@media (max-width: 768px) {
    div.befestigung_smag_teaser_block_content {
        padding: 10%;
    }
}
div.befestigung_smag_teaser_block_content_2 {
    padding: 6% 25% 2% 10%;
}
@media (max-width: 768px) {
    div.befestigung_smag_teaser_block_content_2 {
        padding: 10%;
    }
}
div.befestigung_smag_teaser_block_content_textblock {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 2vh;
}
div.befestigung_smag_teaser_block_content_textblock img {
    height: max-content;
}
div.befestigung_smag_teaser_block_content_textblock_text {
    display: flex;
    flex-direction: column;
    padding-left: 6%;
}
div.befestigung_smag_teaser_block_content_textblock_text_titel {
    font-size: 1.8em;
    color: white;
    font-weight: 700;
    margin-bottom: 2vh;
}
div.befestigung_smag_teaser_block_content_textblock_text_text {
    color: white;
    font-weight: 700;
}
div.befestigung_smag_design {
    padding: 6vh 18% 8vh 18%;
}
div.befestigung_smag_design_titel h2 {
    color: #505050;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
}
@media (max-width: 1024px) {
    div.befestigung_smag_design_titel h2 {
        width: 100%;
        font-size: 4vw;
    }
}
div.befestigung_smag_design_text {
    text-align: center;
}
div.befestigung_smag_design_img {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-top: 6vh;
}
@media (max-width: 1275px) {
    div.befestigung_smag_design_img {
        flex-wrap: wrap
    }
}
div.befestigung_smag_alternative {
    background-color: #dee1e6;
}
div.befestigung_smag_alternative_content {
    padding: 8vh 12% 8vh 12%;
    display: flex;
}
@media (max-width: 1024px) {
    div.befestigung_smag_alternative_content {
        flex-wrap: wrap;
    }
}
div.befestigung_smag_alternative_content_titel h3 {
    font-size: 32px;
    color: #505050;
    font-weight: 700;
    margin-right: 4vw;
    margin-bottom: 6vw;
}
div.befestigung_smag_alternative_content_text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
div.befestigung_smag_alternative_content_text_titel {
    font-size: 20px;
    font-weight: 700;
    color: #505050;
    margin-bottom: 1vw;
}
div.befestigung_smag_alternative_content_text_block p {
    margin-bottom: 1vw;
}
div.befestigung_smag_alternative_content_text_block a {
    color: #0062af;
    font-weight: bold;
}



/* Zahlung und Versand */

div.versand_content {
    margin: 0 12% 0 12%;
}
.versand-titel {
    font-size: 20px;
    color: #505050;
    font-weight: 700;
}
.VersandHead {
	border: 1px solid #0062AD;
	color: #ffffff;
	overflow: hidden;
	font-size: 22px;
	background-color: #0062AD;
	height: 22px;
	font-weight: bold
}
.VersandTab {
	background-color: #FFFFFF;
	border: 1px solid #0062AD;
	font-size: 14px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle
}
.trversand {
	display: table-row;
}
.tablekontakt {
	display: table;
  border: 0;
  padding: 2px;
  max-width: 680px;
  width: 100%;
  background-color: #ffffff;
  margin-top: 20px;
}
/*
.tdkontaktBez {
  white-space: nowrap;
}
*/
.tdkontakt {
	vertical-align: top;
	padding: 3px;
  width: 100%;
  float: left;
  max-width: 300px;
}
.tdkontaktLong {
	vertical-align: top;
	padding: 3px;
  width: 100%;
  float: left;
  max-width: 500px;
}
.Versand {
	border-collapse: collapse;
	max-width: 100%;
	word-wrap: break-word;
	margin-top: 0px;
	display: table;
}
.Versand p {
	padding-right: 0px !important;
	margin-top: 0px
}
.Versand li {
	font-size: 12px !important;
	color: #000000
}
.Versand b {
	color: #000000
}
.VersandTabHead {
	border: 1px solid #ffffff;
	vertical-align: middle;
	text-align: left;
	overflow: hidden;
	font-size: 14px;
	background-color: #005fab;
	height: 20px;
	padding: 4px;
	font-weight: bold;
	color: #ffffff;
	display: table-cell;
}
.VersandTabWhite {
	border: 1px solid #ffffff;
	vertical-align: middle;
	text-align: left;
	overflow: hidden;
	font-size: 14px;
	height: 20px;
	color: #000000;
	padding: 4px;
	font-weight: bold
}
.VersandTabWhite2 {
	border: 1px solid #ffffff;
	vertical-align: middle;
	text-align: left;
	overflow: hidden;
	font-size: 14px;
	height: 20px;
	color: #ffffff;
	padding: 4px;
	font-weight: bold;
	display: table-cell;
}
.VersandTabBlack {
	border: 1px solid #ffffff;
	vertical-align: top;
	text-align: left;
	overflow: hidden;
	font-size: 12px;
	height: 20px;
	color: #000000;
	padding: 4px;
	background-color: #ddeaf9;
	display: table-cell;
}
.VersandTabBlack2 {
	font-size: 12px;
}
.VersandTabBlack span {
	color: #000000;
	font-size: 12px;
	font-weight: bold
}
.VersandTabBlue {
	border: 1px solid #ffffff;
	vertical-align: middle;
	text-align: left;
	overflow: hidden;
	font-size: 14px;
	height: 20px;
	color: #000000;
	padding: 4px;
	font-weight: bold;
	display: table-cell;
}
.versand-caption {
	color: #000000;
	font-size: 14px;
	margin-bottom: 0px;
	padding-left: 0px !important
}
.Versand ul {
	margin-left: 0px;
	padding-left: 15px !important;
	font-size: 10px;
	margin-top: 0px
}
.VersandTabHead3 {
	color: #000000;
	border-left: 1px solid #ffffff;
	border-right: none;
	font-size: 12px !important;
	height: 20px;
	font-weight: bold;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.VersandTabBlueFat {
	border: 1px solid #ffffff;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	font-size: 14px;
	height: 20px;
	color: #000;
	padding: 4px;
	font-weight: bold;
	display: table-cell;
}
.VersandTabHead4 {
	border: 1px solid #FFFFFF;
	color: #000;
	overflow: hidden;
	font-size: 11px !important;
	height: 22px;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	padding: 4px;
	display: table-cell;
}
.VersandTabBlue3 {
	border: 1px solid #ffffff;
	vertical-align: top;
	text-align: left;
	overflow: hidden;
	font-size: 12px;
	height: 20px;
	color: #000000;
	padding: 4px;
	font-weight: normal;
	display: table-cell;
}
.VersandTabBlue4 {
	border: 1px solid #ffffff;
	vertical-align: top;
	text-align: left;
	overflow: hidden;
	font-weight: normal;
	font-size: 12px;
	height: 20px;
	color: #000;
	padding: 4px;
	display: table-cell;
}
.VersandTabBlue5 {
	border: 1px solid #ffffff;
	vertical-align: top;
	text-align: center;
	overflow: hidden;
	font-weight: normal;
	font-size: 12px;
	height: 20px;
	color: #000;
	padding: 4px;
	display: table-cell;
}
.VersandTabHead2 {
	background-color: #FFFFFF;
	border: 1px solid #0062AD;
	font-size: 14px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle
}

/* Kontur-Namensschilder */

.KategorieContent {
	margin: 2% 8%;
	text-align: justify;
	line-height: 24px
}
@media (max-width: 1150px) {
  .KategorieContent { text-align: left; }
}
div.KategorieContent h1 {
  text-align: left;
  font-size: 32px;
  color: #505050;
  font-weight: 700;
}
div.KategorieContent h2 {
	border: medium none;
	text-align: left;
	font-size: 24px;
	font-weight: normal;
	padding-bottom: 0px;
	line-height: 30px
}

div.KategorieContent h3 {
	border: medium none;
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 0px;
	line-height: 20px
}

.KategorieContent span {
	font-size: 12px;
	line-height: normal
}
.KategorieContent table {
	border-collapse: collapse;
	width: 100%
}
@media (max-width: 600px) {
.KategorieContent table {
	font-size: 9px
}
}
.KategorieContent thead {
	background-color: #1A73B6;
	color: white
}
.KategorieContent tr {
  text-align: center
}
.KategorieContent th {
	border-right: 2px solid white;
	padding-top: 5px;
	padding-bottom: 5px
}
.KategorieContent td {
	border-bottom: 2px solid silver;
	padding-top: 5px;
	padding-bottom: 5px
}
.KategorieContentBox {
	float: right;
	border: 2px solid #1A73B6;
	padding: 15px;
	margin-left: 20px;
	border-radius: 6px;
}
.KategorieContentBoxSky {
	float: right;
	text-align: center;
	padding: 15px;
	border-radius: 12px;
	color: #1A73B6;
	background-image: linear-gradient(140deg, #81ade3, #f5f9ff)
}
.KategorieContentBoxSky span {
	font-size: 18px;
	font-weight: bold
}
.KategorieContentBoxSky span a {
	text-decoration: none;
	color: #1A73B6
}
@media (max-width: 650px) {
	.KategorieContentBoxSky {
	float: none;
	margin-bottom: 15px
}
}
.KategorieContentSky {
	width: 100%
}
.KategorieContentSkyRight {
	float: right
}
@media (max-width: 600px) {
	.KategorieContentSkyRight {
		float: left
	}
}
.KategorieContentSkyLeft {
	width: 75%
}
@media (max-width: 600px) {
	.KategorieContentSkyLeft {
		clear: both
	}
}
.KategorieContentButton {
	background-color: #1A73B6;
	color: white;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	border-radius: 6px;
	transition: 0.35s;
	box-shadow: 2px 2px 3px #9a9a9a
}
.KategorieContentButton:hover {
	box-shadow: 2px 2px 9px #555555
}
.KategorieContentButtonSky {
	background-color: #1A73B6;
	color: white;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	transition: 0.35s;
	float: left;
	box-shadow: 2px 2px 3px #9a9a9a
}
.KategorieContentButtonSky:hover {
	box-shadow: 2px 2px 9px #555555
}


/* Artikelübersicht */

div.beststeller_content {
    padding: 0 0 2vh 0;
}
div.product_overview {
    padding: 0 25px 2vh 25px;
    margin: 0 auto 0 auto;
    max-width: 1360px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
div.product_overview_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 4vh;
}
div.product_overview_block_head {
    text-align: center;
    font-weight: bold;
    margin-bottom: 1vh;
}
div.product_overview_block_text {
    width: 280px;
    text-align: center;
    margin-top: 1vh;
}
div.product_overview_block_titel {
    text-align: center;
    margin-top: 1vh;
    font-size: 20px;
    font-weight: bold;
}


/* Content Grid */

div.content_grid {
    margin: 4vh 20% 8vh 20%;
}
div.content_grid_row {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4vh;
}
@media (max-width: 768px) {
    .content_grid_row {
        flex-wrap: wrap;
    }
}
div.content_grid_row2 {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
    margin-bottom: 4vh;
}
@media (max-width: 768px) {
    .content_grid_row2 {
        flex-wrap: wrap;
        flex-direction: row;
    }
}
div.content_grid_block {
    margin-right: 4vw;
    width: 50%;
}
@media (max-width: 768px) {
    .content_grid_block {
        width: 100% !important;
        margin-right: unset !important;
    }
}
div.content_grid_block h2 {
    font-size: 25px;
    font-weight: bold;
}
div.content_grid_block h3 {
    font-size: 25px;
    font-weight: bold;
    margin: 2.5rem 0 2rem 0;
}
div.content_grid_block a {
    color: #0064ae;
    font-weight: bold;
}
div.content_grid_block ul {
    list-style-image: url('check-icon.png');
    line-height: 2em;
}


/* SEA Landingpages */

div.header_h2_centre h2 {
    font-size: 32px;
    color: #505050;
    text-align: center;
    margin-top: 1vh;
    margin-bottom: 7.5vh;
    font-weight: 700;
}
div.header_h2_sub_centre {
    font-size: 26px;
    color: #595959;
    text-align: center;
    padding-top: 4vh;
    margin-bottom: 1vh;
    font-weight: 600;
    text-transform: uppercase;
}
div.content_overview {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 4vh 0 4vh 0;
}
div.content_overview_columns {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2vh;
}
.content_overview_columns_block li {
    list-style-image: url('check-icon.png');
    line-height: 1.5em;
}
div.content_data_guide {
    background-color: #ebeef1;
    margin-bottom: 6vh;
}
div.content_data_guide_block {
    padding: 4vh 4vw 6vh 12%;
}
div.content_data_guide_titel h2 {
    font-size: 32px;
    color: #505050;
    margin-top: 3vh;
    margin-bottom: 3vh;
    font-weight: 700;
}
div.content_data_guide_text {
    display: flex;
    flex-wrap: wrap;
}
div.content_data_guide_text_text {
    width: 40%;
}
@media (max-width: 1164px) {
    .content_data_guide_text_text {
        width: 70% !important;
    }
}
div.content_data_guide_boldtext {
    width: 70%;
    font-weight: bold;
}

/* SEO Landingpages */

div.header_h1 {
    padding-left: 12%;
    margin-top: 3vh;
    margin-bottom: 3vh;
}
div.header_h1_left h1 {
    font-size: 32px;
    color: #505050;
    margin-bottom: 3vh;
    font-weight: 700;
}
div.header_h2 {
    padding-left: 12%;
    margin-top: 7vh;
    margin-bottom: 7vh;
}
div.header_h2_left h2 {
    font-size: 32px;
    color: #505050;
    font-weight: 700;
}

/* Warenkorb */
/*
.cart-container .cart-summary {
    width: 20% !important;
}
*/





/*Custom styling*/
.testimonials-block,
.products.wrapper.grid,
.widget.grid {
    width: 100%;
    box-sizing: border-box;
}

.testimonials-block {
    margin: 0;
}
@media (max-width: 1023px) {
    .navigation-container {
        height: 100vh;
    }
}
@media (max-width: 767px) {
    div.teaser_newsletter_login {
        width: 90%;
    }
    div.teaser_newsletter {
        padding: 20px 0;
        flex-flow: column;
    }
    div.teaser_newsletter_content {
        width: 90%;
    }

    div.teaser_newsletter_login_titel {
        padding-bottom: 15px;
    }

    .column.main .bg-image {
        display: none;
    }
    div.stage {
        display: none;
    }

    div.testimonials-block .block-title {
        margin-bottom: 100px;
        padding: 0;
    }

    div.testimonials-block .testimonials-slider {
        height: auto;
        background-position-y: 40%;
    }

    div.testimonials-block .testimonials-slider .testimonials-slide .content {
        width: auto;
    }

    .testimonials-block .testimonials-slider .slick-next, .testimonials-block .testimonials-slider .slick-prev {
        top: 45%;
    }
}

tbody.cart.item td {vertical-align : middle;}


/* Contact Page Style Begin */
.wrap {
    display         : flex;
    justify-content : center;
    align-items     : center;
    padding         : 10px;
    margin-top      : 6vh;
}

.wrap .custom-container {
    max-width  : 750px;
    width      : 100%;
    padding    : 25px 30px;
    margin : 6vh 0;
}

.wrap .custom-container form .user-details {
    display         : flex;
    flex-wrap       : wrap;
    justify-content : space-between;
    margin          : 20px 0 12px 0;
}

.wrap .custom-container form .user-details .input-box {
    width         : calc(100% / 2 - 20px);
    margin-bottom : 15px;
}

.wrap .custom-container form .user-details .input-box .details {
    display       : block;
    margin-bottom : 5px;
}

.wrap .custom-container form .user-details .input-box input {
    height       : 45px;
    width        : 100%;
    padding-left : 15px;
}

.wrap .custom-container form .user-details .input-box button {
    height       : 45px;
    width        : 100%;
    padding-left : 15px;
}

.wrap .custom-container form .button {
    height  : 45px;
    margin : 30px 0;
}

.wrap .custom-container form .button input {
    height : 100%;
    width  : 100%;
}

.wrap .custom-container .team {
    padding         : 5vh 0;
    text-align      : center;
    display         : flex;
    justify-content : space-around;
    flex-direction  : row;
    margin-bottom   : 5vh;
}

.wrap .custom-container .team .person {
    flex-basis      : 40%;
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
}

.wrap .custom-container .team .person .avatar {
    border-radius : 50%;
    width         : 100px;
}

.wrap .custom-container .team .person .name {
    font-weight : bold;
    font-size   : 18px;
    /*font-size   : 0.9vw;*/
}

.wrap .custom-container .team .person .phone-number {
    /*font-size   : 0.8vw;*/
    font-size   : 15px;
    color       : #0361AE;
    font-weight : bolder;
}

@media (max-width : 700px) {
    .wrap .custom-container {
        max-width : 100%;
    }

    .wrap .custom-container form .user-details .input-box {
        width         : 100%;
        margin-bottom : 15px;
    }

    .wrap .custom-container .team {
        flex-direction : column;
        padding        : 15px;
    }

    .wrap .custom-container .team .person {
        margin : 20px;
    }
}

.wrap .custom-container .title h1 {
    font-weight : bolder;
    width       : 100%;
    font-size   : 2vw;
    text-align  : center;
}

.wrap .custom-container .below-form-container .flex-column {
    display        : flex;
    flex-direction : column;
}

.wrap .custom-container .below-form-container .flex-column .below-form-details {
    color: #0062AF;
    font-weight : bolder;
}
.wrap .custom-container.below-form-container p {
    margin:0;
}
.cart-summary .checkout-methods-items .action.secondary{
    display: none !important;
}
/* Contact Page Style End */
#empty_cart_button {
    margin-left  : auto;
    margin-right : 20px;
}
#empty_cart_button:before {
    content : "\e907";
}
.side-product--content {
    z-index: 2;
    font-size: small;
    position: absolute;
    border: 1px solid #0062AF;
    border-radius: unset !important;
    background: #FFFFFF;
    margin-top: 2px;
    width: 205px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
    padding: 5px;
}
#checkout-shipping-method-load .side-product--content {display: none;}

#checkout-shipping-method-load .side-product--content.active {display: block;}

.checkout-mini-popup{font-family: 'icons-blank-theme';
    content: attr(data-icon);
    border: 1px solid #ccc;
    border-radius: 50%;width: 17px;
    display: inline-block;
    text-align: center;
    margin-left: 5px;
    font-style: normal;
    font-size: 12px;
}

@media only screen and (min-width: 768px) {
    .popup-authentication .actions-toolbar {
        margin-bottom: 0;
        margin-top: 0 !important;
    }

    a.action-orderAsGuest.primary {
        margin-top: 20px !important;
        border: 1px solid #0062af;
        color: #0062af !important;
        background: #ffffff !important;
    }

    a.action-orderAsGuest.primary:hover {
        background: #0062af !important;
        color: #ffffff !important;
    }

    div.block-header-customer-login.modal-popup.popup-authentication div.actions-toolbar div.primary {
        float: none !important;
    }

    .slick-next:not(.primary),
    .slick-prev:not(.primary) {
        background : transparent !important;
    }
}

.firecheckout form {
    padding-bottom: 0;
}
.firecheckout label {
    font-size: 1.4rem!important;
}
.firecheckout #checkout .opc-wrapper .opc {
    margin: 0 0 40px 0!important;
}
.firecheckout .firecheckout-header {
    margin-top: 20px!important;
}

@media only screen and (max-width: 768px) {
    .firecheckout .page-title-wrapper {
        padding: 20px!important;
    }
}
.matrix-atc-buttons{
    padding: 0 0 10px 30px;
}
@media only screen and (max-width: 640px) {
    .matrix-atc-buttons{
        display: none!important;
    }
}
.matrix-atc-buttons button#productAddToCartFormButton{
    margin-top: 15px;
}