@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	0;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/







@font-face{
				font-family:LetterGothicW01-Regular;
		
				
				src:url(../font/39de2ca7-91ac-4956-a80f-18d08d7867d4.eot?#iefix);
				src:url(../font/17ecb5b2-0508-4d4b-8b5b-72168df18041.ttf);
				
			}
			

body {
	
	font-family:LetterGothicW01-Regular;
	
	background-color:#fff;
	
	
	}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

h1, h2, h3, h4 p {
	font-size:72pt;
	margin: 0 0 0 0;
	font-style:normal;
	font-weight:400;
}

h2 {
	font-size:32pt;
     letter-spacing:-1.33333333pt;
	line-height:42.66pt;
}

h3 {
	font-size:16pt;
     letter-spacing:-0.66666666pt;
	line-height:21.33pt;
    margin-bottom: 16pt;
}

h4 {
	font-size:12pt;
     letter-spacing:-0.5pt;
	line-height:21.33pt;
    color:#e61d72;
     
}

p {
	font-size:12pt;
    letter-spacing:-0.5pt;
    line-height:21.33pt;
	line-height:16pt;

}



.bold{
    
    font-weight: 600;
}

/* Mobile Layout: 480px and below. */
  
/*.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	clear: none;
	float: none;
}

*/

nav,                     
  nav ul,
  nav li {           /* Normalisierung */
    list-style: none; 
    margin: 0 0 0 0; 
    padding: 0;
    border: 0;
  }
  nav ul {
    margin:0;
    padding: 0;
  }
  nav li {
	  padding:0;
	  margin:0;
    
	  
    
  }
  nav a {
    text-decoration: underline;
	font-size:12pt;
	line-height:16pt;
    color: #000; 
    
  }
  
  nav a:visited {    
    color: #000; 
   
  }
  nav a:focus,
  nav a:hover,
  nav a:active {    
    color: #e61d72; 
   
  }
  
 a,
 a:visited    {
    
    text-decoration: underline;
    color: #000; 
    
  }

a:focus,
a:hover,
a:active {    
    color: #e61d72; 
   
  }
 

.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}


.hidhid{
    display: none;
    }
    
.bottomLine{
	border-bottom: #000 dashed 1pt;
	}	

#intro, #introLeft, #introLeftTop, #introRightBottom, #intro_svg{
	background-color:transparent;
 
    background-size: cover;
	width:100%;
	height:100%;
	position:absolute;
	top:0pt;
	left:0pt;
	z-index:1000;
	
	}	
#intro{
 
}


#introLeft, #introLeftTop, #introRightBottom {
    background: url(../img/intro/introLeft.png) no-repeat left bottom fixed;
    background-size:initial;
	z-index:2000;
    display:block;
	
	}


#introLeftTop{
    background: url(../img/intro/introLeftTop.png) no-repeat left top fixed;
	
    display:block;
	}	

#introRightBottom{
    background: url(../img/intro/introRightBottom.jpg) no-repeat right bottom fixed;
	
    display:block;
	}


#main{

	
	}

#line_wrapper, #line_wrapper50{
	padding:0pt;
	border-bottom: #000 dashed 1pt;
	width:100%;
	position:relative;
	float:none;
	}
	
#line_wrapper50{
	border:0px;
	}	

#line_50, #line_30{
	max-width:100%;
	border-bottom: #000 dashed 1pt;
	position:relative;
	clear: none;
	}


#lw_info{
	display:none;
	}	
#fhp{
	position:absolute;
	bottom:24pt;
	right:24pt;
	font-size:12pt;
	display:block;
	}	

#pt96 {
	text-align:left;
	padding:16pt;
    letter-spacing: -3pt;
	font-size:72pt;
	margin-left: 0;
}


#pt{
	padding:16pt 16pt 16pt 16pt;
}

.columns2{
       
       padding-bottom: 4pt;
  -webkit-column-count: 1;
  -webkit-column-gap:   12pt;
  -moz-column-count:    1;
  -moz-column-gap:      12pt;
  column-count:         1;
  column-gap:           12pt;
}

#pt_left{
	padding:16pt;
	}


   #pt_img{
       padding: 16pt;
       padding-bottom: 4pt;
  -webkit-column-count: 1;
  -webkit-column-gap:   12pt;
  -moz-column-count:    1;
  -moz-column-gap:      12pt;
  column-count:         1;
  column-gap:           12pt;
        
        
    }

#pt_img img{
    padding-bottom: 12pt;
    
}



.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}	

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

/*.gridContainer {
	width: 97.5%;
	padding-left: 1.25%;
	padding-right: 1.25%;
	clear: none;
	float: none;
	margin-left: auto;
}*/

.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

    
#pt{
	padding:24pt 24pt 24pt 24pt;
}  
    
#pt_left{
	padding:24pt;
	}

    
h2 {
	letter-spacing:-2pt;
	font-size:48pt;
	line-height:56pt;
}

h3 {
    letter-spacing:-1pt;
	font-size:24pt;
	line-height:32pt;
}



#pt96 {
    letter-spacing:-4pt;
	font-size:96pt;
    padding: 24pt,

}


  #pt_img{
      padding: 24pt;
      padding-bottom: 12pt;
  -webkit-column-count: 2;
  -webkit-column-gap:   12pt;
  -moz-column-count:    2;
  -moz-column-gap:      12pt;
  column-count:         2;
  column-gap:           12pt;
        
        
    }

.columns2{
       
       padding-bottom: 4pt;
  -webkit-column-count: 2;
  -webkit-column-gap:   12pt;
  -moz-column-count:    2;
  -moz-column-gap:      12pt;
  column-count:         2;
  column-gap:           12pt;
}



.hidhid{
    display: block;
    }    
    


.hide_tablet {
display: none;
}

.hide_mobile {
display: block;
}



.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

#line_wrapper50{
	border-bottom: #000 dashed 1pt;
	}	
 

#introLeft, #introRight{
        
    display: block;
        
    }
    
#lw_info{
	position:absolute;
	bottom:24pt;
	right:24pt;
	font-size:12pt;
	display:block;
	}    


    
#line_50, #line_30{
	max-width:50%;
	border-bottom: #000 dashed 0pt;
	position:relative;
	clear: none;
	}
    
#line_30{
	max-width:33.333333%;
	}    

#pt_left{
	padding:24pt 0pt 24pt 24pt;
	}

#pt_img{

  -webkit-column-count: 3;
  -webkit-column-gap:   12pt;
  -moz-column-count:    3;
  -moz-column-gap:      12pt;
  column-count:         3;
  column-gap:           12pt;
        
        
    }


.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}