/*

	Template Author : Vera Geier - Netpartnering
	Author Email    : vera.geier@netpartnering.com
	Template Name   : HPE Nimble Storage Techsoft
	
	
	*****************************************

	
*/



/*  Fonts  */


@font-face {
  font-family: "metric";
  src: url("./fonts/Metric-Light.eot"); /* IE9 Compat Modes */
  src: url("./fonts/Metric-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/Metric-Light.otf") format("opentype"), /* Open Type Font */
    url("./fonts/Metric-Light.svg") format("svg"), /* Legacy iOS */
    url("./fonts/Metric-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/Metric-Light.woff") format("woff"), /* Modern Browsers */
    url("./fonts/Metric-Light.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "metric-bold";
  src: url("./fonts/Metric-Semibold.eot"); /* IE9 Compat Modes */
  src: url("./fonts/Metric-Semibold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/Metric-Semibold.otf") format("opentype"), /* Open Type Font */
    url("./fonts/Metric-Semibold.svg") format("svg"), /* Legacy iOS */
    url("./fonts/Metric-Semibold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/Metric-Semibold.woff") format("woff"), /* Modern Browsers */
    url("./fonts/Metric-Semibold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: bold;
  font-style: bold;
}

@font-face {
  font-family: "HPESimple";
  src: url("./fonts/HPESimple-Regular.eot"); /* IE9 Compat Modes */
  src: url("./fonts/HPESimple-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/HPESimple-Regular.otf") format("opentype"), /* Open Type Font */
    url("./fonts/HPESimple-Regular.svg") format("svg"), /* Legacy iOS */
    url("./fonts/HPESimple-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/HPESimple-Regular.woff") format("woff"), /* Modern Browsers */
    url("./fonts/HPESimple-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


<!--[if IE]>-->


@font-face{
font-family:'metric-bold';
src: url('Metric-Semibold.eot');
}

.hpe-simple{
	font-family:"HPESimple";
	font-size: 36px;
	
	}

/*  General CSS*/

body{
	font-size:23px;
	line-height: 1.3em;
}

.smaller-font, .smaller-font *{
	font-size:17px;
	line-height: 1.3em;
}

.wrapper{
	max-width: 1200px;
	height: auto;
	margin: auto;
    position: relative;
}

::selection {color:#ffffff;background:#353434;}
::-moz-selection {color:#ffffff;background:#353434;}

.feature a,
.contact a.cta_btn,
.testimonials #t_navigation a,
header ul.social li a,
 nav ul li a{
	transition:all .2s linear;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
}

body{
	font-family: 'metric', arial;
	
}

h1{
	font-family: 'metric-bold', arial;
	font-size: 60px;
	color: black;
	line-height: 1em;
	font-weight: 500;
	text-shadow: 2px 2px 25px white;

}

h2{
	font-family: 'metric-bold', arial;
	font-size: 40px;
	color: black;
	font-weight: 500;
	margin-bottom: 20px;
	line-height: 1.1em;
}

h3{
	font-family: 'metric-bold', arial !important;
	font-size:23px;
	font-weight: 500;
	line-height: 27px;
	color: black;
	margin-bottom: 20px;
}

h4{
	font-family: 'metric-bold', arial !important;
	font-size:17px;
	font-weight: 500;
	line-height: 1.3em;
	color: black;
	margin:20px 0 20px 0;
}

.fett{
	font-family: 'metric-bold', arial !important;
	font-weight:500 !important;
}

p{
	
	line-height: 30px;
	font-weight: lighter;
	
}

.button{
	border: 3px solid #00a77f;
	display: inline-block;
	
	
	text-transform: uppercase;
	margin: 30px auto;
	text-align: center;
}

.button a{
	text-decoration: none;
	color: black;

	display: block;

	padding: 15px 30px 10px 30px;

}

.button a:hover{
	background-color: #00A77F;
	color: white;
	
	
}

.line{
	border-bottom:1px solid #C6C9CA;
	height: 1px;
	margin: 50px 0 70px 0;
}

sup{
	font-size:0.5em;
}


/*  header  */
header{
    width: 100%;
    height: 100px;
  background-color: white;
}

header .menu_icon{
    display: block;
    width: 35px;
    height: 35px;
    background: url('../img/menu_icon.png') no-repeat;
    float: right;
    margin-top: 23px;
    display: none;
}

header .logo{
    float: left;
	padding: 20px 0;
   
}

#mainmenu{
	float: right;
	margin: 30px 0 0 0;
	max-width: 700px;
}

#mainmenu ul{
	list-style-type: none;
    margin: 0;
}

#mainmenu li{
	float: left;
	display: block;
    margin-left: 35px;
    padding: 40px 0 0 0;
    font-family: 'metric', arial;
    letter-spacing: 1px;
}

#mainmenu li a{
	text-decoration: none;
    color: #000000;
    font-weight: 500;
}

#mainmenu li a:hover{
	text-decoration: underline;
   
}

.active{
	color:#01a982 !important;
}

 .menu_icon{
    
    width: 35px;
    height: 35px;
    background: url('../img/menu_icon.png') no-repeat;
    float: right;
    margin-top: 23px;

}

 nav{
    overflow: hidden;
  
    margin: 0px 0 0 0px;
    padding: 13px 40px;
	
	
    z-index: 9999;
	 border-bottom: 1px solid #C6C9CA;
	
}

 nav ul{
    list-style: none;
	 margin: 0;
}

 nav ul li{
    float: left;
    margin-left: 35px;
	padding: 40px 0 0 0;
    font-family: 'metric', arial;
    letter-spacing: 1px;

}

 nav ul li:first-child{
    margin-left: 0;
}

 nav ul li a {
    text-decoration: none;
    color: #000000;
	font-weight: 500;
}

 nav ul li a:hover{
    color: #65bf95;
}

nav .cta_btn{
	float:right;
	padding: 15px 25px;
}



/* Navi fixieren*/

* html nav {
  top:expression(auto);
}
.fixed-navi {
  top:0px;
  position:fixed !important;
  position:absolute;
	background-color: white;
	width: 100%;
	-webkit-box-shadow: 0px 2px 7px -2px rgba(61,61,61,0.3);
-moz-box-shadow: 0px 2px 7px -2px rgba(61,61,61,0.3);
box-shadow: 0px 2px 7px -2px rgba(61,61,61,0.3);
}
* html .fixed-navi {
  top:expression(documentElement.scrollTop);
}




header ul.social{
    float: right;
    list-style: none;
    margin-top: 23px;
}

header ul.social li{
    float: left;
    margin-left: 10px;
}

header ul.social li a{
    display: block;
    width: 35px;
    height: 35px;
    background: url('../img/sm.png') no-repeat;
}

header ul.social li a:hover{
    background: url('../img/sm_hover.png') no-repeat;
}

header ul.social li a{
    display: block;
    width: 35px;
    height: 35px;
}

header ul.social li a.fb{
    background-position: 0 0;
}

header ul.social li a.twitter{
    background-position: -36px 0;
}

header ul.social li a.gplus{
    background-position: -72px 0;
}

.pfeillink {
	text-decoration:none;
}

.pfeillink img{
	margin-right: 10px;
	vertical-align: sub;
	
}

.pfeillink:hover{
	text-decoration:underline;
	
}


/*  Billboard  */
.billboard{
    width: 100%;
    height: 450px;
    background: url("../img/it-flex_main-image_1600x600.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
}

.billboard .caption{

	margin: 0 auto;
    margin-top: 5%;
    width: 60%;
    position: relative;
    float: left;
}

.billboard .caption p{
    display: inline-block;
    color: black;
    font-family: "metric", arial;
    font-weight: lighter;
    font-size: 26px;
    margin:30px 0 2px 0;
	line-height: 1.3em;
    z-index: 8888;
	
	text-shadow: 2px 2px 15px white;

}

/* SHOW MORE - Mehr ANZEIGEN*/

.mehranzeigen-linie{
	   /*
    position: absolute;
   
    z-index: 1;
    top: 10px;
    right: 0;*/
	 width: 100%;
    height: 1px;
    background-color: #ccc;
	 display: inline-block;
}

.mehranzeigen{
	    margin: 25px 0 27px;
}

.mehranzeigen-link{
	text-decoration: none;
	    position: relative;
    top: -35px;
	    background-color: white;
    padding: 10px;
	cursor: pointer;
}

.mehranzeigen-link img{
	    position: relative;
    top: 7px;
}


/* SECTIONS */

.slate-grey {
	background: #425563;

	padding:0 0 40px 0;
}

.slate-grey *{
		color: white !important;
}

.light-grey{
	background-color:#F6F6F6;
	padding-bottom:40px;
}

.weiss{
	background: white;
	padding:0 0 40px 0;
}


/* SPALTEN */

.spalten-2{
	float:left;
	text-align: left;
	width: 45%;
	margin-right: 5%;
}


.spalten-4{
	float:left;
	text-align: left;
	width: 22%;
	margin-right: 3%;
}


/*  Services/features  */
.features{

    width: 100%;
    padding-top: 30px;

    overflow: hidden;
	

}

.features .feature{
    background-color: #F6F6F6;
	position: relative;
	padding-bottom: 30px;
	min-height: 500px;
	float: left;
    width: 31.3333333333333%;
	margin-bottom: 20px;
    margin-right: 2%;
    
/*	display: block;*/	
}

.promo .feature{
	background-color:white;
}

#promo .col-3 {
	text-align: left;
}

#promo .spalten-4:hover{
	opacity:1;
}

