@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 300;
src: local('Oswald Light'), local('Oswald-Light'), url(http://fonts.gstatic.com/s/oswald/v10/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v10/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
src: local('Oswald Bold'), local('Oswald-Bold'), url(http://fonts.gstatic.com/s/oswald/v10/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(http://fonts.gstatic.com/s/roboto/v14/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v14/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto Regular'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v14/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(http://fonts.gstatic.com/s/roboto/v14/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fonts.gstatic.com/s/roboto/v14/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: local('Roboto Black'), local('Roboto-Black'), url(http://fonts.gstatic.com/s/roboto/v14/mnpfi9pxYH-Go5UiibESIj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(http://fonts.gstatic.com/s/roboto/v14/12mE4jfMSBTmg-81EiS-YRsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(http://fonts.gstatic.com/s/roboto/v14/7m8l7TlFO-S3VkhHuR0at4bN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: local('Roboto Italic'), local('Roboto-Italic'), url(http://fonts.gstatic.com/s/roboto/v14/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(http://fonts.gstatic.com/s/roboto/v14/OLffGBTaF0XFOW1gnuHF0YbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(http://fonts.gstatic.com/s/roboto/v14/t6Nd4cfPRhZP44Q5QAjcC4bN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 900;
src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(http://fonts.gstatic.com/s/roboto/v14/bmC0pGMXrhphrZJmniIZpYbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}



html { 
background: url(../img/bg3.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

body {
margin: 0;
}

.container {
position:absolute;
float: right;
bottom:0;
right:0;
width: 30%;
max-width:400px;
margin-right:10%;
}

.blau {
background: none repeat scroll 0 0 rgba(7, 45, 89, 0.85);
width:100%;
height:60px;
margin-bottom:15px;
padding:25px;
padding-left:35px;
}

.blau:last-child {
margin-bottom:0px;
}

.blau img {
width:54px;
height:auto;
margin-top:3px;
}

.blau a {
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-family: 'Oswald';
font-style: normal;
font-weight: 300;
font-size:26px;
}

.blau a span {
position:absolute;
margin-top:10px;
margin-left:20px;
letter-spacing:1.5px;
}

.blau2 {
height:100%;
}

.blau2 img {
width:16px;
margin-right:10px;
margin-bottom:-3px;
}

.blau2 p {
color:#fff;
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-size:15px;
line-height:22px;
}

.blau2 p a {
color:#fff;
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-size:15px;
line-height:22px;
text-transform:lowercase;
}

.nav {
width:100%;
height: 100%;
margin: 0 auto;
}

img.width {
display:none;
}







@media (max-width: 1100px) {
.blau a {
font-size:18px;
line-height:38px;
}
}

@media (min-width: 1600px) {
.blau a {
font-size:30px;
line-height:38px;
}
}


/* Kleine Geräte (Tablets, 768px und breiter) */
@media (min-width:10px) and (max-width: 700px) { 
	img.width:first-child {width:110px !important;height:auto;}
	html {
		background: none !important;;
	}
	.container {
		margin: 0 10%;
		position: absolute;
		width: 252px;
		top:0;bottom:0;
		left:0;right:0;
	}
	.blau {
		background: none repeat scroll 0 0 rgba(7, 45, 89, 1);
		margin-bottom: 10px;
		height: 50px;
		padding: 0px 0 5px 10px;
		width: auto;
	}
	.blau img {
		height: auto;
		margin-top: 10px;
		width: 35px;
	}
	.blau a {
		font-size: 13px;
		font-weight: 400;
		line-height: 38px;
	}
	.blau2 {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
		color: #2C4C72 !important;
	}
	.blau2 img {
		width: 16px;
	}
	.blau2 p {
		color: #2C4C72 !important;
		font-size: 11px !important;
		font-weight: 500 !important;
	}
	.blau2 a {
		color: #2C4C72 !important;
		font-size: 11px !important;
		font-weight: 500 !important;
	}
	img.fullwidth {
	display:none;
	}

	img.width {
	display:inline-block;
	}
 }
 
 @media (min-width:360px) and (max-width: 700px) { 
	.container {
		width: 290px !important;
	}
 }

/* Kleine Geräte (Tablets, 768px und breiter) */
@media (min-width: @screen-sm-min) { }

/* Mittlere Geräte (Desktop-PCs, 992px und breiter) */
@media (min-width: @screen-md-min) { .nav a{left:-120px;} }

/* Große Geräte (Desktop-PCs, 1200px und breiter) */
@media (min-width: @screen-lg-min) { ... }