/* basics */

html {
font-size:10px;
}

body {
	margin: 0;
	padding: 0;
	background:none;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

.nobr {
white-space: nowrap;
}





/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('../fonts/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}







/* padding */



.pad {
	padding:30px;
}

.pad2 {

}

.pad3 {

}











/* headlines, p, a, smallfont */


h1 {
font-family: 'Open Sans', verdana;
font-size:1.5rem;
font-weight:800;
line-height:3rem;
letter-spacing:-0rem;
margin:0px 0px 20px 0px;
text-align:left;
color:#009ee0;
}

h2 {
font-family: 'Open Sans', verdana;
font-size:5rem;
font-weight:100;
line-height:6rem;
letter-spacing:-0.1rem;
margin:0px 0px 50px 0px;
text-align:left;
}





h3 {
font-family: 'Open Sans', verdana;
font-size:2.5rem;
font-weight:400;
line-height:2.5rem;
letter-spacing:0rem;
margin:0px 0px 40px 0px;
text-align:left;
}


h4 {
font-family: 'Open Sans', verdana;
font-size:2.2rem;
font-weight:800;
line-height:2.2rem;
letter-spacing:0rem;
margin:40px 0px 40px 0px;
text-align:left;
}


h5 {
font-family: 'Open Sans', verdana;
font-size:2.rem;
font-weight:400;
line-height:2rem;
letter-spacing:0rem;
margin:0px 0px 20px 0px;
text-align:left;
}


p {
font-family: 'Open Sans', verdana;
font-size:1.7rem;
line-height:2.6rem;
font-weight:400;
letter-spacing:0rem;
color:black;
margin:0px 0px 0px 0px;
text-align:justify;
}


.small-font {
font-size:1.1rem!important;
line-height:2rem!important;
letter-spacing:0rem;
}

.nobr	{
	white-space:nowrap;
}



img {
width:100%;
margin:0px;
padding:0px;
}

a {
color:#009ee0;
}

a:hover {
color:black;
text-decoration:none;
}











/* listen */



ul {
margin:20px 0px 10px 0px;
}

li {
font-family: 'Open Sans', verdana;
font-size:1.7rem;
line-height:2.6rem;
font-weight:400;
letter-spacing:0rem;
color:black;
margin:0 0 10px -20px;
text-align:left;
}


.list1 {
list-style-type:disc;
padding-left:20px;
}

.list2 {
list-style-type:none;
padding-left:0px;
}

.list3 {
list-style-image: url(../images/listimg.png);
}









/* center, left, right, fixed, absolute, flex, auto, centercenter */


.center, .center h1, .center h2, .center h3, .center h4, .center h5, .center p, .center a {
text-align:center!important;
}

.auto img{
width:auto!important;
}

.absolute {
position:absolute!important;
z-index:11000;
}

.fixbot {
position:fixed!important;
z-index:999999;
bottom:0;
}

.right {
float:right!important;

}
.right2 {
text-align:right!important;
}

.left {
text-align:left!important;
}
.flex {
display:flex;
flex-direction:row;
}

.centercenter {
position:absolute;
width:100%;
top:50%;
left:50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.imgshape {
width:300px;
float:left;
shape-outside: circle(50%);
}




/* logo */

.logo{
width:40%;
margin:0 auto;
bbackground-color:white;
padding:50px;
}




.logo2{
width:40%;
margin:0 auto;
background-color:white;
padding:50px;
}

.logo2 img{
	wwidth:30%;
}




/* shadow, topchange, rounded */



.shadow {
	-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	-moz-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	-o-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	text-shadow: 0px 0px 10px rgba(0,0,0,0.5);

}

.topchange {
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
}

.topchange2 {
	position:fixed;
	top:0px;
}

.scrollchange {
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
}

.scrollchange2 {
	position:fixed;
	top:0px;
}

.rounded {
	border-radius: 15px 15px 15px 15px;
	-o-border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
}





















/* colors */



.color {
background-color:#9a9a9a;
}

.color h1, .color h2, .color h3, .color h4, .color h5, .color p, .color a{
color:#fff;
}

.white h1, .white h2, .white h3, .white h4, .white h5, .white p, .white a{
color:#fff;
}









/* button */



.button {
position:relative;
width:auto;
margin:20px 0px 20px 0px;
padding:20px 30px;
display:inline-block;
font-family: 'Open Sans', verdana;
font-size:1.7rem;
line-height:2.6rem;
font-weight:400;
letter-spacing:0rem;
color:#ffffff;
text-decoration:none;
text-align:center;
cursor:pointer;
border:none;
background-color:#009ee0;
}


.button:hover {
background-color:#000000;
color:#ffffff;
}


.button2 {
position:relative;
width:100%;
margin:20px 0px 0px 0px;
padding:10px 20px;
display:inline-block;
font-family: 'Open Sans', verdana;
font-size:1.7rem;
line-height:2.6rem;
font-weight:400;
letter-spacing:0rem;
color:#ffffff;
text-decoration:none;
text-align:center;
cursor:pointer;
border:1px solid white;
background-color:#009ee0;
}


.button2:hover {
background-color:#000000;
color:#ffffff;
}

.full {
	width:100%;
}

.cta {

width:40%;
margin:0px 0px 20px 0px;
padding:20px 30px;
display:inline-block;
font-family: 'Open Sans', verdana;
font-size:1.7rem;
line-height:2.6rem;
font-weight:400;
text-align:left!important;
letter-spacing:0rem;
color:#ffffff;
text-decoration:none;
text-align:center;
cursor:pointer;
border:none;
background-color:#009ee0;
}













/* background-fullscreen */

.fullscreen {
min-height:100vh!important;
min-height:100%;

}
.halfscreen {
min-height:60vh!important;
min-height:60%;

}

.bg-fullscreen {
min-height:100vh!important;
min-height:100%;
background: url(../images/bg_fullscreen.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}





.mobile-on {
	display:none;
}

.halfwide {
	width:60%;
	margin-left:40%;
}


.portrait {
	position:absolute;
	bottom:30px;right:0;
	flfoat:right;
	width:33%;
	z-index:-1;
}

.headlinekontakt {
	width:75%;
}



.kontaktplate {
	position:fixed;
	right:0;
	bottom:200px;
	width:12%;
	background-color:grey;
padding:20px;

-webkit-animation: sli 6s ease-in-out ;
-moz-animation: sli 6s ease-in-out ;
-o-animation: sli 6s ease-in-out ;
animation: sli 6s ease-in-out ;
}


@keyframes sli {
    0%   {  right:-20%    }
		  70%   {  right:-20%    }
   100% {  right: 0px }
}





















@media screen and (max-width:1200px) {


html {
	font-size:6px;
}

.cta {
margin:-30px 0px 20px 0px;
width:48%;

}






.kontaktplate {
	position:fixed;
	right:0;
	top:30px;
	bottom:auto;
	width:13%;
	background-color:grey;
padding:5px;

-webkit-animation: sli 6s ease-in-out ;
-moz-animation: sli 6s ease-in-out ;
-o-animation: sli 6s ease-in-out ;
animation: sli 6s ease-in-out ;
}


@keyframes sli {
    0%   {  right:-20%    }
		  70%   {  right:-20%    }
   100% {  right: 0px }
}









}

































@media screen and (max-width:1000px) and (orientation:portrait) {


html {
	font-size:9px;
}


.cta {

width:100%;

}

h1 {
font-family: 'Open Sans', verdana;
font-size:1.5rem;
font-weight:800;
line-height:3rem;
letter-spacing:-0rem;
margin:0px 0px 20px 0px;
text-align:center;
color:#009ee0;
}

h2 {
font-family: 'Open Sans', verdana;
font-size:4rem;
font-weight:100;
line-height:5rem;
letter-spacing:-0.1rem;
margin:0px 0px 50px 0px;
text-align:center;
}





h3 {
font-family: 'Open Sans', verdana;
font-size:2.5rem;
font-weight:400;
line-height:2.5rem;
letter-spacing:0rem;
margin:0px 0px 40px 0px;
text-align:left;
}


h4 {
font-family: 'Open Sans', verdana;
font-size:2.2rem;
font-weight:800;
line-height:2.2rem;
letter-spacing:0rem;
margin:40px 0px 40px 0px;
text-align:center;
}


h5 {
font-family: 'Open Sans', verdana;
font-size:2.rem;
font-weight:400;
line-height:2rem;
letter-spacing:0rem;
margin:0px 0px 20px 0px;
text-align:left;
}


p {
font-family: 'Open Sans', verdana;
font-size:1.7rem;
line-height:2.6rem;
font-weight:400;
letter-spacing:0rem;
color:black;
margin:0px 0px 0px 0px;
text-align:left;
}





.flex {
	flex-direction:column;
}


/* logo */

.logo{
width:100%;
margin:0 auto;
bbackground-color:white;
padding:50px;
}




.logo2{
width:100%;
margin:0 auto;
background-color:white;
padding:50px;
}

.logo2 img{
	wwidth:30%;
}





.right {
clear:both!important;

}
.right2 {
text-align:center!important;
}

.left {
text-align:center!important;
}

/* button */


.button {
width:100%;
}


.halfwide {
	width:100%;
	margin-left:0%;
}

.halfscreen {
min-height:70vh!important;
min-height:70%;

}




.portrait {
	position:relative;
	bottom:30px;right:0;
	flfoat:right;
	width:80%;
	left:10%;
	z-index:-1;
}

.headlinekontakt {
	width:100%;
}






.kontaktplate {
	position:relative;
	right:0;
	margin-bottom:60px;
	width:100%;
	background-color:grey;
padding:20px;

-webkit-animation: sli 0s ease-in-out ;
-moz-animation: sli 0s ease-in-out ;
-o-animation: sli 0s ease-in-out ;
animation: sli 0s ease-in-out ;
}


@keyframes sli {
    0%   {  right:-20%    }
		  70%   {  right:-20%    }
   100% {  right: 0px }
}












}