body {
    overflow-y: scroll;
    font-size:14px;  
    height: 100%;
}
*, html, body {
    font-family: 'Roboto', sans-serif;
    line-height:normal;
}
a, a:active {
    color: #333;
    text-decoration:underline;
    font-weight:400
}
a:hover {
    text-decoration:none;
}
h1,h2,h3,h4,h5 {
    color: #333;
    margin:0;
}

i.material-icons.rotate {
    transform: rotate(90deg);
}

.clear {
    clear:both;
}

input[type="text"].form-control, input[type="tel"].form-control, input[type="email"].form-control, textarea.form-control, select.form-control, input[type="number"].form-control, input[type="password"].form-control {
    border-radius: 0;
}


#horizontal-nav-wrapper {
    width: auto;
    margin-top:0;
    /*margin-left:18em;*/
}
#horizontal-nav {
    z-index:1040;
    height: 7.3em;
}
#horizontal-nav ul.top-level {
    padding:0;
    margin:0;
    list-style:none;
}
#horizontal-nav ul.top-level > li {
    list-style:none;   
    float:left;
    height: 7.3em;    
}
#horizontal-nav ul.top-level > li.last {

}
#horizontal-nav ul.top-level > li.first {

}
#horizontal-nav ul.top-level > li > a {
    font-weight:500;
    font-size:1em;
    text-decoration: none;

    text-align:center;
    display:block;

    color:#656d76;

    height: 100px;

    padding-left:0.8em;
    padding-right:0.8em;
    padding-bottom:2.2em;
    padding-top:2.7em;
}
@media screen and(min-width: 992px){
    #horizontal-nav ul.top-level > li > a {
        padding-left:1.1em;
        padding-right:1.1em;
    }
}
#horizontal-nav ul.top-level > li.active > a, #horizontal-nav ul.top-level > li > a:hover {
    color:#000
}
#horizontal-nav ul.top-level > li .sub-menu {
    display:none;
    position: absolute;
    top:88px;
    left:5px;
    z-index:1000;
    text-align:left;
    background:#fff;
    width:100%
}
#horizontal-nav ul.top-level > li .sub-menu .sub-menu-content {
    padding: 0px;
    text-align:left;
}

#main-logo {
    position: absolute; top:1.55em; left:0px;
}

.shopping-cart-wrapper a {
    position:relative;
}
.shopping-cart-wrapper a .badge {
    width:16px;
    height:16px;
    border-radius:17px;
    background:#F7A606;
    color:#fff;
    position:absolute;
    top:0;
    right:-0px;
    text-align:center; 
    font-size:12px;
    padding:0;
    padding-top:2px;
}
.shopping-cart-wrapper a .badge .text-wrapper {
    position:relative;
    width:17px;
    height:17px;
}
.shopping-cart-wrapper a .badge .text-wrapper .text {
    display:block;
    text-align:center;
    width:16px;
    height:16px;
}
h3.sub-nav-title {
    font-size:80px;
    font-weight:100;

    color:#aaa;

    margin-top:80px;
    margin-left:55px;
}

h4.sub-nav-subtilte {
    font-size:30px;
    font-weight:100;

    color:#999;

    margin-left:57px;
}

.nav-item-slider-vordach {
    margin:25px;
    padding:20px;
    cursor:pointer;
    background:#fafafa;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}
.nav-item-slider-vordach:hover {
    background:#f1f1f1;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
}
.nav-item-slider-vordach h2 {
    font-size:25px;
    font-weight:300;

    color:#333;

    margin:0;                                                                                            
    padding:0;
    margin-top:0px;
    margin-bottom:10px;
}

.nav-item-slider-vordach p {
    font-size:18px;
    font-weight:300;

    color:#333;

    margin:0;
    padding:0;
    margin-top:10px;
    margin-bottom:10px;
}

.vordach-nav-slide-wrapper {
    width:calc(100% - 60px);
    margin-left:30px;
    position:relative;
}

.float-left-33 {
    float:left;
    width:33.33%
}

.header-bg-parallax {
    height:600px;
    border-top:2px solid #aaa;
    height:70vh;
}

.header-caption-box-wrapper {
    max-width:100%;
    position:relative;
    margin:0 auto;
}

.header-caption-box-position-wrapper {
    position:absolute;
    right:0px;
    bottom:-180px;
    height:31.8em;
    width:35em;

}

.category-page .header-caption-box-position-wrapper {
    bottom:-90px;
    height:25em;
}

#nav-menu-blocker {
    width:100%;
    height:700px;
    z-index:125;
    background:#fff;
    position:absolute;
    top:87px;
    left:0px;
    display:none;
}

#breadcrumb ul {
    padding:0;
    margin:0;
    list-style:none;
}
#breadcrumb ul li {
    padding:0;
    margin:0;
    list-style:none;
    display:inline-block;
    margin-right: 5px;
    font-size: 12px;
}
#breadcrumb ul li span,
#breadcrumb ul li a {
    font-size: 12px;
}
#breadcrumb ul li.you-are-here {
    margin-right: 5px;
    color: #999;
    font-size: 12px;
}
#breadcrumb ul li::after {
    margin-left:5px;
    display:inline-block;
    content: "\00BB";
}
#breadcrumb ul li.you-are-here::after, #breadcrumb ul li:last-child::after{
    content:"";
    margin:0;
}

#trust-pilot-floating-bottom-right .trustpilot-widget-logo {
    margin-bottom:15px;   
    width:100%;
}

#trustpilot-not-floating {
    width: 230px;
    padding: 15px;
    padding-top:28px;
    cursor: default;
    margin:0 auto;
}

#trustpilot-not-floating .trustpilot-widget-logo {
    margin-bottom:15px;
    margin-top:30px;
    width:100%;
}
.big-trust-box {
    background:#fff;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
    height:200px;
}


.footer-container {
    position: relative;
    overflow: hidden;
    z-index: 4;
    margin-top: 40px;
}
.footer.pre-footer {
    background: #FAFAFA;
    position: relative;
    min-height: 60px;
    margin-top: 60px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    /*z-index: 7;*/
    box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.3);
}
.footer.pre-footer .pre-footer-content {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}
.footer .footer-content-item-stroke {
    border: 1px solid #E6E6E5;
    width: 100%;
    height: 1px;
}
.footer .footer-stroke-container {
    margin-bottom: 2rem;
}

.footer.pre-footer .pre-footer-content .pre-footer-content-item {
    flex: 1 1 auto;
    text-align: left;
}


.footer.pre-footer .pre-footer-content-item-payments {
    margin-bottom: 2rem;
}
.footer.pre-footer .pre-footer-content-item-payments .payment-icons {
    background: url('/landing/images/payment-icons/payment_sprite.png');
    background-size: 380px;
    height: 38px;
    width: 63px;
    display: inline-block;
}
/* -65x -38y */
.footer.pre-footer .pre-footer-content-item-payments .payment-icons.payment-icons--mastercard {
    background-position: -697px 0;
}
.footer.pre-footer .pre-footer-content-item-payments .payment-icons.payment-icons--visa {
    background-position: -633px -38px;
}
.footer.pre-footer .pre-footer-content-item-payments .payment-icons.payment-icons--paypal {
    background-position: -570px -76px;
}
.footer.pre-footer .pre-footer-content-item-payments .payment-icons.payment-icons--rechnung {
    background-position: -507px -114px;
}
.footer.pre-footer .pre-footer-content-item-payments .payment-icons.payment-icons--sepa {
    background-position: -444px -152px;
}
.footer.pre-footer .pre-footer-content-item-payments .payment-icons.payment-icons--vorkasse {
    background-position: -381px -190px;
}

.footer .pre-footer-content-item-reviews, .footer .pre-footer-content-item-newsletter, .footer .pre-footer-content-item-socials {
    margin-bottom: 2rem;
}

.footer .pre-footer-content-item-newsletter .input-container {
    max-width: 270px;
    width: 100%;
}

.footer .pre-footer-content-item-newsletter .footer-newsletter-label {
    font-size: 1.25rem;
    font-weight: 500;
    color: inherit;
}

.footer .pre-footer-content-item-newsletter #newsletter-footer-form {
    margin-top: 0.5rem;
}

.footer .pre-footer-content-item-newsletter .input-container,
.footer .pre-footer-content-item-newsletter .newsletter-input-email,
.footer .pre-footer-content-item-newsletter .input-group-btn,
.footer .pre-footer-content-item-newsletter button {
    height: 56px;
}

.footer .pre-footer-content-item-newsletter .input-container.validation-invalid .newsletter-input-email:focus,
.footer .pre-footer-content-item-newsletter .input-container .newsletter-input-email:focus {
    border-right: 0 none;
}

