/* START *** Allgemein *** */
.tabToAccordion.showArrows > ul.tabs > li.active:before,
.tabToAccordion.showArrows > ul.tabs > li.active:after,
.tabToAccordion.showArrows > ul.tabs > li:hover:before,
.tabToAccordion.showArrows > ul.tabs > li:hover:after,
.contentArea#headerPanel .innerArea:before,
.checkoutSpeedBar > div > div.arrow:after,
.additionalProducts .col.arrow:after,
.mainPopup:before,
.mainPopup:after,
#chooseTarifTerms .containerChooseTarif.active:before,
#chooseTarifTerms .containerChooseTarif.active:after,
#contChosenAccessories .containerGroup .price:before,
#topNavPanel > div > ul > li.active > a > span.arrow:before,
#topNavPanel > div > ul > li.active > a > span.arrow:after,
.mpIcon.viInfo .tooltip:before,
.mpIcon.viInfo .tooltip:after,
.mpIcon.viInfoM .tooltip:before,
.mpIcon.viInfoM .tooltip:after,
#errorPanel:after {
	width: 0;
	height: 0;
	content: "";
	position: absolute;
}

.doubleBorder::before {
    border-bottom: 1px dotted #ddd;
    content: "";
    display: block;
}
.doubleBorder::after {
    border-bottom: 1px dotted #ddd;
    content: "";
    display: block;
    height: 2px;
}
.doubleBorder {
    font-size: 0;
    line-height: 0;
}

img {
	max-width: 100%;
}
/* END *** Allgemein *** */

/* START *** Content Areas and Inner Area *** */
.contentArea {
}

	.contentArea .innerArea {
		width: 980px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
/* END *** Content Areas and Inner Area *** */

/* START *** Welcome Panel *** */
.contentArea#welcomePanel {
	display: none;
	font-size: 1.1em;
	line-height: 1.2em;
}
	.contentArea#welcomePanel .innerArea {
		padding-top: 2em;
		padding-bottom: 1.5em;
	}
	.contentArea#welcomePanel #welcomeTitle {
		font-family: 'Raleway', 'Open Sans', Verdana, sans-serif;
		text-transform: uppercase;
		font-size: 1.75em;
		line-height: 1.2em;
	}
	.contentArea#welcomePanel ul#welcomeTopNav {
		text-align: right;
	}
		.contentArea#welcomePanel ul#welcomeTopNav > li {
			text-transform: uppercase;
			display: inline-block;
		}
	.contentArea#welcomePanel ul#welcomeNav > li {
		text-align: right;
		text-transform: uppercase;
		font-size: 0.9em;
		line-height: 1.8em;
	}
	.contentArea#welcomePanel span.icon {
		display: inline-block;
		margin-bottom: 1em;
	}
/* END *** Welcome Panel *** */

/* START *** Breadcrumb Box *** */
.innerArea.breadcrumbBox,
#headerArea.fixed .fixedArea .breadcrumbPanel {
	/*border-top: 1px solid #e6e6e6;*/
	/*line-height: 44px;*/
	text-transform: uppercase;
	font-size: 12px;
}
#breadcrumbPanel {
    padding-bottom: 1em;
    padding-top: 1em;
	border-bottom: 1px solid #e6e6e6;
}
#headerArea.fixed .fixedArea .breadcrumbPanel {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
	border-bottom: 1px solid #e6e6e6;
}
	.breadcrumbBox ul {
		margin: 0;
		overflow: hidden;
		padding: 0 80px 0 0;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#headerArea.fixed .fixedArea .breadcrumbPanel ul {
		margin-bottom: 0;
	}
		.breadcrumbBox ul li {
			display: inline-block;
		}
		.breadcrumbBox ul li + li:before {
			content: " \\ ";
			margin: 0 5px;
		}
	.breadcrumbBox .backButton,
	#headerArea.fixed .fixedArea .breadcrumbPanel .backButton {
		position: absolute;
		right: 0;
		top: 1em;
	}
	#headerArea.fixed .fixedArea .breadcrumbPanel .backButton {
		top: 0;
	}
/* END *** Breadcrumb Panel *** */

/* START *** Container Panel *** */
.contentArea#containerPanel {
}

	.contentArea#containerPanel ul.leftNav {
            font-size: 0.9em;
            line-height: 2.2em;
            text-transform: uppercase;
	}
            .contentArea#containerPanel ul.leftNav > li > ul {
                margin-left: 2em;
                margin-bottom: 0;
            }
            .contentArea#containerPanel ul.leftNav > li > ul > li > ul {
                margin-left: 2em;
                margin-bottom: 0;
            }
            .contentArea#containerPanel ul.leftNav > li.active > a {
                color: #92D1D9;
            }
            .contentArea#containerPanel ul.leftNav > ul > li.active {
                display: block;
            }

	.contentArea#containerPanel .containerLeft {
		line-height: 1.7em;
	}
		.contentArea#containerPanel .containerLeft .headline {
			text-transform: uppercase;
			font-size: 1.5em;
			line-height: 1.2em;
		}

	.contentArea#containerPanel #filterColorArea .filterColor {
		color: transparent;
		font-size: 0;
		line-height: 0;
	}
	.contentArea#containerPanel .filterColor,
	.contentArea#containerPanel .filterSize {
		float: left;
		width: 26px;
		height: 26px;
		cursor: pointer;
		margin-right: 4px;
		margin-bottom: 5px;
	}
	.contentArea#containerPanel .filterColor.active {
		border: 1px solid #bfb5ab;
		padding: 2px;
		background-clip: content-box;
	}
	.contentArea#containerPanel .filterSize {
		text-align: center;
		border: 1px solid #bfb5ab;
		line-height: 2.1em;
	}
	.contentArea#containerPanel .filterSize.active {
		background-color: #bfb5ab;
		color: #fff;
	}
	.coloredSliderBar .ui-slider-handle.ui-state-default,
	.coloredSliderBar .ui-slider-handle.ui-widget-content,
	.coloredSliderBar .ui-slider-handle.ui-widget-header {
		background-color: #7EC9DC ;
	}

	.contentArea#containerPanel .h4UpperFontSize1P5 h4,
	.contentArea#containerPanel h4.h4UpperFontSize1P5 {
		font-size: 1.5em;
		line-height: 1.7em;
		text-transform: uppercase;
		margin-bottom: 0;
	}
	.contentArea#containerPanel h3 {
		font-family: 'Raleway', 'Open Sans', Verdana, sans-serif;
		font-size: 2em;
		line-height: 1.3em;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		font-weight: 300;
	}
	.contentArea#containerPanel .upperLinkMore a,
	.contentArea#containerPanel a.upperLinkMore {
		font-size: 0.8em;
		line-height: 1.7em;
		text-transform: uppercase;
	}

	/* START *** Travel Container *** */
	.contentArea#containerPanel .travelContainer {
		background-image: url('/img/test-w980.jpg');
		background-repeat: repeat;
		height: 45em;
	}
	.contentArea#containerPanel .travelContainer .travelheadline {
		position:relative;
		left: 10px;
		border-left: 10px solid #d1c9be;
		overflow: hidden;
	}
	.contentArea#containerPanel .travelContainer .travelheadline span.wrap1 {
		position: relative;
		left:10px;
		background:#d1c9be;
	}
	.contentArea#containerPanel .travelContainer .travelheadline span.wrap2 {
		position: relative;
		left:-10px;
		background:#d1c9be;
		padding-left: 0.1em;
	}
	.contentArea#containerPanel .travelContainer span.iconTravelDiscount {
		background-image: url("/img/iconTravelDiscount.jpg");
		background-position: 0 0;
		background-repeat: no-repeat;
		display: block;
		height: 114px;
		position: absolute;
		right: 24.5em;
		top: 18.2em;
		width: 114px;
	}
	/* END *** Travel Container *** */

	.contentArea#containerPanel .reiterNav {
		float: left;
		border: 1px solid #fafafa;
		text-transform: uppercase;
		color: #acacac;
		font-family: 'Raleway', 'Open Sans', Verdana, sans-serif;
	}
	.contentArea#containerPanel .reiterNav.active,
	.contentArea#containerPanel .reiterNav:hover {
		background-color: #fafafa;
		color: #7a7a7a;
	}
	.contentArea#containerPanel .reiterNav > a {
		color: inherit;
		display: block;
		padding: 1em 1em;
		font-size: 1.05em;
		line-height: 1.3em;
	}
	.contentArea#containerPanel .tabsWholeWidth .reiterNav > a {
		padding: 1em 0;
		text-align: center;
	}

	/* START *** Produkte Detail *** */
	.contentArea#containerPanel .smallImages {
		height: 4.6em;
	}
		.contentArea#containerPanel .smallImages img {
			float: left;
			display: inline-block;
			text-align: justify;
		}
	.contentArea#containerPanel .lineGrey {
		border-bottom: 1px solid #e6e6e6;
		height: 0.1em;
	}
		.contentArea#containerPanel select.articleListSelect {
			-moz-appearance: none;
			background-color: #fff;
			border: 0 solid #e6e6e6;
			box-shadow: none;
			box-sizing: content-box;
			background-image: url('/img/arrowbottom.png');
			background-repeat: no-repeat;
			background-position: 100% center;
			padding-right: 0.7em;
		}
		.contentArea#containerPanel select.detailSelect {
			-moz-appearance: none;
			background-color: #fff;
			border: 0 solid #e6e6e6;
			box-shadow: none;
			box-sizing: content-box;
			background-image: url('/img/arrowbottom.png');
			background-repeat: no-repeat;
			background-position: 100% center;
			padding-right: 0.7em;
		}
	.contentArea#containerPanel .detailContent h1 {
		margin: 0.8em 2.1em 0 0;
	}
	.contentArea#containerPanel .detailContent .price {
		letter-spacing: -0.05em;
	}
		.contentArea#containerPanel .detailContent .price sup {
			font-size: 0.6em;
		}

            /* Handyshop Productdetail */
            .contentArea#containerPanel .detailContent .containerTarif {
                    width: 17em;
                    background-color: #787878;
            }
            .contentArea#containerPanel .detailContent .containerTarif > a {
                text-decoration: none;
                color: #787878;
            }
            .contentArea#containerPanel .detailContent .containerTarif > a .tarifdetails > span:hover {
                color: #787878;
                text-decoration: underline;
            }
            .contentArea#containerPanel .detailContent .containerTarif:hover {
                background-color: #fc4444;
            }
            .contentArea#containerPanel .detailContent .containerTarif a.chooseTarif > .head {
                    height: auto;
                    padding-bottom: 0.7em;
                    padding-top: 0.7em;
                    color: #fff;
            }
            .contentArea#containerPanel .detailContent .containerTarif a.chooseTarif > .body,
            .contentArea#containerPanel .detailContent .containerTarif a.chooseTarif:active > .body {
                    height: auto;
                    background-color: #fff !important;
                    margin-left: 1px;
                    margin-right: 1px;
                    margin-bottom: 1px;
            }

            .contentArea#containerPanel .detailContent .containerTarif:active {
                background-color: #e60000 !important;
            }

            .contentArea#containerPanel .detailContent #speicherwahl .speicherwahlActive {
                background-color: #e60000 !important;
                cursor: pointer;
            }
            .contentArea#containerPanel .detailContent #speicherwahl .speicherwahl:hover {
                background-color: #fc4444;
                cursor: pointer;
            }
            .contentArea#containerPanel .detailContent #speicherwahl .speicherwahl:active {
                background-color: #e60000;
                cursor: pointer;
            }
            .contentArea#containerPanel .detailContent #speicherwahl .speicherwahl {
                background-color: #b6b6b6;
                color: #5a5a5a;
                margin: 12px 19px 0 0;
                padding: 1px 0;
                text-align: center;
            }
            .contentArea#containerPanel .detailContent #speicherwahl .speicherwahl a.speicher > span.gb {
                background-color: #fff;
                color: #5a5a5a;
                display: block;
                font-size: 16px;
                font-weight: bold;
                margin: 1px 2px;
                padding: 15px 0;
            }

			#preis-data .detailButton {
				color: #fff;
				font-size: 1.3em;
				line-height: 2.5em;
				font-weight: bold;
				cursor: pointer;
			}
			#preis-data .detailButton .mpIcon.mpiArrowRightWhite {
				margin-top: 1em;
				margin-left: 0.5em;
			}
			#preis-data .mpIcon.viInfoM {
				margin-top: 1em;
			}

            /* ENDE Handyshop Productdetail */
	/* END *** Produkte Detail *** */

	/* START *** Veranstaltungen Uebersicht *** */
	.contentArea#containerPanel .eventContainer {
		line-height: 1.5em;
		margin-top: 1em;
	}
		.contentArea#containerPanel .eventContainer .image {
			float: left;
			position: relative;
			z-index: 10;
		}
			.contentArea#containerPanel .eventContainer .image .mpIcon.mpiGreenCircle {
				position: absolute;
				top: 0.75em;
				right: 0.75em;
				text-align: center;
			}
			.contentArea#containerPanel .eventContainer .info {
				float: right;
				width: 40%;
				padding-top: 2em;
				padding-right: 3em;
				/*content floatRight mobile_floatNone width40P mobile_width100P paddingT2 boxSizingPBox paddingR3 height262px*/
			}
		.contentArea#containerPanel .eventContainer .mpIcon.mpiEditSmall {
			cursor: pointer;
		}
		.contentArea#containerPanel .eventContainer > div.floatLeft,
		.contentArea#containerPanel .eventContainer > div.floatRight {
			height: 286px;
			z-index: 2;
		}
			.contentArea#containerPanel .eventContainer > div.floatLeft > img {
				height: 100%;
			}
			.contentArea#containerPanel .eventContainer > div.floatLeft > div.mpIcon.mpiGreenCircle {
				background-image: url('/img/iconVIP.png');
				background-repeat: no-repeat;
				background-position: 0 0;
				width: 76px;
				height: 76px;
				/* -- oberen Teil loeschen, sobald in Sprite! -- */
				display: block;
				position: absolute;
				top: 0.8em;
				right: 0.8em;
				text-align: center;
				text-transform: uppercase;
				font-size: 1.2em;
				line-height: 1em;
			}
			.contentArea#containerPanel .eventContainer > .image > div.mpIcon.mpiGreenCircle .discount,
			.contentArea#containerPanel .eventContainer > .image > div.mpIcon.mpiGreenCircle .discountCode {
				font-size: 1.5em;
				line-height: 1em;
				font-weight: bold;
			}
			.contentArea#containerPanel .eventContainer > .image > span.eventDateOnImg {
				bottom: 3em;
				display: block;
				padding: 0.65em 1em;
				position: absolute;
				right: 0;
				text-transform: uppercase;
			}
		.contentArea#containerPanel h4 {
			font-family: 'Raleway', 'Open Sans', Verdana, sans-serif;
			font-size: 1.6em;
			line-height: 1.3em;
			text-transform: uppercase;
			letter-spacing: 0.05em
		}
		.contentArea#containerPanel h4.editLink {
			position: relative;
			font-weight: 300;
		}
			.contentArea#containerPanel h4.editLink a {
				bottom: 0;
				font-family: "Open Sans",Verdana,sans-serif;
				font-size: 0.6em;
				letter-spacing: 0;
				position: absolute;
				right: 0;
				text-transform: none;
				font-weight: 500;
			}
			.contentArea#containerPanel h4.editLink.highlighted a {
				bottom: 0.5em;
				right: 0.5em;
			}
			.contentArea#containerPanel h4.editLink.smaller a {
				font-size: 0.9em;
			}
		.contentArea#containerPanel .eventContainer h4 {
			margin-bottom: 1.1em;
		}
		.contentArea#containerPanel h5 {
			font-family: 'Raleway', 'Open Sans', Verdana, sans-serif;
			font-size: 1.2em;
			line-height: 1.3em;
			text-transform: uppercase;
			margin-bottom: 0.25em;
		}
	.eventButtonLink {
		background-color: #92D1D9;
		bottom: 0;
		position: absolute;
		width: 100%;
		z-index: 1;
		text-align: right;
		text-transform: uppercase;
		color: #fff;
		font-weight: bold;
		right: 0;
	}
		.eventButtonLink a {
			display: block;
			padding: 0.5em 1em;
		}
		.eventButtonLink a:hover {
			color: #787878;
		}
	/* END *** Veranstaltungen Uebersicht *** */

	/* START *** Regional Edit *** */
	.contentArea#containerPanel .eventContainer.editOffer.inactive {
		opacity: 0.3;
	}
		.contentArea#containerPanel .eventContainer.editOffer .editBar {
			width: 28px;
			position: absolute;
			left: -14px;
			top: 16px;
			z-index: 100;
		}
	.contentArea#containerPanel .doDetailEdit .positionRelative .mpIcon.mpiEditSmall.posBefore,
	.contentArea#containerPanel .eventContainer.editOffer .positionRelative .mpIcon.mpiEditSmall.posBefore {
		position: absolute;
		left: -20px;
		top: 3px;
	}
	.contentArea#containerPanel .doDetailEdit .positionRelative .mpIcon.mpiEditDelete.posBefore,
	.contentArea#containerPanel .doDetailEdit .positionRelative .mpIcon.mpiEditAdd.posBefore {
		position: absolute;
		left: -14px;
		top: 25%;
	}
	.contentArea#containerPanel .doDetailEdit input.editMode {
		background-color: #F1F1F1;
		padding: 0;
		border: none;
		box-shadow: none;
	}
	/* END *** Regional Edit *** */

	/* START *** Veranstaltungen Detail *** */
	#detailVeranstaltung div {
		padding-left: 2em;
		padding-right: 2em;
	}
	#detailVeranstaltung div:first-child {
		padding-left: 1em;
		padding-right: 3em;
	}
	#detailVeranstaltung div:last-child {
		padding-right: 1em;
		padding-left: 3em;
	}
	#detailVeranstaltung div input[type="button"], #detailVeranstaltung div button {
		padding: 4px 13px 4px 13px;
	}
	/* END *** Veranstaltungen Detail *** */

	/* START *** Partner Detail *** */
	#detailPartner .imgDesc {
		border-top: 1px solid #e6e6e6;
		position: relative;
		width: 100%;
	}
		#detailPartner .imgDesc.discount {
			font-size: 3em;
			line-height: 1.2em;
		}
		#detailPartner .imgDesc.preview .section .grid > div {
			border: 1px solid #e6e6e6;
