body {margin:0; font-family: 'Roboto Condensed', sans-serif; font-size:15px !important; background-color:#dedcdd; color:#4d4d4d;}

h1 {font-size:20px; font-weight:bold; text-align:center;}

p {font-size:15px !important;}

img {width:100%; height:auto;}

.container {max-width:800px; background-color:#dedcdd; padding:15px;}

.inhalt {width:100%; display:table;}

.info-text {color:#fff; font-size:14px; position:absolute; bottom:20px; left:20px;}

.head {position:relative;}

.viertel {width:25%; float:left;}

.drittel {width:33.33333%; float:left;}

.halb {width:50%; float:left;}

.halb-links {width:50%; float:left; text-align:right;}

.halb-links p {padding-right:15px;}

.halb-rechts {width:50%; float:left; text-align:left;}

.halb-rechts p {padding-left:15px;}

@media (min-width:768px) {
	
.inhalt-content {margin-left:45px;}

}

@media (max-width:650px) {

.viertel {width:100%;}

.drittel {width:100%;}

.halb {width:100%;}

.halb-links {width:100%; text-align:left;}

.halb-links p {padding-right:0;}

.halb-rechts {width:100%;}

.halb-rechts p {padding-left:0;}

.brake {display:none;}

}