@import url(/data/webfonts/fontello.css);
@font-face{
	font-family:"Brisa W01 Regular";
	src:url("/data/webfonts/da8e2de2-c322-4275-b22c-30a512d76aeb.eot?#iefix");
	src:url("/data/webfonts/da8e2de2-c322-4275-b22c-30a512d76aeb.eot?#iefix") format("eot"),url("/data/webfonts/e4166484-79cd-4398-b141-362c430de57b.woff2") format("woff2"),url("/data/webfonts/91f48018-d446-456b-bed8-f24bbe20eb91.woff") format("woff"),url("/data/webfonts/d571937a-1411-45f0-ae6b-a22819b50193.ttf") format("truetype");}

@font-face {
	font-family: 'FuturaPTWebBook';
	src: url('/data/webfonts/FTN45__W.eot');
	src: local('/data/webfonts/Futura PT Web Book'), local('/data/webfonts/FuturaPTWebBook'), url('/data/webfonts/FTN45__W.woff') format('woff'), url('/data/webfonts/FTN45__W.ttf') format('truetype'), url('/data/webfonts/FTN45__W.svg#FuturaPTWeb-Book') format('svg');
	font-weight: normal;
	font-style: normal; }

@font-face {
	font-family: 'FuturaPTWebDemi';
	src: url('/data/webfonts/FTN65__W.eot');
	src: local('/data/webfonts/Futura PT Web Demi'), local('/data/webfonts/FuturaPTWebDemi'), url('/data/webfonts/FTN65__W.woff') format('woff'), url('/data/webfonts/FTN65__W.ttf') format('truetype'), url('/data/webfonts/FTN65__W.svg#FuturaPTWeb-Demi') format('svg');
	font-weight: normal;
	font-style: normal; }

@font-face{
	font-family:"Futura PT W01 Bold";
	src:url("/data/webfonts/88a061c2-3303-401d-85e9-619b5ea5f5af.eot?#iefix");
	src:url("/data/webfonts/88a061c2-3303-401d-85e9-619b5ea5f5af.eot?#iefix") format("eot"),url("/data/webfonts/1a34942e-33ed-43bb-b229-7460d55b49f7.woff2") format("woff2"),url("/data/webfonts/baecea54-cfd3-4578-8717-abf89eba62b6.woff") format("woff"),url("/data/webfonts/f275eebe-30f5-4068-9294-51dc44c8409e.ttf") format("truetype");
}

/*########## HTML ########### */
html {
	scroll-behavior: smooth;}

body{ 
	font-size: 1.2rem;
	font-family: 'FuturaPTWebBook';
	line-height: 1.5rem;
	margin: 0;
	color: #7d7d7d;}

br.ampelBR {display: none}

.iconrot,.fontred {color: #C90E09;font-family: 'FuturaPTWebDemi';}
.icongruen,.fontgreen {color: #95C11F;font-family: 'FuturaPTWebDemi';}
.icongelb,.fontyellow {color: #FFAC00;font-family: 'FuturaPTWebDemi';}

.blau,.farbe21, .blau a		{color: #006AB3}
.orange,.farbe23, .orange a	{color: #EE7F01}
.gruen,.farbe22, .gruen a	{color: #97BF0D}
.beere,.farbe24, .beere a		{color: #C50455}

.h1underline {
	line-height: 1.6rem !important;
	text-transform: uppercase;
	font-size: 1.5rem;
	margin-bottom: 2.2rem;}

.Ampel {
	width: 100%}

.Ampel td {
	vertical-align: top}

.StatusSB {
	width: 100%;
	float: left;}

.StatusSB .StatusSB1 {
	width: 25% ;
	float: left;}

.StatusSB .StatusSB2 {
	width: 75%;
	float: left;}

.onlyMobile {display: none;}


.login {
	font-size: 1.4rem;
	padding: 10px}

.login input {
	border: 1px solid silver;
	width: 100%;
	font-size: 1.4rem;
	padding: 3px 3px 3px 10px;
	margin-bottom:0.8rem;
	-webkit-appearance: none;}

.login input[type=submit] {
	border: 1px solid silver;
	margin-top: 2rem;
	width: 100%;
	font-size: 1.4rem;
	padding: 3px 3px 3px 10px;
	margin-bottom:0.8rem;
	-webkit-appearance: none;}

.login select  {
	margin-top:0.8rem;
	font-size: 1.4rem;
	width: 90%}


/*########## iPad quer ########### */

@media (max-device-width:1024px) {
.StatusSB .StatusSB1 {
	width: 30%}

.StatusSB .StatusSB2 {
	width: 70%}
}


/*########## iPad hoch ########### */

@media (max-device-width:768px) {

.StatusSB .StatusSB1 {
	width: 30%}

.StatusSB .StatusSB2 {
	width: 70%}
}


/*########## iPhone ########### */

@media (max-device-width:480px) {
	
	.ampelheadline {
		text-align: center;
		margin-bottom: 1.2rem;}
	
.StatusSB .StatusSB1 {
margin-bottom: 0.5rem;
	text-align: center;
	width: 100%}


.StatusSB .StatusSB2 {
	width: 100%}
}


label.green {background: green;color:#fff;}
label.red {background: red;color:#fff;}
label.yellow {background: yellow;color:#000;}