.footer .pre-footer-content-item-newsletter .input-container .newsletter-input-email {
    font-size: 1rem;
    /* remove box-shadow in safari */
    background-clip: padding-box;
}

.footer .pre-footer-content-item-newsletter .input-container .newsletter-input-email:focus + .input-group-btn button {
    border-color: #66afe9;
}

.footer .pre-footer-content-item-newsletter .input-container.validation-invalid button {
    border-color: #f00;
}

.footer .pre-footer-content-item-newsletter .newsletter-input-email {
    box-shadow: unset;
}

.footer .pre-footer-content-item-newsletter button {
    padding: 2px 12px 0;
    background-color: #fff;
    color: #777777;
    box-shadow: unset;
    border-radius: 0px 5px 5px 0px;
    border: 1px solid #ccc;
    border-left: 0 none;
}

.footer .pre-footer-content-item-newsletter button i {
    font-size: 3rem;
}

.footer .pre-footer-content-item-reviews .trustpilot-widget {
    width: 220px;
}

.footer.pre-footer .pre-footer-content .pre-footer-content-item.pre-footer-content-item-reviews .trustpilot-img {
    background: #fff;
    display:inline-block;
    padding: 2px;
    border: 1px solid #ccc;
    border-radius: 5px;

}
.footer.pre-footer .pre-footer-content .pre-footer-content-item.pre-footer-content-item-reviews .trustpilot-img img {
    max-width: 100%;
}


.footer .pre-footer-content-item-reviews {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
}

.footer .pre-footer-content-item-reviews .auszeichnung-pre-footer-img {
    width: auto;
    height: 115px;
    margin-right: 45px;
}

@media (max-width: 991px){
    .footer .pre-footer-content-item-reviews {
        justify-content: start;
    }
    .footer .pre-footer-content-item-reviews .auszeichnung-pre-footer-img {
        height: 88px;
        width: 88px;
        margin-right: 30px;
    }
}

.footer.pre-footer .pre-footer-content .pre-footer-content-item.pre-footer-content-item-payments img {
    position: relative;
    top: 0;
    transition: top 300ms ease-in-out;
    height: 38px;
    margin-top: 4px;
    /*margin: 4px;*/
    /*pointer-events: none;*/
}
.footer.pre-footer .pre-footer-content .pre-footer-content-item.pre-footer-content-item-payments img:hover {
    /*top:-2px;*/
}
.footer.pre-footer .pre-footer-content .pre-footer-content-item .pre-footer-content-label, .footer .pre-footer-content-item .pre-footer-content-label {
    font-size: 1.25em;
    font-weight: 500;
    color: #444;
    margin-bottom: 0.5rem;
}
.footer.pre-footer .pre-footer-content .pre-footer-content-item.pre-footer-content-item-payments .pre-footer-content-label {
    /*margin-bottom: 6px;*/
}
.footer.pre-footer::before {
    /*background: #FAFAFA;
    content: "";
    position: absolute;
    top: 6px;
    left:0;
    width: 100%;
    height: 100%;
    box-shadow: 0 -1px 3px 0px rgba(0,0,0,0.3);*/
}
.footer.pre-footer .facebook-icon, .footer-2-col .facebook-icon, .footer.pre-footer .youtube-icon, .footer-2-col .youtube-icon, .footer.pre-footer .instagram-icon, .footer-2-col .instagram-icon, .footer.pre-footer .pinterest-icon, .footer-2-col .pinterest-icon  {
    transform: scale(1.8);
    margin: 3px 11px;
}
.footer-logo-container img {
    vertical-align: bottom;
}
.footer-logo-container span {
    vertical-align: bottom;
    margin-bottom: 2rem;
    display: block;
}

.footer-logo-container span a {
    color: #444;
}

.footer .desktop-footer-menu li.section {
    font-size: 1.25rem;
    padding-bottom: 0;
    margin-bottom: 0.5rem;
}

.footer .desktop-footer-menu {
    margin-right: 2.188rem;
}

.footer #footer_sections_accordion .flex-col:last-child ul {
    margin-right: 0;
}

.footer .desktop-footer-menu li a, .footer .desktop-footer-menu li a:visited {
    color: #444 !important;
    font-weight: 400 !important;
}

.footer .footer-logo-container {
    font-weight: 400;
}


@media screen and (max-width: 991px){
    .footer-logo-container {
        padding-bottom: 50px;
    }

    .footer .flex-col-container .flex-col {
        width: 100%;
        float: none;
        margin-top: 20px;
        /*padding-right: 10px;*/
    }
}

@media (min-width: 992px) {

    .footer-logo-container span {
        display: inline;
        float: left;
    }

    .footer .newsletter-social-media-container {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        width: 100%;
    }

    .footer.pre-footer .pre-footer-content-item-payments, .footer .pre-footer-content-item-newsletter {
        flex: 1 auto !important;
    }

    .footer.pre-footer .pre-footer-content-item-reviews, .footer .pre-footer-content-item-socials {
        flex: 0 auto !important;
    }

    .footer #footer_sections_accordion .flex-col {
        width: 20% !important;
    }

    .footer .flex-col-container .flex-col {
        width: 20%;
        float: left;
    }
}
.footer {
    background: #FAFAFA;
    /*padding-top: 40px;*/
    padding-bottom: 20px;
    color: #444;
    position: relative;
    z-index: 6;
}

.footer a {
    color: #fff;
}
.footer ul {
    padding:0;
    margin:0;
    list-style:none;
}
.footer ul li {
    padding:0;
    margin:0;
    list-style:none;
    padding-top:3px;
    padding-bottom:3px;
    color: inherit;
    font-size: 1rem;

}
.footer ul li a, .footer ul li a:visited {
    text-decoration:none;
    color: inherit;
    font-weight: 300;
    margin-bottom:3px;
    display: block;
}
.footer ul li a:hover {
    text-decoration: underline;
    color: inherit;
}
.footer ul li.section {
    font-size: 1.3em;
    padding-bottom: 15px;
    font-weight: 500;
    color: inherit;
}
.footer ul li.section.social-media {
    padding-bottom:10px;
}
.footer ul.footer-social-media li a {
    display: inline;
}
.footer .facebook-icon, .footer-2-col .facebook-icon {
    display:inline-block;
    width:41px;
    height:41px;
    background:url(https://static.glasprofi24.de/landing/images/facebook-icon.png);
    background-repeat:no-repeat;
    background-size:41px 41px;
    background-position:center center;
}
.footer .youtube-icon, .footer-2-col .youtube-icon {
    display:inline-block;
    width:41px;
    height:41px;
    background:url(https://static.glasprofi24.de/landing/images/youtube-icon.png);
    background-repeat:no-repeat;
    background-size:41px 41px;
    background-position:center center;
}
.footer .instagram-icon, .footer-2-col .instagram-icon {
    display:inline-block;
    width:41px;
    height:41px;
    background:url(https://static.glasprofi24.de/landing/images/instagram-icon.png);
    background-repeat:no-repeat;
    background-size:41px 41px;
    background-position:center center;
}
.footer .pinterest-icon, .footer-2-col .pinterest-icon {
    display:inline-block;
    width:41px;
    height:41px;
    background:url(https://static.glasprofi24.de/landing/images/pinterest-icon.png);
    background-repeat:no-repeat;
    background-size:41px 41px;
    background-position:center center;
}
body .footer span.footer-icon-lazy,
body .footer-2-col span.footer-icon-lazy {
    background-image: none !important;
}

.footer #footer_sections_accordion {
    margin-bottom: 0;
}

.footer #footer_sections_accordion .panel {
    border-radius: 0;
    box-shadow: unset;
    margin-bottom: 0;
    background-color: transparent;
}

.footer #footer_sections_accordion .panel .panel-heading {
    background-image: unset;
    background-repeat: unset;
    background: transparent;
    border-color: unset;
    border-bottom: 1px solid #E6E6E5;
    padding: 10px 5px 10px 0;
}

.footer #footer_sections_accordion .panel .panel-heading .panel-title i {
    vertical-align: middle;
    position: absolute;
    right: 0;
    font-size: 2rem;
    transition: all 0.1s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.footer #footer_sections_accordion .panel .panel-heading .panel-title[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.footer #footer_sections_accordion .panel .panel-heading .panel-title {
    font-size: 1.25rem;
    font-weight: 500;
    color: #444;
    position: relative;
}

.footer #footer_sections_accordion .panel .panel-body {
    border-top-color: transparent;
    border-top: 0;
    padding: 1rem 0 0 1rem;
}

.footer #footer_sections_accordion .panel-default {
    border-color: transparent;
}


.footer #footer_sections_accordion .flex-col {
    margin-top: 0;
    width: 100%;
}

