/* 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:120px 30px;
}

.pad2 {
padding: 150px 30px;
}

.pad3 {

}











/* headlines, p, a, smallfont */




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


h2 {
font-family: 'Open Sans', verdana;
font-size:3rem;
font-weight:700;
line-height:4rem;
letter-spacing:-0.1rem;
margin:0px 0px 0px 0px;
text-align:left;
color:#878787;
width:100%;
}


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


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;
color:#878787;
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:2rem;
line-height:3rem;
font-weight:400;
letter-spacing:0rem;
margin:0px 0px 0px 0px;
text-align:justify;
color:#000000;
}

.w60 {
width:60%;
}


.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:#878787;
}

a:hover {
color:#000000;
text-decoration:none;
}











/* listen */



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

li {
font-family: 'Open Sans', verdana;
font-size:1.8rem;
line-height:2.5rem;
font-weight:300;
letter-spacing:0rem;
color:black;
margin:0 0 10px 0;
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;
}

.right {
float:right!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%);
}



/* 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!important;
	margin-top:-450px;
	z-index:999;
			box-shadow: 0 5px 10px 0 #00000020;
}

.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;
}










/* logo */

.logo {
	width:40%;
	padding:5% 0 0 30px;
	text-align:center;
}
.logo img{
width:80%;
mmax-width:360px;

}

.logo2 img{
width:15%;
margin:40px 0;
-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;
}













/* colors */



.color {
background-color:#ca1517;
}

.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;
}

.color2 {
background-color:#373737;
}
.color3 {
background-color:#dae5e7;
}

.cblack {
	color:#616161!important;
}




/* 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;
background-color:#ca1517;

border-radius: 100px;
-o-border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
}


.button:hover {
	color:#ffffff;
	transform: scale(1.1);
	-webkit-box-shadow: 25px 25px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 25px 25px 10px rgba(0,0,0,0.3);
	-o-box-shadow: 25px 25px 10px rgba(0,0,0,0.3);
	box-shadow: 25px 25px 10px rgba(0,0,0,0.3);
}















/* background-fullscreen */




.bg {

min-height:100vh!important;
min-height:100%;


}


.bg2 {
background: url(../images/bg_fullscreen2.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


.bg3 {
min-height:100vh!important;
min-height:100%;
background: url(../images/bg_sample.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
animation-name: show;
animation-duration: 60s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

.bg-1 {
background: url(../images/nb.jpg) no-repeat top right;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


@keyframes show {
0% {
	transform: scale(1);
}
50% {
	transform: scale(1.2);
}
100% {
	transform: scale(1);
}
}


.black {
	background:#00000090;
	height:100%;
	width:100%;

}








.glass {
  background: #c1c1c199;
	position:absolute;
	top:0px;
	left:20%;
	width:60%;
	height:500px;
	animation-name: slidein;
	animation-duration: 1s;
	animation-iteration-count: 1;
	overflow:hidden;

}


/* if backdrop support: very transparent and blurred */
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .glass {
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(5px);
    position:absolute;
		top:0px;
		left:20%;
		width:60%;
		height:500px;
		animation-name: slidein;
		animation-duration: 2s;
		animation-iteration-count: 1;
		overflow:hidden;

  }
}



@keyframes slidein {
0% {
	height:0%;
}
50% {
	height:0%;
}
100% {
	height:500px;
}
}


.widewrapper {
	width:60%;
	margin-left:20%;
}


.imgtitle {
	position:relative;
  margin-top:-50px;
	background:#87878777!important;
	width:100%;
	height:50px;
	padding:7px;
	z-index:33;
}


.colorize img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.5;
	z-index:1;

-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;
}
.colorize img:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}



.qr {
	width:140px;
}



.zitat {
	position:absolute;
	bottom:15%;
	width:50%;
	left: 10%;
	padding:50px 0 0 30px;
	text-align:center;
}




.mobile {
	display:none;
}

.logodummy img {
	width:15%;
	margin:0 2%;
	padding:0;
}

.stifter {
	position:absolute;
	bottom:20px;
	right:60px;
}

.stifter p{
	color:white!important;
	-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.9);
	-moz-text-shadow: 0px 0px 10px rgba(0,0,0,0.9);
	-o-text-shadow: 0px 0px 10px rgba(0,0,0,0.9);
	text-shadow: 0px 0px 10px rgba(0,0,0,0.9);
}










































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


html {
	font-size:8px;
}

.mobile {
	display:inline-block!important;
	width:20%;

	margin:20px 0 20px 40%;
}

.bg-1 {
background: #ffffff;
}

.w60 {
width:100%;
}

.logodummy img {
	width:25%;
	margin:2% 2%;
	padding:0;
}

h2 {
font-family: 'Open Sans', verdana;
font-size:3rem;
font-weight:700;
line-height:4rem;
letter-spacing:-0.1rem;
margin:0px 0px 50px 0px;
text-align:center;
color:#878787;
width:100%;
}


/* padding */



.pad {
	padding:60px 30px;
}

.pad2 {
padding: 60px 30px;
}

.pad3 {

}

.stifter {
	position:relative;
	bottom:0px;
	right:auto;
	left:0;
	width:100%;
	text-align:center;
	margin-bottom:30px;
}

.stifter p{
	color:black!important;
	-webkit-text-shadow:none;
	-moz-text-shadow:none;
	-o-text-shadow: none;
	text-shadow: none;
		text-align:center;
}


}


















































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