.feature .artikelbild{
    display: block;
    width:85%;
    float: left;
 
	margin: 7.5%;
}

.feature .artikeltext{
    display: block;
    width: 85%;
    float: left;
	margin: 0 7.5%;
	text-align: left;
	
}

.feature h3{
    
    font-family: "lato_bold", arial;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 1px;
	line-height: 28px;
}

.artikeltext p{
    margin-bottom: 20px;
    font-family: "metric", arial;
    line-height: 26px;
	font-weight: lighter;
}

.artikeltext .button{
	font-weight: lighter;
	margin-left: 0 !important;
	position: absolute;
	bottom: 0;

}

.features .t{
	margin-bottom:30px;
}

.feature a{
    font-family: "metric", arial;
    text-decoration: none;
    letter-spacing: .5px;
	font-weight: lighter;

}

.feature .button a:hover{
    color: white;
}

.feature a span{
    font-family: "metric", arial;
    margin-left: 10px;
}

#intel-xeon img{
	float:left;
}

#intel-xeon p{
	float:left;
	text-align: left;
	padding: 0 0 0 30px;
}

#intel-xeon{
	
	margin-top:70px;
}

/*  Testimonials  */
.testimonials{
    text-align: center;
	padding-top: 50px;
	padding-bottom: 0px;

}



