@charset "UTF-8";







/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/montserrat-v29-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v29-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v29-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v29-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v29-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/montserrat-v29-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/montserrat-v29-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* montserrat-alternates-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/montserrat-alternates-v17-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-alternates-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-alternates-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-alternates-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-alternates-v17-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-alternates-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-alternates-v17-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-alternates-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-alternates-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}













* {
box-sizing: border-box;
margin:0px;
padding: 0px;;
}



body, html {
	background-color: #fff;
}
body {
	font-family:"Montserrat" !important;
  font-weight: 300;
	 margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
	font-size: 1em;
  
	color: #666;
     font-style:normal;
     -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1 {
	
	margin-top: 0;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0px;
    overflow: hidden;
	font-size: 200%;
	font-weight: 600;
	letter-spacing: 4px;
   color: #666;
    line-height: 100%;
}
h2 {
	
	margin-bottom: 0px;
	font-size: 150%;
	line-height: 120%;
	font-weight: 400;
	letter-spacing: 0px;
}
h3{
	margin-bottom: 10px;
	margin-top: 0px;
	font-size: 120%;
	line-height: 150%;
	font-weight: 400;
	letter-spacing: 1px;
}



img {
    border:none;
}
/*img {width: 100%; height: auto; }*/

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

a:link {
	color:#fff;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
a:visited {
	text-decoration: none;
	color:#fff;
  -webkit-tap-highlight-color: transparent;
}
a:hover {
	text-decoration: none;
	color:#fff;
	transition: 0.3s;
  -webkit-tap-highlight-color: transparent;

}
a:active {
	text-decoration: none;
	color:#fff;
  -webkit-tap-highlight-color: transparent;
	
}


a {outline : none;-webkit-tap-highlight-color: transparent;}
a img {outline : none;-webkit-tap-highlight-color: transparent;}
img {border : 0;-webkit-tap-highlight-color: transparent;}
a:active, a:focus { 
 outline: none; -webkit-tap-highlight-color: transparent;
}
:focus {
    outline: none !important;
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.gradient {
  /*background: linear-gradient(to bottom, rgba(17,17,17,1), rgba(17,17,17,0) );*/
	/*background-image: linear-gradient(#111111 0%, 50%, transparent);*/
	pointer-events: none;
	background-image: linear-gradient(
  hsl(0, 0%, 6.7%) 0%,
  hsla(0, 0%, 6.7%, 0.738) 19%,
  hsla(0, 0%, 6.7%, 0.541) 34%,
  hsla(0, 0%, 6.7%, 0.382) 47%,
  hsla(0, 0%, 6.7%, 0.278) 56.5%,
  hsla(0, 0%, 6.7%, 0.194) 65%,
  hsla(0, 0%, 6.7%, 0.126) 73%,
  hsla(0, 0%, 6.7%, 0.075) 80.2%,
  hsla(0, 0%, 6.7%, 0.042) 86.1%,
  hsla(0, 0%, 6.7%, 0.021) 91%,
  hsla(0, 0%, 6.7%, 0.008) 95.2%,
  hsla(0, 0%, 6.7%, 0.002) 98.2%,
  hsla(0, 0%, 6.7%, 0) 100%
);
	
	
	/*background-image:url(images/bgr.png);*/
  background-size: contain;
	background-repeat: repeat-x;
  /*background-size: cover;*/
  height:45%;
  width: 100vw;
	position: fixed;
	z-index: 3;
}

.gradient--easing {
/*
  background: radial-gradient(circle at top right, hsl(0, 100%, 50%), hsl(351.5, 100%, 49.51%) 9.99%, hsl(343.03, 100%, 48.11%) 19.07%, hsl(334.18, 100%, 45.93%) 27.44%, hsl(324.5, 100%, 43.03%) 35.26%, hsl(313.41, 100%, 39.49%) 42.72%, hsl(300, 100%, 35.36%) 50%, hsl(286.59, 100%, 39.49%) 57.28%, hsl(275.5, 100%, 43.03%) 64.74%, hsl(265.82, 100%, 45.93%) 72.56%, hsl(256.97, 100%, 48.11%) 80.93%, hsl(248.5, 100%, 49.51%) 90.01%, hsl(240, 100%, 50%));*
	/*background: linear-gradient(to bottom, rgba(17,17,17,1)1%, rgba(17,17,17,0) );*/
  width: 100vw;
  opacity: 1;
	pointer-events: none;
}










/*////// START //////////////////////////////////////*/

#start00 {
	width: 100%;
	height:100vh;
    
    position: fixed;
   
   cursor: default;
    background-size: cover;
    
	
}

#start01 {
	width: 100%;
	height:80vh;
cursor: default;
margin-top: 20vh;

    
	
}


@media (min-aspect-ratio: 2/1) {
  #start00 {

    
    }
}




#logo00 {
    color:#fff;
    font-weight: 300;
    font-size: 1.8vw;
    font-family: 'Montserrat Alternates';
    white-space: nowrap;

    /*letter-spacing: 0.1em;*/
   
}
@media (max-width:1000px) {
  #logo00 {
    
    font-size: 120%;

   
}
}
.logo00space {
  letter-spacing: 0em;
  font-size: 20%;
}

