@charset "utf-8";
@-ms-viewport						{width: device-width; zoom: 1;}
@-o-viewport						{width: device-width; zoom: 1;}
@viewport							{width: device-width; zoom: 1;}

@font-face {
    font-family:					Roboto;
    src:							url(font/RobotoCondensed-Regular.ttf);
}

/* -------------------------------------------------------------------------- */
/* ------- General and not responsive Tags, IDs and Classes START ------- */
*, *:after, *:before {
    box-sizing:						border-box;
} 

a {
	display:						block;
	text-decoration:				none;
}
a:hover {
	cursor:							pointer;
	text-decoration:				underline;
}
a:-webkit-any-link {
	color:							inherit;
}
div.text a {
	color:							#fff;
}

body {
	background:						#ddd;
	background-image:				url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/P//PwMyYGRklGIACcIwEEiBaXQBuCCyAMw4FAEQBggwACgvM1R7abc0AAAAAElFTkSuQmCC');
	background-size:				5px 5px;
	cursor:							default;
	font-size:						16px;
	margin:							0 auto;
	text-rendering:					geometricPrecision;
	-webkit-font-smoothing:			antialiased;
}

img {
	border:							0;
}

input[type=text], input[type=email], input[type=password], input[type=url], input[type=search], input[type=number], input[type=time], input[type=date], select {
	background:						#f6f6f6;
    border:							1px #666 solid;
    border-radius:					2px;
    height:							34px;
    line-height:					34px;
}
input[type=text], input[type=email], input[type=password], input[type=url], input[type=search], input[type=number], input[type=time], input[type=date] {
	padding:						0 10px 2px 10px;
}
input[type=date]::-webkit-inner-spin-button {
	display: none;
}
body, input[type=submit], input[type=text], input[type=email], input[type=password], input[type=url], input[type=search], input[type=number], input[type=time], input[type=date], textarea, select, button {
	font:							16px Roboto;
	font-family:					Roboto, Arial;
	font-size:						16px;
}
input[type=submit], button, #News_Editor .bild_block div:last-child {
	cursor:							pointer;
}
input:focus, textarea:focus, select:focus, button:focus, #News_Editor .textarea_block:focus {
	outline:						none;
}
input:invalid {
  background: 						#e59494;
}
aside {
    flex:							1;
}

.content_main {
	width:							100%;
}

.content_main_inner {
	margin-top:						50px;
	width:							100%;
}

#Rohrreibung .row {
	height:							48px;
	line-height:					48px;
	width:							100%;
}

#Rohrreibung .row div.variable {
	float:							left;
	margin-left:					50px;
	width:							60px;
}

#Rohrreibung .row div.equal {
	float:							left;
	text-align:						center;
	width:							20px;
}

#Rohrreibung .row .lambda {
	float:							left;
}

#Rohrreibung .row .index {
	float:							left;
	font-size:						12px;
	height:							40px;
	line-height:					48px;
	margin-top:						4px;
}

#Wetter {
	display:						flex;
	width:							100%;
}

#Wetter_Station {
	background-color:				#eee;
	border:							1px solid #000;
	border-radius:					16px;
	padding:						0px 16px 0px 16px;
	width:							95%;
}
#Wetter_Station .row {
	display:						flex;
	height:							48px;
	line-height:					48px;
	width:							100%;
}
#Wetter_Station .row.dbHeight {
	height:							96px;
	line-height:					96px;
}
#Wetter_Station .row.canvas {
	height:							300px;
	line-height:					300px;
	margin-bottom:					16px;
}
.full {
	flex:							1;
	width:							100%;
}
.half {
	flex:							2;
	width:							50%;
}
.half div:not(.inner):not(.celsius) {
	height:							48px;
	line-height:					48px;
}
.half div div.inner {
	float:							left;
}
.half div div.inner.what {
	width:							80px;
}
.half div div.inner.value {
	text-align:						left;
}
.half .wetterIcon, .half .currentTemp, .half .celsius {
	float:							left;
}
.half .wetterIcon {
	margin-right:					16px;
}
.half .currentTemp {
	font-size:						36px;
	font-weight:					bold;
}
.half .celsius {
	height:							24px;
	line-height:					24px;
	margin-left:					4px;
}
.row .half:nth-child(odd){
	margin-right:					16px;
}
.row:last-child {
	margin-bottom:					16px;
}
.canvasContent {
	background-color:				#fff;
	border:							1px solid #000;
	height:							32vh;
	width:							100%;
}

.temp_line, .feuchte_line, .druck_line {
	stroke-width:					3;
}
.temp_line {
	stroke:							rgb(255,204,0);
}
.feuchte_line {
	stroke:							rgb(60,107,242);
}
.druck_line {
	stroke:							rgb(170,41,162);
}