/* reset */

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

/* render html5 elements as block 

   rendert html5 elemente als block  */



header, section, aside, nav, article { display: block;}

aside {
color: #ececec; 
}

body {

background-color: white;

font-size: 1em;

font-family: "Raleway", sans-serif;
 font-weight: 300;
line-height: 1.6em; 

color:black;

}

pre, code {

font-size: 1.3em;

}

a {color: black;}

a { text-decoration: none;}

a:visited {color: black;}

a:hover {color: #9d9d9c;}

a:hover {text-decoration: none;}

a:active { color: #9d9d9c;}





.titleblue {

color: #9d9d9c;

}

.titleblack {

color: black;
padding: 15px 0 0 20px;

}

.textfield {
font-family: 'Raleway', sans-serif;
font-weight: lighter;
color: #black;
margin: -1.25em 0 1.25em 0;

}

.textfield2 {
width: 240px;
margin: -0.625em 0 1.5em 0;
padding: 20px 0 0 20px;
}

.textfield3 {

margin: -1.25em 0 1.25em 0;

}

.textfield4 {
font-family: 'Raleway', sans-serif;
font-weight: lighter;
color: #9d9d9d;
margin: -1.25em 0 0 0;

}


.page-row {

    display: table-row;

    height: 1px;

}



.page-row-expanded { height: 100%; }



h1 {

font-size:1.6em;

font-weight: 400;
line-height: 1.25em;

color: #9d9d9c;

margin: 0 0 10px;

}

h2{

font-size:1.4em;

font-weight: 300;
line-height: 1.2em;

color: white;


}

h1a{

font-size:1.6em;

font-weight: 400;
line-height: 1.25em;

color: #ffffff;

margin: 0 0 10px;

}






h2{

font-size: 1.28em;

font-weight: 200;
line-height: 1.19em;

color: white;


}

h3{

font-size: 1.28em;

font-weight: 200;
line-height: 1.5em;

color: white;


}




#top:after{
  height: 0;
  content: ".";
  display: block;
  clear: both;
  visibility:hidden;
} 

#top header{
  padding:20px;
  float:left;
  width:50%;
}

header p{
  text-transform:uppercase;
  font-size:0.8434em;
}
header img{ 
  border:0;
  padding: 0 0 10px;
}  
.mini, .menubutton{
  display:none;
}

.menubutton a {
  cursor:pointer;
}
 
/* new nav ----------- */
nav{
  padding:0 20px 0 0;
  float:right;
  width:50%;
} 
nav ul:after {
  height: 0;
  content: ".";
  display: block;
  clear: both;
  visibility:hidden;
} 
nav ul {
  list-style-type: none;
  float:right;
}   
nav li {
  float: left;
  margin: 0 3px 0 0;
}
nav a, nav a:visited {
  background-color: #999999;
  color: #FFFFFF;
  display: block;
  padding: 5px 20px;
  text-decoration: none;
  transition: all 0.5s linear 0s;
  border-radius: 0 0 10px 10px;

  -moz-transition:all 0.5s linear;    
  -webkit-transition:all 0.5s linear;   
  box-shadow: 0 1px 3px rgba(255,255,255,0.3) ;
}
nav a:hover {
  color:#9d9d9c;
  background-color: rgba(255,255,255,0.7) ;
  padding:80px 20px 0;
}
nav a:active { color:#000000;}
nav a.selected {
  color:#fff;
  background-color: rgba(255,102,119,0.7) ; 
  padding:80px 20px 0;
} 



img.download {vertical-align:left;}

img{border:none; max-width:100%;}



ul{

	
    list-style: outside;

margin: 0 0 0 20px;}







.layout {

    height: 100%;

    width:100%;

    margin:0 0 100px 0;

    float: left;

}





.footercontainer { width:100%;height: 100%;float: left; font-family: 'Raleway'; 

    display: inline-block;

    vertical-align: top;}

	

/* ----------container zentriert das layout-------------- */



#container {

max-width: 1920px;

min-width:320px;

margin:0  auto;

background-color: white;

}



/* ----------header for logo-------------- */

#top:after{

    height: 0;

    content: ".";

    display: block;

    clear: both;

  visibility:hidden;

  } 

#top {

  background-color: white;

	}



#top header{

  padding:20px 20px 0 20px;

  float:left;

  width:100%;

  }

  



header img{ 
float: right;

border:0;

margin: 20px 20px 0 0;

padding: 0 0 55px 0;

} 

 

.mini, .menubutton{

  display:none;

  }

  





.menubutton a {

  cursor:pointer;

}

 

/* new nav */



#Navicon {

	display:none;

}

#Navigation {

	

}



nav{

  margin:0 0 0 0;

  width: 100%;

} 





nav ul:after {

    height: 0;

    content: ".";

    display: block;

    clear: both;

  visibility:hidden;

  } 

nav ul {

  list-style-type: none;

}   

nav li {

  float: left;

  margin: 0 20px 0 0;

  }





nav a, nav a:visited {

  background-color: white;

  color: #564b47;

  display: block;

  padding: 5px 0px;

  text-decoration: none;

  transition: all 0.5s linear;

  box-shadow: 0 0px 0px #666666;

}





nav a:hover {

  color:#564b47;

  text-decoration: none;

  }

nav a:active { color:#000000;}

nav a.selected {

  color:#564b47;

  background-color: white; 

} 



/* ----------------- content--------------------- */

section:before {

    height: 0;

    content: ".";

    display: block;

    clear: both;

  visibility:hidden;

  }

  



.allthumbnails {

	max-width: 1880px;

	width:100%;

	margin:0 0 0 0;

	float: right;

}

.allthumbnailstwo {


	margin:0 0 0 15%;

	float: left;

}



.nav {

float: right;

margin: 0 0 2px 0;

}



.image {

float: left;

padding: 7px 0 0 0;

}

.image2 a:last-child {

     margin:0 0 2% 0;


float: left;

}

.image2 {

float: left;


padding: 0 0 0 0;

}



section#content {

width: 100%;

padding: 0 20px 20px 20px;

background-color: #fff;

min-height:500px;

}

p, pre{


padding:  0 0 20px 0;


}

ul{

	padding:0;

	line-height:1.7em;

}







/* -------------- side infos ------------- */







/* -----------footer--------------------------- */

footer.footer {

position: fixed;

padding: 0 0 0 20px;

width: 100%;

clear:both;

background-color: white;

font-size:0.9em;

color:black

}







footer nav li {

    float: left;

  margin: 0 30px 0 0;

}