.footer #footer_sections_accordion .panel .panel-body ul li a, .footer #footer_sections_accordion .panel .panel-body ul li a:visited {
    font-weight: 400;
    margin: 0;
}

.footer #footer_sections_accordion .panel ul li {
    padding: 0;
    margin-bottom: 0.5rem;
}

.footer .footer-section-links {
    margin-bottom: 2rem;
}
.modal-dialog {
    max-width: 1180px;
    margin-top:60px;
    width:100%;
}
.modal.slim-modal .modal-dialog {
    max-width: 990px;
}
.modal-content {
    border-radius:0;
    padding:50px;
    padding-top:10px;
}
.modal-content .close-desktop {
    position:absolute;
    right: 0;
    top:-80px;
    color:#fff;
    font-size:2.2em;
    padding-top:5px;
    padding-bottom:5px;
    text-shadow:none;
    opacity:1;
    padding-right:50px;
    background:url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat:no-repeat;
    background-size:50px 5000px;
    background-position:calc(100% + 10px) -2260px;
}
.modal-backdrop.in {
    opacity: 0.75
}
.modal-header {
    border-bottom:0;
}
.modal-footer {
    border-top: 0;
}
.modal-footer .modal-bottom-close-button {
    padding:20px;
    width:100%;
    background: #f1f1f1;
    color:#666;
    font-size:2.2em;
    text-align:center;
    border:0;
    box-shadow: none;
}
/*.modal-body h2.main {
color:#999;
margin-bottom:20px;
}
.modal-body h3.main {
color:#777;
margin-bottom:20px;
font-size:1.8em;
}
.modal-body p {
color:#777;
line-height:130%;
}

.modal-body.product-section p {
font-size:1.3em;
}
.modal-body.product-section h2.main {
font-weight:700;
}          */

.margin-top-modal-section {
    margin-top:2.5em;
}


.header-caption-box-wrapper ul {
    padding:0;
    margin:0;
    list-style:none;
}

.header-caption-box-wrapper ul li {
    padding:0;
    margin:0;
    list-style:none;
    font-size:1.57em;
    line-height:160%;
    color:#888;      
    padding-left: 15px;
}
.header-caption-box-wrapper ul li::before {
    content: "\00B7";
    margin-left: -15px;
    width:15px;
    display:inline-block;
    font-size:1em;
    font-weight:900;
}
.header-caption-box-wrapper .btn {
    width:200px;
}

.right-fixed-contact-button {
    border:#eee;
    width:50px;
    height:15em;
    position:fixed;
    top:50%;
    right:-4px;
    margin-top:-7.5em;
    background: #F7A606;
    border-top: 1px solid #ccc;
    border-radius:3px;
    display:block;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    text-decoration:none !important;
    z-index:121;
    opacity: 0;
}

.right-fixed-contact-button.is-visible {
    -webkit-transition:opacity 200ms ease-out;
    -moz-transition:opacity 200ms ease-out;
    -o-transition:opacity 200ms ease-out;
    transition:opacity 200ms ease-out;
    opacity:1;  
}
.right-fixed-contact-button.is-hidden {
    -webkit-transition:opacity 200ms ease-out;
    -moz-transition:opacity 200ms ease-out;
    -o-transition:opacity 200ms ease-out;
    transition:opacity 200ms ease-out;
    opacity:0;  
}


.right-fixed-contact-button .button-text {
    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

    color:#fff;
    font-weight:500;
    font-size:1.4em;
    margin-top:5.6em;
    display:block;
    text-decoration:none;

}

.right-floating-contact-box {
    position:fixed;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius:3;  
    width:27em;
    height:510px;
    top:50%;
    right:-27.5em;
    margin-top:-255px;
    padding-bottom:20px;


    box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.4);

    z-index:121;
}

.right-floating-contact-box .contact-float-close-link {
    position:absolute;
    top:15px;
    right:15px;
}
.right-floating-contact-box .contact-float-close-link .close-icon {
    display:block;
    width:20px;
    height:20px;
    background:url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat:no-repeat;
    background-size:25px 2500px;
    background-position:0px -1054px;
}

.right-floating-contact-box .contact-email a, .mobile-contact-box .contact-email a {
    padding-left:30px;
    background:url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat:no-repeat;
    background-size:26px 2600px;
    background-position:1px -1415px;
    font-size:1.14em;
}

.right-floating-contact-box .contact-phone a, .mobile-contact-box .contact-phone a {
    padding-left:30px;
    background:url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat:no-repeat;
    background-size:34px 3400px;
    background-position:2px -2027px;
    font-size:1.14em;
}

.right-floating-contact-box .contact-fax a, .mobile-contact-box .contact-fax a {
    padding-left:30px;
    background:url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat:no-repeat;
    background-size:20px 2000px;
    background-position:3px -965px;
    font-size:1.14em;

}

.right-floating-contact-box .contact-whatsapp a, .mobile-contact-box .contact-whatsapp a {
    padding-left:30px;
    background:url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat:no-repeat;
    background-size:22px 2200px;
    background-position:2px -1423px;
    font-size:1.14em;
}