.caroufredsel_wrapper{
    max-width: 1040px!important;
    margin: 0 auto!important;
}



.testimonials p{
    color: black;
    font-family: "metric", arial;
	font-weight: lighter;
  	margin-bottom: 20;
	
}

.testimonials a{
	
	
}

.testimonials p.author{
    color: #686767;
    font-family: "metric", arial;
    font-weight: bold;
    margin-top: 40px;
}

.testimonials #t_navigation a{
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #dadada;
    text-decoration: none;
    margin-right: 10px;
    margin-top: 40px;

    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
}

.testimonials #t_navigation a.selected{
    background: #bebebe;
}


.sep_top{
    border-bottom: 1px #dedede solid;
    margin: 0 auto 40px auto;
}

.sep_bottom{
    border-top: 1px #dedede solid;
    margin: 40px auto 0 auto;
}

.firstsection, .promo{
		background-color: #F6F6F6;
	width: 100%;
	padding-bottom: 50px;
}



/*  video Section  */
.video{
    width: 100%;
    overflow: hidden;
    background: #5f7a76;
	margin-top: 50px;

}

.video h2{
	color: white;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 50px;
	
	/*text-shadow: 2px 2px 5px #ffffff;*/
	
}

.video .boxenrechts {
	    display: block;
    width: 45%;
    float: left;
}