footer a {

	color: #999; text-decoration:none;

	}



.footer-segment {

    display: inline-block;

    vertical-align: top;

    width: 32%;

}



.thumbnail{
  font-family: "Raleway", sans-serif;
 font-weight: 300;
 float: left;
 margin: 0 4% 0 15%;

 padding: 14px 0 0 0;

 width:33%;

 

   }
   
   
   .thumbnailb{
  font-family: "Raleway", sans-serif;
 font-weight: 300;
 float: left;
 margin: 0 4% 0 15%;

 padding: 14px 0 0 0;

 width:33%;

 

   }
   
   
.thumbnaila{
  font-family: "Raleway", sans-serif;
 font-weight: 300;

 float: left;
 margin: 0 15% 0 0;

 padding: 14px 0 0 0;

 width:33%;

 

   }
   
   .thumbnailc{
  font-family: "Raleway", sans-serif;
 font-weight: 300;

 float: left;
 margin: 0 15% 0 0;

 padding: 0 0 0 0;

 width:33%;

 

   }
   
   
   .thumbnaild{
  font-family: "Raleway", sans-serif;
 font-weight: 300;
 float: left;
 margin: 0 4% 0 15%;

 padding: 0 0 0 0;

 width:33%;

   }
   
   
.thumbnail55 {
font-family: "Raleway", sans-serif;
font-weight: 300;
float: left;
margin: 0 4% 0 15%;
width: 33%;
}

.thumbnail56 {
font-family: "Raleway", sans-serif;
font-weight: 300;
float: left;
margin: 0 15% 0 0;
width: 33%;
}

.thumbnail75 {
font-family: "Raleway", sans-serif;
font-weight: 300;
float: left;
margin: 0 15% 0 15%;
padding: 14px 0 0 0;
width: 70%;
}

.thumbnail76 {
font-family: "Raleway", sans-serif;
font-weight: 300;
float: left;
margin: 0 15% 0 15%;
padding: 14px 0 0 0;
width: 465px;
}

   

.thumbnail2{
  font-family: "Raleway", sans-serif;
 font-weight: 300;
 float: left;
 margin: 0 0 0 15%;
 padding: 14px 8% 0 0;

   }
   

 
  

.foto{
float: left;
 padding: 20px 33px 0 0;	

	}

.white{
	float: right;
	width: 20%;
	background: white;
	height: 25px;
	}


.thumbnail3{

 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300;
 

 
 margin: 0 0 5px 0;

 padding: 0 9px 0 0;
 
   }
   
   .thumbnail3v{

 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300;
 

 
 margin: 0 0 5px 0;

 padding: 0 0 0 0;
 
   }
   
   .thumbnail3a.v{

 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300; 

 
 margin: 0 0 5px 0;

 padding: 0 0 0 0;
 
   }
   
.thumbnail3a{
	
 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300;
 

 
 margin: 0 0 5px 0;

 padding: 0 9px 0 0;
 	
	}
   
.thumbnail3a a.active{

 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300;
 
 
 color: #6958a2;
 

   }
   
   .thumbnail3b{
	
 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300;
 

 
 margin: 0 0 5px 0;

 padding: 0 9px 0 0;
 	
	}
   
   .thumbnail3b a.active{

 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300;
 
 
 color: #6958a2;
 

   }
   
   
   .thumbnail3c{
	
 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300;
 

 
 margin: 0 0 5px 0;

 padding: 0 9px 0 0;
 	
	}
   
   .thumbnail3c a.active{

 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300;
 
 
 color: #6958a2;
 
 
   }
   
   .thumbnail3d{
	
 float: right;

 font-family: "Raleway", sans-serif;
 font-weight: 300;
 

 
 margin: 0 0 5px 0;

 padding: 0 9px 0 0;
 	
	}
   
   .thumbnail3d a.active{

 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300;
 
 
 color: #6958a2;
 
 
   }
   
   .thumbnail3e{
	
 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300;
 

 
 margin: 0 0 5px 0;

 padding: 0 9px 0 0;
 	
	}
   
   .thumbnail3e a.active{

 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300;
 
 
 color: #6958a2;
 
 
   }
   
   .thumbnail3f{
	
 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300;

 
 margin: 0 0 5px 0;

 padding: 0 9px 0 0;
 	
	}
   
   .thumbnail3f
   
    a.active{

 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300;
 
 color: #6958a2;
 
 
   }
   
 .thumbnail3g{
	
 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300;

 
 margin: 0 0 5px 0;

 padding: 0 9px 0 0;
 	
	}
   
   .thumbnail3g
   
    a.active{

 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300;
 
 color: #6958a2;
 
 
   }
   
   .thumbnail3h {

 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300;
 
 
 color: #6958a2;
 
 padding: 0 0 0 0;
   }
   
   .thumbnail3h a.active{

 float: right;

  font-family: "Raleway", sans-serif;
 font-weight: 300;
 
 color: #6958a2;
 
 
 padding: 0 0 0 0;
   }

   
   
.grafik{

 float: left;

  font-family: "Raleway", sans-serif;
 font-weight: 300;

 font-size: 1.4em;
 
 color: #1d70b7;
 
 margin: 0 0 5px 0;

 padding: 0 20px 0 0;
 
   } 
   
   
 
   
   

   

.thumbnail20{

 float: left;

  font-family: "Raleway", sans-serif;
 font-weight: 300;

 font-size: 1.4em;

 color: black;	

 margin: 100px 0 11px 0;

 padding: 0 20px 0 0;

   }

   

.thumbnail4{

 font-family: Open Sans, sans-serif;
 
 font-weight: lighter;

 font-size: 1.4em;
 

 color: black;	

 float: right;

 margin: 65px 0 10px 0;

 padding: 0 0 0 20px;

   }

   

.thumbnail5{

 float: left;

 margin: 0 3% 0 0;

 padding: 5px 0 0 0; 

 width:22%; 

}


 

.thumbnail6{

 float: left;


 padding: 0 50px 0 0;  

}

.thumbnail28{

float: left;

}

   

.thumbnail7{

 float: left;

 margin: 0 30px 0 0;

 padding: 0 0 5px 0;

}







.thumbnail8{

 

 margin: 0 30px 0 0;

 padding: 5px 0 0 0;

}



.thumbnail9{
 font-family: "Raleway", sans-serif;
 font-weight: 300;
 float: left;
margin: 9px 8% 0 15%;
padding: 5px 0 0 0;


 width: 25%;

}

