.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0, 0, 0, .8);
	z-index: 4000;
	display: none;
	top: 0;
	left: 0
}

.reveal-modal {
	visibility: hidden;
	top: 100px;
	left: 50%;
	margin-left: -300px;
	width: 520px;
	background: #eee url(modal-gloss.png) no-repeat -350px -80px;
	position: absolute;
	z-index: 5001;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	-box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

.reveal-modal.small {
	width: 200px;
	margin-left: -140px
}

.reveal-modal.medium {
	width: 400px;
	margin-left: -240px
}

.reveal-modal.large {
	width: 600px;
	margin-left: -340px
}

.reveal-modal.xlarge {
	width: 800px;
	margin-left: -440px
}

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
	font-weight: bold;
	cursor: pointer
}

html, body {
	height: 100%;
	background-color: #EAE7EC !important;
}

body {
	font-family: 'Inter', Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #3e3e3e;
}

.wrap {
	min-height: 100%;
	height: auto;
	margin: 0 auto -60px;
	padding: 0 0 60px;
}

.wrap>.container {
	padding: 70px 15px 20px;
}

.site-index {
	position: relative;
	left: 4.5%;
}
	@media only screen and (max-width: 1920px) {
		.site-index {
			left: 5.2%;
		}
	}
	@media only screen and (max-width: 1880px) {
		.site-index {
			left: 6%;
		}
	}
	@media only screen and (max-width: 1780px) {
		.site-index {
			left: 4%;
		}
	}
	@media only screen and (max-width: 1720px) {
		.site-index {
			left: 6.2%;
		}
	}
	@media only screen and (max-width: 1000px) {
		.site-index {
			left: 5.4%;
		}
	}
	@media only screen and (max-width: 1680px) {
		.site-index {
			left: 4.2%;
		}
	}
	@media only screen and (max-width: 1600px) {
		.site-index {
			left: 5%;
		}
	}
	@media only screen and (max-width: 1560px) {
		.site-index {
			left: 6%;
		}
	}
	@media only screen and (max-width: 1480px) {
		.site-index {
			left: 4.5%;
		}
	}
	@media only screen and (max-width: 1440px) {
		.site-index {
			left: 5.5%;
		}
	}
	@media only screen and (max-width: 1380px) {
		.site-index {
			left: 6.5%;
		}
	}
	@media only screen and (max-width: 1320px) {
		.site-index {
			left: 5.5%;
		}
	}
	@media only screen and (max-width: 1280px) {
		.site-index {
			left: 6%;
		}
	}
	@media only screen and (max-width: 1240px) {
		.site-index {
			left: 6.5%;
		}
	}
	@media only screen and (max-width: 1199px) {
		.site-index {
			left: 0px;
		}
	}	
	
.start-gutscheine-newest {
	font-weight: bold;
	margin: 0px 16px 0px 0px !important;
	width: 89% !important;
}
	@media only screen and (max-width: 1199px) {
		.start-gutscheine-newest {
			margin: 0px 0px 0px 5px !important;
			width: 45% !important;
		}
	}
	@media only screen and (max-width: 991px) {
		.start-gutscheine-newest {
			width: 60% !important;
		}
	}
	@media only screen and (max-width: 600px) {
		.start-gutscheine-newest {
			width: 76% !important;
		}
	}
	@media only screen and (max-width: 410px) {
		.start-gutscheine-newest {
			width: 95% !important;
		}
	}
	
.start-gutscheine-end {
	font-weight: bold;
	margin: 0px 0px 0px 16px !important;
	width: 89% !important;
}
	@media only screen and (max-width: 1199px) {
		.start-gutscheine-end {
			margin: 0px 0px 0px 5px !important;
			width: 45% !important;
		}
	}
	@media only screen and (max-width: 991px) {
		.start-gutscheine-end {
			width: 60% !important;
		}
	}
	@media only screen and (max-width: 600px) {
		.start-gutscheine-end {
			width: 76% !important;
		}
	}
	@media only screen and (max-width: 410px) {
		.start-gutscheine-end {
			width: 95% !important;
		}
	}
	
.start-gutschine-text-size-14px {
	font-size: 15px;
}
	
.start-gutscheine-margin {
	display: none;
}
	@media only screen and (max-width: 1199px) {
		.start-gutscheine-margin {
			display: block;
			margin-top: -30px;
		}
	}
	@media only screen and (max-width: 500px) {
		.start-gutscheine-margin {
			margin-top: -40px;
		}
	}
	@media only screen and (max-width: 410px) {
		.start-gutscheine-margin {
			margin-top: -50px;
		}
	}

.col-coupon-start-height {
	min-height: 817px !important;
}
	@media only screen and (max-width: 1199px) {
		.col-coupon-start-height {
			min-height: 100% !important;
		}
	}	

.footer {
	height: 110px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	padding-top: 20px;
}
	@media only screen and (max-width: 779px) {
		.footer {
			height: 150px;
		}
	}
	@media only screen and (max-width: 462px) {
		.footer {
			height: 195px;
		}
	}

.jumbotron {
	text-align: center;
	background-color: transparent;
}

.jumbotron .btn {
	font-size: 21px;
	padding: 14px 24px;
}

.not-set {
	color: #c55;
	font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	padding-left: 5px;
}

.placeholder {
	color: #aaa;
}

a.asc:after {
	content: /*"\e113"*/ "\e151";
}

a.desc:after {
	content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
	content: "\e153";
}

.sort-numerical a.desc:after {
	content: "\e154";
}

.sort-ordinal a.asc:after {
	content: "\e155";
}

.sort-ordinal a.desc:after {
	content: "\e156";
}

.grid-view th {
	white-space: nowrap;
}

.hint-block {
	display: block;
	margin-top: 5px;
	color: #999;
}

.error-summary {
	color: #a94442;
	background: #fdf7f7;
	border-left: 3px solid #eed3d7;
	padding: 10px 20px;
	margin: 0 0 15px 0;
}

.main_page_black_line {
	width: 15%;
	height: 3px;
	background: #000;
	position: relative;
	left: 42%;
}

div.main_page_div_search_banner {
	margin-top: 47px;
}

div.main_page_margin {
	margin-bottom: -10px;
}
	@media only screen and (max-width: 960px) {
		div.main_page_margin {
			margin-bottom: -20px;
		}
	}
	@media only screen and (max-width: 460px) {
		div.main_page_margin {
			margin-bottom: -25px;
		}
	}
	
div.main_page_logo {}
	@media only screen and (max-width: 600px) {
		div.main_page_logo {
			display: none;
		}
	}

img.main_page_logo_position {
	width: 100%;
	height: auto;
}

div.sale-box-margin {
	margin: 15px 0px 0px 0px;
}
	@media only screen and (max-width: 620px) {
		div.sale-box-margin {
			margin: -18px 0px 0px 0px;
		}
	}
	@media only screen and (max-width: 580px) {
		div.sale-box-margin {
			margin: -25px 0px 0px 0px;
		}
	}
	@media only screen and (max-width: 540px) {
		div.sale-box-margin {
			margin: -38px 0px 0px 0px;
		}
	}
	@media only screen and (max-width: 500px) {
		div.sale-box-margin {
			margin: -45px 0px 0px 0px;
		}
	}
	@media only screen and (max-width: 400px) {
		div.sale-box-margin {
			margin: -30px 0px 0px 0px;
		}
	}

div.sale-box {
	position: relative;
	top: 60px;
}
	@media only screen and (max-width: 1199px) {
		div.sale-box {
			top: 10px;
		}
	}
	@media only screen and (max-width: 600px) {
		div.sale-box {
			top: 15px;
		}
	}
	@media only screen and (max-width: 560px) {
		div.sale-box {
			top: 40px;
		}
	}

.start-h3-header {
	font-size: 28px;
}
	@media only screen and (max-width: 360px) {
		.start-h3-header {
			font-size: 24px;
		}
	}
	@media only screen and (max-width: 330px) {
		.start-h3-header {
			font-size: 20px;
		}
	}

.button-wa-info-service-margin {
	margin-top: 34px !important;
}
	@media only screen and (max-width: 749px) {
		.button-wa-info-service-margin {
			margin-top: 24px !important;
		}
	}
	@media only screen and (max-width: 414px) {
		.button-wa-info-service-margin {
			margin-top: 10px !important;
		}
	}
	@media only screen and (max-width: 334px) {
		.button-wa-info-service-margin {
			margin-top: 45px !important;
		}
	}
	@media only screen and (max-width: 314px) {
		.button-wa-info-service-margin {
			margin-top: 35px !important;
		}
	}


.button-flexslider-margin {
	height: 8px;
}
	@media only screen and (max-width: 1199px) {
		.button-flexslider-margin {
			height: 30px;
		}
	}
	@media only screen and (max-width: 482px) {
		.button-flexslider-margin {
			height: 20px;
		}
	}

.flexslider-margin {
	height: 44px;
}
	@media only screen and (max-width: 1199px) {
		.flexslider-margin {
			height: 40px;
		}
	}
	@media only screen and (max-width: 991px) {
		.flexslider-margin {
			height: 35px;
		}
	}
	@media only screen and (max-width: 700px) {
		.flexslider-margin {
			height: 30px;
		}
	}
	@media only screen and (max-width: 590px) {
		.flexslider-margin {
			height: 35px;
		}
	}
	@media only screen and (max-width: 560px) {
		.flexslider-margin {
			margin-bottom: -35px;
		}
	}


.flexslider_margin_width {
	margin-bottom: 15px;
	width: 75%;
}

@media only screen and (max-width: 969px) {
	.flexslider_margin_width {
		margin-bottom: 3.8%;
	}
}

@media only screen and (max-width: 700px) {
	.flexslider_margin_width {
		margin-bottom: 6.8%;
	}
}

@media only screen and (max-width: 470px) {
	.flexslider_margin_width {
		margin-bottom: 7.6%;
	}
}

@media only screen and (max-width: 455px) {
	.flexslider_margin_width {
		margin-bottom: 7.8%;
	}
}

@media only screen and (max-width: 455px) {
	.flexslider_margin_width {
		margin-bottom: 8%;
	}
}

@media only screen and (max-width: 420px) {
	.flexslider_margin_width {
		margin-bottom: 8.2%;
	}
}

@media only screen and (max-width: 400px) {
	.flexslider_margin_width {
		margin-bottom: 8.4%;
	}
}

@media only screen and (max-width: 380px) {
	.flexslider_margin_width {
		margin-bottom: 8.6%;
	}
}