/*			padding-top: 0.2em;
			padding-bottom: 0.2em;*/
		}
		#detailPartner .imgDesc.preview .section img {
			max-height: 100%;
			width: 100%;
			cursor: pointer;
		}
	/* END *** Partner Detail *** */

	/* START *** Big Container *** */
	.contentArea#containerPanel .bgVodafone {
		background-image: url('/img/bgVodafone.png');
		background-repeat: no-repeat;
		background-position: left top;
		min-height: 390px;
	}
	.contentArea#containerPanel .bgReisen {
		background-image: url('/img/reise/reisenBig.jpg');
		background-repeat: no-repeat;
		background-position: left top;
		min-height: 720px;
	}
	/* END *** Big Container *** */

	/* START *** Merkzettel *** */
		/* START *** Merkzettel My Style *** */
		.myStyleConTop {
			background-image: url('/img/bgContMyStyle.png');
			background-repeat: no-repeat;
			background-position: 2.5em 0;
			min-height: 150px;
		}
			.myStyleConTop .myStyleInfo {
				height: 150px;
			}
		.notepad > div {
			border-left: 1px solid #e9e6df;
			box-sizing: border-box;
			padding: 0 0.5em 0 1.5em;
		}
		.notepad > div:first-of-type {
			border-left: 0;
		}
			.notepad .containerOutfit .outfitImg {
				height: 200px;
				text-align: center;
			}
				.notepad .containerOutfit .outfitImg img {
					max-width: 100%;
					max-height: 100%;
				}
			.notepad .containerOutfit span.iconPlus,
			.notepad .containerOutfit span.iconX {
				background-repeat: no-repeat;
				background-position: 0 0;
				height: 18px;
				width: 18px;
				float: left;
			}
			.notepad .containerOutfit span.iconPlus {
				background-image: url('/img/iconPlus.gif');
			}
			.notepad .containerOutfit span.iconX {
				background-image: url('/img/iconX.gif');
			}
		/* END *** Merkzettel My Style *** */
	/* END *** Merkzettel *** */

	/* START *** Artikel allgemein *** */
	.articleHoverPopup {
		position: absolute;
		/*height: 500px;*/
		width: 286px;
		background-color: #fff;
		top: -50%;
		left: -41px;
		box-sizing: border-box;
		/*border: 1px solid #d4d4d4;*/
		border: 2px solid blueviolet;
		z-index: 10;
		/*display: none;*/
	}
        .articleHoverPopup:hover {
            display: block;
            border: 2px solid orangered;
        }
	.minisliderPopup {
		position: absolute;
		/*height: 500px;*/
		width: 286px;
		background-color: #fff;
		top: -17%;
		left: -10px;
		box-sizing: border-box;
		border: 1px solid #d4d4d4;
		z-index: 10;
	}
		.articleHoverPopup .minislider {
			height: 200px;
		}
			.articleHoverPopup .minislider img {
				max-height: 100%;
				max-width: 100%;
			}

		/* START *** Merkzettel *** */
		.notepad .containerOutfit .outfitImg .articleHoverPopup .remove {
			border-bottom: 1px solid #d4d4d4;
			padding: 1em;
			text-transform: uppercase;
		}
		.notepad .containerOutfit .outfitImg .articleHoverPopup .alike {
			border-top: 1px solid #d4d4d4;
		}
		/* END *** Merkzettel *** */

	.chooseProviderBoxHoverPopup {
		position: absolute;
		z-index: 100000;
		top: -5px;
		left: 0;
		width: 235px;
	}
		.chooseProviderBoxHoverPopup .deviceInnerHover {
			background-color: #fff;
/*			border: 1px solid #d3d3d3;*/
			position: relative;
			z-index: 9999;
			padding: 0.5em 1em;
		}
		.chooseProviderBoxHoverPopup .deviceInnerHoverClose {
			display: none;
			text-align: right;
			color: #fff;
			cursor: pointer;
			z-index: 9999;
			position: absolute;
			text-transform: uppercase;
			font-size: 0.8em;
			line-height: 2em;
			right: 0;
			top: -25px;
		}

	#mainOverlay .chooseProviderBoxHoverPopup {
		display: block;
		position: relative;
		top: 0;
		width: auto;
	}
	#mainOverlay .chooseProviderBoxHoverPopup[style] {
		display: block !important;
		left: 0 !important;
	}
		.chooseProviderBoxHoverPopup .checkIt {
			display: none;
		}
		.chooseProviderBoxHoverPopup .checkIt label > .checkAccessory + span {
			display: none;
		}
		.chooseProviderBoxHoverPopup .articleImg {
			height: 180px;
		}
			.chooseProviderBoxHoverPopup .articleImg img {
				max-height: 100%;
				max-width: 100%;
				width: auto;
				height: auto;
				cursor: pointer;
			}
	/* END *** Artikel allgemein *** */

	/* START *** Dropdown Box *** */
	.dropDownBox {
		margin-top: 2em;
		margin-bottom: 0.5em;
		position: relative;
		clear: both;
	}
		.dropDownBox > div.checkboxAdoptData {
			background-color: #fff;
		}
	.dropDownBox > div.title,
	.boxSepDotted {
		position: relative;
		cursor: pointer;
		border-bottom: 1px dotted #787878;
	}
		.dropDownBox > div.title {
			font-size: 2.1em;
			font-size: 1.9em\0;
			line-height: 1.2em;
			font-family: 'Raleway', 'Open Sans', Verdana, sans-serif;
			font-weight: 300;
		}
			.dropDownBox > div > span.headline {
				background-color: #fff;
				display: inline-block;
				margin-bottom: -0.25em;
			}
			.dropDownBox.smallerHeadline > div > span.headline {
				font-size: 0.7em;
				padding-left: 1.5em !important;
			}
			.dropDownBox > div.special,
			.dropDownBox > div > span.headline.headlineRight {
				background-color: #fff;
				right: 0;
				position: absolute;
			}
			.dropDownBox > div > span.headline.headlineRightSL {
				background-color: #fff;
				position: absolute;
				font-size: 0.6em;
			}
			.dropDownBox > div.special {
				top: 0;
			}
			.dropDownBox > div > span.headline.headlineRight,
			.dropDownBox > div > span.headline.headlineRightSL {
				bottom: -1px;
			}
				.dropDownBox > div > span.headline.headlineRight > .short {
					white-space: nowrap;
					max-width: 480px;
					overflow: hidden;
					text-overflow: ellipsis;
					display: inline-block;
				}

			.dropDownBox > div.special {
				font-family: 'Raleway', 'Open Sans', Verdana, sans-serif;
				z-index: 10;
			}
			.dropDownBox > div.special.checkboxAdoptData {
				width: 235px;
			}
				.dropDownBox > div.special.checkboxAdoptData label > span {
					float: left;
					margin: 1em 1em 0;
				}
			.boxSepDotted > .leftPart {
				background-color: #fff;
				display: inline-block;
				padding-right: 0.5em;
				position: relative;
				bottom: -1px;
			}
			.boxSepDotted > .rightPart {
				background-color: #fff;
				right: 0;
				bottom: -1px;
				position: absolute;
				padding-left: 0.5em;
			}
	.dropDownBox .window {
		margin-top: 2em;
		display: none;
	}
	.dropDownBox.open .window {
		display: block;
	}
		.dropDownBox .window input,
		.dropDownBox .window select,
		.dropDownBoxSimple .window input,
		.dropDownBoxSimple .window select,
		#desiredTravel input,
		#desiredTravel select,
		#mainOverlay input,
		#mainOverlay select,
		#mainOverlay textarea,
		.formStyle input,
		.formStyle select {
			margin-bottom: 0.5em;
		}

