.crop {
    width: 150px;
    height: 150px;
    overflow: hidden;
    display: inline-block;
    box-shadow: 11px 11px 5px #888888;
    background-size: 200px;
    image-orientation: from-image;
    /*
    width: 150px;
    height: 150px;
    overflow: hidden;
    display: inline-block;
    padding: 10px;
    margin: 0;

    */
}
#content img {
    max-width: 100%;
}
img {
    image-orientation: from-image;
}
#content iframe {
    width: 100%;
    height: 200px;
}
@media (min-width: 500px) {
    #introduction > div > div > div > iframe {
        height: 250px;
    }
}
@media (min-width: 1200px) {
    #introduction > div > div > div > iframe {
        height: 350px;
    }
}
#content iframe {

}
#portfolioSlider > div > ul > li.flex-active-slide a.expand {
    padding-top: 100%;
    bottom: 0;
}

#portfolioSlider > ul li .wp4 {
    margin-bottom: 80px;
}

#portfolioSlider > ul li .wp4 .img {
    margin-bottom: 20px;
}

#frame_umfrage {
    height: 1500px;
}
@media (max-width: 600px) { 
    #frame_umfrage {
        height: 1600px;
    }
}
@media (max-width: 420px) { 
    #frame_umfrage {
        height: 1800px;
    }
}
@media (max-width: 360px) { 
    #frame_umfrage {
        height: 2000px;
    }
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#responsive_design > div > div.wrapper > div.iphone > div {
    background-size: cover;
}

.intro .img-responsive {
    width: 100%;
}

.effects > a > .img {
    margin-bottom: 10px;
}
@media (min-width: 992px) {
    .effects > a > .img {
        height: 220px;
    }
}
@media (min-width: 1200px) {
    .effects > a > .img {
        height: 260px;
    }
}
body .hero {
    background: url(../img/hero-bg.jpg) no-repeat center center;
    background-size: cover;
    background-color: black;
}
.hero p, .heroButtons {
    display: none;
}
#hero {
    /* Walpurgis Banner
    padding: 0 0 400px 0;
    */
    padding: 30px 20px;
}
@media (min-width: 500px) {
    #hero {
        padding: 150px 50px;
    }
}
.siteTitle {
    padding: 0;
}

#content > section {
	background-color: #fff;
}

#content > section:nth-child(2n) {
	background-color: #f3f5f8;
}