@charset "UTF-8";
/* CSS Document */

#matten figure img {border:1px  solid  #740; -webkit-border-radius: 2px;
border-radius: 2px;}
#matten figure img.no-border {border: none}

.abo {
	width:28%;
	padding:1.5rem 1.5rem;
	float:left;
	margin: 0 1.5% 2rem 0;
	color:#000;
	background-color: #eee;
	
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
}


.a3 {margin: 0 0 2rem 0}


.green { margin: 0 0 2rem 0;}

.abo p {margin: 0 0 .5rem 0; line-height: 1.25rem; font-size:.9rem; color:#000}



.abo img {margin-bottom:0}

p.letter-w {color:#000; margin-top: 2rem; font-size:1.25rem; font-weight: 600; }

p.latis { margin:1rem 0; font-size: .85rem }





.abo h3 {
	font-size:.8rem; letter-spacing: 1px;
	color:#000; text-transform: uppercase;
	margin:1.5rem 0 0 0; font-weight: 400
}

.abo h2 {margin: 0 ;   color:#740; font-weight:700; line-height: 1.5rem}




.preis::before {
	content: "Preis: ";
	font-size: .9rem;
}

p.preis {
	/*font-family: "Quicksand", sans-serif;*/
	font-size: 2rem;
	font-weight: 700;
	background-color: #ab1;
	color:#fff;
	display: inline;
	padding: 0 .5rem;
	border-radius: 3px;
	box-sizing: border-box;
	box-shadow: 2px 2px 0 #333;
	margin-top:2rem;

	
}


.preis:hover {
	font-size: 2rem;
	font-weight: 700;
	background-color: #fff;
	color:#740;
	display: inline;
	padding: 0 .5rem;
	border-radius: 2px;
	box-sizing: border-box;
	box-shadow: 2px 2px 0 #aaa;
	border:1px solid #aaa;
}
.preis a {color:#CC2336}

.abst1 {margin: 3rem 0 1rem}


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

.abo {
	width:26%;
	padding:1.5rem 1.5rem;
	margin: 0 1.5% 2rem 0;
	
}

}

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

	.abo {
	width:43%;
	padding:1.5rem 1.5rem;
	margin: 0 1.5% 2rem 0;
	
}
	
	
	.a2 {margin-right:0}
	.a4	{margin-right:0}
	.green {margin-right:0;}
	
	

}

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

	.abo {
	width:42%;

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

	.abo {
	width:41%;

	
}
		


}


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


.abo {
	width:90%;

	float:left;
	margin: 0 0 2rem 
	
}
	.a1	{margin-right:0}
	.a2 {margin-right:0}
	.a3 {margin-right:0}
	.a4	{margin-right:0}
	.a5 {margin-right:0}
	.green {margin-right:0;}
	
}



}