/*
#90b0d1
*/
@font-face {
    font-family: "HelveticaNeueLT Std UltLt";
    src: url("../webfonts/HelveticaNeueUL.otf");
}

* {
    font-family: "HelveticaNeueLT Std UltLt","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    letter-spacing: 0.1rem;
    color: #4a4a4ae0;
}

.dr-blue {
    background-color: hsla(210, 39%, 56%, 0.70);
}

.dr-white {
    background-color: rgba(255,255,255,0.7);
}

.ph, .ph a {
	color: white;
}

.is-size-0 {
    font-size: 5rem;
}

.sinno-blue {
    background-color: #a3bcd8;
}

.sinno-blue-text {
    color: #a3bcd8!important;
}

i {
    color: #a3bcd8;
}

.sinno-blue > ul > li {
    color: white;
}

#topSect {
    background-image: url('../img/top-back.jpg');
    background-repeat: no-repeat, repeat;
    background-size: 100%;
}

#indi-left {
    background-image: url('../img/individualisierung.jpg');
    background-repeat: no-repeat, repeat;
    background-size: 100%;
    padding-bottom: 250px;
}

#individuell {
    background-image: url('../img/individuell-back.jpg');
    background-repeat: no-repeat, repeat;
    background-size: 100%;
    padding-bottom: 200px;
}

#indi-right {
    background-image: url('../img/industrie-back.jpg');
    background-repeat: no-repeat, repeat;
    background-size: 100%;
    padding-bottom: 250px;
}

#lichtsimu-left {
    background-image: url('../img/lichtsimulation.PNG');
    background-repeat: no-repeat, repeat;
    background-size: 100%;
    margin-top: 4rem;
    padding-bottom: 600px;
}

#indutext-right {
    background-image: url('../img/industrie-text.PNG');
    background-repeat: no-repeat, repeat;
    background-size: 100%;
    padding-bottom: 730px;
}

#lampe-down {
    background-image: url('../img/lampe-down.png');
    background-repeat: no-repeat, repeat;
    background-size: 100%;
    background-position: 100% 100%;
    padding-top: 600px;
}

.sinno-icon {
    background-color: white;
    border-radius: 100px;
    color: #90b0d1;
}

.pt-1 {
    padding-top: 0.5rem;
}

.pb-1 {
    padding-bottom: 0.5rem;
}

.mb-1 {
    margin-bottom: 1rem;
}
.pb-0 {
    padding-bottom: 0rem;
}

.mb-0 {
    margin-bottom: 0rem!important;
}

.mb-05 {
    margin-bottom: 0.5rem;
}

.pr-0 {
    padding-right: 0;
}

.pr-1 {
    padding-right: 1rem;
}

.pl-0 {
    padding-left: 0;
}

.pl-1 {
    padding-left: 1rem;
}

.ml-50 {
    margin-left: 50%;
}

#col-right {
    padding-top: 0;
}

li {
    list-style-type: none;
}

li:before {
    content: '✓';
    color: white;
    padding-right: 1rem;
    margin-left: -2rem;
  }

.li-whitespace > li:before {
    content: '✓';
    padding-right: 1rem;
    color: #a3bcd8;
    margin-left: -2rem;
  }

#col-home-left {
    padding-bottom: 2rem;
}

#home-right {
    height: 100%;
    padding-top: 2rem;
}

#li-home-left, #li-home-right {
    padding-left: 2rem;
}

#col-mid {
    padding-top: 2rem;
}

.footer {
    background-color: #a3bcd8;
}

b {
    color: white!important;
}

.white-line {
    margin-bottom: 1.5rem;
}

#individuell_content,  #leuchten_content {
    padding-top: 2rem;
}

#simu_content {
    padding-top: 10rem;
}

#simu_bild {
    padding-top: 7rem;
}

#designlampe {
    margin-top: 5rem;
}

#indu-sect {
    margin-top: -1rem;
    padding-bottom: 2rem;
}

a {
    color: white;
}

.law a {
    color: #a3bcd8
}

@media(max-width:1200px) {
    .ml-50 {
        margin-left:30%;
    }
    #topSect {
        background-size: cover;
    }
    #individuell {
        padding-bottom: 1rem;
    }
    .is-size-5 {
        font-size: 1rem!important;
    }
    #col-mid-main {
        padding-bottom: 3rem;
    }
    #indi-left, #indi-right {
        background-size: cover;
    }
    #indi-right {
        padding-bottom: 310px;;
    }
    #simu_content {
        padding-top: 2rem;
    }
}

@media(max-width:600px) {
    .ml-50 {
        margin-left:0%;
    }
    .is-size-0 {
        font-size: 3.5rem;
    }
    #col-mid {
        padding-left: 0.5rem;
    }
    #designlampe {
        max-height: 25rem;
        margin-top: 1rem;
    }
    #home-right {
        padding-bottom: 3rem;
    }
    * {
        background-size: cover!important;
    }
}