.dropDownBoxSimple {
}

		.dropDownBoxSimple .title {
			text-transform: uppercase;
			text-align: center;
			position: relative;
			font-family: 'Raleway', 'Open Sans', Verdana, sans-serif;
			font-size: 1.5em;
			line-height: 2em;
			font-weight: 300;
			padding: 0 1em;
		}
		.dropDownBoxSimple.titleLeft .title {
			text-align: left;
		}
			.dropDownBoxSimple .title > span.mpIcon {
				position: absolute;
				right: 0;
				top: 0.4em;
			}
		.dropDownBoxSimple .window {
			display: none;
		}
	/* END *** Dropdown Box *** */

	/* START *** Checkout *** */
	.checkoutSpeedBar {
		margin-top: 16px;
	}
	.checkoutSpeedBar > div > div.speedButton {
		padding-top: 2em;
		padding-bottom: 2em;
		background-color: #FAFAFA;
	}
	.checkoutSpeedBar > div.active > div.speedButton {
		background-color: #c4b8a9;
		color: #fff;
	}
	.checkoutSpeedBar > div > div.arrow:after {
		right: 0;
		border-top: 9px solid transparent;
		border-bottom: 10px solid transparent;
		top: 50%;
		z-index: 1;
		margin-top: -9px;
	}
	.checkoutSpeedBar > div > div.arrow:after {
		border-left: 9px solid #FAFAFA;
	}
	.checkoutSpeedBar > div.active > div.arrow:after {
		border-left: 9px solid #c4b8a9;
	}

	.checkoutProductTable {
		width: 100%;
		border-collapse: collapse;
	}

.checkoutProductTable .col {
    float: left;
}

.checkoutProductTable .col1 {
    width: 116px;
}

.checkoutProductTable .col2 {
    width: 594px;
}

.checkoutProductTable .col3 {
    width: 95px;
}

.checkoutProductTable .col4 {
    width: 175px;
}

.checkoutProductTable .col1u2 {
    width: 710px;
}

.checkoutProductTable .col1u2u3 {
    width: 805px;
}

.checkoutProductTable .col2u3 {
    width: 689px;
}

.checkoutProductTable .col2u3u4 {
    width: 864px;
}

.checkoutProductTable .col3u4 {
    width: 270px;
}

.checkoutProductTable.columns3 .col2 {
    width: 570px;
}

.checkoutProductTable.columns3 .col3 {
    width: 288px;
}

.checkoutProductTable.columns3 .col1u2 {
    width: 686px;
}

.checkoutProductTable.columns3 .col1u2u3 {
    width: 100%;
}

.checkoutProductTable.columns3 .col2u3 {
    width: 858px;
}

		.checkoutProductTable > .tblHeader {
			font-size: 0.8em;
			font-weight: 600;
			padding: 16px 0;
			border-bottom: 1px solid #dddddd;
		}
		.checkoutProductTable .line {
			border-top: 1px solid #dddddd;
			padding: 1.45em 0;
		}
		.checkoutProductTable .line:first-child {
			border-top: 0;
		}
		.checkoutProductTable .tblFooter {
			border-top: 1px solid #dddddd;
			padding: 16px 0;
		}
			.checkoutProductTable .line .col1 img {
				width: 100px;
			}
				.checkoutProductTable .variants span {
					margin-right: 32px;
				}
			.checkoutProductTable .col select {
				width: 65px;
				text-align: center;
			}
				.checkoutProductTable.additionalProducts .col.arrow {
					position: relative;
				}
				.checkoutProductTable.additionalProducts .col.arrow:after {
					right: 0;
					border-top: 9px solid transparent;
					border-bottom: 10px solid transparent;
					border-left-style: solid;
					border-left-width: 9px;
					top: 50%;
					z-index: 1;
					margin-right: -8px;
					margin-top: -9px;

				}
				.checkoutProductTable.additionalProducts .col.bgColorFAFAFA.arrow:after {
					border-left-color: #fafafa;
				}
				.checkoutProductTable.additionalProducts .col.bgColorTuerkis.arrow:after {
					border-left-color: #92d1d9;
				}
	.checkoutConAdvantage {
		background-color: #D7DC44;
		color: #fff;
		font-size: 1.3em;
		line-height: 1.2em;
		overflow: hidden;
		height: 75px;
	}
		.checkoutConAdvantage .first {
			width: 33%;
			float: left;
			padding: 1.5em 0 0 1em;
		}
		.checkoutConAdvantage .second {
			width: 33%;
			position: relative;
		}
			.checkoutConAdvantage .second .discountArea {
				color: #787878;
				background-color: #fff;
				border-radius: 50%;
				margin-top: -0.5em;
				height: 90px;
				width: 90px;
				text-align: center;
				padding-top: 1.2em;
				position: absolute;
				right: 0;
				top: 0;
			}
		.checkoutConAdvantage .third {
			width: 67%;
			float: left;
			padding: 1.5em 1em 1.5em 0;
			text-align: right;
		}
		.additionalProducts {
			margin-top: 1em;
		}
			.additionalProducts .title {
				font-weight: 600;
				padding-top: 2.3em;
				padding-left: 1em;
				height: 100px;
			}
			.additionalProducts .info {
				padding-top: 1.2em;
				height: 100px;
			}
				.checkoutConShipping .info .fontSmaller {
					font-size: 0.8em;
					line-height: 1.2em;
				}
			.additionalProducts .amount {
				text-align: right;
				font-size: 2em;
				line-height: 1.2em;
				padding-top: 1em;
			}
	.checkoutConGratis .image {
		padding-top: 1.8em;
		padding-left: 1.5em;
		height: 115px;
	}
	.checkoutConGratis .description {
		height: 115px;
		padding-top: 1.8em;
	}
		.checkoutConGratis .description .headline {
			font-size: 1.3em;
			line-height: 1.2em;
		}
		.checkoutConGratis .description .text {
			margin-top: 0.7em;
			font-size: 0.9em;
			line-height: 1.2em;
		}
	.checkoutConAdrBlock {
		padding: 2em;
		background-color: #FAFAFA;
		font-size: 0.9em;
		line-height: 1.8em;
	}
	.checkoutConInfo .title {
		font-size: 1.1em;
		line-height: 1.2em;
	}
	.checkoutConInfo .info {
		font-size: 0.9em;
		line-height: 1.6em;
		margin-top: 0.7em;
	}
	/* END *** Checkout *** */

	/* START *** Container Image Grid Slider *** */
.containerImgGridSlider {
}

		.containerImgGridSlider .grid h4, .containerTitle {
			text-transform: uppercase;
			font-size: 2em;
			line-height: 1em;
			font-weight: 300;
			margin-bottom: 16px;
		}
		.containerImgGridSlider .grid ul {
			margin: 2px 0 0 0;
		}
			.containerImgGridSlider .grid li {
				display: inline-block;
			}
			.containerImgGridSlider .grid li + li:before {
				content: "| ";
				font-size: 0.7em;
				vertical-align: top;
			}
		.containerImgGridSlider .slider {
			margin-top: 16px;
		}
	/* END *** Container Image Grid Slider *** */

	/* START *** Katalog Artikel Item *** */
	.catalogArticleItem {
		text-align: left;
		position: relative;
		height: 295px;
        padding: 0px 5px;
	}
	#hScroll_desiredDeviceContent .catalogArticleItem, #hScroll_desiredDeviceCCContent .catalogArticleItem {
		height: 255px;
	}
            .articleItemPanel .grid {
                padding: 0 5px;
            }
		.catalogArticleItem .image {
			overflow: hidden;
			height: 180px;
			text-align: center;
		}
			.catalogArticleItem .image img {
				max-height: 170px;
				max-width: 170px;
			}
		.catalogArticleItem .description {
			/*height: 80px;*/
		}
		#hScroll_desiredDeviceContent .catalogArticleItem .description, #hScroll_desiredDeviceCCContent .catalogArticleItem .description {
			/*height: 70px;*/
			position: absolute;
			bottom: 0;
			width: 215px;
            margin: 0px 5px 5px 5px;
		}
			.catalogArticleItem .title {
				height: 35px;
				overflow: hidden;
			}
			.catalogArticleItem .prices {
				position: relative;
				height: 35px;
			}
			#hScroll_desiredDeviceContent .catalogArticleItem .prices, #hScroll_desiredDeviceCCContent .catalogArticleItem .prices {
				height: 35px;
			}
				.catalogArticleItem .prices .now {
/*					font-size: 1.3em;
					line-height: 1em;*/
					width: 115px;
					position: absolute;
					left: 0;
					bottom: 5px;
				}
				.catalogArticleItem .prices .msrp {
					font-size: 0.8em;
					padding-bottom: 10px;
				}
				.catalogArticleItem .prices .off,
				.catalogArticleItem .prices .infoCorner {
					background: transparent url('/img/general/sprite.png') no-repeat -966px -803px;
					bottom: 0;
					right: -3px;
					position: absolute;
					width: 98px;
					height: 43px;
					box-sizing: border-box;
				}
					.catalogArticleItem .prices .off {
						right: 10px;
						padding-top: 1.25em;
						padding-right: 0.75em;
						text-align: right;
						font-size: 1.1em;
					}
					.catalogArticleItem .prices .infoCorner {
						float: right;
					}
						.catalogArticleItem .prices .infoCorner > span.text {
							bottom: 0.75em;
							right: 1em;
							display: inline-block;
							font-size: 0.7em;
							line-height: 1.3em;
							position: absolute;
							text-align: center;
							text-transform: uppercase;
							width: 65px;
						}
		.catalogArticleItem .marker {
                    position: absolute;
                    top: 18px;
                    right: 37px;
                    width: 30px;
                    height: 30px;
		}
                .soldout {
                    opacity: 0.5 !important;
                }

                #articleDetails .marker {
                    top: 2.5em;
                    right: 4.5em;
                }
	/* END *** Katalog Artikel Item *** */

	/* START *** Meine Bestellungen *** */
	.ordersHeader > div,
	.returnsHeader > div {
		padding-top: 1.5em;
	}
	.ordersHeader > div:first-child,
	.returnsHeader > div:first-child {
		padding-top: 1.5em;
		padding-left: 1em;
	}
	.ordersHeader .stati .status {
		margin-right: 1em;
	}
	.returnsHeader .toggleArrow {
		position: absolute;
		right: 0;
		top: 0;
	}
	.myOrders,
	.myReturns {
		display: none;
	}
		.myOrders .orderListItem > div,
		.myReturns .returnsListItem > div {
			padding-top: 1.5em;
			padding-bottom: 1.5em;
			border-top: 1px solid #e5e5e5;
		}
		.myOrders .orderListItem:first-child > div,
		.myReturns .returnsListItem:first-child > div {
			border-top: none;
		}
		.myOrders .orderListItem .gutterBorder10px,
		.myReturns .returnsListItem .gutterBorder10px {
			border-left: 10px solid transparent;
		}
		.myOrders .orderListItem .title {
			margin-bottom: 0.4em;
			font-weight: bold;
			font-size: 1.1em;
			line-height: 1.2em;
		}
	.ordersSearchArea {
		text-align: right;
	}
	/* END *** Meine Bestellungen *** */

	/* START *** Artikelliste *** */
	.articleListPrice {
		background-image: url('/img/artikellistshadow.png');
		background-repeat: no-repeat;
                width: 98px;
                height: 48px;
	}
        .articleHoverColors > div {
            height: 1.8em;
        }
        #sliderRangePreisFilter span {
            background-color: #c4b8a9;
        }
	/* END *** Artikelliste *** */

	/* START *** Vodafone *** */
	.providerSpeedBar.borderTop {
		border-top: 1px solid #d9d9d9;
		padding-top: 3em;
	}
	.providerSpeedBar.borderBottom {
		border-bottom: 1px solid #d9d9d9;
		padding-bottom: 3em;
	}
		.providerSpeedBar > div {
			padding-left: 2.7em;
			font-size: 1.1em;
			line-height: 1.4em;
		}
		.providerSpeedBar > div > .speedbarCounter {
			background-color: #fff;
			border: 1px solid #c2c2c2;
			border-radius: 50%;
			display: inline-block;
			width: 1.5em;
			height: 1.5em;
			text-align: center;
			position: absolute;
			left: 0;
			top: 0;
			box-sizing: border-box;
			padding-left: 2px;
			z-index: 1;
		}
		.providerSpeedBar > div.active > span.speedbarCounter {
			background-color: #787878;
			border-color: #787878;
			color: #fff;
		}
	.providerHeadline {
		font-size: 3.2em;
		font-size: 2.8em\0;
	}
		.providerHeadline > span:first-child {
			padding-top: 0.3em;
		}
		.providerHeadline > span {
			background-color: #FAFAFA;
			color: #fff;
		padding: 0.2em 0.5em;
		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
		display: inline;
		color: #fff;
	}