.flexslider_placeholder {
	margin-bottom: 18px;
	width: 75%;
	height: 64px;
}
	@media only screen and (max-width: 510px) {
		.flexslider_placeholder {
			margin-bottom: 17px;
		}
	}
	@media only screen and (max-width: 490px) {
		.flexslider_placeholder {
			margin-bottom: 16px;
		}
	}
	@media only screen and (max-width: 470px) {
		.flexslider_placeholder {
			margin-bottom: 18px;
		}
	}
	@media only screen and (max-width: 450px) {
		.flexslider_placeholder {
			margin-bottom: 17px;
		}
	}
	@media only screen and (max-width: 430px) {
		.flexslider_placeholder {
			margin-bottom: 15px;
		}
	}
	@media only screen and (max-width: 380px) {
		.flexslider_placeholder {
			margin-bottom: 14px;
		}
	}
	@media only screen and (max-width: 360px) {
		.flexslider_placeholder {
			margin-bottom: 13px;
		}
	}
	@media only screen and (max-width: 340px) {
		.flexslider_placeholder {
			margin-bottom: 11px;
		}
	}

.flex-caption {
	width: 100%;
	padding: 2%;
	left: 0;
	bottom: 0;
	background: #a8e1cd;
	color: #333;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
}

div.row-width-index-box {
	left: 13.5%;
	position: relative;
	width: 99%;
}
	@media only screen and (max-width: 1199px) {
		div.row-width-index-box {
			left: 0%;
			width: 100%;
		}
	}
	
div.coupon-start-min-height {
	height: 84px;	
}
	@media only screen and (max-width: 700px) {
		div.coupon-start-min-height {
			height: 65px;
		}
	}

img.logo_partner {
	width: 105px !important;
	height: 35px !important;
}
	@media only screen and (max-width: 969px) {
		img.logo_partner {
			width: 95px !important;
			height: 32px !important;
		}
	}
	@media only screen and (max-width: 700px) {
		img.logo_partner {
			width: 70px !important;
			height: 23px !important;
		}
	}
	
img.logo_partner_awin {
	width: 100px !important;
	height: 35px !important;
}
	@media only screen and (max-width: 969px) {
		img.logo_partner_awin {
			width: 90px !important;
			height: 32px !important;
		}
	}
	@media only screen and (max-width: 700px) {
		img.logo_partner_awin {
			width: 67px !important;
			height: 23px !important;
		}
	}

