@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'klavika_basiclight';
	src: url('../fonts/klavikabasic-light-webfont.eot');
	src: url('../fonts/klavikabasic-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/klavikabasic-light-webfont.woff2') format('woff2'),
	url('../fonts/klavikabasic-light-webfont.woff') format('woff'),
	url('../fonts/klavikabasic-light-webfont.ttf') format('truetype'),
	url('../fonts/klavikabasic-light-webfont.svg#klavika_basiclight') format('svg');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'klavika_basic_regularregular';
	src: url('/fonts/klavikabasic-regular-webfont.eot');
	src: url('./fonts/klavikabasic-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/klavikabasic-regular-webfont.woff2') format('woff2'),
	url('../fonts/klavikabasic-regular-webfont.woff') format('woff'),
	url('../fonts/klavikabasic-regular-webfont.ttf') format('truetype'),
	url('../fonts/klavikabasic-regular-webfont.svg#klavika_basic_regularregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

* {
	text-transform: lowercase !important;
}

body{ color:rgba(0,0,0,1.00);font-family: 'klavika_basiclight';}

h1{font-size:3.500em; font-family: 'klavika_basiclight'}
h2{font-size:2.750em; font-family: 'klavika_basiclight'}

.button {
	background: rgba(0,158,217,0.82);
	color: #FFF !important;

	line-height: 28px;
	width: 325px;
	padding: 12px;
	font-size: 22px;
	font-family: 'klavika_basiclight';
	display: inline-block;
	text-align: left;
}

a.button:hover {
	text-decoration: none;
}

.homebg{
	background-image:url(../img/bg01.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.home{padding-top:44em;}
.white{background:rgba(255,255,255,0.56)}

body.seite2bg{
	background-image:url(../img/bg02.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.seite2 h1{color:rgba(255,255,255,1.00); padding-bottom: 0.25em; padding-top: 0.25em; margin: 0;}
.seite2 .blue{background:rgba(0,158,217,0.82);}
.seite2margintop{margin-top:1.5em;}
.seite2buttonmargin{padding-top:20em;}


body.seite3bg{
	background-image:url(../img/bg03.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.seite3 .blue{background:rgba(0,158,217,0.82);}
.seite3 h1{color:rgba(255,255,255,1.00);padding-bottom: 0.25em; padding-top: 0.25em; margin: 0;}

body.seite4bg{
	background-image:url(../img/bg04.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.seite4 .blue{background:rgba(0,158,217,0.82); padding:2em; }
.seite4 h1, .seite4 h2{color:rgba(255,255,255,1.00);}
.seite4 h2 {text-align:center;}
.seite4 .center{margin:0 auto;}
.seite4 .centerpadding{margin:5% 12.5% 12.5% 12.5%; text-align: center;}
.seite4 .paddingtop{margin-top:1.5em;}
.padding-botton{padding:0.75em;}

.whitetrans{ background:rgba(255,255,255,0.9);}
@media screen and (max-width: 991px)  {

	.home{padding-top:40em;}

	.seite2buttonmargin{padding-top:5em;}
}