@font-face {
	font-family: Helv;
	font-weight: bold;
	src: url('fonts/HelveticaLTStd-Blk.eot');
	src: local('☺'), url('fonts/HelveticaLTStd-Blk.woff') format('woff'), url('fonts/HelveticaLTStd-Blk.ttf') format('truetype'), url('fonts/HelveticaLTStd-Blk.svg') format('svg');
}

@font-face {
	font-family: 'Helv';
	src: url('fonts/HelveticaLTStd-Light.eot');
	src: local('☺'), url('fonts/HelveticaLTStd-Light.woff') format('woff'), url('fonts/HelveticaLTStd-Light.ttf') format('truetype'), url('fonts/HelveticaLTStd-Light.svg') format('svg');
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    src: url('fonts/poppins-v15-latin-regular.woff2') format('woff2');    
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    src: url('fonts/poppins-v15-latin-700.woff2') format("woff2");
}

@font-face {
	font-family: 'FontAwesome';
	src: url(fonts/fontawesome-webfont.eot);
	src: url(fonts/fontawesome-webfont.eot)
		format('embedded-opentype'),
		url(fonts/fontawesome-webfont.woff2) format('woff2'),
		url(fonts/fontawesome-webfont.woff) format('woff'),
		url(fonts/fontawesome-webfont.ttf) format('truetype'),
		url(fonts/fontawesome-webfont.svg)
		format('svg');
	font-weight: normal;
	font-style: normal;
}

:-moz-placeholder {
    color: #8b8b8b;
}

*::-moz-placeholder {
    color: #8b8b8b;
}

html, body{
	background:#ebebeb;
	padding:0px;
	color: #4f4f4f;
	font-family: "Helv",Helvetica,Roboto,Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Helv",Helvetica,Roboto,Arial,sans-serif;
    font-weight:bold;
    color: #3d3d3b;
}

h2{
   font-size: 40px;
   font-weight:normal;
}

label,
.inputInfo,
.controlInfo_label {
	font-size: 15.5px;
}

html, body, input[type="text"], input[type="password"], button, select, textarea,table tr th, table tr td {
	font-family:Helv!important;
	font-size:15.5px;
	color: #636569;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	box-shadow: none;
	border: 1px solid #7f7f7f;
}

select{
	box-shadow: none;
	border: 1px solid #7f7f7f;
	background-color: #fff;
}

select:hover{
	background-color: #fff;
    border-color: #000;
}	
	
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    background: #fff none repeat scroll 0 0;
    border-color: #000;
    outline: medium none;
}

.tright{
	text-align:right;
}

.row {
    margin: 0 auto;
    max-width: 1020px;
    padding: 0px;
    width: 100%;
}

.orange_wrapper{
	background:#ebebeb;
}

.clear{
	clear:both;
}

h3{
	font-size:inherit;
	color:#3d3d3b;
	text-transform:uppercase;
}

#calculator_wrapper{
	color: #636569;
	padding:40px 0;
}

.breadcrumb{
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:20px;
}

.breadcrumb .arrow{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6.5px 0 6.5px 7px;
	border-color: transparent transparent transparent #63b42d;
	display:inline-block;
	position: relative;
    top: 1px;
}

.columns.l{
	padding-left:0px;
}

.columns.r{
	padding-right:0px;
}

.columns.lr{
	padding-left:0px;
	padding-right:0px;
}

input[type="button"], input[type="submit"], a.button, button, .button {
    background: #64b42d none repeat scroll 0 0!important;
    border: 0 none;
    color: #fff;
    font-family: "Helv";
    font-size: 15.5px;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 21px;
    padding: 11px 15px;
    text-transform:uppercase;
    border: 1px solid #64b42d;
}

.button:hover {
}

.check_tarif.button{
	margin-top:2px;
}

#productlist{
	padding-top:40px;
}

.check_tarif.button {
    margin-top: 11px;
}