.providerHeadlineBlack {
			font-size: 2.8em;
			color: #000;
		}
	#chooseContractType .containerChooseContractType {
		min-height: 65px;
		position: relative;
	}
		#chooseContractType .containerChooseContractType label > span.provIcon {
			position: absolute;
			top: 50%;
			margin-left: 1em;
		}
		#chooseContractType .containerChooseContractType label > span.mpIcon.viPhoneSimDG {
			margin-top: -32px;
		}
		#chooseContractType .containerChooseContractType label > span.provIcon.viSimOnlyDG {
			margin-top: -20px;
		}

	.containerChooseArticle.checked {
        height: 255px;
	}
	.containerChooseArticle .viCheckR {
		display: none;
	}
	.containerChooseArticle.checked .viCheckR {
		display: block;
		position: absolute;
		top: 0;
		right: 1em;
	}
	/*.containerHorScroll .containerChooseArticle,*/
	.containerChooseArticle,
	#hScroll_chosenAccessories .choice,
	.containerHorScroll .overview .iconListItem,
	.containerHorScroll .overview .tarifwahl,
	.containerHorScroll .overview .speicherwahl {
		display: inline-block;
	}
	.containerChooseArticle,
	#hScroll_chosenAccessories .choice {
		width: 229px;
	}
	.containerHorScroll .overview .tarifwahl,
	.containerHorScroll .overview .speicherwahl {
		width: 200px;
		margin-left: 1em;
	}
	.containerHorScroll .overview .tarifwahl:first-of-type,
	.containerHorScroll .overview .speicherwahl:first-of-type {
		margin-left: 0;
	}

.containerHorScroll .overview .tarifwahl {
    width: 200px;
}

.containerHorScroll .overview .speicherwahl {
    width: 100px;
}

	/*.containerHorScroll .containerChooseArticle {*/
	.containerChooseArticle {
		margin-right: 16px;
		font-size: 13px;
		vertical-align: top;
	}
	.containerChooseArticle:first-child {
		margin-left: 0;
	}
		/*.containerHorScroll .containerChooseArticle div {*/
		.containerChooseArticle div {
			white-space: normal;
		}
	#chooseDesiredDevice .viewport[style] {
		height: 270px !important;
	}
	#chooseTarifTerms .viewport[style] {
    height: 310px !important;
	}

	.containerHorScroll .arrowPrev,
	.containerHorScroll .arrowNext {
		position: absolute;
		top: 50%;
		margin-top: -30px;
		cursor: pointer;
		display: none;
	}
	.containerHorScroll.showArrows .arrowPrev,
	.containerHorScroll.showArrows .arrowNext {
		display: block;
	}
	.containerHorScroll .arrowPrev {
		left: -50px;
	}
	.containerHorScroll .arrowNext {
		right: -50px;
	}
	.containerHorScroll div.overview {
		white-space: nowrap;
	}
	.containerHorScroll div.overview * {
		white-space: normal;
	}

	#hScroll_nonFreeAccessories .viewport[style],
	#hScroll_freeAccessories .viewport[style] {
		height: 260px !important;
	}
	#chooseDesiredDevice .containerHorScroll,
	#chooseTarifTerms .containerHorScroll {
		font-size: 0;
	}
	#chooseDesiredDevice .innerPreloader,
	#chooseTarifTerms .innerPreloader {
		font-size: 13px!important;
	}
	#chooseDesiredDevice .chooseDesiredDevice {
		font-size: 13px;
        background-color: #fff;
	}
	#chooseDesiredDevice .chooseDesiredDevice button {
		background-color: #fafafa;
		color: #787878;
	}
		#chooseDesiredDevice .chooseDesiredDevice button:hover {
			color: #fff;
		}
	#chooseTarifTerms .containerChooseTarif {
		border: 1px solid #e6e6e6;
		margin-left: 15px;
		width: 184px;
		text-align: center;
		box-sizing: border-box;
		display: inline-block;
		padding-top: 2em;
		cursor: pointer;
		vertical-align: top;
		white-space: normal;
		font-size: 13px;
	}
		#chooseTarifTerms .viewport {
			padding-bottom: 0.75em;
		}
		#chooseTarifTerms .containerChooseTarif:first-child {
			margin-left: 0;
		}
		#chooseTarifTerms .containerChooseTarif.active,
		#chooseTarifTerms .containerChooseTarif:hover {
			border-color: #787878;
			position: relative;
			color: #787878;
		}
		#chooseTarifTerms .containerChooseTarif a {
			text-decoration: underline;
		}
		#chooseTarifTerms .containerChooseTarif a:hover {
			color: inherit;
		}
		#chooseTarifTerms .containerChooseTarif.active:before,
		#chooseTarifTerms .containerChooseTarif.active:after {
			left: 0;
			right: 0;
			margin: auto;
		}
		#chooseTarifTerms .containerChooseTarif.active:before {
			border-top: 7px solid white;
			border-left: 8px solid transparent;
			border-right: 9px solid transparent;
			bottom: -7px;
			z-index: 2;
		}
		#chooseTarifTerms .containerChooseTarif.active:after {
			border-top: 9px solid #787878;
			border-left: 9px solid transparent;
			border-right: 10px solid transparent;
			bottom: -9px;
			z-index: 1;
		}
		#chooseTarifTerms .containerChooseTarif .iconArea {
			height: 70px;
		}
		#chooseTarifTerms .containerChooseTarif .desc {
		    height: 200px;
			padding: 0 0.5em;
		}
			#chooseTarifTerms .containerChooseTarif .desc .tarifBez {
				min-height: 35px;
			}
                #chooseTarifTerms .newTarifBandage {
                    background-image: url('/img/neuer_tarif_badge.png');
                    background-repeat: no-repeat;
                }
	.productListUl li:first-child {
		padding-top: 2em;
	}

	#contChosenAccessories .chosenAccessories {
		position: relative;
		width: 100%;
	}
		#contChosenAccessories .containerGroup .choices {
			width: 85%;
			height: 100px;
			background-color: #fafafa;
		}
			#contChosenAccessories .containerGroup .choices .areaWithoutCosts,
			#contChosenAccessories .containerGroup .choices .areaWithCosts {
				display: none;
				vertical-align: top;
				margin-top: 1em;
				white-space: nowrap;
			}
			#contChosenAccessories .containerGroup .choices .areaWithoutCosts *,
			#contChosenAccessories .containerGroup .choices .areaWithCosts * {
				white-space: nowrap;
			}
			#contChosenAccessories .containerGroup .choices .theChoice,
			#contChosenAccessories .containerGroup .choices .choice {
				display: inline-block;
			}
				#contChosenAccessories .containerGroup .choices .areaWithoutCosts > .iconArea,
				#contChosenAccessories .containerGroup .choices .areaWithCosts > .iconArea {
					position: relative;
					display: inline-block;
					height: 69px;
					width: 50px;
					margin-left: 1em;
				}
					#contChosenAccessories .containerGroup .choices .areaWithoutCosts > .iconArea > span.mpIcon,
					#contChosenAccessories .containerGroup .choices .areaWithCosts > .iconArea > span.mpIcon {
						position: absolute;
						top: 17px;
					}
			#contChosenAccessories .containerGroup .choices .choice {
				width: 200px;
			}
				#contChosenAccessories .containerGroup .choices .choice > div {
					height: 66px;
				}
				#contChosenAccessories .containerGroup .choices .choice .image {
					float: left;
					width: 66px;
					background-color: #fff;
					position: relative;
					/*margin-right: 0.5em;*/
				}
					#contChosenAccessories .containerGroup .choices .choice .image img {
						position: absolute;
						top: 0;
						right: 0;
						bottom: 0;
						left: 0;
						margin: auto;
					}
				#contChosenAccessories .containerGroup .choices .choice .content {
					float: right;
					width: 124px;
					position: relative;
					line-height: 1.2em;
					white-space: normal;
					box-sizing: border-box;
					padding-right: 0.5em;
				}
					#contChosenAccessories .containerGroup .choices .choice .content p:first-child {
						height: 48px;
						overflow: hidden;
					}
					#contChosenAccessories .containerGroup .choices .choice .content .delete {
						position: absolute;
						bottom: 0;
						left: 0;
					}
		#contChosenAccessories .containerGroup .price {
			background-color: #fff;
			width: 15%;
			height: 100px;
			position: absolute;
			top: 0;
			right: 0;
			text-align: right;
		}
		#contChosenAccessories .containerGroup .price:before {
			border-bottom: 10px solid transparent;
			border-left: 10px solid #fafafa;
			border-top: 10px solid transparent;
			margin: auto;
			top: 0;
			bottom: 0;
			left: -1px;
			z-index: 1;
		}
			#contChosenAccessories .containerGroup .price > span {
				background-color: white;
				font-size: 1.5em;
				left: 0;
				line-height: 1.2em;
				margin: auto;
				position: absolute;
				right: 0;
				top: 40%;
				bottom: 0;
			}

	#chooseNvav.showBorder {
		border: 2px dashed #e60000;
		padding: 0.5em;
	}

	.containerCalculation {
		font-size: 1.1em;
		line-height: 1.2em;
		text-align: center;
		background-color: #fafafa;
		margin-top: 3em;
	}
	.containerCalculation.section > .grid {
		border-left: 1px dotted #c2c2c2;
	}
	.containerCalculation.section > .grid:first-child {
		border-left: none;
	}
	.containerCalculation .iconArea {
		position: relative;
		height: 87px;
		margin-bottom: 1.5em;
	}
		.containerCalculation .iconArea span.provIcon,
		.containerCalculation .iconArea span.mpIcon {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			margin-left: auto;
			margin-right: auto;
		}
	.containerCalculation a {
		text-decoration: underline;
	}
	.containerCalculation span.viEqualitySign,
	.containerCalculation span.viPlusSign {
		position: absolute;
		top: 50%;
		left: 0;
	}
	.containerCalculation span.viPlusSign {
		margin-left: -11px;
		margin-top: -10px;
	}
	.containerCalculation span.viEqualitySign {
		margin-left: -10px;
		margin-top: -6px;
	}
	.containerCalculation .singlePrice {
		border-bottom: 1px dotted #c2c2c2;
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}
		.containerCalculation .singlePrice .price {
			font-size: 2.5em;
			line-height: 1.3em;
		}
			.containerCalculation .singlePrice .price > sup {
				font-size: 0.6em;
			}
	.containerCalculation .allRoundPrice {
		padding-top: 1em;
		padding-bottom: 1em;
	}
		.containerCalculation .allRoundPrice .priceMtl {
			font-size: 1.9em;
			line-height: 1.3em;
		}
			.containerCalculation .allRoundPrice .priceMtl > sup {
				font-size: 0.55em;
			}
	.containerTarif > .head,
	.containerTarif > .body,
	.providerArticelItem > .head,
	.providerArticelItem > .body {
		overflow: hidden;
	}
	.containerTarif > .body,
	.providerArticelItem > .body {
		text-align: left;
	}
		.containerTarif > .head {
			background-color: #787878;
			color: #fff;
			text-align: center;
			padding: 0.75em;
		}
		.containerTarif > .body {
			border: 1px solid #bebebe;
			border-top: none;
			padding: 1em 0 1.5em 0;
			position: relative;
		}

.containerTarif.containerTarifuebersicht > .body {
}

.containerTarif.containerTarifuebersicht > .body .overflowHidden {
}

	.providerArticelItem {
		width: 317px;
	}
		.providerArticelItem > .head {
			height: 60px;
			background-color: #FAFAFA;
			color: #fff;
			text-align: center;
			padding-top: 0.6em;
		}
		.providerArticelItem > .body {
			/*height: 510px;*/
			background-color: #f3f2ee;
			padding: 1em 0;
			position: relative;
		}
			.providerArticelItem > .body > .img,
			.containerTarif > .body > .img {
				text-align: center;
				position: relative;
				padding-right: 2em;
				padding-bottom: 1em;
				padding-left: 2em;
				margin-bottom: 1em;
				margin-top: 1em;
			}
			.providerArticelItem > .body > .description,
			.containerTarif > .body > .description {
				/*height: 185px;*/
				overflow: hidden;
				margin-bottom: 0.5em;
				padding-left: 2em;
				padding-right: 2em;
			}
			.providerArticelItem > .body > .footer,
			.containerTarif > .body > .footer {
				text-align: center;
				padding: 0 1em;
			}
			.providerArticelItem > .body > .footer.reposition,
			.containerTarif > .body > .footer.reposition {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				margin: 0 auto;
				width: 100%;
			}
			.containerTarif > .body > .footer {
				padding-top: 1em;
				padding-bottom: 1em;
			}
	/* END *** Vodafone *** */

	/* START *** Designer Brandings *** */
	#containerPanel.contentArea h5.designerHeadline {
		line-height: 1em;
		font-size: 6em;
		margin-bottom: 0.2em;
		font-weight: 100;
	}
	/* END *** Designer Brandings *** */

	/* START *** Construct Icon List *** */
	.iconListItem {
		overflow: hidden;
	}
	.iconListItem.active {
		color: #92d1d9;
	}
		.iconListItem .icon {
			width: 23%;
		}
		.iconListItem .icon .size32 {
			display: none;
		}
		.iconListItem .details {
			width: 77%;
			text-transform: uppercase;
		}
			.iconListItem .details .title {
				font-family: 'Raleway', 'Open Sans', Verdana, sans-serif;
				font-size: 1.9em;
				line-height: 1.1em;
				margin-top: 0.5em!important;
			}
			.iconListItem .details .links {
				overflow: hidden;
				font-size: 0.85em;
				line-height: 1.5em;
			}
				.iconListItem .details .links ul {
	/*				position: relative;
					left: -8px;*/
				}
					.iconListItem .details .links ul li {
						display: inline-block;
					}
					.iconListItem .details .links ul li:before {
						content: "| ";
						font-size: 0.7em;
						vertical-align: top;
					}
					.iconListItem .details .links ul li:first-child:before {
						content: "";
					}
						.iconListItem .details .links ul li a {
						}
	/* END *** Construct Icon List *** */

