/* v3.0.0 */
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/roboto_400_latin_ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/roboto_400_latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poetsen One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/PoetsenOne_400_latin_ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poetsen One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/PoetsenOne_400_latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
 	--lumos-dark-1: #000814;
	--lumos-dark-2: #001D3D;
	--lumos-dark-3: #003566;
	--lumos-light-1: #FFC300;
	--lumos-light-2: #FFD60A;
	--lumos-highlight1: rgba(242,244,249,.54);
	--lumos-highlight2: rgba(242,244,249,1);
}

body, html, .font2 {
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

h1,h2,h3,h4,h5,.font1, .lumos-button, .ec-link-btn-large {
  font-family: "Poetsen One", serif;
  font-weight: 400;
  font-style: normal;
}
h3 {
	font-size: 1.2rem;
}

.uk-text-normal {
	font-family: "Roboto", serif;
}
a {
	color: #222;
}

/* Kopfleiste */
#lumos-bar-kopf {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--lumos-dark-1);
	color: white;
	z-index: 1000;
	transition: transform 0.3s ease-in-out;
}
#lumos-bar-kopf>div {
	max-width:1920px;
}

@media (min-width: 1200px) {
	#lumos-bar-kopf {
		height: 72px;
	}
	#lumos-bar-kopf img {
		max-height:60px;
	}
}

@media (max-width: 1199px) {
	#lumos-bar-kopf {
		height: 60px;
	}
	#lumos-bar-kopf img {
		max-height:48px;
	}
	#lumos-bar-kopf>div>nav {
		height: 60px;
	}
	.uk-navbar-toggle, .uk-navbar-item {
		min-height:0;
	}
}

/* Fussleiste */
	#lumos-footer {
		background: var(--lumos-dark-1);
	}
/* Order Fußleiste */
	#lumos-bar-order {
		position: fixed;
		bottom: 0;
		left: 0;
		height:66px;
		width: 100%;
		background: #fff;
		color: white;
		text-align: center;
	}

	@media (min-width: 960px) {
		#lumos-bar-order>div {
			margin-left:200px;
		}
	}

/* Layout */
	#lumos-content-container {
		display: flex;
		flex-direction: row;
    	align-items: flex-start;
		margin-top: 100px; 
		min-height: 100vh;
		max-width: 1920px;  
		width: 100%;        
		margin-left: auto;  
		margin-right: auto;
	}

	#lumos-bar-links {
		/*width: 200px;
		min-width:200px;
		max-height:100vh;
		overflow-y:auto;
		align-self: flex-start; */
		max-height:100vh;
		flex: 0 0 200px; /* Feste Breite */
		overflow-y: auto; /* Scroll aktivieren */
		z-index: 10; /* Stellt sicher, dass die Sidebar über dem Content bleibt */
		position: relative; /* Verhindert Überlappung */
		position: sticky;
    	top: 100px; /* UK-Offset */

	}

	#lumos-bar-links li:hover {
		background-color: var(--lumos-highlight1);
		border-radius:8px;
	}
	.lumos-bar-links-active {
		background-color: var(--lumos-highlight2);
		border-radius:8px;
	}
	#lumos-bar-links li a {
		color: #222;
		padding:0.5rem;
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
	#lumos-bar-rechts {
		width: 300px;
		min-width:300px;
		max-height:100vh;
		align-self: flex-start; 
		top: 100px;z-index: 10;
    	position: sticky;
	}
	#lumos-content {
		flex-grow: 1;
		min-width:0;
		min-height:90vh;
	}
	.lumos-content-container-small {
			max-width:1440px!important;
	}
	.lumos-widget {
		max-height: calc(100vh - 200px);
		overflow-y: auto;
	}
	@media (max-width: 1199px) {
		#lumos-content-container {
			margin-top: 44px;
		}
	}
	#categoryModal li a {
		color: #222;
		padding:0.5rem;
	}
	#categoryModal li a:hover {
		background-color: var(--lumos-highlight1)!important;
		border-radius:8px;
	}

	#lumos-cookie {
		background:var(--lumos-dark-2);
	}
	#orderSchritt0 .uk-card, .askForTime .uk-card {
		background:var(--lumos-light-1);
	}

