* fullPage 2.6.0
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html, body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}


body {
width: 100%;background-size: cover; background-repeat: no-repeat;
}





#superContainer {
    height: 100%; 
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0px;
    height: 0px;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 18px 18px 18px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 18px 0 18px 18px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%; 
	
	
	
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 5%;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 5px;
    height: 5px;
    margin: 3px;
    position:relative;
	
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration:none;
	
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
	
	

 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #808080;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;

}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1; 
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
#maschine{ position:absolute;left:300px;top:200px}

#logo{ position:absolute;right:300px;top:200px}





/* HTML5 Elemente */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}

html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

/* Responsive Images */

img {
max-width: 100%;
/* Part 1: Set a maxium relative to the parent */
width: auto\9;
/* IE7-8 need help adjusting responsive images */
height: auto;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}


/* Basis
============================================= */

body {
margin: 0;
font:normal 14px/22px 'Open Sans', Arial, sans-serif;
color: #777;
background-color: #ffffff;
}


/* Links */

a {
color: #00c498;
text-decoration: none;
-webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
}

a:hover,
a:focus {
color: #333;
text-decoration:underline;
}

a:hover,
a:active {
outline: 0; 
}


/* Raster
============================================= */

/* Clearfix und Abstandsausgleich für die Zeilen */

.row { margin-left: -20px; *zoom: 1; }

.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}

.row:after { clear: both; }

/* Info zum folgenden Selektor
http://blog.teamtreehouse.com/css3-substring-matching-attribute-selectors */



/* Clearfix + Zentrieren für den Container */

.container {
margin-right: auto;
margin-left: auto;
*zoom: 1;
}

.container:before,
.container:after {
display: table;
content: "";
line-height: 0;
}

.container:after { clear: both; }





.container2 {
margin-right: auto;
margin-left: auto;
*zoom: 1;
}

.container2:before,
.container2:after {
display: table;
content: "";
line-height: 0;
}

.container2:after { clear: both; }


/* Typografie
============================================= */

p { margin: 0 0 10px 0; color:#00CC66; font-family:Arial, Helvetica, sans-serif; font-size:8px; font-style:normal;  }
p1 { margin: 0 0 10px 0; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-style:normal;  }
p85 { margin: 0 0 10px 0; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; t }
p11 { margin: 0 0 10px 0; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-style:normal; font-weight:bold   }
/* hervorheben */
.lead {
font-size: 21px;
line-height: 30px;
margin-bottom: 20px;
}

small { font-size: 85%; }
strong { font-weight: bold; }
/* das <em>-Tag betont ein Wort oder einen Ausdruck */
em { font-style: italic; }

/* Zitate */
cite { font-style: normal; }

/* abgeschwächt */
.muted { color: #999999; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

h1, h2,
h3, h4,
h5, h6 {
margin: 10px 0;
font-weight: bold;
line-height: 40px;
color: #333333;
text-rendering: optimizelegibility;
}

h1,
h2,
h3 { line-height: 20px;  }

h1 { font-size: 39px; }
h2 { font-size: 32px; }
h3 { font-size: 25px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 11px; }


/* hoch- und tiefstellen */
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }





/*
==============================================
==============================================
   Module
==============================================
============================================== */




/* Header
============================================= */
	#header, #footer{
		position:fixed;
		height: 90px;
		display:block;
		width: 100%;
		

		z-index:9;
	
		
		padding: 20px 0 0 0; 
	}

	#header {
		top:0px;
		background-color:#FFFFFF; color:#000000;} 
		
		

		
		
	
	#footer{
		bottom:0px; background-color:#FF3399; color:#000000;
	}

/* Navigation
============================================== */

nav {
font-size:1em; font-family:Arial, Helvetica, sans-serif,; top: 62px;
position:fixed; left: 140px;
}

nav ul {
margin:0;
padding:0;
white-space:nowrap;
}

nav ul li {
display: inline;
margin-right: 8px;
padding-right: 11px;
border-right:1px solid #808080;
}

nav ul li:last-child {
padding-right: 0;
border-right:none;
}

nav a {
color:#333;
text-decoration:none;
}

nav a:hover,
nav .active {
color: #999;
}

.active { cursor:default; color:333; }
.active:hover { text-decoration:none; }



.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



/* Suche
============================================== */



/* Footer
============================================== */




/*
==============================================
==============================================
   Responsive / CSS3 Media Queries
==============================================
============================================== */


/*
   Elemente ein- und ausblenden
==============================================*/

@-ms-viewport { width: device-width; }

.hidden { display: none; visibility: hidden; }
.visible-phone { display: none !important; }
.visible-tablet { display: none !important; }
.hidden-desktop { display: none !important; }
.visible-desktop { display: inherit !important; }






@media (min-width: 1320px) and (max-width: 1639px) {
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important ; }
.visible-tablet { display: inherit !important; }
.hidden-tablet { display: none !important; }

}

@media (min-width: 1064px) and (max-width: 1319px) {
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important ; }
.visible-tablet { display: inherit !important; }
.hidden-tablet { display: none !important; }

}

