@charset "utf-8";

.teaser-home{
	width				:100%;
	height				:;
}

.teaser{
	width				:950px;
	height				:315px;
	height				:285px;
	background			:url(../_images/Slideshow_BG.jpg) no-repeat center bottom ;
	background			:url(../_images/slides_start/teaser/slideshow_bg_double.jpg) no-repeat center bottom;
	margin-top			:20px;
}

.teaser .tc{
	width				:950px;
	height				:285px;
	background			:url(../_images/slides_start/bg_neutral.jpg) no-repeat center;
	background			:none;
}
/*	
	#####################################################################
	headlines and tags
	##################################################################### 
*/
.teaser h1{
	width				:420px;
	color				:#FFF;
	font-family:"Frutiger LT W04_67 Bold Cond","FrutigerLT", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight			:bold;
	margin-top			:20px;
	margin-bottom		:0;
	padding				:10px 20px 0 20px;
	padding				:10px 20px;
}
.teaser h1 .arrow{
	height				:10px;
	background			:url(../_images/slides_start/teaser/teaser_title_arrow_down.png) no-repeat center;
	position			:relative;
	top					:10px;
	z-index				:auto;
	display				:none;
}
.teaser h3{
	margin-bottom		:5px;
}

.teaser h1 span{
	font-family			: "Frutiger LT W04_47 Light Cond","FrutigerLT", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight			:lighter;
}
.teaser .tc-title{
	width				:420px;
	height				:20px;
	background			:#FFF;
	color				:#213765;
	display				:none;
	font-family:"Frutiger LT W04_67 Bold Cond","FrutigerLT", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size			: 1.5em;
	padding				:20px;
	position			:relative;
	text-align			:center;
	top					:-248px;
	left				:242px;
	z-index				:1;
}
.teaser .tc a.ButtonLink_flexibel{
	margin-right		:0;
	float				:right;
}
.teaser .tc ul{
	width				:285px;
	color				:#213765;
	margin				:0;
	padding				:0;
	float				:left;
	margin-bottom		:20px;
}
.teaser .tc ul li{
	list-style-type		:none;
	list-style-image	:url(/_images/_icon_arrow_right.png);
	list-style-image	:url(/_images/icons/icon_li_ok.png);
	list-style-position	:inside;
}

.teaser small{
	font-size			:9px;
}
/*	
	#####################################################################
	content
	##################################################################### 
*/
.teaser .tc .tc-left, .teaser .tc .tc-right{
	width:458px;
}
.teaser .tc .tc-left{
	float				:left;
}
.teaser .tc .tc-right{
	float				:right;
}


