html, body {
    margin:0;
    padding:0;
    overflow-x: hidden;
}
iframe {
    border:0;
    padding:0;
    margin:0;
    border:none;
    overflow-x: hidden;
}

#pcim_container {
    color: white;
    font-family:"Source Sans Pro",sans-serif;
    max-height:100%;
    height:600px;
    max-width:100%;
    margin:0;
    margin:auto;
    padding:0;
    position:relative;
    overflow:hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:1em;
}
#pcim_container h2 {
    font-size:1.5em;
    font-weight:400;
}
#pcim_container h1,#pcim_container h2 {
    margin-top:0.8em!important;
    margin-bottom:0.8em!important;
}

#pcim_slide0 {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #9BC3B7;
    text-align: center;
    justify-content: center;
    display: flex;
}
#pcim_slide0 h3 {
    color: #fff;
    margin: 0;
    position: absolute;
    font-weight:400;
    font-size:1.75em;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width:400px;
    max-width:80%;
    display:block;
}
#pcim_slide0 h4 {
    position:absolute;
    top:65%;
    font-weight:400;
    font-style:italic;
}
#pcim_slide0 img {
    width:3%;
    opacity: 0;
    height:auto;
    position:absolute;
    top:60%;
}
#pcim_slide1 {
    width:100%;
    height:100%;
    position:absolute;
    background-color:rgb(155,195,183);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity:0;
}
#pcim_slide2 {
    width:100%;
    height:100%;
    position:absolute;
    margin:auto;
    opacity:0;
    align-items: center;
    justify-content: center;
    display: flex;
}
#pcim_container #pcim_headline_traditional,#pcim_container #pcim_headline_new {
    text-align: center;
    font-weight:400;
    font-size:1.3em;
}

.pcim_text_diagram {
    font-size: 1em;
    max-width: 100px;
    position:absolute;

}
#pcim_slide2 h1 {
    z-index: 2;
    position: absolute;
    top: -10%;
    text-align: center;
    display: block;
}
#pcim_slide2 #pcim_background_traditional {
    position:absolute;
    background-color:rgb(188,176,177);
    width:50%;
    height:100%;
    left:-50%;
    top:0;
    z-index:1;
    display: flex;
    align-items: center;
    justify-content: center;
}
#pcim_slide2 #pcim_background_new {
    position:absolute;
    background-color:rgb(240,127,60);
    width:50%;
    height:100%;
    right:-50%;
    top:0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#pcim_circle_left,#pcim_circle_right,#pcim_circle_left_mobile,#pcim_circle_right_mobile {
    opacity:0;
    width:25%;
    height:auto;
    position: absolute;
}
#pcim_circle_left,#pcim_circle_right {
    z-index: 5;
}
#pcim_circle_right {
    z-index: 10;
}
#pcim_circle_left_mobile,#pcim_circle_right_mobile {
    opacity:0;
}
#pcim_slide5 {
    width:100%;
    height:100%;
    position:absolute;
    background-color:rgb(155,195,183);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    z-index: 3;
}
.pcim_module {
    width: 40%;
    height: auto;
    position: absolute;
    z-index: 2;
    opacity: 0;

}
.pcim_molecule {
    width: 4%;
    height: auto;
    z-index: 4;
}
#pcim_molecule1 {
    width:15%;
    position: absolute;
    top:unset;
    left:0;
    bottom:20%;
}
#pcim_molecule2 {
    width:10%;
    position: absolute;
    top:30%;
    left:100%;
    z-index: 3;
}
#pcim_molecule3 {
    width:15%;
    position: absolute;
    bottom:0;
    right:0;
    z-index: 98;
}
#pcim_molecule4 {
    width:15%;
    position: absolute;
    top:0;
    left:0;
    z-index: 10;
    opacity: 0;
}
#pcim_molecule5 {
    width:15%;
    position:absolute;
    bottom:-100px;
    right:-100px;
}

