/* v3.0.0 */
.ec-category-h1 {
	font-size:2rem;
}

a:hover {
	text-decoration:none;
}
sup { margin-left:2px; color:#7B7B7B}

.uk-label {
	border-radius:16px;
	padding:4px 16px;
}
.uk-label-warning {
	background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(195, 157, 86), rgb(191, 98, 31)) repeat scroll 0% 0%;
	color:#fff!important;
}
.uk-label-primary {
	background: #1e87f0!important;
}
.cursor {
	cursor:pointer;
}


/* Unicorns */
.ec-unicorns {
	width:100%;max-width: 550px;
}

/* Teaser Landing */
.ec-teaser {
	overflow:hidden;
}
.ec-teaser>.uk-position-center-right {
	text-align:end;
}
@media only screen and (min-width: 481px) {
	.ec-teaser>.uk-position-center-right {
		padding:30px 50px;
	}
	.ec-teaser>.uk-position-center-left {
		padding:30px 0 0 50px;
	}
}


/* übergeordnete Elemente */
.ec-msg-full {
	text-align: center;
	background: rgb(255,253,218);
	background: radial-gradient(circle, rgba(255,253,218,1) 0%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 72%, rgba(255,242,241,1) 100%);
}
.uk-alert {
	border-radius:4px;
}
.ec-alert-green {
	background:linear-gradient(rgba(48, 247, 163, 0.6) 20%, rgba(20, 172, 123, 0.8) 80%)!important;
}
.uk-alert-success {
  color: #edfbf6;
  background: #32d296;
}
.uk-alert-danger {
  color: #fef4f6;
  background: #f0506e;
}
.uk-alert-primary {
  color: #d8eafc;
  background: #1e87f0;
}
.ec-currentcolor {
	color: inherit;
	text-transform: none;
	background-color: transparent;
	display: inline-block;
	fill: currentcolor;
}
.ec-blendmode {
	mix-blend-mode: difference;
}
.ec-txt-light, .ec-txt-light h1, .ec-txt-light h2, .ec-txt-light h3, .ec-txt-light h4 {
	color:#fff!important;
}
.ec-txt-dark, .ec-txt-dark h1, .ec-txt-dark h2, .ec-txt-dark h3, .ec-txt-dark h4 {
	color:#222!important;
}

/* Overflow container */
.ec-overflow-x-win {
	overflow-x: auto;
}
@media (pointer: none) {
	/* touch devices only */
	.ec-overflow-x-win {
		-ms-overflow-style: none;
		scrollbar-width: none;
		overflow-x: scroll;
	}
}

/* flex skelett */
@media screen and (min-width:481px){
  .ec-flex-right{
    order: 2;
  }
  .ec-flex-left{
    order: 1;
  }
}

/* tooltip */
.uk-tooltip {
	border-radius:4px;
}
.uk-tooltip:after {
 	bottom: -5px;
 	right: 10%;
 	border: solid transparent;
 	content: "";
 	height: 0;
 	width: 0;
 	position: absolute;
 	border-color: #666666;
	border-bottom-width: 10px;border-left-width: 10px;
	transform:rotate(-45deg);
	border-radius:3px;
}


/* horizontal div scroll */
.overflow-x-win {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: scroll; 
}
.overflow-x-win::-webkit-scrollbar {
  display: none;
}


/* Navbar */
#ec-navbar {
  	position: fixed;
  	top: 0;
  	width: 100%;
	height:50px;
  	display: block;
  	transition: top 0.3s;
  	z-index:999;
	color:#fff;
	pdading:10px;
	font-weight:600;
}
.ec-link-minicart, .ec-link-menu, .lnk-addMessageModal, .ec-link-directtocart, .lnk-addToCartModal {
	cursor: pointer;
}
@media only screen and (min-width: 481px) {
	#ec-navbar svg {
		width:35px;height:35px;
	}
	#ec-navbar .uk-badge {
		width:28px;height:28px;
		font-size:14px;
	}
}



.ec-categoryModal-footer {
	position: fixed;bottom:0;left:0;width:100%;max-width:100%;
}
.ec-categoryModal-footer .uk-navbar-nav > li > a {
	text-transform:none;
}

/* Messages */
.uk-notification-message-danger, .uk-notification-message-danger .uk-close, .uk-notification-message-danger a {
	color:#fff!important;
	background: #f0506e;
	border-radius:8px;
}
.uk-notification-message-success {
	color:#fff!important;
	background: #32d296;
	border-radius:8px;
}

