/*SME*/
#sme h2 {width:100%;}
#sme .continuation-div {width:100%;display:flex;margin:32px auto;}
#sme .continuation-div .surrounder {margin:32px auto;padding-bottom:64px;}
#sme .content-holder {width:100%;display: inline-block;}

/*STEP-BY-STEP*/
#step-by-step {padding:64px 0;}

/*TECHNOLOGIES*/
#technologies .content-holder {width:100%;height:580px;margin-top:32px;}
#technologies .content-holder .technologies-li {display:inline-block;width:15%;height:100%;cursor:pointer;float:left;}
#technologies h3 {margin-top:32px;text-align:center;}
#technologies .content-holder .content {text-align:center;display:none;animation: appear-delay 0.6s;padding:32px;}
#technologies .logo-holder {width:100%;}
#technologies .logo-holder li {display:inline-block;margin:0 16px;}
#technologies .logo-img {max-width:128px;max-height:128px;margin:32px auto;}
#technologies p {text-align:left;}
#technologies .content-holder .plus-icon {width:48px;height:48px;margin:100% auto 0 auto;animation: appear-delay 0.6s;}
#technologies .content-holder .folded-content {display:flex;}
#technologies .content-holder .expanded {width:55%;cursor:default;}
#technologies .content-holder .expanded .content {display:block;}
#technologies .content-holder .expanded .folded-content {display:none;}
#technologies .separator {height:80%;width:1px;float:left;margin-top:52px;}
@keyframes appear-delay {0% {opacity:0;} 50% {opacity:0;} 100% {opacity:1;}}

/*INDIVIDUELLE-SOFTWAREENTWICKLUNG*/
#individuelle-softwareentwicklung {position:relative;margin:0;padding:32px 0;}
#individuelle-softwareentwicklung .big-p {font-size:48px;width:90%;margin:0 auto;padding:128px 0 32px 0;font-family:"Poppins-Light",serif;text-align:center;}
#individuelle-softwareentwicklung .information {text-align:left;padding-bottom:128px;}
#individuelle-softwareentwicklung .call-to-action {padding:32px 0;font-family:"Poppins-Light",serif;font-size: 28px;}
#individuelle-softwareentwicklung .arrow-down {width:64px;height:64px;animation: jump 0.5s ease-in infinite;cursor: pointer;}

/*CALL-TO-ACTION*/
#call-to-action .surrounder {margin:128px auto;padding:64px 0 128px 0;}
#call-to-action .button {margin-top:64px;}

@media screen and (max-width: 1300px) {
    /*HOME*/
    #home .background-video {display:none;}
    #home {height:100%;}
}

@media screen and (max-width: 1000px) {
    /*QUOTE*/
    #quote .ceo-image {margin:-32px 64px 0 0;width:256px;float:right;}
    /*TECHNOLOGIES*/
    #technologies .content-holder {margin-top:8px;height:1024px;}
    #technologies .content-holder .technologies-li {display:block;width:100%;height:15%;}
    #technologies .content-holder .content {padding:8px 0;}
    #technologies .logo-img {max-width:96px;max-height:96px;margin:8px auto;}
    #technologies p {width:80%;margin:8px auto;}
    #technologies .content-holder .plus-icon {width:32px;height:32px;margin:0;}
    #technologies .content-holder .folded-content {display:none;}
    #technologies .content-holder .expanded {height:55%;}
    #technologies .separator {height:1px;width:80%;margin:0 0 0 10%;}
}
@media screen and (max-width: 800px) {
    /*HOME*/
    #home h1 {padding-top:128px;}
    /*QUOTE*/
    #quote .image-holder {width:100%;display: inline-block;text-align: center;}
    #quote .ceo-image {margin:-32px auto 0 auto;float:none;}
    #quote .quote {width:90%;}
    /*SME*/
    #sme .content-div {width:100%;}
    #sme .separator {display:none;}
    #sme .left-div p {padding-left:0;}
    #sme .right-div p {padding-left:0;}
}

@media screen and (max-width: 600px) {
    /*TECHNOLOGIES*/
    #technologies .content-holder {height:1024px;}
    #technologies h3 {margin-top:40px;}
    #technologies p {width:90%;}
    #technologies .separator {width:90%;margin:0 0 0 5%;}
}