.thumbnail30{

 float: left;
padding: 5px 0 0 0;


 width: 70%;

}

.thumbnail31{
  font-family: "Raleway", sans-serif;
 font-weight: 300;
 float: left;
padding: 7px 0 0 20px;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 12%;
 height: 137px;

}

.thumbnail32{
 font-family: "Raleway", sans-serif;
 font-weight: 300;
  float: left;
padding: 7px 0 0 0;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 25%;
 height: 137px;

}

.thumbnail33{
 font-family: "Raleway", sans-serif;
 font-weight: 300;
 float: left;
padding: 20px 20px 0 20px;
margin: 20px 8% 13px 15%;
background-color: #9d9d9c;

 width: 35%;

}

.thumbnail29{
float: left;

 width:45%;	
}

.thumbnail10{

 float: left;

 margin: 0 0 40px 0;
 padding: 0 5% 0 0;

 width:30%;

}



.thumbnail11{

 float: left;

 margin: 0 0 40px 0;

 width:30%;

}



.thumbnail12{

	float: left;

 margin: 0 0 0 0;

 padding: -10px 0 0 0;

}



.thumbnail14{

float: left;

 margin: 0 45px 0 0;


}



.thumbnail15{

 float: left;

 margin: 0 45px 0 0;


}

.thumbnail34{
font-family: 'Raleway', sans-serif;
 float: right;
 margin: 14px 15% 40px 0;
width: 24%;



}

.thumbnail35{

padding: 15px 0 0 0;
width: 100%;
}



.backgroundwhite{
margin: 20px 0 0 -20px;
padding: 0 10% 0 0;
background-color: white;
width: 118%;
	
}


.thumbnail16{

float: left;



}



.thumbnail17{

float: left;

 margin: 0 45px 0 0;

 padding: 0 0 0 0;

    width: 25%;

}



.thumbnail18{

float: left;

    width: 25%;

}



.thumbnail19{
font-family: "Raleway", sans-serif;
font-weight: 300;
padding: 14px 15% 0 15%;

}

.thumbnail36{
	float: right;
padding: 5px 0 0 0;
width: 41%;

}



.thumbnail20{

 float: left;

 font-family: Myriad Pro;

 font-size: 1.4em;

 color: black;	

 margin: 0 0 11px 0;

 padding: 0 20px 0 40px;

   }

   

.thumbnail22{
 font-family: 'Raleway', sans-serif;

 float: left;

 margin: 0 15% 0 0;
 padding: 14px 0 0 0;

    width: 20%;

   }   

   

.thumbnail23{
 font-family: 'Raleway', sans-serif;
 float: left;

 margin: 0 4% 0 15%;
 padding: 14px 0 0 0;

 width: 21%;

 

   }
   
   .thumbnail23a{
 font-family: 'Raleway', sans-serif;

 float: left;

margin: 0 4% 0 0;
 padding: 14px 0 0 0;

 width: 21%;

 

   }
   
   .thumbnail23d{
 font-family: 'Raleway', sans-serif;
 float: left;

 margin: 0 0 0 15%;
 padding: 14px 0 0 0;

 width: 85%;

 

   }

   

.thumbnail24{
 font-family: "Raleway", sans-serif;
 font-weight: lighter;
 float: left;
 padding: 127px 0 0 0;

   }
   
.thumbnail28{



font-family: Open Sans, sans-serif;
   }   


.thumbnail25{
 font-family: 'Raleway', sans-serif;

 float: left;

 margin: 0 2% 0 0;


 width:15%; 

} 

.thumbnail25a{
 font-family: 'Raleway', sans-serif;
 float: left;

 margin: 0 3% 0 15%;


 width:15%; 

}

.thumbnail25b{
 font-family: 'Raleway', sans-serif;

 float: left;

 margin: 0 6% 0 0;


 width:17%; 

}   
   
   .thumbnail42{
 font-family: 'Raleway', sans-serif;
 width: 190px;
	   
 float: left;

 margin: -350px 4% 1.5em 15%;
 
  paddding: 0 0 0 0;

   }
   
   .thumbnail43{

 width: 195px;
	   
 float: left;

 margin: 0px 4% 1.5em 0px;
 
  paddding: 0 0 0 0;

   }
   
   .thumbnail44{

 width: 200px;
	   
 float: left;

 margin: 0px 0px 1.5em 0px;
 
  paddding: 0 0 0 0;

   }
   
      
   .textmusiktheaterb{

 width: 240px;
	   
 float: left;

 margin: -300px 0px 1.5em 50px;
 
  paddding: 0 0 0 0;

   }
   

.cafina{
 font-family: 'Raleway', sans-serif;
 width: 240px;
	   
 float: left;

 margin: 55px 0px 1.5em 15%;

 paddding: 0 0 0 0;

   }
   
.maxxis{
 font-family: 'Raleway', sans-serif;
 color: black;
 width: 300px;
	   
 float: left;

 margin: 55px 0px 1.5em 15%;

 paddding: 0 0 0 0;

   }   
   
   .textbeispiele{
	 width: 240px;  
 float: left;

 margin: 55px 0px 1.5em 10%;

 paddding: 10px 0 0 10px;
 
 background-color: #e7e7e7;


   }
   
   .musik{
	   
 width: 200px;
	   
 float: left;

 margin: 50px 0px 1.5em 15%;

 paddding: 0 0 0 0;

   }
   
   .nespresso{
	   
 width: 220px;
	   
 float: left;

 margin: 50px 0px 1.5em 15%;

 paddding: 0 0 0 0;

   }
   
   .nespresso_{
 font-family: 'Raleway', sans-serif;
 width: 240px;
	   
 float: left;

 margin: 40px 0px 1.5em 15%;

 paddding: 0 0 0 0;

   }
   
   .emmentaler{
 font-family: 'Raleway', sans-serif;
 width: 250px;
	   
 float: left;

 margin: 40px 0px 1.5em 15%;

 paddding: 0 0 0 0;

   }
   
   .mettlertoledoprint{
 font-family: 'Raleway', sans-serif;  
 width: 280px;
	   
 float: left;

 margin: 50px 0px 1.5em 15%;

 paddding: 0 0 0 0;

   }
   
   
   .jobtv{
	   
 width: 230px;
	   
 float: left;

 margin: 45px 0px 1.5em 15%;

 paddding: 0 0 0 0;

   }
   
   .elba{
 font-family: 'Raleway', sans-serif;   
 width: 165px;
	   
 float: left;

 margin: 50px 0px 1.5em 15%;

 paddding: 0 0 0 0;
 
   }
   
   .bellevuepalace{
	   
 width: 210px;
	   
 float: left;

 margin: 50px 0px 1.5em 15%;

 paddding: 0 0 0 0;
 
   }