img.logo_partner_tradetr {
	width: 55px !important;
	height: 40px !important;
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

img.logo_partner_daisycon {
	width: 90px !important;
	height: 90px !important;
}
	@media only screen and (max-width: 969px) {
		img.logo_partner_daisycon {
			width: 80px !important;
			height: 80px !important;
		}
	}
	@media only screen and (max-width: 700px) {
		img.logo_partner_daisycon {
			width: 70px !important;
			height: 70px !important;
		}
	}

img.logo_partner_detail {
	width: 100px !important;
	height: 35px !important;
	margin-right: 15px;
}
	@media only screen and (max-width: 969px) {
		img.logo_partner_detail {
			width: 95px !important;
			height: 32px !important;
		}
	}
	@media only screen and (max-width: 700px) {
		img.logo_partner_detail {
			width: 70px !important;
			height: 23px !important;
		}
	}
	
img.logo_partner_detail_awin {
	width: 100px !important;
	height: 35px !important;
	margin-right: 15px;
}
	@media only screen and (max-width: 969px) {
		img.logo_partner_detail_awin {
			width: 90px !important;
			height: 32px !important;
		}
	}
	@media only screen and (max-width: 700px) {
		img.logo_partner_detail_awin {
			width: 67px !important;
			height: 23px !important;
		}
	}

img.logo_partner_detail_tradetr {
	width: 70px !important;
	height: 70px !important;
	margin-left: 15px;
	margin-right: 65px;
}
	@media only screen and (max-width: 969px) {
		img.logo_partner_detail_tradetr {
			width: 62px !important;
			height: 62px !important;
		}
	}
	@media only screen and (max-width: 700px) {
		img.logo_partner_detail_tradetr {
			width: 50px !important;
			height: 50px !important;
			margin-right: 35px;
		}
	}
	
img.logo_partner_detail_daisycon {
	width: 90px !important;
	height: 90px !important;
}
	@media only screen and (max-width: 969px) {
		img.logo_partner_detail_daisycon {
			width: 80px !important;
			height: 80px !important;
		}
	}
	@media only screen and (max-width: 700px) {
		img.logo_partner_detail_daisycon {
			width: 70px !important;
			height: 70px !important;
		}
	}

span.logo_header, a.logo_header {
	font-weight: bold;
	font-size: 16px;
	vertical-align: -3px;
	color: #333333;
}

@media only screen and (max-width: 969px) {
	span.logo_header, a.logo_header {
		font-size: 15px;
	}
}

@media only screen and (max-width: 700px) {
	span.logo_header, a.logo_header {
		font-size: 14px;
	}
}

a.logo_header:hover {
	color: #9d9d9d;
	background-color: transparent;
}

div.logo_header_description_margin, div.description_button_margin, div.button_end_margin {
	margin: 30px 0px 0px 0px;
}

div.distance_columns {
	height: 30px;
}

h3.main_page_sale_action {
	line-height: 65px;
}
	@media only screen and (max-width: 550px) {
		h3.main_page_sale_action {
			line-height: 40px;
		}
	}
	@media only screen and (max-width: 400px) {
		h3.main_page_sale_action {
			margin: 0px 0px -10px 0px;
		}
	}

div.main_page_shop_list {
	padding: 33px 0px 29px 365px;
}
	@media only screen and (max-width: 1920px) {
		div.main_page_shop_list {
			padding: 33px 0px 29px 365px;
		}
	}
	@media only screen and (max-width: 1820px) {
		div.main_page_shop_list {
			padding: 33px 0px 29px 350px;
		}
	}
	@media only screen and (max-width: 1720px) {
		div.main_page_shop_list {
			padding: 33px 0px 29px 320px;
		}
	}
	@media only screen and (max-width: 1620px) {
		div.main_page_shop_list {
			padding: 33px 0px 29px 140px;
		}
	}
	@media only screen and (max-width: 1520px) {
		div.main_page_shop_list {
			padding: 33px 0px 29px 95px;
		}
	}
	@media only screen and (max-width: 1420px) {
		div.main_page_shop_list {
			padding: 33px 0px 29px 0px;
		}
	}
	@media only screen and (max-width: 1020px) {
		div.main_page_shop_list {
			padding: 33px 0px 29px 0px;
		}
	}
	@media only screen and (max-width: 960px) {
		div.main_page_shop_list {
			padding: 30px 0px 5px 0px;
		}
	}
	@media only screen and (max-width: 700px) {
		div.main_page_shop_list {
			padding: 30px 0px 0px 0px;
		}
	}

div.main_page_partner_list {
	display: flex;
	padding: 15px 210px 22px 0px;
}
	@media only screen and (max-width: 1920px) {
		div.main_page_partner_list {
			padding: 15px 0px 22px 175px;
		}
	}
	@media only screen and (max-width: 1820px) {
		div.main_page_partner_list {
			padding: 15px 0px 22px 185px;
		}
	}
	@media only screen and (max-width: 1720px) {
		div.main_page_partner_list {
			padding: 15px 0px 22px 105px;
		}
	}
	@media only screen and (max-width: 1620px) {
		div.main_page_partner_list {
			padding: 15px 15px 22px 0px;
		}
	}
	@media only screen and (max-width: 1520px) {
		div.main_page_partner_list {
			padding: 15px 15px 22px 0px;
		}
	}
	@media only screen and (max-width: 1420px) {
		div.main_page_partner_list {
			padding: 15px 255px 22px 0px;
		}
	}
	@media only screen and (max-width: 1020px) {
		div.main_page_partner_list {
			padding: 15px 0px 22px 0px;
		}
	}
	@media only screen and (max-width: 960px) {
		div.main_page_partner_list {
			padding: 18px 0px 0px 0px;
		}
	}

div.main_page_partner_action_list_display {
	display: flex;
	position: relative;
	left: 95px;
}
	@media only screen and (max-width: 1920px) {
		div.main_page_partner_action_list_display {
			position: relative;
			left: -100px;
		}
	}
	@media only screen and (max-width: 1720px) {
		div.main_page_partner_action_list_display {
			position: relative;
			left: -60px;
		}
	}
	@media only screen and (max-width: 1620px) {
		div.main_page_partner_action_list_display {
			position: relative;
			left: 0px;
		}
	}
	@media only screen and (max-width: 1420px) {
		div.main_page_partner_action_list_display {
			position: relative;
			left: 122px;
		}
	}
	@media only screen and (max-width: 1200px) {
		div.main_page_partner_action_list_display {
			position: relative;
			left: 110px;
		}
	}
	@media only screen and (max-width: 1180px) {
		div.main_page_partner_action_list_display {
			position: relative;
			left: 10.5%;
		}
	}
	@media only screen and (max-width: 1140px) {
		div.main_page_partner_action_list_display {
			position: relative;
			left: 9%;
		}
	}
	@media only screen and (max-width: 1110px) {
		div.main_page_partner_action_list_display {
			position: relative;
			left: 7.4%;
		}
	}
	@media only screen and (max-width: 1080px) {
		div.main_page_partner_action_list_display {
			position: relative;
			left: 6.4%;
		}
	}
	@media only screen and (max-width: 1060px) {
		div.main_page_partner_action_list_display {
			position: relative;
			left: 5.4%;
		}
	}
	@media only screen and (max-width: 1040px) {
		div.main_page_partner_action_list_display {
			position: relative;
			left: 4.4%;
		}
	}

div.main_page_partner_list_display {
	display: flex;
	position: relative;
	left: 20px;
}
	@media only screen and (max-width: 1920px) {
		div.main_page_partner_list_display {
			position: relative;
			left: -190px;
		}
	}
	@media only screen and (max-width: 1820px) {
		div.main_page_partner_list_display {
			position: relative;
			left: -180px;
		}
	}
	@media only screen and (max-width: 1720px) {
		div.main_page_partner_list_display {
			position: relative;
			left: -170px;
		}
	}
	@media only screen and (max-width: 1620px) {
		div.main_page_partner_list_display {
			position: relative;
			left: -85px;
		}
	}
	@media only screen and (max-width: 1520px) {
		div.main_page_partner_list_display {
			position: relative;
			left: -55px;
		}
	}
	@media only screen and (max-width: 1420px) {
		div.show-on-desktop-801 {
			display: none;
		}
		div.main_page_partner_list_display {
			position: relative;
			left: -10px;
		}
	}
	@media only screen and (max-width: 1320px) {
		div.main_page_partner_list_display {
			position: relative;
			left: -2px;
		}
	}
	@media only screen and (max-width: 1220px) {
		div.main_page_partner_list_display {
			position: relative;
			left: 5px;
		}
	}
	@media only screen and (max-width: 1199px) {
		div.main_page_partner_list_display {
			position: relative;
			left: -3px;
		}
	}

.grid-view-date-range-width {
	width: 25%;
}
@media only screen and (max-width: 1920px) {
	.grid-view-date-range-width {
		width: 25%;
	}
}

@media only screen and (max-width: 1199px) {
	.grid-view-date-range-width {
		width: 30%;
	}
}

@media only screen and (max-width: 991px) {
	.grid-view-date-range-width {
		width: 37.5%;
	}
}

@media only screen and (max-width: 692px) {
	.grid-view-date-range-width {
		width: 39%;
	}
}

@media only screen and (max-width: 660px) {
	.grid-view-date-range-width {
		width: 42%;
	}
}

@media only screen and (max-width: 615px) {
	.grid-view-date-range-width {
		width: 46%;
	}
}

.grid-view-date-range-width-verg {
	width: 25%;
}

@media only screen and (max-width: 1920px) {
	.grid-view-date-range-width-verg {
		width: 25%;
	}
}

@media only screen and (max-width: 1199px) {
	.grid-view-date-range-width-verg {
		width: 30%;
	}
}

@media only screen and (max-width: 991px) {
	.grid-view-date-range-width-verg {
		width: 37.5%;
	}
}

@media only screen and (max-width: 705px) {
	.grid-view-date-range-width-verg {
		width: 41%;
	}
}

@media only screen and (max-width: 674px) {
	.grid-view-date-range-width-verg {
		width: 43%;
	}
}

@media only screen and (max-width: 592px) {
	.grid-view-date-range-width-verg {
		width: 46%;
	}
}

div.main_page_account_tool_bar_cash {
	font-size: 13px;
	margin-left: -1.5%;
	width: 60%;
}

@media only screen and (max-width: 1200px) {
	div.main_page_account_tool_bar_cash {
		width: 95%;
		margin-top: 2.5%;
		margin-left: -1.5%;
	}
}

@media only screen and (max-width: 991px) {
	div.main_page_account_tool_bar_cash {
		margin-top: 1%;
		margin-left: -1.5%;
	}
}

@media only screen and (max-width: 767px) {
	div.main_page_account_tool_bar_cash {
		margin-top: 2.5%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 630px) {
	div.main_page_account_tool_bar_cash {
		margin-top: 4.5%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 510px) {
	div.main_page_account_tool_bar_cash {
		margin-top: 8.5%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 350px) {
	div.main_page_account_tool_bar_cash {
		margin-top: 12.5%;
		margin-left: 0%;
	}
}

div.display-categories {
	display: block;
	font-size: 14px;
}

@media only screen and (max-width: 1200px) {
	div.display-categories {
		display: flex;
		font-size: 13px;
	}
}

@media only screen and (max-width: 800px) {
	div.display-categories {
		display: flex;
		font-size: 12px;
	}
}

@media only screen and (max-width: 500px) {
	div.display-categories {
		font-size: 11px;
	}
}

div.categories-row-width {
	width: 26.7%;
	padding: 15px 0px 5px 15px;
}

@media only screen and (max-width: 660px) {
	div.categories-row-width {
		width: 36.7%;
	}
}

div.margin-header-user-tab {
	margin-top: 50px;
}

@media only screen and (max-width: 1200px) {
	div.margin-header-user-tab {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 991px) {
	div.margin-header-user-tab {
		margin-top: 50px;
	}
}

@media only screen and (max-width: 767px) {
	div.margin-header-user-tab {
		margin-top: 30px;
	}
}

div.show-on-big-desktop {
	display: none;
}
	@media only screen and (max-width: 1920px) {
		div.show-on-big-desktop {
			display: none;
		}
		div.show-on-desktop-801 {
			display: flex;
		}
	}
	@media only screen and (max-width: 1420px) {
		div.show-on-big-desktop {
			display: flex;
		}
		div.show-on-desktop-801 {
			display: none;
		}
	}
	@media only screen and (max-width: 1020px) {
		div.show-on-big-desktop {
			display: none;
		}
	}

div.show-on-mobile {
	display: none;
}
	@media only screen and (max-width: 1020px) {
		div.show-on-mobile {
			display: flex;
		}
	}
	@media only screen and (max-width: 590px) {
		div.show-on-mobile {
			display: none;
		}
	}

div.show-on-mobile-small {
	display: none;
}
	@media only screen and (max-width: 590px) {
		div.show-on-mobile-small {
			display: flex;
		}
	}
	@media only screen and (max-width: 290px) {
		div.show-on-mobile-small {
			display: none;
		}
	}

div.main_page_partner_list_col_mobile {
	font-size: 14px;
	padding: 0px 32px 0px 32px;
	width: 180px;
}
	@media only screen and (max-width: 748px) {
		div.main_page_partner_list_col_mobile {
			width: 160px;
		}
	}
	/*@media only screen and (max-width: 700px) {
		div.main_page_partner_list_col_mobile {
			font-size: 11px;
		}
	}*/
	@media only screen and (max-width: 668px) {
		div.main_page_partner_list_col_mobile {
			width: 140px;
		}
	}
	
div.main_page_partner_list_col_mobile_small {
	width: 240px !important;
}
	@media only screen and (max-width: 590px) {
		div.main_page_partner_list_col_mobile_small {
			width: 240px !important;
		}
	}
	@media only screen and (max-width: 508px) {
		div.main_page_partner_list_col_mobile_small {
			width: 220px !important;
		}
	}
	@media only screen and (max-width: 466px) {
		div.main_page_partner_list_col_mobile_small {
			width: 200px !important;
		}
	}
	@media only screen and (max-width: 430px) {
		div.main_page_partner_list_col_mobile_small {
			width: 180px !important;
		}
	}
	@media only screen and (max-width: 390px) {
		div.main_page_partner_list_col_mobile_small {
			width: 160px !important;
		}
	}
	@media only screen and (max-width: 352px) {
		div.main_page_partner_list_col_mobile_small {
			width: 140px !important;
		}
	}
	@media only screen and (max-width: 314px) {
		div.main_page_partner_list_col_mobile_small {
			width: 120px !important;
		}
	}
	

div.main_page_partner_list_col {
	font-size: 12px;
	width: 240px;
}

div.main_page_partner_list_images {
	margin: 0px 0px 0px 0px;
	box-shadow: 8px 8px 3px #eee;
}

@media only screen and (max-width: 969px) {
	div.main_page_partner_list_images {
		margin: 0px 0px 25px 0px;
	}
}

div.gutscheinRabattTextMargin {
	margin-top: 135px;
	margin-bottom: 135px;
}
@media only screen and (max-width: 1200px) {
	div.gutscheinRabattTextMargin {
		margin-top: 35px;
		margin-bottom: 35px;
	}
}

div.gutscheinRabattTextWaService {
	position: relative;
	top: 18px;
	font-size: 12px;
	
}
@media only screen and (max-width: 1200px) {
	div.gutscheinRabattTextWaService {
		top: 16px;
		width: 100%;
		margin: 0px 0px 45px 0px;
	}
}

div.gutscheine-display {
	width: 80%;
	margin-bottom: 2.5%;
	display: table;
}

@media only screen and (max-width: 960px) {
	div.gutscheine-display {
		width: 100%;
	}
}

@media screen and (max-width: 992px) {
	div.gutscheine-display {
		width: 75%;
	}
}

@media screen and (max-width: 768px) {
	div.gutscheine-display {
		width: 100%;
	}
}

div.gutscheine-showcase {
	float: right;
	width: 20%;
}

@media screen and (max-width: 992px) {
	div.gutscheine-showcase {
		width: 25%;
	}
}

@media screen and (max-width: 620px) {
	div.gutscheine-showcase {
		width: 30%;
	}
}

@media screen and (max-width: 468px) {
	div.gutscheine-showcase {
		display: none;
	}
}

img.buttonStartGutscheinStoerer {
	position: absolute;
	left: 915px;
	top: 5px;
	width: 100px;
	height: 100px;
}
	@media only screen and (max-width: 1199px) {
		img.buttonStartGutscheinStoerer {
			left: 855px;
			top: 5px;
		}
	}
	@media only screen and (max-width: 991px) {
		img.buttonStartGutscheinStoerer {
			left: 635px;
			top: 0px;
		}
	}
	@media only screen and (max-width: 739px) {
		img.buttonStartGutscheinStoerer {
			display: none;
		}
	}

img.buttonStartBonusStoerer {
	position: absolute;
	left: 415px;
	top: 290px;
	width: 70px;
	height: 70px;
}
	@media only screen and (max-width: 1199px) {
		img.buttonStartBonusStoerer {
			left: 630px;
			top: 250px;
		}
	}
	@media only screen and (max-width: 991px) {
		img.buttonStartBonusStoerer {
			left: 520px;
			top: 260px;
		}
	}
	@media only screen and (max-width: 730px) {
		img.buttonStartBonusStoerer {
			left: 510px;
			top: 270px;
		}
	}
	@media only screen and (max-width: 710px) {
		img.buttonStartBonusStoerer {
			left: 500px;
			top: 270px;
		}
	}
	@media only screen and (max-width: 690px) {
		img.buttonStartBonusStoerer {
			left: 480px;
			top: 270px;
		}
	}
	@media only screen and (max-width: 660px) {
		img.buttonStartBonusStoerer {
			left: 470px;
			top: 270px;
		}
	}
	@media only screen and (max-width: 640px) {
		img.buttonStartBonusStoerer {
			left: 460px;
			top: 270px;
		}
	}
	@media only screen and (max-width: 620px) {
		img.buttonStartBonusStoerer {
			left: 450px;
			top: 270px;
		}
	}
	@media only screen and (max-width: 610px) {
		img.buttonStartBonusStoerer {
			left: 445px;
			top: 270px;
		}
	}
	@media only screen and (max-width: 600px) {
		img.buttonStartBonusStoerer {
			left: 440px;
			top: 270px;
		}
	}
	@media only screen and (max-width: 580px) {
		img.buttonStartBonusStoerer {
			left: 420px;
			top: 270px;
		}
	}
	@media only screen and (max-width: 550px) {
		img.buttonStartBonusStoerer {
			left: 410px;
			top: 290px;
		}
	}
	@media only screen and (max-width: 540px) {
		img.buttonStartBonusStoerer {
			left: 390px;
			top: 290px;
		}
	}
	@media only screen and (max-width: 520px) {
		img.buttonStartBonusStoerer {
			left: 370px;
			top: 290px;
		}
	}
	@media only screen and (max-width: 490px) {
		img.buttonStartBonusStoerer {
			left: 355px;
			top: 290px;
		}
	}
	@media only screen and (max-width: 465px) {
		img.buttonStartBonusStoerer {
			left: 345px;
			top: 290px;
		}
	}
	@media only screen and (max-width: 450px) {
		img.buttonStartBonusStoerer {
			left: 340px;
			top: 290px;
		}
	}
	@media only screen and (max-width: 440px) {
		img.buttonStartBonusStoerer {
			left: 330px;
			top: 290px;
		}
	}
	@media only screen and (max-width: 430px) {
		img.buttonStartBonusStoerer {
			left: 325px;
			top: 290px;
		}
	}
	@media only screen and (max-width: 425px) {
		img.buttonStartBonusStoerer {
			left: 315px;
			top: 300px;
		}
	}
	@media only screen and (max-width: 415px) {
		img.buttonStartBonusStoerer {
			left: 315px;
			top: 305px;
		}
	}
	@media only screen and (max-width: 410px) {
		img.buttonStartBonusStoerer {
			left: 310px;
			top: 305px;
		}
	}
	@media only screen and (max-width: 405px) {
		img.buttonStartBonusStoerer {
			left: 310px;
			top: 305px;
			width: 65px;
			height: 65px;
		}
	}
	@media only screen and (max-width: 400px) {
		img.buttonStartBonusStoerer {
			left: 305px;
			top: 305px;
		}
	}
	@media only screen and (max-width: 395px) {
		img.buttonStartBonusStoerer {
			left: 305px;
			top: 305px;
			width: 60px;
			height: 60px;
		}
	}
	@media only screen and (max-width: 390px) {
		img.buttonStartBonusStoerer {
			left: 300px;
			top: 305px;
		}
	}
	@media only screen and (max-width: 385px) {
		img.buttonStartBonusStoerer {
			left: 290px;
			top: 305px;
		}
	}
	@media only screen and (max-width: 385px) {
		img.buttonStartBonusStoerer {
			left: 280px;
			top: 305px;
		}
	}
	@media only screen and (max-width: 365px) {
		img.buttonStartBonusStoerer {
			left: 280px;
			top: 305px;
			width: 55px;
			height: 55px;
		}
	}
	@media only screen and (max-width: 360px) {
		img.buttonStartBonusStoerer {
			left: 275px;
			top: 305px;
		}
	}
	@media only screen and (max-width: 355px) {
		img.buttonStartBonusStoerer {
			left: 270px;
			top: 305px;
		}
	}
	@media only screen and (max-width: 350px) {
		img.buttonStartBonusStoerer {
			display: none;
		}
	}

div.coupon-counter-display {
	display: none;
}

@media only screen and (max-width: 1200px) {
	div.coupon-counter-display {
		display: none;
	}
}

div.summary {
	margin: 20px 0px 10px 0px;
	font-size: 14px;
}
@media screen and (max-width: 725px) {
	div.summary {
		font-size: 12px;
		margin: 20px 85px 0px 0px;
	}
}

/* smaller screens */
article.readMore {
	max-height: 2em;
}
/* larger screens */
@media screen and (min-width: 640px) {
	article.readMore {
		max-height: 3em;
	}
}

div.detail-gutschein-description {
	width: 80%;
	padding-top: 15px;
	min-height: 368px;
}
@media screen and (max-width: 1199px) {
	div.detail-gutschein-description {
		min-height: 385px;
	}
}
@media screen and (max-width: 992px) {
	div.detail-gutschein-description {
		width: 75%;
	}
}
@media screen and (max-width: 991px) {
	div.detail-gutschein-description {
		min-height: 405px;
	}
}
@media screen and (max-width: 739px) {
	div.detail-gutschein-description {
		min-height: 395px;
	}
}
@media screen and (max-width: 639px) {
	div.detail-gutschein-description {
		min-height: 375px;
	}
}
@media screen and (max-width: 620px) {
	div.detail-gutschein-description {
		width: 70%;
	}
}
@media screen and (max-width: 570px) {
	div.detail-gutschein-description {
		width: 100%;
	}
}

div.detail-gutschein-help-steps {
	margin: -30px 0px 20px -15px;
	padding: 30px 0px 30px 0px;
}

@media screen and (max-width: 468px) {
	div.detail-gutschein-help-steps {
		margin: -30px -15px 20px -15px;
	}
}

div.detail-commendations-column {
	width: 20%;
}

div.start-shop-column-width {
	float: left;
	width: 80%;
}

@media screen and (max-width: 992px) {
	div.start-shop-column-width {
		width: 75%;
	}
}

@media screen and (max-width: 620px) {
	div.start-shop-column-width {
		width: 70%;
	}
}

@media screen and (max-width: 468px) {
	div.start-shop-column-width {
		width: 100%;
	}
}

div.start-commendations-column-width {
	float: right;
	margin-top: 50px;
	width: 20%;
}

@media screen and (max-width: 992px) {
	div.start-commendations-column-width {
		width: 25%;
	}
}

@media screen and (max-width: 620px) {
	div.start-commendations-column-width {
		width: 30%;
	}
}

@media screen and (max-width: 468px) {
	div.start-commendations-column-width {
		display: none;
	}
}

div.detail-commendations-column-width {
	float: right;
	margin-top: 2.5%;
	width: 20%;
}

@media screen and (max-width: 1200px) {
	div.detail-commendations-column-width {
		margin-top: 8.1%;
	}
}

@media screen and (max-width: 992px) {
	div.detail-commendations-column-width {
		width: 25%;
		margin-top: 10.6%;
	}
}

@media screen and (max-width: 720px) {
	div.detail-commendations-column-width {
		margin-top: 11.6%;
	}
}

@media screen and (max-width: 620px) {
	div.detail-commendations-column-width {
		width: 30%;
		margin-top: 13.5%;
	}
}

@media screen and (max-width: 560px) {
	div.detail-commendations-column-width {
		margin-top: 14.5%;
	}
}

@media screen and (max-width: 500px) {
	div.detail-commendations-column-width {
		margin-top: 16.2%;
	}
}

@media screen and (max-width: 468px) {
	div.detail-commendations-column-width {
		display: none;
	}
}

.shop-filter-detail {
  background-color: #f8f9fa;
  border-radius: 12px;
  padding: 16px 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  font-family: 'Inter', sans-serif;
  max-width: 280px;
}

.shop-filter-detail .section-title {
  font-weight: 600;
  font-size: 1.5rem;
  color: #333;
  margin-bottom: 12px;
}

.shop-filter-detail ul.nobullet {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.shop-filter-detail li {
  margin-bottom: 10px;
}

.shop-filter-detail a {
  display: block;
  padding: 10px 14px;
  border-radius: 8px;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}

.shop-filter-detail a:hover {
  background-color: #1498a5;
  color: #fff;
}

.shop-filter-detail .active a,
.shop-filter-detail li.active a {
  background-color: #1498a5;
  color: #fff;
  font-weight: 600;
  box-shadow: inset 0 0 0 1px #117e8f;
}

@media (max-width: 600px) {
  .shop-filter-detail {
    max-width: 100%;
    padding: 14px;
  }
}

div.help-steps {
	margin-bottom: 0px;
}
	@media screen and (max-width: 1200px) {
		div.help-steps {
			margin-bottom: 15px;
		}
	}

div.gutschein-rabatt-header-margin {
	margin-top: -20px;
}
	@media screen and (max-width: 620px) {
		div.gutschein-rabatt-header-margin {
			margin-top: -30px;
		}
	}
	@media screen and (max-width: 400px) {
		div.gutschein-rabatt-header-margin {
			margin-top: -40px;
		}
	}

div.gutschein-rabatt-header-start {
	padding: 25px 0px 70px 0px;
}
	@media screen and (max-width: 620px) {
		div.gutschein-rabatt-header-start {
			padding: 5px 0px 65px 0px;
		}
	}
	@media screen and (max-width: 400px) {
		div.gutschein-rabatt-header-start {
			padding: 1px 0px 65px 0px;
		}
	}
	@media screen and (max-width: 349px) {
		div.gutschein-rabatt-header-start {
			padding: 1px 0px 35px 0px;
		}
	}

div.shop-search-width {
	width: 78%;
}
	@media screen and (max-width: 750px) {
		div.shop-search-width {
			width: 88%;
		}
	}
	
div.shop-search-margin {
	margin-top: 18px;
}
	@media screen and (max-width: 620px) {
		div.shop-search-margin {
			margin-top: 10px;
		}
	}
	@media screen and (max-width: 400px) {
		div.shop-search-margin {
			margin-top: 9px;
		}
	}

h3.index-search-header {
	font-size: 25px;
	width: 75%;
}
	@media screen and (max-width: 715px) {
		h3.index-search-header {
			font-size: 23px;
		}
	}
	@media screen and (max-width: 680px) {
		h3.index-search-header {
			width: 63%;
		}
	}
	@media screen and (max-width: 640px) {
		h3.index-search-header {
			padding: 0px 15px 0px 15px;
		}
	}
	@media screen and (max-width: 633px) {
		h3.index-search-header {
			width: 70%;
		}
	}
	@media screen and (max-width: 572px) {
		h3.index-search-header {
			width: 75%;
		}
	}
	@media screen and (max-width: 550px) {
		h3.index-search-header {
			font-size: 20px;
		}
	}

div.reveal-custom {
	background-color: #A8E1CD;
	width: 50%;
	margin: 0px !important;
	left: 25% !important;
}

@media screen and (max-width: 1240px) {
	div.reveal-custom {
		width: 55%;
	}
}

@media screen and (max-width: 1128px) {
	div.reveal-custom {
		width: 65%;
		left: 18% !important;
	}
}

@media screen and (max-width: 952px) {
	div.reveal-custom {
		width: 74%;
		left: 15% !important;
	}
}

@media screen and (max-width: 838px) {
	div.reveal-custom {
		width: 75%;
		left: 12% !important;
	}
}

@media screen and (max-width: 638px) {
	div.reveal-custom {
		width: 85%;
		left: 8% !important;
	}
}

div.gutschein-modal-dialog-gutschein-code {
	display: block;
}

@media screen and (max-width: 1240px) {
	div.gutschein-modal-dialog-gutschein-code {
		display: flex;
	}
}

@media screen and (max-width: 500px) {
	div.gutschein-modal-dialog-gutschein-code {
		display: block;
	}
}

div.gutschein-modal-dialog-gutschein-code-field {
	width: 58%;
}

@media screen and (max-width: 500px) {
	div.gutschein-modal-dialog-gutschein-code-field {
		width: 90%;
	}
}

a.logo_link_text:hover, a.logo_link_text:focus {
	color: #000 !important;
}

a.slider_logo_text {
	font-size: 12px;
	font-weight: bold;
}

@media screen and (max-width: 420px) {
	a.slider_logo_text {
		font-size: 14px;
	}
}

@media screen and (max-width: 400px) {
	a.slider_logo_text {
		font-size: 12px;
	}
}

div.box-shadow-start {
	box-shadow: 0px 0px 20px 0px grey;
}

div.buttonGutscheineCode {
	width: 33%;
	margin-bottom: 20px;
}
	@media screen and (max-width: 1199px) {
		div.buttonGutscheineCode {
			width: 300px;
		}
	}
	@media screen and (max-width: 544px) {
		div.buttonGutscheineCode {
			font-size: 12px;
			width: 250px;
		}
	}

div.buttonGutscheineActionRabatt {
	margin-bottom: 20px;
}
@media screen and (max-width: 544px) {
	div.buttonGutscheineActionRabatt {
		font-size: 12px;
	}
}

.button-width-index {
	width: 92%;
}
	@media screen and (max-width: 1199px) {
		.button-width-index {
			width: 45%;
		}
	}
	@media screen and (max-width: 991px) {
		.button-width-index {
			width: 60%;
		}
	}
	@media screen and (max-width: 600px) {
		.button-width-index {
			width: 75%;
		}
	}
	@media screen and (max-width: 410px) {
		.button-width-index {
			width: 95%;
		}
	}

.button-width-30 {
	width: 30%;
}

@media screen and (max-width: 1199px) {
	.button-width-30 {
		width: 35%;
	}
}

@media screen and (max-width: 991px) {
	.button-width-30 {
		width: 45%;
	}
}

@media screen and (max-width: 740px) {
	.button-width-30 {
		width: 55%;
	}
}

@media screen and (max-width: 633px) {
	.button-width-30 {
		width: 65%;
	}
}

@media screen and (max-width: 310px) {
	.button-width-30 {
		width: 80%;
	}
}

.azlist-margin-button {
	margin: 30px 0px 25px 0px;
}

@media screen and (max-width: 1199px) {
	.azlist-margin-button {
		margin: 30px 0px 0px 0px;
	}
}

.search-field-partner-name {
	font-size: 15px;
}

.search-field-text-margin {
	margin-left: 120px;
}

@media screen and (max-width: 767px) {
	.search-field-text-margin {
		margin-left: 90px;
	}
}

.pagination {
	margin: 20px 0px 0px -15px;
}
@media screen and (max-width: 725px) {
	.pagination {
		font-size: 12px;
	}
}

.pagination>li>a, .pagination>li>span {
	color: #000;
}

.panel-default>.panel-heading-big {
	text-transform: uppercase;
	padding: 15px 0px 15px 15px;
}

.glyphicon-big {
	font-size: 25px;
}

.glyphicon-piggy-font {
	font-size: 18px;
	vertical-align: -3px !important;
}

.glyphicon-align {
	vertical-align: -1px;
}

.glyphicon-header-sign {
	vertical-align: -1px;
	margin: 0px 10px 0px 0px;
}

.glyphicon-text-sign {
	vertical-align: -1px;
	margin: 0px 5px 0px 0px;
}

.glyphicon-footer-sign {
	vertical-align: -2px;
}

.glyphicon-navbar-sign {
	vertical-align: -1px;
	margin: 0px 5px 0px 0px;
}

.glyphicon-flip {
	transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
}

.panel-body-margin {
	margin-top: 1%;
}

.panel-title-custom {
	font-weight: bold;
}

.active-form-field {
	width: 150px;
	margin: 0px 0px 0px 10px;
}

div.faqHeader {
	padding: 2px 0px 2px 7px;
	background-color: #A8E1CD;
	font-weight: bold;
	-moz-border-radius: 7px 7px 7px 7px; /* FF1+ */
	-webkit-border-radius: 7px 7px 7px 7px;
	/* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 7px 7px 7px 7px;
	/* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	/* useful if you don't want a bg color from leaking outside the border: */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

#faqs div.faqQuestion {
	cursor: pointer;
	padding: 10px 0px 0px 10px;
	font-weight: bold;
}

#faqs div.faqQuestion.active {
	color: #9d9d9d;
}

#faqs div.faqAnswer {
	padding: 9px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	height: 0;
	overflow: hidden;
	position: relative;
	background-color: #A8E1CD;
	line-height: 20px;
	-moz-border-radius: 7px 7px 7px 7px; /* FF1+ */
	-webkit-border-radius: 7px 7px 7px 7px;
	/* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 7px 7px 7px 7px;
	/* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	/* useful if you don't want a bg color from leaking outside the border: */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

#faqs div.faqAnswer p {
	padding: 5px 0px 0px 10px;
	margin-bottom: 15px;
}

.show-on-mobile-margin-col {
	display: none;
}

@media screen and (max-width: 1199px) {
	.show-on-mobile-margin-col {
		display: block;
	}
}

.show-on-mobile-margin-automatic-payout {
	margin: 170px 0px 50px 0px;
}

@media screen and (max-width: 1199px) {
	.show-on-mobile-margin-automatic-payout {
		margin: 30px 0px 30px 15px;
	}
}

.index-rows-width {
	width: 89%;
}

@media screen and (max-width: 1199px) {
	.index-rows-width {
		width: 100%;
	}
}

.start-description-height {
	height: 385px;
}

@media screen and (max-width: 450px) {
	.start-description-height {
		height: 400px !important;
	}
}

@media screen and (max-width: 334px) {
	.start-description-height {
		height: 445px !important;
	}
}

@media screen and (max-width: 300px) {
	.start-description-height {
		height: 480px !important;
	}
}

.plr30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

ul#shopKatSelect>li.active {
	background: #fff;
	box-shadow: inset 0px 0px 6px #A8E1CD;
}

.nobullet {
	list-style-type: none;
}

.text-grey {
	color: #333333;
}

.text-size-middle {
	font-size: 16px;
}

.text-size-14px {
	font-size: 14px;
}
	@media screen and (max-width: 544px) {
		.text-size-14px {
			font-size: 12px;
		}
	}

.text-size-big {
	font-size: 24px;
}

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

.text-bold {
	font-weight: bold;
}

.center {
	margin: 0 auto;
}

.back-white {
	background: #fff;
}

.back-black {
	background: #000;
}

.back-grey {
	background: #EAE7EC;
}

.back-light-blue {
	background: #5bc0de;
}

.back-bonus-start-image {
	background-image: url('bonus-start-35t.png');
	background-size: cover;
	background-position: center;
    position: relative;
}
	@media screen and (max-width: 462px) {
		.back-bonus-start-image {
			background-position: 60% 0%;
		}
	}
	

.register-button-wrapper {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  padding: 0 1rem;
  display: flex;
  justify-content: center;
}	

.back-bonus-start-header-image {
	background-image: url('bonus-start-header-35t.png');
	background-size: cover;
}

.back-cashback-start-header-image {
	background-image: url('cashback-start-header-35t.png');
	background-size: cover;
}

.back-coupon-start-image {
	background-image: url('back-coupon-start-35t.png');
	background-size: cover;
}

.back-wa-start-image {
	background-image: url('back-wa-start-35t.png');
	background-size: cover;
}
	@media screen and (max-width: 1199px) {
		.back-wa-start-image {
			background-position: 0% 50%;
		}
	}
	@media screen and (max-width: 524px) {
		.back-wa-start-image {
			background-position: 70% 50%;
		}
	}

.back-wa-infoservice-start-image {
	background-image: url('back-wa-infoservice-start.png');
	background-size: cover;
}
	@media screen and (max-width: 1199px) {
		.back-wa-infoservice-start-image {
			background-position: center;
		}
	}

.back-coupon-image {
	background-image: url('back-coupon-35t.png');
	background-size: cover;
}

.back-coupon-green-image {
	background-image: url('back-coupon-green-35t.png');
	background-size: cover;
}

.back-sale-all-image-transp {
	background-image: url('back-sale-all-transp.png');
	background-size: cover;
	background-position: center;
}
	@media screen and (max-width: 420px) {
		.back-sale-all-image-transp {
			background-size: auto;
			background-position: 50% -20%;
		}
	}
	@media screen and (max-width: 370px) {
		.back-sale-all-image-transp {
			background-size: 140%;
			background-position: 50% 0%;
		}
	}
	@media screen and (max-width: 350px) {
		.back-sale-all-image-transp {
			background-position: 50% 10%;
		}
	}
	
.back-sale-christmas-image-transp {
	background-image: url('back-sale-christmas-transp.png');
	background-size: cover;
}
	@media screen and (max-width: 420px) {
		.back-sale-christmas-image-transp {
			background-size: 140%;
		}
	}

.back-sale-wsv-image-transp {
	background-image: url('back-sale-wsv-transp.png');
	background-size: cover;
}
	@media screen and (max-width: 420px) {
		.back-sale-wsv-image-transp {
			background-size: 140%;
		}
	}

.back-sale-easter-image-transp {
	background-image: url('back-sale-easter-transp.png');
	background-size: cover;
}

.back-sale-mother-image-transp {
	background-image: url('back-sale-mother-transp.png');
	background-size: cover;
}

/* BUTTONS */
.button-large-without-border-color {
	border-radius: 3px;
	padding: 10px 0;
	display: block;
	text-align: center;
}

.button-large-without-border-without-border-hover {
	border-radius: 3px;
	padding: 10px 0;
	display: block;
	text-align: center;
}

.button-large {
	border-radius: 3px;
	border: 1px solid #1ea2ad;
	padding: 10px 0;
	display: block;
	text-align: center;
}

.button-small:hover, .button-large:hover,
	.button-large-without-border-color:hover {
	background: #1ea2ad;
	border: 1px solid #127179;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.button-large-without-border-without-border-hover:hover {
	background: #1ea2ad;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.button-small {
	border-radius: 3px;
	border: 1px solid #000;
	padding: 5px 0;
	display: block;
	text-align: center;
}

.button-smallest {
	border-radius: 3px;
	border: 1px solid #000;
	padding: 1px 0px 2px 3px;
	display: block;
	text-align: center;
}

@media screen and (max-width: 991px) {
	.button-smallest {
		border-radius: 3px;
		border: 1px solid #000;
		padding: 1px 0;
		display: block;
		text-align: center;
		font-size: 14px;
	}
}

@media screen and (max-width: 650px) {
	.button-smallest {
		border-radius: 3px;
		border: 1px solid #000;
		padding: 1px 0;
		display: block;
		text-align: center;
		font-size: 13px;
	}
}

.button-small-width {
	width: 120px;
}

.button-middle-width {
	width: 200px;
}

ul.no-margin, ol.no-margin {
  margin: 0;
  padding: 0;
}


.popover {
	font-family: 'Inter', Arial, sans-serif !important;
	font-size: 13px !important;
}
	@media screen and (max-width: 530px) {
		.popover {
			font-size: 12px;
		}
	}
	
.popover-x .close {
	font-family: Arial !important;
}

.popup-link {
	cursor: pointer;
	font-size: 14px;
}
	@media screen and (max-width: 420px) {
		.popup-link {
			font-size: 12px;
		}
	}

.popup-glyphicon-sign {
	margin: 10px 5px 25px 15px; vertical-align: -4px; font-size: 18px;
}
	@media screen and (max-width: 420px) {
		.popup-glyphicon-sign {
			font-size: 14px;
			vertical-align: -2px; 
		}
	}
	
.popover-x.right {}
	@media screen and (max-width: 635px) {
		.popover-x.right {
			left: 300px !important;
		}
	}
	@media screen and (max-width: 595px) {
		.popover-x.right {
			left: 250px !important;
		}
	}
	@media screen and (max-width: 542px) {
		.popover-x.right {
			left: 200px !important;
		}
	}
	@media screen and (max-width: 495px) {
		.popover-x.right {
			left: 150px !important;
		}
	}
	@media screen and (max-width: 442px) {
		.popover-x.right {
			left: 120px !important;
		}
	}
	@media screen and (max-width: 412px) {
		.popover-x.right {
			left: 100px !important;
		}
	}
	@media screen and (max-width: 392px) {
		.popover-x.right {
			left: 80px !important;
		}
	}
	@media screen and (max-width: 370px) {
		.popover-x.right {
			left: 70px !important;
		}
	}
	@media screen and (max-width: 360px) {
		.popover-x.right {
			left: 60px !important;
		}
	}
	@media screen and (max-width: 350px) {
		.popover-x.right {
			left: 40px !important;
		}
	}
	@media screen and (max-width: 330px) {
		.popover-x.right {
			left: 20px !important;
		}
	}


/* BONUS */
/* Bonusliste Legende */
div.legend-bcamp {
	
}

@media screen and (max-width: 530px) {
	div.legend-bcamp {
		font-size: 12px;
	}
}

/* Bonusliste Auswahlboxen */
div.grid-view div.panel div.kv-panel-before select {
	font-size: 14px;
}

@media screen and (max-width: 530px) {
	div.grid-view div.panel div.kv-panel-before select {
		font-size: 12px;
	}
}

/* Bonusliste Favoriten Checkbox */
div.grid-view div.panel div.kv-panel-before label {
	font-size: 14px;
}

@media screen and (max-width: 530px) {
	div.grid-view div.panel div.kv-panel-before label {
		font-size: 12px;
	}
}

/* Filter/Suche zur�cksetzen Button */
div.grid-view div.panel div.kv-panel-before div.pull-right div.btn-toolbar.kv-grid-toolbar div.btn-group a.btn.btn-info
	{
	
}

@media screen and (max-width: 530px) {
	div.grid-view div.panel div.kv-panel-before div.pull-right div.btn-toolbar.kv-grid-toolbar div.btn-group a.btn.btn-info
		{
		font-size: 12px;
	}
}

/* Pager Anzeige */
div.grid-view div.panel div div.kv-panel-pager ul.pagination, div.grid-view div.panel div h3.panel-title span.pull-left ul.pagination
	{
	
}

@media screen and (max-width: 530px) {
	div.grid-view div.panel div div.kv-panel-pager ul.pagination, div.grid-view div.panel div h3.panel-title span.pull-left ul.pagination
		{
		font-size: 12px;
	}
}

/* Summary Anzeige */
div.grid-view div.panel div.panel-heading div.pull-right div.summary {
	
}

@media screen and (max-width: 530px) {
	div.grid-view div.panel div.panel-heading div.pull-right div.summary {
		font-size: 12px;
	}
}

/* Suchfeld Placeholder Bonusaktion */
div.grid-view div.panel div.kv-grid-container table.kv-grid-table thead tr.kartik-sheet-style td input[name$='Search[name]']
	{
	font-size: 14px;
}

@media screen and (max-width: 600px) {
	div.grid-view div.panel div.kv-grid-container table.kv-grid-table thead tr.kartik-sheet-style td input[name$='Search[name]']
		{
		font-size: 11px;
	}
}

@media screen and (max-width: 480px) {
	div.grid-view div.panel div.kv-grid-container table.kv-grid-table thead tr.kartik-sheet-style td input[name$='Search[name]']
		{
		font-size: 14px;
	}
}

/* Tabellen �berschrift der Felder */
div.grid-view div.panel div.kv-grid-container table.kv-grid-table thead tr.kartik-sheet-style th
	{
	font-size: 16px;
}

@media screen and (max-width: 590px) {
	div.grid-view div.panel div.kv-grid-container table.kv-grid-table thead tr.kartik-sheet-style th
		{
		font-size: 12px;
	}
}

@media screen and (max-width: 540px) {
	div.grid-view div.panel div.kv-grid-container table.kv-grid-table thead tr.kartik-sheet-style th
		{
		font-size: 11px;
	}
}

@media screen and (max-width: 520px) {
	div.grid-view div.panel div.kv-grid-container table.kv-grid-table thead tr.kartik-sheet-style th
		{
		font-size: 10px;
	}
}

@media screen and (max-width: 490px) {
	div.grid-view div.panel div.kv-grid-container table.kv-grid-table thead tr.kartik-sheet-style th
		{
		font-size: 9px;
	}
}

@media screen and (max-width: 480px) {
	div.grid-view div.panel div.kv-grid-container table.kv-grid-table thead tr.kartik-sheet-style th
		{
		font-size: 14px;
	}
}

img.bonus-action-preview-image {
	margin-bottom: 15px;
}
	@media screen and (max-width: 480px) {
		img.bonus-action-preview-image {
			margin: 0px 0px 15px 0px;
		}
	}

img.premium-user-bonus-action-preview-image {
	margin-bottom: 15px;
}
	@media screen and (max-width: 480px) {
		img.premium-user-bonus-action-preview-image {
			margin: 0px 0px 15px 30px;
		}
	}

img.premium-user-stoerer {
	margin: -130px 0px 0px 65px;
}
	@media screen and (max-width: 480px) {
		img.premium-user-stoerer {
			margin: -15px 0px 0px -25px;
		}
	}

.bonus-list-width-name {
	width: 62%;
}

@media screen and (max-width: 520px) {
	.bonus-list-width-name {
		font-size: 12px;
	}
}

@media screen and (max-width: 480px) {
	.bonus-list-width-name {
		font-size: 14px;
	}
}

.bonus-list-width-verguet {
	width: 80px;
}

@media screen and (max-width: 590px) {
	.bonus-list-width-verguet {
		font-size: 12px;
	}
}

.bonus-list-width-verguet-period {
	width: 150px;
}

@media screen and (max-width: 590px) {
	.bonus-list-width-verguet-period {
		font-size: 12px;
	}
}

.bonus-list-margin-fields {
	margin: 0px;
}

@media screen and (max-width: 480px) {
	.bonus-list-margin-fields {
		margin: 0px 0px 40px 0px;
	}
}

/* SALE */
.sale-list-part-text-desktop {
	display: block;
	width: 100%;
}
	@media screen and (max-width: 600px) {
		.sale-list-part-text-desktop {
			display: none;
		}
	}
	@media screen and (max-width: 480px) {
		.sale-list-part-text-desktop {
			display: block;
			padding: 10px 0px 10px 0px;
			font-size: 14px;
		}
	}
	@media screen and (max-width: 370px) {
		.sale-list-part-text-desktop {
			padding: 8px 15px 8px 15px;
		}
	}

.sale-list-part-text-mobile {
	display: none;
	width: 100%;
}
	@media screen and (max-width: 600px) {
		.sale-list-part-text-mobile {
			display: flex;
			margin: 30px 0px 0px 0px;
		}
	}
	@media screen and (max-width: 480px) {
		.sale-list-part-text-mobile {
			display: none;
		}
	}

.sale-list-part-repeat-mobile {
	display: none;
}
	@media screen and (max-width: 600px) {
		.sale-list-part-repeat-mobile {
			display: block;
			margin: 30px 0px 0px 0px;
		}
	}
	@media screen and (max-width: 480px) {
		.sale-list-part-repeat-mobile {
			display: none;
		}
}

.sale-list-part-repeat-desktop {
	display: block;
}
	@media screen and (max-width: 600px) {
		.sale-list-part-repeat-desktop {
			display: none;
		}
	}
	@media screen and (max-width: 480px) {
		.sale-list-part-repeat-desktop {
			display: block;
			font-size: 16px;
		}
	}
	@media screen and (max-width: 370px) {
		.sale-list-part-repeat-desktop {
			display: block;
			font-size: 15px;
		}
	}

.sale-list-width-shop {
	width: 30%;
}
	@media screen and (max-width: 1199px) {
		.sale-list-width-shop {
			width: 15%;
			padding: 0px 0px 25px 0px !important;
		}
	}
	@media screen and (max-width: 991px) {
		.sale-list-width-shop {
			width: 10%;
			padding: 0px 0px 20px 0px !important;
			font-size: 14px !important;
		}
	}
	@media screen and (max-width: 740px) {
		.sale-list-width-shop {
			font-size: 13px !important;
		}
	}
	@media screen and (max-width: 680px) {
		.sale-list-width-shop {
			font-size: 12px !important;
		}
	}
	@media screen and (max-width: 510px) {
		.sale-list-width-shop {
			font-size: 11px !important;
		}
	}
	@media screen and (max-width: 480px) {
		.sale-list-width-shop {
			font-size: 14px !important;
		}
	}

.sale-list-width-rabatt {
	width: 40%;
}
	@media screen and (max-width: 1199px) {
		.sale-list-width-rabatt {
			width: 35%;
			padding: 20px 0px 0px 0px !important;
		}
	}
	@media screen and (max-width: 991px) {
		.sale-list-width-rabatt {
			padding: 20px 0px 0px 0px !important;
			font-size: 14px !important;
		}
	}
	@media screen and (max-width: 680px) {
		.sale-list-width-rabatt {
			width: 20%;
			font-size: 13px !important;
		}
	}
	@media screen and (max-width: 600px) {
		.sale-list-width-rabatt {
			width: 40%;
			font-size: 15px !important;
		}
	}
	@media screen and (max-width: 560px) {
		.sale-list-width-rabatt {
			font-size: 14px !important;
		}
	}
	@media screen and (max-width: 480px) {
		.sale-list-width-rabatt {
			padding: 0px 0px 25px 0px !important;
		}
	}

.sale-list-width-action-button {
	width: 20%;
	vertical-align: middle !important;
}
	@media screen and (max-width: 1199px) {
		.sale-list-width-action-button {
			padding: 25px 10px 0px 5px !important;
		}
	}
	@media screen and (max-width: 991px) {
		.sale-list-width-action-button {
			width: 20%;
			padding: 30px 5px 0px 5px !important;
		}
	}
	@media screen and (max-width: 680px) {
		.sale-list-width-action-button {
			width: 10%;
		}
	}
	@media screen and (max-width: 600px) {
		.sale-list-width-action-button {
			width: 10%;
			padding: 18px 0px 0px 8px !important;
		}
	}
	@media screen and (max-width: 560px) {
		.sale-list-width-action-button {
			padding: 18px 0 0 4px !important;
		}
	}
	@media screen and (max-width: 540px) {
		.sale-list-width-action-button {
			width: 15%;
			padding: 20px 10px 0px 6px !important;
		}
	}
	@media screen and (max-width: 480px) {
		.sale-list-width-action-button {
			padding: 0px 80px 0px 80px !important;
			margin: 0px 0px 40px 0px;
		}
}

.sale-choice-display-buttons {
	display: flex;
	margin: 10px 0px 0px 0px;
}
	@media screen and (max-width: 1050px) {
		.sale-choice-display-buttons {
			display: block;
		}
	}

.sale-choice-button {
	width: 235px;
	margin: 0px 8px 0px 0px;
}
	@media screen and (max-width: 1050px) {
		.sale-choice-button {
			width: 400px;
			margin: 0px 0px 35px 0px;
		}
	}
	@media screen and (max-width: 500px) {
		.sale-choice-button {
			width: 100%;
		}
	}

.background_button_sale_all {
    background: url('back-sale-all-transp-button.png') bottom;
    background-position: 0 0;
}
.background_button_christmas {
    background: url('back-sale-christmas-transp-button.png') bottom;
    background-position: center;
}
.background_button_sale_wsv {
    background: url('back-sale-wsv-transp-button.png') bottom;
    background-position: center;
}
.background_button_sale_easter {
    background: url('back-sale-easter-transp-button.png') bottom;
    background-position: center;
}
.background_button_sale_mother {
    background: url('back-sale-mother-transp-button.png') bottom;
    background-position: center;
}

.btn-group .button_group {
    /*background-color: #a8e1cd;*/
    background-size: cover;
    color: #333333;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    float: left;
    border: 1px solid #000;
    width: 250px;
}

.btn-group .button_group:hover {
	background: none;
    background-color: #1ea2ad;
    border: 1px solid #127179;
}

.btn-group .button_group_topic {
    background-size: cover;
    color: #333333;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    float: left;
    border: 1px solid #000;
    width: 264px;
}

.btn-group .button_group_topic:hover {
	color: #ffffff;
	background: none;
    background-color: #1ea2ad;
    border: 1px solid #127179;
}

/* NAVBAR */
.navbar-inverse {
	background-color: #222;
	border-color: #080808;
}

.navbar-inverse .navbar-brand {
	color: #fff !important;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
	color: #9d9d9d !important;
	background-color: transparent;
}

.navbar-inverse .navbar-text {
	color: #fff !important;
}

.navbar-inverse .navbar-nav>li>a {
	color: #fff !important;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
	color: #9d9d9d !important;
	background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover,
	.navbar-inverse .navbar-nav>.active>a:focus {
	color: #9d9d9d !important;
	background-color: #080808;
}

.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover,
	.navbar-inverse .navbar-nav>.disabled>a:focus {
	color: #444;
	background-color: transparent;
}

.navbar-inverse .navbar-toggle {
	border-color: #333;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #101010;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,
	.navbar-inverse .navbar-nav>.open>a:focus {
	color: #9d9d9d !important;
	background-color: #080808;
}

@media ( max-width : 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
		border-color: #080808;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
		background-color: #080808;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #fff !important;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
		.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #9d9d9d !important;
		background-color: transparent;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
		.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
		.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
		color: #9d9d9d !important;
		background-color: #080808;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
		.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
		.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
		color: #444;
		background-color: transparent;
	}
}

.navbar-inverse .navbar-link {
	color: #fff !important;
}

.navbar-inverse .navbar-link:hover {
	color: #9d9d9d !important;
}

.navbar-inverse .btn-link {
	color: #fff !important;
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
	color: #9d9d9d !important;
}

.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover,
	.navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus
	{
	color: #444;
}

nav.navbar-inverse div.container div.navbar-header {
	margin: 0px 0px 0px 0px !important;
}

@media screen and (max-width: 991px) {
	nav.navbar-inverse div.container div.navbar-header {
		margin: 0px 0px 0px -50px !important;
	}
}

@media screen and (max-width: 844px) {
	nav.navbar-inverse div.container div.navbar-header {
		margin: 0px 0px 0px -15px !important;
	}
}

@media screen and (max-width: 822px) {
	nav.navbar-inverse div.container div.navbar-header {
		margin: 0px 0px 0px -35px !important;
	}
}

@media screen and (max-width: 810px) {
	nav.navbar-inverse div.container div.navbar-header {
		margin: 0px 0px 0px -15px !important;
	}
}

div.container div.collapse.navbar-collapse ul {
	margin: 0px 0px 0px 0px !important;
}

@media screen and (max-width: 991px) {
	div.container div.collapse.navbar-collapse ul {
		margin: 0px -45px 0px 0px !important;
	}
}

@media screen and (max-width: 844px) {
	div.container div.collapse.navbar-collapse ul {
		margin: 0px -48px 0px 0px !important;
	}
}

@media screen and (max-width: 822px) {
	div.container div.collapse.navbar-collapse ul {
		margin: 0px -20px 0px 0px !important;
	}
}

@media screen and (max-width: 810px) {
	div.container div.collapse.navbar-collapse ul {
		margin: 0px -30px 0px 0px !important;
	}
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 380px !important;
}

ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {
    width: 250px !important;
}

.admin-grid-style {
	font-size: 12px;
}

div.start-page-coupon-cat-list {}
	@media screen and (max-width: 1199px) {
		div.start-page-coupon-cat-list {
			display: none;
		}
	}
	
span.info-sign-part {
	vertical-align: 2px; font-size: 20px;
}
	@media screen and (max-width: 420px) {
		span.info-sign-part {
			vertical-align: 3px; font-size: 18px;
		}
	}	
	
span.info-sign-verguetungsart {
	margin: 10px 5px 25px 15px; vertical-align: 3px; font-size: 18px;
}
	@media screen and (max-width: 420px) {
		span.info-sign-verguetungsart {
			font-size: 14px;
		}
	}
	
a.info-text-verguetungsart {
	vertical-align: 6px; font-size: 14px;
}
	@media screen and (max-width: 420px) {
		a.info-text-verguetungsart {
			vertical-align: 5px; font-size: 12px;
		}
	}
	
div.complete-statistic {
	font-size: 14px; width: 45%; margin-left: 0px;
}
	@media screen and (max-width: 1199px) {
		div.complete-statistic {
			 width: 52%;
		}
	}
	@media screen and (max-width: 992px) {
		div.complete-statistic {
			 width: 75%;
		}
	}
	@media screen and (max-width: 689px) {
		div.complete-statistic {
			 width: 98%;
		}
	}
	@media screen and (max-width: 446px) {
		div.complete-statistic {
			 width: 100%;
		}
	}

a.whatsappNotificationLink {
    cursor: pointer;
}
@media screen and (max-width: 527px) {
	a.whatsappNotificationLink {
		font-size: 14px;
	}
}

button.btn-modal-ok-submit {
	color: #333 !important;
	background-color: #a8e1cd !important;
	border: 1px solid #000 !important;
	padding: 5px 0px !important;
	width: 85px !important;
}

button.btn-modal-ok-submit:hover {
	background: #1ea2ad !important;
	border: 1px solid #127179 !important;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center !important;
}

button.modalCustomClose {
	font-family: Arial;
	font-weight: bold;
	background: #A8E1CD;
}

button.modalCustomClose:hover {
    background-color: #1ea2ad;
}

.cc-window {
	opacity: 0.85 !important;
    filter: alpha(opacity=85) !important; /* For IE8 and earlier */
}

.cc-window.cc-invisible {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important; /* For IE8 and earlier */
}

/*.cc-banner.cc-bottom {
	height: 40px !important;
}
	@media screen and (max-width: 736px) {
		.cc-banner.cc-bottom {
			height: 95px !important;
		}
	}*/

.cc-message {
	font-family: 'Inter', Arial, sans-serif;
	font-size: 14px !important;
}

.cc-revoke, .cc-window  {
	font-family: 'Inter', Arial, sans-serif;
	font-size: 14px !important;
}

.btn-info {
	border-color: transparent !important;
	background-color: var(--primary-background-color);
}

.btn-info:hover {
	background: #1ea2ad !important;
	color: #fff !important;
	text-decoration: none !important;
}

.start-bc-buttons {
	display: flex; margin: 0px 0px 0px -30px;
}
@media screen and (max-width: 634px) {
	.start-bc-buttons {
		display: inline-block;
	}
}

.camps-div-row-btn-visible-mobile {
	display: none;
}
@media screen and (max-width: 510px) {
	.camps-div-row-btn-visible-mobile {
		display: inline-block !important;
	}
}

.camps-div-row-btn-visible-desktop {
	display: flex; margin: 0px 0px 0px -30px;
}
@media screen and (max-width: 510px) {
	.camps-div-row-btn-visible-desktop {
		display: none;
	}
}

.camps-div-col-margin {
	margin-left: 35px;
}
@media screen and (max-width: 510px) {
	.camps-div-col-margin {
		margin-left: 0px;
	}
}

.camps-div-col-btn-width {
	width: 80px;
}
@media screen and (max-width: 634px) {
	.camps-div-col-btn-width {
		margin-top: 8px;
	}
}
@media screen and (max-width: 510px) {
	.camps-div-col-btn-width {
		width: 165px;
	}
}

.camps-div-col-btn-text-visible {
	display: none;
}
@media screen and (max-width: 510px) {
	.camps-div-col-btn-text-visible {
		display: inline;
	}
}

.camps-div-col-btn-text-style {}
@media screen and (max-width: 991px) {
	.camps-div-col-btn-text-style {
		font-size: 12px !important;
	}
}
@media screen and (max-width: 704px) {
	.camps-div-col-btn-text-style {
		font-size: 11px !important;
	}
}
@media screen and (max-width: 510px) {
	.camps-div-col-btn-text-style {
		text-align: left;
		width: 120px;
	}
}

.start-bc-btn-col-width {
	width: 165px;
}
@media screen and (max-width: 991px) {
	.start-bc-btn-col-width {
		width: 140px;
	}
}
@media screen and (max-width: 704px) {
	.start-bc-btn-col-width {
		width: 125px;
	}
}
@media screen and (max-width: 634px) {
	.start-bc-btn-col-width {
		margin-top: 8px;
	}
}

.start-bc-btn-width {
	width: 145px;
}
@media screen and (max-width: 991px) {
	.start-bc-btn-width {
		width: 130px; font-size: 12px !important;
	}
}
@media screen and (max-width: 704px) {
	.start-bc-btn-width {
		width: 120px; font-size: 11px !important;
	}
}
@media screen and (max-width: 634px) {
	.start-bc-btn-width {
		text-align: left;
	}
}

.col-btn-reload {
	width: 20px; 
	position: absolute; left: 1.5%; top: 8%;
}
@media screen and (max-width: 991px) {
	.col-btn-reload {
		position: absolute; left: 2%; top: 8%;
	}
}
@media screen and (max-width: 634px) {
	.col-btn-reload {
		position: absolute; left: 50%; top: 8%;
	}
}

.btn-reload-link {}
@media screen and (max-width: 725px) {
	.btn-reload-link {
		font-size: 12px !important;
	}
}
@media screen and (max-width: 605px) {
	.btn-reload-link {
		font-size: 11px !important;
	}
}

table.kv-grid-table thead tr.kartik-sheet-style th {
}
@media screen and (max-width: 664px) {
	table.kv-grid-table thead tr.kartik-sheet-style th {
		font-size: 12px !important;
	}
}
@media screen and (max-width: 582px) {
	table.kv-grid-table thead tr.kartik-sheet-style th {
		font-size: 11px !important;
	}
}


table#extraBonusInfoTable.extraBonusInfo {
	width: 85%;
}
@media screen and (max-width: 991px) {
	table#extraBonusInfoTable.extraBonusInfo {
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	table#extraBonusInfoTable.extraBonusInfo {
		font-size: 12px;
	}
}

table#extraBonusInfoTable.extraBonusInfo tr:nth-child(even) {
	background: none repeat scroll 0 0 #A8E1CD;
}

table#extraBonusInfoTable.extraBonusInfo tr:nth-child(odd) {
	background: none repeat scroll 0 0 #fff;
}