/* artikel card */
	.lumos-shadow {
		box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
	}
	.lumos-card>div {
		background:#fff;
		border-radius:8px;
		width:100%;
	}
	.lumos-artikel-titel p {
		margin-bottom:0;
		color:#222;
		font-size:1rem;
	}
	.lumos-artikel-titel p{
		margin: 10px 0 5px 0;
	}
	.lumos-artikel-titel,.lumos-artikel-preis,.lumos-artikel-descr {
		padding: 0 16px;
	}
	.lumos-card .lumos-button:not(.lumos-button-short) {
		width:100%;
	}
	.lumos-artikel-descr {
		margin-bottom:60px;
	}
	
	.ec-bg-reverse:not(li) {
		background-image: linear-gradient(to top, #96fbc4 0%, #f9f586 100%);
		color:#222;
	}
	.ec-bg-reverse:not(div) {
		background-image: linear-gradient(to top, #96fbc4 0%, #f9f586 100%);
		color: #222;
		border-radius: 8px;
		padding: 8px 8px 4px 8px;
		border: none;
	}
	.ec-product-img-circle {
		border-radius:50%;
	}
	.ec-product-hinweis {
		font-size: 75%;
        font-style: italic;
        color: #ca5d28;
    }

/* buttons */
	.lumos-button, .ec-link-btn-large, .ec-link-btn {
		background-color: var(--lumos-light-2);
		/*background: linear-gradient(90deg, rgba(255,195,0,1) 0%, rgba(255,214,10,1) 100%); */
		text-transform: none;
		font-size:1rem;
		letter-spacing: 1px!important;
		border:none;
		border-radius:8px;
		font-weight:400!important;
		text-align: center!important;
		color:#222!important;
	}
	.lumos-button:hover, .ec-link-btn-large:hover, .ec-link-btn:hover {
		background-color: var(--lumos-light-1);
		border:none;
		color:#222!important;
	}
	.lumos-button-muted {
		background-color: var(--lumos-highlight2);
		text-transform: none;
		letter-spacing: 1px;
		border:none;
		border-radius:8px;
		color: #666;
		text-align: left;
		font-size: .875rem;
		padding: 0 20px!important;
	}
	.lumos-button-muted:hover {
		background-color: var(--lumos-highlight1);
		border:none;
	}
	.uk-button-large {
		padding: 0 15px;
		line-height: 42px;
	}
	@media (max-width: 960px) {
		.uk-button-large {
			padding: 0 5px;
		}
	}
	#lumos-bar-order .uk-button-large {
		line-height:52px;
		padding: 0 16px;
	}
	.lumos-ico-topline {
		background: var(--lumos-light-2);
	  	min-height: 30px;
	  	max-height: 30px;
	  	padding: 8px;
	  	border-radius: 8px;
		color:#222;
	}


	.lumos-ico-topline2 {
		display: flex;
		align-items: center;
		position: relative;
		text-decoration: none;
		overflow: hidden; 
		transition: width 0.4s ease-in-out;
		white-space: nowrap;
		background: var(--lumos-light-2);
		min-height: 30px;
		max-height: 30px;
		padding: 4px;
		border-radius: 8px;
		color:#222;
		width:30px;
	}

	/* Das Icon bleibt immer sichtbar */
	.lumos-ico-topline2-svg {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.lumos-ico-topline2-svg svg {
		max-width: none;
		margin-left:4px;
		color:#222;
	}

	/* Der Text ist anfangs unsichtbar */
	.lumos-ico-topline2-text {
		opacity: 0;
		margin-left: 8px;
		transition: opacity 0.2s ease-in-out;
	}

	/* Beim Hover wächst der Button */
	.lumos-ico-topline2:hover {
		width: 140px;
	}

	/* Der Text wird sichtbar, wenn genug Platz ist */
	.lumos-ico-topline2:hover .lumos-ico-topline2-text {
		color:#222;
		opacity: 1;
	}



	.lumos-ico {
		cursor:pointer;
		display:inline-block;
		width:18px;
		height:18px;
		padding:4px;
		font-size: .875rem;
		line-height: 1.25rem;
		border-radius:.375rem;
		text-align: center;
		background: var(--lumos-highlight2);
		background-size: contain;
		vertical-align: bottom;
	}
	.lumos-ico:hover {
		background: var(--lumos-light-2);
	}
	@media (max-width: 960px) {
		.lumos-ico, #submitOrder {
			transform: scale(0.9);
		}
	}
	.lumos-ico-large {
		width:32px;
		height:32px;
		padding:4px;
		font-size: 1rem;
		line-height: 1.5rem;
		border-radius:.375rem;
		text-align: center;
		background: var(--lumos-highlight2);
	}
	/* Close Button */
	.uk-modal-close-full {
  		padding: 10px !important;
	}
	.menu-btn {
		cursor: pointer;
		margin-top:5px;
	}
	.menu-btn line {
		stroke: white; 
		stroke-width: 5;
		stroke-linecap: round;
		transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	}
	.menu-btn .top {
		transform-origin: 25px 15px; 
	}
	.menu-btn .bottom {
		transform-origin: 25px 35px;
	}
	.menu-btn.active .top {
		transform: translateY(10px) rotate(45deg);
	}
	.menu-btn.active .middle {
		opacity: 0;
	}
	.menu-btn.active .bottom {
		transform: translateY(-10px) rotate(-45deg);
	}
	.uk-icon-button {
		background:#ddd!important;
		color:#222!important;
	}
	.uk-icon-button svg {
		max-width:none!important;
	}
	/*
	.menu-btn-x {
		cursor: pointer;
	}
	.menu-btn-x line {
		stroke: black;
		stroke-width: 5;
		stroke-linecap: round;
	}
	*/


/*
	Plus- und Minus Icons
	--------------------------------------------------------
*/
	.plus-icon {
		width: 16px;
		height: 16px;
		display: inline-block;
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/></svg>');
		background-repeat: no-repeat;
		background-size: contain;
	}
	.minus-icon {
		width: 16px;
		height: 16px;
		display: inline-block;
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23000" viewBox="0 0 16 16"><path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8"/></svg>');
		background-repeat: no-repeat;
		background-size: contain;
	}
	.lumos-ico-input {
		background:#fff;
		border:none;
		width:22px;
		text-align: center;
	}

	select.uk-input {
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></svg>');
	  background-position: center right 10px;
	  background-repeat: no-repeat;
	}

	.lumos-btn-add {
		padding: 2px 4px;
		border-radius: 20px;
		display: block;
		text-align: center;
		color: #222;
		font-size: 0.8rem;
	}
	.lumos-btn-add.remove-mode {
		background: var(--lumos-light-2);
	}
	.lumos-btn-add.remove-mode:hover, .lumos-btn-add.add-mode:hover {
		background: var(--lumos-light-1);
	}
	.lumos-btn-add.add-mode {
		background:var(--lumos-highlight2);
	}

/* basket */
	.lumos-basket-options-count {
		margin: 0;
	}
	.lumos-basket-options-count:not(.uk-text-small){
		line-height:40px;
		line-height: 40px;
		border: none;
		background: none;
		width: 25px;
		text-align: center;
		font-size: 1rem;
	}
	#minicart-items {
		width:100%;
		max-height:350px;
		overflow-y:auto;
		overflow-x:hidden;
	}
	.scroll-indicator {
		height: 50px; width: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255,1)); display: none;
	}
	.lumos-cart-item {
		position: relative;
		overflow: hidden;
		transition: transform 0.3s ease;
	}
	.lumos-cart-item .ec-product-img-square {
		max-width:100px;
	}
	.lumos-basket-options {
		opacity: 0;
		transition: opacity 0.2s ease-in-out;
	}

	.uk-grid-match:hover .lumos-basket-options {
		opacity: 1;
	}
	#minicart-items > div {
		padding: 5px 2px 5px 2px;
	}
	#minicart-items > div:hover {
		background: var(--lumos-highlight1);
		cursor:pointer;
	}

	/* Buttons sind standardmäßig versteckt */
	.order-actions {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		gap: 10px;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.3s ease;

		/* Flexbox für gleichmäßige Höhen & Zentrierung */
		align-items: center;
	}

	/* Stellt sicher, dass alle Buttons dieselbe Höhe haben */
	.order-actions a {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 70px; /* Falls nötig anpassen */
		padding: 5px 10px; /* Gleiche Polsterung für alle */
		text-align: center;
	}

	/* Auf Desktop: Buttons bei Hover anzeigen */
	@media (hover: hover) {
		.lumos-cart-item:hover .order-actions {
			opacity: 1;
			pointer-events: auto;
		}

		.lumos-cart-item:hover .order-content {
			opacity: 0.5;
		}
	}

	/* Auf Touch-Geräten: Buttons bei Klick anzeigen */
	@media (max-width: 1024px) {
		.lumos-cart-item.active .order-actions {
			opacity: 1;
			pointer-events: auto;
		}

		.lumos-cart-item.active .order-content {
			opacity: 0.5;
		}
	}

