/* Background Bilder */

/* Ratios */

.ratio-2-1 {padding-bottom: 50%; width: 100%;}
.ratio-16-9 {padding-bottom: 56.25%; width: 100%;}
.ratio-16-10 {padding-bottom: 62.5%; width: 100%;}
.ratio-3-2 {padding-bottom: 66.66%; width: 100%;}
.ratio-5-4 {padding-bottom: 80%; width: 100%;}
.ratio-1-1 {padding-bottom: 100%; width: 100%;}
.ratio-key {padding-bottom: 51%; width: 100%;}

/* Home */

.keyvisual {
    background-image:url('../pics/keyvisual.jpg');
	background-size: cover;
	background-position: 50% 50%; 
	background-repeat: no-repeat;
	width: 100%;
    min-height: 300px;
    background-color: #222;
}

.thomas-gremm {
	background-image:url('../pics/thomas-gremm.jpg');
	background-size: cover;
	background-position: 50% 0%; 
	background-repeat: no-repeat;
    min-height: 250px;
	background-color: #f5f5f5;
	}

.logo-content {
	background-image:url('../images/logo-content.png');
	background-size:contain;
	background-position: 50% 50%; 
	background-repeat: no-repeat;
	background-color: #fff;
	}

.pic-wfa {
	background-image:url('../pics/pic-wfa.jpg');
	background-size:cover;
	background-position: 50% 10%; 
	background-repeat: no-repeat;
	background-color: #000;
    min-height: 250px;
	}

/* Big Desktop
====================================================================== */
@media only screen and (min-width: 2000px) {

}

/* Tablet / Small Desk
====================================================================== */
@media only screen and (min-width: 851px) and (max-width: 1280px) {

}

/* Phablet
====================================================================== */
@media only screen and (min-width: 544px) and (max-width: 850px) {

.keyvisual {min-height: 375px;}
.thomas-gremm {min-height: 325px;}

.pic-wfa {
    min-height: 250px;
	}

}

/* Phone
====================================================================== */
@media only screen and (max-width: 543px) {
    

   
}