/* minicart */
.ec-minicart {
	border-radius:16px;
	width:300px;
	max-width:90%;
	height:450px;
	max-height:90%;
}
.ec-minicart .uk-heading-line {
	text-transform: uppercase;
}
.ec-minicart .uk-modal-close-full {
	padding:15px!important;
}
.ec-minicart-products {
	height:270px;
	padding:0!important;
	border:none;
}
.ec-minicart-products-list li {
	border-bottom:1px solid #efefef;
}



/* cart */
.ec-cart-products-list>li {
	/*border-bottom:1px solid #efefef;*/
}
.ec-cart-bar {
	position:absolute;
	width:100%;
	min-height:100px;
}


/* add to cart */
.uk-subnav > * > :first-child {
  text-transform: none!important;
}
.uk-modal-full .uk-modal-dialog {
	background: rgba(185, 185, 185, 0.6);
}
.uk-modal-full .uk-modal-close-full {
	background: none; 
	opacity:1;
	color:#fff;	
}
.ec-product-addtocart {
	border-radius:32px 32px;
	box-shadow: 0px -70px 60px -65px rgb(115, 115, 115);
}
.ec-product-addtocart-bottom {
	border-radius: 32px;
}
.ani-addtocart {
  	position: absolute;
	z-index:5000;
  	width: 40px;
  	opacity: 0;
  	animation: ani-addtocart 0.7s linear forwards;
}
.ec-product-addtocart .ec-product-img-square {
	max-width:40%;margin-left:30%;
}

@keyframes ani-addtocart {
  from {
    opacity: 1;
  }
	
  to {
    opacity: 0;
    top: -100vh;
    left: 95%;
  }
}
@media only screen and (min-width: 481px) {
	.ec-product-addtocart {
		max-width:500px;
	}
	.ec-product-addtocart .ec-product-img-square {
		max-width: 25%;
		margin-left: 37%;
	}
}


/* Links */
.ec-link-btn {
	border-radius:20px;
}
.ec-link-btn-large {
	border-radius:32px;
}
.ec-link-btn>span>svg, .ec-link-btn-large>span>svg, .ec-link-btn-small>span>svg {
	margin-top:0px;
	margin-right:4px;
}
.ec-link-btn-small {
	border-radius:16px;
	font-size:9px;
	line-height:18px;
	padding:3px 6px;
}


/* content header */
.ec-category-header, .ec-order-header {
	height: 25vh;
}
.ec-category-descr {
	margin-right:30%;
}

/* Product Listing */
.ec-card {
	border-radius:12px;
	padding: 16px;
	margin-bottom:30px;
}
.ec-card .card-check {
	position: absolute;
	margin-left: -28px;
	margin-top: -24px;
}

.ec-product-img img {
	width:100%;height:auto;
	border-radius:16px;
}

.ec-label-white {
	padding: 3px 12px;
	border-radius:16px;
	font-size: .675rem;
}

.ec-product-price {
	border-radius:20px;
	padding: 4px 8px;
	font-size:16px!important;
	display: inline-flex;
	align-items: flex-start;
}
.ec-product-price:not(.uk-text-small) {
	text-align: end;
	font-weight:600;
	font-size:20px;
	letter-spacing: -1px;
}

.ec-product-main {
	padding-top:20px;
}

.ec-product-img-square {
  	width: 100%;
  	border-radius:16px;
	background-size:130%!important;
	
}
.ec-product-img-square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.ec-product-listview .ec-product-img-square {
	max-width: 100px;
}



.ec-product-img-circle {
  	width: 100%;
  	border-radius:50%;
	background-size:100%!important;
}
.ec-product-img-circle:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.ec-product-sup {
	margin-left:4px;
	font-weight:400;
	color:#757575;
	font-size:65%;
	top: -.7em;
}