/* helper */
	.justify-between {
		display:flex;
		justify-content: space-between;		
	}
	.uk-light {
		color:#fff;
	}
	.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!important;
	  background: #32d296!important;
	}
	.uk-alert-danger {
	  color: #fef4f6!important;
	  background: #f0506e!important;
	}
	.uk-alert-primary {
	  color: #d8eafc!important;
	  background: #1e87f0!important;
	}
	.uk-alert-warning {
	  color: #fff!important;
	  background: var(--lumos-light-1)!important;
	}
	.ec-currentcolor {
		color: inherit;
		text-transform: none;
		background-color: transparent;
		display: inline-block;
		fill: currentcolor;
	}
	.ec-blendmode {
		mix-blend-mode: difference;
	}
    .orderSuccess {
      background-color: var(--lumos-light-1);
      border:none;
      color: #222 !important;
        border-radius: 4px;
    }

/*	Loader  */
	.loader {
	   width: 50.4px;
	   height: 44.8px;
	   --c: linear-gradient(#ccc 0 0);
	   background: var(--c) 0%   50%,
			  var(--c) 50%  50%,
			  var(--c) 100% 50%;
	   background-size: 10.1px 100%;
	   background-repeat: no-repeat;
	   animation: loader 1s infinite linear;
	}

	@keyframes loader {
	   33% {
		  background-size: 10.1px 10% ,10.1px 100%,10.1px 100%;
	   }

	   50% {
		  background-size: 10.1px 100%,10.1px 10% ,10.1px 100%;
	   }

	   66% {
		  background-size: 10.1px 100%,10.1px 100%,10.1px 10%;
	   }
	}

/* uikit modal animation */
	.uk-modal {
		transform: translateY(100%);
		transition: transform 0.5s ease-out; /* Dauer und Art der Animation */
	}
	.uk-modal.uk-open {
		transform: translateY(0);
	}

/* Banner Slides */
	.uk-slidenav {
		background: rgba(255,255,255,0.7);
		color: #222!important;
		border: 4px solid rgba(255,255,255,0.1);
		border-radius: 50%;
	}
	@media (min-width: 961px) {
		#lumos-banner-main {
			max-height:350px;
			min-height:350px;
		}
	}
	@media (max-width: 960px) {
		#lumos-banner-main {
			margin-top:40px;
		}
	}
	#lumos-banner-main img {
		border-radius: 24px;
		object-fit: cover;
	}
	#lumos-banner-main div {
		max-height:350px;
		/*position:unset;	*/
	}
	#lumos-banner-main>div,#lumos-banner-main ul {
		max-height:350px;
	}

