#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%;
}

.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);
}

#text-led{
    margin: 2% auto;
    width: 70%;
}

#prod-video{
    margin: 1% 0;
}

#led-pictures{
    background: rgb(12,56,149);
    padding: 2% 0;
}

.image-switch{
    width: 45%;
    text-align: center;
    display: inline-block;
    margin: 2% 2.3%;
}

.image-switch img{
    width: 100%;
    margin-bottom: 2%;
    border: 1px solid rgba(245, 245, 245, 0.514);
}

.image-btn{
    background: rgb(8, 38, 102);
    border-radius: 2px;
    border: 1px solid #DB7700;
    padding: 2% 0;
    margin: 1% 0;
    cursor: pointer;
}

#led-pictures .kapellenimg{
    width: 45%;
    margin: 1% 2.3%;
    border: 1px solid rgba(245, 245, 245, 0.514);
}

#led-colors{
    text-align: center;
    padding: 2% 0;
    width: 90%;
    margin: 0 auto;
}

#led-colors .text-darkgray{
    margin: 1% 0;
}

#led-colors .text-small{
    margin: 2% auto;
    width: 75%;
}

#led-img-chooser{
    display: flex;
    align-items: center;
}

#led-c-img, #led-c-choose{
    margin: 0 2%;
}

#led-c-choose{
    background: rgba(15, 15, 15, 0.247);
    border-radius: 3px;
    border: 1px solid black;
}

#led-c-choose i{
    margin: 2% 5%;
    display: inline-block;
    cursor: pointer;
}

#led-white{
    color: whitesmoke;
}

#led-red{
    color: rgb(197, 39, 39);
}

#led-orange{
    color: rgb(235, 146, 13);
}

#led-yellow{
    color: rgb(231, 235, 13);
}

#led-hgreen{
    color: rgb(130, 236, 81);
}

#led-green{
    color: rgb(61, 116, 35);
}

#led-cyan{
    color: rgb(18, 224, 224);
}

#led-cyanblue{
    color: rgb(18, 141, 224);
}

#led-cyanblue{
    color: rgb(18, 131, 224);
}

#led-blue{
    color: rgb(0, 68, 255);
}

#led-blue-magenta{
    color: rgb(119, 0, 255);
}

#led-magenta{
    color: magenta;
}

#led-pastelred{
    color: rgb(255, 0, 85);
}

#led-pastelgreen{
    color: rgb(0, 255, 136);
}

#led-pastelblue{
    color: rgb(98, 0, 255);
}

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

#koffer .text-medium{
    margin: 0.5% 0 2% 0;
}

.koffer-feature{
    border: 2px solid rgb(156, 156, 154);
    border-radius: 5px;
    width: 35%;
    background: rgb(197, 197, 197);
    display: inline-block;
    margin: 2% 1%;
}

.koffer-feature p{
    margin: 3% auto;
    width: 80%;
    
}

.koffer-feature img{
    max-width: 100%;
    margin: 0;
    padding: 0;
}

#unserekoffer{
    margin: 3% 0 0 0;
}



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

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

.led-koffer-platz{
    margin-top: 3%;
    color: rgb(50, 128, 58);
}

.led-koffer{
    color: rgb(44, 13, 185);
}

.led-koffer-platzs{
    text-align: center;
}

#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;
    }
}

/*1025 to 1440*/
@media only screen and (min-width: 1024px) and (max-width: 1439px){
    #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;
    }

    #led-img-chooser{
        display: block;
    }

    #led-c-img{
        width: 70%;
        margin: 3% 0;
    }

    #led-c-choose i{
        margin: 1% 4%;
        display: inline-block;
        cursor: pointer;
    }

    #koffer{
        padding: 4% 0;
    }

    .koffer-feature{
        width: 40%;
        margin: 3% 1%;
    }
}

/*768 to 1024*/
@media only screen and (min-width: 768px) and (max-width: 1023px){
    #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;
    }

    .image-switch{
        width: 75%;
        display: block;
        margin: 6% auto;
    }
    
    .image-switch img{
        margin-bottom: 1%;
    }
    
    .image-btn{
        padding: 1% 0;
    }
    
    #led-pictures .kapellenimg{
        width: 75%;
        margin: 3% auto;
        display: block;
    }

    #led-img-chooser{
        display: block;
    }

    #led-c-img{
        width: 80%;
        margin: 3% 0;
    }

    #led-c-choose i{
        margin: 1% 4%;
        display: inline-block;
        cursor: pointer;
    }

    #koffer{
        padding: 5% 0;
    }

    #koffer-exptext{
        width: 80%;
        margin: 0 auto;
    }

    .koffer-feature{
        width: 45%;
        margin: 3% 1%;
    }

    .product-k{
        width: 40%;
        border: 1px solid rgb(49, 48, 48);
        text-align: center;
        display: inline-block;
        margin: 3% 4%;
    }
    
    .product-k img{
        max-height: 250px;
    }
}