.skyworkairlines{
	   
 width: 250px;
	   
 float: left;

 margin: 50px 0px 1.5em 15%;

 paddding: 0 0 0 0;
 
   }
   
   .swisselectric{
	   
 width: 190px;
	   
 float: left;

 margin: 50px 0px 1.5em 15%;

 paddding: 0 0 0 0;
 
   }
   
   .twobvisions{

 width: 240px;
	   
 float: left;

 margin: 60px 0px 1.5em 15%;

 paddding: 0 0 0 0;

   }
   
   .ebzuerich{
 font-family: 'Raleway', sans-serif;
 width: 320px;
	   
 float: left;

 margin: 55px 0px 1.5em 15%;

 paddding: 0 0 0 0;

   }

.bfg{
 font-family: 'Raleway', sans-serif;
 width: 240px;
	   
 float: left;

 margin: 80px 0px 1.5em 15%;

 paddding: 0 0 0 0;

   }
   

   

.portfolio{
	
	
 min-width:320px;

 margin:0  auto;
 
 float: left;

 margin: 45px 0 0 0;
 

   }

   

.portfoliogast{
	min-width: 320px;
	float: left;
	margin: 45px 0px 60px 0;
	padding: 0 20px 0 39%;
	position: absolute;
   }
   
   .portfoliomusik{
	min-width: 320px;
	float: left;
	margin: 45px 0px 60px 0;
	padding: 0 20px 0 35%;
	position: absolute;
   }
   
   .portfolionespresso{
	min-width: 320px;
	float: left;
	margin: 45px 0px 60px 0;
	padding: 0 20px 0 35%;
	position: absolute;
   }
   
   .portfoliojobtv{
	min-width: 320px;
	float: left;
	margin: 45px 0px 60px 0;
	padding: 0 20px 0 35%;
	position: absolute;
   }
   
   .portfolioelba{
	min-width: 320px;
	float: left;
	margin: 45px 0px 60px 0;
	padding: 0 20px 0 35%;
	position: absolute;
   }
   
   .portfoliomtprint{
	min-width: 320px;
	float: left;
	margin: 45px 0px 60px 0;
	padding: 0 20px 0 40%;
	position: absolute;
   }
   
   .portfoliocafina{
	min-width: 320px;
	float: left;
	margin: 45px 0px 60px 0;
	padding: 0 20px 0 35%;
	position: absolute;
   }
   
   .portfoliobellevuepalace{
	min-width: 320px;
	float: left;
	margin: 45px 0px 60px 0;
	padding: 0 20px 0 35%;
	position: absolute;
   }
   
   .portfolioswisselectric{
	min-width: 320px;
	float: left;
	margin: 45px 0px 60px 0;
	padding: 0 20px 0 35%;
	position: absolute;
   }
   
   .portfolio2bvisions{
	min-width: 320px;
	float: left;
	margin: 45px 20px 60px 0;
	padding: 0 0 0 35%;
	position: absolute;
   }
   
   .portfoliomtweb{
	min-width: 320px;
	float: left;
	margin: 45px 20px 60px 0;
	padding: 0 0 0 35%;
	position: absolute;
   }
   
   .portfoliozeitung{

 float: left;

 margin: 45px 0 0 14px;

 paddding: 0 0 0 0;

   }

.portfolio.hauptseite{

    margin: 0px 0 26px 0;

}

   

.clear{

 clear: left;

 margin: 0 0 0 0;

 }

 

.portfolio a {

 	width: 32%;

 	float: left;

 	margin:0 2% 20px 0;

 }

 .portfolio a:last-child {

     margin:0 0 20px 0;

 }

 .portfolio a img{

 	width: 100%;

 }

   



   

.portfoliomt{

 float: left;

 margin: 45px 0 30px 0;

 paddding: 59px 0 0 0;

   } 

   

.portfolioemmentaler{
	min-width: 320px;
	float: left;
	margin: 45px 0px 60px 0;
	padding: 0 20px 0 35%;
	position: absolute;
   }

   

.text{

font-size: 0.85em;

font-family: Arial, SunSans-Regular, Sans-Serif;

color: white;

}

.style12 {	color: #000;

	line-height: 1.8em;

	text-align: left;

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

}



.footer {

    max-width: 1399px;

    width:100%;

    margin: 0 auto;

    border-top: 1px dotted #666666;

    padding: 10px 0;

    font-size: 12px;

}

.thumbnail26{

 float: left;


 padding: 0 30px 0 0; 

  

}

.thumbnail26a{

 float: left;

 margin: 0 0 0 15%;
 padding: 0 30px 0 14px; 

  

}

.thumbnail26b{

 float: left;

 margin: 0 15% 0 0;
 padding: 0 30px 0 14px; 

  

} 


.thumbnail27{

 float: left;

 padding: 0 30px 0 0%; 

  

}

.thumbnail60 {
	margin: 0 0 0 15%;
	float: left;
	}


ul.MenuBarHorizontal a.active {
    background-color: #9d9d9c !important;
    color: #FFF !important;
}

ul.MenuBarHorizontal a.hover {
    background-color: #9d9d9c !important;
    color: #FFF !important;
}
	



/* Mediaqueries

--------------------------------------------------------*/

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

.thumbnail42{

 width: 190px;
	   
 float: left;

 margin: -300px 4% 1.5em 15%;
 
  paddding: 0 0 0 0;

   }

}


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

.thumbnail42{

 width: 190px;
	   
 float: left;

 margin: -250px 4% 1.5em 15%;
 
  paddding: 0 0 0 0;

   }

}

@media only screen and (max-width: 1144px) {
	
	.thumbnail31{
font-family: 'Raleway', sans-serif;
 float: left;
padding: 7px 0 0 20px;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 15%;
 height: 137px;

}

.thumbnail32{
 font-family: 'Raleway', sans-serif;
 float: left;
padding: 7px 0 0 0;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 37%;
 height: 137px;

}

}

@media only screen and (max-width: 1133px) {
	
	.thumbnail24{
	width: 250px;
 font-family: 'Raleway', sans-serif;
 float: left;
 margin: 0 0 0 0;
 padding: 102px 0 0 0;

   }
	
}