table#extraBonusInfoTable.extraBonusInfo tbody tr th#firstLevel {
	text-align: center;padding: 3px 3px 3px 3px;
}

.progress-bar-success {
	background-color: #6495ED !important;
}

.progress-bar-main-page {
	width: 205px;
}

.back-browset-ff-image {
	background-image: url('back-browset-ff.png');
	background-size: auto;
	height: 310px;
	width: 600px;
}
	@media screen and (max-width: 694px) {
		.back-browset-ff-image {
			background-size: 100%;
			width: 100%;
		}
	}
	
.back-browset-gc-image {
	background-image: url('back-browset-gc.png');
	background-size: auto;
	height: 310px;
	width: 600px;
}
	@media screen and (max-width: 694px) {
		.back-browset-gc-image {
			background-size: 100%;
			width: 100%;
		}
	}
	
div.top-bonus-camp-start {}
	@media screen and (max-width: 477px) {
		div.top-bonus-camp-start {
			font-size: 12px;
		}
	}
	@media screen and (max-width: 310px) {
		div.top-bonus-camp-start {
			font-size: 11px;
		}
	}
	
div.top-bonus-camp-start-desc {
	font-size: 11px !important;
}
	@media screen and (max-width: 477px) {
		div.top-bonus-camp-start-desc {
			font-size: 11px !important;
		}
	}
	@media screen and (max-width: 310px) {
		div.top-bonus-camp-start-desc {
			font-size: 10px !important;
		}
	}
	