/* Order details */
.ec-order-h1 {
	margin: 8px 0;
}
.ec-order-descr {
	margin-right:20%;
}
.ec-order-h1-msg {
	margin-top:24px;
	margin-bottom:12px;
	border-radius:18px;
	padding:8px 12px;
}
.ec-order-h1-msg svg {
	margin:-4px 4px 0 0;
}
.ec-order-sup {
	margin-left:4px;
	font-weight:400;
	color:#757575;
	font-size:55%;
	top: -.9em;
}
.ec-order-toppings li>div:nth-child(1) {
	float:left;width:calc(100% - 90px);
}
.ec-order-toppings li>div:nth-child(2) {
	float:right;width:90px;text-align:end;margin-top:-8px;
}
.ec-order-bottom {
	border-radius:8px;
}
@media only screen and (max-width: 480px) {
	.ec-order-bottom {
		position:fixed;bottom:0;left:0;z-index:1023;
		border-radius:0px;
	}

    .uk-badge-large {
        line-height:1!important;
        height: 28px!important;
    }
}



/* forms */
.ec-form-radio-topping {
	background-color:#efefef;
}
.uk-input {
	background: #efefef;
	border-radius: 8px;
	border: none;
}
.uk-input::placeholder {
  color: #9f9f9f;
}
.ec-form {
	text-align: left;
}
.ec-form span, .uk-input::placeholder {
	text-align: left;
	font-size:12px;
}
.ec-form-linebtn a, .ec-form-linebtn button {
	width:100px;
	border-radius:8px;
	background: #ddd;
	height:40px;
}
.ec-form-linebtn input {
	width:calc(100% - 110px);
}
/* Plusminus form */
#ec-win-plusminus{
    margin-top: -50px;
    margin-bottom: 10px;
    padding: 10px;
    display:none;
    width: 60%;
    margin-left: 20%;
}
.plusminus input {
    width:27px;text-align:center;
    border:none;background:none;
    font-weight:bold;
}

/* price buttons */
.ec-price-selection input {
	width: auto;
	height: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	cursor: pointer;
	border:1px solid #ccc;
	border-radius: 16px;
	padding: 8px 16px;
	background: #fff; /*linear-gradient(132deg, rgba(244,244,244,1) 0%, rgba(235,235,235,1) 72%, rgba(219,219,219,1) 100%)*/
	color: #6c6c6c;
	transition: all 100ms linear;
}

.ec-price-selection input:checked {
	background: #18bb86;
	border:1px solid #18bb86;
	color: #fff;
}

.ec-price-selection input:before {
	content: attr(label);
	display: inline-block;
	text-align: center;
	width: 100%;
}


/* nav-icon-6 */
.nav-icon-6{
  width: 25px;
  height: 19px;
  margin: 10px 10px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.nav-icon-6 span{
  background-color:#fff;
  position: absolute;
  border-radius: 2px;
  transition: .3s cubic-bezier(.8, .5, .2, 1.4);
  width:100%;
  height: 3px;
}
.nav-icon-6 span:nth-child(1){
  top:0px;
  left: 0px;
}
.nav-icon-6 span:nth-child(2){
  top:8px;
  left: 0px;
}
.nav-icon-6 span:nth-child(3){
  bottom:0px;
  left: 0px;
}
.nav-icon-6:hover span:nth-child(1){
  transform:  scaleY(1.1);
  left: -5px;
}
.nav-icon-6:hover span:nth-child(2){
  transform: rotate(5deg) scaleY(1.1);
}
.nav-icon-6:hover span:nth-child(3){
  transform:  scaleY(1.1);
  left: 5px;
}

/* checkout */
#zusammenfassung  .uk-navbar-nav > li > a {
	min-height:inherit!important;
	display:block;
}
.ec-tab-calendar {
	flex-wrap: nowrap;
	text-transform:none;
}
.ec-tab-calendar::before {
	border-bottom:none;
}
.ec-tab-calendar > * > a {
	border:1px solid #ccc!important;
	border-radius: 8px;
}
.ec-tab-calendar > .uk-active > a {
	margin-bottom: 4px;
	background:#1e87f0;
	border:1px solid #1e87f0!important;
	color:#fff;
}
.ec-tab-calendar > * > a.uk-disabled {
	margin-bottom: 4px;
	background:#efefef;
	color:#ccc!important;
	border:1px solid #ccc;
}
.ec-tab-calendar-small {
	margin-left:-5px;
	font-size:10px;
}
.ec-tab-calendar-small > * {
	padding-left: 5px;
}
.ec-tab-calendar-small > * > a {
  padding: 3px 8px;
}
.ec-tab-paymethods > * > a {
	border: 1px solid #606060 !important;
  	border-radius: 8px;
  	background: #222;
}
.paymethods {
	margin-bottom:6px;
}

