#livestream-angebot{
    margin: 4% auto 0 auto;
    padding: 0% 0 1% 0;
    background: #0f468f;
    width: 70%;
    border: 1px solid rgb(206, 212, 212);
    box-shadow: 0px 0px 20px 1px rgba(57, 163, 163, 0.979);
}

#led-landing{
    background: rgb(12,56,149);
    background: linear-gradient(180deg, rgba(12,56,149,1) 0%, rgba(5,65,195,1) 100%);
    padding: 4% 0;
    display: table;
}

#led-landing-producttext, #led-landing-image{
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
}

#led-landing-producttext p:first-child{
    margin-bottom: 1%; 
}

#led-landing-producttext .text-small{
    margin: 3% 0;
}

#led-landing img{
    max-width: 500px;
    text-align: center;
}

#home-landingtext-buttons a{
    margin: 0 2%;
}

#productinfo{
    padding: 2% 0;
    text-align: center;
}

.product{
    width: 25%;
    border: 1px solid rgb(49, 48, 48);
    text-align: center;
    display: inline-block;
    margin: 3% 4%;
    text-decoration: none;
}

.product:hover{
    box-shadow: 0px 0px 15px 3px rgb(141, 138, 138);
}

.product img{
    max-height: 300px;
}

.product-cap{
    background: rgb(12,56,149);
    padding: 1% 0;
}

.feature{
    margin: 4% 0;
    margin-left: 4%;
    text-align: left;
}

.feature i{
    color: rgb(87, 87, 87);
    padding-right: 3%;
}

.product .text-smallest{
    color: rgb(50, 128, 58);
}

.product .feature-more-info{
    margin-top: 2%;
    padding: 2% 0;
    background: rgb(14, 14, 209);
}

.product:hover .feature-more-info{
    background: rgb(78, 78, 240);
}

/* KOODU SECTION BEGIN*/

.color-earth{
    color: #a89193;
}

.color-petroleum{
    color: #7d8369;
}

.color-rose{
    color: #c68b87;
}

.color-skyblue{
    color: #97a3a7;
}

.color-black{
    color: #1d191a;
}

.color-silver{
    color: #b8bab8;
}

.color-green{
    color: #556e50;
}
.kooduu-section-top{
    background: rgb(12,56,149);
    background: linear-gradient(180deg, rgba(12,56,149,1) 0%, rgba(5,65,195,1) 100%);
    padding: 4% 1%;
    box-sizing: border-box;
    display: table;
    width: 100%;
    margin: 1% 0;
}

.kooduu-section-text, .kooduu-section-image{
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
}

.kooduu-section-image img{
    max-width: 600px;
    text-align: center;
}

.kooduu-section-text p:first-child{
    margin-bottom: 1%; 
}

.kooduu-section-text .text-small{
    margin: 3% 0;
}

.kooduu-section-color{
    margin: 3% 0;
}

.kooduu-section-color .fa-circle{
    margin: 0 2%;
    cursor: pointer;
}

.kooduu-section-price{
    margin: 3% auto;
    border: 1px solid #1262cc;
    width: 60%;
    padding: 2% 0;
}

.price-subtext{
    padding: 3% 0 0 0;
    border-top: 1px solid rgb(148, 146, 146);
}

.kooduu-section-info{
    margin: 3% auto !important;
    width: 25%;
    border: 1px solid rgb(49, 48, 48);
    text-align: center;
    display: block;
}

.kooduu-section-add-text{
    text-align: center;
    width: 70%;
    margin: 4% auto;
    padding: 2%;
    background: whitesmoke;
}

.kooduu-section-blue{
    background: #0f468f !important;
}

.kooduu-section-add-text .text-medium{
    margin-bottom: 2%;
}

#nordic-images img{
    display: inline;
    width: 400px;
}

#price-light{
    margin: 4% 0;
}

#size-chooser{
    margin: 2% 0;
}

.kooduu-size{
    background: #0f3464;
    border: 1px solid white;
    padding: 0.5% 2%;
    cursor: pointer;
}

.size-active{
    background: #1b529b;
    border: 1px solid rgb(7, 235, 216);
    text-decoration: underline;
    cursor: initial;
}