.right-floating-contact-box .contact-geo, .mobile-contact-box .contact-geo {
    padding-left:30px;
    background:url(https://static.glasprofi24.de/landing/images/ui/geo-32px.png) 0px 0px no-repeat;
    background-size:28px 28px;
    font-size:1.14em;
}

.right-floating-contact-box .contact-hours {
    padding-left:30px;
    background:url(https://static.glasprofi24.de/landing/images/ui/clock-40px.png) left center no-repeat;
    background-size:30px 30px;
    font-size:1.14em;

}
.right-floating-contact-box a, .right-floating-contact-box a:visited, .right-floating-contact-box a:active, .right-floating-contact-box a:hover {
    font-weight:400;
    text-decoration:none;
    font-size:1.14em;
    color:#333;
}

.right-floating-contact-box h4, .mobile-contact-box h4 {
    color:#666;
    font-size:1.7em;
    margin-top:30px;
    margin-bottom:10px;
}
.right-floating-contact-box .form-control, .mobile-contact-box .form-control {
    border-radius:0;
}
.right-floating-contact-box textarea, .mobile-contact-box textarea {
    min-height:100px;
}
.right-floating-contact-box .btn, .mobile-contact-box .btn {
    width:100%;
}


#main-logo img {
    width:189px;
    height:57px;
}

.shopping-cart-wrapper img {
    width: 40px;
    height:34px;
}

/*.image-zoom-icon {
border-bottom: 63px solid rgba(255,255,255,0.7);
border-left: 63px solid transparent;
position: absolute;
right: 0px;                                         
bottom: 0px;
width: 0;
content: '';
}
.image-zoom-icon img {
position:absolute;
right: 5px;
bottom: -58px;
} */


.image-zoom-icon {
    background: rgba(255,255,255,0.7);
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 0;
    content: '';
    width:40px;
    height:40px;
}
.image-zoom-icon .magn-icon {
    position:absolute;
    right: 4px;
    bottom: 4px;   
    width:27px;
    height:27px; 
    background:url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat:no-repeat;
    background-size:28px 2800px;
    background-position:0px -1440px;
}   
.image-zoom-icon img {
    position:absolute;
    right: 5px;
    bottom: 5px; 
}




/*@media all and (min-width: 800px) {
.fancybox-thumbs {
top: auto;
width: auto;
bottom: 0;
left: 0;
right : 0;
height: 119px;
padding: 10px 10px 5px 10px;
box-sizing: border-box;
background: transparent;

}

.fancybox-thumbs ul {
margin: 0 auto;   
}

.fancybox-thumbs > ul > li {
width:150px;
height:100px; 
margin-left:5px;
margin-right:5px;
}

.fancybox-show-thumbs .fancybox-inner {
right: 0;
bottom: 95px;
}
}

.fancybox-caption-wrap {
left:0px;
top:0px;
width:100%;
background:#fff; 
height:100px;
}
*/


/* CATEGORY PAGE */

.dark-grey-headline-underline {
    margin:0;
    text-transform:uppercase;
    font-weight:400;
    color:#444;
    font-size:3em;
    padding-bottom:3px;
    border-bottom:2px solid #444;
    display:inline-block
}
.dark-grey-headline {
    margin:0;
    font-weight:400;
    color:#444;
    font-size:3em;
    padding-top:5px;   
}


ul.chevron-list {
    padding:0;
    margin:0;
    list-style: none;    
}
ul.chevron-list li, ul.chevron-list .li {
    padding:0;
    margin:0;
    list-style: none;   
    padding:3px;
    padding-left:17px;
    margin-left:0;
    font-size:1.2em;
    font-weight:400;
    background:url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat:no-repeat;
    background-size:100px 10000px;
    background-position:0px -7605px;
    color:#666;
}
ul.chevron-list.chevron-top li, ul.chevron-list.chevron-top .li {
    background:url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat:no-repeat;
    background-size:100px 10000px;
    background-position:0px -7605px;
}

.pdf-link {
    background:url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat:no-repeat;
    background-size:37px 3700px;
    background-position:0px -2105px;
    padding-left:40px;
    font-size:1.3em;
    color:#666;
    font-weight:700;
    padding-top:5px;
    padding-bottom:5px;
    display:inline-block;
}



ul.pdf-list, .pdf-list {
    list-style:none;
    padding:0;
    margin:0;  
}

ul.pdf-list li, .pdf-list .li {
    list-style:none;
    padding:0;
    margin:0;   
    padding-top:2px;
    padding-bottom:2px;
}

ul.pdf-list li a, .pdf-list .li a, .pdf-list .li .a, .pdf-link-small {
    background: url(https://static.glasprofi24.de/landing/images/pdf_file_icon.png);
    background-repeat: no-repeat;
    background-size: 30px 35px;
    padding-left: 45px;
    color: #666;
    font-weight: 700;
    padding-bottom: 10px;
    padding-top: 5px;
    display: inline-block;
    text-decoration: none;
}
ul.pdf-list li a,
.cms-page-content ul.pdf-list li a, .cms-page-content .pdf-list .li a, .cms-page-content .pdf-list li .a,
.cms-modal ul.pdf-list li a, .cms-modal .pdf-list .li a, .cms-modal .pdf-list li .a {
    /*background: url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat: no-repeat;
    background-size: 37px 3700px;
    background-position: 0px -2110px;
    padding-left: 30px;
    color: #666;
    font-weight: 700;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;*/
    background: url(https://static.glasprofi24.de/landing/images/pdf_file_icon.png);
    background-repeat: no-repeat;
    background-size: 30px 35px;
    padding-left: 45px;
    color: #666;
    font-weight: 700;
    padding-bottom: 10px;
    padding-top: 5px;
    display: inline-block;
    text-decoration: none;
}


.gradient {

    height: 20px;
    position: relative;
    width: 100%;
    background: radial-gradient(ellipse farthest-side at top center, rgba(0,0,0,0.1), transparent);
}

.gradient:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(to right, transparent 8.3%, rgba(0,0,0,0.2) 50%, transparent 91.7%);
}

.gradient.no-border:before {
    display:none;
}

.gallery-4-images {

}

.gallery-4-images .image-box {

}

.gallery-4-images .image-box .img-caption {
    font-size:1em;
    color:#333;
    margin-top:5px;   
    text-align:center;
    height:65px;
    display:block;
}

.cms-image .img-caption {
    font-size:1em;
    color:#666;
    text-align:left;
    display:block;   
}

.video-full-width {

}
.video-full-width .video {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}
.video-full-width .video iframe {
    width:100%;
    border:0px;
}


.customer-review {
    margin-bottom:80px;
}
.customer-review .stars {
    margin-bottom:20px;
}
.customer-review .stars img {
    width:150px;
    margin-left:-3px;
}
.customer-review h4, .review-form h4 {
    font-size:1.6em;
    font-weight:600;
    color:#656d76;
    margin-bottom:15px;
}
.customer-review p {
    font-size:1.6em; 
    color:#656d76;
    line-height:130%; 
}
.customer-reviews .customer-review:first-child .stars {

}
.customer-reviews .customer-review:last-child {
    margin-bottom:0;
}
.customer-review.review-hidden {
    display:none;
}
.customer-review.review-visible {
    display:block;
}

.review-links a {
    font-size:1.3em;
    color:#666;
    font-weight:500;   
    display:inline-block; 
}
.review-links a.add-review-link {   
    margin-left:20px;
    padding-left:20px;
    border-left:1px solid #666;
}
.review-form textarea {
    min-height:200px;
}
.review-links a.add-review-link.single-link {
    margin-left:0;
    padding-left:0;
    border-left:0;
}


.button-box-small {
    background:#f6f7f9;
    padding:15px;
    padding-bottom:30px;
}
.button-box-small h3, .button-box-small .h3 {
    color:#656d76;
    padding:0;
    margin:0;
    margin-bottom:20px;
    font-size:1.45em;
    font-weight:600;
}
.button-box-small p, .button-box-small .p {
    font-size:1.1em;
    line-height:150%;
    font-weight:400;
    color:#656d76;
    min-height:72px;
}
.button-box-small .btn {
    min-width:170px;
}

/* BUTTON BOX SMALL NEW CMS */

.button-boxes-wrapper .cms-multi {

}




/* FANCYBOX STYLES */


@media all and (min-width: 992px) {


    /* Set color for background element */
    .fancybox-custom-layout .fancybox-bg {
    /* background:rgba(255,255,255,0.9);     */   
    background:#fff;
    opacity: 0.9;
}

.fancybox-custom-layout.fancybox-is-open .fancybox-bg {
    /*background:rgba(255,255,255,0.9); */
    opacity: 0.9;
}

/* Give space around main area */
.fancybox-custom-layout .fancybox-outer {
    top: 50px;
    left: 50px;
    bottom: 150px;
    right: 50px;
    margin: auto;
    overflow: visible;
    background: #fff;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    transition: opacity .3s;
}


/* Make it to fade-out while closing */
.fancybox-custom-layout.fancybox-is-closing .fancybox-outer {     
    opacity: 0;
}



/* Move caption area to the right side */
.fancybox-custom-layout .fancybox-caption-wrap {
    top: 0;
    right: 44px;
    bottom: 0;
    left: auto;
    width:300px;
    padding: 0;
    background: #333;
    pointer-events: all; /* Make text selectable */
    border-right: 1px solid rgba(255,255,255,.08);  
}

/* Adjust content area position */
.fancybox-custom-layout .fancybox-stage {
    /* width:calc(100% - 244px);*/
}

/* Remove top border from the caption */
.fancybox-custom-layout .fancybox-caption {
    padding: 30px 20px;
    border: 0;
}

/* Align buttons at the right side  */
.fancybox-custom-layout .fancybox-toolbar {
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 44px;
    background: #333;
    border-left: 1px solid #222;
}

/* Remove background from all buttons */
.fancybox-custom-layout .fancybox-button,
.fancybox-custom-layout .fancybox-navigation button:before {
    background: transparent;
}

/* Change arrow color */
.fancybox-custom-layout .fancybox-navigation button {
    color: #333 !important;
    padding: 10px;
}

/* Reposition arrows */
.fancybox-custom-layout .fancybox-button--arrow_left {
    left: -80px;
}

.fancybox-custom-layout .fancybox-button--arrow_right {
    right: -80px;
}

.fancybox-custom-layout.fancybox-show-thumbs .fancybox-button--arrow_right {
    right: -80px;
}

.fancybox-slide {

}  

.fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right : 0;
    height: 119px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: transparent;

}

.fancybox-thumbs ul {
    margin: 0 auto;   
}

.fancybox-thumbs > ul > li {
    width:150px;
    height:100px; 
    margin-left:5px;
    margin-right:5px;
}

.fancybox-show-thumbs .fancybox-inner {
    right:0px;   
}

.fancybox-caption h3 {
    color:#eee;
    margin-bottom:20px;
    font-size:1.7em;
}
.fancybox-caption p {
    font-size:1.14em;
    line-height:140%;
    color:#eee
}
.fancybox-caption-help-note {
    bottom:0px;
    left:0px;
    position:absolute;
    padding:20px;
}
.fancybox-caption-help-note h3 {
    color:#eee;
    margin-bottom:20px;   
}
.fancybox-caption-help-note p {
    font-size:1.14em;
    line-height:140%;
    color:#eee;

}
.fancybox-image, .fancybox-slide .fancybox-image-wrap, .fancybox-slide {
    bottom:0px;
    top:auto;
}   

.fancybox-can-drag .fancybox-slide .fancybox-image-wrap, .fancybox-slide.fancybox-is-scaling .fancybox-image-wrap {
    bottom:auto;
}



.fancybox-custom-layout .fancybox-smaller-layout .fancybox-button--arrow_left {
    left: -60px;
}

.fancybox-custom-layout .fancybox-smaller-layout  .fancybox-button--arrow_right {
    right: -60px;
}

.fancybox-custom-layout.fancybox-show-thumbs .fancybox-smaller-layout .fancybox-button--arrow_right {
    right: -60px;
} 

.fancybox-custom-layout .fancybox-smaller-layout .fancybox-caption-wrap {
    width:220px;
}

.fancybox-custom-layout .fancybox-smaller-layout .fancybox-caption-wrap .fancybox-caption h3,
.fancybox-custom-layout .fancybox-smaller-layout .fancybox-caption-wrap .fancybox-caption-help-note h3 {
    font-size:1.4em;  
}
.fancybox-custom-layout .fancybox-smaller-layout .fancybox-caption-wrap .fancybox-caption p,
.fancybox-custom-layout .fancybox-smaller-layout .fancybox-caption-wrap .fancybox-caption-help-note p {
    font-size:1.1em;    
}

.fancybox-custom-layout .fancybox-smaller-layout .fancybox-caption-wrap .fancybox-caption,
.fancybox-custom-layout .fancybox-smaller-layout .fancybox-caption-wrap .fancybox-caption-help-note {
    padding:15px;
}

.fancybox-button.fancybox-button--arrow_left .fancybox-chevron {
    width:40px;
    height:40px;
    background:url(https://static.glasprofi24.de/landing/images/ui/chevron-grey-left.svg) center center;
    background-size:40px 40px;
    display:block;
}
.fancybox-button.fancybox-button--arrow_right .fancybox-chevron  {
    width:40px;
    height:40px;
    background:url(https://static.glasprofi24.de/landing/images/ui/chevron-grey-right.svg) center center;
    background-size:40px 40px; 
    display:block; 
}

.fancybox-custom-layout .fancybox-smaller-layout .fancybox-button.fancybox-button--arrow_left .fancybox-chevron {
    width:30px;
    height:30px;
    background:url(https://static.glasprofi24.de/landing/images/ui/chevron-grey-left.svg) center center;
    background-size:30px 30px;    
}

.fancybox-custom-layout .fancybox-smaller-layout .fancybox-button.fancybox-button--arrow_right .fancybox-chevron {
    width:30px;
    height:30px;
    background:url(https://static.glasprofi24.de/landing/images/ui/chevron-grey-right.svg) center center;
    background-size:30px 30px;      
}


}




/* MOBILE MENU */


#mobile-menu {
    width:100%;
    background:#fff;
    position:fixed;
    left:0px;
    margin-top:60px;
    z-index:130;
    height:0px;
    opacity:0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto;
}



@-webkit-keyframes mobile-menu-hide {
    0% {
    z-index: 150;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    filter: alpha(opacity=1);
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
99% {
    top: -2000px;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
100% {
    z-index: -1;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}
}

@keyframes mobile-menu-show {
    0% {
    z-index:-1;
    width:0;
    height:0;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transform-origin:center top;
    -ms-transform-origin:center top;
    transform-origin:center top;
    -webkit-transform:scaleY(0);
    -ms-transform:scaleY(0);
    transform:scaleY(0)
}
1% {
    z-index:-1;
    top:-2000px;
    width:100%;
    height:100%;
    opacity:1;
    filter:alpha(opacity=1);
    -webkit-transform:scaleY(1);
    -ms-transform:scaleY(1);
    transform:scaleY(1)
}
100% {
    z-index:150;
    top:0;
    width:100%;
    height:100%;
    opacity:1;
    filter:alpha(opacity=1);
    -webkit-transform:scaleY(1);
    -ms-transform:scaleY(1);
    transform:scaleY(1)
}
}

#mobile-menu.open {
    animation-duration: 0.3s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-play-state: running;
    animation-name: mobile-menu-show;
}

#mobile-menu.closed {
    animation-duration: 0.3s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-play-state: running;
    animation-name: mobile-menu-hide;
}

#mobile-menu.no-animation {
    animation:none;
}
.mobile-nav-item {
    text-align:center;
    border-bottom:1px solid #eee;
    position:relative;
}
/*.mobile-nav-item a {
padding-top:20px;
padding-bottom:20px;
font-size:1.3em;
color:#666;
font-weight:900;
display:inline-block;
text-decoration:none;
padding-right:15px;
background:url(https://static.glasprofi24.de/landing/images/ui/chevron-grey-right-thick.svg) right 1.42em no-repeat;
background-size:0.6em 0.6em;
}*/
.mobile-nav-item > a {
    padding-top:20px;
    padding-bottom:20px;

    font-size:1.4em;
    color:#666;
    font-weight:900;
    display:inline-block;
    text-decoration:none;

    background:url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat:no-repeat;
    background-size:25px 2500px;
    background-position:calc(100% + 15px) -558px;
    padding-right:0.9em;

}
.mobile-nav-item > a.open {
    background:url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat:no-repeat;
    background-size:25px 2500px;
    background-position:calc(100% + 12px) -233px;
}

#mobile-contact-box {
    display:none;
    text-align: left;
}

#mobile-contact-form {
    display:none;
}
.mobile-sub-nav {
    display:none;
}

.footer-2-col {
    background:#f1f1f1;
}
#mobile-nav-footer-copy, .footer-2-col {
    text-align:left;
    padding-bottom:15px;
}
#mobile-nav-footer-copy ul, .footer-2-col ul {
    padding:0;
    margin:0;
    list-style:none;
}
#mobile-nav-footer-copy ul li, .footer-2-col ul li {
    padding:0;
    margin:0;
    list-style:none;
    padding-top:5px;
    padding-bottom:5px;
    font-size:1.1em;
    color:#666;

}
#mobile-nav-footer-copy ul li a, #mobile-nav-footer-copy ul li a:visited, .footer-2-col ul li a, .footer-2-col ul li a:visited {
    text-decoration:none;
    color:#666;
}
#mobile-nav-footer-copy ul li.section, .footer-2-col ul li.section {
    padding-bottom:15px;
    font-weight:600;
    color:#444;
}