.ressource {
	text-align: center;
	font-weight: lighter;
	display: block;
	text-decoration:none;
	
	background-color: rgba(256,256,256,0.8);
	padding: 30px 30px 30px 30px !important;
	margin: 30px 30px 0px 0px;
	
}

.ressource p{
	line-height: 1.3em;
}

#ressourcen h2{
	margin-bottom:40px;
}

.ressource div{
	color: black;
}

.ressource:hover{
	background-color: rgba(256,256,256,1);
}

.video a:hover{
	background-color: rgba(256,256,256,1);
	
}
.video .ressource a, .video .ressource h3{
	color: black;
	text-decoration:none;
	margin-bottom: 6px;
}

.video_pic img{

		margin: 50px auto ;
   		width: 30%;
		display: block;
    

    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.video iframe{
	display: block;
	margin: 0 20px 0 0;
	
}

.ressourcen{
    width: 100%;
   padding-bottom:30px;
    background: url("../img/Storage_AllFlash_header_web.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
	color: white !important;
	
}

#wimmer{
    width: 50%;
    background: url("../img/newsroom-wimmer.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
	color: white !important;
	float:left;
	text-align: left;
	
}
#bernegger{
    width: 50%;
    
    background: url("../img/bernegger_bg.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
	color: black !important;
	float:left;
	text-align: left;
}

#casestudy .testimonials {
	padding: 0;
	
}

#wimmer *{
	color: white;
}
#bernegger *{
	color:black;
}

.casestudy{
	max-width:500px;
	padding:30px 40px 30px 70px;
}

#wimmer .casestudy{
	padding: 30px 40px 30px 30%;
}

.ressourcen *{
	color: white !important;
}

/*  Ressourcen mit Icons */

#ressourcen{
	padding-bottom:50px;
}

.col-3-icon{
	width:27%;
	float: left;
	text-decoration:none;
	text-align: center;
	padding: 0 70px 0 0;
}	

.col-3-icon p{
	line-height: 1.3em;
	text-align: justify;
}

.col-3-icon h4{
	text-align:justify;
}



.col-3{
	width:27%;
	float: left;
	padding: 0 70px 0 0;
}

/* Storage */

.col-2{
	width:42%;
	float: left;
	text-decoration:none;
	text-align: justify;
	padding: 0 70px 70px 0;	
	
}

.mitte{
	margin: 0 auto;
    display: inline-block;
    width: 80%;
}




/*  CONTACT */
.contact{
    display: block;
    padding-top: 80px;
	margin: 0 0 0px 0;
}


.contact p{
   font-weight: lighter;
	line-height: 1.4em;
	
}

#partner_logo_footer{
	margin: 10px 30px 0 0;
	width: 120px;
	
}

.partnerlogo{
	margin-top:15px;
}

.partnerlogo img{
	width:150px;
}

.contact .cta_sep{
    display: block;
    width: 1px;
    height: 100px;
    background: #dedede;
    margin: 0 auto;
}



#adresse{
	float:left;
	margin: 0 30px 0 0px;
	width: 32%
}

#formleft{
	float:left;
	width: 32%;
}

#formright{
	float:left;
	width: 32%;
	margin: 47px 0 0 0;
}

#formular .cta_btn{
	color:white;
	padding:0 0 0 0;
	height:40px;
	font-size: initial;
	margin-top: 30px;
}

/*  FORMULAR */

label{
	
}

input{
	height: 35px;
	width: 90%;
	margin: 0 0 40px 0px;
}

.cta_btn{
	
	background-color: #00a77f;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	border: none;
	margin: 20px auto;
	padding:15px 10px 15px 10px;
}