#productlist .product{
	width:calc(25% - 9px);
	padding: 13px 15px;
	border:1px solid #ef6400;
	margin:0 3px;
	float:left;
}

#productlist .product .bt{
	border-top:1px solid #d7d7d7;
	padding-top:10px!important;
	width: calc(100% + 14px)!important;
	padding-left: 7px!important;
	padding-right: 7px!important;
	margin-left: -7px!important;
}

#productlist .product .bb{
	border-bottom:1px solid #808080;
	padding-bottom:10px!important;
	width: calc(100% + 14px)!important;
	padding-left: 7px!important;
	padding-right: 7px!important;
	margin-left: -7px!important;
	min-height: 63px;
}

#productlist .product .unit{
	font-weight:normal;
}

#productlist .product .details{
	height: auto !important;
}

.bp_ext {
    margin-left: 2px;
}

.bp_ext {
    background: rgba(0, 0, 0, 0) url("../elements/bp.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 16px;
    width: 16px;
}

#productlist .product:first-child{
	margin-left:0px;
}

#productlist .product:last-child{
	margin-right:0px;
}

.product_wrapper{
    text-align:left;
    margin-top:40px;
}

#productlist .product .details span.prop{
	display: inline-block;
}

#productlist .product .details div.prop{
	padding:3px 0;
	font-size: 15px;
}

#productlist .product .details span.value{
	display: inline-block;
	font-weight:bold;
	float:right;
	
}

.accept_btn.button {
    width: 100%;
    margin-bottom:0;
    margin-top:10px;
    padding-left:0;
    padding-right:0;
}

#productlist .product .columns{
	padding:0;
}

#productlist .product .product_name{
	font-size:19px;
	line-height: 26px;
}

#productlist .product .product_name b{
	color:#EF6400;
}

.product_overview .product_name{
	font-size:19px;
	line-height: 26px;
}

.product_overview .product_name b{
	color:#EF6400;
}

.steps{
	margin-top:40px;
}

.steps > div{
	float:left;
	padding:13px 20px;
	border-right:1px solid #fff;
}

.steps > div:first-child{
	border-left:1px solid #fff;
}

.steps > div .step{
	color:#3d3d3b;
	font-size: 15.5px;
	font-weight:bold;
	text-transform:uppercase;
}

.steps > div.active .step{
	color:#fff;
}

.steps > div.first{
	border-right:0px solid #fff;
}

#content_wrapper .orange_wrapper h3{
	color:#3d3d3b;
	margin-top:40px;
}

.orange_wrapper h2{
	color:#3d3d3b;
}

.grey_wrapper{
	background:#f6f6f6;
}

.grey_wrapper h2{
	color:#3d3d3b;
	font-size:inherit;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:10px;
}

.white_wrapper{
	padding:20px 0;
	border-top:1px solid #7b7b7b;
	border-bottom:1px solid #cecece;
}


.product_overview > .columns{
	padding:5px 0;
}

.product_overview > .columns.l,
.product_overview > .columns.r {
	font-size: 15.5px;
}

.product_overview{
	border-bottom:1px solid #cecece;
	padding-top:40px;
	padding-bottom:20px;
}

.white_wrapper > div.columns{
	padding:0;
}

div.legend{
	padding-top:20px;
	padding-bottom:20px;
	border-top:1px solid #7b7b7b;
}

.left_button{
	float:left;
}

.right_button{
	float:right;
	margin-left:5px;
}

.left_button input, .right_button input{
	padding-left: 40px;
	padding-right: 40px;
}

/*
.white_button input.button{
	background:#fff!important;
	border:1px solid #7f7f7f;
	color:inherit;
	font-weight:normal;
}
*/

ul.errors{
	margin:0;
	padding:20px 0;
	border-top:1px solid #7b7b7b;
	border-bottom:1px solid #cecece;
	color:red;
}

input.warning, select.warning{
	border-color:red;
}

.white_wrapper > .columns.data_input .checkb1 {
    float: left;
    margin-top: 4px;
}

