@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.6.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */

/* ---------- RESPONSIVE ----------*/



/* ------ Standard ------*/
@media (max-width: 1120px) { 

	.heading .grid-padding-x{
		padding-top:20px;
	}
}


/* ------ Medium ------*/
@media (max-width: 800px) { 
	/*----- Global ----- */
	.button, input[type=submit]{
		max-width:100%;
		padding:0 15px;
		font-size:15px;
	}
	/*----- Header ----- */
	.logo{
		margin:24px 0 20px;
		max-width: 340px;
	}
	.header .button{
		margin:24px 0;
	}
	.title h1{
		max-width: 100%;
		font-size: 44px;
	}
	.title h5 {
		margin: 47px 0 10px 0;
		}
	.navigation{
		display: none;
	}
	.start .title .button{
		margin-bottom: 10px;
	}
	.heading .grid-padding-x{
		padding-top:20px;
	}
	/*----- So funktioniert's ----- */
	.block01{
		padding:0 0 35px;
	}
	.block02{
		padding:35px 0;
		margin-top:0;
		border-top:0;
	}
	.block03{
		padding:35px 0;
	}
	.sofunktionierts h3{
		font-size:27px;
	}
	.sofunktionierts img{
		width:100%;
	}
	/*----- Warenkorb ----- */
	.cart img{
		max-width:100%;
	}
	.cart p {
		font-size: 13px;
		}
	.anforderung h2{
		margin-top:20px;
	}
	.anforderung{
		padding-top:10px;
	}

	/* ------ Datei hochladen ----- */
	input[type=file] + label{
		padding-left:160px;
		font-size:15px;
	}
	input[type=file] + label span{
		width:144px;
		font-size: 15px
	}
	
}
/* ------ Small ------*/
@media (max-width: 639px) { 
	/*----- Global ----- */
	h1, h2{
		font-size:30px;
		font-family: 'Amp', 'Roboto', Helvetica, Arial, sans-serif;
	}
	.button, input[type=submit]{
		font-size:16px;
	}
	.grid-padding-x > .cell{
		padding-right:20px;
		padding-left:20px;
	}
	/*----- Header ----- */
	.header{
		height: 64px;
	}
	.header .large-6:last-child{
		display:none;
	}
	.logo{
		margin: 15px 10px 14px;
		max-width: 100%;
	}
	.title h5, .title h1, .title p{
		text-align:center;
	}
	.title h5{
		margin-top:10px;
	}
	.title h1{
		margin-bottom:10px;
		font-size:30px;
	}
	.title img, .title lottie-player{
		max-width:360px;
		width:90% !important;
		padding:0;
	}
	.title img{
		max-width:273px;
		margin-top:20px;
	}
	.title lottie-player{
		margin-top:-80px;
		margin-bottom:-70px;
	}
	.title a.button{
		display: block;
		margin: 20px auto 10px !important;
		max-width: 270px;
		width: 90%;
	}

.sofunktionierts.hide-for-large .medium-3{
	margin-bottom: 0px;

}
.sofunktionierts.hide-for-large img{
	max-width: 120px;
}

	.cart{
		position:relative; 
		margin-top:20px;
		padding-bottom:30px;
	}
	.produktbild{
		max-width:300%;
		margin-left:-120%;
	}
	.anforderung{
		padding-bottom:40px;
	}
	.anforderung h2{
		margin-top:34px;
	}
	.anforderung h5{
		text-align:center;
	}
	.anforderung p{
		max-width: 100%;
	}
	.anforderung .grid-padding-x{
		padding:inherit;
	}
	.cart{
		max-width: 100%;
	}
	.cart p{
		font-size:15px;
	}
	.sticky{
	position: relative;
	}
	.heading .button.add-employee{
		float:left;
	}
	.employee-item div{
		margin-top:5px;
		margin-bottom: 5px;
	}
	.employees-error .employee-name:after{
		margin-right: 0;
	}

}