.cta_btn a{
	color: white;
	text-decoration: none;
}
/*
.cta_btn:hover{
    background: #425563;
}
*/

#datenschutz{
	font-size:13px;
	line-height:16px;
	position: absolute;
	margin-top:-20px;
	
}

/* Intel */

#intel img, #intel p{
	float:left;
}

#intel p{
	padding: 40px 0 0 20px;
	max-width: 60%;
    text-align: left;
}


/*  Footer  */
footer{
    padding: 10px 0 30px 0;
    border-top: 1px #dedede solid;
    background: #f7f7f7;

	margin: 0px 0 0 0;
}

footer .rights{
    color: #3b3b3b;
    font-family: "metric", arial;
    font-size: 14px;
    margin-top: 30px;
    line-height: 25px;
}

footer .rights a{
    text-decoration: none;
    font-family: 'metric', arial;
   
}

#impressum{
	float: right;
	width: 30%;
}

footer a:hover{
	text-decoration:underline;
}

#top{
	position: fixed;
	height: 50px;
	width: 50px;
	bottom:40px;
	right: 40px;
	opacity: 0.5;
}

a{
    color: #3b3b3b;
}



/*   ############   ALL FLASH   ########### */

/* achtseitenebook */

#achtseitenebook .col-3{
	text-align: left;
}

#branchenumfrageflashspeicher{
	    width: 100%;
   padding-bottom:30px;
    background: url("../img/BG_branchenumfrage-flashSpeicher.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
	color: white !important;
}


/* Carousel */

.single-item{
	cursor: pointer; 
}

.single-item img{
	width: 250px;
	margin: 0 auto;
}

/* Strategische Flash/Hybrid Lösungen */

#imagehalftext .artikeltext{
	background-color: #F6F6F6;
    position: relative;
    display: inline-block;
    width: 80%;
    padding: 5%;
    margin-top: -20%;
	text-align: left;
}

#imagehalftext .col-3{
	width: 31%;
	padding: 0 25px 0 0;
	margin: 20px 0 50px 0;
}

#dummies div.spalten-2:first-of-type{
	width:60%;
}

#dummies .spalten-2:nth-child(2n+2){
		width:20%;
 }

#dummies .mitte{
	margin-top:30px;
}

#dummies .cta_btn{
	    width: 60%;
    float: left;
}

/* ############################ STARTER KIT ########################### */

#starterkit .col-3-icon{
	text-align:left;
	
}

#starterkit ul{
	margin: 0 0 0 15px;
	padding:0;
}

#starterkit li{
	list-style-image: url(../img/hackerl.png);
	padding-bottom:10px;
}

#starterkit .slate-grey{
	padding:25px;
}

#starterkit .col-3-icon{
	width:31%;
	padding: 0;

}

#starterkit .col-3-icon:nth-child(2){
	padding:0 30px;
}

#starterkit .col-3-icon img{
	display: block;
	margin: 0 auto;
}


/* JQUERY UI*/

.ui-dialog {
	background-color: #425563 !important ;
	color: white !important;
	border:none;
	font-size:18px !important;
	position: fixed !important;
}

.ui-widget-header{
	border: none !important;
}

.ui-button {
	border:none !important;
}

/* ############################ MEDIA QUERIES ########################### */


/*  Responsive code  */
@media (max-width:1500px){
#wimmer .casestudy{
	padding: 30px 40px 30px 15%;
}
}
@media (max-width:1200px){
    .wrapper{
       
    }
    .info_pic,
    .info_details{
        width: 100%;
    }

    .info_details{
        height: auto;
        padding: 40px 0;
    }

    .info_details h3,
    .info_details p,
    .info_details a{
        max-width: 80%;
        display: block;
        text-align: center;
        margin: 40px auto;
    }
	
	
.billboard .caption{
    
}
	
	.col-3-icon{
		float:none;
		width: 90%;
		margin: 50px auto !important;
		display: block;
		
	}
	
	.col-2{
		float:left;
		width: 40%;
	}
	
}