img.top-bonus-camp-start-image {
	width: 50px;
	height: 41px;
}
	@media screen and (max-width: 375px) {
		img.top-bonus-camp-start-image {
			width: 30px;
			height: 24px;
		}
	}
	
div.margin-gutschein-hinweis {
	margin: 15px 0px 0px 0px;
}
	@media screen and (max-width: 1199px) {
		div.margin-gutschein-hinweis {
			margin: 70px 0px 0px 0px;
		}
	}
	
.trackingquote-dot-no-calc {
	height: 16px;
	width: 16px;
	background-color: #5882FA;
	border-radius: 50%;
	display: inline-block;
	vertical-align: -4px;
}

.trackingquote-dot-green {
	height: 16px;
	width: 16px;
	background-color: #3ADF00;
	border-radius: 50%;
	display: inline-block;
	vertical-align: -4px;
}

.trackingquote-dot-yellow {
	height: 16px;
	width: 16px;
	background-color: #FFFF00;
	border-radius: 50%;
	display: inline-block;
	vertical-align: -4px;
}

.trackingquote-dot-no-tracking {
	height: 16px;
	width: 16px;
	background-color: #ffcc4a;
	border-radius: 50%;
	display: inline-block;
	vertical-align: -4px;
}

.modal-dialog-privacy {
	font-size: 14px !important;
}
	@media only screen and (max-width: 640px) {
		.modal-dialog-privacy {
			font-size: 12px !important;
		}
	}
	@media only screen and (max-width: 450px) {
		.modal-dialog-privacy {
			font-size: 11px !important;
		}
	}
	@media only screen and (max-width: 350px) {
		.modal-dialog-privacy {
			font-size: 10px !important;
		}
	}	