#synergys-images img{
    margin: 2% 0 0 0;
    width: 600px;
}

/* KOODU SECTION END*/


#led-kontakt{
    text-align: center;
    padding-bottom: 2%;
}

#led-kontakt p{
    margin: 2% 0;
}

/*1441 to 1920*/
@media only screen and (min-width: 1440px) and (max-width: 1700px){
    .product img{
        max-height: 280px;
    }

    .kooduu-section-image img{
        max-width: 400px;
    }

    #nordic-images img{
        display: inline;
        width: 300px;
    }
}

/*1025 to 1440*/
@media only screen and (min-width: 1024px) and (max-width: 1439px){

    #livestream-angebot{
        margin: 6% auto 4% auto;
        width: 80%;
    }

    #led-landing img{
        max-width: 300px;
        text-align: center;
    }

    #led-landing-producttext, #led-landing-image{
        padding-left: 5%;
    }

    #led-landing-producttext p:first-child{
        margin-bottom: 2%; 
    }
    
    #led-landing-producttext .text-small{
        margin: 4% 0;
    }

    .product{
        width: 35%;
    }

    .product img{
        max-height: 250px;
    }

    .kooduu-section-image img{
        max-width: 350px;
    }

    .kooduu-section-info{
        width: 35%;
    }

    #nordic-images img{
        display: inline;
        width: 200px;
    }
}

/*768 to 1024*/
@media only screen and (min-width: 768px) and (max-width: 1023px){
    #livestream-angebot{
        margin: 6% auto 4% auto;
        width: 90%;
    }

    #led-landing-producttext, #led-landing-image{
        display: table-cell;
        width: 60%;
        text-align: center;
        vertical-align: middle;
    }

    #led-landing img{
        max-width: 200px;
        text-align: center;
    }

    #led-landing-producttext, #led-landing-image{
        padding-left: 5%;
    }

    #led-landing-producttext p:first-child{
        margin-bottom: 3%; 
    }
    
    #led-landing-producttext .text-small{
        margin: 5% 0;
    }

    .product{
        width: 45%;
        margin: 5% 2%;
    }

    .product img{
        max-height: 200px;
    }

    .kooduu-section-image img{
        max-width: 350px;
    }

    .kooduu-section-info{
        width: 45%;
        margin: 5% 2%;
    }

    .kooduu-section-price{
        margin: 5% auto;
        width: 80%;
        padding: 4% 0;
    }

    .kooduu-size{
        background: #0f3464;
        display: inline-block;
        border: 1px solid white;
        padding: 1% 3%;
        cursor: pointer;
    }

    #nordic-images img{
        display: inline;
        width: 200px;
    }

    #synergys-images img{
        margin: 5% 0 0 0;
        width: 400px;
    }
}

/*425 to 767*/
@media only screen and (min-width: 425px) and (max-width: 767px){

    #livestream-angebot{
        margin: 6% auto 4% auto;
        width: 100%;
    }
    #led-landing-producttext, #led-landing-image{
        display: block;
        width: 100%;
        margin: 10% auto;
        text-align: center;
    }

    #led-landing img{
        display: none;
    }

    #led-landing-producttext, #led-landing-image{
        padding-left: 0%;
    }

    #led-landing-producttext p:first-child{
        margin-bottom: 4%; 
    }
    
    #led-landing-producttext .text-small{
        margin: 6% 0;
    }

    #productinfo{
        padding: 7% 0;
        text-align: center;
    }

    .product{
        width: 70%;
        margin: 5% 2%;
    }

    .product img{
        max-height: 150px;
    }

    .product-cap{
        background: rgb(12,56,149);
        padding: 2% 0;
    }
    
    .feature{
        margin: 5% 0;
        margin-left: 5%;
        text-align: left;
    }

    .kooduu-section-image img{
        max-width: 150px;
    }

    .kooduu-section{
        margin: 8% 0 !important;
    }

    .kooduu-section-text{
        width: 80%;
    }

    .kooduu-section-image{
        width: 20%;
    }

    .kooduu-section-info{
        width: 60%;
        margin: 7% 2%;
    }

    .kooduu-section-price{
        margin: 5% auto;
        width: 100%;
        padding: 4% 0;
    }

    .kooduu-size{
        background: #0f3464;
        display: inline-block;
        border: 1px solid white;
        padding: 1% 3%;
        cursor: pointer;
    }

    #nordic-images img{
        display: inline;
        width: 120px;
    }

    #synergys-images img{
        margin: 5% 0 0 0;
        width: 300px;
    }

}

