* {
	box-sizing: border-box;
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	background: #FFF;
	font: normal 13px Roboto;
}

h1, h2, h3, h4, h5 {
	margin: 0;
}
h3 {
	margin: 5px 0;
	font-size: 16px;
}
h4 {
	margin: 5px 0;
	font-size: 18px;
}

hr {
	border-bottom: 1px solid #D1D1D1;
	border-left: 0;
	border-right: 0;
	border-top: 0;
}

#immo-web-view, #immo-detail-view {
	padding: 15px;
}
#immo-web-view-header {
	margin-bottom: 20px;
}


/* cgridview */
#immo-detail-view .request-single {
	width: 100%;
}
#immo-web-view .request-single {
	width: 100%;
	margin-bottom: 50px;
}

.request-single-title {
	margin-bottom: 10px;
	display: inline-block;
}
.request-single-city {
	background: #83BF53;
	color: #FFF;
	font-style: italic bold;
    padding: 3px 10px;
	display: inline-block;
}
.request-single-content {
	display: block;
	width: 100%;
}
.request-single-content:after {
	content: "";
    display: table;
    clear: both;
}

.content-info-block {
	display: block;
	float: left;
}
.content-info-block-inner {
	padding: 5px 10px;
	text-align: center;
	background: #e2e2e2;
	margin: 0 10px 10px 0;
}
.request-single-description {
	margin-bottom: 10px;
}
.request-single-button {
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
	max-width: 350px;
	width: 100%;
}
.request-single-button a {
	display: block;
	width: 100%;
	background: #551F7C;
	color: #FFF;
	text-decoration: none;
	padding: 5px 10px;
}


/*gesuchedetail*/

.content-info-line {
	width: 100%;
	max-width: 350px;
}
.content-info-line-label {
	float: left;
	width: 45%;
	font-weight: bold;
}
.content-info-line-value {
	float: left;
	width: 55%;
}

.content-info-line:after {
    content: "";
    display: table;
    clear: both;
}
.space20 {
	margin-bottom: 20px;
}

.request-single-button.inline {
	text-align: left;
	padding: 15px 0 0 15px;
}
.request-single-button.inline a {
	display: inline-block;
	width: auto;
}
.request-single-button a:active, .request-single-contact input[type="submit"]:active, .request-single-contact button[type="submit"]:active {
	background: #83BF53;
}
.request-single-contact {
	max-width: 350px;
}
.request-single-contact input, .request-single-contact button, .request-single-contact textarea {
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #d1d1d1;
	padding: 3px 5px;
	font: normal 14px Roboto;
	border-radius: 0;
}
.request-single-contact input[type="submit"], .request-single-contact button[type="submit"] {
	padding: 5px 10px;
	background: #551F7C;
	border: none;
	font-size: 16px;
	color: #FFF;
}
@media only screen and (min-device-width : 769px) {
    .request-single {
	    float: left;
    	width: 70% !important;
    	padding-right: 30px;
    }
    .request-single-contact {
	    float: left;
    	width: 30% !important;
    }
    #immo-detail-view:after {
	    content: "";
	    display: table;
	    clear: both;
    }
}