@media only screen and (max-width: 1115px) {
	
	.thumbnail24{
	width: 250px;
 font-family: 'Raleway', sans-serif;
 float: left;
 margin: 0 0 0 0;
 padding: 102px 0 0 0;

   }
	
}

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



   
.thumbnail42{

 width: 190px;
	   
 float: left;

 margin: -200px 4% 1.5em 15%;
 
  paddding: 0 0 0 0;

   }

}


@media only screen and (max-width: 1070px) {
	.thumbnail24{
	width: 210px;
 font-family: 'Raleway', sans-serif;
 float: left;
 margin: 0 0 0 0;
 padding: 102px 0 0 0;

   }
	}

@media only screen and (max-width: 1050px) {
	
	.thumbnail2{
  font-family: "Raleway", sans-serif;
 font-weight: 300;
 float: left;
 margin: 0 0 0 15%;
 padding: 14px 4% 0 0;

   }
	
	.thumbnail24{
	width: 210px;
 font-family: 'Raleway', sans-serif;
 float: left;
 margin: 0 0 0 0;
 padding: 102px 0 0 0;

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

.thumbnail23d {
width: 550px;	
margin: 0 0 0 15%;
padding: 14px 0 0 0;   	
	
	}
   
   .textfield3 {

margin: 0 0 1.25em 0;

}

.linkedin_logo{
 margin: 57px 0 0 0;
 }

}

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

.thumbnail2{
  font-family: "Raleway", sans-serif;
  width: 220px;
 font-weight: 300;
 float: left;
 margin: 0 0 0 15%;
 padding: 14px 4% 0 0;

   }
	   
	.thumbnail24{
	width: 210px;
 font-family: 'Raleway', sans-serif;
 float: left;
 margin: 0 0 0 0;
 padding: 102px 0 0 0;

   }   
	   
	   }



@media only screen and (max-width: 989px) {
	
	.thumbnail31{
font-family: 'Raleway', sans-serif;
 float: left;
padding: 7px 0 0 20px;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 15%;
 height: 137px;

}

.thumbnail32{
font-family: 'Raleway', sans-serif;
 float: left;
padding: 7px 0 0 0;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 37%;
 height: 137px;

}

}



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

.thumbnail24{
	width: 210px;
 font-family: 'Raleway', sans-serif;
 float: left;
 margin: 0 0 0 0;
 padding: 102px 0 0 0;

   }
   
.thumbnail19{

padding: 1px 0 0 15%;

}

.thumbnail25{

 float: left;

 margin: 0 1% 0 0;


 width:19%; 

} 

.thumbnail25a{

 float: left;

 margin: 0 3% 0 15%;


 width:16%; 

}

.thumbnail25b{

 float: left;

 margin: 0 6% 0 0;


 width:20%; 

}

}

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

    .footer{

        width: 100%;

        padding: 10px 20px;

    }

    .layout {

        margin: 0 0 40px 0;

    }
	
	h2 {

   font-size: 1.4em;
   line-height: 1.25em;

    }
	
	.thumbnail31{
font-family: 'Raleway', sans-serif;
 float: left;
padding: 7px 0 0 20px;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 15%;
 height: 162px;

}

.thumbnail32{
 font-family: 'Raleway', sans-serif;
 float: left;
padding: 7px 0 0 0;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 37%;
 height: 162px;

}
	
}

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


   
   .thumbnail42{

 width: 190px;
	   
 float: left;

 margin: -150px 4% 1.5em 15%;
 
  paddding: 0 0 0 0;

   }
}


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

.thumbnail19{

padding: 1px 0 0 15%;

}

.thumbnail22{

 float: left;

 margin: 0 0 0 0;
 padding: 14px 0 0 0;

    width: 25%;

   }   

   

.thumbnail23{

 float: left;

 margin: 0 5% 0 15%;
 padding: 14px 0 0 0;

 width: 25%;

 

   }
   
   .thumbnail23a{

 float: left;

margin: 0 5% 0 0;
 padding: 14px 0 0 0;

 width: 25%;

 

   }


.thumbnail25{


 margin: 0 1% 0 0;


 width:36%; 

} 

.thumbnail25a{

 float: left;

 margin: 0 3% 0 15%;


 width:36%;

}

.thumbnail25b{

 float: left;

 margin: 0 3% 0 15%;


 width:36%; 

}
		
.thumbnail31{
	font-family: 'Raleway', sans-serif;
	font-size: 1em;
 float: left;
padding: 7px 0 0 15px;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 15%;
 height: 162px;

}

.thumbnail32{
font-family: 'Raleway', sans-serif;
font-size: 1em;
 float: left;
padding: 7px 0 0 0;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 37%;
 height: 162px;

}


}


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

.thumbnail2{
 float: left;
 margin: 0 0 0 15%;
 padding: 14px 5% 0 0;

   }
   
   .textbeispiele{

width: 240px;
 float: left;

 margin: 20px 0px 1.5em 15%;

 paddding: 10px 0 0 10px;
 
 background-color: #9d9d9c;


   }

}

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

.thumbnail2{
  font-family: "Raleway", sans-serif;
  width: 210px;
 font-weight: 300;
 float: left;
 margin: 0 0 0 15%;
 padding: 14px 4% 0 0;

   }

.thumbnail24{
	width: 195px;
 font-family: 'Raleway', sans-serif;
 float: left;
 margin: 0 0 0 0;
 padding: 102px 0 0 0;

   }

h2 {

   font-size: 1.3em;
   line-height: 1.45em;

    }
		
.thumbnail31{
font-family: 'Raleway', sans-serif;
 float: left;
padding: 7px 0 0 15px;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 15%;
 height: 187px;

}

.thumbnail32{
font-family: 'Raleway', sans-serif;
 float: left;
padding: 7px 0 0 0;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 37%;
 height: 187px;

}

.thumbnail33{
float: left;
padding: 20px 0 0 20px;
margin: 20px 15% 16px 15%;
background-color: #9d9d9c;

 width: 70%;
 height: 183px;

}

.thumbnail34{
 float: left;
width: 70%;
margin: 134px 15% 40px 15%;

}


.thumbnail35{

padding: 15px 0 0 0;
width: 100%;
}

.backgroundwhite{
margin: 20px 0 0 -20px;
padding: 0 10% 0 0;
background-color: white;
width: 115%;
	
}


}


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