/*	
	#####################################################################
	content box
	##################################################################### 
*/
.teaser .tc .tc-box{
	width				:418px;
	background			:#FFF;
	background-color	:#F9F9F9\9;
	background			:rgba(255,255,255, .5);
	background			:#F5FBFE;
	background-image: -ms-linear-gradient(bottom, #BFCBDD 0%, #F5FBFE 100%);
	background-image: -moz-linear-gradient(bottom, #BFCBDD 0%, #F5FBFE 100%);
	background-image: -o-linear-gradient(bottom, #BFCBDD 0%, #F5FBFE 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #BFCBDD), color-stop(1, #F5FBFE));
	background-image: -webkit-linear-gradient(bottom, #BFCBDD 0%, #F5FBFE 100%);
	background-image: linear-gradient(to top, #BFCBDD 0%, #F5FBFE 100%);
	border				:1px solid #FFF;
	box-shadow			:0px 0px 2px #CCC;
	clear				:both;
	padding				:20px;
	padding-bottom		:10px;
}
.teaser .tc .tc-box:hover{
	background			:rgba(255,255,255, .8);
	background			:#F5FBFE;
	box-shadow			:0px 0px 2px #213765;
	box-shadow			:0px 0px 2px #999;
}
.teaser .tc .tc-left .tc-box{
	border-left					:none;
	border-bottom-right-radius	: 5px;
}
.teaser .tc .tc-right .tc-box{
	border-RIGHT				:none;
	border-bottom-left-radius	: 5px;
}

/*	
	#####################################################################
	content thumbs
	##################################################################### 
*/
.teaser .tc .tc_thumb{
	width				:110px;
	height				:110px;
	background-color	:#FFF;
	background-color	:rgba(255,255,255, .5);
	background-image	:url(../_images/slides_start/teaser/teaserthmb_domain_transfer.png) ;
	background-repeat	:no-repeat;
	background-position	:center;
	background-size		:100% 100%;
	box-shadow			:0px 0px 2px #CCC;
	border				:1px solid #FFF;
	border				:1px solid #EEE\9;
	float				:left;
	margin-right		:20px;
}


.teaser .tc .tc-right .tc_thumb{
	background-image	:url(../_images/slides_start/teaser/teaserthmb_mhstv.png) ;
}

/*	
	#####################################################################
	teaser bar 
	##################################################################### 
*/
.teaser-bar{
	background			:#ced3da;
	box-shadow			:inset 0px 0px 3px #ced3da;
	border-radius		:5px;
	margin-bottom		:2em; 
}
.teaser-bar h3{
	margin				:0 0 0.1em 0;
}
.teaser-bar .left img{
	//height				:100%;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
.teaser-bar .subtext{
	line-height			:1;
}


/*	##############################################################
	vertical teasers
	##############################################################*/
.teaser-vertical-wrap, .teaser-vertical-wrap-big{
	width				:25%;
	box-sizing			:border-box;
	float				:left;
	margin				:0 0 2em 0;
	padding				:0 0.3em;
	position			:relative;
}
.teaser-vertical-wrap-big{
	width				:50%;
}
.teaser-vertical:after, .teaser-vertical-wrap-big:after {
    background			:#fff none repeat scroll 0 0;
    border-top			:7px solid #fff;
    content				:"";
    display				:block;
    height				:13px;
    width				:100%;
}
.teaser-image {
    overflow			:hidden;
    position			:relative;
}
.teaser-image img {
    height				:auto;
    max-width			:100%;
    width				:100%;
}
.teaser-vertical-wrap-big .teaser-image .greybox{
	color				:#000;
	position			:absolute;
	bottom				:0;
}
.teaser-vertical-wrap-big .teaser-desc{
	margin				:0 0 1em 0;
}
.teaser-content {
	background			:#F0F0F0;
    color				:#000;
    overflow			:hidden;
    padding				:1em 1em;
    text-decoration		:none;
}
.teaser-content-teleclub{
	min-height			:300px;
}
.teaser-content-mysports {
    min-height			:380px;
}
.teaser-content h3{
	font-family			:inherit;
}
.teaser-vertical-wrap .teaser-link,
.teaser-vertical-wrap-big .teaser-link, 
.teaser-vertical-wrap .teaser-price,
.teaser-vertical-wrap-big .teaser-price{
	float				:right;
	margin				:0;
}
.teaser-vertical-mysports .teaser-image{
	background			:#EEE;
}
.teaser a, .teaser a:hover, .teaser a:focus {
    text-decoration: none;
}
.teaser-vertical-footer{
	width				:85%;
	position			:absolute;
	bottom				:2em;
}
.teaser-vertical-footer .teaser-price{
	float				:right;
}
.teaser-vertical-footer .teaser-link{
	float				:right;
}


/*	##############################################################
	Product Teasers
	##############################################################*/

.product-teasers{
	width				:100%;
	min-height			:310px;
	background-image	:url("/_images/glasfaser/teasers/productheader_general_spaceleft.jpg");
	background-repeat	:no-repeat;
	background-position	:top left;
	background-size		:100% auto;
	margin				:0 0 2em 0;
	position			: relative;
}
.product-teaser-left-content, .product-teaser-right-content{
	width				: 50%;
}
.product-teasers#gf-index{
	background-image	:url("/_images/glasfaser/teasers/productheader_general_spaceleft.jpg");
}
.product-teasers#gf-kombiangebot{
	background-image	:url("/_images/glasfaser/teasers/productheader_kombiangebote.jpg");
}
.product-teasers#gf-kombiangebot-triplex{
	background-image	:url("/_images/glasfaser/teasers/productheader_kombiangebote.jpg");
	background-image	:url("/_images/glasfaser/teasers/productheader_kombiangebote_2018.jpg");
}
.product-teasers#gf-kombiangebot-duplex{
	background-image	:url("/_images/glasfaser/teasers/productheader_kombiangebote_duplex.jpg");
}
.product-teasers#gf-kombiangebot-duplex2{
	background-image	:url("/_images/glasfaser/teasers/productheader_kombiangebote_duplex2.jpg");
}
.product-teasers#gf-internet, .product-teasers#dsl-internet, .product-teasers#cat-internet{
	background-image	:url("/_images/glasfaser/teasers/productheader_internet_family.jpg");
}
.product-teasers#gf-fernsehen{
	background-image	:url("/_images/glasfaser/teasers/productheader_fernsehen.jpg");
}
.product-teasers#gf-telefonie{
	background-image	:url("/_images/glasfaser/teasers/productheader_telefonie.jpg");
}
.product-teasers#gf-tvmotion-app{
	background-image	:url("/_images/glasfaser/teasers/productheader_mobileapp.jpg");
}
.product-teasers#gf-recorder{
	background-image	:url("/_images/glasfaser/teasers/productheader_recorder.jpg");
}
.product-teasers#gf-video-on-demand{
	background-image	:url("/_images/glasfaser/teasers/productheader_vod.jpg");
}
.product-teasers#gf-mein-luzern{
	background-image	:url("/_images/glasfaser/teasers/productheader_mein-luzern.jpg?v=2");
}
.product-teasers#telefonie-umstellung{
	background-image	:url("/_images/teaser/telefonie/teaser_telefonie_umstellung.jpg");
}
.product-teasers#mysports{
	background-image	:url("/_images/teaser/fernsehen/mysports/productheader_mysports.jpg");
}
.product-teasers#mysports-news{
	background-image	:url("/_images/teaser/fernsehen/mysports/productheader_mysports_news.jpg");
}
.product-teasers#support-contact{
	background-image	:url("/_images/teaser/support/productheader_support_contact.jpg");
}
.product-teasers#plume-plume{
	background-image	:url("/_images/teaser/produkte/productheader_produkte_plume_01.jpg");
}