/* modals */
	#addToCartModal, #categoryModal {
		background: rgba(0, 0, 0, 0.4); 
		backdrop-filter: blur(10px);
	}
	#addToCartModal>div, #categoryModal>div {
		overflow-y:auto;
		margin-top:70px;
		border-radius:32px;
		max-height:calc(100dvh - 70px)!important;
		position:relative;
	}
	@media (min-width: 768px) {
		#categoryModal>div {
			left: calc(50% - 250px);
		}	
		#addToCartModal img {
			max-width: 90%;
		}
	
		#addToCartModal>div {
			max-width: 700px;
		  	margin: 0 auto;
		  	margin-top:70px;
		}
		#addToCartModal img {
			max-width: 55%;
		}
	}
	.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;
	}
	.ec-product-addtocart {
		max-height:calc(100dvh - 70px)!important;
		overflow-y:auto;
	}
	.uk-modal-full .uk-modal-dialog {
	  background: rgba(0, 0, 0, 0.4);
	  backdrop-filter: blur(10px);
		max-height:100dvh!important;
	}
    
    @media (max-width: 960px) {
        .lumos-mobile-artikel-footer #orderAnzahl {
            margin-top:-7px;
        }
    }

/* Footer */
	.lumos-mobile-artikel-footer {
		position: sticky;
    	bottom: 0;
		max-width:100%;
		padding: 24px;
		background:#fff;
	}
	.lumos-logo-fuss {
		max-width:130px;
	}
	#ec-footer-logo {
		-webkit-filter: saturate(0) brightness(1000);
		filter: saturate(0) brightness(1000);
		max-width:150px;
	}