.white_wrapper > .columns.data_input label.checkbText1 {
    cursor: pointer;
    display: table;
    margin-left: 25px;
    margin-top: 2px;
}

.hide{
	display:none;
}

.bicOptionDisplay{
	display:none;
}

div.controlInfo {
    background-color: #ddd;
	font-size: 15.5px;
    height: 2.3125rem;
    margin-bottom: 15px;
    padding: 0.5rem;
}

a {
    color: #EF6400;
}

a:hover {
    color: #64B42D;
}

#productlist{
	padding-bottom:40px;
}

.grey_wrapper{
	padding-bottom:40px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #64b42d;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 37px;
    width: 2.8em;
}

div.ui-datepicker{
	min-width:300px;
}

.complete_wrapper{
	padding-top:40px;
}

.accept_btn.button {
    font-size: 95%;
}

input[type="button"]:hover, input[type="submit"]:hover, a.button:hover, button:hover, .button:hover {
    background:#ef6400!important;
	border-color:#ef6400!important;
	text-decoration:none;
}

.grey_wrapper {
    background: #fff none repeat scroll 0 0;
}

.check_tarif.button:hover {
	background:#B83E00!important;
	border-color:#B83E00!important;
}

input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
    background-color: #f6f6f6;
    cursor: default;
}

select {
    padding-top: 6px;
    padding-right: 20px;
}


#productlist .product div.price{
	color:#000;
	font-size:30px;
	text-align:right;
	padding:10px 0;
}

#productlist .product div.price.monthly {
	background:#ebebeb none repeat scroll 0 0;
	width:calc(100% + 14px);
	margin-left:-7px;
	padding:5px 7px;
	margin-top:10px;
	
}

#productlist .product .price_type {
	font-size:14px;
	display:block;
	text-align:left;
}

#productlist .product .details  div.prop.product_details{
	background:#f0f0f0;
	width:calc(100% + 14px);
	margin-left:-7px;
	padding:5px 7px;
}

div.prop.product_details b{
	display:block;
}

div.prop.product_details ul{
	margin:0;
	margin-left:13px;
	margin-top:10px;
}

div.prop.product_details li{
	background-image: none;
	list-style-type: disc;
    display: list-item;
    font-size: 15px;
	line-height: 24px;
    padding: 1px 0;
}

div.prop.product_details ul br{
    display: none;
}

table.automaticIban{
	width:100%;
}

table.automaticIban tr.even, table tr.alt, table tr:nth-of-type(2n) {
    background: transparent;
}

#msg_close{
	cursor:pointer;
	float:right;
	font-weight:bold;
}

.over._1{
	float:right;
	color:#ec6501;
	cursor:pointer;
	text-decoration:underline;
}
.over{
	float:right;
	color:#EF6400;
	cursor:pointer;
	text-decoration:underline;
}

div.dialog{
	position: fixed;
	z-index: 6000;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: none;
	background: #000;
	-ms-filter: "Alpha(Opacity=50)";
	filter: alpha(opacity = 50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	cursor: default;
}

.dialogContent table {
	position: fixed;
	width: 540px;
	left: 35%;
	top: 30%;
	background-color: #ddd;
	z-index: 6001;
	overflow: hidden;
	background-image: url('../elements/bgnd_content.png');
	background-position: left center;
	background-repeat: repeat-x;
	border-radius: 8px;
	box-shadow: 1px 1px 4px #333;
}

.dialogContent	{
	display: none;
}

.product .big .dialogContent table.saveOver td{
	border-radius: 0px;
}

.dialogContent table td:first-child{
	width: 140px;
}

.product .big .dialogContent table td span.big{
	font-size: 14pt;
	color: #FFF;
}

.product .big .dialogContent table td.middle{
	text-align: center;
}

.product .big .dialogContent table .h4 {
	background-color: #F6BC00;
}

.product .big .dialogContent table .h5 {
	background-color: #FFF;
}

.product.even .big .dialogContent table .h5 {
	background-color: #E8F1EA;
}

.product .big  .dialogContent table .border_bottom{
	border-bottom: 1px dashed #676767;
}

.dialogContent table .h4 {
	background-color: #EF6400;
	line-height: 1.5;
}

.msg_close {
	background: url('../elements/delete.png') no-repeat !important;
	width: 25px;
	height: 25px;
	cursor: pointer;
	z-index: 6002;
	float:right;
	position: relative;
}

#dialogContent{
	width: 380px;
	z-index: 6001;
	opacity: 1;
	position: absolute;
	display: none;
	font-size: 13.5px;
}