.thumbnail24{
	width: 180px;
 font-family: 'Raleway', sans-serif;
 float: left;
 margin: 0 0 0 0;
 padding: 102px 0 0 0;

   }


   
   .thumbnail43{

 width: 195px;
	   
 float: left;

 margin: -20px 70% 1.5em 15%;
 
  paddding: 0 0 0 0;

   }
   
   .thumbnail44{

 width: 200px;
	   
 float: left;

 margin: -20px 0px 1.5em 15%;
 
  paddding: 0 0 0 0;

   }


}





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

.thumbnail2{
  font-family: "Raleway", sans-serif;
  width: 210px;
 font-weight: 300;
 float: left;
 margin: 0 0 0 15%;
 padding: 14px 4% 0 0;

   }

.thumbnail24{
	width: 180px;
 font-family: 'Raleway', sans-serif;
 float: left;
 margin: 0 0 0 0;
 padding: 102px 0 0 0;

   }
   
	.thumbnail9{
float: left;
margin: 9px 20px 0 15%;
padding: 5px 0 0 0;
width: 85%;
	}
	
	
	.thumbnail31{
	font-family: 'Raleway', sans-serif;
	font-size: 0.9em;
 float: left;
padding: 7px 0 0 15px;
margin: 20px 0 0 15%;
background-color: #9d9d9c;

 width: 20%;
 height: 162px;

}

.thumbnail32{
font-family: 'Raleway', sans-serif;
font-size: 0.9em;
 float: left;
padding: 7px 0 0 0;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 65%;
 height: 162px;

}


	

	.thumbnail10{

	 padding: 0 5% 0 0;

	 width:45%;

	}

	

	.thumbnail11{

	 width:45%;

	}



}


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

.thumbnail2{
 float: left;
 width: 85%;
 margin: 0 0 0 15%;
 padding: 14px 0 0 0;

   }
   
   .foto{

float: left;
 padding: 20px 33px 0 15%;	

	}
   
   	
   
   .textfield3 {

margin: 0 0 1.25em 0;

}

.linkedin_logo{
 margin: 82px 0 0 0;
 }

}


@media only screen and (max-width: 786px) {
	
	
	.thumbnailb{
  font-family: "Raleway", sans-serif;
 font-weight: 300;
 float: left;
 margin: 0 0 0 15%;

 padding: 14px 0 0 0;

 width:65%;
   }
	
	
	
	.thumbnail26{

 float: left;


 padding: 0 17px 0 0; 
 }
 
 .thumbnail31{
	font-family: 'Raleway', sans-serif;
	font-size: 0.9em;
 float: left;
padding: 7px 0 0 15px;
margin: 20px 0 0 15%;
background-color: #9d9d9c;

 width: 23%;
 height: 162px;

}

.thumbnail32{
font-family: 'Raleway', sans-serif;
font-size: 0.9em;
 float: left;
padding: 7px 0 0 0;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 62%;
 height: 162px;

}
 
 

}

@media only screen and (max-width: 755px) {
.thumbnail42{

 width: 190px;
	   
 float: left;

 margin: -100px 4% 1.5em 15%;
 
  paddding: 0 0 0 0;

   }
   
   }

@media only screen and (max-width: 736px) {
.footercontainer { width:100%;height: 100%;float: left; font-family: Open Sans, sans-serif;
 
 font-weight: lighter; }
 
 .thumbnail9{
float: left;
margin: 9px 20px 0 15%;
padding: 5px 0 0 0;
width: 85%;
	}
	
	.thumbnail22{

 float: left;

 margin: 0 15% 0 15%;
 padding: 14px 0 0 0;

    width: 70%;

   }   

   

.thumbnail23{

 float: left;

 margin: 0 15% 0 15%;
 padding: 14px 0 0 0;

 width: 70%;

 

   }
   
   .thumbnail23a{

 float: left;

margin: 0 15% 0 15%;
 padding: 14px 0 0 0;

 width: 70%;

 

   }
	
}

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

.thumbnailc {
width: 85%;
margin: 0 0 0 15%;
padding: 0 0 0 0;
	}

h3{

font-size: 1.1em;

font-weight: 600;
line-height: 1.5em;

color: white;


}


#Navicon {

	display: block;

	visibility: visible;

	float: right; 

	}

	#Navicon img{

		margin:-10px 0 0 0;

	}

	#Navigation {

		display:none;

		width: 40%;

		padding:20px 10%;

		background:#fff;

		z-index: 10;

		position: absolute;

		right:0px;

		top:159px;

	}
	
	.thumbnail{

 float: left;
 margin: 0 20px 0 15%;

 padding: 14px 0 0 0;

 width:85%;

 

   }
   
.thumbnaila{

 float: left;
 margin: 0 20px 0 15%;

 padding: 14px 0 0 0;

 width:85%;

 

   }
   
   .thumbnail22{

 float: left;

 margin: 0 0 0 15%;
 padding: 14px 0 0 0;

    width: 85%;

   }   

   

.thumbnail23{

 float: left;

 margin: 0 0 0 15%;
 padding: 14px 0 0 0;

 width: 85%;

 

   }
   
   .thumbnail23a{

 float: left;

margin: 0 0 0 15%;
 padding: 14px 0 0 0;

 width: 85%;

 

   }

}


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

.thumbnail2{
 float: left;
 width: 85%;
 margin: 0 0 0 15%;
 padding: 14px 0 0 0;

   }
   
   .foto{

float: left;
 padding: 20px 33px 0 15%;	

	}
   
   .thumbnail24{
font-family: "Raleway", sans-serif;
 font-weight: lighter;
  float: left;
 width: 180px;
 padding: 102px 0 0 0;

   }	
   
   .textfield3 {

margin: 0 0 1.25em 0;

}

.linkedin_logo{
 margin: 57px 0 0 0;
 }

}

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

.thumbnail23d {
width: 365px;	
margin: 0 0 0 15%;
padding: 14px 0 0 0;   	
}	
	
}		


@media only screen and (max-width: 625px) {
	.thumbnail9{
float: left;
margin: 9px 20px 0 15%;
padding: 5px 0 0 0;
width: 85%;
	}
	
	
	
	}
	
@media only screen and (max-width: 610px) {
	
.thumbnail76 {
font-family: "Raleway", sans-serif;
font-weight: 300;
float: left;
margin: 0 0 0 15%;
width: 85%;
}
}

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


	
    .thumbnail5, .thumbnail17, .thumbnail18 {

        float: left;

        margin: 0 5% 20px 0;

        padding: 5px 0 0 0;

        width: 45%;

    }
	

.thumbnail19{

padding: 1px 0 0 15%;

}