.product-teasers#incontent-vod-emag{
	height				:630px;
	background-image	:url("/_images/glasfaser/teasers/productteaser_emagazin_201805.jpg?v=1");
	box-sizing			:border-box;
	padding				:150px 2em 0 0;
}
.product-teasers .product-teasers-emag-a{
	display				:block;
	/*
	-ms-transform		: rotate(-10deg);
    -webkit-transform	: rotate(-10deg);
    transform			: rotate(-10deg);
	*/
	position			:relative;
	left				:410px;
	bottom				: 34px;
}
.product-teasers .product-teasers-emag-a img{
	width				:120px;
	box-shadow			:0 0 8px #000;
}

.product-teasers-flexslider{
	overflow			:hidden;
	margin				:0 0 2em 0;
}

.product-teasers .stoerer,
.product-teasers-flexslider .stoerer{
	display				:inline-block;
	float				:right;
	font-size			:100%;
	margin-top			:5em;
	margin-right		:3em;
	position			:relative;
	text-shadow			: 1px 1px 6px #FFF;
}
.product-teasers-flexslider .stoerer{
	position			:absolute;
	margin				:5em 0 0 48em;
	z-index				:1;
}
.product-teasers .stoerer h4,
.product-teasers-flexslider .stoerer h4{
	/* text-shadow			: 0px 0px 2px #FFF, 0px 0px 8px #FFF; */
}
.product-teasers .cubes{
	top					:2em;
	top					:0;
	right				:2em;
}
.product-teasers .cubes p.bigger{
	font-size			:1.4rem;
}