.hidden{
	display: none;
}

.dialogContent table td span.big {
    color: #fff;
    font-size: 14pt;
}

a.over:hover {
	cursor: pointer;
}
a.over {
	font-size: 18px;
}

table.tarif_top td p.green {
	color: #70ba34;
	font-weight: bold;
}

div.dialog{
	position: fixed;
	z-index: 6000;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: none;
	background: #000;
	-ms-filter: "Alpha(Opacity=50)";
	filter: alpha(opacity = 50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	cursor: default;
}


.product .big .dialogContent table{
	position: fixed;
	width: 555px;
	left: 35%;
	top: 30%;
	background-color: #ddd;
	z-index: 6001;
	overflow: hidden;
	background-image: url('../elements/bgnd_content.png');
	background-position: left center;
	background-repeat: repeat-x;
	border-radius: 8px;
	box-shadow: 1px 1px 4px #333;
}

.dialogContent table.saveOver td{
	border-radius: 0px;
	font-size: 13.5px;
}

.dialogContent table td:first-child{
	width: 140px;
	border-radius: 8px 0 0 0;
}

.dialogContent table td:last-child{
	border-radius: 0 8px 0 0;
}

.product .big .dialogContent table td span.big{
	font-size: 14pt;
	color: #FFF;
}

.product .big .dialogContent table td.middle{
	text-align: center;
}

.product .big .dialogContent table .h4 {
	background-color: #F6BC00;
}

.product .big .dialogContent table .h5 {
	background-color: #FFF;
}

.product.even .big .dialogContent table .h5 {
	background-color: #E8F1EA;
}
.product .big  .dialogContent table .border_bottom{
	border-bottom: 1px dashed #676767;
}
.msg_close {
	background: url('../elements/delete.png') no-repeat;
	width: 25px;
	height: 25px;
	cursor: pointer;
	z-index: 6002;
	float:right;
	position: relative;
}
 #dialogContent{
	width: 380px;
	z-index: 6001;
	opacity: 1;
	position: absolute;
	display: none;
}
@media only screen and (max-width: 40em) {
	.columns.small-12{
		padding:0;
	}
	
	.columns.sr{
		padding-right:0;
	}
	
	.columns.sl{
		padding-left:0;
	}
	
	.left_button, .right_button{
		float:none;
		margin-top:10px;
	}
	
	.left_button input, .right_button input{
		width:100%;
	}
	
	.tarifrechner_wrapper .column_border {
	    border:0!important;
	}
	
	.flex > div {
	    min-height: 0px!important;
	}
	
	.tarifrechner_wrapper .calculate_button {
	    margin-top: 10px!important;
	}
	
	.tarifrechner_wrapper .target_group {
	    width: 50%!important;
	    padding: 13px 0!important;
	    text-align: center!important;
	}
	
	#productlist .product {
	    margin: 0!important;
	    width: calc(100% - 9px);
	    margin-bottom:20px!important;
	}
	
	#productlist .product {
	    margin: 0!important;
	    width: calc(100% - 9px);
	    margin-bottom:20px!important;
	}
	
	div.steps > div > div.step {
	    width: 14px;
	    overflow: hidden;
	    white-space: nowrap;
	}
	
	div.steps > div.active > div.step {
	    width: auto;
	}
	
	.columns.sr{
		padding-right:0;
	}
	
	.columns.sl{
		padding-left:0;
	}
	
	.orange_wrapper{
		padding-left:10px;
		padding-right:10px;
	}
	
	#productlist {
		padding-left:10px;
		padding-right:10px;
	}
	
	div.customer_data, div.product_overview {
		padding-left:10px;
		padding-right:10px;
	}
	
	#productlist .product {
	    margin: 0 0 20px !important;
	    width: 100%;
	}
	
	div.steps > div.active > div.step {
	   width: 14px;
	   overflow: hidden;
    	white-space: nowrap;
	}
}