.thumbnail25{


 margin: 0 1% 0 0;


width: 30%
} 

.thumbnail25a{

 float: left;

 margin: 0 14% 0 15%;


 width:37%;

}

.thumbnail25b{

 float: left;

 margin: 0 14% 0 15%;


 width:37%; 

}
	
	
	.thumbnail31{
	font-family: 'Raleway', sans-serif;
	font-size: 0.9em;
 float: left;
padding: 7px 0 0 15px;
margin: 20px 0 0 15%;
background-color: #9d9d9c;

 width: 23%;
 height: 162px;

}

.thumbnail32{
font-family: 'Raleway', sans-serif;
font-size: 0.9em;
 float: left;
padding: 7px 0 0 0;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 62%;
 height: 162px;

}

h3{

font-size: 1.2em;

font-weight: 600;
line-height: 1.5em;

color: white;


}

.thumbnail33{
float: left;
padding: 20px 0 0 20px;
margin: 20px 20px 16px 15%;
background-color: #9d9d9c;

 width: 85%;
 height: 183px;

}

.thumbnail34{
 float: left;
width: 85%;
margin: 134px 20px 40px 15%;

}


.thumbnail35{

padding: 15px 0 0 0;
width: 100%;
}

.backgroundwhite{
margin: 20px 0 0 -20px;
padding: 0 10% 0 0;
background-color: white;
width: 115%;
	
}

.thumbnail24{
font-family: "Raleway", sans-serif;
 font-weight: lighter;
 float: left;
 width: 185px;
 margin: 0 0 0 0;
 padding: 102px 0 0 0;

   }

}



@media only screen and (max-width: 588px) {
	
	header img{ 
float: right;

border:0;

margin: 20px 0 0 0;

padding: 0 0 55px 0;

} 
	
.thumbnail2{
 float: left;
 width: 85%;
 margin: 0 0 0 15%;
 padding: 14px 0 0 0;

   }
   
   .foto{

float: left;
 padding: 20px 33px 0 15%;	

	}
   
   .thumbnail24{
font-family: "Raleway", sans-serif;
 font-weight: lighter;
  float: left;
 width: 185px;
 padding: 102px 0 0 0;

   }	
   
   .textfield3 {

margin: 0 0 1.25em 0;

}

.linkedin_logo{
 margin: 57px 0 0 0;
 }	
	
	}


@media only screen and (max-width: 546px) {
	
	
	.thumbnail9{
float: left;
margin: 9px 20px 0 15%;
padding: 5px 0 0 0;
width: 85%;
	}

	
	
	.thumbnail31{
	font-family: 'Raleway', sans-serif;
	font-size: 0.85em;
 float: left;
padding: 7px 0 0 15px;
margin: 20px 0 0 15%;
background-color: #9d9d9c;

 width: 23%;
 height: 147px;

}

.thumbnail32{
font-family: 'Raleway', sans-serif;
font-size: 0.85em;
 float: left;
padding: 7px 0 0 0;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 62%;
 height: 147px;

}

.thumbnail2{
 float: left;
 width: 85%;
 margin: 0 0 0 15%;
 padding: 14px 0 0 0;

   }
   
   .foto{

float: left;
 padding: 20px 33px 0 15%;	

	}
   
   .thumbnail24{
font-family: "Raleway", sans-serif;
 font-weight: lighter;
  float: left;
 width: 310px;
 margin: 0 0 0 15%;
 padding: 14px 0 0 0;

   }	
   
   .textfield3 {

margin: 0 0 1.25em 0;

}

.linkedin_logo{
 margin: 30px 0 0 0;
 }
	
	}
	
	
	@media only screen and (max-width: 528px) {
	
	.thumbnail9{
float: left;
margin: 9px 20px 0 15%;
padding: 5px 0 0 0;
width: 85%;
	}

	
	
	.thumbnail31{
	font-family: 'Raleway', sans-serif;
	font-size: 0.73em;
	line-height: 20px;
 float: left;
padding: 7px 0 0 15px;
margin: 20px 0 0 15%;
background-color: #9d9d9c;

 width: 23%;
 height: 133px;

}

.thumbnail32{
font-family: 'Raleway', sans-serif;
font-size: 0.73em;
line-height: 20px;
 float: left;
padding: 7px 0 0 0;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 62%;
 height: 133px;

}

h3{

font-size: 1.05em;

font-weight: 600;
line-height: 1.5em;

color: white;


}


	
	}

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

.thumbnail76 {
font-family: "Raleway", sans-serif;
font-weight: 300;
float: left;
margin: 0%;
width: 100%;
}

 .thumbnailc{
  font-family: "Raleway", sans-serif;
 font-weight: 300;

 float: left;
 margin: 0%;

 padding: 0 0 0 0;

 width:100%;

 

   }
   
   .thumbnaild{
  font-family: "Raleway", sans-serif;
 font-weight: 300;

 float: left;
 margin: 0%;

 padding: 0 0 0 0;

 width:100%;

 

   }

.thumbnail75 {
font-family: "Raleway", sans-serif;
font-weight: 300;
float: left;
margin: 0%;
padding: 14px 0 0 0;
width: 100%;
}

.thumbnail23d {
width: 100%;	
padding: 14px 0 0 0;   	
}
	

	header img {

	    margin: 10px 0 0 0;

	    padding: 0 0 30px;

	    max-width:300px;

	}

	.tel {

		text-decoration:underline;

	}

	

	.thumbnail4 {

	    float: left;

	    margin: 0px 0 10px 0;

	    padding: 0 0 20px 0px;

	    position: absolute;

	}

	

	#Navicon {
		
		top: -10px;

	display: block;

	visibility: visible;

	float: right; 

	}

	#Navicon img{

		margin:-10px 0 0 0;

	}

	#Navigation {

		display:none;

		width: 40%;

		padding:20px 10%;

		background:#fff;

		z-index: 10;

		position: absolute;

		right:0px;

		top:159px;
		
	}

	
	
	

.thumbnail25{


 margin: 0 0 0 0;

width: 135px;
} 

.thumbnail25a{

 float: left;

 margin: 0 10px 0 0;


 width:200px;

}