/* END *** Container Panel *** */

/* START *** Overlay *** */
html.noscroll{
    /*position:fixed;*/
    overflow:hidden;
    /*left: 0;*/
    /*right: 0;*/
}
#mainOverlay,
#mainOverlayQCP,
#mainOverlayEmpty,
.popupArea {
	zoom: 1!important;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	/*height: 100%;*/
	display: none;
}
#openDetailGallery {
	zoom: auto !important;
	overflow: scroll;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
#mainOverlay,
.popupArea {
    overflow-y: auto;
}
#mainOverlay,
#openDetailGallery,
#mainOverlayEmpty,
.popupArea {
	background: rgba(89,89,89,0.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#B2595959', EndColorStr='#B2595959')";
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#B2595959', EndColorStr='#B2595959');
	z-index: 100001;
}
#mainOverlayQCP {
	z-index: 4;
}
	#mainOverlay .container,
	.popupArea > div {
		margin: 3em auto;
		max-width: 600px;
	}
/*	.popupArea > .container {
		width: 850px;
	}*/
        #openDetailGallery .container {
		margin: 0 auto;
		width: 74em;
		min-height: 20em;
		position: relative;
		top: 200px;
		padding-bottom: 15em;
	}
		#mainOverlay .container .top,
		#openDetailGallery .container .top,
		.popupArea .container .close {
			padding-bottom: 8px;
		}
		.popupArea .container .close {
			text-align: right;
			color: white;
			text-transform: uppercase;
			font-size: 0.9em;
		}
			.popupArea .container .close > .link {
				cursor: pointer;
			}
		#mainOverlay .container .main,
		#openDetailGallery .container .main,
		.popupArea .container .main {
			padding: 38px;
			display: none;
		}

		.popupArea,
		.popupArea .container .main {
			display: block;
		}

        #openDetailGallery .container .main {
			padding: 15px 20px 30px 20px;
			display: none;
			min-height: 25em;
		}
			#mainOverlay .container .main .title,
			#openDetailGallery .container .main .title {
				font-family: 'Raleway', 'Open Sans', Verdana, sans-serif;
				line-height: 25px;
				margin-bottom: 20px;
				font-size: 25px;
				text-transform: uppercase;
			}
			#mainOverlay .container .main #faq {
				font-size: 20px;
			}
			#mainOverlay .container .main .faq {
				padding: 3px 13px 3px;
			}

#mainOverlay .container .main .content {
}

		#mainOverlay .container .wait ,
        #openDetailGallery .container .wait{
			padding: 38px;
		}
		#mainOverlay .container .overlayKontaktRightColumn textarea {
			height: 110px;
		}

#overlayFAQ {
	max-height: 300px;
}
.overlayFAQ .mainAccordion .ui-accordion-header {
	background: none !important;
	border: none;
	border-radius: 0;
	color: inherit;
	margin: 0;
	padding: 0 0 0 22px;
	text-transform: uppercase;
	line-height: 30px;
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 16px;
}
.overlayFAQ .mainAccordion .ui-accordion-header.ui-state-active {
	color: #92d1d9;
	font-weight: bold;
}
.overlayFAQ .mainAccordion .ui-accordion-header-icon {
	background-color: transparent;
	background-image: url('/img/general/sprite.png');
	background-repeat: no-repeat;
	background-position: -296px -292px;
	margin-top: -7px !important;
	left: 0 !important;
}
.overlayFAQ .mainAccordion .ui-accordion-header-active .ui-accordion-header-icon {
	background-position: -296px -321px;
}
.overlayFAQ .mainAccordion .ui-accordion-header-active.ui-state-active .ui-accordion-header-icon {
	background-position: -264px -321px;
}
.overlayFAQ .mainAccordion .ui-accordion-content {
	border: 0;
	color: inherit;
	padding: 0 0 10px 22px;
	font-size: 12px;
	font-family: 'Open Sans', Verdana, sans-serif;
	line-height: 20px;
}
.overlayFAQ .subAccordion .ui-accordion-header {
	text-transform: none;
	font-size: 12px;
	line-height: 25px;
}
.overlayFAQ hr {
	margin: 22px 0 16px;
}
.overlayFAQ h4 {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 30px;
}
.overlayFAQ p {
	font-size: 12px;
	line-height: 20px;
}
.overlayFAQ .newQuestion {
	position: relative;
}
.overlayFAQ .newQuestion textarea {
	width: 350px;
	height: 70px;
	font-size: 13px;
}
.overlayFAQ .newQuestion .button {
	bottom: 0;
	position: absolute;
	right: 0;
	width: 160px;
}
.overlayFAQ .nano-content {
	padding-right: 20px;
}
#mainOverlay #desiredTravel {
    font-size: 0.9em;
}
	#mainOverlay #desiredTravel .travelQuestions {
		background-color: #f0f0f0;
		margin: 2em -38px -38px -38px;
		padding: 2em 38px 1em;
		display: none;
	}
#overlay {
	background-color: #000;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0.7;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 7999; /* Mainnav 8999 */
}
#overlay div {

}
/* END *** Overlay *** */

/* START *** Slider Hover Effekt *** */
.naviMiniImage .mainPopup {
    display: block;
    z-index: 1000;
    position: absolute;
    padding: 0.5em 0.5em 0.1em;
    box-shadow: 0 0 4px -1px #cccccc;
    text-align: left;
}
    .naviMiniImage .mainPopup:before {
        /* triangle */
        top: -7px;
        left: 6em;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid white;
        z-index: 2;
    }
    .naviMiniImage .mainPopup:after {
        /* shadow triangle */
        top: -10px;
        left: 5.8em;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid rgba(0,0,0, 0.05);
        z-index: 1;
    }
/* END *** Slider Hover Effekt *** */

/* START *** Small Images under the slider *** */
.sliderMiniImage.owl-carousel .owl-wrapper-outer {
	padding-top: 0.7em;
}
.sliderMiniImage .mainPopup {
    display: block;
	cursor: pointer;
    /*box-shadow: 0 0 4px -1px #cccccc;*/
}
	.sliderMiniImage .mainPopup > div {
		height: 68px;
		padding: 5px 0;
		text-align: center !important;
		border: 1px solid transparent;
	}
		.sliderMiniImage .mainPopup img {
			width: 100px;
		}
	.sliderMiniImage .mainPopup.active > div {
		background-color: #fff;
		border-color: #d4d4d4;
	}
		.sliderMiniImage .mainPopup.active img {
			/*width: 95px;*/
		}
    .sliderMiniImage .mainPopup.active:before {
        border-bottom: 7px solid white;
		border-left: 6px solid transparent;
		border-right: 7px solid transparent;
		bottom: 0;
		left: 0;
		margin: 0 auto;
		right: 0;
		z-index: 2;
		top: -6px;
    }
    .sliderMiniImage .mainPopup.active:after {
        border-bottom: 9px solid #d4d4d4;
		border-left: 9px solid transparent;
		border-right: 10px solid transparent;
		bottom: 0;
		left: 0;
		margin: 0 auto;
		right: 0;
		z-index: 1;
		top: -8px;
    }
/* END *** Small Images under the slider *** */

/* START - Slider Portalspezifisch */
.smallSliderImages {
    position: absolute;
    top: 34.5em;
    left: 33.5em;
}
.smallSliderImages a {
    background-color: grey;
}
.smallSliderImages img {
/*    filter: url("data:image/svg xml; nowhitespace: afterproperty;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .6s ease;
    -webkit-backface-visibility: hidden; */
    -webkit-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.smallSliderImages img:hover {
    -webkit-filter: grayscale(0); /* For Webkit browsers */
    filter: none;
}
.smallSliderImages img.active {
    -webkit-filter: grayscale(0); /* For Webkit browsers */
    filter: none;
}

.smallSliderImages .greyopacity {
    background-color: grey;
}

/* ENDE - Slider Portalspezifisch */

/* START *** Handscript *** */
.handscript {
	font-family: "dearJoe", 'Open Sans', Verdana, sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
    position: absolute;
	color: #878787;
	text-align: center;
	z-index: 1;
	top: 0em;
}
	.handscript.positionLeft {
		right: 100%;
		margin-right: 30px;
		transform: rotate(-12deg);
	}
	.handscript.positionLeft.rotate12 {
		transform: rotate(12deg);
	}
	.handscript.positionRight.rotate12 {
		transform: rotate(-12deg);
	}
	.handscript.positionRight {
		left: 100%;
		margin-left: 30px;
		transform: rotate(12deg)
	}
	.handscript.positionLeft.arrowRightTop {
		background-image: url('/img/handscripts/arrowRightTop.png');
		background-repeat: no-repeat;
		background-position: right top;
		padding-top: 20px;
	}
	.handscript.positionLeft.arrowRightBottom {
		background-image: url('/img/handscripts/arrowRightBottom.png');
		background-repeat: no-repeat;
		background-position: right bottom;
		padding-bottom: 20px;
	}
	.handscript.positionRight.arrowLeftBottom {
		background-image: url('/img/handscripts/arrowLeftBottom.png');
		background-repeat: no-repeat;
		background-position: left bottom;
		padding-bottom: 20px;
	}
	.handscript.positionRight.arrowLeftTop {
		background-image: url('/img/handscripts/arrowLeftTop.png');
		background-repeat: no-repeat;
		background-position: left top;
		padding-top: 20px;
	}

.handscript > .top {
}

.handscript > .content {
}

.handscript > .bottom {
}

.handscript a {
    color: inherit;
}

.handscript a:hover {
    text-decoration: none;
}

.innerArea > .handsriptFooter {
    right: -15em;
    width: 8em;
    height: 10em;
}
.innerArea > .handscriptHeader {
    right: -8em;
}
/* END *** Handscript *** */

/* START *** Main Pop-Up *** */
.mainPopup {
	display: none;
	/*z-index: 100;*/
	z-index: 11;
}
	.mainPopup > .arrow {
		height: 0;
		position: relative;
		text-align: center;
		/*z-index: 200;*/
		z-index: 12;
		line-height: 0;
	}
		.mainPopup > .arrow > div > span {
			background: transparent url('/img/general/sprite.png') no-repeat -951px -136px;
			width: 21px;
			height: 11px;
			display: inline-block;
			margin-top: 1px;
		}
	.mainPopup > .wrap {
		background: #ffffff;
		border: 1px solid #cccccc;
		box-shadow: 0 0 4px -1px #cccccc;
		margin-top: 10px;
		padding: 16px;
		position: absolute;
		z-index: 11;
		line-height: normal;
	}
		.mainPopup .title {
			text-transform: uppercase;
			margin-bottom: 10px;
			font-size: 14px;
		}
		.mainPopup .status {
			text-transform: uppercase;
			padding: 0 5px 1px;
			float: right;
			font-size: 10px;
			margin-top: 2px;
		}
		.mainPopup .content {
			font-size: 12px;
		}
		.mainPopup .button {
			margin-top: 16px;
		}
			.mainPopup .button > input {
				width: 100%;
			}
/* END *** Main Pop-Up *** */

/**************************************************
Content-Styles
**************************************************/

/* *** Header Area *** */
#headerArea.fixed {
	position: fixed;
	width: 100%;
	background-color: #fff;
	z-index: 8999;
	top: 0;
}
	#headerArea .fixedArea {
		display: none;
	}
	#headerArea.fixed .fixedArea {
		display: block;
	}
/* END *** Header Area *** */

/* START *** Header Panel *** */
#headerPanel {
}

#headerPanel .innerArea {
}

		/* LOGO */
		#headerPanel .logo,
		#headerPanel .logoPortal {
			position: relative;
		}
		#headerPanel .logo img,
		#headerPanel .logoPortal img {
			bottom: 0;
			position: absolute;
			left: 0;
		}
		#headerPanel .logoPortal {
			background-color: #7EC9DC;
		}

		/* Control-Panel */
		#headerPanel .ctrlPanel {
			padding-left: 3em;
		}

			/* TOP (Menu) */
			#headerPanel .ctrlPanel .top {
				font-size: 12px;
				line-height: 1.3em;
				margin-bottom: 7px;
			}
			#headerArea.fixed #headerPanel .ctrlPanel .top {
				display: none;
			}
				#headerPanel .ctrlPanel .top > ul {
					color: #9a9a9a;
					float: right;
					line-height: 34px;
					margin-bottom: 0.5em;
				}
					#headerPanel .ctrlPanel .top > ul > li {
						background: transparent url('/img/general/topNavDivider.png') no-repeat left top;
						padding: 0 0 0 1px;
						float: left;
					}
					#headerPanel .ctrlPanel .top > ul > li:last-child {
						padding-right: 0;
					}
						#headerPanel .ctrlPanel .top > ul > li > a,
						#headerPanel .ctrlPanel .top > ul > li > span.noLink {
							display: block;
							padding: 0 20px
						}
						#headerPanel .ctrlPanel .top > ul > li:hover > .mainPopup {
							display: block;
						}
							#headerPanel .ctrlPanel .top > ul > li .mainPopup > .wrap {
								width: 240px;
							}
								#headerPanel .ctrlPanel .top > ul > li .mainPopup > .wrap ul {
									margin: 0;
									line-height: 25px;
								}

			/* BOTTOM (Serach, Cart) */