@media (min-width: 980px) and (max-width: 1063px) {
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important ; }
.visible-tablet { display: inherit !important; }
.hidden-tablet { display: none !important; }

}


@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important ; }
.visible-tablet { display: inherit !important; }
.hidden-tablet { display: none !important; }

}






@media (min-width: 481px) and (max-width: 768px) {
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important; }
.visible-phone { display: inherit !important; }
.hidden-phone { display: none !important; }

}


@media (min-width: 321px) and (max-width: 480px) 
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important; }
.visible-phone { display: inherit !important; }
.hidden-phone { display: none !important; }

}


@media (max-width: 320px) 
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important; }
.visible-phone { display: inherit !important; }
.hidden-phone { display: none !important; }

}





.visible-print { display: none !important; }

@media print {
.visible-print { display: inherit !important; }
.hidden-print { display: none !important; }
}

/* Mobile 
==============================================*/


@media (max-width: 320px)


{

.row {
margin-left: -7.5px;
*zoom: 1;
}


.fp-controlArrow {
   
    margin-top: -19px;
   
}
.fp-controlArrow.fp-prev {
    
    border-width: 19.25px 17px 19.25px 0;
  
}
.fp-controlArrow.fp-next {

    border-width: 19.25px 0 19.25px 17px;
    
}


.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after { clear: both; }

[class*="span"] {
float: left;
min-height: 1px;
margin-left: 7.5px;
}


#header { height:40px; line-height:1.2em; font-size:0.9em;}
p1 { margin: 0 0 6.66px 0; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-style:normal; line-height:1em  }
nav { font-size: 0.9em; top: 29px; left:20px; line-height:2em; }
#be { margin-left: 94.5%; top:-15px; width: 26.64; height: 26.64; position:relative; float: left; } 

#uber { margin-left: 20px; position:relative; top:-6px; width: 100%; float: left; line-height:1.2em; font-size:0.9em; }
h9 { font-family:Arial, Helvetica, sans-serif; font-size:1.055em; font-weight:bold;   color:#000000; border-bottom: 1px solid #000;
line-height:1.2em; }
h89 { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold;   color:#000000; line-height:1em;  }
#textbox{width:100%; position:absolute; bottom: 0px; z-index:99; height: 30%; background-color:#FFFFFF; line-height:1em; font-size:0.9em;  }
.container2 { width: 1278.72px; height:719.28px;
font-size:0.9em; line-height:1em;}



.span135{  width: 230px; height: 1080px;  padding-top:40px; background-color:#FFFFFF; padding-left:20px; padding-right:20px;   line-height:1em; text-align:justify; font-size:0.9em;}

.text135 {  width:229px; height: 70px;  padding-top: 7.5px; ;overflow:auto; padding-left:0px; padding-right:20px;   line-height:1em; font-size:0.9em;}



.span139{  width: 180px; overflow:auto; padding-top:0px;padding-left: 5px; line-height:1em;}
.span22 { width: 55px; }
.span92 { width: 255px; }

.container { width: 292.5px; font-size:0.9em; line-height:1em; 

 }














.span177{ height: 26px; background-color:#FFFFFF; overflow:auto; width: 85px; padding-right: 7.5px; line-height:1em; font-size:0.9em;  }

.span127 { width: 292.5px;    }
.span12ma { width: 292.5px; background-color:#FFFFFF; }
.span12a { width: 292.5px; background-color:#FFFFFF; border-bottom: 7.5px #FFFFFF solid; margin-left:0px;  }
.span12 { width: 292.5px; background-color:#FFFFFF; }
.span129 { width: 292.5px; background-color:#FFFFFF; margin-bottom:7.5px; }
.span123 { width: 277.5px; background-color:#FFFFFF; padding: 7.5px; }
.span122 { width: 292.5px; }
.span121 { width: 242.5px; background-color:#FFFFFF; padding-left: 7.5px; padding-right: 7.5px; padding-bottom: 7.5px; padding-top: 7.5px; }
.span11 { width: 267.5px; }
.span10 { width:242.5px; }
.span9 { width: 217.5px; }
.span82{ width: 85px; height: 117.5px; overflow:auto; background-color:#FFFFFF; top: 26px; padding-right: 7.5px; line-height:1;  }
.span31{ width: 85px;background-color:#FFFFFF; margin-left:2.5px; padding-right: 5px;  }
.span8 { width: 192.5px; }
.span7 { width: 167.5px; }
.span6 { width: 142.5px; }
.span5 { width: 117.5px; }
.span4 { width: 92.5px; }
.span3 { width: 67.5px; }
.span2 { width: 42.5px; }
.span26 { width: 42.5px; background-color:#FFFFFF; } 
.span1 { width: 17.5px; }

.span801 { width: 78.75px; }
.span802 { width: 120px; }

.span405 { width: 26.5px; }
.span406 { width: 224.5px; }

.span703 { width: 28px; }
.span704 { width: 221.5px; }

.offset12 { margin-left: 764px; }
.offset11 { margin-left: 702px; }
.offset10 { margin-left: 640px; }
.offset9 { margin-left: 578px; }
.offset8 { margin-left: 516px; }
.offset7 { margin-left: 454px; }
.offset6 { margin-left: 392px; }
.offset5 { margin-left: 330px; }
.offset4 { margin-left: 268px; }
.offset3 { margin-left: 206px; }
.offset2 { margin-left: 144px; }
.offset1 { margin-left: 82px; }



}
































@media (min-width: 321px) and (max-width: 480px)

{

.row {
margin-left: -7.5px;
*zoom: 1;
}


.fp-controlArrow {
   
    margin-top: -19px;
   
}
.fp-controlArrow.fp-prev {
    
    border-width: 19.25px 17px 19.25px 0;
  
}
.fp-controlArrow.fp-next {

    border-width: 19.25px 0 19.25px 17px;}


.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after { clear: both; }

[class*="span"] {
float: left;
min-height: 1px;
margin-left: 7.5px;
}


#header { height:50px;}
p1 { margin: 0 0 6.66px 0; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-style:normal; line-height:1em; }
nav { font-size: 1em; top: 29px; left:33.3px; line-height:3em }
#be { margin-left: 94.5%; top:-15px; width: 26.64; height: 26.64; position:relative; float: left; line-height:1.3em; font-size:1em; } 

#uber { margin-left: 33.3px; position:relative; top:-6px; width: 100%; float: left; font-size:1em; line-height:1.3em; }
h9 { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:1.3em;  color:#000000; border-bottom: 0.666px solid #000;
 }
h89 { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold;   color:#000000; line-height:1em; }
#textbox{width:100%; position:absolute; bottom: 0px; z-index:99; height: 30%; background-color:#FFFFFF; font-size:0.9em; line-height:1em; }
.container2 { width: 1278.72px; height:719.28px;
font-size:0.9em; line-height:1em; }


.span135{  width: 250px; height: 1080px;  padding-top:50px; background-color:#FFFFFF; padding-left:33.3px; padding-right:33.3px;  line-height:1em; text-align:justify; font-size:0.9em;}

.text135 {  width: 249px; height: 80px;  padding-top: 7.5px; ;overflow:auto; padding-left:0px; padding-right:33.3px;   line-height:1em; font-size:0.9em;}




.span139{  width: 220px; overflow:auto; padding-top:0px;padding-left: 15px; line-height:1em; font-size: 0.9em;}
.span22 { width: 55px; }
.span92 { width: 255px; }

.container { width: 292.5px; font-size:0.9em; line-height:1em;

 }









.span177{ height: 26px; background-color:#FFFFFF; overflow:auto; width: 85px; padding-right: 7.5px; line-height:1em; font-size:0.9em;  }

.span127 { width: 292.5px;    }
.span12ma { width: 292.5px; background-color:#FFFFFF; }
.span12a { width: 292.5px; background-color:#FFFFFF; border-bottom: 7.5px #FFFFFF solid; margin-left:0px;  }
.span12 { width: 292.5px; background-color:#FFFFFF; }
.span129 { width: 292.5px; background-color:#FFFFFF; margin-bottom:7.5px; }
.span123 { width: 277.5px; background-color:#FFFFFF; padding: 7.5px; }
.span122 { width: 292.5px; }
.span121 { width: 242.5px; background-color:#FFFFFF; padding-left: 7.5px; padding-right: 7.5px; padding-bottom: 7.5px; padding-top: 7.5px; }
.span11 { width: 267.5px; }
.span10 { width:242.5px; }
.span9 { width: 217.5px; }
.span82{ width: 85px; height: 117.5px; overflow:auto; background-color:#FFFFFF; top: 26px; padding-right: 7.5px; line-height:1;  }
.span31{ width: 85px;background-color:#FFFFFF; margin-left:2.5px; padding-right: 5px;  }
.span8 { width: 192.5px; }
.span7 { width: 167.5px; }
.span6 { width: 142.5px; }
.span5 { width: 117.5px; }
.span4 { width: 92.5px; }
.span3 { width: 67.5px; }
.span2 { width: 42.5px; }
.span26 { width: 42.5px; background-color:#FFFFFF; } 
.span1 { width: 17.5px; }

.span801 { width: 78.75px; }
.span802 { width: 120px; }

.span405 { width: 26.5px; }
.span406 { width: 224.5px; }

.span703 { width: 28px; }
.span704 { width: 221.5px; }

.offset12 { margin-left: 764px; }
.offset11 { margin-left: 702px; }
.offset10 { margin-left: 640px; }
.offset9 { margin-left: 578px; }
.offset8 { margin-left: 516px; }
.offset7 { margin-left: 454px; }
.offset6 { margin-left: 392px; }
.offset5 { margin-left: 330px; }
.offset4 { margin-left: 268px; }
.offset3 { margin-left: 206px; }
.offset2 { margin-left: 144px; }
.offset1 { margin-left: 82px; }



}













@media (min-width: 481px) and (max-width: 768px) {

.row {
margin-left: -11.28px;
*zoom: 1;
}

.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after { clear: both; }

[class*="span"] {
float: left;
min-height: 1px;
margin-left: 11.28px;
}

#header { height:50px;}
p1 { margin: 0 0 6.66px 0; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:0.95em; font-style:normal; line-height:1.1em;  }
nav { font-size: 1em; top: 29px; left:33.3px; line-height:3em; }
#be { margin-left: 94.5%; top:-15px; width: 26.64; height: 26.64; position:relative; float: left; } 

#uber { margin-left: 33.3px; position:relative; top:-6px; width: 100%; float: left; font-size: 1em; line-height:1.3;}
h9 { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:1.3;  color:#000000; border-bottom: 1px solid #000;
 }
h89 { font-family:Arial, Helvetica, sans-serif;  font-weight:bold;   color:#000000;  font-size:0.95em; line-height:1.1em; }
#textbox{width:100%; position:absolute; bottom: 0px; z-index:99; height: 16%; background-color:#FFFFFF;  font-size:0.95em; line-height:1.1em; }
.container2 { width: 1278.72px; height:719.28px;
 font-size:0.95em; line-height:1.1em; }



.span135{  width: 250px; height: 1080px;  padding-top:50px; background-color:#FFFFFF; padding-left:33.3px; padding-right:33.3px;   line-height:1.1em; font-size:0.95em;}

.text135 {  width: 249px; height: 160px;  padding-top: 20px; ;overflow:auto; padding-left:0px; padding-right:33.3px;   line-height:1.1em; font-size:0.95em;}


.span139{  width: 220px; overflow:auto; padding-top:0px;padding-left: 15px;  font-size:0.95em; line-height:1.1em;}
.span22 { width: 82.72px; }
.span92 { width: 383.52px; }

.container { width: 439.92px; font-size:0.95em; line-height:1.1em;

 }










.span177{ height: 26px; background-color:#FFFFFF; overflow:auto; width: 127px; padding-right: 11.28px;  font-size:0.95em; line-height:1.1em;   }

.span127 { width: 439.92px;    }
.span12ma { width: 439.92px; background-color:#FFFFFF; }
.span12a { width: 439.92px; background-color:#FFFFFF; border-bottom: 11.28px #FFFFFF solid; margin-left:0px;  }
.span12 { width: 439.92px; background-color:#FFFFFF; }
.span129 { width: 439.92px; background-color:#FFFFFF; margin-bottom:11.28px; }
.span123 { width: 417.36px; background-color:#FFFFFF; padding: 11.28px; }
.span122 { width: 439.92px; }
.span121 { width: 364.72px; background-color:#FFFFFF; padding-left: 11.28px; padding-right: 11.28px; padding-bottom: 11.28px; padding-top: 11.28px; }
.span11 { width: 402.32px; }
.span10 { width: 364.72px; }
.span9 { width: 327.12px; }
.span82{ width: 127.84px; height: 176px; overflow:auto; background-color:#FFFFFF; top: 26px; padding-right: 11.28px; line-height:1;  }
.span31{ width: 127.84px;background-color:#FFFFFF; margin-left:3.76px; padding-right: 7.52px;  }
.span8 { width: 289.52px; }
.span7 { width: 251.92px; }
.span6 { width: 214.32px; }
.span5 { width: 176.72px; }
.span4 { width: 139.12px; }
.span3 { width: 101.52px; }
.span2 { width: 63.92px; }
.span26 { width: 63.92px; background-color:#FFFFFF; } 
.span1 { width: 26.32px; }

.span801 { width: 118.44px; }
.span802 { width: 180.48px; }

.span405 { width: 39.85px; }
.span406 { width: 337.64px; }

.span703 { width: 42.11px; }
.span704 { width: 333.13px; }

.offset12 { margin-left: 764px; }
.offset11 { margin-left: 702px; }
.offset10 { margin-left: 640px; }
.offset9 { margin-left: 578px; }
.offset8 { margin-left: 516px; }
.offset7 { margin-left: 454px; }
.offset6 { margin-left: 392px; }
.offset5 { margin-left: 330px; }
.offset4 { margin-left: 268px; }
.offset3 { margin-left: 206px; }
.offset2 { margin-left: 144px; }
.offset1 { margin-left: 82px; }



/* Typografie
=========================== */


/*
===========================
===========================
 Module
===========================
=========================== */


/* Header
=========================== */


/* Navigation
=========================== */


/* Footer
=========================== */


}


/* Tablet 800
==============================================*/







/* Tablet  940
==============================================*/


@media (min-width: 768px) and (max-width: 979px) {
.row {
margin-left: -14.64px;
*zoom: 1;
}

.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after { clear: both; }

[class*="span"] {
float: left;
min-height: 1px;
margin-left: 14.64px;
}


#header { height:59.94px;}
p1 { margin: 0 0 6.66px 0; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:0.95em; font-style:normal; line-height:1.2em; }
nav { font-size: 1em; top: 31px; left:33.3px; line-height:3em;}
#be { margin-left: 94.5%; top:-15px; width: 26.64; height: 26.64; position:relative; float: left; } 

#uber { margin-left: 33.3px; position:relative; top:-4px; width: 100%; float: left; line-height:1.3em; font-size:1em;}
h9 { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:1.3em;  color:#000000; border-bottom: 1px solid #000;
line-height:0.3em; }
h89 { font-family:Arial, Helvetica, sans-serif; font-size:0.95em; font-weight:bold;   color:#000000; line-height: 1.2em }
#textbox{width:100%; position:absolute; bottom: 0px; z-index:99; height: 18%; background-color:#FFFFFF; font-size:0.95em; line-height:1.2em; }
.container2 { width: 1278.72px; height:719.28px;
font-size:0.95em; line-height:1.2em; }


.span135{  width: 346.32px; height: 1080px;  padding-top:59.94px; background-color:#FFFFFF; padding-left:33.3px; padding-right:33.3px;   line-height:1.2em; font-size:0.95em;}

.text135 {  width: 346px; height: 327px;  padding-top: 20px; ;overflow:auto; padding-left:0px; padding-right:33.3px;   line-height:1.2em; font-size:0.95em;}





.span139{  width: 220px; overflow:auto; padding-top:0px; padding-left:15px; line-height:1.2em; font-size:0.95em;}
.span22 { width: 107.36px; }
.span92 { width: 497.76px; }









.container { width: 570.96px;  
font-size:0.95em; line-height:1.2em;
 }


.span177{ height: 34px; background-color:#FFFFFF; overflow:auto; width: 165px; padding-right: 14.64px; line-height:1.2em; font-size:0.95em;  }
.span127 { width: 570.96px;    }
.span12ma { width: 570.96px; background-color:#FFFFFF;  }
.span12a { width: 570.96px; background-color:#FFFFFF; border-bottom: 14.64px #FFFFFF solid; margin-left:0px; }
.span12 { width: 570.96px; background-color:#FFFFFF; }
.span129 { width: 570.96px; background-color:#FFFFFF; margin-bottom:14.64px; }
.span123 { width: 541.68px; background-color:#FFFFFF; padding: 14.64px; }
.span122 { width: 570.96px; }
.span121 { width: 470.96px; background-color:#FFFFFF; padding-left: 14.64px; padding-right: 14.64px; padding-bottom: 14.64px; padding-top: 14.64px; }
.span11 { width: 522.16px; }
.span10 { width: 473.36px; }
.span9 { width: 424.56px; }
.span82{ width: 165.92px; height: 229px; overflow:auto; background-color:#FFFFFF; top: 34px; padding-right: 14.64px; line-height:1.2;  }
.span31{ width: 165.92px;background-color:#FFFFFF; margin-left:4.88px; padding-right: 9.76px;  }
.span8 { width: 375.76px; }
.span7 { width: 326.96px; }
.span6 { width: 278.16px; }
.span5 { width: 229.36px; }
.span4 { width: 180.56px; }
.span3 { width: 131.76px; }
.span2 { width: 82.96px; }
.span26 { width: 82.96px; background-color:#FFFFFF; } 
.span1 { width: 34.16px; }

.span801 { width: 153.72px; }
.span802 { width: 234.24px; }

.span405 { width: 51.72px; }
.span406 { width: 438.22px; }

.span703 { width: 54.65px; }
.span704 { width: 432.36px; }

.offset12 { margin-left: 764px; }
.offset11 { margin-left: 702px; }
.offset10 { margin-left: 640px; }
.offset9 { margin-left: 578px; }
.offset8 { margin-left: 516px; }
.offset7 { margin-left: 454px; }
.offset6 { margin-left: 392px; }
.offset5 { margin-left: 330px; }
.offset4 { margin-left: 268px; }
.offset3 { margin-left: 206px; }
.offset2 { margin-left: 144px; }
.offset1 { margin-left: 82px; }
}






















/* Tablet  1024
==============================================*/


@media (min-width: 980px) and (max-width: 1063px) {
.row {
margin-left: -15.99px;
*zoom: 1;
}

.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after { clear: both; }

[class*="span"] {
float: left;
min-height: 1px;
margin-left: 15.99px;
}


#header { height:59.94px;line-height:1.3em; font-size:1em;}
p1 { margin: 0 0 6.66px 0; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-style:normal; line-height:1.3em;  }
nav { font-size: 1em; top: 31px; left:33.3px; line-height:3em; }
#be { margin-left: 94.5%; top:-15px; width: 26.64; height: 26.64; position:relative; float: left; } 

#uber { margin-left: 33.3px; position:relative; top:-4px; width: 100%; float: left; line-height:1.3em; font-size:1em; }
h9 { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:1.3em;  color:#000000; border-bottom: 1px solid #000;
 }
h89 { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold;   color:#000000; line-height:1.3em;  }
#textbox{width:100%; position:absolute; bottom: 0px; z-index:99; height: 18%; background-color:#FFFFFF; font-size:1em; line-height:1.3em; }
.container2 { width: 1278.72px; height:719.28px;
font-size:1em; line-height:1.3em; }


.span135{  width: 346.32px; height: 1080px;  padding-top:59.94px; background-color:#FFFFFF; padding-left:33.3px; padding-right:33.3px;   line-height:1.3em; font-size:1em;}

.text135 {  width: 346px; height: 400px;  padding-top: 20px; ;overflow:auto; padding-left:0px; padding-right:33.3px;   line-height:1.3em; font-size:1em;}





.span139{  width: 260px; overflow:auto; padding-top:0px; padding-left:15px; line-height:1.3;  font-size:1em;}




.span22 { width: 117.26px; }
.span92 { width: 543.66px; }






.container { width: 623.61px;
font-size:1em; line-height:1.3em;
 }

.span177{ height: 37px; background-color:#FFFFFF; overflow:auto;width: 181.22px; padding-right: 15.99px;   line-height:1.3em; font-size:1em; }

.span127 { width: 623.61px;    }
.span12ma { width: 623.61px; background-color:#FFFFFF;  }
.span12a { width: 623.61px; background-color:#FFFFFF; border-bottom: 15.99px #FFFFFF solid; margin-left:0px;  }
.span12 { width: 623.61px; background-color:#FFFFFF; }
.span129 { width: 623.61px; background-color:#FFFFFF; margin-bottom:15.99px; }
.span123 { width: 591.63px; background-color:#FFFFFF; padding: 15.99px; }
.span122 { width: 623.61px; }
.span121 { width: 517.01px; background-color:#FFFFFF; padding-left: 15.99px; padding-right: 15.99px; padding-bottom: 15.99px; padding-top: 15.99px; }
.span11 { width: 570.31px; }
.span10 { width: 517.01px; }
.span9 { width: 463.71px; }
.span82{ width: 181.22px; height: 250px; overflow:auto; background-color:#FFFFFF; top: 37px;  padding-right: 15.99px; line-height:1.2;  }
.span31{ width: 181.22px;background-color:#FFFFFF; margin-left:5.33px; padding-right: 1.660px;  }
.span8 { width: 410.41px; }
.span7 { width: 357.11px; }
.span6 { width: 303.81px; }
.span5 { width: 250.51px; }
.span4 { width: 197.21px; }
.span3 { width: 143.91px; }
.span2 { width: 90.61px; }
.span26 { width: 90.61px; background-color:#FFFFFF; } 
.span1 { width: 37.31px; }

.span801 { width: 167.89px; }
.span802 { width: 255.84px; }

.span405 { width: 56.49px; }
.span406 { width: 478.63px; }

.span703 { width: 59.69px; }
.span704 { width: 472.23px; }

.offset12 { margin-left: 764px; }
.offset11 { margin-left: 702px; }
.offset10 { margin-left: 640px; }
.offset9 { margin-left: 578px; }
.offset8 { margin-left: 516px; }
.offset7 { margin-left: 454px; }
.offset6 { margin-left: 392px; }
.offset5 { margin-left: 330px; }
.offset4 { margin-left: 268px; }
.offset3 { margin-left: 206px; }
.offset2 { margin-left: 144px; }
.offset1 { margin-left: 82px; }
}























/* 1280 large 
==============================================*/


@media (min-width: 1064px) and (max-width: 1319px) {


.row {
margin-left: -19.98px;
*zoom: 1;
}

.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after { clear: both; }

[class*="span"] {
float: left;
min-height: 1px;
margin-left: 19.98px;
}

#header { height:59.94px; line-height:1.3em; font-size:1em;}
p1 { margin: 0 0 6.66px 0; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-style:normal; line-height:1.3em; }
nav { font-size: 1em; top: 31px; left:33.3px; line-height:3em }
#be { margin-left: 94.5%; top:-15px; width: 26.64; height: 26.64; position:relative; float: left; } 

#uber { margin-left: 33.3px; position:relative; top:-4px; width: 100%; float: left; line-height:1.3em; font-size:1em; }
h9 { font-family:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:1.3em;  color:#000000; border-bottom: 1px solid #000;
 }
h89 { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:1.3em;   color:#000000;  }
#textbox{width:100%; position:absolute; bottom: 0px; z-index:99; height: 16%;  background-color:#FFFFFF; font-size:1em; line-height:1.3em;  }
.container2 { width: 1278.72px; height:719.28px;
font-size: 1em; line-height:1.3em; }


.span135{  width: 346.32px; height: 1080px;  padding-top:59.94px; background-color:#FFFFFF; padding-left:33.3px; padding-right:33.3px;   line-height:1.3em; font-size:1em;}

.text135 {  width: 346px; height: 400px;  padding-top: 20px; ;overflow:auto; padding-left:0px; padding-right:33.3px;   line-height:1.3em; font-size:1em;}




.span139{  width: 310px; overflow:auto; padding-top:0px;padding-left: 0px; line-height:1.3em; font-size:1em;}



.span22 { width: 146.52px; }
.span92 { width: 679.31px; }

.container { width: 779.22px;
font-size:1em; line-height:1.3em;
 }

.span177 { height: 46px; background-color:#FFFFFF; overflow:auto;width: 226.44px; padding-right: 19.98px;  line-height:1.3; font-size:1em; }

.span127 { width: 779.22px;    }
.span12ma { width: 779.22px; background-color:#FFFFFF;  }
.span12a { width: 779.22px; background-color:#FFFFFF; border-bottom: 19.98px #FFFFFF solid; margin-left:0px; }
.span12 { width: 779.22px; background-color:#FFFFFF; }
.span129 { width: 779.22px; background-color:#FFFFFF; margin-bottom:19.98px; }
.span123 { width: 739.26px; background-color:#FFFFFF; padding: 19.98px; }
.span122 { width: 779.22px; }
.span121 { width: 646.02px; background-color:#FFFFFF; padding-left: 19.98px; padding-right: 19.98px; padding-bottom: 19.98px; padding-top: 19.98px; }
.span11 { width: 712.62px; }
.span10 { width: 646.02px; }
.span9 { width: 579.42px; }
.span82{ width: 226.44px; height: 313px; overflow:auto; background-color:#FFFFFF; top: 46px;  padding-right: 19.98px; line-height:1.2;  }
.span31{ width: 226.44px;background-color:#FFFFFF; margin-left:6.66px; padding-right: 13.32px;  }
.span8 { width: 512.82px; }
.span7 { width: 446.22px; }
.span6 { width: 379.62px; }
.span5 { width: 313.02px; }
.span4 { width: 246.42px; }
.span3 { width: 179.82px; }
.span2 { width: 113.22px; }
.span26 { width: 113.22px; background-color:#FFFFFF; } 
.span1 { width: 46.62px; }

.span801 { width: 209.79px; }
.span802 { width: 319.68px; }

.span405 { width: 70.59px; }
.span406 { width: 598.06px; }

.span703 { width: 74.59px; }
.span704 { width: 590.07px; }

.offset12 { margin-left: 764px; }
.offset11 { margin-left: 702px; }
.offset10 { margin-left: 640px; }
.offset9 { margin-left: 578px; }
.offset8 { margin-left: 516px; }
.offset7 { margin-left: 454px; }
.offset6 { margin-left: 392px; }
.offset5 { margin-left: 330px; }
.offset4 { margin-left: 268px; }
.offset3 { margin-left: 206px; }
.offset2 { margin-left: 144px; }
.offset1 { margin-left: 82px; }
}


















/* large desktop 1600
==============================================*/


@media (min-width: 1320px) and (max-width: 1639px) {
.row {
margin-left: -24.96px;
*zoom: 1;
}

.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after { clear: both; }

[class*="span"] {
float: left;
min-height: 1px;
margin-left: 24.96px;
}

#header { height:90px; line-height:1.3em; font-size:1em;}
p1 { margin: 0 0 1px 0; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-style:normal; linbe-height:1.3em  }
nav { font-size: 1em; top: 57px; left:50px; line-height:1.3em;  }
#be { margin-left: 94.5%; top:-15px; width: 40px; height: 40px; position:relative; float: left; } 
#uber { margin-left: 50px; position:relative; margin-top:5px; width: 100%; float: left; }
h9 { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:1.3em;   color:#000000; border-bottom: 1px solid #000;
 }
h89 { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:1.3em;  color:#000000;  }
#textbox{width:100%; position:absolute; bottom: 0px; z-index:99; height: 15%; background-color:#FFFFFF;  }
.container2 { width: 1597px; height:890px; 
font-size:1em; line-height:1.3em; }
.span135{  width: 400px; height: 1080px;  padding-top:90px; background-color:#FFFFFF; padding-left:50px; padding-right:50px;   line-height:1.3em; font-size:1em;}

.text135 {  width: 399px; height: 560px;  padding-top:30px; ;overflow:auto; padding-left:0px; padding-right:50px;   line-height:1.3em; font-size:1em;}
.span139{  width: 380px; overflow:auto; padding-top:0px; padding-left:15px; line-height:1.3em; font-size:1em;}



.span22 { width: 183px; }
.span92 { width: 849px; }



.container { width: 973.44px; 
font-size:1em; line-height:1.3em;
 }

.span177{ height: 58px; background-color:#FFFFFF; overflow:auto; width: 282.88px; padding-right: 24.94px;   line-height:1.3em; font-size:1em; }
 

.span127 { width: 973.44px;    }
.span12ma { width: 973.44px; background-color:#FFFFFF; }
.span12a { width: 973.44px; background-color:#FFFFFF; border-bottom: 24.96px #FFFFFF solid; margin-left:0px; }
.span12 { width: 973.44px; background-color:#FFFFFF; }
.span129 { width: 973.44px; background-color:#FFFFFF; margin-bottom:24.96px; }
.span123 { width: 923.52px; background-color:#FFFFFF; padding: 24.96px; }
.span122 { width: 973.44px; }
.span121 { width: 807.04px; background-color:#FFFFFF; padding-left: 24.96px; padding-right: 24.96px; padding-bottom: 24.96px; padding-top: 24.96px; }
.span11 { width: 890.24px; }
.span10 { width: 807.04px; }
.span9 { width: 723.84px; }
.span82{ width: 282.88px; height: 391px; overflow:auto; background-color:#FFFFFF; top: 58px;  padding-right: 24.94px; line-height:1.3;  }
.span31{ width: 282.88px;background-color:#FFFFFF; margin-left:8.32px; padding-right: 16.64px;  }
.span8 { width: 640.64px; }
.span7 { width: 557.44px; }
.span6 { width: 474.24px; }
.span5 { width: 391.04px; }
.span4 { width: 307.84px; }
.span3 { width: 224.64px; }
.span2 { width: 141.44px; }
.span26 { width: 141.44px; background-color:#FFFFFF; } 
.span1 { width: 58.24px; }

.span801 { width: 262.08px; }
.span802 { width: 399.36px; }

.span405 { width: 88px; }
.span406 { width: 747px; }

.span703 { width: 93px; }
.span704 { width: 737px; }

.offset12 { margin-left: 764px; }
.offset11 { margin-left: 702px; }
.offset10 { margin-left: 640px; }
.offset9 { margin-left: 578px; }
.offset8 { margin-left: 516px; }
.offset7 { margin-left: 454px; }
.offset6 { margin-left: 392px; }
.offset5 { margin-left: 330px; }
.offset4 { margin-left: 268px; }
.offset3 { margin-left: 206px; }
.offset2 { margin-left: 144px; }
.offset1 { margin-left: 82px; }
}

















/* Large Desktop 
==============================================*/

@media (min-width: 1640px) {
.row {
 margin-left: -30px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 30px;
}



.container { width: 1170px; 
font-size:1em; line-height:1.3em;}

#header { height:90px; font-size:1em; line-height:1.3em;}
p1 { margin: 0 0 1px 0; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:1.3em; font-style:normal;  }
nav { font-size: 1em; top: 57px; left:50px; line-height: 1.3em; }
#be { width: 40px; height: 40px; top: 35px; right: 50px; float: left; position:fixed;} 
#uber { margin-left: 50px; position:relative; margin-top:5px; width: 100%; font-size:1em; line-height:1.3em; }
h9 { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:1.3em;   color:#000000; border-bottom: 1px solid #000;
 }
h89 { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:1.3em;   color:#000000;  }
#textbox{width:100%; position:absolute; bottom: 0px; z-index:99; height: 15%; background-color:#FFFFFF; }
.container2 { width: 1920px; height:1080px;
font-size:1em; line-height:1.3em }

	
	
	

	
	.span139{  width: 490px; overflow:auto; padding-top:0px; line-height:1.3em; font-size:1em;}
.span22 { width: 220px; }
.span92 { width: 1020px; }

.span177{ height: 70px; background-color:#FFFFFF; overflow:auto; width: 340px; line-height:1.3; font-size: 1em; padding-right:30px; 
     }
.span135{  width: 520px; height: 1080px; overflow:auto; background-color:#FFFFFF; padding-left:50px; padding-right:50px; border-top: 120px #FFFFFF solid; font-size: 1em; line-height:1.3; text-align:justify;}
.text135 {  width: 520px; height: 800px;  padding-top:30px; ;overflow:auto; padding-left:0px; padding-right:50px;    line-height:1.3em; font-size:1em;}
.span12ma { width: 1170px; background-color:#FFFFFF;  }
.span12a { width: 1170px; background-color:#FFFFFF; border-bottom: 30px #FFFFFF solid; margin-left:0px;     }
.span12 { width: 1170px; background-color:#FFFFFF; }
.span129 { width: 1170px; background-color:#FFFFFF; margin-bottom:30px;  }
.span123 { width: 1110px; background-color:#FFFFFF; padding: 30px;}
.span122 { width: 1170px;  }
.span127 { width: 1170px; top:18.1%; position:absolute;  }
.span121 { width: 970px;background-color:#FFFFFF; padding-left: 30px; padding-right: 30px; padding-bottom: 30px; padding-top: 30px; }
.span11 { width: 1070px; }
.span10 { width: 970px; }
.span9 { width: 870px; }

.span8 { width: 770px; }
.span7 { width: 670px; }

.span6 { width: 570px; }
.span5 { width: 470px; }
.span82{ width: 340px; height: 470px; overflow:auto; background-color:#FFFFFF; top: 70px; padding-right: 30px;  line-height:1.3;  }
.span31{ width: 340px;background-color:#FFFFFF; margin-left:10px; padding-right: 20px;  }
.span4 { width: 370px; }
.span3 { width: 270px; }
.span2 { width: 170px; }

.span26 { width: 170px; background-color:#FFFFFF; } 
.span1 { width: 70px; }

.span801 { width: 315px; }
.span802 { width: 480px; }

.span405 { width: 106px; }
.span406 { width: 898px; }

.span703 { width: 112px; }
.span704 { width: 886px; }


.offset12 { margin-left: 1230px; }
.offset11 { margin-left: 1130px; }
.offset10 { margin-left: 1030px; }
.offset9 { margin-left: 930px; }
.offset8 { margin-left: 830px; }
.offset7 { margin-left: 730px; }
.offset6 { margin-left: 630px; }
.offset5 { margin-left: 530px; }
.offset4 { margin-left: 430px; }
.offset3 { margin-left: 330px; }
.offset2 { margin-left: 230px; }
.offset1 { margin-left: 130px; }
}