@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/_global/_google-fonts/roboto/roboto-v30-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/_global/_google-fonts/roboto/roboto-v30-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/_global/_google-fonts/roboto/roboto-v30-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/_global/_google-fonts/roboto/roboto-v30-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-condensed-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/_global/_google-fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/_global/_google-fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-condensed-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/_global/_google-fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/_global/_google-fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


body {
	font-family: 'Roboto', sans-serif;
  	position: relative;
  	min-height: 100vh;
}

.upper-content {
	min-height: calc(100vh - 35px);
}

.ccFlag {
	width:24px;
	height:18px;
	margin: -5px 10px 0 0;
}

.btn-lang-dropdown {
	background: transparent;
	border: 1px solid #647C8F;
	color: #647C8F;
	border: none;
	/* background: #647C8F; /* INVENT grau */
	/* color: #F18800; /* INVENT orange */
}
.btn-lang-dropdown:hover {
	color: #F18800;
}
.btn-invent {
	background: #F18800;
	border: 1px solid #F18800;	
	color: #FFF;
}
.btn-invent:hover {
	background: #c57100;
	border: 1px solid #c57100;	
	color: #FFF;
}
.link-invent {
	color: #F18800;
}
.link-invent:hover {
	color: #c57100;
}

.btn-invent-grau {
	background: #647D90;
	border: 1px solid #647D90;	
	color: #FFF;
}
.btn-invent-grau:hover {
	background: #4b6070;
	border: 1px solid #4b6070;	
	color: #FFF;
}
.link-invent-grau {
	color: #647D90;
}
.link-invent-grau:hover {
	color: #4b6070;
}


.logo-xs {
	position: absolute;
	top:0; right:0;
	width:70%;
	padding: 15px;
	background: rgba(255, 255, 255, 0.65);
}

h1, h2, h3, h4 {
	font-weight: 400;
}

.intro {
	max-width: 800px;
	min-height:100vh;
	background: rgba(255, 255, 255, 0.65);
}

.footer {
	border-top: 1px solid #647C8F;
}

.footer a {
	color: #647C8F;
	padding-right: 1rem;
}

@media(min-width:960px){
	body { 
	  background: url(/img/common/login_bg1.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
}