#mobile-nav-products  {
    padding-bottom:15px;
    display:block;
}
#mobile-nav-products  ul {
    padding:0;
    margin:0;
    list-style:none;
}
#mobile-nav-products ul li {
    padding:0;
    margin:0;
    list-style:none;
    padding-top:5px;
    padding-bottom:5px;


}
#mobile-nav-products ul li a {
    font-size:1.3em;
    color:#666;   
    text-decoration:none;
}


.trustpilot-widget iframe {
    z-index: 149 !important;
}

.parallax-mirror {
    transition:translate3d(0px, 0px, 0px) !important;
}


.floating-contact-success {
    width:100%;

    border-radius:5px;
    -webkit-box-shadow: 0 0px 6px rgba(11,94,0,0.6);
    -moz-box-shadow: 0 0px 6px rgba(11,94,0,0.6);
    box-shadow: 0 0px 6px rgba(11,94,0,0.6);
    padding:15px;
    background:#e8ffe5;
    margin-top:20px;
    display:none;
}
.floating-contact-success h3 {
    font-weight:900;
    font-size:1.7em;
    color: #0d7200;
    margin-top:10px;
    margin-bottom:20px;
}
.floating-contact-success p {
    color: #0d7200;   
    font-size:1.2em;
    font-weight:500;
    margin-bottom:10px
}
#horizontal-nav .dropdown .dropdown-menu {
    top:calc(100% - 2px);
    border-radius:0;
    border: 2px solid #999;
    border-top:0;
    right:-6px;
    padding-top:0px;
    padding-bottom:0px;
    box-shadow: 0 6px 6px rgba(0,0,0,.175);
}
#horizontal-nav .dropdown .dropdown-menu > li > a {
    font-size:1.1em;
    color:#656d76;
    font-weight: 500;
    padding-bottom:0.5em;
    padding-top:0.5em;
    text-decoration:none;
}
#horizontal-nav .dropdown .dropdown-menu > li > a:hover {
    background-image:none !important;
    background:#fafafa;
    text-decoration:none;
}

.caret.caret-reversed {
    border-top-width: 0;
    border-bottom: 4px solid #000000;
}

#trust-pilot-floating {
    position:fixed;
    right:0px;
    bottom:0px;
    width:200px;
    height:120px;
    padding:15px;
    background:#fafafa;
    z-index:3;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.4);
}
#trust-pilot-floating img {
    margin-bottom:13px;
}
#trust-pilot-floating iframe,.trustpilot-widget {
    z-index: 149 !important;
}
.s-text {
    font-size:1.2em;
    color:#666;
    margin-top:20px;
    line-height:140%;
}


