/*HOME*/
#home {margin:0;text-align:center;height:50%;position:relative;background:url("../assets/about-us-background.jpg") no-repeat fixed center;background-size:cover;}
#home .darkener {background:rgba(9,39,51,0.5);width:100%;height:100%;position: absolute;object-fit:cover;z-index: 0;top:0;left:0;right:0;bottom:0;}
#home .surrounder {z-index:1;position:relative;height:100%;}
#home h2 {padding-top:156px;font-weight:lighter;display:inline-block;}
/*BLOG-POST*/
#blog-post {margin-top:64px;}
#blog-post .content-holder {width:100%;display:inline-block;}
#blog-post .content-holder li {float:left;display:inline-block;}
#blog-post .left-content {width:80%;}
#blog-post .right-content {width:20%;}
#blog-post .post-overview {padding:0 16px;}
#blog-post .separate-line {width:100%;border:none;height:1px;margin:8px 0;display:inline-block;}
#blog-post .top-content {width:100%;}
#blog-post .image-holder {display:block;width:96px;height:96px;border-radius:64px;overflow:hidden;float:left;margin:8px 0;}
#blog-post .author-img {width:100%;}
#blog-post .author-label {margin:8px;float:left;}
#blog-post .date-label {margin:8px 0 0 8px;float:right;font-size:14px;}
#blog-post .date-icon {width:14px;height:14px;margin-right:4px;}
#blog-post .teaser-text {margin:32px 0;font-size:20px;}
#blog-post .header-text {font-weight:bold;margin:16px 0;}
#blog-post .continuation-text {margin:16px 0;}
#blog-post .about-the-author {width:100%;margin-top:64px;}
#blog-post .author-information {width:30%;float:left;text-align:center;}
#blog-post .name-label-about {float:left;text-align:center;margin:8px auto;}
#blog-post .image-holder-about {display:block;width:160px;height:160px;border-radius:80px;overflow:hidden;float:left;margin:8px 0;}
#blog-post .author-img-about {width:100%;}
#blog-post .about-the-author-text {width:70%;float:right;}
/*CALL-TO-ACTION*/
#call-to-action .surrounder {margin:128px auto;padding:64px 0 128px 0;}
#call-to-action .button {margin-top:64px;}
/*FAQ*/
#faq .faq-div {width:100%;margin:32px 0;padding:16px 0;cursor:pointer;}
#faq .question {width:90%;font-weight:lighter;margin:16px;}
#faq .faq-icon {float:right;margin:16px;}
#faq .rotate {transform: rotate(90deg);}
#faq .answer {margin:16px;height:0;overflow: hidden;}
@media screen and (max-width: 1600px) {
    /*BLOG-POST*/
    #blog-post .teaser-text {font-size:18px;}
}
@media screen and (max-width: 1300px) {
    /*HOME*/
    #home {height:100%;}
    /*BLOG-POST*/
    #blog-post .left-content {width:100%;}
    #blog-post .right-content {width:100%;}
}

@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 800px) {
    /*HOME*/
    #home h1 {padding-top:128px;}
    /*BLOG-POST*/
    #blog-post .teaser-text {font-size:17px;}
    #blog-post .about-the-author {text-align:center;}
    #blog-post .author-information {width:100%;}
    #blog-post .image-holder-about {margin:8px auto;float:none;}
    #blog-post .name-label-about {float:none;}
    #blog-post .about-the-author-text {width:100%;text-align:left;}
}

@media screen and (max-width: 600px) {
    /*HOME*/
    #home {background:url("../assets/mobil/about-us-background-mobil.jpg");}
    #home .arrows-down {bottom:5%;}
    /*BLOG-POST*/
    #blog-post .top-content {text-align:center;}
    #blog-post .image-holder {margin:8px auto;float:none;}
    #blog-post .date-label {width:100%;margin-bottom:8px;}
    #blog-post .author-label {width:100%;margin:8px 0;}
}