@media only screen and (min-width: 620px) {
  br.mobile-device-line-break {
    display: none;
  }
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
	}
	.navbar-nav .open .dropdown-menu>li>a {
		line-height: 20px;
	}
	.navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus {
		background-image: none;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #777;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
		.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #333;
		background-color: transparent;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
		.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
		.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
		color: #555;
		background-color: #e7e7e7;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
		.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
		.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
		color: #ccc;
		background-color: transparent;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
		border-color: #080808;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
		background-color: #080808;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #9d9d9d;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
		.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #fff;
		background-color: transparent;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
		.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
		.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
		color: #fff;
		background-color: #080808;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
		.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
		.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
		color: #444;
		background-color: transparent;
	}
}

.cashback-gutschein-big-txt {
	font-size: 14px;
}
	@media only screen and (max-width: 740px) {
		.cashback-gutschein-big-txt {
			font-size: 12px;
		}
	}
	
.top-camp-anime {
  animation: top-camp-anime-key 2s ease 0s 50 normal forwards;
}

@keyframes top-camp-anime-key {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 1;
  }
}

.start-tracking-hint-txt {
	font-size: 14px;
	margin: 10px 0px 0px 40px;
}
	@media only screen and (max-width: 620px) {
		.start-tracking-hint-txt  {
			font-size: 12px;
			margin: 5px 0px 0px 40px;
		}
	}
	