.category-panorama-section h2.main {
    font-size:3.5em;
    color:#666;
    font-weight:300;
}
.category-panorama-section .more-info-link {
    padding:20px;
    padding-right:0px;
    text-align:center;
    font-size:1.8em;
    color:#666;
    background:url(https://static.glasprofi24.de/landing/images/ui/chevron-grey-right.svg) center left no-repeat;
    background-size:0.5em 0.5em;  
    text-decoration:underline !important;
}

.category-panorama-section .panorama-content-box-right, .category-panorama-section .panorama-content-box-left {
    height:318px;
    padding-top:30px;
}

.category-panorama-section .panorama-content-box-right .detail-image-top-left {
    position: absolute;
    width:200px;
    height:200px;
    border-radius:100px;
    padding:10px;
    top:-40px;
    left:-90px;
    z-index:4;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    background: rgba(100,100,100,0.9);

}

.category-panorama-section .panorama-content-box-right .detail-image-top-left img {
    border-radius:100px;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.category-panorama-section .panorama-content-box-right .detail-image-top-left.zoomed {
    width:400px;
    height:400px;
    border-radius:200px;
    padding:24px;

    top:-80px;
    left:-180px;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

}

.category-panorama-section .panorama-content-box-right .detail-image-top-left.zoomed img {
    border-radius:200px;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.category-panorama-section .panorama-content-box-right .detail-image-bottom-right {
    position: absolute;
    width:200px;
    height:200px;
    border-radius:100px;
    padding:10px;
    bottom:-75px;
    right:-30px;
    z-index:4;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    background: rgba(100,100,100,0.9);

}

.category-panorama-section .panorama-content-box-right .detail-image-bottom-right img {
    border-radius:100px;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.category-panorama-section .panorama-content-box-right .detail-image-bottom-right.zoomed {
    width:400px;
    height:400px;
    border-radius:200px;
    padding:24px;

    bottom:-150px;
    right:-60px;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

}

.category-panorama-section .panorama-content-box-right .detail-image-bottom-right.zoomed img {
    border-radius:200px;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}














.category-panorama-section .panorama-content-box-left .detail-image-top-left {
    position: absolute;
    width:200px;
    height:200px;
    border-radius:100px;
    padding:10px;
    top:-80px;
    left:-40px;
    z-index:4;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    background: rgba(100,100,100,0.9);

}

.category-panorama-section .panorama-content-box-left .detail-image-top-left img {
    border-radius:100px;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.category-panorama-section .panorama-content-box-left .detail-image-top-left.zoomed {
    width:400px;
    height:400px;
    border-radius:200px;
    padding:24px;

    top:-80px;
    right:-180px;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

}

.category-panorama-section .panorama-content-box-left .detail-image-top-left.zoomed img {
    border-radius:200px;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.category-panorama-section .panorama-content-box-left .detail-image-bottom-right {
    position: absolute;
    width:200px;
    height:200px;
    border-radius:100px;
    padding:10px;
    bottom:-55px;
    right:-80px;
    z-index:4;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    background: rgba(100,100,100,0.9);

}

.category-panorama-section .panorama-content-box-left .detail-image-bottom-right img {
    border-radius:100px;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.category-panorama-section .panorama-content-box-left .detail-image-bottom-right.zoomed {
    width:400px;
    height:400px;
    border-radius:200px;
    padding:24px;

    bottom:-150px;
    right:-60px;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

}

.category-panorama-section .panorama-content-box-left .detail-image-bottom-right.zoomed img {
    border-radius:200px;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.category-panorama-section .image-zoom-icon {
    background: rgba(100,100,100,0.5);
    /*border: 5px solid rgba(100,100,100,.8);*/
    border-radius:200px;  
    top:0px;
    left:0px; 
    width:200px;
    height:200px;
    display:none;
}

.category-panorama-section .image-zoom-icon .material-icons {
    color: #fff;
    opacity:0.7;
    font-size:120px;
    left:50px;
    top:50px;
    position:absolute;
}

.category-panorama-section .panorama-detail-image {
    cursor:pointer;
}
.category-panorama-section .panorama-detail-image:hover .image-zoom-icon {
    display:block;
}
.category-panorama-section .panorama-detail-image.zoomed .image-zoom-icon {
    display:none !important;
}



















.category-panorama-section .panorama-content-box-right h2, .category-panorama-section .panorama-content-box-left h2 {
    color:#666;
    font-weight:600;  
}

.category-panorama-section .panorama-content-box-right p, .category-panorama-section .panorama-content-box-left p {
    color:#666;
    font-weight:400;
    font-size:1.5em   
}

.category-panorama-section .panorama-content-box-right .second-content-box, .category-panorama-section .panorama-content-box-left .second-content-box {
    padding-top:70px;   
}


.modal-lazy-preloader {
    position:relative
}
.modal-lazy-preloader .lazy-modal-preloader img {
    position:absolute;
    top:50%;
    left:50%;
    margin-left: -16px;
    margin-top:-16px;
}
#submit-landing-form, #submit-landing-form-contact {
    padding-top:15px;
    padding-bottom:15px;
    background-position:right -435px;
}


.trustpilot-widget-profile-link, .trustpilot-widget-profile-link:visited, .trustpilot-widget-profile-link:hover, .trustpilot-widget-profile-link:active {
    display:block;
    text-decoration:none !important;
}
.trustpilot-widget-profile-link .tp-line-1,.trustpilot-widget-profile-link .tp-line-1:hover, .trustpilot-widget-profile-link .tp-line-1:active, .trustpilot-widget-profile-link .tp-line-1:visited {
    display:block;
    font-weight:500;
    color:#666;
    text-decoration:none !important;
    margin-top:-5px;
}
.trustpilot-widget-profile-link .tp-line-2,.trustpilot-widget-profile-link .tp-line-2:hover, .trustpilot-widget-profile-link .tp-line-2:active, .trustpilot-widget-profile-link .tp-line-2:visited {
    display:block;
    margin-top:5px;
    font-weight:500;
    color:#666;
    text-decoration:none !important;
}
#trustpilot-not-floating .trustpilot-widget-profile-link .tp-line-1{
    margin-top:10px;
    font-size:1.0em;
}


.static-page .below-nav-container {
    background:#fafafa;
    padding-top:30px;

    border-bottom:2px solid #aaa
}
.sticky-configurator-header .below-nav-container {
    padding-bottom: 0;
    padding-top: 0;
}   
.static-page #main-logo {
    left:15px;
}
.sticky-configurator-header h1.main {
    color:#666;
    margin-bottom:40px;
    margin-top:30px;
}
.sticky-stepper-title {
    display: block;
    font-size: .8em;
    margin: 0;
    transition: all 80ms ease-in-out;
    overflow: hidden;
    margin-bottom: 4px;
}
.sticky-stepper-title .h1 {
    margin-top: 0;
    margin-bottom: 0;
}
.sticky-stepper-title .grey
/* .sticky-stepper-title .grey-part, */
/* .configurator-title h1.main .grey-part  */
{
    color: #A6B3BB;
}
.sticky-configurator-header #breadcrumb {
    padding-left:2px;
}

.cms-page-body .cms-page-content * ,html .cms-page-body .cms-page-content, body.cms-page-body .cms-page-content {
    line-height: 1.4em;
}
.cms-page-body .cms-page-content {
    font-size:1.2em;
}

.cms-page-body .cms-page-content .lead {
    font-weight:400;
}

.cms-page-body.product-page .cms-page-content, .cms-page-body.category-page .cms-page-content {
    font-size:1.0em;
}

.cms-page-body.product-page .cms-page-content ul, 
.cms-page-body.category-page .cms-page-content ul,
.cms-page-body.product-page .cms-page-content .ul, 
.cms-page-body.category-page .cms-page-content .ul,
.cms-page-body.product-page .cms-page-content p, 
.cms-page-body.category-page .cms-page-content p,
.cms-page-body.product-page .cms-page-content .p, 
.cms-page-body.category-page .cms-page-content .p

{
    font-size:1.2em;
}

.cms-page-body.product-page .cms-page-content p.lead-content, 
.cms-page-body.category-page .cms-page-content p.lead-content,
.cms-page-body.product-page .cms-page-content .p.lead-content, 
.cms-page-body.category-page .cms-page-content .p.lead-content {
    font-size:1.5em;
    line-height:1.5;
}

.cms-page-body.product-page .cms-page-content p.lead, 
.cms-page-body.category-page .cms-page-content p.lead,
.cms-page-body.product-page .cms-page-content .p.lead, 
.cms-page-body.category-page .cms-page-content .p.lead {
    font-size:1.5em;
    line-height:1.5;
}

.cms-page-body.product-page .cms-page-content ul.lead, 
.cms-page-body.category-page .cms-page-content ul.lead,
.cms-page-body.product-page .cms-page-content .ul.lead, 
.cms-page-body.category-page .cms-page-content .ul.lead {
    font-size:1.5em;
    line-height:1.5;
}





.cms-page-body .cms-page-content ul {
    margin-left: 0px;
    padding-left: 23px;
    margin-bottom: 15px;    

    line-height: 1.4em;
}


.cms-page-body .cms-page-content ul li, .cms-page-body .cms-page-content textarea.li, textarea.li {
    padding-left: 6px;
}
@media screen and (min-width: 768px) {
    .cms-page-body .cms-page-content ul li, .cms-page-body .cms-page-content textarea.li, textarea.li {
        margin-bottom: 8px;
    }
}

.cms-page-body .cms-page-content ul.bullet li, .cms-page-body .cms-page-content ul.bullet .li {
    list-style-type:disc;
}

.cms-page-body .cms-page-content ul.numbered li, .cms-page-body .cms-page-content ul.numbered .li {
    list-style-type:decimal;
}


.cms-page-body .cms-page-content ul.chevron, .cms-page-body .cms-page-content ul.chevron {
    list-style: none;
    padding-left: 0; 
}
.cms-page-body .cms-page-content ul.chevron li, .cms-page-body .cms-page-content ul.chevron .li {
    position: relative;
    padding-left: 21px;
}

.cms-page-body .cms-page-content ul.chevron li::before, .cms-page-body .cms-page-content ul.chevron .li::before {
    content: "keyboard_arrow_right";
    font-family: "Material Icons Outlined";
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga' 1;
    font-style: normal;
    text-transform: none;
    line-height: 1;
    display: block;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    position: absolute;
    left: -6px;
    top: 2px; 
}

.cms-page-body .cms-page-content ul.lead, .cms-page-body .cms-page-content ul.lead {
    font-size:1.2em;
}
.cms-page-body .cms-page-content ul.lead.large, .cms-page-body .cms-page-content ul.lead.large {
    font-size:1.4em;
    line-height:1.6;
}
.cms-page-body .cms-page-content ul.small, .cms-page-body .cms-page-content ul.small {
    font-size:0.8em;
}

.cms-page-body .cms-page-content ul.chevron.lead li::before, .cms-page-body .cms-page-content ul.chevron.lead .li::before {
    font-size: 20px;
    top:5px;
}
.cms-page-body .cms-page-content ul.chevron.lead.large li::before, .cms-page-body .cms-page-content ul.chevron.lead.large .li::before {
    font-size: 24px;
    top:5px;
}
.cms-page-body .cms-page-content ul.small li::before, .cms-page-body .cms-page-content ul.small .li::before {
    font-size: 16px;
    top:2px;
}

.cms-page-body .cms-page-content p, .cms-page-body .cms-page-content .p {
    margin-bottom:10px;
}   

.cms-page-body .cms-page-content p.lead, .cms-page-body .cms-page-content .p.lead{
    font-size:1.2em;
}
.cms-page-body .cms-page-content p.lead.large, .cms-page-body .cms-page-content .p.lead.large {
    font-size:1.4em;
    line-height:1.6;
}
.cms-page-body .cms-page-content p.small, .cms-page-body .cms-page-content .p.small {
    font-size:0.8em;
}

.cms-page-body .cms-page-content h1.main, .cms-page-body .cms-page-content .h1.main {
    margin-top:0;
    margin-bottom:12px;
}

.cms-page-body .cms-page-content h2.main , .cms-page-body .cms-page-content .h2.main {
    margin-top:0;
    margin-bottom:12px;
}

.cms-page-body .cms-page-content h3.main , .cms-page-body .cms-page-content .h3.main {
    margin-top:0;
    margin-bottom:12px;
}

.cms-page-body .cms-page-content .person-box {
    text-align:center;
}

.cms-page-body .cms-page-content .person-box h3 {
    margin-top:10px;
}
.cms-page-body .cms-page-content .person-box .person-title {
    margin-top:5px;
}
.cms-page-body .cms-page-content .person-box .person-phone {
    margin-top:5px;
}
.cms-page-body .cms-page-content .person-box .person-phone a {
    background:url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat:no-repeat;
    background-size:34px 3400px;
    background-position:2px -2026px;
    padding-left:27px;
}
.cms-page-body .cms-page-content .person-box .person-email {
    margin-top:5px;
}
.cms-page-body .cms-page-content .person-box .person-email a {
    background:url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat:no-repeat;
    background-size:26px 2600px;
    background-position:1px -1414px;
    padding-left:27px;
}

.cms-page-body .cms-page-content .person-boxes-wrapper .cms-multi:nth-child(n+5) .person-box {
    margin-top:30px;
}



.cms-page-body .cms-page-content ul.pdf-list, .cms-page-body .cms-page-content .pdf-list {

}

.cms-page-body .cms-page-content ul.pdf-list li, .cms-page-body .cms-page-content .pdf-list .li {
    margin-bottom:5px;
}

.cms-page-body .cms-page-content ul.pdf-list li a, .cms-page-body .cms-page-content .pdf-list .li a, .cms-page-body .cms-page-content .pdf-list li .a {
    font-size:1.0em;
}

.cms-page-body .cms-page-content ul.pdf-list.small li a, .cms-page-body .cms-page-content .pdf-list.small .li a, .cms-page-body .cms-page-content .pdf-list.small li .a {
    background-position:0px -2111px;    
}

.cms-page-body .cms-page-content ul.pdf-list.lead li a, .cms-page-body .cms-page-content .pdf-list.lead .li a, .cms-page-body .cms-page-content .pdf-list.lead li .a {
    /*background-position:0px -2107px;*/
}

.cms-page-body .cms-page-content ul.pdf-list.lead.large li a, .cms-page-body .cms-page-content .pdf-list.lead.large .li a, .cms-page-body .cms-page-content .pdf-list.lead.large li .a {
    background-position:0px -2104px;
}













.cms-modal * ,html .cms-modal, body.cms-modal {
    line-height: 1.4em;

}
.cms-modal {
    font-size:1.2em;
}

.cms-modal .container {
    width:100%;
}

.cms-modal ul {
    margin-left: 0px;
    padding-left: 23px;
    margin-bottom: 15px;    

    line-height: 1.4em;
}


.cms-modal ul li, .cms-modal ul .li {
    margin-bottom: 12px;
    padding-left: 6px; 
}

.cms-modal ul.bullet li, .cms-modal ul.bullet .li {
    list-style-type:disc;
}

.cms-modal ul.numbered li, .cms-modal ul.numbered .li {
    list-style-type:decimal;
}


.cms-modal ul.chevron, .cms-modal ul.chevron {
    list-style: none;
    padding-left: 0; 
}
.cms-modal ul.chevron li, .cms-modal ul.chevron .li {
    position: relative;
    padding-left: 29px;
}

.cms-modal ul.chevron li::before, .cms-modal ul.chevron .li::before {
    content: "keyboard_arrow_right";
    font-family: "Material Icons Outlined";
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga' 1;
    font-style: normal;
    text-transform: none;
    line-height: 1;
    display: block;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    position: absolute;
    left: 2px;
    top: 2px; 
}

.cms-modal ul.lead, .cms-modal ul.lead {
    font-size:1.2em;
}
.cms-modal ul.lead.large, .cms-modal ul.lead.large {
    font-size:1.4em;
    line-height:1.6;
}
.cms-modal ul.small, .cms-modal ul.small {
    font-size:0.8em;
}

.cms-modal ul.chevron.lead li::before, .cms-modal ul.chevron.lead .li::before {
    font-size: 20px;
    top:5px;
}
.cms-modal ul.chevron.lead.large li::before, .cms-modal ul.chevron.lead.large .li::before {
    font-size: 24px;
    top:5px;
}
.cms-modal ul.small li::before, .cms-modal ul.small .li::before {
    font-size: 16px;
    top:2px;
}

.cms-modal p,
.cms-modal .p{
    font-size: 0.725em;
    line-height: normal;
    margin: 0 0 8px;
}
.cms-modal p.lead,
.cms-modal .p.lead{
    font-size: 0.9em;
}
.cms-modal .gp-stepliste-row h4{
    font-size: 1em;
}
.cms-modal p.lead.large, .cms-modal .p.lead.large {
    font-size:1em;
    line-height:1.6;
}
.cms-modal p.small, .cms-modal .p.small {
    font-size:0.8em;
}

.cms-modal h1.main, .cms-modal .h1.main {
    margin-top:0;
    margin-bottom:12px;
}

.cms-modal h2.main , .cms-modal .h2.main {
    margin-top:0;
    margin-bottom:12px;
}

.cms-modal h3.main , .cms-modal .h3.main {
    margin-top:0;
    margin-bottom:12px;
}

.cms-modal .person-box {
    text-align:center;
}

.cms-modal .person-box h3 {
    margin-top:10px;
}
.cms-modal .person-box .person-title {
    margin-top:5px;
}
.cms-modal .person-box .person-phone {
    margin-top:5px;
}
.cms-modal .person-box .person-phone a {
    background:url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat:no-repeat;
    background-size:34px 3400px;
    background-position:2px -2026px;
    padding-left:27px;
}
.cms-modal .person-box .person-email {
    margin-top:5px;
}
.cms-modal .person-box .person-email a {
    background:url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat:no-repeat;
    background-size:26px 2600px;
    background-position:1px -1414px;
    padding-left:27px;
}

.cms-modal .person-boxes-wrapper .cms-multi:nth-child(n+5) .person-box {
    margin-top:30px;
}



.cms-modal ul.pdf-list, .cms-modal .pdf-list {

}

.cms-modal ul.pdf-list li, .cms-modal .pdf-list .li {
    margin-bottom:5px;
}

.cms-modal ul.pdf-list li a, .cms-modal .pdf-list .li a, .cms-modal .pdf-list li .a {
    font-size:1.0em;
}

.cms-modal ul.pdf-list.small li a, .cms-modal .pdf-list.small .li a, .cms-modal .pdf-list.small li .a {
    background-position:0px -2111px;    
}

.cms-modal ul.pdf-list.lead li a, .cms-modal .pdf-list.lead .li a, .cms-modal .pdf-list.lead li .a {
    /*background-position:0px -2107px;    */
}

.cms-modal ul.pdf-list.lead.large li a, .cms-modal .pdf-list.lead.large .li a, .cms-modal .pdf-list.lead.large li .a {
    background-position:0px -2104px;    
}

.row.row-sameheight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.row-sameheight > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.1s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-color: #fff;
    padding: 15px;
    height: 100%;
    position: relative;
    color: black;
    margin-top: 15px;
    margin-bottom: 15px;
    display: block; 
}
.card:before {
    display: table;
    content: " "; 
}
.card:after {
    clear: both;
    display: table;
    content: " "; 
}
.card:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.1s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.card .card-image-container {
    margin-bottom: 15px;
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px; 
}
.card .card-image-container img {
    width: 100%;
    height: auto; 
}
.card .h3.main {
    font-size:1.1em;
    color:#333;
    margin-bottom: 5px !important; 
}
.card .h2.main {
    font-size:1.3em;
    color:#333;
    margin-bottom: 5px !important; 
}
.card p {
    margin-bottom:0 !important;
}
a.card {
    text-decoration:none !important;
}
a.card:visited p, .card:active p, .card:hover p,
a.card:visited h3, .card:active h3, .card:hover h3,
a.card:visited li, .card:active li, .card:hover li
{
    text-decoration:none !important;
}
.card .card-link {
    position: absolute;
    bottom: 15px;
    left: 15px;
    text-transform: uppercase;
    color: #4a90e2;
    font-size: 0.8em;
    font-weight: 600; 
}
.card .card-link:hover {
    text-decoration: none; 
}
.card .card-overlay {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: none;
    border: 4px solid #4a90e2;
    transition: all 0.1s cubic-bezier(0.25, 0.8, 0.25, 1); }
.card .card-overlay .fa, .card .card-overlay .material-icons {
    display: none; 
}

.card.card-medium p {
    font-size: 0.8em; 
}

.card.card-wide {
    padding-bottom: 15px;
    position: relative; 
}
.card.card-wide .card-image-container {
    width: 50%;
    float: left;
    margin-bottom: -15px;
    margin-top: -15px;
    margin-left: -15px;
    margin-right: 15px; 
}
.card.card-wide .card-text-container {
    float: left;
    width: 50%;
    position: absolute;
    bottom: 15px;
    top: 15px;
    left: 50%;
    padding-right: 15px; 
}
.card.card-wide .card-text-container p {
    font-size: 0.8em; 
}
.card.card-wide .card-link {
    bottom: 0px;
    left: 0px; 
}

.card.card-centeredtext {
    text-align: center; 
}

.card.card-button {
    padding-bottom: 70px; 
}
.card.card-button .btn {
    position: absolute;
    width: calc(100% - 30px);
    bottom: 15px;
    left: 15px;
    display: block; 
}

.card.hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); 
}

.card.checked .card-overlay {
    opacity: 1;
    visibility: visible;
    transition: all 0.1s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.card-photo-zoom .card-image-container {
    margin-bottom: -15px; 
}
.card-photo-zoom i.material-icons {
    position: absolute;
    bottom: 10px;
    right: 10px; 
}

/* ===================================================================================== */
/* ==================================== >> CARD HOVER
/* ===================================================================================== */
.card-hover {
    overflow: hidden;
    cursor: pointer; 
}
.card-hover:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    text-decoration: none; 
}

/* ===================================================================================== */
/* ==================================== >> CARD RIPPLE / CLICKABLE
/* ===================================================================================== */
.card-clickable {
    overflow: hidden;
    cursor: pointer;
    padding-bottom: 40px;
    position: relative; 
}


/* ===================================================================================== */
/* ==================================== >> PREISLISTE
/* ===================================================================================== */
.gp-preisliste .gp-preisliste-row {
    position: relative;
    border-bottom: 1px solid #d8d8d8;
    padding-top: 15px;
    padding-bottom: 15px; 
}
.gp-preisliste .gp-preisliste-row .gp-preisliste-preis {
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 500;
    color: black;
    margin-before: 0.67em;
    margin-after: 0.67em; 
}
@media only screen and (max-width: 991px) {
    .gp-preisliste .gp-preisliste-row .gp-preisliste-preis {
    font-size: 1.5em; 
} 
}
@media only screen and (max-width: 768px) {
    .gp-preisliste .gp-preisliste-row .gp-preisliste-preis {
    font-size: 1.3em; 
} 
}
@media only screen and (max-width: 480px) {
    .gp-preisliste .gp-preisliste-row .gp-preisliste-preis {
    font-size: 1.2em; 
} 
}
.gp-preisliste .gp-preisliste-row:last-child {
    border-bottom: none; 
}


/* ===================================================================================== */
/* ==================================== >> STEP BY STEP LISTE
/* ===================================================================================== */
.gp-stepliste-row {
    margin-bottom: 10px;
}
.gp-stepliste-row h3 {
    margin-top:0;
}
.gp-stepliste-zahl textarea {
    color:#000 !important;
}
.gp-stepliste-zahl {
    background-color: #f7a606;
    color: #fff;
    font-size: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    position: relative;
    top: 3px; 
}
@media only screen and (max-width: 768px) {
    .gp-stepliste-zahl {
    margin-bottom: 10px; 
} 
}
.gp-stepliste-zahl span {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    width: 100%;
    transform: translateY(-50%); 
}

/* ===================================================================================== */
/* ==================================== >> ACCORDION
/* ===================================================================================== */
.accordion {
    margin-bottom: 30px; 
}
.accordion .accordion-header {
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #d8d8d8; 
}
.accordion .accordion-header .accordion-header-icon {
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(0deg);
    transition: all 0.1s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.accordion .accordion-header .accordion-header-icon .material-icons {
    font-size: 36px; 
}
.accordion .accordion-content {
    padding-top: 20px;
}
.accordion.open .accordion-header .accordion-header-icon {
    transform: rotate(90deg); 
}
.accordion.open .accordion-content {
    display: block; 
}

.header-caption-box-background {
    padding:25px;
    background:#fff;
}

.product-page #breadcrumb {
    margin-top:30px;
}

.category-page #breadcrumb {
    margin-top:30px;
}