#pcim_text1 {
    top:25%;
    left:63%;
}
#pcim_text2 {
    top:45%;
    left: 73%;
}
#pcim_text3 {
    top:65%;
    left:60%;
}
#pcim_text4 {
    top:65%;
    left: 25%;
}
#pcim_text5 {
    top:43%;
    left: 10%;
}
#pcim_text6 {
    top:25%;
    left:20%;
}
#pcim_text7 {
    top: 22%;
    left: 63%;
}
#pcim_vs {
    width: 5%;
    height: auto;
    position: absolute;
    z-index: 2;
    opacity: 0;
}
#pcim_headline_traditional2,#pcim_headline_new2  {
    font-weight: normal;
    width: 33%;
    position: absolute;
    top: 10%;
    opacity: 0;
    text-align: center;
    font-size:1.3em;
}
#pcim_container #pcim_headline_result,#pcim_container #pcim_headline_igbt {
    z-index: 2;
    position: absolute;
    top: -10%;
    opacity: 0;
    font-size:2em;
    font-weight:400;
    line-height:1.5em;
}
#pcim_minus,#pcim_plus {
    position: absolute;
    width: 12%;
    opacity: 0;
}
#pcim_is_equal_to {
    width: 6%;
    height: auto;
    position: absolute;
    z-index: 10;
    opacity: 1;
}
.pcim_new_vs_old {
    list-style: none;
    list-style-position: outside;
    text-align: center;
    position: absolute;
    padding: 0;
    line-height: 1.5;
    font-size:1.2em;
    margin-top:30px;
}
#pcim_background_slide {
    position:absolute;
    left:0%;
    background-color:rgb(240,127,60);
    width:50%;
    height:100%;
    top:0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
    opacity: 0;
}
#pcim_headline_customer_satisfaction {
    font-weight: normal;
    text-align: center;
    max-width: 25%;
    position: absolute;
    top:55%;
    z-index: 10;
    opacity: 0;
}
#pcim_headline_end {
    font-weight: normal;
    text-align: center;
    position: absolute;
    z-index: 10;
    opacity: 0;
}

/* PCIM Tablet Adaptions */
@media all and (max-width: 1024px) {
    #pcim_circle_left,#pcim_circle_right,#pcim_circle_left_mobile,#pcim_circle_right_mobile {
        width:20%;
    }
    .pcim_text_diagram {
        font-size:1em;
    }
}

@media all and (max-width: 920px) {
    #pcim_container #pcim_headline_traditional,#pcim_container #pcim_headline_new {
        font-size:1.1em;
    }
}

/* PCIM Mobile Adaptions */
@media all and (max-width: 680px) {

    iframe {
        height:400px;
    }

    #pcim_container {
        width:100%;
        height:400px;
        margin:auto;
        border:0;
    }
    #pcim_slide0 h3 {
        font-size:1.5em;
        width:350px;
    }
    #pcim_slide0 h4 {
        position:absolute;
        top:75%;
    }
    #pcim_container h2 {
        font-size:1em;
    }
    #pcim_container #pcim_headline_result ,#pcim_container #pcim_headline_igbt {
        font-size:1.5em;
        line-height:1em;
    }
    #pcim container pcim_headline_igbt {
        width:90%;
        max-width:300px;
    }
    #pcim_headline_traditional2,#pcim_headline_new2 {
        width:100%;
    }
    #pcim_slide0 img {
        width:6%;
        top:70%;
    }
    #pcim_circle_left_mobile {
        top: 50%;
        left: 40%;
    }
    #pcim_circle_right_mobile {
        top: 55%;
        right: -55%;
        width:10%;
    }
    #pcim_circle_left,#pcim_circle_right {
        opacity:0;
        display:none;
        visibility:hidden;
    }
    #pcim_molecule1,#pcim_molecule2 {
        width:20%;
    }
    #pcim_molecule4,#pcim_molecule5 {
        width:25%;
    }
    .pcim_new_vs_old {
        font-size: 0.9em;
        top: 45%;
        width: 100%;
        position:absolute;
    }
    #pcim_vs {
        width:10%;
    }
    #pcim_plus,#pcim_minus {
        width:20%;
        top: 40%;
        left: 40%;
    }
    #pcim_is_equal_to {
        width:10%;
        top: 40%;
    }
    #pcim_container #pcim_headline_traditional,#pcim_container #pcim_headline_new {
        margin-top:350px;
        position: absolute;
        display: block;
        width: 100%;
        font-size:1.2em;
        bottom:10px;
    }
    #pcim_slide2 #pcim_background_traditional,#pcim_slide2 #pcim_background_new {
        display:inline-block;
    }
    .pcim_text_diagram {
        display:block!important;
        position:relative!important;
        top:unset!important;
        left:unset!important;
        font-size: 0.8em!important;
        max-width: initial!important;
        line-height:1.2em!important;
        padding-right:25%!important;
        margin:7px!important;
        margin-left:20px!important;
        text-align: left!important;
    }
    #pcim_text1,#pcim_text7 {
        margin-top:90px!important;
    }
}