/* PW Teaser */

.pw_teaser_normal {
}

.pw_teaser_item {
	float:left;
	width: 32%;
	margin-bottom:10px;
}

.pw_teaser_item:nth-child(3n+2) {
	margin:0 2% 10px 2%;
}

.pw_teaser_img {
	line-height:0;
	position:relative;	
	border-bottom:3px solid #cd1338;
}

	.pw_teaser_img img {
		width:100%;
		height:auto;
	}
	
	.pw_price {
		position:absolute;
		top:0;
		right:0;
		background:#cd1338;
		color:#fff;
		padding:5px;
		line-height:normal;
	}
	
.pw_teaser_content {
	padding:10px;
	border:1px solid #e7e7e7;
	border-top:none;
	text-align:center;
}

	.pw_teaser_item:hover .pw_teaser_content {
		background:#e7e7e7;	
	}

.pw_teaser_head {
	font-family: 'Archivo Narrow', sans-serif;
	text-transform:uppercase;
	font-size:22px;
	margin-bottom:10px;
}

/* GRID */
.two-col-item-50 {
	width:48%;
	float:left;	
}

	.two-col-left {
		margin-right:2%;	
	}
	
	.two-col-right {
		margin-left:2%;	
	}

.three-cols-container {
}

	.three-cols-item {
		float:left;
		width:30%;	
	}
	
	.three-cols-middle {
		margin: 0px 5%;	
	}
	
.four-cols-container {
	width:100%;
}

	.four-cols-item {
		float:left;
		width:24%;
		margin-right:1%;
	}
	
	.four-cols-last {
			
	}
	
/* News */

/* Inhaltselement zusätzlich eingebunden - Preistabelle*/
.packages .frame-default {
	width:100%;
}

.news_detail_ce {
	margin: 20px 0;	
}

.backtolink {
	margin-bottom:60px;
}

#main .news-cta a,
#main .news-cta a:link,
#main .news-cta a:active,
#main .news-cta a:visited,
#main .news-cta a:hover {
	background: #cd1338;
    color: #fff;
    display: inline-block;
    padding: 10px;
	width:49%;
	text-align:center;
}

#main .news-cta a:nth-child(2) {
	margin: 0 0 0 2%;	
}

#main .news-cta.smallcta a {
	width:33%;
}

#main .news-cta.smallcta a:nth-child(2) {
	margin:0 0.5%;
}

#main .news-cta a:hover {
	background-color:#89796A;
}

/* *****************************************************************************************
   RESPONSIVE SECTION
*******************************************************************************************/

/* portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) {
    /* styles here */
}

/* landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) {
    /* styles here */
}

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

@media screen and (max-width: 1280px) {
.pw_teaser_item,
.pw_teaser_item:nth-child(3n+2) {
	width: 49%;
	margin:0 0 10px 0;
}

.pw_teaser_item.even {
	float:right;
}
}

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

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

@media screen and (max-width: 420px) {
.pw_teaser_item,
.pw_teaser_item:nth-child(3n+2),
.two-col-item-50,
.two-col-left,
.two-col-right {
	width: 100%;
	float:none;
	margin:0 0 10px 0;
}


}