@media only screen and (max-width: 64em) {
	.tarifrechner_wrapper .column_border.last {
	    border-right:0!important;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	
	.columns.mr{
		padding-right:0;
	}
	
	.columns.ml{
		padding-left:0;
	}
}

#productlist .saved_price_wrapper {
	float: right;
}

#productlist .saved_price_wrapper a {
	float: none;
	text-decoration: none;
}

#productlist .saved_price_wrapper .info_text {
	position: relative;
}

#productlist .saved_price_wrapper .info_icon {
	position: relative;
	top: -2px;
	display: inline-block;
	margin: 0;
	padding: 0;
	padding-top: 1px;
	width: 16px;
	height: 15px;
	background-color: #E2E2E2;
	color: #66B42D;
	font-size: 13px;
	line-height: 13px;
	text-align: center;
	font-weight: bold;
	border-radius: 8px;
	z-index: 0;
	cursor: pointer;
}

#productlist .saved_price_wrapper .info_text:hover .info_icon {
	background-color: #66B42D;
	color: #FFFFFF;
}

#productlist .dialogContent table {
	width: 800px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 0;
}

#productlist .dialogContent table td {
	border-radius: 0;
}

#productlist .dialogContent table td.a {
	width: 150px;
}

#productlist .dialogContent table td.b,
#productlist .dialogContent table td.c {
	width: calc(400px - 75px);
}

#productlist .dialogContent table td.saved_price {
	color: #EF6400;
}

.preloader{
	position:absolute;
    overflow: hidden;
    z-index: 1500;
	opacity: 0.50;
	filter: alpha(opacity = 50);
	-ms-filter: "Alpha(Opacity=50)";
	background-image:		url(../elements/ajax-loader.gif);
	background-repeat:		no-repeat;
	background-position:	center center;
	padding: 23px 180px;
	background-color: #FFF;
	display: none;
}


/* Anpassungen für Plugin-Modus */

#content_wrapper {
	font-size: 15.5px;
	line-height: 1.4;
}

.labeled {
	font-size: 15.5px;
}

#productlist h1 {
	font-size: 40px;
	font-weight: 400;
	line-height: 1.4;
}

.accept_btn.button {
	font-size: 15px;
}

#content_wrapper .product_overview h2,
#content_wrapper .white_wrapper h2 {
	font-size: 15.5px;
	font-weight: bold;
	line-height: normal;
	margin: 3px 0 8px;
	padding: 0 0 10px;
}

#content_wrapper a {
	color: #EF6400;
	font-weight: 400;
}

#content_wrapper a:hover {
	color: #64B42D;
}

#content_wrapper a.button {
	color: #fff;
	font-weight: bold;
}

#content_wrapper a.button:hover {
	color: #fff;
}

#content_wrapper ul.errors {
	padding: 20px 0;
}

ul.errors li {
	background-image: none;
	margin: 0;
	padding: 0;
}

#calculator {
	padding: 0 30px 40px;
}

#calculator h1 {
	color: #3d3d3b;
	font-size: 39px;
	line-height: 50px;
	font-weight: normal;
	margin: 0 0 30px;
	padding: 20px 0px;
}

.info_malo {
	background-image: url(../elements/info.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 21px;
	height: 16px;
	display: inline-block;
	cursor: help;
	margin-left: 3px;
}

#productlist .product {
	border: none;
	padding: 0;
}

