/* V1.3 */


.rrdevplug-co2scanbase-frame{
	width: 100%; 
	min-height: 250px; 
	color: white;
}


.rrdevplug-co2scanbase-spacing{
	width: 100%; 
	height: 4em; 
	background-color: whitesmoke; 
	clear: both;
} 

.rrdevplug-co2scanbase-area{
	width: 100%; 
	background-color: whitesmoke; 
	clear: both;
} 

.rrdevplug-co2scanbase-platz{
	width: 12em; 
	height: 4em; 
	padding: 0.5em 0 0 1em; 	
	background-color: gray; 
	border-bottom: dashed white 5px;
} 

.rrdevplug-co2scanbase-car{
	width: 60%; 
	height: 35%; 
	padding: 0.8em; 
	border: solid black 3px; 
	border-radius: 0.5em; 
	background-color: red;
}


.RRDEVCO2SCANBASE-frame{
	width: 100%;
	float: left; 
}

.RRDEVCO2SCANBASE-settings{
	border: 1px solid green; 
	border-radius: 1em; 
	padding: 1em; margin: 1em;
}

.RRDEVCO2SCANBASE-inline-info{
	display: inline-block; 
	line-height: 1.2; 
	font-size: 0.8rem; 
	font-weight: 300;
}

.RRDEVCO2SCANBASE-small-info{
	display: inline-block; 
	line-height: 1.2; 
	font-size: 1rem; 
	font-weight: 300;
}


#RRDEVCO2SCANBASEbox{
	float: left; 
	display: block; 
	width: 100%;
}

#RRDEVCO2SCANBASEinfobox{
	width: 30%; 
	float: right; 
	background-color: blue; 
	color: white; 
	margin: 1em; 
	padding: 1em; 
	border-radius: 0.5em; 
	display: none;
}


#RRDEVCO2SCANBASEdetailbox{
	float: left; 
	display: block; 
	text-align: left; 
	padding: 1rem;
}

#RRDEVCO2SCANBASEfooter{
	clear:both; 
	width: 100%;
}

@media only screen and (max-width: 650px) {
	
	.site-title, .site-description, .header-image{
		display: none;
	}
	.site-header, #masthead{
		padding: 0;
	}
	
	
	#RRDEVCO2SCANBASEinfobox{
	width: 30%; 
	float: right; 
	background-color: blue; 
	color: white; 
	margin: 0.1em; 
	padding: 0.3em; 

	}
}