@media (max-width:1000px){
	
	header nav{
		margin:30px 0 0 0;
	}
	
	nav .cta_btn{
		float:none;
		display: inline-block;
		
	}
	
	header .menu_icon{
        display: block;
		margin: 20px;
    }
	
	
   nav, #mainmenu{
        display: block;
        background: #F6F6F6;
        margin: 21px 0 0 0;
        padding: 0;
        border-left: 0;
        border-top: 1px #e2e2e2 solid;
        overflow: hidden;
        text-align: center;
        position: relative;
        z-index: 9999;
        display: none;
  
        border-bottom-left-radius: 2px; 
        -webkit-border-bottom-left-radius: 2px; 
        -moz-border-bottom-left-radius: 2px; 
        -o-border-bottom-left-radius: 2px; 
        border-bottom-right-radius: 2px; 
        -webkit-border-bottom-right-radius: 2px; 
        -moz-border-bottom-right-radius: 2px; 
        -o-border-bottom-right-radius: 2px; 
    }
	
    nav.show_menu, #mainmenu.show_menu{
        display: block;
    }

	#mainmenu{
		float:none;
		width:100%;
		margin: 0 auto;
	}
	
    nav ul li, #mainmenu li{
        margin: 0;
        width: 100%;
        border-bottom: 1px #e2e2e2 solid;
    }
    nav ul li:last-child, #mainmenu li:last-child{
        border-bottom: 0;
    }
    nav ul li a, #mainmenu li a{
        display: block;
        width: 100%;
        padding: 20px 0;
    }
    nav ul li a:active,  #mainmenu li a:active{
        display: block;
        width: 100%;
        padding: 20px 0;
        background: #2c2c2c;
    }
	
	
	

	.billboard{
		background-image: none;
		height: auto;
		margin: 20px 0 50px 0;
	}
	
    .billboard .caption{
       float: none;
		width: 90%;
		text-align: center;
    }
    .contact{
        width: 90%;
        margin: 0 auto;
    }
	
	.col-2{
		float:left;
		width: 35%;
		
	}
	
	.ressourcen{
		
	}
	
	#datenschutz{
		margin-top:-35px;
		font-size:12px;
	}
	
}


@media (max-width:800px){
    header .logo{
        float: none;
    }

  
	
	 header .logo{
		margin-left:30px;
	}
	
	header{
		height:200px;
	}
	
	.spalten-2,.col-3, .spalten-4{
		float: none;
		text-align: center;
		width: 90%;
	}
	
	.col-3{
		float:none;
	}
	
	.billboard .caption{
}

    ul.social{
        display: none;
    }

	
	video, iframe{
		width:90%;
	}

    .features .feature{
        width: 90%;
       
    }
    .features .feature:nth-child(2n+2)
    {
        margin-right: 0!important;
    }
	
	#adresse{
		width:100%;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 50px;
		
	}
	
	#formright{
		width:100%;
	}
	
	#formleft{
		width:100%;
	}
	
	.col-3-icon{
		padding:0;
	}
	
	.col-2{
		float: none;
		width: 90%;
		margin:5%;
		padding: 5%;
	}
	
	.ressourcen{
		background:inherit;
		height: 100%;
	}
	
	.ressourcen *{
		color:black !important;	
	}
	
	.ressource p{
		width:90%;
	}
	
	#imagehalftext .col-3{
		float:none;
		width:90%;
		margin: 0 auto;mar
	}
	
	#wimmer, #bernegger{
		float:none;
		width:100%;
		padding: 50px 0;
	}
	
	.casestudy, #wimmer .casestudy{
		padding:0;
		margin: 0 auto;
	}
	
}

@media (max-width:500px){
	
    .features .feature{
        width: 100%;
        margin-right: 0!important;
    }
	
	#adresse{
		width:100%;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 50px;

	}
	
	#formright{
		width:100%;
	}
	
	#formleft{
		width:100%;
	}
	
	
}

.clear{
	clear: both;
	float: none;
	height: 0;
	content: ".";
}

.magenta{
	color:magenta !important;
}