#productlist .product > form {
	border: 1px solid #3d3d3b;
	padding: 13px 15px;
}

#productlist .product.recommendation > form {
	border-color: #64b42d;
}

#productlist .product .recommendation_headline {
	background-color: transparent;
	color: transparent;
	font-weight: bold;
	padding: 7px 15px;
}

#productlist .product.recommendation .recommendation_headline {
	background-color: #64b42d;
	color: #fff;
}

#productlist .product .product_img {
	float: right;
	max-width: 60px;
}


/* Aktionscode */

.bonus_wrapper {
	display: none;
}

.bonus_wrapper.offer_bonus,
.bonus_wrapper.has_bonus {
	display: block;
}

.bonus_wrapper input[name="bonus_code"] {
	background-color: #fff;
	margin-bottom: 25px;
	width: 100%;
}

.bonus_wrapper input[name="bonus_code"].disabled {
	background-color: #ddd;
}

.bonus_wrapper input[name="bonus_code"].warning{
	border: 1px solid red;
}

.bonus_wrapper input[name="bonus_code"].valid{
	border: 1px solid #64b42d;
}

.bonus_calc_wrapper,
.bonus_del_wrapper {
	padding-left: 20px;
	padding-right: 0;
}

.bonus_del_wrapper {
	display: none;
}

.calculate_bonus,
.delete_bonus {
	background-color: #64b42d;
	border: 1px solid #64b42d;
	color: #fff !important;
	cursor: pointer;
	display: block;
	font-family: "Helv";
	font-size: 15.5px;
	font-weight: bold !important;
	letter-spacing: 0.2px;
	line-height: 12px;
	padding: 11px 15px;
	text-align: center;
	text-transform: uppercase;
	transition: background-color 300ms ease-out;
}

.calculate_bonus:hover,
.delete_bonus:hover {
	background-color: #ef6400 !important;
	border-color: #ef6400;
	color: #fff !important;
	cursor: pointer !important;
	text-decoration: none;
}

.calculate_bonus.disabled,
.calculate_bonus.disabled:hover {
	background-color: #64b42d;
	color: #fff;
	cursor: default;
	text-decoration: none;
}

.bonus_output.no_bonus {
	display: none;
}

.bonus_output .inputInfo {
	float: left;
	width: calc(100% - 70px);
}

.bonus_popup {
	background-color: #fff;
	box-shadow: 0px 0px 5px #000;
	color: #000;
	display: none;
	margin: 20px 0;
	padding: 10px 10px 10px 20px;
	width: 300px;
	z-index: 1;
}

.bonus_popup_text {
	float: left;
	width: calc(100% - 30px);
}

.bonus_display_price_wrapper {
	display: none;
}

.bonus_display_price_wrapper.show_price {
	display: block;
}

.bonus_popup_close {
	background-color: #64b42d;
	border: 1px solid #64b42d;
	color: #fff !important;
	float: right;
	font-weight: 700 !important;
	height: 25px;
	line-height: 24px;
	text-align: center;
	transition: background-color 300ms ease-out;
	width: 26px;
}

.bonus_popup_close:hover {
	background-color: #ef6400;
	border-color: #ef6400;
	text-decoration: none;
}

.bonus_error.active {
	color: red;
	margin-bottom: 20px;
	padding-right: 0;
}


/* Footer */

.footer {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1rem;
    zoom: 1;
	width: 100%;
	box-sizing: border-box;
}

.footer.start {
	display: none;
}

.navigation-meta {
    position: relative;
    display: block;
}

.navigation-meta__wrap {
    position: relative;
    display: flex;
     flex-wrap: nowrap;
     justify-content: space-between;
	 align-items: center;
}

.navigation-meta__list {
    display: flex;
    list-style: none;
     flex-wrap: wrap;
}

.navigation-social__list {
    display: flex;
    list-style: none;
    flex-wrap: nowrap;
}