/* Forms */
	.lumos-form-title {
		font-weight: bold;
		margin-bottom: 2px;
	}
	.lumos-form-input {
		margin-top: 0px;
	}
	.uk-input:focus {
		border: none;
		background: #f5f5f5;
	}
	.autocomplete-suggestions {
		background:#fff;
		padding:4px;
	}
	.autocomplete-suggestion {
		padding:4px;
		cursor: pointer;
	}
	.autocomplete-suggestion:hover {
		background:var(--lumos-highlight1);
	}

/* Basket anmiation */
  .particle {
      position: absolute;
      font-size: 20px;
      opacity: 1;
      animation: explode 0.6s ease-out forwards;
  }

  @keyframes explode {
      0% { transform: translate(0, 0) scale(1); opacity: 1; }
      50% { opacity: 1; }
      100% { transform: translate(var(--x), var(--y)) scale(0.5); opacity: 0; }
  }


/* Smiley */
	#lumos-face {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.lumos-face {
		animation: face-move 4s ease-in-out infinite alternate;
	}

	.lumos-face-eye {
		animation: eye-move 3s ease-in-out infinite;
	}

	.lumos-face-mouth {
		animation: mouth-animate 3s ease-in-out infinite;
	}

	@keyframes face-move {
		0%, 100% { transform: translateY(0px); }
		50% { transform: translateY(2px); }
	}

	@keyframes eye-move {
		0%   { transform: translateX(-4px) translateY(0px); }  /* Startposition (links) */
		20%  { transform: translateX(0px) translateY(2px); }   /* Mitte nach unten */
		30%  { transform: translateX(5px) translateY(-1px); }  /* Rechts */
		40%  { transform: translateX(5px) translateY(-1px); }  /* KURZER STOPP rechts */
		60%  { transform: translateX(-3px) translateY(3px); }  /* Nach unten schauen */
		70%  { transform: translateX(-3px) translateY(3px); }  /* KURZER STOPP unten */
		90%  { transform: translateX(-5px) translateY(0px); }  /* Ganz nach links */
		100% { transform: translateX(-5px) translateY(0px); }  /* KURZER STOPP links */
	}

	@keyframes mouth-animate {
		0%   { x1: 38px; x2: 62px; y1: 67px; y2: 67px; transform: rotate(0deg); }
		20%  { x1: 40px; x2: 60px; y1: 66px; y2: 66px; transform: rotate(-3deg); }
		30%  { x1: 35px; x2: 65px; y1: 64px; y2: 65px; transform: rotate(3deg); }
		40%  { x1: 35px; x2: 65px; y1: 64px; y2: 65px; transform: rotate(3deg); } /* STOPP */
		60%  { x1: 42px; x2: 58px; y1: 68px; y2: 67px; transform: rotate(-2deg); }
		70%  { x1: 42px; x2: 58px; y1: 68px; y2: 67px; transform: rotate(-2deg); } /* STOPP */
		90%  { x1: 32px; x2: 68px; y1: 66px; y2: 66px; transform: rotate(2deg); }
		100% { x1: 32px; x2: 68px; y1: 66px; y2: 66px; transform: rotate(2deg); } /* STOPP */
	}

/*
	Payment
*/
	.ec-tab-paymethods > * > a {
	  border: none!important;
	  border-radius: 8px;
	  background: var(--lumos-light-1);
	}
	.payment-tab,.payment-tab:hover {
		color:#fff!important;
		background: var(--lumos-light-2);
	}
.loadPaketArtikel li {
	max-width:350px;
	margin-right:30px;
}
#artikel_titel sup {
    font-size: 1rem;
    top: -1rem;
    margin-left: 4px;
}