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

}

@media screen and (max-width:992px) {
	
	#lp-kaffeeabo h1,
	#lp-kaffeeabo .title {
		font-size: 36px;
		letter-spacing: 9px;
		line-height: 48px;
	}
	#lp-kaffeeabo h2 {
		font-size: 30px;
		letter-spacing: 6px;
		line-height: 40px;
	}
	/*---------- HEADER ----------*/
		#lp-kaffeeabo .lp-header .logo {
		max-width: 205px;
	}
	#lp-kaffeeabo .content-inner{
		position: absolute;
		top: 20%;
		left: 0px;
		right: 0px;
		-webkit-transform: translateY(-20%);
		-moz-transform: translateY(-20%);
		-o-transform: translateY(-20%);
		-ms-transform: translateY(-20%);
		transform: translateY(-20%);
	}
	
	
	/*---------- VIDEO ----------*/
	#lp-kaffeeabo .video {
		padding: 100px 0;
	}
	
	/*---------- PARTS ----------*/

	#lp-kaffeeabo .step {
		margin-top: 24px;
	}
	#lp-kaffeeabo .part02 img {
    margin-top: 100%;
	}
	#lp-kaffeeabo .part03 h2 {
		margin-top: 48px;
	}
	#lp-kaffeeabo .part03 .btn {
		margin-top: 24px;
	}
	
	/*---------- APPROACH ----------*/
	#lp-kaffeeabo .approach .approach-items .approach-item{
		width: 50%;
		display: block;
		float: left;
	}
	
}

@media screen and (max-width:767px) {
	#lp-kaffeeabo {
		
	}
	#lp-kaffeeabo h1,
	#lp-kaffeeabo h2,
	#lp-kaffeeabo h3,
	#lp-kaffeeabo h4,
	#lp-kaffeeabo h5,
	#lp-kaffeeabo .title,
	#lp-kaffeeabo .title-h3,
	#lp-kaffeeabo .title .small,
	#lp-kaffeeabo h2 .small {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	#lp-kaffeeabo h1,
	#lp-kaffeeabo .title {
		font-size: 36px;
		letter-spacing: 9px;
		line-height: 48px;
	}
	#lp-kaffeeabo h2 {
		font-size: 30px;
		letter-spacing: 6px;
		line-height: 40px;
	}
	
	#lp-kaffeeabo .lead blockquote p {
		font-size: 30px;
		letter-spacing: 6px;
		line-height: 40px;
	}
	#lp-kaffeeabo section ul.list-unstyled {
		margin-top: 20px;
	}
	/*----- BUTTONS -----*/
	#lp-kaffeeabo .btn {
		padding: 8px 12px;
		display: block;
	}
	
	/*---------- HEADER ----------*/
	
	/*---------- INTRO ----------*/
	#lp-kaffeeabo .intro {
    padding: 40px 0;
	}
	/*---------- BENEFIT ----------*/
	#lp-kaffeeabo .benefit {
		padding: 40px 0;
	}
	#lp-kaffeeabo .benefit .benefit01,
	#lp-kaffeeabo .benefit .benefit02,
	#lp-kaffeeabo .benefit .benefit03,
	#lp-kaffeeabo .benefit .benefit04 {
		margin-top: 48px;
	}
	#lp-kaffeeabo .benefit .benefit01 img, 
	#lp-kaffeeabo .benefit .benefit02 img, 
	#lp-kaffeeabo .benefit .benefit03 img, 
	#lp-kaffeeabo .benefit .benefit04 img {
    width: 100%;
    margin: 0 auto 24px;
	}
	
	/*---------- PARTS ----------*/
	#lp-kaffeeabo .part01 {
    padding: 40px 0;
	}
	#lp-kaffeeabo .part01 img {
		margin-top: 24px;
	}
	#lp-kaffeeabo .part02 {
		padding: 40px 0;
	}
	#lp-kaffeeabo .part02 img {
    margin-top: 24px;
	}
	#lp-kaffeeabo .part03 {
		padding: 40px 0;
	}
	#lp-kaffeeabo .part03 h2 {
		margin-top: 48px;
	}
	/*---------- APPROACH ----------*/
	
	#lp-kaffeeabo .approach .approach-items .approach-item,
	#lp-kaffeeabo .approach .approach-items .approach-item.first {
		display: block;
		width: 100%;
		float: none;
	}
	
	
}

@media screen and (max-width:640px) {
	/*----- BUTTONS -----*/
	#lp-kaffeeabo .btn {
		white-space: normal;
		height: auto;
	}
	
}
@media screen and (max-width:320px) {
	/*---------- HEADER ----------*/
		#lp-kaffeeabo .lp-header .logo {
		max-width: 115px;
	}
}