/*375 to 424*/
@media only screen and (min-width: 375px) and (max-width: 424px){

    #livestream-angebot{
        margin: 6% auto 4% auto;
        width: 100%;
    }

    #led-landing-producttext, #led-landing-image{
        display: block;
        width: 100%;
        margin: 10% auto;
        text-align: center;
    }

    #led-landing-producttext, #led-landing-image{
        display: block;
        width: 90%;
        margin: 7% auto;
        text-align: center;
    }

    #led-landing img{
        display: none;
    }

    #led-landing-producttext, #led-landing-image{
        padding-left: 0%;
    }

    #led-landing-producttext p:first-child{
        margin-bottom: 4%; 
    }
    
    #led-landing-producttext .text-small{
        margin: 6% 0;
    }

    #productinfo{
        padding: 7% 0;
        text-align: center;
    }

    .product{
        width: 80%;
        margin: 5% 2%;
    }

    .product img{
        max-height: 130px;
    }

    .product-cap{
        background: rgb(12,56,149);
        padding: 2% 0;
    }
    
    .feature{
        margin: 5% 0;
        margin-left: 5%;
        text-align: left;
    }

    .kooduu-section{
        margin: 12% 0 !important;
    }


    .kooduu-section-image img{
        max-width: 150px;
    }

    .kooduu-section-top{
        display: block;
    }

    .kooduu-section-text{
        width: 100%;
        display: block;
    }

    .kooduu-section-image{
        width: 100%;
        display: block;

    }

    .kooduu-section-info{
        width: 80%;
        margin: 10% 2%;
    }

    .kooduu-section-price{
        margin: 5% auto;
        width: 100%;
        padding: 4% 0;
    }

    .kooduu-size{
        background: #0f3464;
        display: inline-block;
        border: 1px solid white;
        padding: 1% 3%;
        cursor: pointer;
    }

    #nordic-images img{
        display: inline;
        width: 90px;
    }

    #synergys-images img{
        margin: 5% 0 0 0;
        width: 220px;
    }
}

/*320 to 374*/
@media only screen and (min-width: 320px) and (max-width: 374px){

    #livestream-angebot{
        margin: 6% auto 4% auto;
        width: 100%;
    }

    #led-landing-producttext, #led-landing-image{
        display: block;
        width: 96%;
        margin: 9% auto;
        text-align: center;
    }

    #led-landing img{
        display: none;
    }

    #led-landing-producttext, #led-landing-image{
        padding-left: 0%;
    }

    #led-landing-producttext p:first-child{
        margin-bottom: 4%; 
    }
    
    #led-landing-producttext .text-small{
        margin: 6% 0;
    }

    #productinfo{
        padding: 7% 0;
        text-align: center;
    }

    .product{
        width: 80%;
        margin: 5% 2%;
    }

    .product img{
        max-height: 110px;
    }

    .product-cap{
        background: rgb(12,56,149);
        padding: 2% 0;
    }
    
    .feature{
        margin: 5% 0;
        margin-left: 5%;
        text-align: left;
    }

    .kooduu-section-image img{
        max-width: 175px;
    }

    .kooduu-section{
        margin: 15% 0 !important;
    }

    .kooduu-section-top{
        display: block;
    }

    .kooduu-section-text{
        width: 100%;
        display: block;
    }

    .kooduu-section-image{
        width: 100%;
        display: block;

    }

    .kooduu-section-info{
        width: 80%;
        margin: 10% 2%;
    }

    .kooduu-section-price{
        margin: 5% auto;
        width: 100%;
        padding: 4% 0;
    }

    .kooduu-size{
        background: #0f3464;
        display: inline-block;
        border: 1px solid white;
        padding: 1% 3%;
        cursor: pointer;
    }

    #nordic-images img{
        display: inline;
        width: 90px;
    }

    #synergys-images img{
        margin: 5% 0 0 0;
        width: 220px;
    }

}