#headerPanel .ctrlPanel .bottom {
}

			#headerArea.fixed #headerPanel .ctrlPanel .bottom {
				padding-top: 1em;
			}

				/* SEARCH */
				#searchContainer {
					float: left;
					position: relative;
				}
					#searchContainer input[type=text] {
						width: 328px;
						height: 36px;
						border-right: 0;
						padding: 0 16px;
						float: left;
					}
					#searchContainer input.active {
						border-color: #92D1D9;
					}
					#searchContainer button {
						width: 50px;
						height: 36px;
						padding: 0;
						float: left;
					}
					#searchContainer .searchResults {
						display: none;
						position: absolute;
						border-style: solid;
						border-color: #92d1d9;
						border-width: 0 1px 1px 1px;
						padding: 16px;
						z-index: 5;
						width: 329px;
						top: 100%;
						left: 0;
					}
						#searchContainer .searchResults h4 {
							text-transform: uppercase;
							color: #c4b8a9;
							font-size: 1.1em;
							line-height: 1.1em;
						}
						#searchContainer .searchResults ul {
							margin: 0;
							line-height: 1.8em;
						}

				/* CART */
				#cartContainer {
					float: right;
					cursor: pointer;
				}
					#cartContainer .cartInfo {
						font-size: 16px;
						font-weight: 200;
						line-height: 36px;
						padding: 0 0 0 10px;
					}
						#cartContainer .cartInfo .mpIcon {
							margin-bottom: 3px;
						}
						#cartContainer .cartInfo .count {
							padding: 0 6px;
						}
						#cartContainer .cartInfo .sum {
							font-weight: 600;
						}
					#cartContainer:hover .mainPopup {
						display: block;
					}
						#cartContainer .mainPopup .wrap {
							right: 0;
							width: 240px;
						}
						#cartContainer .mainPopup .wrap table .img {
							width: 55px;
						}
							#cartContainer .mainPopup .wrap table .img img {
								width: 40px;
							}
/* END *** Header Panel *** */

/* START *** Navigation Panel *** */
#topNavPanel {
}

#headerArea #topNavPanel > .innerArea {
	border-bottom: 1px solid #e6e6e6;
}
#headerArea.fixed #topNavPanel > .innerArea {
	border-bottom: none;
}
#headerArea.fixed #topNavPanel {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	margin-top: 1em;
}

	#headerArea.fixed li span.mpIcon,
	#headerArea.fixed .handscript {
		display: none;
	}
	#topNavPanel > div > ul {
		display: table;
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
		table-layout: fixed;
	}
		#topNavPanel > div > ul > li {
			display: table-cell;
		}
		#topNavPanel > div > ul > li.active {
			/*position: relative;*/
		}
			#topNavPanel > div > ul > li > a {
				display: block;
				text-align: center;
				padding: 21px 0 15px 0;
				box-sizing: border-box;
				position: relative;
			}
			#headerArea.fixed #topNavPanel > div > ul > li > a {
				padding: 0 0 10px;
			}
				#topNavPanel > div > ul > li.active > a > span.mpIcon {
					background-position-y: -73px;
				}
				#topNavPanel > div > ul > li > a > span.name {
					display: block;
					text-transform: uppercase;
					font-size: 12px;
					line-height: 15px;
					margin-top: 9px;
				}
				#topNavPanel > div > ul > li.active > a > span.name,
				#topNavPanel a.active {
					color: #92d1d9;
				}
					#topNavPanel > div > ul > li > a > span.arrow {
						display: none;
					}

					#topNavPanel > div > ul > li > a {
						/*position: relative;*/
					}
					#topNavPanel > div > ul > li:hover > a > span.arrow,
					#topNavPanel > div > ul > li.active > a > span.arrow {
						position: absolute;
						bottom: -1px;
						left: 0;
						right: 0;
						margin: auto;
						display: block;
					}
					#topNavPanel > div > ul > li:hover > a > span.arrow:before,
					#topNavPanel > div > ul > li.active > a > span.arrow:before {
						border-bottom: 7px solid white;
						border-left: 6px solid transparent;
						border-right: 8px solid transparent;
						bottom: 0;
						left: 0;
						margin: auto;
						right: 0;
						z-index: 2;
					}
					#topNavPanel > div > ul > li:hover > a > span.arrow:after,
					#topNavPanel > div > ul > li.active > a > span.arrow:after {
						border-bottom: 9px solid #e6e6e6;
						border-left: 9px solid transparent;
						border-right: 10px solid transparent;
						bottom: 0;
						left: 0;
						margin: auto;
						right: 0;
						z-index: 1;
					}

				#topNavPanel > div > ul > li:hover > .mainPopup {
					display: block;
				}
				#topNavPanel > div > ul > li > .mainPopup {
					margin-top: -10px;
				}
					#topNavPanel > div > ul > li > .mainPopup > .wrap {
						left: 0;
						right: 0;
						padding: 16px;
					}
					#topNavPanel > div > ul > li > .mainPopup > .wrap ul {
						line-height: 2.1em;
					}
					#topNavPanel > div > ul > li > .mainPopup > .wrap .col_20 {
						min-height: 1px;
						border-left: 1px solid #e6e6e6;
						overflow: hidden;
						margin-bottom: 0.5em;
					}
					#topNavPanel > div > ul > li > .mainPopup > .wrap .col_20[style] {
						/*max-height: 200px;*/
						overflow: hidden;
					}
					#topNavPanel > div > ul > li > .mainPopup > .wrap .col_20:first-child,
					#topNavPanel > div > ul > li > .mainPopup > .wrap .col_20.advert{
						border-left: none;
					}
					#topNavPanel > div > ul > li > .mainPopup > .wrap img {
						max-width: 100%;
					}
/* END *** Navigation Panel *** */

/* START *** Service Panel (Footer) *** */
#servicePanel {
}

	#servicePanel .innerArea {
		padding-top: 2em;
		padding-bottom: 2em;
	}
		#servicePanel h4 {
			text-transform: uppercase;
			font-size: 30px;
			line-height: 30px;
			font-family: 'Raleway', 'Open Sans', Verdana, sans-serif;
			padding: 0;
			margin: 8px 0 16px 0;
		}
		#servicePanel p {
			font-size: 12px;
			line-height: 16px;
			font-weight: 600;
			margin: 0;
			padding: 0;
		}
		#servicePanel .col_desc {
			line-height: 20px;
			text-align: center;
		}
		#servicePanel .col_desc .mpIcon {
			margin-bottom: 8px;
		}
		#servicePanel .col_desc strong {
			text-transform: uppercase;
		}
/* END *** Service Panel (Footer) *** */

/* START *** Info Panel (Footer) *** */
#infoPanel {
}

.infoPanel {
	background-color: #92d1d9;
	color: #fff;
	margin-top: 2em;
}
	#infoPanel .innerArea {
		padding-top: 2em;
		padding-bottom: 2em;
	}
		#infoPanel h4 {
			font-size: 1.4em;
			line-height: 1.1em;
			font-weight: 200;
			margin: 0 0 16px 0;
			padding: 0;
			text-transform: uppercase;
		}
		#infoPanel ul {
			padding: 0;
			margin: 0;
			font-weight: 600;
			line-height: 30px;
			font-size: 1.1em;
		}
		#infoPanel ul .mpIcon {
			margin-right: 10px;
		}
/* END *** Info Panel (Footer) *** */

/* START *** Footer Panel *** */
#footerPanel {
	background-color: #c4b8a9;
	color: #ffffff;
}
	#footerPanel a:hover {
		color: inherit;
		text-decoration: underline;
	}
	#footerPanel .innerArea {
		padding-top: 2em;
		padding-bottom: 2em;
		font-size: 12px;
		line-height: 16px;
	}
		#footerPanel ul {
			line-height: 25px;
			text-transform: uppercase;
			padding: 0;
			margin: 0;
		}
		#footerPanel .divider {
			margin: 41px 0 38px 0;
		}
			#footerPanel .divider img {
				display: block;
			}
			#footerPanel .col_8_of_12 {
				padding-top: 4px;
			}
		#footerPanel .handscript {
			color: #ffffff;
		}
/* END *** Footer Panel *** */

/* START *** Quick-Service Panel (Right) *** */
#quickServicePanel {
	position: fixed;
	right: 0;
	top: 30%;
	z-index: 5;
}
	#quickServicePanel ul {
		padding: 0;
		margin: 0;
		border: 1px solid #e6e6e6;
		border-right: none;
	}
		#quickServicePanel ul > li {
			display: block;
			text-align: center;
		}
			#quickServicePanel ul > li > span:first-child {
				display: block;
				padding: 50px 0;
				cursor: pointer;
			}
			#quickServicePanel ul > li > a {
				display: block;
				padding: 22px 0;
			}

    #quickServicePanel #panelQuickServiceArea {
        min-width: 70px;
        overflow: hidden;
    }
        #quickServicePanel #panelQuickServiceArea .pqsIcon {
            border-right: 1px solid #e6e6e6;
            box-shadow: -10px 0 5px #f6f6f6 inset;
            width: 70px;
            padding: 1px 0;
        }
        #quickServicePanel #panelQuickServiceArea .pqsIcon.active {
            border-top: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6;
            border-right: 1px solid transparent;
            background-color: #fff;
            box-shadow: none;
            padding: 0;
        }
        #quickServicePanel #panelQuickServiceArea .pqsIcon.active:first-child {
            border-top-color: transparent;
        }
        #quickServicePanel #panelQuickServiceArea .pqsIcon.active.last {
            border-bottom-color: transparent;
        }

        #quickServicePanel #panelQuickServiceArea > #panelQuickServiceContent {
            padding: 1.5em 1.5em 0;
            width: 405px;
			display: block;
			font-size: 0.9em;
			line-height: 1.5em;
			overflow: hidden;
			right: -405px;
			position: absolute;
			background-color: #FFF;
			border: 1px solid #e6e6e6;
			border-right: none;
			border-left: none;
        }
        #quickServicePanel #panelQuickServiceArea > #panelQuickServiceContent.active {
			display: block;
		}
            #quickServicePanel #panelQuickServiceArea > #panelQuickServiceContent h4 {
                font-size: 2.2em;
                line-height: 1.1em;
                text-transform: uppercase;
                font-weight: 100;
            }
                #quickServicePanel #panelQuickServiceArea > #panelQuickServiceContent h4 > strong {
                    font-weight: 600;
                }
            #quickServicePanel #panelQuickServiceArea > #panelQuickServiceContent .pqsCon {
                display: none;
            }
            #quickServicePanel #panelQuickServiceArea > #panelQuickServiceContent .pqsCon.active {
                display: block;
            }
                #quickServicePanel #panelQuickServiceArea > #panelQuickServiceContent .pqsCon a {
                    text-decoration: underline;
                }
                #quickServicePanel #panelQuickServiceArea > #panelQuickServiceContent .pqsCon p {
                    margin-bottom: 1.45em;
                }
                #quickServicePanel #panelQuickServiceArea > #panelQuickServiceContent .pqsCon span.mpiOn {
                    margin-top: -12px;
                }

/* END *** Quick-Service Panel (Right) *** */

/* START *** Back-to-Top Panel (Bottom-Right) *** */
#backToTop {
	height: 0;
	overflow: hidden;
	color: transparent;
	margin: 0;
	padding: 0;
}
#backToTopPanel {
	position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
}
	#backToTopPanel a {
		background-image: url('/img/general/sprite.png');
		background-repeat: no-repeat;
		background-position: -487px -406px;
		position: absolute;
		bottom: 0;
		right: -80px;
		height: 50px;
		width: 50px;
	}
/* END *** Back-to-Top Panel (Bottom-Right) *** */

/* START *** Newsletter Panel *** */
#newsletterPanel {
}

	#newsletterPanel .bgImage,
	#newsletterPanel .bgImageContent {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding-right: 8px;
		padding-left: 8px;
	}
		#newsletterPanel .bgImage img {
			width: 100%;
		}
	#newsletterPanel .bgImageContent {
		padding-top: 2em;
		padding-left: 2em;
		position: relative;
	}
		#newsletterPanel .bgImageContent h4 {
			font-size: 2em;
			line-height: 1.1em
		}
	#newsletterPanel div .bgImageNewsletter {
		background-image: url('/img/general/newsletter.jpg');
		background-repeat: no-repeat;
	}
	#newsletterPanel div .bgImageWeitersagen {
		background-image: url('/img/general/weitersagen.jpg');
		background-repeat: no-repeat;
	}
	#newsletterPanel #newsletterEmail {
		padding: 118px 0px 0px 30px;
	}
	#newsletterPanel #newsletterEmail input[type="button"] {
		padding: 9px 15px 10px 13px;
	}