.navigation_meta_link {
    font-family: Poppins,sans-serif;
    font-size: 1rem;
    font-weight: 700;
    padding-right: 2rem;
    text-decoration: none;
	color: #3d3d3b;
	transition: color .3s;
	height: 30px;
	display: inline-block;
}

.navigation_meta_link:hover {
	text-decoration: underline;
}

.navigation-social__list-element {
    margin: 0 .25rem;
}

.navigation-social__list-element:nth-child(1) .navigation_social_link {
    background-image: url('../elements/social_insta.svg');
}

.navigation-social__list-element:nth-child(2) .navigation_social_link {
    background-image: url('../elements/social_fb.svg');
}

.navigation-social__list-element:nth-child(3) .navigation_social_link {
    background-image: url('../elements/social_xing.svg');
}

.navigation-social__list-element:nth-child(4) .navigation_social_link {
    background-image: url('../elements/social_linkedin.svg');
}

.navigation_social_link {
    display: inline-block;
    width: 2rem;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	transition: color .3s;
    text-decoration: underline;
    color: inherit;
	height: 30px;
}

.navigation_social_link:hover {
    text-decoration: underline;
    opacity: .5;
}

/* Header */
.header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 4rem;
    background-color: rgba(255,255,255,.75);
    box-shadow: 0 0 .5rem rgba(0,0,0,.2);
	z-index: 12;
	padding: 0 1rem;
	box-sizing: border-box;
}

.header.start {
	display: none;
}

.header--inner {
	max-width: 1280px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

.logo {
    position: relative;
    z-index: 100;
    float: right;
    width: 10rem;
    margin: 0.5rem auto 0;
    padding-left: 1rem;
}

.logo a {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 30.740740740740741%;
    background-color: transparent;
    background-image: url(../elements/team-logo.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    text-indent: -9999px;
}

.header.scrolled .logo a {
    background-image: url(../elements/team-logo_dark.svg);
}

.navigation {
    position: relative;
    z-index: 11;
}

.navigation__wrap {
    position: relative
}

.navigation-trigger {
    position: absolute;
    z-index: 999;
    top: 1.25rem;
    left: 2rem;
    display: none;
    pointer-events: all!important;
}

.navigation__inner-wrap {
    display: block;
}

.navigation__list {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
	overflow: hidden;
	
}

.navigation__list-element {
    position: relative;
    display: block;
    list-style: none;
}

.navigation__list-element.active>.navigation__link {
    color: #ec6608;
}

.navigation__sublist-element.active>.navigation__link {
    color: #ec6608;
}

.navigation__link {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1em;
    display: block;
    padding: 1.5rem 1rem;
    white-space: nowrap;
    text-decoration: none;
    color: #3d3d3b;
	font-family: Poppins,sans-serif;
}

.navigation__link:hover {
    color: #ec6608;
    background-color: #f2f2f2;
}

#content_wrapper{
	padding-top:65px;
}

#content_wrapper.start {
	padding-top: 0;
}

@media all and (max-width: 1022px) {
	
	#content_wrapper {
		margin: 0 -6% 10px;
	}
	
	#productlist {
		padding: 0 30px 40px;
	}
	
	#productlist .product .bb {
		min-height: auto;
	}
	
	.orange_wrapper.customerdata,
	.grey_wrapper.customerdata {
		padding-left: 10px;
		padding-right: 10px;
	}
}


@media all and (max-width: 1022px) {
	
	#productlist .product {
	    width: calc(33.3333% - 4px);
	    margin-bottom: 20px!important;
	}
}


@media all and (max-width: 800px) {
	
	#productlist .product {
	    margin: 0 0 20px !important;
		width: 100%;
	}
}


@media all and (max-width: 640px) {
	
	#calculator_wrapper .street.small-8 {
		padding-left: 0;
	}
}


@media all and (max-width: 590px) {
	
	.orange_wrapper.customerdata,
	.grey_wrapper.customerdata {
		padding-left: 30px;
		padding-right: 30px;
	}
}