.thumbnail25b{

 float: left;

 margin: 0 10px 0 0;


 width:200px; 

}

	

	.thumbnail10{

	 padding: 0 0 0 0;

	 width:100%;

	}

	

	.thumbnail11{

	 width:100%;

	}

     .thumbnail17, .thumbnail18 {

    float: left;

    margin: 0 5% 20px 0;

    padding: 5px 0 0 0;

    width: 45%;

	}
	
	
	
	

    .thumbnail5 {

        float: left;

        margin: 0 5% 20px 0;

        padding: 5px 0 0 0;

        width: 95%;

    }
	
	.thumbnail9{
		float: left;
width: 100%;
	}
	
	
	.thumbnail31{
	font-family: 'Raleway', sans-serif;
	font-size: 0.73em;
	line-height: 20px;
 float: left;
padding: 7px 0 0 15px;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 30%;
 height: 133px;

}

.thumbnail32{
font-family: 'Raleway', sans-serif;
font-size: 0.73em;
line-height: 20px;
 float: left;
padding: 7px 0 0 0;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 70%;
 height: 133px;

}

.thumbnail33{
float: left;
padding: 20px 0 0 20px;
margin: 20px 20px 16px 0;
background-color: #9d9d9c;

 width: 100%;
 height: 183px;

}

.thumbnail34{
 float: left;
width: 100%;
margin: 134px 20px 40px 0;

}


.thumbnail35{

padding: 15px 0 0 0;
width: 100%;
}

.backgroundwhite{
margin: 20px 0 0 -20px;
padding: 0 10% 0 0;
background-color: white;
width: 115%;
	
}
		
	
	

	.thumbnail23, .thumbnail23a, .thumbnail22, .thumbnail9, .thumbnail10, .thumbnail11 {

	    float: left;

	    margin: 0 0 20px 0;

	    padding: 5px 0 0 0;

	    width: 100%;

	}
	
	.thumbnail{

 float: left;
 margin: 0%;

 padding: 14px 0 0 0;

 width:100%;

 

   }
   
.thumbnaila{

 float: left;
 margin: 0 20px 0 0;

 padding: 14px 0 0 0;

 width:100%;

 

   }
	
	
	
	.thumbnail26 {
	float: left;
	margin: 0 5% 0 0;
	width: 95%;
    }
	
	.thumbnail15{

 float: left;

 width: 95%;


}

    .portfolio {

        margin: 0 0 15px 0;

    }

	.portfolio a, .portfolio a:last-child {

		width: 100%;

		margin: 0 0 15px 0;

	}
	
	.thumbnail2{
 float: left;
 width: 100%;
 margin: 0 0 0 0;
 padding: 14px 0 0 0;

   }
   
   .foto{

float: left;
 padding: 20px 33px 0 0;	

	}
   
   .thumbnail24{
font-family: "Raleway", sans-serif;
 font-weight: lighter;
  float: left;
 width: 100%;
 margin: 0 0 0 0;
 padding: 14px 0 0 0;

   }	
   
   .textfield3 {

margin: 0 0 1.25em 0;

}


 
 .ebzuerich{

 width: 320px;
	   
 float: left;

 margin: 55px 0px 0.5em 0;

 paddding: 0 0 0 0;

   }
   
   .textbeispiele{

 width: 240px;
	   
 float: left;

 margin: 20px 0px 1.5em 0px;

 paddding: 10px 0 0 10px;
 
 background-color: #9d9d9c;


   }
   
   .thumbnail19 {
	 width: 100%;
	 padding: 0%; 
	 float: left;
	   }

}

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




.thumbnail60 {
	width: 100%;
	margin: 0px 0px 0px 0px;
	float: left;
	}

.thumbnail9{
		float: left;
		width: 100%;
		}
		
h3{

font-size: 1.2em;

font-weight: 600;
line-height: 1.5em;

color: white;


}

.thumbnail33{
float: left;
padding: 20px 0 0 20px;
margin: 20px -10% 16px 0;
background-color: #9d9d9c;

 width: 100%;
 height: 183px;

}	

.thumbnail34{

 float: left;
 margin: 134px 0 40px 0;
width: 100%;



}

header img{ 
float: right;

border:0;

margin: 10px 0 0 0;

padding: 0 0 55px 0;

}
	
}

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

.thumbnail23d{
 font-family: 'Raleway', sans-serif;
 float: left;

 margin: 0%;
 padding: 14px 0 0 0;

 width: 100%;

 

   }
		
h3{

font-size: 1.05em;

font-weight: 600;
line-height: 1.5em;

color: white;


}

.thumbnail33{
float: left;
padding: 20px 0 0 20px;
margin: 20px -10% 16px 0;
background-color: #9d9d9c;

 width: 100%;
 height: 168px;

}	

.thumbnail34{

 float: left;
 margin: 134px 0 40px 0;
width: 100%;



}
	
}


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

#Navicon img{


	}

.thumbnail9{
		float: left;
		width: 100%;
		}
		
		
		
	.footercontainer { width:100%;height: 100%;float: left; font-family: Open Sans, sans-serif;
 
 font-weight: lighter; }
 
 .thumbnail31{
	 font-family: 'Raleway', sans-serif;
	 font-size: 0.73em;
 float: left;
padding: 7px 0 0 15px;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 30%;
 height: 135px;

}

.thumbnail32{
	font-family: 'Raleway', sans-serif;
	 font-size: 0.73em;

 float: left;
padding: 7px 0 0 0;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 70%;
 height: 135px;

}

 
			
}





@media only screen and (max-width: 375px) {
.thumbnail9{
		float: left;
		width: 100%;
		}
}

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

 
.thumbnail9{
		float: left;
		width: 100%;
		}
		
		header img {

	    margin: 10px 0 0 0;

	    padding: 0 0 55px 0;

	    max-width:260px;

	}
	
	 .thumbnail31{
		 font-family: "Raleway", sans-serif;
	 font-size: 0.73em;
 float: left;
padding: 7px 0 0 7px;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 27%;
 height: 135px;

}

.thumbnail32{
	font-family: 'Raleway', sans-serif;
	 font-size: 0.73em;

 float: left;
padding: 7px 0 0 0;
margin: 20px 0 0 0;
background-color: #9d9d9c;

 width: 73%;
 height: 135px;

}

h3{

font-size: 1.05em;

font-weight: 600;
line-height: 1.5em;

color: white;


}

.thumbnail33{
float: left;
padding: 20px 20px 0 20px;
margin: 20px 8% 13px 0;
 width: 100%;
 height: 220px;

}

.thumbnail34{

 float: left;
 margin: 154px 0 40px 0;
width: 100%;

}

.backgroundwhite{
margin: 20px 0 0 -20px;
padding: 0 10% 0 0;
background-color: white;
width: 120%;
	
}

.thumbnail60 {
	width: 100%;
	}


		
		
}