/* END *** Newsletter Panel *** */

/* START *** Newsletter Container (Specials) *** */
.imgCenterSpan {
	width: 10px;
	height: 100%;
	display: inline-block;
	margin-left: -10px;
	vertical-align: middle;
}
.imgCenterImg {
	vertical-align: middle;
	border: none;
	max-width: 233px;
}
/* END *** Newsletter Container (Specials) *** */

/* START *** ui fixes *** */
.sliderRangeArea .ui-widget-content {
	background: none;
	border: none;
	border-top: 1px solid #c4b8a9;
}
.sliderRangeArea .ui-slider-horizontal {
	height: 0;
}
	.sliderRangeArea .ui-slider-horizontal .ui-slider-handle {
		top: -0.6em;
	}
.sliderRangeArea .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br,
.sliderRangeArea .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl,
.sliderRangeArea .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,
.sliderRangeArea .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-radius: 0;
}
.sliderRangeArea .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #c4b8a9 none repeat scroll 0 0;
}
.sliderRangeArea .ui-slider .ui-slider-handle {
	height: 1em;
	width: 1em;
}
.ui-state-active {
	background-color: #e6e6e6 !important;
	border-color: #e6e6e6 !important;
}
.ui-datepicker,
.ui-datepicker[style] {
	z-index: 10 !important;
}
input.datepicker {
	background-image: url('/img/general/cal-grey.png');
	background-repeat: no-repeat;
	background-position: 98% center;
}
/* END *** ui fixes *** */

/* START *** Pagination *** */
.paginationArea {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 1em 0;
        margin-top: 2em;
}
.paginationArea select {
	padding-top: 0.1em;
	padding-bottom: 0.3em;
	height: 25px;
	background-position: 85% center;
}
.pagination-outer {
    float: right;
    margin-left: 2em;
}
	.pagination-outer ul.pagination {
		float: right;
		color: #787878;
		margin-bottom: 0;
	}
	.pagination-outer ul.pagination li.pagination-button {
		float: left;
		padding: 0.3em 1em 0;
		cursor: pointer;
		height: 25px;
	}
	.pagination-outer ul.pagination li.pagination-button:hover,
	.pagination-outer ul.pagination li.pagination-button-active {
		background-color: #fafafa;
	}
	.pagination-outer ul.pagination li.pagination-button a {
		color: inherit;
	}
/* END *** Pagination *** */

/* START *** FPF Zeug *** */
.elementError {
	border: 1px solid red !important;
}
/* END *** FPF Zeug *** */

/* START *** Pagination-Box *** */
.paginationBox {
	display: table;
	margin-top: 16px;
	border-top: 1px solid #e6e6e6;
	line-height: 24px;
	font-size: 12px;
	width: 100%;
}
	.paginationBox > div {
		display: table-cell;
		padding: 16px 0;
	}
	.paginationBox select {
		box-shadow: none;
		border-color: #c4c4c4;
		padding-top: 0;
		padding-bottom: 0;
		height: 23px;
		line-height: 23px;
	}
	.paginationBox .perPage {
		text-align: left;
	}
		.paginationBox .perPage select {
			margin-right: 6px;
		}
	.paginationBox .list {
		text-align: center;
	}
		.paginationBox .list ul {
		}
			.paginationBox .list ul li {
				display: inline-block;
			}
				.paginationBox .list ul li a {
					display: block;
					width: 36px;
					text-align: center;
					font-weight: 600;
				}
					.paginationBox .list ul li:hover a,
					.paginationBox .list ul li.active a {
						background-color: #ebe8e3;
						color: inherit;
					}
	.paginationBox .goto {
		text-align: right;
	}
		.paginationBox .goto select {
			margin-left: 6px;
		}
/* END *** Pagination-Box *** */

/* Container with Navigation */
.containerWithNav {
    background-color: transparent;
    background-repeat: no-repeat;
    position: relative;
    color: #fff;
}
    .containerWithNav > div.innerNavi {
        position: absolute;
		left: 0;
        top: 1.7em;
        opacity: 0.85;
        font-size: 1.6em;
        line-height: 1.5;
        text-transform: uppercase;
    }
    .containerWithNav.fashionWoman > div.innerNavi {
        width: 60%;
	}
    .containerWithNav.fashionMan > div.innerNavi {
		width: 55%;
        right: 0;
		left: auto;
        top: auto;
		bottom: 2.5em;
    }
    .containerWithNav > div.innerNavi > a:hover {
        font-weight: bold;
        color: inherit;
    }
.containerWithNav.parfumNavWomen > div.innerNavi {
    color: #878787;
    left: 2em;
    top: 1em;
    width: auto;
}
.containerWithNav.parfumNavMen > div.innerNavi {
    right: 2em;
    top: 4.2em;
    font-size: 1.5em;
    color: #878787;
    font-weight: normal;
    line-height: 1.59;
    width: 5em;
    color: #fff;
}
/* ENDE Container with Navigation */

/* START Flyout Livechat */
.content .btnLiveChat {
	border: 0;
	text-transform: uppercase;
	padding: 0px;
	font-weight: 600;
	font-size: 13.3333px;
	font-family: "Open Sans", Verdana, sans-serif;
	cursor: pointer;
}
/* END Flyout Livechat */

/* START Welcome Content Container */
#welcomeContentContainer{
}

/* END Welcome Content Container */
.ttt {
    cursor: pointer;
}

.tooltipToggle {
	display: none;
	margin-top: 1em;
}

.mpIcon.viInfo .tooltip,
.mpIcon.viInfoM .tooltip {
	display: none;
	position: absolute;
	width: 422px;
	border: 1px solid #e6e6e6;
	left: 0;
	margin-left: -205px;
	bottom: 0;
	margin-bottom: 25px;
	padding: 1em;
	font-size: 0.9em;
	line-height: 1.2em;
	background-color: #fff;
	z-index: 10;
	cursor: auto;
}
.mpIcon.viInfo .tooltip:before,
.mpIcon.viInfoM .tooltip:before {
	border-top: 7px solid white;
    border-left: 6px solid transparent;
    border-right: 8px solid transparent;
    bottom: -7px;
    left: 0;
    margin: auto;
    right: 0;
    z-index: 2;
}
.mpIcon.viInfoM .tooltip:after,
.mpIcon.viInfo .tooltip:after {
	border-top: 9px solid #e6e6e6;
    border-left: 9px solid transparent;
    border-right: 10px solid transparent;
    bottom: -9px;
    left: 0;
    margin: auto;
    right: 0;
    z-index: 1;
}
.mpIcon.viInfo:hover .tooltip,
.mpIcon.viInfoM:hover .tooltip {
	display: block;
}
.tkPadding {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
}
/* START Owl Carousel Settings */
.textAlignLeft .owl-carousel .owl-item {
	text-align: left;
}
.owl-item .item, .owl-carousel .item {
	max-width: 100%;
        text-align: center;
}
.owl-item .item img {
	max-width: 100%
}
/* END Owl Carousel Settings */
#topNavPanel .wrap ul > li ul.subSubNavMenu {
	padding-left: 3em;
	margin-bottom: 0;
	display: none;
}
#topNavPanel .wrap ul > li.active ul.subSubNavMenu {
	display: block;
}

.errorPanel {
	background-color: #E60000;
	color: #fff;
	position: relative;
	padding: 1em 0;
	line-height: 2em;
}
.errorPanel.success {
	background-color: #c0c334;
}
.errorPanel.warning {
	background-color: #fb1;
}
.errorPanel.info {
	background-color: #fafafa;
}
#headerArea.fixed .errorPanel {
	padding: 0.5em 0;
}
#errorPanel.errorPanel {
	margin-bottom: 1em;
}
.errorPanel:after {
	border-top: 9px solid #e60000;
	border-left: 9px solid transparent;
	border-right: 10px solid transparent;
	bottom: -9px;
	left: 0;
	margin: auto;
	right: 0;
	z-index: 1;
}

.errorPanel.warning:after {
    border-top-color: #fb1;
}

.errorPanel.info:after {
    border-top-color: #fafafa;
}

.errorPanel.success:after {
    border-top-color: #c0c334;
}

	.errorPanel #alert-container .alert {
	display: block;
	padding: 0;
	background-color: transparent;
}
#alert-container .alert:first-child {
	padding-top: 0;
}

/* START Mein Konto */
#welcomeContentContainer {
	padding: 4em;
}
.accountConStart {
	margin-top: 1em;
	margin-left: 0;
}
.accountConStart > .grid.left {
	padding-left: 0;
}
.accountConStart > .grid.right {
	padding-right: 0;
}
	.accountConStart .block {
		padding: 3em;
	}
		.accountConStart .block a:hover {
			color: inherit;
			text-decoration: underline;
		}
		.accountConStart .block h4 {
			font-size: 2em !important;
			line-height: 1em !important;
			font-weight: 300;
		}
		.accountConStart .block .userInfo,
		.accountConStart .block li {
			line-height: 1.8em;
		}
		.accountConStart .block ul {
			margin-bottom: 0;
		}
			.accountConStart .block li {
				text-transform: uppercase;
			}
		.accountConStart .block.advert img {
			max-width: 90%;
		}
		.accountConStart .block.advert .info {
			font-size: 1.2em;
			line-height: 1.2em;
		}
			.accountConStart .block.advert .info .price {
				font-size: 3em;
				line-height: 1.2em;
				color: #fff;
				font-weight: bold;
			}
			.accountConStart .block.advert .info .oldPrice {
				font-size: 1.2em;
				line-height: 1.2em;
				font-weight: 600;
				padding-top: 0.5em;
			}
/* END Mein Konto */
/* Invite Friends */
#mainOverlay .main.inviteFriends {
    background-image: url(/img/empfehlung.jpg);
    background-position: right top;
    background-repeat: no-repeat;
}
	#mainOverlay .main.inviteFriends a {
		text-decoration: underline;
	}
/* END Invite Friends */
/* brandshop - subnav */
li.active > a {
    color: #92d1d9;
}

.menuBox.submenu-active {
    display: block;
}
/* brandshop - subnav END */

/* jScrollPane */
.jspHorizontalBar {
    height: 8px !important;
    background-color: transparent !important;
}
.jspVerticalBar {
    width: 8px !important;
    background-color: transparent !important;
}
.jspHorizontalBar .jspTrack {
    height: 1px !important;
}
.jspVerticalBar .jspTrack {
    width: 1px !important;
}
.jspHorizontalBar .jspDrag {
    height: 15px !important;
    margin-top: -7px;
}
.jspVerticalBar .jspDrag {
    width: 15px !important;
    margin-left: -7px;
}

/* -- RV SLIDER */
#rvSlider {
	width: 100%;
	min-height: 272px;
	display: none;
}
#rvSlider .main_pic{
    position:absolute;
    height:330px;
    width:1010px;
    overflow:hidden;
}
#rvSlider .wpa p{
    padding: 0;
    margin: 0;
}
#rvSlider .wpa{
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    display: none;
}
#rvSlider #w_navi{
    position:absolute;
    top: 300px;
    right: 20px;
    height:20px;
    z-index:9999993;
    cursor:pointer;
}
#rvSlider #w_navi_right{
    background-position:right;
    background-repeat:no-repeat;
    height:16px;
    float:left;
    width:12px;
    padding:2px 8px 2px 0px;
}
#rvSlider #w_navi_left{
    background-position:left;
    background-repeat:no-repeat;
    height:16px;
    padding:2px 0px 2px 5px;
    float:left;
}
#rvSlider .button{
    line-height:9px;
    padding:3px;
    color:#7b7b7b;
    font-weight:600;
    height:10px;
}
#rvSlider .button:hover{
    background-color:#FFFFFF;
    border:1px solid #7b7b7b;
    padding:2px;
}
#rvSlider .gallerie{
    width: 980px;
    height: 276px;
    overflow: hidden;
}
	#rvSlider .gallerie ul{
		margin:  0;
		padding: 0;
	}
		#rvSlider .gallerie li{
			list-style: none;
			margin: 0;
			padding: 0;
		}
			#rvSlider .gallerie a img {
				width:980px !important;
				height:272px !important;
			}
