:root {
  --fw-blau: #015498;
  --fw-orange: #F59C00
}


@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:400;
  src:url(Fonts/open-sans-400-normal.eot);
  src:local('Open Sans Regular'),
  local('OpenSans-Regular'),
  url(Fonts/open-sans-400-normal.eot#iefix) format('embedded-opentype'),
  url(Fonts/open-sans-400-normal.woff) format('woff'),
  url(Fonts/open-sans-400-normal.svg#OpenSans) format('svg')
}
@font-face {
  font-family:Hind;
  font-style:normal;
  font-weight:300;
  src:url(Fonts/hind-300-normal.eot);
  src:local('Hind Light'),
  local('Hind-Light'),
  url(Fonts/hind-300-normal.eot#iefix) format('embedded-opentype'),
  url(Fonts/hind-300-normal.woff) format('woff'),
  url(Fonts/hind-300-normal.svg#Hind) format('svg')
}
@font-face {
  font-family:Hind;
  font-style:normal;
  font-weight:400;
  src:url(Fonts/hind-400-normal.eot);
  src:url(Fonts/hind-400-normal.eot#iefix) format('embedded-opentype'),
  url(Fonts/hind-400-normal.woff) format('woff'),
  url(Fonts/hind-400-normal.svg#Hind) format('svg')
}
@font-face {
  font-family:Hind;
  font-style:normal;
  font-weight:500;
  src:url(Fonts/hind-500-normal.eot);
  src:local('Hind Medium'),
  local('Hind-Medium'),
  url(Fonts/hind-500-normal.eot#iefix) format('embedded-opentype'),
  url(Fonts/hind-500-normal.woff) format('woff'),
  url(Fonts/hind-500-normal.svg#Hind) format('svg')
}
@font-face {
  font-family:Hind;
  font-style:normal;
  font-weight:600;
  src:url(Fonts/hind-600-normal.eot);
  src:url(Fonts/hind-600-normal.eot#iefix) format('embedded-opentype'),
  url(Fonts/hind-600-normal.woff) format('woff'),
  url(Fonts/hind-600-normal.svg#Hind) format('svg')
}
@font-face {
  font-family:Hind;
  font-style:normal;
  font-weight:700;
  src:url(Fonts/hind-700-normal.eot);
  src:url(Fonts/hind-700-normal.eot#iefix) format('embedded-opentype'),
  url(Fonts/hind-700-normal.woff) format('woff'),
  url(Fonts/hind-700-normal.svg#Hind) format('svg')
}
@font-face {
  font-family:Montserrat;
  font-style:normal;
  font-weight:400;
  src:url(Fonts/montserrat-400-normal.eot);
  src:local('Montserrat Regular'),
  local('Montserrat-Regular'),
  url(Fonts/montserrat-400-normal.eot#iefix) format('embedded-opentype'),
  url(Fonts/montserrat-400-normal.woff) format('woff'),
  url(Fonts/montserrat-400-normal.svg#Montserrat) format('svg')
}
@font-face {
  font-family:Montserrat;
  font-style:normal;
  font-weight:500;
  src:url(Fonts/montserrat-500-normal.eot);
  src:url(Fonts/montserrat-500-normal.eot#iefix) format('embedded-opentype'),
  url(Fonts/montserrat-500-normal.woff) format('woff'),
  url(Fonts/montserrat-500-normal.svg#Montserrat) format('svg')
}
@font-face {
  font-family:Montserrat;
  font-style:normal;
  font-weight:600;
  src:url(Fonts/montserrat-600-normal.eot);
  src:local('Montserrat SemiBold'),
  local('Montserrat-SemiBold'),
  url(Fonts/montserrat-600-normal.eot#iefix) format('embedded-opentype'),
  url(Fonts/montserrat-600-normal.woff) format('woff'),
  url(Fonts/montserrat-600-normal.svg#Montserrat) format('svg')
}
@font-face {
  font-family:Montserrat;
  font-style:normal;
  font-weight:700;
  src:url(Fonts/montserrat-700-normal.eot);
  src:url(Fonts/montserrat-700-normal.eot#iefix) format('embedded-opentype'),
  url(Fonts/montserrat-700-normal.woff) format('woff'),
  url(Fonts/montserrat-700-normal.svg#Montserrat) format('svg')
}

body {
	font-family: Hind, Helvetica, Arial, sans-serif;
	letter-spacing: .02em;
	font-weight: 300;
	font-size: 18pt;
	color: #000000;
	scrollbar-base-color: #015498;
	margin: 0;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url('himmel_fw.jpg');
	background-size: cover;
	background-attachment: fixed;
}

nav {
	background: white;
	padding-top: 0.5em;
}
nav > ul {
	display: flex;
	background: var(--fw-blau);
	padding: 0;
	margin: 0;

	li {
		list-style-type: none;
		padding: 0.25em 0.5em;
		border-right: 1px solid rgba(255,255,255,.2);
		z-index: 1;
		height: 1.5em;

		a, a:visited, a:hover, a:active {
			text-decoration: none;
			color: white;
		}
	}
}
nav > ul:before {
	background: var(--fw-blau);
	width: 2em;
	margin-right: -2.5em;
	content: " ";
	transform: translate(-1em) skew(-36deg)
}
nav > :first-child {
	display: flex;
	text-decoration: none;
	background: var(--fw-orange);
	margin: -0.5em 3em 0 0;
	float: left;
}
nav > :first-child:after {
	background: var(--fw-orange);
	transform: translate(1em) skew(-36deg);
	width: 2em;
	height: 2.5em;
	content: " ";
}

th,td {
	font-size: 18pt;
}
h1 {
	color: white;
	font-size: 200%;
	text-decoration: none;
	text-align: center;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: 1.3333333333;
	text-transform: uppercase;
	letter-spacing: .04em;
}
h2 {
	color: black;
	font-size: 141%;
	text-align: center;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: 1.3333333333;
	text-transform: uppercase;
	letter-spacing: .04em;
}

a, a:visited {
	color: #015498;
}
a:hover, a:active {
	color: #F59C00;
}

main {
	text-align: center;
}

.MiddleBox {
	background: rgba(255,255,255,0.7);
	-webkit-box-shadow: 1em 1em 1em 0em rgba(0,0,0,0.25);
	-moz-box-shadow: 1em 1em 1em 0em rgba(0,0,0,0.25);
	box-shadow: 1em 1em 1em 0em rgba(0,0,0,0.25);
	border-radius: 0.5em;
	padding: 0.5em;
	text-align: left;
	display: inline-block;
	margin: 0.5em;
}

.RightButtonSmall a {
 text-decoration: none;
  color: #FFFFFF;
}
.RightButtonSmall {
 color: #FFFFFF;
 background: rgba(40,40,40,0.7);
 width: 100px;
 margin: 5px;
 margin-left: 20px;
 padding: 5px;
 text-align: left;
 -webkit-box-shadow: -3px 0px 2px 0px rgba(0,0,0,0.25);
 -moz-box-shadow: -3px 0px 2px 0px rgba(0,0,0,0.25);
 box-shadow: -3px 0px 2px 0px rgba(0,0,0,0.25);
}

.Highlight {
 background: #fceabb;
 background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93));
 background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
 background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
 background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
 background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
}

.Row {
 background: #F0F0F0;
 background: -moz-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(240,240,240,0.05) 50%, rgba(192,192,192,0.35) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.35)), color-stop(50%, rgba(240,240,240,0.05)), color-stop(100%, rgba(192,192,192,0.35)));
 background: -webkit-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(240,240,240,0.05) 50%, rgba(192,192,192,0.35) 100%);
 background: -o-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(240,240,240,0.05) 50%, rgba(192,192,192,0.35) 100%);
 background: -ms-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(240,240,240,0.05) 50%, rgba(192,192,192,0.35) 100%);
 background: linear-gradient(to bottom, rgba(255,255,255,0.35) 0%, rgba(240,240,240,0.05) 50%, rgba(192,192,192,0.35) 100%);
}
.long-number span{
  margin-right: .2em;
  }

.stimmzettelLink {
	background-blend-mode: multiply;
	padding: 0.1em;"
}