* {
margin:0;
padding:0;
}
html{
	padding: 0px;
margin: 0px;
}
body {
	font-family:consolas, menlo, monaco,  Sans-serif;
	font-size: 0.75em;
	margin:0px ;
	padding:0px;
	background: none;
	color:black;
	overflow-x: hidden; 
	width:100%;
	min-width: 576px;
	width:auto;
}
div {
	margin:0px ;
	padding:0px;
	background: none;
	
}


/* TEXT */

p {
	font-family:consolas, menlo, monaco,  Sans-serif;
	margin:8px 0;
	font-size:2em;
	line-height: 1.5em;
}

h1 { 
	
	font-size:3em;
    font-weight:bold;  
	line-height: 1em;
}

/*h1 span {background-color: silver;}	*/

h2 {
color:#ff4000;
font-weight:bold;
font-size:2em;
margin:15px 0 8px 0;
padding:0;	
}

ul {
	font-family:consolas, menlo, monaco,  Sans-serif;
	padding-left: 20px;
	font-size:2em;
	line-height: 1.5em;
}

/* LINKS GLOBAL */

a, a:link, a:link, a:link, a:hover {
background:transparent;
text-decoration:none;
outline:none;
cursor:pointer;
}
a:link {
color:#ff4000;
outline:none;
}
a:visited {
color:#ff4000;
outline:none;
}
a:hover, a:active {
color:#505050;
outline:none;
}
a:hover {
color:#505050;
text-decoration:none;
outline:none;
}
a img {
border:none;
outline:none;
}


/* CLEAR FIX */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */

.heading {
    background: none;
    position: fixed;
    padding: 2em;
    left: 32%;
    top:/* 15%*/;
    transform: translate(-50%/*,-10%*/);
	z-index: 110;
}

#logo{ 
	top: 20px;
	left: 42px;
	width: 100%;
	z-index: 110;
	
}

#logo img{
	width: 10%;
}

#social {
	
	padding:0;
	width:27px;
	margin:0px  auto 0px; 

	z-index:10;
	top: 45px;
	right: 42px;
	position: fixed;
	
}

#nav {
	top: 170px;
	left: 42px;
	position: fixed;
	z-index: 8;
}

#white {
	background:white;
	position: absolute;
	}


/* CONTENT WRAPPER */
#wrap {
	min-width:100%;
}
#contentwrap {
	width:100%;
	max-width: 1220px;
	background:none;
	position: static;
	padding-top: 0px 20px 0px 20px;
	margin:0px  auto 0px;
	clear: both;
}

.space {
	position:relative;
	height:100px;
	background-color: none;
	z-index: 1;
}
	

video {
	width: 100%;
	height: auto;
	z-index: 9;
}


/* GLOBALE TEXT DEFINITIONEN */

.centertext{
	text-align: center; 
	padding-top:0px;
    font-weight:bold;
	font-size:1em;
	line-height: 1.2em;
	clear: both;
	z-index: 9;
}
p.centertext{
	text-align: center; 
	padding-top:0px;
    font-weight:bold;
	font-size:2em;
	line-height: 1.2em;
	clear: both;
}

.centertextsubsub{
	text-align: center; 
	
	font-size:1.3em;
    font-weight:bold; 
	clear: both; 
	line-height: 1.3em; 
	text-transform: uppercase;
}

.centertextbigattention{
		text-align: center; 
		padding-top:30px;
		padding-bottom:30px; 		
		font-size:6.5em;
    	font-weight:bold;  
		line-height: 1.5em; 
		text-transform: uppercase;
		color:#ff661a;}

.centertextbig{
	text-align: center; 
	padding-top:15px;
	padding-bottom:15px;
	font-size:3em;
    font-weight:bold; 
	clear: both; 
	line-height: 1.5em; 
	text-transform: uppercase;
	z-index: 9;
}

.centertextverybig{
	text-align: center; 
	padding-top:30px;
	padding-bottom:30px; 	
	font-size:6.5em;
    font-weight:bold;  
	line-height: 1.5em; 
	text-transform: uppercase;
	color: silver;	
}
	


/* CENTER TEXT BOX */
.centertextbox {
    width:50%;
	border:none;
	text-align: center; 
	position:static;
    padding-bottom:15px;
	margin:0px  auto 0px;
	clear: both;
	z-index: 9;
}
.centerbox {
    width:50%;
	border:none;
	text-align: center; 
	position:static;
    padding: 0px;
	margin:0px  auto 0px;
	clear: both;
}
.centertextboxleft {
    width:50%;
	border:none;
	text-align: left; 
	position:static;
    padding-top: 0px ;
	padding-bottom: 70px ;
	margin:0px  auto 0px;
	clear: both;
	z-index: 9;
}

.contentboxes{
	float: left;
	min-width: 50%;
	max-width: 50%;
	padding-right: 0px;
}
.contentboxestext{
	margin:0px  auto 0px;
	min-width: 290px;
	max-width: 599px;
	min-height: 50px;
	padding: 20px 0px 20px 0px; 
	clear: both;
}
/* IMAGE DEFINITIONEN */

.imagerow {
  display: flex;
  z-index: 9;
  
}

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
}

/* two images next to each other */
.column {
  flex: 50%;
  padding: 0px;
}
.column4 {
  flex: 25%;
  padding: 0px;
}
.column img {
  margin-top: 0px;
  vertical-align: middle;
}
.hoveropac {
	float: left;
    opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */ 
	background-color:white;
}
.hoveropac:hover {
	opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
}
.scaleimg { 
	max-width: 100%;
}

img,
    object {
         max-width: 100%;
    }