.copy-clipboard-button {
	font-size:12px !important;
	padding:2px 5px 2px 5px !important;
}

.start-short-cut-button {
	color: #000 !important;
	border-color: transparent !important;
	background-color: #A8E1CD !important;
}

.start-short-cut-button:hover {
	background: #1ea2ad !important;
	color: #1ea2ad !important;
	text-decoration: none !important;
}

.start-short-cut-buttons-layout {
	margin-left: 75px;
}
	@media only screen and (max-width: 740px) {
		.start-short-cut-buttons-layout  {
			margin-left: 50px;
		}
	}
	@media only screen and (max-width: 480px) {
		.start-short-cut-buttons-layout  {
			margin-left: 40px;
		}
	}
	@media only screen and (max-width: 400px) {
		.start-short-cut-buttons-layout  {
			margin-left: 30px;
		}
	}
	@media only screen and (max-width: 370px) {
		.start-short-cut-buttons-layout  {
			margin-left: 25px;
		}
	}
	@media only screen and (max-width: 349px) {
		.start-short-cut-buttons-layout  {
			display: none !important;
		}
	}

@media (min-width: 350px) {
  .col-xs {
    flex: 1 0 0% !important;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto !important;
    width: 50% !important;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto !important;
    width: 33.3333333333% !important;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto !important;
    width: 25% !important;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto !important;
    width: 20% !important;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto !important;
    width: 16.6666666667% !important;
  }
  .col-xs-auto {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  .col-xs-1 {
    flex: 0 0 auto !important;
    width: 8.33333333% !important;
  }
  .col-xs-2 {
    flex: 0 0 auto !important;
    width: 16.66666667% !important;
  }
  .col-xs-3 {
    flex: 0 0 auto !important;
    width: 35% !important;
  }
  .col-xs-4 {
    flex: 0 0 auto !important;
    width: 45% !important;
  }
  .col-xs-5 {
    flex: 0 0 auto !important;
    width: 50% !important;
  }
  .col-xs-6 {
    flex: 0 0 auto !important;
    width: 50% !important;
  }
  .col-xs-7 {
    flex: 0 0 auto !important;
    width: 58.33333333% !important;
  }
  .col-xs-8 {
    flex: 0 0 auto !important;
    width: 66.66666667% !important;
  }
  .col-xs-9 {
    flex: 0 0 auto !important;
    width: 75% !important;
  }
  .col-xs-10 {
    flex: 0 0 auto !important;
    width: 83.33333333% !important;
  }
  .col-xs-11 {
    flex: 0 0 auto !important;
    width: 91.66666667% !important;
  }
  .col-xs-12 {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
  
.shop-action-buttons {
	display: flex;
	margin-left: -30px;
	margin-top: 20px;
	margin-bottom: 20px;
}
	@media only screen and (max-width: 1199px) {
		.shop-action-buttons  {
			margin-top: 40px;
			margin-bottom: 15px;
		}
	}
	@media only screen and (max-width: 991px) {
		.shop-action-buttons {
			margin-top: 5px;
			display: grid;
		}
	}
	@media only screen and (max-width: 544px) {
		.shop-action-buttons {
			margin-top: 5px;
			display: grid;
		}
	}
	
.shop-action-buttons-link {height: 40px; width: 360px; font-size: 14px;}
	
.shop-action-buttons-margin-top {}
	@media only screen and (max-width: 991px) {
		.shop-action-buttons-margin-top  {
			margin-top: 15px;
		}
	}
	
 .auto-complete-search-container {
    position: relative;
    width: 50%;
    margin: 0 auto;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
	@media only screen and (max-width: 998px) { .auto-complete-search-container { width: 60%; } }
	@media only screen and (max-width: 640px) { .auto-complete-search-container { width: 75%; } }
	@media only screen and (max-width: 540px) { .auto-complete-search-container { width: 80%; } }
	
 .search-icon {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #888888;
    pointer-events: none;
 }
 
  .search-clear-icon {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #888888;
    cursor: pointer;
    display: none;
 }

 .auto-complete-search-container .form-control { padding-left: 35px; }
 .auto-complete-search-container .form-control:not(:placeholder-shown) + .search-clear-icon {
    display: block;
 }
 
 #search-auto-complete {
    border: 3px solid var(--primary-background-color);
    border-radius: 25px;
    padding: 10px 28px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease-in-out;
  }
	
 #search-auto-complete:focus {
    border-color: #007BFF;
    outline: none;
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.2);
  }
  
.tooltip-inner {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    background-color: #a8e1cd;
    color: #000;
    border-radius: 15px;
    padding: 10px;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #a8e1cd;
	border-width: 9px;
	margin-bottom: -11px;
}