/*425 to 767*/
@media only screen and (min-width: 425px) and (max-width: 767px){
    #led-landing-producttext, #led-landing-image{
        display: block;
        width: 80%;
        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: 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;
    }

    #text-led{
        margin: 4% auto;
        width: 80%;
    }

    .image-switch{
        width: 85%;
        display: block;
        margin: 6% auto;
    }
    
    .image-switch img{
        margin-bottom: 1%;
    }
    
    .image-btn{
        padding: 1% 0;
    }
    
    #led-pictures .kapellenimg{
        width: 85%;
        margin: 4% auto;
        display: block;
    }

    #led-pictures .kapellenimg{
        width: 95%;
        margin: 5% auto;
        display: block;
    }

    #led-img-chooser{
        display: block;
    }

    #led-c-img{
        width: 100%;
        margin: 3% 0;
    }

    #led-c-choose i{
        margin: 2% 3%;
        display: inline-block;
        cursor: pointer;
    }

    #koffer{
        padding: 7% 0;
    }

    #koffer-exptext{
        width: 90%;
        margin: 0 auto;
    }

    .koffer-feature{
        width: 70%;
        display: block;
        margin: 5% auto;
    }

    #unserekoffer{
        margin: 7% 0 0 0;
    }

    .product-k{
        width: 70%;
        border: 1px solid rgb(49, 48, 48);
        text-align: center;
        display: inline-block;
        margin: 3% 4%;
    }
    
    .product-k img{
        max-height: 200px;
    }
}

/*375 to 424*/
@media only screen and (min-width: 375px) and (max-width: 424px){
    #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;
    }

    #text-cap-prodtext{
        margin-top: 3%; 
    }

    #text-led{
        margin: 6% auto;
        width: 80%;
    }

    .image-switch{
        width: 95%;
        display: block;
        margin: 8% auto;
    }
    
    .image-switch img{
        margin-bottom: 1%;
    }
    
    .image-btn{
        padding: 1% 0;
    }
    
    #led-pictures .kapellenimg{
        width: 95%;
        margin: 5% auto;
        display: block;
    }

    #led-pictures .kapellenimg{
        width: 95%;
        margin: 5% auto;
        display: block;
    }

    #led-img-chooser{
        display: block;
    }

    #led-c-img{
        width: 100%;
        margin: 3% 0;
    }

    #led-c-choose i{
        margin: 2% 3%;
        display: inline-block;
        cursor: pointer;
    }

    #koffer{
        padding: 8% 0;
    }

    #koffer-exptext{
        width: 90%;
        margin: 0 auto;
    }

    .koffer-feature{
        width: 80%;
        display: block;
        margin: 5% auto;
    }

    #unserekoffer{
        margin: 7% 0 0 0;
    }

    .product-k{
        width: 70%;
        border: 1px solid rgb(49, 48, 48);
        text-align: center;
        display: inline-block;
        margin: 4% 4%;
    }
    
    .product-k img{
        max-height: 150px;
    }
}

/*320 to 374*/
@media only screen and (min-width: 320px) and (max-width: 374px){
    #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;
    }

    #text-cap-prodtext{
        margin-top: 3%; 
    }

    #text-led{
        margin: 6% auto;
        width: 80%;
    }

    .image-switch{
        width: 95%;
        display: block;
        margin: 8% auto;
    }
    
    .image-switch img{
        margin-bottom: 1%;
    }
    
    .image-btn{
        padding: 1% 0;
    }

    #led-colors{
        padding: 6% 0;
        width: 95%;
    }
    
    #led-pictures .kapellenimg{
        width: 95%;
        margin: 5% auto;
        display: block;
    }

    #led-img-chooser{
        display: block;
    }

    #led-c-img{
        width: 100%;
        margin: 3% 0;
    }

    #led-c-choose i{
        margin: 2% 3%;
        display: inline-block;
        cursor: pointer;
    }

    #koffer{
        padding: 9% 0;
    }

    #koffer-exptext{
        width: 90%;
        margin: 0 auto;
    }

    .koffer-feature{
        width: 80%;
        display: block;
        margin: 5% auto;
    }

    #unserekoffer{
        margin: 9% 0 0 0;
    }

    .product-k{
        width: 80%;
        border: 1px solid rgb(49, 48, 48);
        text-align: center;
        display: inline-block;
        margin: 4% 4%;
    }
    
    .product-k img{
        max-height: 150px;
    }
}