/*Start Content Styles from scratch*/

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

h1, h2 {
	color: #e20074;
	font-family: "Tele-Grotesk-Fett", Helvetica, Arial;
	margin: 0;
	padding: 0;
	display: block;
}

h3, h4, h5, h6 {
	color: #000000;
	font-family: "Tele-Grotesk-Fett", Helvetica, Arial;
	margin: 0;
	padding: 0;
	display: block;
}

.like-h1, .like-h2 {
	color: #e20074;
}

.like-h3, .like-h4, .like-h5, .like-h6 {
	color: #000000;
}

a{
	color: #e20074;
}

b,strong{
	font-family: "Tele-Grotesk-Fett", Helvetica, Arial;
	font-weight: normal;
}

.regular {
	font-family: "Tele-Grotesk-Norm", Helvetica, Arial;
	font-weight: normal;
}

table{
	border-collapse:collapse;
	width:100%;
}

td{
	border-bottom: 1px solid #f4f4f4;
	vertical-align: top;
	padding: 10px 0;
}

.desktop{
	display:block;
	}

.mobile{
	display:none;
	}
	
td.header{
	border-bottom: 1px solid #bfbfbf;
}

.floatleft {
	float:left;
	padding-right:3px;
}
.floatright {
	float:right;
	padding-left:3px;
}
.cleardiv,.clear {
	clear:both;
	height:0px;
	width:0px;
	line-height:0px;
	font-size:0px;
}
.textblack {
	color: #000000;
	float: left;
}
.textmagenta {
	color: #E20074;
}
span.small,div.small{
	font-size: 13px;
}
.container-main {
	z-index: 1;
}

.endline{
	border-top: 1px solid #bfbfbf;
	margin-top:20px;
	padding-bottom: 15px;
	clear: both;
}

.container-content-leftcolumn.col.c8 {
max-width: 660px;
margin-right: 40px;
}

.container-content-rightcolumn.col.c4 {
width: 300px;
}

.contentbox {
	font-size:16px;
	clear: left;
	position: relative;
	z-index: 2;
	width: 650px;
	padding: 14px 0;
	background: #fff;
	border-top: 1px solid #000000;
}


.fliesstexthr {
	width: 420px;
	float: left;
	display: block;
}

.fliesstexthr h4 {
	color: #000000;
	margin: 15px 0 0 0;
}

.double .fliesstext {
	width:49%;
	float:left;
	margin-right:2%;
}

.double .fliesstextrechts {
	width:49%;
	float:left;
}

.double .fliesstext ul,.double .fliesstextrechts ul{
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
}

.double .fliesstext ul li,.double .fliesstextrechts ul li{
	margin: 0 0 10px 0;
	list-style-position: outside;
}

h1.classic,
.like-h1.classic {
	font-size: 30px;
	margin-bottom: -2px;
}

h2.classic,
.like-h2.classic {
	font-size: 17px;
	color:#000000;
}

h2.subheadline,
.like-h2.subheadline {
	font-size: 19px;
	font-family: Tele-Grotesk-Norm, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:none;
	color:#000000;
	}

h4.listheader {
	font-size: 17px;
	margin: 10px 0;
}

p.magenta{color: #E20074;}

img.floatleft {
	float:left;
	padding:0 40px 20px 0;
}

img.floatright {
	float:right;
	padding:0 0 0 20px;
}

.contentbox ol li,.fliesstexthr ol li {
list-style: inherit;
padding: 0;
margin: 0;
}

.container-content-leftcolumn  ul.square,.container-content-leftcolumn ul,.tabContent ul {
list-style-type: square;
margin-bottom: 20px;
padding-left: 20px;
}

.container-content-leftcolumn ul.square li,.container-content-leftcolumn .container-content ul li {
list-style-type: none;
margin-bottom: 5px;
margin-left: 15px;
list-style-position: inside;
}

.container-content-leftcolumn ul.square ul,
.container-content-leftcolumn ul ul,
.tabContent ul ul {
	margin-bottom: 0;
}

.tabContent ul li {
list-style-type: square;
margin-bottom: 5px;
margin-left: 15px;
list-style-position: outside;
}

.contentbox .boxGreyFarbverlauf  ul li ,.fliesstexthr ul li{
list-style-position: outside;
}
/*
ul.contentTabs {
	list-style: none;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 20px 0 0 0;
}

ul.contentTabs li {
	list-style: none;
	color: #E20074;
	float: left;
	padding:0;
	margin: 0;
	height: 37px;
	overflow: hidden;
	font-size: 16px;
	border: 0px;
	background: transparent;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	position: relative;
}

ul.contentTabs li.selected {
	z-index: 3;
	background:#000000;
	border-bottom: 1px solid #000000;
	color: #E20074;
}

ul.contentTabs li a span {
	font-size: 16px;
	height: 37px;
	line-height: 39px;
	color: #E20074;
	cursor: pointer;
	padding-right: 14px;
	font-family: "Tele-Grotesk-Fett",Arial,Helvetica,sans-serif;
}

ul.contentTabs li.selected a span {
	text-decoration: none;
	font-family: "Tele-Grotesk-Ultra",Arial,Helvetica,sans-serif;
}*/

.boxGreyFarbverlauf {
	/*-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0px;
	border: 1px solid #000000;
	background: #fff;
	padding: 10px;
	margin:15px 0 0 0;
	position: relative;
	padding: 10px;*/
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0px;
	border:0;
	border-top: 1px solid #E20074;
	border-bottom: 1px solid #E20074;
	background: #fff;
	padding: 15px 10px 15px 10px;
	position: relative;
	margin: 0 0 15px 0;
}
.boxGreyFarbverlauf.small {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0px;
	border: 1px solid #000000;
	background: #ffffff;
	padding: 10px;
	margin:15px 0 0 0;
	position: relative;
	padding: 10px;
	width:290px;
	float:left;
	min-height: 140px;
}

.boxGreyFarbverlauf.small:nth-child(2n) {
	margin-right:20px;
}

.boxGreyFarbverlauf.small img.floatleft {
	float: left;
	padding: 0 10px 20px 0;
}

.boxGreyFarbverlauf h3.classic {
	margin: -10px -10px 15px -10px;
	padding: 10px;
	color:#E20074;
	display: block;
}

.boxGreyFarbverlauf.small h3.classic {
	margin: -10px -10px 15px -10px;
	font-family: "Tele-Grotesk-Fett",Arial,Helvetica,sans-serif;
	background: #000000;
	padding: 10px;
	color:#E20074;
	display: block;
	font-size: 17px;
}

.boxGreyFarbverlauf.magenta {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0px;
	border:0;
	border-bottom: 1px solid #E20074;
	background: #fff;
	padding: 15px 10px 35px 10px;
	position: relative;
	margin:0;
}

.boxGreyFarbverlauf.magenta h3.classic {
	margin: -10px -10px 15px -10px;
	padding: 10px;
	text-transform:none;
	color:#E20074;
	display: block;
}

.boxGreyFarbverlauf.noline {
	border: 0;
}

.tarif .sms.marginBottom {
	margin-bottom: 10px;
}

ul.tarif {
	border-top: 1px solid #bfbfbf;
	padding: 20px 0 0 0;
	margin: 0px;
	position: relative;
	list-style-type:none;
	float: left;
	width: 100%;
}

ul.tarif.noline {
	border-top: 0;
}

ul.tarif ul{
	padding:0;
	margin: 0 0 20px 0;
}

ul.tarif li {
	list-style-type:none;
}

ul.tarif li.left {
	float:left;
	margin:0 0 0 10px;
	padding: 0px;
	list-style-type:none;
}

ul.tarif li.right {
	width: 240px;
	min-height: 176px;
	float:right;
	list-style-type:none;
}

ul.tarif li.right li{
	padding:0;
	margin:0;
}

ul.tarif li.left li{
	list-style-type:none;
	max-width: 360px;
	margin: 0;
}

ul.tarif li.right li {
	list-style-type:none;
	max-width: 240px;
	margin: 0;
}

ul.tarif li.left h3 {
	color: #e20074;
	font-family: "Tele-Grotesk-Fett", Helvetica, Arial;
	font-weight: normal;
	margin-bottom: 12px;
	display: block;
}

ul.tarif li.left .tarifdownload{
	color: #e20074;
	text-decoration: underline;
}

ul.tarif li.right div.label {
	background: #e20074;
	width: 222px;
	display: block;
	padding: 0 4px 4px 4px;
	margin-bottom:30px;
	color:#000000;
}

ul.tarif li.right span.price {
	font-family: "Tele-Grotesk-Ultra", Arial, Helvetica, "sans-serif";
	font-size: 54px;
	color:#000000;
}

ul.tarif li.right span.price sup.postkomma {
	font-size: 27px;
	margin-left: 0;
}


ul.tarif li.right span.periode {
	font-family: "Tele-Grotesk-Ultra", Arial, Helvetica, "sans-serif";
	padding-left: 10px;
	font-size: 23px;
}

ul.tarif li.right span.small {
	font-family: "Tele-Grotesk-Fett", Helvetica, Arial;
	font-size: 14px;
	padding: 2px 4px;
	display: block;
	float: none;
}

ul.tarif li.left ul ul li {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 1em;
}

.smallbutton, .btn_pink {
	font-family: "Tele-Grotesk-Fett", Helvetica, Arial;
	width: 150px;
	display: block;
	height: 32px;
	line-height: 32px;
	display: block;
	text-align: center;
	color: #fff;
	background: #E10073;
	border: 1px solid #c90068;
	padding:0 30px;
}

a.smallbutton{
	text-decoration:none;
	margin:10px 0;
}

.smallbutton:hover , .btn_pink:hover{
	background: #FC0082;
	border: 1px solid #e20074;
}

ul.tarif li.right .magentaBtn {
	text-align: center;
	width: 100%;
			
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

ul.tarif li.right img {
	max-width: 100%;
}

.tarifbutton:hover{
	background: #FC0082;
	border: 2px solid #e20074;
}

.bigbutton {
	font-size:25px;
	display: block;
	width: 260px;
	background: #e20074;
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #ffffff;
	font-family: "Tele-Grotesk-Fett",Arial,Helvetica,sans-serif;
	position: absolute;
	bottom: 20px;
	right: 0;
	border: 5px solid #C90068;
	box-shadow: 5px 5px 0px 0px rgba(0,0,0,.25);
	-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,.25);
	-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,.25);
}

