html {
  overflow-y: scroll;
}

body, html {
  height: 100%;
  margin: 0;
  padding: 0;
  /*font-size: 100%;*/
}

body {
  font-size: 90%;
  font-family: Roboto,Helvetica Neue,Helvetica,Arial,verdana,sans-serif;
	color: #373a3c;
	color: #4b4e50;
}


@media only screen and (min-width: 60em) {
  .page-header {
    height: 70px;
  	}
	}

.page-header {
  border-bottom: 1px solid #f61434;
	}

.page-header .page-wrapper {
  padding-bottom: 5px;
  padding-top: 5px;
	}

.page-wrapper {
  margin: 0 auto;
  padding: 20px 10px;
	}


@media only screen and (min-width: 60em) {
  .nav-main-menu {
    display: flex;
    list-style: none;
    margin: 34px 70px 0 0;
    padding: 0;
  	}
	}

@media only screen and (min-width: 60em) {
  .nav-main-menu li {
	  padding-left: 10px;
  	}
	}

@media screen {
  .nav-main-menu li {
	  padding-left: 40px;
	  }
	}


@media only screen and (min-width: 60em) {
  .nav-main-menu a {
    color: #efefef;
    display: inline-block;
	  font-size: 110%;
    font-weight: 300;
    line-height: 1.5;
    padding: 0;
    }
	}




.page {
	padding: 0;
}

.stage--dark {
	background-color: #000;
}

.stage--light {
	background-color: #fff;
}

.page-wrapper {
	box-sizing: border-box;
	min-width: 300px;
	max-width: 1280px;
	margin: 0 auto;
	padding: 20px 10px;
}

@media only screen and (max-device-width:80em) and (orientation:landscape) {
 .page-wrapper {
		padding-left:30px;
		padding-right:30px;
	}
}

@media only screen and (min-width:52.5em){
	.content {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap
	}
}

@media only screen and (min-width:840px) {
	.content-box {
		box-sizing: border-box;
	  width:50%;
		padding:0 20px
	}
}


h2, h3, h4 {
  font-size: 150%;
  line-height: 1.4285714286;
  font-weight: 300;
  margin-top: 1.1428571429em;
}

p {
  font-size: 1em;
  line-height: 1.5;
  margin: 1.5em 0 0;
  margin: 1.0em 0 0.5em 0;
}

a {
  color: #f61434;
  color: #373a3c;
	color: #74787a;
	color: #5c5f61;
  background: transparent;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  transition: color .2s ease-in-out;
}

span.grau {
  color: #a8a8a8;
  }

.footer {
	background: #f61434;
}

.footer .page-wrapper {
	padding-bottom: 0;
}


fieldset {
  box-sizing: border-box;
  margin: 1.5em 0 0;
  padding: 0;
  border: 0;
}

.frame-type-felogin_login h3 {
	display:none;
}

.frame-type-felogin_login p {
	display:none;
}

.frame-type-felogin_login legend {
	display:none;
}

/*
@font-face {
  font-family: Poppins-Regular;
  src: url(/fileadmin/Resources/Public/Fonts/Poppins-Regular.woff);
  font-family: Poppins-Light;
  src: url(/fileadmin/Resources/Public/Fonts/Poppins-Light.woff);
}

h3 {
	font-family: Poppins-Light;
	font-weight: 400
}

p {
	font-family: Poppins-Regular;
	font-weight: 200
}
*/


/*
 .content {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }

@media only screen and (min-width:80em) {
 .page-wrapper--no-small-gap {
  padding-left:10px;
  padding-right:10px
 }
}

@media only screen and (max-device-width:80em)and (orientation:landscape) {
 .page-wrapper {
  padding-left:30px;
  padding-right:30px
 }
 .page-wrapper--no-small-gap {
  padding-left:0;
  padding-right:0
 }
}
*/