#rvSlider .vge-container-img {
    width:655px;
}
#rvSlider .picture p {
    padding: 0px;
    margin: 0px;
}
#rvSlider .externalActive {
    background-color: #F00;
}
#rvSlider .externalControl{
    position: absolute;
    margin-left: 682px;
    margin-top: 254px;
    z-index: 1;
    height:13px;
    padding: 0px 8px 3px 3px;
	width: 257px;
    background-image: url('/img/slider/external_bg.png');
    background-repeat: repeat-x;
    cursor: pointer;
}
#rvSlider .externalControl_l .links{
    background-image: url('/img/slider/Pfeil_links_kleiner.png');
    background-repeat: no-repeat;
    height: 70px;
    width: 70px;
    margin: 0;
    cursor: pointer;
}
#rvSlider .externalControl_r .rechts {
    background-image: url('/img/slider/Pfeil_rechts_kleiner.png');
    background-repeat: no-repeat;
    height: 70px;
    width: 70px;
    margin: 0;
    cursor: pointer;
}
#rvSlider .excontrol {
    float: right;
    margin-top: 3px;
    margin-left: 4px;
    background-image: url('/img/slider/kasten_leer.png');
    background-repeat: no-repeat;
    height: 7px;
    width: 7px;
}
#rvSlider .exon{
    float: right;
    margin-top: 3px;
    margin-left: 4px;
    background-image: url('/img/slider/kasten_voll.png');
    background-repeat: no-repeat;
    height: 7px;
    width: 7px;
}
/* -- /RV SLIDER */
/* Tablayout */
 #tab .reiter {
    border: none;
    margin: 0;
}
.reiter ul {
    margin: 0px;
    padding: 4px 1px 0px 1px;
    display: block;
    height: 33px;
}
#tab .reiter ul li {
    float: left;
    height: 28px;
    border: 1px solid #dbdbdb;
    background: none;
    margin: 1px 0px 0px -1px;
    cursor: pointer;
    padding: 6px 9px;
    font-size: 12px;
}
#tab .reiter ul li.active {
    border-bottom: 1px solid #FFF;
    height: 30px;
    margin: -1px 0px 0px -1px;
}
.tabDetailOverlay .reiter ul li.active {
    margin: -1px 0px 0px 0px;
}
.tabDetailOverlay #tab .content {
    margin: 0 0 0 -1px !important;
}
#tab .content {
    background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color #dbdbdb #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    padding: 1em 1em 2em;
    overflow: hidden;
    margin: 0px;
    position: relative;
    width: 99.2%;
}
#tab .content .tabHeader,
#tab .content .tabContent {
    display: none;
}
#tab .content .tabContent {
    padding: 0px 140px 0px 0px;
}
#tab .content .tabContent.active {
    display: block;
}
#tab .content .allopen {
    position: absolute;
    right: 0;
	left: 0;
    bottom: 0;
    cursor: pointer;
    background: #FFF;
    padding: 0.5em 1em;
	text-align: right;
}
#tab .content .tabContent,
#tab .content .content {
    height: 200px;
}
#handyshop-article-images {
    text-align: center;
}
.outerDivDetailOverlayContent .col-row-handyshop-detail .col12 {
    margin-right: 0.3%;
    width: 99.7%;
    display: block;
    float: none !important;
}
/* Skyscraper */
#skyscraperLeft,
#skyscraperLeftVF {
    position: fixed;
    top: 201px;
    overflow: hidden;
    width: 160px;
    display: block;
    left: 50%;
    margin-left: -680px;
}
#invite_friends_information_slider,
#invite_friends_information_slider_vf {
    position: fixed;
    top: 201px;
    overflow: hidden;
    width: 160px;
    display: block;
    right: 50%;
    margin-right: -680px;
}
/* Tooltip - Vertragswahl Anbieter */
.notCallya .tooltipSupplierArea {
	position: relative;
	width: 100%;
}
	.notCallya .tooltipSupplier {
		background-color: #fff;
		border: 1px solid #e6e6e6;
		left: 0;
		top: 0;
		padding: 0.5em 1em;
		position: absolute;
		width: 100%;
		z-index: 10;
	}
	.notCallya .tooltipSupplier div {
		overflow: hidden;
	}
	.notCallya .tooltipSupplier:after {
		content: "";
		height: 0;
		position: absolute;
		width: 0;
		border-bottom: 9px solid transparent;
		border-right: 9px solid #e6e6e6;
		border-top: 9px solid transparent;
		top: -1px;
		left: -9px;
		margin: auto;
		z-index: 1;
	}
/* ENDE Tooltip - Vertragswahl Anbieter */
.aokPopup button {
	width: auto;
	line-height: inherit !important;
	margin-top: 1em;
	float: right;
}

.searchResetIcon {
	position: absolute;
	top: 8px;
	left: 96%;
	cursor: pointer;
	display: none;
}
.infoLinkIcon {
	position: absolute;
	left: 95%;
	top: 9px;
	cursor: pointer;
}
.infoTxt {
	background-color: #fff;
	z-index: 9999;
	padding: 5px;
	position: absolute;
	width: 200px;
	font-size: 11px;
	border: 1px solid #c2c2c2;
	top: -29px;
	left: 96.5%;
	display: none;
}
#cc-tariffs-searchbox::-ms-clear {
	display: none;
}
.navSection,
.navSection .navbar {
	display: none;
}
#fixed-sidebar.navSection {
	display: block;
}
.navSection .navbar {
	padding: 1.1em;
	cursor: pointer;
}
	.navbar .icons, .navbar .nbValue {
		display: inline-block;
		vertical-align: middle;
	}
	.nbValue {
		font-size: 1.5em;
		margin-left: 0.5em;
	}
		.navSection .navbar i,
		.navSection .toggleIconNav i {
			background-color: #787878;
			display: block;
		}
		.navSection .navbar i {
			width: 25px;
			height: 3px;
			margin: 5px 0;
		}
	.toggleIconNav {
		position: absolute;
		padding: 1.2em 2em;
		right: 0;
		top: 0;
		bottom: 0;
	}
	.navSection .toggleIconNav i {
		width: 5px;
		height: 5px;
		margin: 3px 0;
		border-radius: 50%;
	}
	.navSection .navArea .nav > li {
		border-bottom: 1px solid #ececec;
		text-transform: uppercase;
		font-size: 1.4em;
		line-height: 1.3em;
	}
	.navSection .navArea .back a {
		background-color: #787878;
		color: #ececec;
	}
	.navSection .navArea .back a {
		font-size: 0.95em;
		line-height: 1.3em;
		text-transform: none;
	}
	.navSection .navArea a {
		display: block;
		/*padding: 0.5em;*/
	}

.mCustomScrollbar{
	-ms-touch-action: inherit;
	touch-action: inherit; /* MSPointer events ? direct all pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar{
	-ms-touch-action: inherit;
	touch-action: inherit;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -20px;
}
#summary_RED .mCSB_scrollTools.mCSB_scrollTools_horizontal,
#summary_DATAGO .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0px;
}
.searchResetIcon .sizeS {
	width: 22px;
	height: 22px;
}
/* Landingpages */
.gigdepotImg {
    width: 660px;
    height: 250px;
    background-image: url(/data/cms_data/bilder/788217345basic_teaser.jpg) no-repeat;
}
.tariffsearchbox {
	padding: 8px 35px 9px!important;
}
.searchboxIcon {
	position: absolute;
	top: 7px;
	left: 2%;
	cursor: pointer;
}

.chooseTarif .box a:hover {
    text-decoration: underline;
}

.fontWhite{
	color: white !important;
}

.fontWhite a {
	color: white !important;
}

.cookiebar {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    -webkit-animation-name: cookiebarSlideUp;
    animation-name: cookiebarSlideUp;

    border-top: 2px solid #000000;
    background: #ffffff;
    color: #000000;
    font-size: 14px;
    box-sizing: border-box;

    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;

    padding: 20px 15px;
	z-index: 1000;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes cookiebarSlideUp {
    from {
        bottom: -100px;
    }
    to {
        bottom: 0px;
    }
}

@keyframes cookiebarSlideUp {
    from {
        bottom: -100px;
    }
    to {
        bottom: 0px;
    }
}

.cookiebar-text {

}

.cookiebar-text a {
    text-decoration: underline;
}

.cookiebar-button {
    width: 100%;
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    color: #000000;
    background: #fcfcfc;
    padding: 5px 20px 5px 20px;
    border: solid #d1d1d1 1px;
    text-decoration: none;
    cursor: pointer;
    margin: 50%;
}

.cookiebar-button:hover {
    background: #d1d1d1;
    text-decoration: none;
}
/* ZSHOP:S */
.bold {
    font-weight: bold;
}

#zub-nav-categories {
    position: relative;
    height: 90px;
    z-index: 10;
}

.zub-scrl-cnt {
    max-height: 250px;
}

.responsive-ul-container.open .zub-scrl-cnt {
    margin-top: 15px;
}

ul.responsive-ul {
    display: block;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul.responsive-ul li {
    padding: 2px 0;
}

.responsive-ul-container {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .03);
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, .4) 0 1px 1px;
    padding: 10px 10px 15px;
    margin: 15px 0;
}

.responsive-ul-container h3 {
    position: relative;
    padding: 10px 15px;
    margin: -5px -11px -10px -15px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
}

.responsive-ul-container h3 > span {
    position: absolute;
    top: 8px;
    right: 44px;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    border-radius: 5px;
    padding: 2px 9px;
    font-weight: bold;
}

.responsive-ul-container h3:after {
    position: absolute;
    right: 0;
    top: 2px;
    display: block;
    content: "\f078";
    font-family: FontAwesome, sans-serif;
    color: #333;
    padding: 6px 10px 7px;
    border-left: 1px solid #aaa;
    margin: 2px;
}

.responsive-ul-container.open {
    box-shadow: rgba(0, 0, 0, .7) 0 3px 10px;
}

.responsive-ul-container.open h3:after {
    content: "\f077";
}

ul.responsive-ul li > a {
    display: inline-block;
    height: 30px;
    padding-top: 8px;
    color: #333;
    position: relative;
    margin-left: 33px;
}

ul.responsive-ul li > a:before {
    content: "";
    display: inline-block;
    margin: -5px 5px -8px 0;
    background-color: rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .15);
    width: 25px;
    height: 25px;
    box-shadow: inset rgba(0, 0, 0, .25) 1px 1px 3px;
    border-radius: 3px;
    position: absolute;
    top: 8px;
    left: -33px;
}

ul.responsive-ul li > a.bold:before {
    content: "\f00c";
    font-family: FontAwesome, sans-serif;
    background-color: #0a0;
    border: 1px solid #0a0;
    box-shadow: none;
    color: #fff;
    padding: 3px 5px;
    width: auto;
    height: auto;
}

.responsive-ul-select-button {
    border: 2px solid rgba(0, 0, 0, .1);
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, .4) 0 1px 1px;
    padding: 5px 0;
    text-align: center;
    display: block;
    width: 100%;
    background-color: #fff;
    color: #333;
    margin-top: 10px;
    font-size: 14px;
}

#zub-page {
    min-height: 100vh;
}

#zub-nothing-found {
    display: block;
    font-size: 60px;
    text-align: center;
    font-weight: bold;
    margin-top: 15%;
}

#zub-to-top {
    display: none;
    position: fixed;
    bottom: 5px;
    left: 50%;
    margin-left: -17px;
    z-index: 20;
}

#zub-to-top a {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    padding: 5px 0 8px;
    width: 50px;
    display: block;
    text-align: center;
    color: #fff !important;
}

#zub-detail-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .9);
    z-index: 500;
    overflow-y: scroll;
}

#zub-detail-body {
    background-color: #fff;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #000;
    width: 90%;
    max-width: 980px;
}

#zub-detail-close-container {
    width: 90%;
    max-width: 980px;
    text-align: right;
    margin: 20px auto 0;
}

#zub-detail-close:hover {
    color: #fff;
    cursor: pointer;
}

.hidden {
    display: none !important;
}

.text-center {
    text-align: center;
}

.handyshop-article-name {
    margin-top: 15px !important;
}

.handyshop-article-flags {
    position: absolute;
    top: 5px;
    right: 0;
}

.handyshop-article-flag {
    display: inline-block;
    background-color: rgba(0, 101, 166, .8);
    color: #fff;
    padding: 6px 15px 6px 0;
    margin-bottom: 3px;
    position: relative;
    top: 5px;
    right: -1px;
    height: 28px;
    font-size: 12px;
    font-weight: bold;
}

.handyshop-article-flag:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    left: -28px;
    border: 14px solid rgba(0, 101, 166, .8);
    border-left-color: transparent;
}

#zub-detail-backdrop .preview-images a span {
    border: 1px solid #dbdbdb;
    text-align: center;
}

#zub-detail-backdrop .preview-images a span img {
    border: 1px solid transparent !important;
}

.share-button {
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 20;
}

.share-button button {
    background-color: rgb(0, 101, 166);
    color: #fff;
    width: auto;
}

.copied-tooltip {
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    padding: 2px 5px;
    top: 4px;
    position: absolute;
    right: 50px;
    white-space: nowrap;
    border-radius: 3px;
}

@media only screen and (max-width: 480px) {
    #zub-nav-categories {
        height: auto !important;
    }
}

@media only screen and (max-width: 768px) {
    #zub-nav-categories {
        min-height: 215px;
        height: auto;
        margin-top: 5px;
    }

    #zub-nav-categories + #responsive-content {
        margin-top: 1em !important;
    }

    .responsive-ul-container {
        margin: 2px 0;
    }
}

/* ZSHOP:E */

#dev-info-logger {
    position: relative;
    max-width: 1100px;
    margin: 0px auto;
}

#dev-info-logger table {
    background-color: #FFF;
}

@media only screen and (max-width: 980px) {
    #dev-info-logger {
        max-width: 980px;
        margin: 0px auto;
    }
}

.section .container-margin {
    margin-top: 16px;
}

.fourSlider div.grid {
    padding: 0!important;
}

.fourslider {
    padding-left: 8px!important;
}