/* PW Teaser */

.pw_teaser_normal {
	font-size:0;
	width:calc(100% - 96px);
	margin:100px auto;
}
.pw_teaser_item {
	border:1px solid #dcdcdc;
	background:#fff;
	text-align:center;
	font-size:16px;
	float:none;
}

	.pw_teaser_item:hover {
		cursor:pointer;
	}	

	.pw_teaser_head {
		height:64px;
		line-height:56px;
		background:#fff;
		position:relative;
		z-index:1;
	}
	
		#main .pw_teaser_head a {
			text-transform: uppercase;
			border-bottom: 1px solid #000;
			display: inline-block;
			color: #000;
			font-weight: 600;
			font-size:17px;
		   	font-family: 'Biotif-Medium', sans-serif;
			line-height:1.6em;
			letter-spacing:-0.01em;
		}
	
	.pw_teaser_img {
		line-height:0;
		position:relative;
		margin-top:-13px;
		z-index:0;
	}
	.pw_teaser_img img {
		width:100%;
		height:auto;
	}
	.pw_teaser_content {
		padding:37px 29px;
		line-height:2em;
		border-top:none;
		text-align:center;
	   	font-family: 'Biotif-Regular', sans-serif;
		display:block;
		height:15em;
	}
	
	.pw_teaser_more {
		text-align:center;
		margin-bottom:10px;
	}

.pw_teaser_item.slick-current {
	background:#534b6a;
	color:#fff;
	margin:0;
}


	#main .pw_teaser_item.slick-current .pw_teaser_head {
		line-height:28px;
		background:#534b6a;
		height:51px;
	}
	
		#main .pw_teaser_item.slick-current .pw_teaser_head a {
			color:#fff;	
			border-color:#fff;
		}
	
	#main .pw_teaser_item.slick-current .pw_teaser_img { 
		margin-top:0;
	}
	
	#main .pw_teaser_item.slick-current .pw_teaser_more a {
		background:url(../img/dce_2c_link3_bg.png) center center no-repeat;
	}

/* the slides */
.pw_teaser_normal .slick-slide {
	margin: 16px 6px;
}
.pw_teaser_normal .slick-slide.slick-current {
	padding:16px 0;
	margin: 0 6px;
}
/* the parent - hack für chrome*/
.pw_teaser_normal .slick-list {
	margin: 0 -8px;
}


/* GRID */

.two-cols-container {
}
.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 {
}
.four-cols-item {
	float:left;
	width:24%;
	margin-right:1%;
}
.four-cols-last {
}
/* Stellar */
	
.stellar {
	padding:70px 0;
	color:#fff;
	
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	position: relative;


}

	.stellar.notext {
		height:500px;	
	}

/* News */

#main .news-item .pw_teaser_content {
	text-align:center;	
}

#main .news_teaser {
	margin:10px 0;	
}

#main .news_teaser p {
	margin-bottom:0;
}
.price {
	font-weight:bold;
	font-size: 34px;
	letter-spacing: -0.01em;
}

.news_price {
	color:#d7ac4a;	
	font-size:1.5em;
}

.slick-current .news_price {
	color:#fff;
}

.news-cta {
	margin:40px 0;	
}


/* Inhaltselement zusätzlich eingebunden - Preistabelle*/
.packages .frame-default {
}
.news_detail_ce {
	margin: 20px 0;
}

.news_detail_ce .frame-default {
	width:100%;	
}

.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: #534b6a;
	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,
#main .news-cta a.news-cta-book {
	background-color:#94af26;
}

#main .news-cta a.news-cta-book:hover {
	background-color:#534b6a;
}


/* lexicon */
#main .frame-type-menu_abstract ul {
    display:flex;
    justify-content:center;
    align-items:flex-start;
    flex-wrap:wrap;
}
    #main .frame-type-menu_abstract li {
        background-image:none;
        padding:0;
        line-height:0;
        margin:4px;
    }
        #main .frame-type-menu_abstract a,
        #main .frame-type-menu_abstract a:link,
        #main .frame-type-menu_abstract a:hover,
        #main .frame-type-menu_abstract a:active,
        #main .frame-type-menu_abstract a:visited,
        #main .frame-type-menu_abstract a:focus {
            display:inline-block;
            width:48px;
            line-height:48px;
            background-color:#CCC;
            color:#FFF;
            font-size:24px;
            text-align:center;
        }
        #main .frame-type-menu_abstract a:hover {
            background-color:#320F3A;
        }
#main .lexicon-wrap {
    width:90%;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    flex-wrap:wrap;
}
    #main .lexicon-wrap .frame-type-dce_dceuid15 {
        display:block;
        width:48%;
        margin:0;
        border:1px solid #320F3A;
        padding:16px;
        margin-top:4%;
    }
        #main .lexicon-wrap .frame-type-dce_dceuid15 p:first-child {
            font-size:24px;
            text-transform:uppercase;
            letter-spacing:0.02em;
            font-family:'Biotif-Regular', sans-serif;
            color:#010101;
            line-height:1.2em;
        }
        #main .lexicon-wrap .frame-type-dce_dceuid15 p:last-child {
            padding:0;
            margin:0;
        }
/* ******* */



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

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

.stellar {
	background-size:cover !important;
	background-attachment:inherit !important;
	background-position: center center !important;

}

}

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

.stellar {
	background-position: center center !important;
	background-size:cover !important;
	background-attachment:inherit !important;
}

}


@media screen and (max-width: 1280px) {
.pw_teaser_content {
	height:17em;
}
}


@media screen and (max-width: 1024px) {
.pw_teaser_content {
	height:23em;
}
}

@media screen and (max-width: 768px) {
.pw_teaser_content {
	height:17em;
	padding:20px;
}
#main .lexicon-wrap .frame-type-dce_dceuid15 {
    width:100%;
}
}

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

.two-col-left,
.two-col-right {
	margin:0 0 10px 0;
	float:none;
	width:100%;
}
	
.pw_teaser_normal {
	margin:20px auto;	
}

.pw_teaser_content {
	height:auto;	
}

.stellar {
	
	padding:20px 0 !important;
}


}