html, body {
	height: 100%;
	font: 30px/42px 'Oswald', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;	
	color: #4b4c55;
	
	/* hyphens */
	/* -moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;*/
	
}

#mbi-container {
	width: calc(100% - 80px);
	height: auto;
	
	padding: 40px;
	
	text-align: center;
	
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#mbi-container img {
	max-width: 680px;
	height: auto;
}

#mbi-container-text {
	max-width: 700px;
	height: auto;
	
	margin-left: auto;
	margin-right: auto;
	
	position: relative;
	top: 30%;
}

#mbi-logo-plus {
	width: auto;
	height: 27px;
}

#mbi-container-impressum {
	max-width: 700px;
	height: auto;
	
	margin-left: auto;
	margin-right: auto;
	
	position: relative;
	top: 0;
}

strong.red {
	font-family: 'Oswald', sans-serif;
	color: #e4481c;
	font-weight: normal;
}

#mbi-container-text p {
	padding-bottom: 80px;
}

a {
	text-decoration: none;
	color: #4b4c55 ;
}
a:hover {
	text-decoration: underline;
}

.mbi-link-close {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}
.mbi-link-close img {
	width: 30px;
}


/* iPad quer */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
html, body {
	font: 20px/30px 'Oswald', sans-serif;
	letter-spacing: 1px;	
}
#mbi-container img {
	max-width: 660px;
	
	
}
#mbi-container-text {
	max-width: 490px;
	top: 35%;
}
#mbi-logo-plus {
	height: 17px;
}
}

/* iPad hoch */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
html, body {
	font: 20px/30px 'Oswald', sans-serif;
	letter-spacing: 1px;	
}
#mbi-container-text {
	max-width: 490px;
	top: 40%;
}
#mbi-logo-plus {
	height: 17px;
}
}

/* iPhone 6 quer */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
}

/* iPhone 6 hoch */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
}

/* iPhone 5 quer */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
html, body {
	font: 20px/30px 'Oswald', sans-serif;
	letter-spacing: 1px;	
}
#mbi-container {
	padding: 10px 0px 0px;

}


#mbi-container img {
	max-height: 200px;
}
#mbi-container-text {
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	top: 0;
}
#mbi-container-text p {
	padding-bottom: 30px;
}
#mbi-container-impressum {
	padding-right: 20px;
	padding-left: 20px;
}
#mbi-logo-plus {
	height: 17px;
}
}

/* iPhone 5 hoch */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
html, body {
	font: 19px/27px 'Oswald', sans-serif;
	letter-spacing: 1px;	
}
#mbi-container-text {
	max-width: 280px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	top: 0;
}
#mbi-container-text p {
	padding-bottom: 60px;
}
#mbi-container-impressum {
	padding-right: 20px;
	padding-left: 20px;
}
#mbi-logo-plus {
	height: 17px;
}
}