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

@function strip-unit($value) {
  @return $value / ($value * 0 + 1);
}

@mixin fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size) {
  $u1: unit($min-vw);
  $u2: unit($max-vw);
  $u3: unit($min-font-size);
  $u4: unit($max-font-size);

  @if $u1 == $u2 and $u1 == $u3 and $u1 == $u4 {
    & {
      font-size: $min-font-size;
      @media screen and (min-width: $min-vw) {
        font-size: calc(#{$min-font-size} + #{strip-unit($max-font-size - $min-font-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));
      }
      @media screen and (min-width: $max-vw) {
        font-size: $max-font-size;
      }
    }
  }
}

$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

html {
  @include fluid-type($min_width, $max_width, $min_font, $max_font);
}

body {
  @include fluid-type($min_width, $max_width, $min_font, $max_font);
  margin:0; background:#e5e8ef;
  
}

@media screen and (min-width: 768px) {
.content{
	@include fluid-type($min_width, $max_width, $min_font, $max_font);
	position:absolute;
	margin-left:25vw;
	margin-top:12vw;
	
	}
.round {
	
	border-top:#666 groove;
	border-left:#666 groove;
	background-color:#ecf0f5;
	width: 732px;
	
	
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 12px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 
}



h1 {
  color:#000;
  font-size:14pt;
  font-family:arial, "lucida console", sans-serif;/	}
	
	
header{
	position:fixed;
	top:0;
	width: 100%;
	height:10vw;
	/*background:#ecf0f5;*/
	background:#090;
	z-index:998;
}
			
header.sticky{
   	height: 5vw;
    padding-left: 0px;
	z-index:998;
			}
eweleit_eu {
	position:absolute;
	@include fluid-type($min_width, $max_width, $min_font, $max_font);
	font-family:Arial, Helvetica, sans-serif;
	width:40vw;
	margin-top:0;
	max-height:18vw;
	text-align:center;
	color:#000;
	font-size:4vw;
	margin-left:30vw;}
eweleit_eu.sticky{
	position:absolute;
	@include fluid-type($min_width, $max_width, $min_font, $max_font);
	font-family:Arial, Helvetica, sans-serif;
	width:40vw;
	margin-top:0vw;
	max-height:18vw;
	text-align:center;
	color:#000;
	font-size:1vw;
	margin-left:30vw;
	}
pre_logo {
	position:absolute;
	@include fluid-type($min_width, $max_width, $min_font, $max_font);
	font-family:Arial, Helvetica, sans-serif;
	width:40vw;
	margin-top:3vw;
	max-height:18vw;
	text-align:center;
	color:#000;
	font-size:1vw;
	margin-left:30vw;}
pre_logo.sticky{
	position:absolute;
	@include fluid-type($min_width, $max_width, $min_font, $max_font);
	font-family:Arial, Helvetica, sans-serif;
	width:40vw;
	margin-top:0;
	max-height:18vw;
	text-align:center;
	color:#000;
	font-size:1vw;
	margin-left:30vw;
	}
links_header2{
	position:absolute;
	@include fluid-type($min_width, $max_width, $min_font, $max_font);
	width:100%;
	margin-top:7vw;
	text-align:center;
	color:#000;
	margin-left:0;
	}
links_header2.sticky{
	position:absolute;
	@include fluid-type($min_width, $max_width, $min_font, $max_font);

	width:100%;
	margin-top:2vw;
	
	text-align:center;
	color:#000;
	
	margin-left:0;}

.div_logo{
	display: flex; 
    justify-content: center;
	align-items: center;
	/*border:#0F0 dotted;*/}	
img.logo{
	position:absolute;
	top:0vw;
	height:6vw;
	/*margin-left:25vw;*/
	}
img.logo.sticky{
	position:absolute;
	top:0vw;
	height:2vw;
	/*margin-left:30vw;*/
	}
}

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

.content{
	@include fluid-type($min_width, $max_width, $min_font, $max_font);
	position:absolute;
	display:block;
	margin-left:5vw;
	width:85vw;
	margin-top:25vw;


}


h1 {
  color:#000;
  font-size:14pt;
  font-family:arial, "lucida console", sans-serif;/	}

img { max-width:70vw;}

header{
	position:fixed;
	top:15vw;
	width: 100%;
	height:10vw;
	background:#ecf0f5;
	/*background:#090;*/
	z-index:998;
	border:#F03 dotted;	
}
			
header.sticky{ 
	position:fixed;
	top:15vw;
	width: 100%;
	height:10vw;
	background:#ecf0f5;
	/*background:#090;*/
	z-index:998;

}
/*links_header2{
	position:relative;
	@include fluid-type($min_width, $max_width, $min_font, $max_font);
	width:100%;
	height:10vw;
	margin-top:80vw;
	text-align:center;
	color:#000;
	margin-left:-20vw;
	}
links_header2.sticky{ display:none;}*/

.div_logo{
	display: flex; 
    justify-content: center;
	align-items: center;
	/*border:#0F0 dotted;*/}

img.logo{
	position:absolute;
	top:-13vw;
	height:17vw;
	margin-left:0;
	z-index:999;
	

	}
img.logo.sticky{
	position:absolute;
	top:-13vw;
	height:17vw;
	margin-left:0;
	z-index:999;}
	
	
eweleit_eu{
	position:absolute;
	@include fluid-type($min_width, $max_width, $min_font, $max_font);
	font-family:Arial, Helvetica, sans-serif;
	width:40vw;
	margin:0;
	max-height:18vw;
	text-align:center;
	color:#000;
	font-size:4vw;
	margin-left:30vw;
	}
pre_logo {
	position:absolute;
	@include fluid-type($min_width, $max_width, $min_font, $max_font);
	font-family:Arial, Helvetica, sans-serif;
	width:40vw;
	max-height:18vw;
	text-align:center;
	color:#000;
	font-size:2vw;
	margin-left:30vw;}
pre_logo.sticky{
	position:absolute;
	@include fluid-type($min_width, $max_width, $min_font, $max_font);
	font-family:Arial, Helvetica, sans-serif;
	width:40vw;
	max-height:18vw;
	text-align:center;
	color:#000;
	font-size:2vw;
	margin-left:30vw;}
	}
	
	



@media (min-width: 767px) {
.footfix {
   position:fixed;
   left:0;
   bottom:0;
   height:auto ;
   width:100%;
   background:#ccc;
   padding: 30px;
  transition: all .2s ease-in;
}
.footfix:hover{
   padding-bottom: 20px;
}
.spalten{
  float: left;
  width: 23%;
  font-size: 1.1em;
  text-align: center;
  text-decoration: none;
}
a.spalten {
  color: #fff !important;
  text-decoration: none;
}
a.spalten:hover {
  color: #000 !important;
}}
@media (max-width: 767px) {
  a.spalten span {
  display: none;
}
  .footfix {
  display: none;
}
.footfix:hover {
  display: none;
}
.spalten {
  display: none;
}

.round {
	
	border-top:#666 groove;
	border-left:#666 groove;
	background-color:#ecf0f5;
	
	
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 12px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 
}
}