/*FOR-MOBIL-START*/
@media screen and (max-width: 991px) {

.hero-main {
	grid-template-columns: 100%;
	row-gap: 30px;
}

.carousel-main .carousel-cell {
	height: 380px;
}

.carousel-nav .carousel-cell img {
	width: 50px;
	height: 50px;
	border-radius: 10px;
}

.hero-container {
	padding: 0;
}

.hero-right {
	padding: 0 15px;
}

.carousel-nav {
  margin-top: 25px;
  max-width: 380px;
  padding-right: 30px;
}

.flickity-prev-next-button.next {
  right: 3px !important;
}

.hero-right-topbar h2 {
	font-size: 32px;
}

.hero-right-topbar h4 {
	font-size: 14px;
	line-height: 20px;
}

.love-item h4 {
	font-size: 12px;
}

.love-item-wrap {
	align-items: initial;
	column-gap: 20px;
	padding: 12px;
}

.love-item img {
	max-width: 16px;
}

.bis-item-wrap h4 {
	font-size: 14px;
}

.bis-item-wrap {
  grid-template-columns: 10% auto 10%;
  column-gap: 20px;
}

.timer-container {
	padding: 8px 48px;
}

.time-number {
	font-size: 23px;
}

.time-text {
	font-size: 8px !important;
}	

.plan-title {
	font-size: 15px;
}

.plan-right ul {
	flex-direction: column;
	row-gap: 5px;
	text-align: right;
	justify-content: initial;
	align-items: inherit;
}

.plan {
	padding: 16px;
}

.plan-bord {
	flex-direction: column;
	row-gap: 10px;
}

.header {
	margin-top: 30px;
}

.main-btn {
	font-size: 11px;
}

.header-text {
	font-size: 12px;
}

.remaining {
	font-size: 12px;
}

.tag-box ul li {
	font-size: 14px;
}

.rechnung-box ul li {
	font-size: 14px;
	line-height: 20px;
}

.tag-box ul {
	padding: 14px 16px;
}

.rechnung-box ul {
	padding: 14px 16px;
}

.ac-trigger {
	font-size: 15px;
}

.carousel-nav .carousel-cell {
  width: 18.5%;
  cursor: pointer;
}

.counter-btn {
	font-size: 14px;
}

.counter-container {
  padding: 4px 5px;
}

.products {
	column-gap: 5px;
}

.tag-box ul li br {
	display: none;
}







/*=phone=*/
}