.product-teasers.product-teaser-teleclub{
	/* //background: #00a2b1;
	//background: -moz-linear-gradient(top, #00a2b1 0%, #2cb1bd 70%, #2cabb7 74%, #2899a3 79%, #0e4245 100%);
	//background: -webkit-gradient(left top, left bottom, color-stop(0%, #00a2b1), color-stop(70%, #2cb1bd), color-stop(74%, #2cabb7), color-stop(79%, #2899a3), color-stop(100%, #0e4245));
	//background: -webkit-linear-gradient(top, #00a2b1 0%, #2cb1bd 70%, #2cabb7 74%, #2899a3 79%, #0e4245 100%);
	//background: -o-linear-gradient(top, #00a2b1 0%, #2cb1bd 70%, #2cabb7 74%, #2899a3 79%, #0e4245 100%);
	//background: -ms-linear-gradient(top, #00a2b1 0%, #2cb1bd 70%, #2cabb7 74%, #2899a3 79%, #0e4245 100%);
	//background: linear-gradient(to bottom, #00a2b1 0%, #2cb1bd 70%, #2cabb7 74%, #2899a3 79%, #0e4245 100%);
	//filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2b1', endColorstr='#0e4245', GradientType=0 );
	background-image	:url("/_images/glasfaser/teasers/fernsehen/productheader_fernsehen_teleclub_201709.jpg");
	background-image	:url("/_images/fernsehen/teleclub/productheader_teleclub_201804.jpg");
	*/
	background-image	:url("/_images/fernsehen/teleclub/productheader_teleclub_201808.jpg");
	background-repeat	:no-repeat;
	background-position	:top left;
	background-size		:100% auto;
	
	color				:#000;
}
.product-teasers.product-teaser-teleclub .product-teaser-left-content,
.product-teasers.product-teaser-teleclub .product-teaser-right-content{
	display				: inline-block;
	background-repeat	:no-repeat;
	background-size		:100% auto;
	float				:left;
}
.product-teasers.product-teaser-teleclub .product-teaser-left-content{
	width				: 50%;
	width				: 30%;
}
.product-teasers.product-teaser-teleclub .product-teaser-right-content{
	width				: 220px;
	height				: 220px;
	/*background-image:url(../_images/_partnerlogos/partnerlogo_teleclub.png) ; */
	background-image	:none;
	margin				:3.5em 0 0 10%;
}
.product-teasers.product-teaser-teleclub small.subtext{
	color				:#b3e3e7;
	position			:absolute;
	bottom				:1em;
	right				:2em;
}

.product-teasers .box-round-white{
	width				:200px;
	height				:200px;
	line-height			:1.2em;
	background			:#FFF;
	-moz-border-radius	:50%;
	border-radius		:50%;
	box-sizing			:border-box;
	display				:inline-block;
	font-size			:120%;
	text-align			: center;
	margin				:10% 0 0 33%;
	margin				:10% 0 0 10%;
	padding				:2em;
	-moz-transform		: rotate(-10deg);
	-ms-transform		: rotate(-10deg);
	-o-transform		: rotate(-10deg);
	-webkit-transform	: rotate(-10deg);
}
.product-teasers .box-round-white h1{
	font-size			:2.2em;
}
.product-teasers .box-round-white h2{
	font-size			:1.8em;
}
.product-teasers .box-round-white h1,
.product-teasers .box-round-white h2,
.product-teasers .box-round-white h3,
.product-teasers .box-round-white h4{
	margin				:0;
	line-height			:1em;
}

#slideshow {
	width				: 950px;
	min-height			:350px;
	background-image	: url(../_images/Slideshow_BG.jpg);
	background-repeat	: no-repeat;
	background-position	: center 0px;
	padding-bottom		: 20px !important;
	margin-top			: 5px;
}