#menu_00 {
  position:fixed;
    width: 100%;
    z-index: 101;
    color:#fff;
    
    background-color: #333233
    

}










.table_top { 
  margin:0px auto;
  width: 100%;
  padding-top: 2vh;
  padding-bottom: 2vh;
  padding-left:2vw;
  padding-right:2vw;
  display: table; 
}



.table_top-cell { vertical-align:top;}
.table_top-cell:nth-child(1) { width:auto; text-align: left; 
vertical-align: middle;}
.table_top-cell:nth-child(2) { width:100%; text-align: right;
vertical-align: middle;}


.table_top-cell:nth-child(3) { width:auto; text-align: right; 
vertical-align: middle;
white-space: nowrap;
font-weight: 300;
    font-size: 0.9vw;
    letter-spacing: 0.1em;
   
}

@media (max-width:1400px) {
 .table_top-cell:nth-child(3) { width:auto; text-align: right; 

    font-size: 1vw;

}
}
@media (max-width:1000px) {
  .table_top { 
 
  padding-left:6vw;
  
}
 .table_top-cell:nth-child(3) { width:auto; text-align: right; 

    font-size: 1.5vw;

}
}

.table_top-row {display: table-row;}
.table_top-cell {display: table-cell; }




#reload00 {
	cursor: pointer;
	transition: all .2s ease-in-out;
  width: 2.5vw;
  text-align: center;
  float:right;
  padding-right: 4vw;
  
  

}
#reload00:hover {
	transform: scale(1.1);
   
}

#reload00 img { height: auto; width: 2vw;}

@media (max-width:1000px) {
  #reload00 img { height: auto; width: 2vw;}
  
}



#menub00 {
	cursor: pointer;
	transition: all .2s ease-in-out;
  width: 8vw;
  text-align: center;
  float:right;
  margin-right: 10vw;
  padding-left: 4vw;
  
  

}
#menub00:hover {
	transform: scale(1.1);
   
}

#menub00 img { height: auto; width: 8vw;}


@media (max-width:800px) {
.menu_desk {
  display: none;
}
 #reload00 {
    width: 5.5vw;
    text-align: center;
  }
  #reload00 img { height: auto; width: 5vw;}
}

@media (min-width:800px) {
.menu_mobil {
  display: none;
}
 
}


















.contentbox00 {
  width: 100%;
  position: absolute;
  z-index: 2;
  margin: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.contentbox00a {
  width: 100%;
  position: absolute;
  z-index: 2;
  margin: 0;
  top: 20vh;
  
 
}

.contentbox01 {
  background: rgba(255,255,255,1);
  width: 100%;
  margin-bottom: 10vh;
  padding: 5vh;
  color:#fff;
  line-height: 150%;
  color: #333233;
 

}
.contentbox01text {
  background: rgba(255,255,255,1);
  width: 100%;
  margin-bottom: 10vh;
  padding: 10vh;
  color:#fff;
  line-height: 150%;
  color: #333233;

}

@media (max-width:1000px) {
  .contentbox00 {
  
  top: 20vh;
   -ms-transform: translateY(0%);
  transform: translateY(0%);
 
}
 .contentbox01 {
  
  
  padding: 0vh;
  
  

}
 .contentbox01text {
  
  
  padding: 3vh;
  
  

}
}


.flex-container00 {
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  
  
}
.itemkontakt {
  flex: 1;
  
  margin:20px;
  text-align: center;
  
  
}
.itemkontakt i {
  margin-right:5px;
  
  
}


.itemtext {
  flex: 1;
  
  margin:20px;
  text-align: left;
  
}
.itemtext i {
  margin-right:5px;
  
  
}
.font_90 {
  font-size: 90%;
}



h2 {
  display:flexbox;
}


@media (max-width:1000px) {
  .contentbox01 {
  background: none;
 

}




  .flex-container00 {
    display:block;
  }
  .itemkontakt {
    margin-bottom:40px;
    background: rgba(255,255,255,1);
     margin:0px;
     margin-bottom: 5vh;
     padding: 2vh;
    
  }
}










/*////// menu mobil//////////////////////////////////////*/



.button_menu01 {
  -webkit-tap-highlight-color: transparent;
	
}
#menu00 {
	position: fixed;
	width: 100%;
	
	z-index: 10;
	background: rgba(255,255,255,1);
	display: none;
	padding-top: 20vh;
  padding-bottom:2vh;
	font-size: 130%;
	line-height: 160%;
	font-weight: 400;
	top:0;
  text-align: center;
}
#menu01 {
	 width: 50%;
	margin: 0px auto;
	
	text-align: center;

}
@media (max-width: 40em) {
	#menu01 {
	padding-top: 110px;
	width: 100%;	
}
}

#button_menu02 {
	display: none;

}











 .linkext1 {
	
	transition: all .4s ease-in-out;
	color:#333233;
}

.linkext1:link {
	color:#333233;
}

 .linkext1:hover {
	
	color:#333233;
}

.linkext1:visited {
	
	color:#333233;
}

.linkext1:active {
	
	color:#333233;
	
}

.linkext2 {
  font-size:90%;
  color:#333233;
  margin-top: 7vh;
}
.linkext3 {
  font-size:90%;
  color:#333233;
  font-weight: 300;
    

    letter-spacing: 0.1em;
}