#elevator {
    position: fixed;
    bottom: 0;
    right: 90px;
    background: #fff;
    box-shadow: 0px 0px 3px 0 rgba(0,0,0,.4);
    z-index: 5;
}
@media screen and (min-width: 1200px){
    #elevator {
        right: 220px;
    }
}
#configurator-form ~ #trust-pilot-floating{
    display: none;
}
@media screen and (min-width: 1200px){
    #configurator-form ~ #trust-pilot-floating + #elevator {
        right: 10px;
    }
}

#elevator i {
    font-size: 4em;
}
@media screen and (max-width: 991px){
    #elevator {
        right: 10000px;
    }
}


.modal-header .close .icon-desktop-close-grey {
    display: block;
    width: 32px;
    height: 32px;
    background: url(https://static.glasprofi24.de/landing/images/svg-icons-10000.svg);
    background-repeat: no-repeat;
    background-size: 40px 4000px;
    background-position: 0px -1687px;

}

.modal-header h4 {
    float:left;
}
.modal-header .close.hidden-mobile {

    opacity: 0.5;
    margin-right: 0px;
    margin-top: 25px;

}

.montagepartner-details {
    display: none;
}

.loading-page-background {
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.8);
    position: absolute;z-index:1000;
}

.loading-page-loader {
    display:block;
    z-index: 1001;
    position: absolute;
    top:50%;left:50%;
    transform: translate(-50%,-50%);
}