/* basket */
.ec-cart-item .ec-product-img-square {
	max-width:100px;
}


/* App Banner */
#smartbanner {
	position: absolute;
left: 0;
top: -82px;
border-bottom: 1px solid #e8e8e8;
width: 100%;
height: 78px;
font-family: 'Helvetica Neue',sans-serif;
background: -webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%);
box-shadow: 0 1px 2px rgba(0,0,0,0.5);
z-index: 9998;
-webkit-font-smoothing: antialiased;
overflow: hidden;
-webkit-text-size-adjust: none;
}

#smartbanner .sb-close {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  border: 2px solid #fff;
  width: 20px;
  height: 20px;
  font-family: 'ArialRoundedMTBold',Arial;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background: #070707;
  text-decoration: none;
  text-shadow: none;
  border-radius: 20px;
  box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  -webkit-font-smoothing: subpixel-antialiased;
}

#smartbanner .sb-icon.gloss::after {
  content: '';
  position: absolute;
  left: 0;
  top: -1px;
  border-top: 1px solid rgba(255,255,255,0.8);
  width: 100%;
  height: 50%;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%);
  border-radius: 10px 10px 12px 12px;
}
#smartbanner .sb-icon {
  position: absolute;
  left: 36px;
  top: 10px;
  display: block;
  width: 57px;
  height: 57px;
  background: rgba(0,0,0,0.6);
    background-image: none;
    background-size: auto;
  background-size: cover;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
#smartbanner .sb-info {
  position: absolute;
  left: 104px;
  top: 18px;
  width: 60%;
  font-size: 11px;
  line-height: 1.2em;
  color: #6a6a6a;
  text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}


/* Cookie */
.ecaupo-cookie {
	position:fixed;
	bottom:3px;
	left:4%;
	z-index:5000;
	width:92%;
	min-height:35px;
	padding:4px;
	line-height:35px;
	border-radius:8px;
}


/* Radio Checkbox */
.switch {position: relative;display: inline-block;width: 45px;height: 24px;margin-right:5px;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background:rgba(0, 0, 0, 0) linear-gradient(to left, rgb(143, 191, 90), rgb(57, 156, 120)) repeat scroll 0% 0%;}
input:focus + .slider {background:rgba(0, 0, 0, 0) linear-gradient(to left, rgb(143, 191, 90), rgb(57, 156, 120)) repeat scroll 0% 0%;}
input:checked + .slider:before {-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

/* Festpreis Menü Modern View */
li.cardselected,li.cardselected2 {
    position: relative;
}
li.cardselected>div>div,li.cardselected2>div {
    background: linear-gradient(132deg, rgb(82, 132, 104) 0%, rgb(79, 198, 98) 72%, rgb(53, 174, 118) 100%);
    color:#fff!important;
}
li.cardselected .uk-text-muted,li.cardselected h2 {
    color:#fff!important;
}

.cardclose-btn {
    display: none;
    position: absolute;
    top: -5px;
    right: 20px;
    cursor: pointer;
    background-color: rgba(255,255,255,1)!important;
    color: #222 !important;
  padding: 8px 0 0 8px;
}
.cardclose-btn2 {
    display: none;
    position: absolute;
    top: -8px;
    right: -8px;
    cursor: pointer;
    background-color: rgba(255,255,255,1)!important;
    color: #222 !important;
  padding: 6px 0 0 6px;
    width: 28px;
  height: 28px;
}

li.cardselected .cardclose-btn, li.cardselected2 .cardclose-btn2 {
    display: inline;
}
.loadPaketArtikel{
    margin: 20px!important;
}
.loadPaketArtikelAddons{
    margin: 10px!important;
}
.loadPaketArtikel .ec-product-price { display:none; }
.loadPaketArtikel .uk-card {
    width:350px;
    max-width:90%;
    margin-right:20px;
}
#sendMenuBtn:disabled,
#sendMenuBtn[disabled]{
    opacity:0.3;
}

.flash {
	animation: flash-red 0.3s ease;
}
@keyframes flash-red {
	0% {
		color: red;
	}
	100% {
		color: rgb(0 0 0 / 50%);
	}
}

.ec-input-counter {
	display: none;
}

.ico-paymethod {
	max-height:30px;
}

.ecaupo-beilagenfoto {
    float: left;
    max-width: 30%;
    margin-right: 8px;
}