html {
	font-size:10px;
}

.mobile {
	display:inline-block!important;
	width:60%;

	margin:0px 0 40px 20%;
}

.bg-1 {
background: #ffffff;
}

/* headlines, p, a, smallfont */




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


h2 {
font-family: 'Open Sans', verdana;
font-size:3rem;
font-weight:700;
line-height:4rem;
letter-spacing:-0.1rem;
margin:0px 0px 50px 0px;
text-align:center;
color:#878787;
width:100%;
}


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


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;
color:#878787;
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:2rem;
line-height:3rem;
font-weight:400;
letter-spacing:0rem;
margin:0px 0px 0px 0px;
text-align:justify;
color:#000000;
}

.w60 {
width:100%;
}

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

.flex {
	flex-direction:column;
}


/* padding */



.pad {
	padding:30px 30px;
}

.pad2 {
padding: 30px 30px;
}

.pad3 {

}

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


/* logo */

.logo {
	width:100%;
	text-align:center;
	padding:0;
}
.logo img{
width:60%;
margin:50px 0 50px 0;
}

.logo2 img{
width:25%;
margin:40px 0;
}




/* button */


.button {
width:100%;
}




.glass {
  background: #c1c1c199;
	position:relative;
	top:0px;
	left:5%;
	width:90%;
	height:600px;
	animation-name: slidein;
	animation-duration: 1s;
	animation-iteration-count: 1;
	overflow:hidden;
}


/* if backdrop support: very transparent and blurred */
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .glass {
      background: rgba(255,255,255,0.7);
    backdrop-filter: blur(20px);
    position:absolute;
		top:0px;
		left:5%;
		width:90%;
		height:600px;
		animation-name: slidein;
		animation-duration: 1s;
		animation-iteration-count: 1;
		overflow:hidden;
  }
}



@keyframes slidein {
0% {
	height:1px;
}
100% {
	height:600px;
}
}




.topchange2 {
	position:relative!important;
		margin-top:0px;
	z-index:999;
			box-shadow: 0 5px 10px 0 #00000020;
}


.qr {
	width:100%;
}



.zitat {
	position:relative;
	bottom:15%;
	width:100%;
	left:0;
	padding:50px 50px 0 50px;
	text-align:center;
}

.zitat p {
	text-align:center;
}

.cblack {
	text-align:center;
}





}