.bigbutton:hover{
	background: #FC0082;
	border: 5px solid #e20074;
}

.undobutton {
	width: 150px;
	display: block;
	height: 32px;
	line-height: 32px;
	display: block;
	text-align: center;
	font-family: "Tele-Grotesk-Fett",Arial,Helvetica,sans-serif;
	color: #000;
	background: #E4E4E4;
	border: 1px solid #B0B0B0;
}

.addbutton {
	font-size: 14px;
	width: 85px;
	display: block;
	height: 18px;
	line-height: 18px;
	display: block;
	text-align: center;
	font-family: "Tele-Grotesk-Fett",Arial,Helvetica,sans-serif;
	color: #000;
	background: transparent;
	border: 1px solid #e20074;
}

.dark .addbutton {
	color: #fff;
}

.container-content-leftcolumn .textblock {
	margin-top: 20px;
}


.container-content-leftcolumn .textblock.blockhr {
	margin-top: 0px;
}
.container-content-leftcolumn .text {
	margin-left: 100px;
}

.container-content-rightcolumn .boxGreyFarbverlauf {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0px;
	border:0;
	border-bottom: 1px solid #cccccc;
	background: #F7F7F7;
	padding: 10px;
	position: relative;
	margin-bottom:20px;
	float: left;
	width: 100%;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.container-content-rightcolumn .boxGreyFarbverlauf h3.classic {
	margin: -10px -10px 15px -10px;
	background: #000000;
	padding: 10px;
	color:#ffffff;
}

.container-content-rightcolumn .boxGreyFarbverlauf ul{
	padding-left: 20px;
	list-style-type: square;
}

.container-content-rightcolumn .boxGreyFarbverlauf ul li{
	margin-left: 0;
	padding-left: 0;
	list-style-position: outside;
}

.container-content-rightcolumn .boxGreyFarbverlauf a.smallbutton{
	text-decoration: none;
	margin: 0;
	width: 100%;
	padding: 0;
}

.container-content-rightcolumn .boxGreyFarbverlauf a.magentaBtn{
	padding: 7px 0;
	width: 280px;
	text-align: center;
}

.download {
	float: none;
	clear: both;
	margin-top:30px;
}

.download .left {
	width: 110px;
	float: left;
	display: block;
}

.download .right {
	float: left;
	display: block;
	width: 530px;
}

/* #### Smart Slider #### */

.smartSlider {
	width: 100%;
	margin: 30px 0 10px 0;
	float: left;
	clear: left;
	border-left: 3px solid #e20074;
}

.container-content-legal .smartSlider {
	max-width: 660px;
}

.smartSlider .inner .contents {
	float: left;
	clear: left;
	z-index: 80;
	left: 0;
	border-radius: 0;
	border: 0;
	width: 100%;
}

.smartSlider .inner .contents .header {
	width: 100%;
	border: 1px solid #e20074;
	border-left: 0;
	background: #ffffff;
	/*height: 40px;
	line-height: 40px;
	min-height: 40px;*/
	padding: 0;
	border-radius: 0;
	cursor: pointer;
}

.smartSlider .inner .contents .header .arrow {
	background:transparent url(/images/slideropenclose.png) 0 0 no-repeat;
	float: right;
	margin: 10px 5px 0 5px;
	border-left: 0;
	width: 30px;
	height: 30px;
}

.smartSlider.expanded .inner .contents .header .arrow {
	background:transparent url(/images/slideropenclose.png) 0 -30px no-repeat;
	}

.smartSlider .inner .contents .header .description {
	/*float: left;*/
	clear: none;
	margin-left: 12px;
}

.smartSlider .inner .contents .header .description .headline {
	color: #e20074;
	font-family: "Tele-Grotesk-Fett", Helvetica, Arial;
	clear: left;
	margin: 15px 0 0 0;
	padding: 0;
	display: block;
}

.smartSlider.colored-background .inner .contents .header .description .headline {
	color: #fff;
}

.smartSlider .inner .contents .header .description .headline table{
	padding: 0;
	margin: 0;
	width: auto;
}

.smartSlider .inner .contents .header .description .headline td{
	padding: 0;
	margin: 0;
	color: #000000;
	width: 115px;
	border:0;
}

.smartSlider .inner .contents .header .description .headline td:first-child{
	color: #e20074;
	width:270px;
}

.smartSlider .inner .contents .header .description .headline td:last-child{
	width:60px;
}

.smartSlider .inner .contents .content {
	display: none;
	float: left;
	width: 95%;
	padding-top: 10px;
	padding-bottom: 10px;
	background: none;
	margin-left: 12px;
}

.smartSlider .inner .contents  .content.rechtstext {
	font-size:13px;
}

.smartSlider .inner .contents  .content.rechtstext div {
width: 95%;
}

.smartSlider li {
	margin: 5px 0;
}

.smartSlider.expanded .inner .contents .content {
	display: block;
}


.smartSlider.colored-background {
	padding-bottom: 0;
	border-left: 0;
}

.smartSlider.colored-background .inner .contents {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.smartSlider.colored-background .inner .contents .header {
	background: none;
	border: none;
	min-height: auto;
}

.smartSlider.colored-background {
	margin-top: 30px;
}

.smartSlider.colored-background .inner .contents .header h2 {
	color: #fff;
}

.smartSlider.colored-background .inner .contents .content {
	padding-top: 0;
	padding-bottom: 15px;
	margin-left: 0;
}

.smartSlider.colored-background .inner .contents .content.rechtstext div,
.smartSlider.colored-background .inner .contents .content.rechtstext div h2 {
	color: #fff;
}

.smartSlider.colored-background .inner .contents .content.rechtstext div p:first-child {
	margin-top: 0;
}

.smartSlider.colored-background .inner .contents .header .description .headline {
	padding-left: 0;
	margin-bottom: 15px;
}

.smartSlider.colored-background .inner .contents .header .arrow {
	background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABaCAYAAACi55afAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOZJREFUeNrsme0NgjAQhu+MC7ACK7CCK7gCs7iCjuAsrsAKrlCrYILE0I9rfxCeSy4htNxD767NG1DnTURUKtlBKhsAAHY7FojhZtdKDbZfZJc6vr8UKftgn4edUgMAGwfoqH3rrsBRAwAAAKAq0tQ1KUr/KkObAgAAAHVNDQBsH3D23oaV1GiS6P303OC9WZubA+jcrz3WILkruMZCcgHREAsgCmIFBCElAG+//4F8xkpstM77aXHvZt0H85Z9Lt6+L1WDYHALICp4LqCNDZ4LaKYuCQa3pOgLuYTmKn/EAaCu5SXAAESI/tWaAHWZAAAAAElFTkSuQmCC) -1px 0 no-repeat;
	margin: 0 10px 10px 0;
}

.smartSlider.colored-background.expanded .inner .contents .header .arrow {
	background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABaCAYAAACi55afAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOZJREFUeNrsme0NgjAQhu+MC7ACK7CCK7gCs7iCjuAsrsAKrlCrYILE0I9rfxCeSy4htNxD767NG1DnTURUKtlBKhsAAHY7FojhZtdKDbZfZJc6vr8UKftgn4edUgMAGwfoqH3rrsBRAwAAAKAq0tQ1KUr/KkObAgAAAHVNDQBsH3D23oaV1GiS6P303OC9WZubA+jcrz3WILkruMZCcgHREAsgCmIFBCElAG+//4F8xkpstM77aXHvZt0H85Z9Lt6+L1WDYHALICp4LqCNDZ4LaKYuCQa3pOgLuYTmKn/EAaCu5SXAAESI/tWaAHWZAAAAAElFTkSuQmCC) -1px -30px no-repeat;
}

/* Smartslider.newStyle */

.smartSlider.newStyle {
	margin: 0;
	border-left: none;
}

.smartSlider.newStyle .inner .contents .header {
	border-color: #e6e6e6;
	border-style: solid none solid none;
	font-size: 19px;
	min-height: 54px;
}

.smartSlider.newStyle .inner .contents .header .description {
	position: relative;
}

.smartSlider.newStyle .inner .contents .header .description .headline {
	color: #000;
}

.smartSlider.newStyle.hasImg .inner .contents .header .description .headline {
	padding-left: 50px;
}

.smartSlider.newStyle .inner .contents .header .description .fliesstext img {
	position: absolute;
	width: 50px;
	height: 50px;
	top: -14px;
	left: -10px;
}

.smartSlider.newStyle p.fliesstext {
	padding-bottom: 0;
}

.smartSlider.newStyle .inner .contents .header p {
	font-size: 16px;
}

.smartSlider.newStyle .inner .contents .header .arrow {
	background-position: left -1px top;
}

.smartSlider.newStyle.expanded .inner .contents .header .arrow {
	background-position: left -1px top -30px;
}

.smartSlider.newStyle.link .inner .contents .header .arrow {
	background-position: left -1px top -60px;
}

.smartSlider.newStyle .inner .contents .content.rechtstext div {
	color: #222;
}

/* Smartslider Welcome */

.smartSlider.welcome {
	border: 1px solid #e20074;
	border-bottom: none;
	border-right: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 20px 0 10px 0;
}

.smartSlider.welcome.expanded {
	border-width: 1px 0 0 4px;
}

.smartSlider.welcome .inner .contents .header {
	border: none;
	border-bottom: 1px solid #e20074;
	border-right: 1px solid #e20074;
	float: left;
	line-height: 18px;
}

.smartSlider.welcome.collapsed .inner .contents .header .description {
	margin-left: 10px;
	float: left;
}

.smartSlider.welcome.expanded .inner .contents .header .description {
	margin-left: 7px;
}

.smartSlider.welcome .description img {
	float: left;
	margin: 10px 0;
}

.smartSlider.welcome .description .smartslider-text {
	float: left;
	clear: none;
	margin: 10px;
	max-width: 490px;
}

.smartSlider.welcome .inner .contents .header .description .headline {
	float: left;
	margin: 0;
	font-size: 19px;
	min-height: initial;
	margin-bottom: 6px;
}

.smartSlider.welcome .description .smartslider-text .fliesstext {
	margin: 0;
	font-size: 16px;
	font-family: Tele-Grotesk-Fett, Arial, Helvetica, sans-serif;
	float: left;
	clear: left;
	width: 100%;
}

.smartSlider.welcome .inner .contents .header .arrow {
	margin: 2px 0 1px 0;
	width: 33px;
	border-left: 1px solid #e20074;
}

.smartSlider.welcome.collapsed .inner .contents .header .arrow {
	background-image: url(/images/13x13_expand.png);
	background-position: center;
}

.smartSlider.welcome.expanded .inner .contents .header .arrow {
	background-image: url(/images/13x13_collapse.png);
	background-position: center;
}

.smartSlider.welcome .inner .contents .header .description .headline {
	min-height: initial;
}

.smartSlider.welcome .intro-text {
	color: #6b6b6b;
}

.smartSlider.welcome .link-list {
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
}


/* Smartslider */

.smartSlider.neu {
	border-left: none;
}

.smartSlider.neu .inner .contents .header {
	border-color: #e6e6e6;
	border-style: solid none solid none;
	font-size: 19px;
	min-height: 54px;
}

.smartSlider.neu .inner .contents .header .description {
	position: relative;
}

.smartSlider.neu .inner .contents .header .description .headline {
	color: #000;
	padding-left: 50px;
}

.smartSlider.neu .inner .contents .header .description .fliesstext img {
	position: absolute;
	width: 50px;
	height: 50px;
	top: -14px;
	left: -10px;
}

.smartSlider.neu p.fliesstext {
	padding-bottom: 0;
}

.smartSlider.neu .inner .contents .header p {
	font-size: 13px;
}

.smartSlider.neu .inner .contents .header .arrow {
	background-position: left -1px top;
}

.smartSlider.expanded.neu .inner .contents .header .arrow {
	background-position: left -1px top -30px;
}

.smartSlider.neu .inner .contents .content.rechtstext div {
	color: #222;
}

@media all and (max-width: 680px) {
	
	.smartSlider.welcome .inner .contents .header .description img {
		display: none;
	}
	
	.smartSlider.welcome .inner .contents .header .description {
		margin-left: 3px !important;
		max-width: 87%;
	}
	
	.smartSlider.welcome.expanded .inner .contents .header .description {
		margin-left: 0 !important;
	}
	
	.smartSlider.welcome .link-list > .col:nth-child(2) {
		margin-top: 20px;
	}
	
}

@media all and (max-width: 319px) {
	
	.smartSlider.welcome .inner .contents .header .description {
		max-width: 80%;
	}
	
}

/* ONLINEVORTEILE TAG */

.vorteile-col-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 2px;
}

.vorteile-col-container.vorteile-3 > div {
	width: 32%;
	margin-right: 2%;
}

.vorteile-col-container.vorteile-3 > div:last-child {
	margin-right: 0;
}

.vorteile-col-container.vorteile-2 > div,
.vorteile-col-container.vorteile-4 > div {
	width: 24%;
	margin-right: 1.33333%;
}

.vorteile-col-container.vorteile-2 > div:last-child,
.vorteile-col-container.vorteile-4 > div:last-child {
	margin-right: 0;
}

.vorteile-col-container.vorteile-5 > div {
	width: 32%;
	margin: 0 2% 25px 0;
}

.vorteile-col-container.vorteile-6 > div {
	width: 32%;
	margin: 0 2% 25px 0;
}

.vorteile-col-container.vorteile-5 > div:nth-child(3n+3),
.vorteile-col-container.vorteile-6 > div:nth-child(3n+3) {
	margin-right: 0;
}

.vorteile-image-container {
	position: relative;
	height: 0;
	padding-bottom: 100%;
	width: 100%;
	background-color: #e20074;
	border: 1px solid #e20074;
}

.vorteile-image-container img,
.vorteile-image-container svg {
	width: 85px;
	max-width: 80%;
	max-height: 85px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.vorteile-image-container svg * {
	fill: #fff !important;
}

.vorteile-flipper-container {
	position: relative;
	perspective: 1000px;
}

.vorteile-flipper-container * {
	box-sizing: border-box;
}

.vorteile-flipper-container.flip {
	z-index: 100;
}

.vorteile-flipper-container,
.vorteile-front,
.vorteile-back {
	height: 0;
	padding-bottom: 100%;
	width: 100%;
	transition: all 0.6s ease;
}

.vorteile-flipper {
	transform-style: preserve-3d;
	cursor: pointer;
}

.vorteile-front,
.vorteile-back {
	backface-visibility: hidden;	
	-webkit-backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.vorteile-front .vorteile-content,
.vorteile-back .vorteile-content {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	width: 94%;
	transform: translateX(-50%) translateY(-50%);
	max-height: 100%;
	overflow: hidden;
}

.vorteile-front {
	transform: rotateY(0deg);
	background-color: #e20074;
	border: 1px solid #e20074;
}

.vorteile-front .info {
	border: 1px solid #fff;
	background-color: #e20074;
	color: #fff;
	position: absolute;
	top: 10px;
	right: 10px;
	height: 20px;
	width: 20px;
	text-align: center;
	font-family: "Tele-Grotesk-Fett", Arial, Helvetica, "sans-serif";
	text-decoration: none;
}

.vorteile-front .info:hover {
	color: #e20074;
	background-color: #fff;
}

.vorteile-front .vorteile-content img,
.vorteile-front .vorteile-content svg {
	width: 85px;
	max-width: 80%;
	max-height: 85px;
	margin-bottom: 30px;
}

.vorteile-front .vorteile-content svg * {
	fill: #fff !important;
}

.vorteile-front .vorteile-content h3 {
	color: #fff;
	font-size: 21px;
}

.vorteile-back {
	transform: rotateY(-180deg);
	background-color: #fff;
	border: 1px solid #e20074;
}

.vorteile-back::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 10%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 10%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.vorteile-back .back {
	color: #000;
	position: absolute;
	top: 10px;
	right: 10px;
	text-decoration: none;
	font-size: 40px;
	line-height: 0.6;
}

.vorteile-back .vorteile-content img,
.vorteile-back .vorteile-content svg {
	height: 45px;
	margin: 10px 0 15px 0;
}

.vorteile-4 .vorteile-back .vorteile-content img,
.vorteile-4 .vorteile-back .vorteile-content svg {
	height: 30px;
	margin: 10px 0;
}

.vorteile-back .vorteile-content h3 {
	color: #e20074;
	font-size: 21px;
}

.vorteile-4 .vorteile-back .vorteile-content h3 {
	font-size: 19px;
}

.vorteile-back .vorteile-content p {
	font-size: 16px;
}

.vorteile-4 .vorteile-back .vorteile-content p {
	font-size: 14px;
}

.vorteile-flipper-container.flip .vorteile-front {
	transform: rotateY(180deg);
}

.vorteile-flipper-container.flip .vorteile-back {
	transform: rotateY(0deg);
}

@media all and (max-width: 960px) {
	.vorteile-col-container.vorteile-2 > div,
	.vorteile-col-container.vorteile-4 > div {
		width: 49%;
		margin: 0 2% 20px 0;
	}
	.vorteile-col-container.vorteile-2 > div:last-child,
	.vorteile-col-container.vorteile-4 > div:nth-child(2n+2) {
		margin-right: 0;
	}
	.vorteile-4 .vorteile-back .vorteile-content img,
	.vorteile-4 .vorteile-back .vorteile-content svg {
		height: 45px;
		margin: 10px 0 15px 0;
	}
	.vorteile-4 .vorteile-back .vorteile-content h3 {
			color: #e20074;
			font-size: 21px;
		}
	.vorteile-4 .vorteile-back .vorteile-content p {
			font-size: 16px;
		}
}

@media all and (max-width: 780px) {
	.vorteile-3 .vorteile-back .vorteile-content img,
	.vorteile-3 .vorteile-back .vorteile-content svg {
		height: 30px;
		margin: 10px 0;
	}
	.vorteile-3 .vorteile-back .vorteile-content h3 {
		font-size: 19px;
	}
	.vorteile-3 .vorteile-back .vorteile-content p {
		font-size: 14px;
	}
}

@media all and (max-width: 670px) {
	.vorteile-col-container.vorteile-2 > div,
	.vorteile-col-container.vorteile-3 > div,
	.vorteile-col-container.vorteile-4 > div,
	.vorteile-col-container.vorteile-5 > div,
	.vorteile-col-container.vorteile-6 > div,
	.vorteile-col-container.vorteile-5 > div:nth-child(3n+3),
	.vorteile-col-container.vorteile-6 > div:nth-child(3n+3) {
		width: 49%;
		margin: 0 2% 12px 0;
	}
	.vorteile-col-container.vorteile-2 > div:last-child,
	.vorteile-col-container.vorteile-3 > div:nth-child(2n+2),
	.vorteile-col-container.vorteile-4 > div:nth-child(2n+2),
	.vorteile-col-container.vorteile-5 > div:nth-child(2n+2),
	.vorteile-col-container.vorteile-6 > div:nth-child(2n+2) {
		margin-right: 0;
	}
	.vorteile-col-container .vorteile-back .vorteile-content img,
	.vorteile-col-container .vorteile-back .vorteile-content svg {
		height: 30px;
		margin: 10px 0;
	}
	.vorteile-col-container .vorteile-back .vorteile-content h3{
		font-size: 19px;
	}
	.vorteile-col-container .vorteile-back .vorteile-content p {
		font-size: 14px;
	}
}

@media all and (max-width: 460px) {
	.vorteile-col-container.vorteile-2 > div,
	.vorteile-col-container.vorteile-3 > div,
	.vorteile-col-container.vorteile-4 > div,
	.vorteile-col-container.vorteile-5 > div,
	.vorteile-col-container.vorteile-6 > div,
	.vorteile-col-container.vorteile-5 > div:nth-child(3n+3),
	.vorteile-col-container.vorteile-6 > div:nth-child(3n+3),
	.vorteile-col-container.vorteile-3 > div:nth-child(2n+2),
	.vorteile-col-container.vorteile-4 > div:nth-child(2n+2),
	.vorteile-col-container.vorteile-5 > div:nth-child(2n+2),
	.vorteile-col-container.vorteile-6 > div:nth-child(2n+2),
	.vorteile-col-container.vorteile-2 > div:last-child,
	.vorteile-col-container.vorteile-3 > div:last-child {
		width: 100%;
		max-width: 300px;
		margin: 0 auto 10px auto;
	}
	.vorteile-flipper-container,
	.vorteile-front,
	.vorteile-back {
		max-width: 300px;
	}
}

/* TAG FULLSIZE BANNER */

.banner-fullsize {
	position: relative;
	padding: 50px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.banner-fullsize .darken {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	display: none;
}

.banner-fullsize h3 {
	font-size: 36px;
	color: #e20074;
}

.banner-fullsize h4 {
	font-size: 24px;
	color: #ffffff;
	margin-top: 5px;
}

.banner-fullsize a.magentaBtn {
	font-size: 19px;
	margin-top: 20px;
	text-align: center;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*
 * mutation, used for hybrid internet. 
 * do button width/margin, h3 size ... inline
 */

.banner-fullsize.has-eyecatcher h3,
.banner-fullsize.has-eyecatcher h4 {
	width: auto;
	clear: left;
}

.banner-fullsize.has-eyecatcher {
	float: left;
	width: 100%;
}

.banner-fullsize.has-eyecatcher .col-left {
	max-width: 65%;
}

.banner-fullsize.has-eyecatcher .col-right {
	float: right;
	max-width: 30%;
}

.banner-fullsize.has-eyecatcher .col-right .eyecatcher {
	float: right;
}

.banner-fullsize.has-eyecatcher .col-right a.magentaBtn {
	float: right;
	clear: right;
	width: 100%;
}

/* TAG PAGECONTENT */

.section.pagecontent {
	float: left;
	position: relative;
	text-align: center;
	width: 100%;
	
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.section.pagecontent .content {
	display: inline-block;
	width: 100%;
	max-width: 1000px;
	padding: 0;
	text-align: left;
	vertical-align: bottom;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.section.pagecontent.no-overflow { overflow: hidden; }
.section.pagecontent.border-top-magenta { border-top: 1px solid #e20074; }
.section.pagecontent.border-top-grey { border-top: 1px solid #e6e6e6; }
.section.pagecontent.border-bottom-magenta { border-bottom: 1px solid #e20074; }
.section.pagecontent.border-bottom-grey { border-bottom: 1px solid #e6e6e6; }

.section.pagecontent.background-magenta {
	background: #e20074;
	color: #fff;
}

.section.pagecontent.background-black {
	background: #000;
	color: #fff;
}

.section.pagecontent.background-magenta p,
.section.pagecontent.background-magenta h1,
.section.pagecontent.background-magenta h2,
.section.pagecontent.background-magenta h3,
.section.pagecontent.background-magenta h4,
.section.pagecontent.background-magenta h5,
.section.pagecontent.background-magenta h6,
.section.pagecontent.background-magenta span, {
    color: #fff;
}

.section.pagecontent .content > h2 {
	font-size: 36px;
	font-family: Tele-Grotesk-Ultra, Arial, Helvetica;
}

.section.pagecontent .content > p {
	font-size: 19px;
}

/* Helper Classes Margin & Padding */

.margin-top-20 		{ margin-top: 20px; }
.margin-bottom-20 	{ margin-bottom: 20px; }
.margin-top-50 		{ margin-top: 50px; }
.margin-bottom-50 	{ margin-bottom: 50px; }
.padding-50 		{ padding-top: 50px; padding-bottom: 50px; }
.padding-top-50 	{ padding-top: 50px; }
.padding-bottom-50 	{ padding-bottom: 50px; }
.padding-20 		{ padding-top: 20px; padding-bottom: 20px; }
.padding-top-20 	{ padding-top: 20px; }
.padding-bottom-20 	{ padding-bottom: 20px; }

/* #### TOOLTIP #### */

.ttipcontainer{
	position:relative;
	height:24px;
	line-height:24px;
	width:24px;
}
.ttipcontainer img{
	vertical-align: bottom;
}
.tttip{
	z-index:900;
	position:absolute;
	background:transparent url(/images/tooltip.png) 0 0 no-repeat;
}
.tttip.active{
	z-index:1000;
	background:transparent url(/images/tooltip_a.png) 0 0 no-repeat;
}
.ttooltip{
	z-index:999;
	position:absolute;
	width:205px;
	background:#000;
	color:#ffffff;
	top:-2px;
	left:2px;
	display:none;
	padding:25px 10px 10px 10px;
	font-size:16px;
	font-weight:normal!important;
	font-family:"Tele-Grotesk-Norm", Arial, Helvetica, sans-serif;
}

/* Styles für Karriere-Navigation */
.subnavi {
	width: 205px;
	float: left;
	padding-right: 20px;
}

.subnavi li {
	border-top: 1px solid #404040;
	padding: 5px 0 5px 15px;
}
.subnavi a {
	color: #ffffff;
	text-decoration: none;
	font-family: "Tele-Grotesk-Fett",Arial,Helvetica,sans-serif;
}
.subnavi h2,
.subnavi .like-h2 {
	background: #000000;
	font-size: 13px;
	padding: 12px 0 3px 10px;
}
.subnavi ul {
	background: #000000;
	font-size: 14px;
	list-style: none;
	list-style-type: none;
	padding: 0px 15px 10px 10px;
	margin: 0px;
	margin-bottom: 20px;
}
/* ENDE Styles für Karriere-Navigation */

/*### Formelements ###*/

input[type=file]{
	border: 0;
	font-size: 14px;
	line-height: 0px;
}

#procurement input[type=checkbox]{
	height:16px;
	width:16px;
	font-size:13px;
}

#procurement input[type=checkbox]:checked{
	background: url(/images/checked.png) -1px 0 no-repeat;
}

#procurement input[type=radio]{
	height:16px;
	width:16px;
	font-size:13px;
	border-radius: 8px;
}

input[type=radio]:checked{
	background: url(/images/radiochecked.png) -1px 0 no-repeat;
}

/*form defs*/

.formCont {
    width: 100%;
    margin: 0 auto;
}

.formTop {
    height: 14px;
}

.formHeadName {
    color: #e20074;
    font-size: 14px;
	font-family: "Tele-Grotesk-Fett",Arial,Helvetica,sans-serif;
    margin: -21px 0 0 12px;
}

.formHeadNameText {
    padding: 0 8px;
}

.formEnd {
    height: 2px;
}

.formTrenner {
    height: 30px;
}

.formRow {
    clear: left;
    margin: 0 0 7px 0;
}

.formDescr {
    width: 99px;
    text-align: right;
    float: left;
	font-family: "Tele-Grotesk-Fett",Arial,Helvetica,sans-serif;
	line-height:35px;
}

.formInput {
    width: 200px;
    float: left;
    margin: 0 0 0 15px;
}

.formCheckBoxOne {
    width: 180px;
    float: left;
}

.formCheckBoxTwo {
    width: 180px;
    float: left;
}

.formCheckBoxTwoBig {
    width: 420px;
    float: left;
}

.formMissingIm {
    width: 30px;
    float: left;
}

.formCheckBoxThree {
    width: 230px;
    float: left;
}

.formCheckBoxSubBtn {
    width: 405px;
    float: left;
}

.formDescrAdd {
    width: 99px;
    float: left;
    text-align: right;
	font-family: "Tele-Grotesk-Fett",Arial,Helvetica,sans-serif;
	line-height:35px;
}

.formPadd {
    padding: 0 20px;
}

.formPaddTop {
    padding: 5px 20px 0 20px;
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.imgButton {
    cursor: pointer;
}

.errorInput {
    border: 2px solid #e20074;
    background: #e20074;
    color: #fff;
	font-family: "Tele-Grotesk-Fett",Arial,Helvetica,sans-serif;
}

.fileInputPadding {
    padding-top: 3px;
}

/* Facebookbox */
.fblikebox {
margin-bottom: 20px;
}

/* iFrame */
iframe.iframe{border: 0;margin-bottom:20px;}

/*

/* YouTube iFrame */
iframe.youtube{width:640px;height:360px;border: 0;margin-bottom:20px;}

/* 
    Videoslider right col 
*/

.container-content-rightcolumn .boxGreyFarbverlauf ul.videoslider{width:300px;height:179px;position:relative;overflow:hidden;list-style-type:none;margin: -15px -10px;padding: 0;}
.videoslider li{padding:30px 0 100px 0;margin:0;list-style-type:none;text-align: center;}
.videoslider a {text-decoration:none;}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#colorbox{ -moz-box-shadow: 3px 3px 5px 6px #000000;-webkit-box-shadow: 3px 3px 5px 6px #000000;box-shadow:3px 3px 5px 6px #000000;}
#cboxOverlay{background:#000000;}
#colorbox{outline:0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:0;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; top:0; right:0; background:url(/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}
		
/*
   End of Colorbox Core Style
*/


/* -------------------------------------------------------------------------------- */
/* Zusatzpakete */

.boxblack {
	margin-top: 40px;
	border-radius: 0px;
	border: 0;
	border-bottom: 1px solid #cccccc;
	background: #F7F7F7;
	padding: 10px;
	position: relative;
}

.boxblack h3 {
	margin: -10px -10px 15px -10px;
	background: #000000;
	padding: 10px;
	color: #ffffff;
}

.boxblack .magentaBtn {
	background-color: #E7E7E7;
	border: 1px solid #DBDBDB;
	color:#000000;
}

.zusatzpaketeIcon {
    position:absolute;
    width:100px;
    height:65px;
    top:25px;
    left:0px;
    background:url(/images/sprite_zpIcon.png) no-repeat;
}
.zpIcon_internet {
    background-position:0 0;
}
.zpIcon_entertainment {
    background-position:0 -65px;
}
.zpIcon_security {
    background-position:0 -130px;
}
.zpIcon_deezer {
    background-position:0 -195px;
}
.zpIcon_dimausland {
    background-position:0 -260px;
}
.zpIcon_eagames {
    background-position:0 -325px;
}
.zpIcon_mobiletv {
    background-position:0 -390px;
}
.zpIcon_software {
    background-position:0 -455px;
}
.zpIcon_sms {
    background-position:0 -520px;
}
.zpIcon_mms {
    background-position:0 -585px;
}
.zpIcon_smspakete {
    background-position:0 -650px;
}
.zpIcon_mediencenter {
    background-position:0 -715px;
}
.zpIcon_tinsausland {
    background-position:0 -780px;
}
.zpIcon_timausland {
    background-position:0 -845px;
}
.zpIcon_kontakte {
    background-position:0 -910px;
}
.zpIcon_navigation {
    background-position:0 -975px;
}
.zpIcon_vvmail {
    background-position:0 -1040px;
}
.zpIcon_email {
    background-position:0 -1105px;
}
.zpIcon_sonderrufn {
    background-position:0 -1170px;
}
.zpIcon_erotik {
    background-position:0 -1235px;
}

.zpIcon_kinderschutz {
	background-position:0 -1236px;
}
.zpIcon_internetschutz {
	background-position:0 -1300px;
}

.zpIcon_speedboost {
	background-position:0 -1365px;
}
.zpIcon_volumebooster {
	background-position:0 -1430px;
}
.zpIcon_volumerecharger {
	background-position:0 -1495px;
}
.zpIcon_internetschutz_schloss {
	background-position:0 -1560px;
}

.zpIcon_internetschutz_neu {
	background-position:0 -1625px;
}

.zpIcon_service {
	background-position:0 -1690px;
}

.zpIcon_nightboost {
	background-position:0 -1755px;
}

.zpIcon_freizeichen {
	background-position:0 -1820px;
}

.zpIcon_flex_volume_boost {
	background-position:0 -1885px;
}


.zusatzpaketeButton {
	float: right;
	padding: 0;
	margin: 10px 0 0 0;
}
.zusatzpaketeShopButton {
  position:absolute;
  top:3px;
  right:-5px;
}
.zusatzpaketebox h1,
.zusatzpaketebox h3.like-h1 {
  font-size:20px;
  font-weight:normal;
  color: #e20074;
  margin-bottom: 0;
}
.zusatzpaketebox h2,
.zusatzpaketebox h3.like-h2,
.zusatzpaketebox h4.like-h2 {
  font-size:16px;
  color: #e20074;
  margin-bottom: 0;
}
.zusatzpaketebox h3 {
  font-size:13px;
  color:#000000;
  font-weight:normal;
  margin-bottom:5px;
}
.zusatzpaketebox h4.classic {
	color: #000000;
}
.zusatzpaketeRow {
  position:relative;
  width:871px;
  cursor:pointer;
  padding:10px 10px 10px 15px;
  margin-bottom:1px;
	border: 1px solid #000000;
border-radius: 0;
}
.tabContent .zusatzpaketeRow {
  width:625px;
}

.zusatzpaketeRow:hover {
	border: 1px solid #e20074;
}
.zusatzpaketeShopRow {
  position:relative;
  width:551px;
  height:41px;
  cursor:pointer;
  padding:10px 10px 0 15px;
  margin-bottom:1px;
}
.zusatzpaketeShopRow:hover {
  background-position:0 -52px;
}
.zusatzpaketeShopRowA {
  background-position:0 0;
}
.zusatzpaketeShopRowA:hover {
  background-position:0 -104px;
}
.zusatzpaketeShopRowF {
  background-position:0 -207px;
  cursor:auto;
}
.zusatzpaketeShopRowF:hover {
  background-position:0 -207px;
}
.zusatzpaketeTable {
}
.zusatzpaketeTableHeader {
  font-family: "Tele-Grotesk-Fett", Helvetica, Arial;
  font-weight:normal;
  padding:0 10px 0 0;
  margin-bottom:5px;
}
.zusatzpaketeTable .col {
  padding-right:15px;
  float:left;
  text-align: right;
}
.zusatzpaketeTable .c1 {
  width:440px;
  text-align: left;
}

.zusatzpaketeTable .zusatzpaketeTableHeader .c1 {
  width:460px;
}

.zusatzpaketeTable .zusatzpaketeRow .c1 {
  width:440px;
}

.zusatzpaketeTable .zusatzpaketeShopRow .c1 {
  padding-left:30px;
  width:460px;
}

.zusatzpaketeTable .zusatzpaketeShopRowA .c1 {
  color:#e20074;
}
.zusatzpaketeTable .c2 {
  width:110px;
}
.zusatzpaketeTable .c3 {
  width:90px;
}
.zusatzpaketeTable .c4 {
  width:60px;
}
.zusatzpaketeTable .c5 {
  width:110px;
  padding-right:0;
}

.tabContent .zusatzpaketeTable .zusatzpaketeTableHeader .c1 {
width: 270px;
}

.tabContent .zusatzpaketeTable .zusatzpaketeRow .c1 {
width: 250px;
}

.zusatzpaketeRow a.i_info, .zusatzpaketeShopRow a.i_info  {
  position:absolute;
  top:5px;
  right:-16px;
}

.zusatzpaketebox {
	position: relative;
	width: 900px;
	padding: 25px 0 0px 100px;
	min-height: 150px;
	margin: 15px 0 20px 0;
	border-top: 1px solid #cccccc;
}
.zusatzpaketebox.noline {
	margin: 0 0 20px 0;
	border-top: 0;
}
.zusatzpaketebox_u {
  width:738px;
  height:5px;
  margin-bottom:10px;
}

/* CONTENT TABS */
ul.contentTabs {
	list-style: none;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 20px 0 0 0;
	float: left;
}

ul.contentTabs li {
	list-style: none;
	color: #E20074;
	float: left;
	padding:0;
	margin: 0;
	height: 37px;
	overflow: hidden;
	font-size: 16px;
	border: 0px;
	background: transparent;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	position: relative;
}

ul.contentTabs li.selected {
	z-index: 3;
	background:#000000;
	border-bottom: 1px solid #000000;
	color: #E20074;
}

ul.contentTabs li a span {
	font-size: 16px;
	height: 37px;
	line-height: 39px;
	color: #E20074;
	cursor: pointer;
	padding-right: 14px;
	font-family: "Tele-Grotesk-Fett",Arial,Helvetica,sans-serif;
}

ul.contentTabs li.selected a span {
	text-decoration: none;
	font-family: "Tele-Grotesk-Ultra",Arial,Helvetica,sans-serif;
}

ul.contentTabs li a {
  float: left;
    height: 24px;
  padding-left:14px;
  outline:none;
  text-decoration: none;
}
ul.contentTabs li.selected a {
  height: 25px;
}

ul.contentTabs li.first a {
  height: 29px;
}

/* Tag: Accordion */

.tma-complex-accordion {
	padding: 0;
	margin: 0 0 0 0;
}

.tma-complex-accordion.magenta-border {
	border-top: 2px solid #e20074;
}

.tma-complex-accordion > li {
	list-style-type: none;
	font-family: "Tele-Grotesk-Fett", Arial, Helvetica, "sans-serif";
	padding: 0;
	margin: 0;
	margin-bottom: 2px;
}

.tma-complex-accordion.magenta-border > li {
	border-bottom: 2px solid #e20074;
}

.tma-complex-accordion > li > .opener {
	font-size: 24px;
	line-height: 1em;
	font-family: "Tele-Grotesk-Fett", Arial, Helvetica, "sans-serif";
	color: #000;
	background-color: #fff;
	text-decoration: none;
	display: block;
	padding: 30px 80px 30px 30px;
	position: relative;
}

.tma-complex-accordion.icons > li > .opener {
	padding-left: 110px;
}

.tma-complex-accordion.icons > li > .opener::before {
	content: "";
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAA8CAMAAAAUhQWjAAAAllBMVEUAAADiAHTiAHThAHPhAHPhAHPhAHPhAHPhAHPhAHPhAHPhAHPhAHPgAHPiAHThAHPhAHPiAHThAHPiAHTiAHThAHPhAHPiAHThAHPhAHPhAHPiAHThAHPhAHPiAHTiAHThAHPhAHPiAHTiAHTiAHTiAHTiAHThAHPiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTgAHPiAHSmoY1TAAAAMHRSTlMA8N3pZg8E90kCCuZ/wcKRQac44ofSaVM9fI8zGVAb+saZFVrsJs0IYNW2odkrIXghN3zbAAAFGElEQVRo3u3a63aiMBQF4IPcBwQtKKKCrdVqtZec93+5UQKeoYSEUrtmnNX9x7q6tuErtxALP7mlWE54r69W+n3oWPBNsZz5vW7bNMb1G6av4yW6b8I3xEx1domemt/RSDzESTpaWtZylE4QvQSunsxjbOLzMfwJY15y9YYVIgYzej8LEEPrugx3ztjwzzGGjM3dKzSmWGbsWmO0Dbf2GYaN40KS6ShJIN/ZU1ZmDO6Y2VOoxbDZ2O3baDoiE0Lc3MGH3GkYnl91lObe7OKITJgzrTnGhoVfbRhYJYME7bLhjtJ5OnJ5x8YMABBx0BYNEZ9MtYNlkDE+BoWPwZK+DXIEv6CI6WG5B/OA/5Xfyn3mmWeIBm0Z41myljiGlzHYFAQxmGcqG7v0fmg0Gg0HpBjwfbAe4HGxXhwxKt67T5iqIEe7VWLQVgGkLABhhsxXNdwhOyWsNUQOS8dZtV1x8bo/QhEHdUsBeXROksla5bB0Vo7BGKteisyYbskbkLAiW6CGyAEOTqDIFqNd+SnA84yOCgJnyfNa7gCHTUAMgQlz5A2IOWQP1BA5YI7lrvLLHyg+zpUQGJ0lS6kD5sxvg/gslDUIMgVqiBwQ4Kg4uRYBThdFTCgzwkAJ4ZKXXOaAgI3aICN2L28QhBoiB+iYF06sYl8gOXodIDDTSCJ0gM7yNsiS6bIGQR6BGiIH2Fi83S40XBTZQpVfaCshlWSQtzvAZrs2iMVseQOy6mSnBjmakGViY1Jk92kI3J0lb2KHGiJvABzOjhhqkMrRPLRCLDMB+MyhxbM4SaJSQlvV8dCSNwCs6eHAB6oaBYQ3mie7ecDEPIV+rzzZj7iHSrLhEr6RjTGkJ7u04ZqXUKOAAE/z8pti/MnL7xQHcZUDniS0rRT15VfS2IU2u0RL3apRgzRviDpH528db4i7IdYjgqhviJLGA6vlvWrUIM0pCn8E+RVEZrcpCrgjg2KLIeopSnvDsuuQl6ohgtCkcRlhsB/tJ/gAzUmjOpoQop40Shq7h3rmVaMJqU/jD3iK7XPXFCPz6xD1NL5HQwyBDC+PMNtHIzOBHqyuBZE8JvVqiCEQotbozDQM4XoQCFseXHs02iGyxQeCrA8ONOMc1l0gxVKCIVhK6NMgiBMhUmLZchBBcm2VNQ+AlZaLIY7H/kjcsrjTq0EQ7iCJWyzQ0VIYX6AjSDWjWiVQT7Kqdn8D4rFaYoBEsNzWq0GQ6gCrXvjiJMmKxUmC0Dzkg+RxtVlAC6Q6XOilvgBKy7I9GhKIaBGbICR5FDvUEMkY3RtqiDgEIckequxXOjnUEGF6NNSQo1Hc3++Mdgi86lzCHa/wGQiNsaYxejSUkOp3KIKQBPlHGkiO7pCPc8YejS9CSOKhUTi8LfwDEFG6QWB7nptNMdqCHCKMFCKMAgKCKCAkiXDMHXIICCKBqBrXh8DbBjdv8B9A3hHx/T+AvONgNsD3m4ekOMghH2B64xCfL4/mL+j/O5Ael9+4cHBJ3AUiv5iqG990Q4zpK4TlM8Z//4bYB0IOktwmxJ3Xv2ZbT3Du3iDEDT9+8bl+wtC9OYj7UDlqkgf31iCvon8OMJ/w9S9CIhQmku8RhxwU03Eliw/NRCKIvCGBOJ7IoTsSiCJNiBMxQfRMDFE3mhBJrgaRRQyR5AfyA/mB9IB0yofGoFuQIB0ClB4NiLo4ovrX8N2jA90OFKExejXAkW4X3U4omd7dkYHwdiC+OVB6NH4DIQMl1aowZFQAAAAASUVORK5CYII=');
	width: 50px;
	height: 60px;
	display: block;
	position: absolute;
	left: 30px;
	top: 50%;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.tma-complex-accordion > li.icon-simcard-x > .opener::before {background-position: -50px 0;}
.tma-complex-accordion > li.icon-simcard-pause > .opener::before {background-position: -100px 0;}
.tma-complex-accordion > li.icon-simcard-profile > .opener::before {background-position: -150px 0;}
.tma-complex-accordion > li.icon-simcard-euro > .opener::before {background-position: 0 0;}

.tma-complex-accordion > li > .opener::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 30px;
	width: 23px;
	height: 23px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAyMyI+PHBhdGggZmlsbD0iI2UyMDA3NCIgZD0iTTIzIDEwSDEzVjBoLTN2MTBIMHYzaDEwdjEwaDNWMTNoMTB2LTN6IiBkYXRhLW5hbWU9IkViZW5lIDIiLz48L3N2Zz4=);
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	image-rendering: crisp-edges;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.tma-complex-accordion > li.opened > .opener::after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAzIj48cGF0aCBmaWxsPSIjZTIwMDc0IiBkPSJNMCAwaDIzdjNIMHoiIGRhdGEtbmFtZT0iRWJlbmUgMiIvPjwvc3ZnPg==);
}

.tma-complex-accordion > li > .opener:not([href=""]):after {
	background-position: left 5px center;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAyNiI+PHBhdGggZmlsbD0iI2UyMDA3NCIgZD0iTTIuNCAyNUwwIDIyLjggOS42IDEyIC4xIDIuMyAyLjMgMCAxNCAxMS45eiIvPjwvc3ZnPg==);
}

.tma-complex-accordion > li > .opener span {
	color: #e20074;
}

.tma-complex-accordion > li > .accordion-content {
	border-top: 2px solid rgba(0,0,0,0);
	
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	-o-background-clip: padding-box;
	background-clip: padding-box;
}


.tma-complex-accordion > li > .accordion-content > .tma-complex-accordion {
	padding: 0;
	margin: 0;
	margin-top: 0px;
}

.tma-complex-accordion > li > .accordion-content > .tma-complex-accordion > li {
	background-color: #f6f6f6;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #e6e6e6;
}

.tma-complex-accordion > li > .accordion-content > .tma-complex-accordion > li:nth-child(2) .summation > li:nth-child(5) {
	margin-top: 40px;
}

.tma-complex-accordion > li > .accordion-content > .tma-complex-accordion > li:last-child {
	border-top: none;
	border-bottom: none;
}

.tma-complex-accordion > li > .accordion-content > .tma-complex-accordion > li > .opener {
	background-color: #f6f6f6;
	font-size: 21px;
	padding: 23px 26px;
	display: block;
	text-decoration: none;
	color: #e20074;
	margin-bottom: 0;
	padding-right: 80px;
}

.tma-complex-accordion > li > .accordion-content > .tma-complex-accordion > li > .opener:after {
	width: 20px;
	height: 20px;
	background-color: transparent;
	image-rendering: crisp-edges;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNSI+PHBhdGggZGF0YS1uYW1lPSJSZWNodGVjayA4MDkiIGQ9Ik0yMS4wMSAyLjQ1TDExIDEyLjEwMS45OSAyLjQ1IiBmaWxsPSJub25lIiBzdHJva2U9IiNlMjAwNzQiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
}

.tma-complex-accordion > li > .accordion-content > .tma-complex-accordion > li.opened > .opener:after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNSI+PHBhdGggZGF0YS1uYW1lPSJSZWNodGVjayA4MDkiIGQ9Ik0xIDEwLjU2MkwxMSAuOTkzbDEwIDkuNTY5IiBmaWxsPSJub25lIiBzdHJva2U9IiNlMjAwNzQiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
}

.tma-complex-accordion > li > .accordion-content > .tma-complex-accordion > li > .opener:not([href=""]):after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIyMiI+PHBhdGggZD0iTTIuNDEuOTkzTDEyLjQyIDExIDIuNDEgMjEuMDA3IiBmaWxsPSJub25lIiBzdHJva2U9IiNlMjAwNzQiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
}

.tma-complex-accordion > li > .accordion-content > .tma-complex-accordion > li > .opener:hover {
	color: #e20074;
}

.tma-complex-accordion > li > .accordion-content > .tma-complex-accordion > li.opened > .opener {
	color: #e20074;
}

.tma-complex-accordion > li > .accordion-content {
	background-color: #f6f6f6;
	/*border-top: 1px solid #e6e6e6;*/
	font-family: "Tele-Grotesk-Norm", Arial, Helvetica, "sans-serif";
	padding: 30px;
}

.tma-complex-accordion > li > .accordion-content > .tma-complex-accordion > li > .accordion-content {
	border-top: 1px solid #e6e6e6;
}

.tma-complex-accordion.icons > li > .accordion-content {
	padding: 30px 110px;
}

/* Tag: Banner */

.row.tag-banner .col {
	position: relative;
	border: 1px solid #e6e6e6;
	padding: 20px 20px 90px 20px;
	margin-right: 20px;
	width: 49%;

	width: -webkit-calc(50% - 10px);
	width: -moz-calc(50% - 10px);
	width: calc(50% - 10px);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.row.tag-banner.black .col {
	background-color: #000;
}

.row.tag-banner .col::after {
	content: "";
	display: table;
	clear: both;
}

.row.tag-banner.magenta .col {
	background-color: #e20074;
}

.row.tag-banner .col:last-child {
	margin-right: 0;
}

.row.tag-banner .col > h3,
.row.tag-banner .col > h4 {
	font-family: "Tele-Grotesk-Fett", Arial, Helvetica, "sans-serif";
	font-size: 36px;
	color: #e20074;
}

.row.tag-banner.magenta .col > h3,
.row.tag-banner.magenta .col > h4 {
	color: #fff;
}

.row.tag-banner .col > p {
	font-family: "Tele-Grotesk-Fett", Arial, Helvetica, "sans-serif";
	font-size: 21px;
	color: #000;
	margin-top: 10px;
	margin-bottom: 0;
}

.row.tag-banner.black .col > p {
	color: #fff;
}

.row.tag-banner .col > .magentaBtn {
	font-family: "Tele-Grotesk-Fett", Arial, Helvetica, "sans-serif";
	font-size: 19px;
	text-align: center;
	margin-top: 30px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	float: right;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* tag: cube icon list container & item */

ul.cube-icon-list {
	font-size: 0;
	text-align: center;
	padding: 0;
}

ul.cube-icon-list li {
	float: none;
	display: inline-block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	vertical-align: top;
	padding: 0 15px;
	width: 25%;
	margin-bottom: 20px;
}

ul.cube-icon-list.cube-icon-list-more li {
	width: 26%;
}

ul.cube-icon-list li .icon {
	display: block;
	max-width: 120px;
	margin: 0 auto 20px auto;
}

ul.cube-icon-list li .list-content {
	font-size: 16px;
}

/* Tag: Icon content zweispaltig */

.icon-content-zweispaltig.margin-top {
	margin-top: 40px;
}

.icon-content-zweispaltig .col {
	position: relative;
	margin-right: 20px;
	width: 49%;

	width: -webkit-calc(50% - 10px);
	width: -moz-calc(50% - 10px);
	width: calc(50% - 10px);
}

.icon-content-zweispaltig .col:last-child {
	margin-right: 0;
}

.icon-content-zweispaltig .col[class*="icon-"] {
	padding-top: 80px;
}

.icon-content-zweispaltig .col[class*="icon-"]::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 50px;
    height: 60px;
    top: 0;
    background-image: url('/images/50x60_cara-klax-sim-icons-sprite.png');
}

.icon-content-zweispaltig .col.icon-simcard-euro::before {background-position: 0 0;}
.icon-content-zweispaltig .col.icon-simcard-x::before {background-position: -50px 0;}
.icon-content-zweispaltig .col.icon-simcard-pause::before {background-position: -100px 0;}
.icon-content-zweispaltig .col.icon-simcard-profile::before {background-position: -150px 0;}

.icon-content-zweispaltig .col h3,
.icon-content-zweispaltig .col h4,
.icon-content-zweispaltig .col h5 {
	font-size: 22px;
	line-height: 1em;
	color: #e20074;
	margin-bottom: 6px;
}

.icon-content-zweispaltig .col h3 span,
.icon-content-zweispaltig .col h4 span,
.icon-content-zweispaltig .col h5 span {
	color: #000;
}

.icon-content-zweispaltig .col > p {
	font-size: 19px;
	margin-top: 0;
}

/* Tag: Icon List horizontal */

.icon-list-horizontal {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.icon-list-horizontal li {
	color: #000000;
	position: relative;
	float: left;
	width: 25%;
	padding-left: 76px;
	padding-right: 10px;
	font-family: Tele-Grotesk-Fett,Arial,Helvetica,sans-serif;
	font-size: 20px;
	min-height: 75px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.icon-list-horizontal li[class*="icon-"]::before {
	content: '';
	position: absolute;
	z-index: 1;
	width: 60px;
	height: 60px;
	top: 4px;
	left: 6px;
	background-image: url('/images/homenet_icon_sprite.svg');
	background-size: 240px 60px;
}

.icon-list-horizontal li.icon-box::before {background-position: 0 0;}
.icon-list-horizontal li.icon-money::before {background-position: -60px 0;}
.icon-list-horizontal li.icon-calendar::before {background-position: -180px 0;}
.icon-list-horizontal li.icon-wlanrouter::before {background-position: -120px 0;}

.icon-list-horizontal li > img {
	position: absolute;
	top: 4px;
	left: 6px;
}

/* Tag: Produkt offer zweispaltig */

.produkt-offer-zweispaltig.row.margin-top {
	margin-top: 70px;
}

.produkt-offer-zweispaltig.row h4 {
	color: #fff;
	font-size: 24px;
}

.produkt-offer-zweispaltig.row .col .price {
	font-family: "Tele-Grotesk-Fett",Arial,Helvetica,"sans-serif";
	font-size: 16px;
	color: #e20074;
	text-align: inherit;
	margin: 10px 0 30px 0;
}

.produkt-offer-zweispaltig.row .col .price .value {
	font-family: "Tele-Grotesk-Ultra",Arial,Helvetica,"sans-serif";
	font-size: 60px;
}

.produkt-offer-zweispaltig.row .col .magentaBtn {
	display: inline-block;
	width: 175px;
	text-align: center;
	font-size: 19px;
	margin-bottom: 10px;
	padding: 10px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.produkt-offer-zweispaltig.row .col .col {
	padding: 0 20px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.produkt-offer-zweispaltig.row .col:first-child .col:first-child {
	float: right;
}

.produkt-offer-zweispaltig.row .col:first-child .col:last-child {
	text-align: right;
}

.produkt-offer-zweispaltig.row .col:last-child .col:first-child {
	text-align: right;
}

.produkt-offer-zweispaltig.row > .col:last-child .col:last-child .magentaBtn {
	float: none;
}

/* TAG STEP LIST */

ul.step-list {
	font-size: 0;
	text-align: center;
	padding: 0;
}

ul.step-list li {
	float: none;
	display: inline-block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	vertical-align: top;
	margin: 0 15px 30px 15px;
	border: 1px solid #e20074;
}

ul.step-list.step-list-2 li { width: calc(50% - 30px); }
ul.step-list.step-list-3 li,
ul.step-list.step-list-5 li,
ul.step-list.step-list-6 li { width: calc(33.33% - 30px); }
ul.step-list.step-list-4 li { width: calc(25% - 30px); }

ul.step-list li .step-image {
	display: block;
	max-width: 100%;
	margin: 0 auto 20px auto;
}

ul.step-list li .step-content {
	font-size: 16px;
	padding: 0 5px;
}

ul.step-list li .step-title {
	display: inline-block;
	width: 100%;
	background-color: #e20074;
	color: #ffffff;
	font-family: Tele-Grotesk-Fett, Arial, Helvetica, sans-serif;
	font-size: 30px;
	padding: 10px;
	text-align: center;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

ul.step-list li .step-content {
	margin-top: 20px;
	font-size: 16px;
}

/* back-to-top button for long hardware-pages */
#btn-backtotop {
	display: none;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #e20074;
	z-index: 3;
}
#btn-backtotop i {
	display: block;
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	color: white;
	font-size: 50px;
}

/* Scrolling bar */

.scrolling-bar {
	background-color: #000;
	z-index: 1000;
	bottom: 0;
	color: #fff;
	width: 100%;
	position: relative;
	text-align: center;
	overflow: hidden;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.scrolling-bar .content {
	padding: 20px 0;
	display: block;
	width: 100%;
	max-width: 1000px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.scrolling-bar.fixed .content {
	padding: 20px 0;
	display: block;
	width: 100%;
	max-width: 1000px;
	text-align: left;

	margin-left: -webkit-calc((100% - 1125px) / 2 + 125px);
	margin-left: -moz-calc((100% - 1125px) / 2 + 125px);
	margin-left: calc((100% - 1125px) / 2 + 125px);

	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.scrolling-bar.fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.scrolling-bar::after {
	content: "";
	display: table;
	clear: both;
}

.scrolling-bar .content p {
	font-family: "Tele-Grotesk-Ultra", Arial, Helvetica, "sans-serif";
	font-size: 21px;
	margin: 0;
	display: block;
	margin-right: 20px;
	text-transform: uppercase;
}

.scrolling-bar .content .magentaBtn {
	font-size: 19px;
	display: block;
}

@media all and (max-width: 1159px) {

	/* Scrolling bar */

	.scrolling-bar .content,
	.scrolling-bar.fixed .content {
		max-width: auto;
		width: 100%;
		margin-left: auto;
	}

}

@media all and (max-width: 1019px) {

	/* Tag: Accordion */

	.tma-complex-accordion {
		margin: 30px 0 0 0;
	}

	/* Tag: Icon List horizontal */

	.icon-list-horizontal li {
		margin-bottom: 20px;
		width: 50%;
	}

	.icon-list-horizontal li:nth-child(2n+1) {
		clear: left;
	}

	.icon-list-horizontal li:nth-child(3),
	.icon-list-horizontal li:nth-child(4) {
		margin-bottom: 0;
	}

	/* Tag: Produkt offer zweispaltig */

	.produkt-offer-zweispaltig.row .col .magentaBtn {
		margin-left: auto;
		margin-right: auto;
	}

	.produkt-offer-zweispaltig.row .col .col:first-child {
		float: none;
		width: 100%;
		height: 240px;
		text-align: center;
		margin-bottom: 30px;
	}

	.produkt-offer-zweispaltig.row .col .col:first-child img {
		position: relative;
		top: 50%;

		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.produkt-offer-zweispaltig.row .col:last-child .col:first-child {
		text-align: center;
	}

	.produkt-offer-zweispaltig.row .col .col:last-child,
	.produkt-offer-zweispaltig.row .col:first-child .col:last-child {
		float: none;
		width: 100%;
		text-align: center;
	}

	/* Scrolling bar */

	.scrolling-bar .content {
		padding: 20px 10px;
	}

	.scrolling-bar.fixed .content {
		padding: 20px 10px;
		margin-left: auto
	}

	/* TAG PAGECONTENT */

	.section.pagecontent .content {
		padding-left: 10px;
		padding-right: 10px;
	}

}

@media all and (max-width: 860px) {
	/* TAG FULLSIZE BANNER */
	.banner-fullsize {
		padding: 30px;
	}
	
	.banner-fullsize h3 {
		font-size: 32px;
	}
	
	.banner-fullsize h4 {
		font-size: 21px;
	}
}


/* TABLET LANDSCAPE */
@media all and (min-width: 768px) and (max-width: 960px) {
	.container-content-rightcolumn.col.c4 {
		width: 100%;
	}
	.col.c8 {
		width: 100%;
	}
	.container-content-rightcolumn-top {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	
	.container-content-rightcolumn .boxGreyFarbverlauf {
		float: left;
		width: 295px;
		margin-right: 20px;
	}
	
	.zusatzpaketebox {
		width: auto;
	}
	
	.zusatzpaketeRow {
		width: auto;
	}
	
	.zusatzpaketeTable .zusatzpaketeTableHeader .c1 {
		width: 195px;
	}
	
	.zusatzpaketeTable .zusatzpaketeRow .c1 {
		width: 180px;
	}
}

/* TABLET PORTRAIT */
@media all and (min-width: 711px) and (max-width: 767px) {
	.container-content-rightcolumn.col.c4 {
		width: 100%;
	}
	.col.c8 {
		width: 100%;
	}
	.container-content-rightcolumn-top {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	
	.container-content-rightcolumn .boxGreyFarbverlauf {
		float: left;
		width: 295px;
		margin-right:20px;
	}
	.smartSlider .inner .contents .header .description .headline {
		
		/* float: left; */
		clear: left;
		margin: 10px 0 0 0;
		padding: 0;
		/* line-height: 40px; */
		min-height: 40px;
		display: block;
	}
	
	.zusatzpaketebox {
		width: auto;
	}
	
	.zusatzpaketeRow {
		width: auto;
	}
	
	.zusatzpaketeTable .zusatzpaketeTableHeader .c1 {
		width: 130px;
	}
	
	.zusatzpaketeTable .zusatzpaketeRow .c1 {
		width: 115px;
	}
}


/* TABLET Right col fix */
@media all and (min-width: 681px) and (max-width: 710px) {


	.desktop{
		display:none;
		}

	.mobile{
		display:block;
		}
		
	.container-content-rightcolumn.col.c4 {
		width: 100%;
	}
	.col.c8 {
		width: 100%;
	}
	.subnavi {
		width: 100%;
		float: none;
		padding-right: 0;
	}
	
	.subnavi h2{
		margin: 0 -10px 0 -15px;
	}
	
	.subnavi ul {
		margin: 0 -10px 20px -15px;
	}
	
	ul.contentTabs {
		margin: 0 -10px 0 -15px;
		padding: 20px 0 0 0;
	}
	
	ul.contentTabs li {
		border-bottom: 1px solid #cccccc;
		margin: 0;
		float: none;
	}
	
	.container-content-rightcolumn .boxGreyFarbverlauf {
		float: none;
		width: auto;
		margin-right:0px;
	}
	.container-content-rightcolumn-top {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	
	.double .fliesstext {
	width: 100%;
	float: none;
	margin: 0 0 20px 0;
	}
	
	.double .fliesstextrechts {
		width: 100%;
		float: none;
	}
	
	.boxGreyFarbverlauf.small {
		width: auto;
		float: none;
	}
	
	.boxGreyFarbverlauf.small:nth-child(2n) {
		margin-right: 0;
	}
	
	.zusatzpaketebox {
		width: auto;
	}
		
	.zusatzpaketeRow {
		width: 90%;
	}
	.zusatzpaketeRow ,.zusatzpaketeTable {
		margin-bottom: 20px;
	}
	
	.zusatzpaketeTable .zusatzpaketeRow .c1 {
		width: auto;
	}
	
	.mobile b.col {
		padding: 0;
		margin: 0;
		width: 80px;
		text-align: left;
		display: block;
	}
}


@media all and (max-width: 900px) {

	/* TAG STEP LIST */

	ul.step-list.step-list-4 li { width: calc(50% - 30px); }
}


@media all and (max-width: 800px) {

	/* tag: cube icon list container & item */

	ul.cube-icon-list li,
	ul.cube-icon-list.cube-icon-list-more li {
		width: 50%;
	}
}


/* MOBILE */
@media all and (max-width: 680px) {


	.desktop{
		display:none;
		}

	.mobile{
		display:block;
		}

	.col.c8 {
		width: 100%;
		margin-right: 0px;
	}
	.col.c4 {
		width: 100%;
	}
	.container-content-main {
		margin-top: 100px;
	}
	
	.contentbox {
		border-top: 0;
		width:100%;
	}
	.subnavi {
		width: 100%;
		float: none;
		padding-right: 0;
	}
	
	.subnavi h2{
		margin: 0 -10px 0 -15px;
	}
	
	.subnavi ul {
		margin: 0 -10px 20px -15px;
	}
	
	ul.contentTabs {
		margin: 0 -10px 0 -15px;
		padding: 20px 0 0 0;
	}
	
	ul.contentTabs li {
		border-bottom: 1px solid #cccccc;
		margin: 0;
		float: none;
	}
	
	.fliesstexthr {
		width: 100%;
		float: none;
		}
		
	.fliesstexthr img {
		display: block;
		margin-bottom: 20px;
	}
	
	.double .fliesstext {
	width: 100%;
	float: none;
	margin: 0 0 20px 0;
	}
	
	.double .fliesstextrechts {
		width: 100%;
		float: none;
	}
	
	.boxGreyFarbverlauf.small {
		width: auto;
		float: none;
	}
	
	.boxGreyFarbverlauf.small:nth-child(2n) {
		margin-right: 0;
	}
	
	iframe.youtube {
		width: 100%;
	}
	.download .right {
		width: 100%;
	}
	
	ul.tarif li.left,ul.tarif li.right {
		float: none;
		margin-left: 0px;
		padding-bottom: 20px;
	}
	ul.tarif li.right {
	width: 100%;
	}
	ul.tarif li.right li {
	max-width: 100%;
	}
	ul.tarif li.right div.label {
		width: 100%;
		text-align: right;
		}
	
	ul.tarif li.right div.button {
		position: relative;
		bottom: auto;
		left: 0;
	}
	
	ul.tarif li.right .magentaBtn {
		width: 100%;
		padding: 10px 0;
	}
	.formRow {
		clear: left;
		margin: 0;
		width: auto;
	}
	.formPadd {
		padding: 0;
		width: auto;
	}
	.formDescr,.formDescrAdd {
		text-align: left;
		margin-top: 10px;
		margin-right: 15px;
	}
	.formInput {
		margin: 10px 0 0 0;
	}
	
	.formTrenner {
		height: 0px;
	}
	
	.formCheckBoxSubBtn {
		width: 100%;
	}
	
	.smallbutton, .btn_pink {
		width: auto;
	}
	
	#gutscheinForm .magentaBtn {
		width: 100%;
		text-align: center;
		margin-top: 20px;
		padding: 7px 0;
	}
	
	#gutscheinForm .floatright {
		padding-left: 0;
		width: 100%;
	}
	
	#gutscheinForm .formInput {
		margin: 10px 0 0 0;
	}
	
	#gutscheinForm .formDescr {
		float: none;
	}
	
	.box501383 table td:first-child{
		width: 115px;
	}
	
	.box501383 table td:nth-child(2){
		width: 80px;
	}
	
	.box501383 table td:nth-child(3){
		width: 55px;
	}
	
	.box501383 table td:last-child {
		text-align: left;
		width: auto;
	}
	
	.smartSlider .inner .contents .header .description .headline table {
		line-height: 100%;
		width: auto;
	}
	.smartSlider .inner .contents .header .description .headline td {
		line-height: 100%;
		width: 55px;
		border-bottom:0;
	}
	
	.smartSlider .inner .contents .header .description .headline td:first-child {
		width: 120px;
	}
	
	.tarifbutton{
		left:0;
	}
	.videoslider {
		width: 100%;
		margin: -15px 0px;
	}
	
	.zusatzpaketebox {
		width: auto;
	}
		
	.zusatzpaketeRow {
		width: 90%;
	}
	.zusatzpaketeRow ,.zusatzpaketeTable {
		margin-bottom: 20px;
	}
	
	.zusatzpaketeTable .zusatzpaketeRow .c1 {
		width: auto;
	}
	
	.mobile b.col {
		padding: 0;
		margin: 0;
		width: 120px;
		text-align: left;
		display: block;
	}

	/* Tag: Accordion */

	.tma-complex-accordion {
		margin: 20px 0 0 0;
	}

	.tma-complex-accordion > li > .opener {
		font-size: 19px;
		padding: 20px 40px 20px 20px;
	}

	.tma-complex-accordion.icons > li > .opener {
		padding-left: 50px;
	}

	.tma-complex-accordion.icons > li > .opener::before {
		left: 0px;

		-webkit-transform: translateY(-50%) scale(.5);
		-moz-transform: translateY(-50%) scale(.5);
		-ms-transform: translateY(-50%) scale(.5);
		-o-transform: translateY(-50%) scale(.5);
		transform: translateY(-50%) scale(.5);
	}

	.tma-complex-accordion > li > .opener::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 21px;
		height: 21px;

		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.tma-complex-accordion > li > .accordion-content > .tma-complex-accordion > li > .opener {
		font-size: 17px;
		padding: 20px;
		padding-right: 40px;
	}

	.tma-complex-accordion li .accordion-content {
		padding: 20px;
	}

	.tma-complex-accordion.icons li .accordion-content {
		padding: 10px;
	}

	/* Tag: Banner */

	.row.tag-banner .col {
		width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.row.tag-banner .col:last-child {
		margin-bottom: 0;
	}
	
	.row.tag-banner .col > .magentaBtn {
		position: static;
	}

	/* Tag: Icon content zweispaltig */

	.icon-content-zweispaltig.margin-top {
		margin-top: 0;
	}

	.icon-content-zweispaltig .col {
		position: relative;
		margin-right: 0;
		width: 100%;
	}

	/* Tag: Icon List horizontal */

	.icon-list-horizontal li {
		margin-bottom: 20px;
		width: 100%;
		max-width: 250px;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.icon-list-horizontal li:nth-child(2n+1) {
		clear: left;
	}

	.icon-list-horizontal li:nth-child(3) {
		margin-bottom: 20px;
	}

	/* Tag: Produkt offer zweispaltig */

	.produkt-offer-zweispaltig.row.margin-top {
		margin-top: 0;
	}

	.produkt-offer-zweispaltig.row .col .col:first-child {
		height: auto;
		margin-top: 40px;
		margin-bottom: 20px;
	}

	.produkt-offer-zweispaltig.row .col .col:first-child img {
		top: 0;

		-webkit-transform: inherit;
		-moz-transform: inherit;
		-ms-transform: inherit;
		-o-transform: inherit;
		transform: inherit;
	}

	.produkt-offer-zweispaltig.row .col .price {
		font-family: "Tele-Grotesk-Fett",Arial,Helvetica,"sans-serif";
		font-size: 16px;
		color: #e20074;
		text-align: inherit;
		margin: 10px 0 10px 0;
	}

	/* TAG STEP LIST */

	ul.step-list.step-list-3 li,
	ul.step-list.step-list-5 li,
	ul.step-list.step-list-6 li { width: calc(50% - 30px); }

	/* Scrolling bar */

	.scrolling-bar {
		display: none;
    }
    
    /* TAG FULLSIZE BANNER */

	.banner-fullsize {
		padding: 20px;
	}

	.banner-fullsize > * {
		position: relative;
		z-index: 10;
	}
	
	.banner-fullsize br {
		display: none;
	}
	
	.banner-fullsize .darken {
		display: block;
		z-index: 1;
	}
	
	.banner-fullsize h3 {
		font-size: 24px;
	}
	
	.banner-fullsize h4 {
		font-size: 19px;
	}
	
	.banner-fullsize a.magentaBtn {
		width: 100%;
		text-align: center;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.banner-fullsize.has-eyecatcher .col-left {
		width: 100%;
		max-width: 100%;
	}
	
	.banner-fullsize.has-eyecatcher .col-right {
		width: 100%;
		max-width: 100%;
		margin-top: 20px;
		text-align: center;
	}
	
	.banner-fullsize.has-eyecatcher .col-right .eyecatcher {
		float: none;
	}

}


@media all and (max-width: 450px) {

	/* TAG STEP LIST */
	
	ul.step-list.step-list-2 li,
	ul.step-list.step-list-3 li,
	ul.step-list.step-list-4 li,
	ul.step-list.step-list-5 li,
	ul.step-list.step-list-6 li { width: calc(100% - 30px); }

}


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

	/* Tag: Banner */

	.row.tag-banner .col > .magentaBtn {
		display: block;
		width: 100%;
	}

	/* tag: cube icon list container & item */

	ul.cube-icon-list li,
	ul.cube-icon-list.cube-icon-list-more li {
		width: 100%;
		border-bottom: 1px solid #e6e6e6;
		margin-bottom: 40px;
		padding-bottom: 20px;
	}

	ul.cube-icon-list li:last-child,
	ul.cube-icon-list.cube-icon-list-more li:last-child {
		border-bottom: 0;
		padding-bottom: 0;
	}

}