/**
Theme Name: Lepple
Author: Unimess GmbH
Author URI: https://www.unimess.de
Description: Individuelles Theme f�r Kunde: Lepple
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Lepple
Template: astra
*/

/*
*
* ==========================================
* #Generell
* ==========================================
*
*/

/* readex-pro-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Readex Pro';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/readex-pro-v27-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/readex-pro-v27-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* readex-pro-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Readex Pro';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/readex-pro-v27-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/readex-pro-v27-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* readex-pro-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Readex Pro';
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/readex-pro-v27-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/readex-pro-v27-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* readex-pro-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Readex Pro';
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/readex-pro-v27-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/readex-pro-v27-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* readex-pro-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Readex Pro';
font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/readex-pro-v27-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/readex-pro-v27-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}



/* Bembo*/
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bembo';
font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/BemboStd-Italic.otf') format('otf'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
	--rolexgruen: #127749;
	--um-h2-size: 30px;
	font-family: 'Readex Pro', sans-serif;
}

body {
	font-family: 'Readex Pro', sans-serif;
	max-width: 1920px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

button:focus,
a:focus {
	outline: 0 !important;
}

.font-bembo *{
	font-family: 'Bembo' !important;
}

.tax-product_cat .ast-woo-shop-archiv .site-content.ast-container {
	max-width: 100% !important;
}

.tax-product_cat .content-area.primary {
	margin-top: 0px !important;
}

.tax-product_cat .ast-container {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

h2 {
	line-height: 35px;
}

.elementor-widget-heading h2.elementor-heading-title {
	line-height: 35px;
	margin-bottom: 10px;
}

#ast-scroll-top {
	background-color: var(--ast-global-color-0);
}
/* Below Footer von Germanized addon */
.footer-info.vat-info {
	background-color: #101010!important;
	margin-bottom: 0!important;
	color: #fff!important;
}


.um-basic-padding{
	padding-top: 100px;
	padding-bottom: 100px;
}
.um-basic-margin{
	margin-top: 100px;
	margin-bottom: 100px;
}


.um-hyphens{
	hyphens: auto;
}

.no-underline a{
	text-decoration: none !important;
}


.um-schmuck-kacheln .product:nth-child(3n+1) img, .um-schmuck-kacheln .product:nth-child(3n+1){
	mix-blend-mode: multiply;
}

/* .um-schmuck-kacheln.fope .elementor-post__text{
	background-color: #CFE6C6;
} */
.um-schmuck-kacheln.fope article {
	position: relative;
}
.um-schmuck-kacheln.fope article::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #cfe6c6 0%, #f1f3f000 25%);
	display: flex;
	z-index: 2!important;
}
.um-schmuck-kacheln.fope article .elementor-post__text {
	z-index: 3!important;
}
.um-schmuck-kacheln.fope article .elementor-post__thumbnail__link {
	z-index: 1!important;
}

/*
*
* ==========================================
* #Menu
* ==========================================
*
*/



.kolibri-header {
	width: 150px;
	height: 100px;
}

.ast-primary-header-bar .kolibri-header {
	background-image: url("https://www.lepple.de/wp-content/uploads/kolibri_farbe.png");
	width: 80px;
	height: 70px;
	position: absolute;
	background-size: cover;
	margin-top: -75px;
	transform: scale(-1, 1) rotate(15deg);
	right: 8%;
}

.ast-header-sticked .kolibri-header {
	display: none;
}

.ast-header-sticked {
	top: 0px !important;
}


.rolex-uhr-bereich {
	margin-top: -3px;
}

#ast-hf-menu-2 {
	display: grid;
	justify-items: start;
	margin-top: 0px;
}

.ast-grid-right-center-section {
	justify-content: flex-end;
}

.main-header-menu>.menu-item:last-child>.menu-link {
	padding-right: 1em;
}

/* ##################### wenn Menü rechts angeordnet ist
.main-header-menu > .menu-item:first-child > .menu-link {
	display: flex;
    flex-flow: row-reverse
}
*/

.main-header-menu .ast-icon.icon-arrow svg {
	height: 18px;
	margin-left: 5px;
	margin-right: 0px;
}


#ast-hf-menu-2 .menu-item {
	line-height: 26px;
}

#quadmenu .quadmenu-navbar-nav li.quadmenu-item>a>.quadmenu-item-content>.quadmenu-caret:before {
	content: '↓';
}

#quadmenu .quadmenu-navbar-nav li.quadmenu-item.open>a>.quadmenu-item-content>.quadmenu-caret:before {
	content: '↑';
}

#quadmenu .quadmenu-navbar-nav li.quadmenu-item>a>.quadmenu-item-content>.quadmenu-caret {
	right: 7px;
}

.ast-primary-header-bar {
	background: transparent linear-gradient(272deg, #C0C0C0 0%, #9A9A9A 24%, #C0C0C0 50%, #9A9A9A 75%, #C0C0C0 100%) 0% 0% no-repeat padding-box;
}


.lepple-flaeche-silber {
	background: transparent linear-gradient(111deg, #C0C0C0 0%, #9A9A9A 24%, #C0C0C0 50%, #9A9A9A 75%, #C0C0C0 100%) 0% 0% no-repeat padding-box !important;
}

.lepple-flaeche-silber2 {
	background: transparent linear-gradient(272deg, #C0C0C0 0%, #9A9A9A 24%, #C0C0C0 50%, #9A9A9A 75%, #C0C0C0 100%) 0% 0% no-repeat padding-box;
}

.lepple-flaeche-silber:has(.um-special-kat) {
	padding-right: 0px !important;
	padding-left: 0px !important;
}



.lepplebutton .elementor-button-icon svg {
	transform: rotateY(180grad);
	width: 1.5em;
}


.lepplebutton .elementor-button {
	background-color: transparent !important;
	border: 0 transparent !important;
}

.lepplebutton.weiss .elementor-button {
	color: #000000;
}

.lepplebutton.weiss .elementor-button-icon svg line,
.lepplebutton.weiss .elementor-button-icon svg path {
	stroke: #000000;
}

button,
.button,
.single_add_to_cart_button,
.woocommerce div.product form.cart .button {
	background-color: #111111;
	border-radius: 0px;
	letter-spacing: 1px;
	font-weight: 300;
	/* background: transparent linear-gradient(272deg, #C0C0C0 0%, #9A9A9A 24%, #C0C0C0 50%, #9A9A9A 75%, #C0C0C0 100%) 0% 0% no-repeat padding-box;*/ 
	color: #ffffff;
}

#kopfgrafik {
	width: 100%;
	height: 350px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	margin-bottom: 50px;
}

/*
img.custom-logo.astra-logo-svg {
    height: 175px !important;
}
*/


.site-logo-img .astra-logo-svg {
	height: 140px !important;
}

/*
.ast-header-sticked img.custom-logo.astra-logo-svg {
    height: 20px !important;
}
*/


.um-markenliste.navi li {
	display: inline !important;
}


.um-markenliste.navi span {
	display: none;
}


.um-markenliste.navi img {
	width: 140px;
	margin-right: 8px;
	margin-top: 8px;
	border: 1px solid #000000 !important;
	vertical-align: bottom !important;
}

.um-markenliste.schmuckarten.navi img,
.um-markenliste.schmuckarten.navi span {
	width: 91px;
}


.main-header-menu .sub-menu .menu-link {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

.quadmenu-custom_theme_1 {
	margin-left: 0px !important;
}



#quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav>li.quadmenu-item>a {
	font-weight: 300;
}

.quadmenu-item-12759 .quadmenu-title,
.quadmenu-item-5727 .quadmenu-title,
.navi-marken-ueberschrift {
	font-size: 1.0rem !important;
	color: #000000 !important;
	font-weight: 400 !important;
	margin-bottom: 10px;
}

.quadmenu-item-5005:hover,
.quadmenu-item-17685:hover {
	background-color: var(--rolexgruen) !important;
	color: #ffffff !important;

}

.quadmenu-item-5005:hover .quadmenu-text,
.quadmenu-item-17685:hover .quadmenu-text {
	color: #ffffff !important;
}
div.ast-header-html-2[data-section="section-hb-html-2"]:has(#quadmenu) {
  padding: 0px;
}
.um-quadmenu-mobil li.quadmenu-item-has-children.open {
	position: relative!important;
}
.um-quadmenu-mobil li.quadmenu-item-has-children.open::after {
    content: '';
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: calc(100% - 5px);
    bottom: 0;
    height: auto;
    background-color: #111111;
	z-index: 10020;
}
#quadmenu.quadmenu-custom_theme_2 .quadmenu-navbar-nav .quadmenu-dropdown-menu {
	z-index: 998;
}
.quadmenu-item-level-1 .quadmenu-item-content {
	padding-left: 35px!important;
}
/*
.main-header-bar-wrap .ast-builder-grid-row.ast-grid-center-col-layout{
	grid-template-columns: max-content;
}
*/

.newsletterform {
	width: 50%;
}

.newsletterform input {
	border: none;
	border-bottom: solid 2px #000000;
	background-color: transparent;
}

.newsletterform .btn {
	margin-top: 7px;
}

.lepple-trennlinie .elementor-divider {
	padding-top: 0px;
}

.quadmenu-dropdown-stretch-boxed {
	width: 1200px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}


/*
*
* ==========================================
* #Kopfslider /Slider
* ==========================================
*
*/

.nextend-bullet-bar.n2-bar-justify-content-center div div {
	padding: 2px 20px 0px 8px !important;
}

.n2-bullet .n2-active {
	padding-top: 8px !important;
}


.kategorieueberschriftspezial-wrapper {
	position: absolute;
	/*    background-color: #00000063;*/
	padding: 2em 1.5em;
}

.kategorieueberschriftspezial {
	font-size: 4vw;
	color: white;
	text-transform: uppercase;
	text-shadow: 3px 3px 10px #666;
}

.marken-ankerlinks a {
	text-decoration: none !important;
}

.marken-content-kachel-2>div {
	padding: 50px !important;
}

.marken-content-kachel a {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1/1;
	padding: 50px !important;
}

.marken-bild-kachel>div {
	min-height: 300px;
	padding: 50px !important;
}

/* 	########## Shortcode um-wc-produkte-slider #################
	########## Shortcode um-wc-produkte-slider #################
	########## Shortcode um-wc-produkte-slider #################
*/
.um-wc-produkte-wrapper .swiper-button-next,
.um-wc-produkte-wrapper .swiper-button-prev {
	background-image: none;
	color: #000;
	z-index: 3;
	background-color: #fff;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	box-shadow: 0px 1px 8px -3px #00000054;
}
.um-wc-produkte-wrapper .swiper-button-next::after,
.um-wc-produkte-wrapper .swiper-button-prev::after {
	 	content: "";
  		position: absolute;
  		top: 50%;
  		left: 50%;
  		width: 200%;
  		height: 200%;
  		transform: translate(-50%, -50%);
  		z-index: -1;
}
.um-wc-produkte-wrapper .swiper-button-next>.swiper-navigation-icon,
.um-wc-produkte-wrapper .swiper-button-prev>.swiper-navigation-icon {
	height: fit-content;
	width: auto;
	padding: 0;
}

.um-wc-produkte-wrapper .swiper-button-prev>.swiper-navigation-icon {
	transform: rotate(180deg) translateX(1px) !important;
}

.um-wc-produkte-wrapper .swiper-button-next>.swiper-navigation-icon {
	transform: translateX(1px);
}

.um-wc-produkte-wrapper .swiper-button-next {
	right: -20px !important;
}

.um-wc-produkte-wrapper .swiper-button-prev {
	left: -20px !important;
}



.um-wc-produkte a {
	text-decoration: none;
}


.um-wc-produkte {
	padding: 0px;
}

#um-wc-produkt-anzeige:has(#um-card-uhren) .card-img-top {
	mix-blend-mode: multiply;
}

.um-wc-produkte .card a {
	text-decoration: none !important;
}

.um-wc-produkte .card-footer {
	padding: 0px 24px 24px 24px;
	font-size: 14px;
	font-weight: 300;
	color: #000;
}

.um-wc-produkte .card-title {
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 0px;
	padding-top: 10px;
	color: #000000;
}

.um-wc-produkte .card-text {
	text-decoration: none;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	padding-bottom: 0px;
}

#um-wc-produkt-anzeige {
	margin-bottom: 50px;
}

#um-wc-produkt-anzeige .swiper-pagination-bullet {
	width: 30px !important;
	height: 2px !important;
	margin-top: 20px;
}

#um-card-uhren,
#um-card-schmuck {
	border-radius: 0px;
	border: 1px solid black;
	justify-content: space-between;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: calc(0% - 15px) calc(0% - 30px);
}

#um-card-uhren {
	background-image: url('/wp-content/uploads/2025/09/tudor-kaliber-juwelier-lepple.webp');
	transition: background-position 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

#um-card-schmuck {
	background-position: 15px -20px;
	background-image: url('/wp-content/uploads/2025/09/schmuck-kachel-startseite.webp');
	transition: background-position 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}


#um-card-uhren:hover,
#um-card-schmuck:hover {
	background-position: 0% 0%;
}
#um-card-schmuck:hover a.um-link-pfeil::after,
#um-card-uhren:hover  a.um-link-pfeil::after{
	transform: translateX(5px);
}

#um-card-uhren .card-body,
#um-card-schmuck .card-body {
	padding: 48px;
}

#um-card-uhren .card-title,
#um-card-schmuck .card-title {
	font-weight: 700;
	font-size: 30px;
	display: inline-block;
	border-bottom: 1px solid black;
	padding-left: 40px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#um-card-schmuck .card-title {
	padding-left: 0px;
	padding-right: 40px;
	text-align: left;
}

.um-wc-produkte .swiper-slide {
	background-color: #f8f9fa;
}

#um-wc-schmuck-slider .card-img-top,
#um-wc-schmuck-slider .card-img-top img {
	/* height: 100%; */
	object-fit: cover;
	object-position: top left;
}

#um-wc-produkt-anzeige .swiper-pagination-bullet {
	background: #ffffff84;
}

#um-wc-produkt-anzeige .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #ffffffff !important;
}



/* 	######## ENDE Shortcode um-wc-produkte-slider ENDE ############	*/


.um-new-button img{
	position: absolute;
	bottom: -20px;
	right: -8vw;
	transform: rotate(20deg);
	filter: drop-shadow(4px 4px 12px #0a0a0a30);
}



.quantity .ast-qty-placeholder.plus{
	aspect-ratio: 1/1;
}


.um-text-balance{
	text-wrap: balance;
}
.um-list-aligned ul{
	list-style-position: outside;
	padding-left: 16px;
}
.um-list-aligned ul li{
	padding-left: 10px;
	padding-bottom: 4px;
}


/*
*
* ==========================================
* #Card-Elemente
* ==========================================
*
*/
a.um-link-pfeil,
.um-CTA-startseite span.elementor-cta__button,
.um-link-pfeil a.elementor-button.elementor-button-link {
	background-color: transparent !important;
	border: none !important;
	font-size: 18p !important;
	font-weight: 300 !important;
	;
	letter-spacing: 1.5px !important;
	;
	text-transform: uppercase !important;
	;
	color: var(--ast-global-color-3) !important;
	;
	padding: 0px;
	text-decoration: none !important;
}

a.um-link-pfeil:hover,
.um-CTA-startseite:hover span.elementor-cta__button,
.um-link-pfeil:hover a.elementor-button.elementor-button-link {
	background-color: none !important;
	color: var(--ast-global-color-3);
}

a.um-link-pfeil::after,
.um-CTA-startseite span.elementor-cta__button:after,
.um-link-pfeil a.elementor-button.elementor-button-link>span::after {
	content: url('/wp-content/uploads/2025/09/lepple-pfeil-neu.svg');
	position: relative;
	display: inline-block;
	width: 15px;
	height: auto;
	margin-left: 9px;
	transition: transform .3s ease-in-out;
}

.um-CTA-startseite span.elementor-cta__button:after {
	content: url('/wp-content/uploads/2025/09/lepple-pfeil-neu.svg');
	position: relative;
	display: inline-block;
	width: 15px;
	height: auto;
	margin-left: 9px;
	transition: transform .3s ease-in-out;
	filter: invert(1) brightness(200);
}

.um-CTA-startseite span.elementor-cta__button,
.um-CTA-startseite:hover span.elementor-cta__button {
	color: #fff !important;
}

a.um-link-pfeil:hover::after,
.um-CTA-startseite:hover span.elementor-cta__button:after,
.um-link-pfeil:hover a.elementor-button.elementor-button-link>span::after {
	transform: translateX(5px);
}

.um-CTA-startseite h2.elementor-cta__title {
	position: relative;
	font-size: var(--um-h2-size);
	letter-spacing: normal;
	text-transform: none;
	font-weight: 600;
	color: #fff;
	line-height: 2.375rem;
	display: block;
	width: fit-content;
	min-width: 160px;
	text-decoration: none;
	hyphens: auto;
	margin-bottom: 10px;
}

.um-CTA-startseite span.elementor-cta__button {
	position: relative;
}

.um-CTA-startseite span.elementor-cta__button::before {
	content: '';
	display: flex;
	position: relative;
	border-top: 1px solid #fff;
	height: 16px;
	width: calc(100% + 35px);
	max-width: 270px;
}
.um-CTA-startseite.um-schmuck-maenner span.elementor-cta__button::before {
	width: 100%;
}
.um-CTA-startseite .elementor-cta__bg-overlay {
	background: linear-gradient(0deg, rgb(0% 0% 0% / 0.85) 0%, rgb(0% 0% 0% / 0.796875) 3.4375%, rgb(0% 0% 0% / 0.74375) 6.875%, rgb(0% 0% 0% / 0.690625) 10.3125%, rgb(0% 0% 0% / 0.6375) 13.75%, rgb(0% 0% 0% / 0.584375) 17.1875%, rgb(0% 0% 0% / 0.53125) 20.625%, rgb(0% 0% 0% / 0.478125) 24.0625%, rgb(0% 0% 0% / 0.425) 27.5%, rgb(0% 0% 0% / 0.371875) 30.9375%, rgb(0% 0% 0% / 0.31875) 34.375%, rgb(0% 0% 0% / 0.265625) 37.8125%, rgb(0% 0% 0% / 0.2125) 41.25%, rgb(0% 0% 0% / 0.159375) 44.6875%, rgb(0% 0% 0% / 0.10625) 48.125%, rgb(0% 0% 0% / 0.053125) 51.5625%, rgb(0% 0% 0% / 0) 55%);
}

.um-CTA-startseite .elementor-cta,
.um-CTA-startseite .elementor-cta__content {
	text-decoration: none !important;
	aspect-ratio: 1/1;
	width: 100%;
}

.card {
	border: 0px;
	border-bottom: 2px solid var(--e-global-color-primary);
	border-radius: 0px;
	background: transparent;
}

.card-body a {
	text-decoration: none !important;
}

.card-body a h3 {
	font-weight: 600;
	font-size: 18px;
}


.aktuelles-btn {
	text-transform: uppercase;
	font-weight: 600;
}

/* ####### Aktuelles Startseite 2025 ############## */
/* ####### Aktuelles Startseite 2025 ############## */
/* ####### Aktuelles Startseite 2025 ############## */

/* ### Blendet den Kolibri auf der Startseite aus ### */
body.home:has(#kolibri-blocker) .ast-primary-header-bar .kolibri-header {
	display: none!important;
}
#um-aktuelles-2025 .startseite-aktuelles p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/* ####### Ende Aktuelles Startseite 2025 ##############  */

/* ####### Kontaktbereich Startseite 2025 ############## */
/* ####### Kontaktbereich Startseite 2025 ############## */
/* ####### Kontaktbereich Startseite 2025 ############## */

.um-kontakt-buttons-startseite a.elementor-button::before {
	content: url('');
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -45px;
	display: block;
	border-radius: 28px;
	background-color: #101010;
	width: 45px;
	height: 45px;
	transition: all 0.3s ease;
	z-index: -1;
}

#kontakt-telefon.um-kontakt-buttons-startseite a.elementor-button::before {
	content: url('/wp-content/uploads/2025/09/kontakt-telefon.svg');

}

#kontakt-email.um-kontakt-buttons-startseite a.elementor-button::before {
	content: url('/wp-content/uploads/2025/09/kontakt-email.svg');

}

#kontakt-kalender.um-kontakt-buttons-startseite a.elementor-button::before {
	content: url('/wp-content/uploads/2025/09/kontakt-terminbuchung.svg');

}

#kontakt-whatsapp.um-kontakt-buttons-startseite a.elementor-button::before {
	content: url('/wp-content/uploads/2025/09/kontakt-whatsapp.svg');

}

.um-kontakt-buttons-startseite a.elementor-button {
	display: inline-flex;
	justify-content: start;
	align-items: center;
	background-color: transparent !important;
	color: #000;
	min-height: 46px;
	height: fit-content;
	text-decoration: none;
	position: relative;
	vertical-align: middle;
	z-index: 0;
	padding-right: 0px 45px 0px 20px !important;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 2px;
	margin-left: 46px;
	text-align: start;
}

.um-kontakt-buttons-startseite a.elementor-button::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -45px;
	display: block;
	border-radius: 28px;
	background-color: #101010;
	width: 46px;
	height: 46px;
	transition: all 0.3s ease;
	z-index: -2;
}

.um-kontakt-buttons-startseite a.elementor-button:hover {
	color: #fff;
}

.um-kontakt-buttons-startseite a.elementor-button:hover::after {
	width: calc(100% + 45px);
	height: 100%;
}

/* ########## Newsletter Formular 2025 ############### */
.newsletter-2025 input[type=email] {
	width: 100%;
	height: 50px;
	border: 1px solid #808080;
	background-color: #fff;
	margin-bottom: 24px;
}

.newsletter-2025 input[type=email]::placeholder {
	font-size: 16px;
	font-weight: 300;
	color: #808080;
	text-transform: none !important;
}

.newsletter-2025 button[type=submit] {
	background-color: #111111;
	background-image: unset;
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	text-transform: none;

	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
}

/* ########## ENDE Newsletter Formular 2025 ############### */
/* ######### Ende Kontaktbereich Startseite 2025 ############## */


.lepple-cta .elementor-cta__content {
	/* Auskommentiert von Polivka wegen Fehler auf Startseite */
	/* margin-top: -215px; */
	background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(180deg, #FFFFFF00 0%, #00000038 100%) 0% 0% no-repeat padding-box;
}

#instagram-logo {
	padding: 0px 10px 0px 24px;
	height: 30px;
	width: auto;
	object-fit: contain;
	transform: translateY(-3px);
}

/*
*
* ==========================================
* #Unterseiten
* ==========================================
*
*/
.elementor-column:has(.um-cta-stretch) > .elementor-widget-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.um-cta-stretch,
.um-cta-stretch .elementor-widget-container,
.um-cta-stretch .elementor-cta {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.um-cta-stretch .elementor-cta {
	 flex-direction: column-reverse;
}

.um-cta-stretch .elementor-cta__content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.um-cta-stretch .elementor-cta__title {
	text-wrap: balance;
    hyphens: auto;
}






/*
====================
# Website Layout Unterseiten
====================
*/
.um-einleser{
	max-width: 800px;
	margin: auto;
	padding: 20px;
}


.um-text-bild{
	padding-top: 100px;
	padding-bottom: 100px;
}
.um-text-bild .um-text-sektion > div{
	padding: 0px 50px 0px 50px !important;

}
.um-text-bild .um-bild-links > div{
	padding: 0px 50px 0px 0px !important;
}
.um-text-bild .um-bild-rechts > div{
	padding:  0px 0px 0px 50px !important;
}



/* Uhren Marken Collection-Slider Smart  */
.um-marken-kollektion-bilder {
	aspect-ratio: 4 / 5;
	object-fit: cover;
	min-width: 300px;
	min-height: 375px;
}

.um-marken-kollektion-cta {
	font-size: 19px !important;
	color: var(--ast-global-color-2) !important;
	font-family: 'Readex Pro', sans-serif !important;
}

.um-marken-kollektion-cta:hover {
	color: var(--ast-global-color-1) !important;
}

/* Produkt Aktion Button (Sale Button)*/
.woocommerce ul.products li.product .onsale {
	padding: 7px;
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	max-height: 90px;
	line-height: normal;
}


.um-marken-kathegorie {
	text-transform: uppercase;
	margin-top: 100px;
}

.blur-kathegorie .elementor-background-overlay {
	backdrop-filter: blur(20px);
}


.kolibricontainer {
	width: 100%;
	height: 76px;
	display: flex;
	justify-content: center;
}

.startseiten-kolibri {
	display: block;
	width: 125px;
	height: 76px;
	background-image: url('https://www.lepple.de/wp-content/uploads/kolibri_farbe_klein_rechts_hover_ganz_klein.png');
	background-position: 0 0;


}

.startseiten-kolibri:hover {
	background-position: 125px 0;
}

.sektionsueberschrift h2,
.sektionsueberschrift h3 {
	text-transform: uppercase;
	text-align: center;
}

.sektionsueberschrift h2 {
	font-weight: 900;
	font-size: 30px;
	letter-spacing: 6px;
}

.sektionsueberschrift h3 {
	font-weight: 200;
	font-size: 24px;
}

.bild-gedreht img {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: "FlipH";
	filter: FlipH;
}


.SchoeneZusatzSchrift {
	font-size: 1rem;
	line-height: 2rem;
	letter-spacing: .2rem;
	text-transform: uppercase;
}

.eckenradius,
.eckenradius img {
	border-radius: 7px;
}

.um-markenliste.startseite {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.um-BG-Gradient .elementor-widget-wrap.elementor-element-populated {
	background: -webkit-repeating-radial-gradient(#55968e, #72bdb5, #55968e 47%);
	background: -moz-repeating-radial-gradient(#55968e, #72bdb5, #55968e 47%);
	background: -o-repeating-radial-gradient(#55968e, #72bdb5, #55968e 47%);
	background: repeating-radial-gradient(#55968e, #72bdb5, #55968e 47%);
	background-size: 1400% 1400%;
	animation: gradientBGmove 17s ease-in-out infinite;
}

@keyframes gradientBGmove {
	0% {
		background-position: 0% 100%;
	}

	50% {
		background-position: 100% 100%;
	}

	100% {
		background-position: 0% 100%;
	}
}

.um-kolibri {
	bottom: 54%;
	pointer-events: none;
}
 .um-kolibri-start {
	pointer-events: none!important;
	position: absolute!important;
    left: 50%!important;
	bottom: 0%!important;
    transform: translate(-50%, 0%)!important;
    z-index: 10!important;
    width: 22%!important;
    height: auto!important;
 }
.um-kolibri video,
.um-kolibri-start video {
	pointer-events: none;
}


.um-markenliste.startseite li {
	display: flex;
	background-color: white;
	padding: 5px;
	margin: 5px;
	width: 150px;
	overflow: hidden;
}

.um-markenliste.startseite span {
	display: none;
}



.um-markenliste.startseite img {
	transition: transform 1.5s cubic-bezier(.33, 0, .03, 1);
	width: 90%;
	transform: scale(0.95);
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.um-markenliste.startseite img:hover {
	transition: transform 1.5s cubic-bezier(.33, 0, .03, 1);
	transform: scale(1.15);

}


.um-markenliste.startseite img:after {
	transition: transform 1.5s cubic-bezier(.33, 0, .03, 1);
	transform: scale(1);

}

/* ########### Markenliste Startseite 2025 #################### */
/* ########### Markenliste Startseite 2025 #################### */
/* ########### Markenliste Startseite 2025 #################### */
#brandsGridCollapse,
#brandsGridCollapseschmuck {
	margin-top: 48px;
}

.brands-container {
	gap: 16px 32px;
}

#brandsGridCollapse.collapse:not(.show),
#brandsGridCollapseschmuck.collapse:not(.show) {
	height: 95px;
	overflow: hidden;
}

#brandsGridCollapse.collapsing,
#brandsGridCollapseschmuck.collapsing {
	min-height: 95px;
	transition: height 0.55s ease-out;
}

.brand-item {
	flex: 0 0 130px;
	text-align: center;
	position: relative;
	background-color: #fff;
}

.brand-item::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 90px;
	border-right: 1px solid #000;
	position: absolute;
	right: -17px;
	top: 50%;
	transform: translateY(-50%);
}

.brand-item:last-child::after,
.brand-item.is-last-in-row::after {
	display: none;
}

.brand-item img {
	width: 100%;
	height: 90px !important;
	/* filter: grayscale(1); */
	object-fit: contain;
	transition: all .65s ease-in-out;
}

.brand-item img:hover {
	transform: scale(1.12);
}

/* ######## Markenliste Startseite 2025 Ende ####################        */


.um-kachel-nachhaltigkeit>.elementor-widget-wrap.elementor-element-populated {
	box-shadow: 0px 4px 18px -8px #00000055;
}

/*
#um-startseite-nachhaltigkeit {
	max-width: calc(100% - 530px);
	margin-left: auto;
	margin-right: auto;
	position: relative;
} */

#um-startseite-nachhaltigkeit::before,
#um-startseite-nachhaltigkeit::after {
	content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: -30px;
    background-image: url(/wp-content/uploads/2025/09/kolibri_farbe.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 120px;
    height: 120px;
}

#um-startseite-nachhaltigkeit::after {
	left: unset;
	right: 0px;
	transform: scaleX(-1);
}

.toggle-button {
	background: none;
	border: none;
	color: #6c757d;
	cursor: pointer;
	font-size: 0.9rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 0.5rem 1rem;
}

.toggle-button:hover {
	color: #212529;
}

#toggleBrandsBtn,
#toggleBrandsBtn:hover,
#toggleBrandsBtn2,
#toggleBrandsBtn2:hover
 {
	position: relative;
	background-color: none;
	background: none;
	border: unset;
	color: #000;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-bottom: 0px;
}

#toggleBrandsBtn:hover, #toggleBrandsBtn2:hover {
	color: var(--ast-global-color-1);
}

#toggleBrandsBtn::after,
#toggleBrandsBtn2::after {
	content: url('data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiA5Ij48cGF0aCBkPSJNNy4yOTMsOC4zODljLjM5MS4zOTEsMS4wMjQuMzkxLDEuNDE0LDBsNi4zNjQtNi4zNjRjLjM5MS0uMzkxLjM5MS0xLjAyNCwwLTEuNDE0LS4zOTEtLjM5MS0xLjAyNC0uMzkxLTEuNDE0LDBsLTUuNjU3LDUuNjU3TDIuMzQzLjYxMWMtLjM5MS0uMzkxLTEuMDItLjM5MS0xLjQxNCwwLS4zOTEuMzkxLS4zOTEsMS4wMjQsMCwxLjQxNGw2LjM2NCw2LjM2NFoiIGZpbGw9IiMxMTEiLz48L3N2Zz4=');
	position: relative;
	display: inline-block;
	top: 10px;
    margin-left: 8px;
	width: 16px;
	height: 9px;
	transform: rotate(180deg);
}
#toggleBrandsBtn.collapsed::after,
#toggleBrandsBtn2.collapsed::after {
	transform: rotate(0deg);
	top: -2px;
}

/* ########### Markenliste Startseite 2025 Ende #################### */

/* ############ Unimess Videos 2025 Shortcode Startseite ##############
############ Unimess Videos 2025 Shortcode Startseite ############## */
.main-video-placeholder {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.main-video-placeholder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-color: #000;
}

.video-item {
	cursor: pointer;
	padding: 0px;
	transition: background-color 0.2s ease-in-out, height 0.3s ease, box-shadow 0.3s ease;;
	text-decoration: none!important;
	box-shadow: 0px 2px 16px -6px #00000000;
}

.video-item:hover {
	background-color: #fff;
	box-shadow: 0px 2px 16px -6px #0000002d;
}
.video-item:hover .thumbnail-container img {
	filter: brightness(107%);
}
.video-item:hover p {
	color: #000;
}
.video-item.active {
	background-color: #fff;
}

.video-item .thumbnail-container {
	flex-shrink: 0;
	width: 100%;
}

.video-item img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	transition: filter 0.3s ease;
}

.video-item h5 {
	font-size: 22px;
	font-weight: bold;
	margin-top: 0rem;
	margin-bottom: 0.25rem;
	hyphens: auto;
	letter-spacing: normal;
}

.video-item p {
	/* display: -webkit-box; */
	font-size: 14px;
	line-height: 19px;
	color: #4f5459ff;
	transition: all .3s ease;
	margin-bottom: 0;
	/* -webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	hyphens: auto;
	overflow-wrap: anywhere; */
}

/* .video-item.active p {
	display: block;
	-webkit-line-clamp: unset;
	white-space: normal;
	overflow: visible;
	height: auto;
} */

.video-player-title {
	font-size: 1.25rem;
	font-weight: 600;
	color: #000000;
	hyphens: auto;
}
.video-list-container {
	background-color: #f8f9fa;
	box-shadow: 1px -1px 42px -14px rgba(0,0,0,.4) inset;
	-webkit-box-shadow: 1px -1px 42px -14px rgba(0,0,0,.4) inset;
	-moz-box-shadow: 1px -1px 42px -14px rgba(0,0,0,.4) inset;
	border-radius: 8px;
	/* box-shadow:
		inset 0px 11px 8px -10px #00000041,
		inset 0px -11px 8px -10px #00000041;
 */
 }

.video-list-container::-webkit-scrollbar {
	width: 10px;
}

.video-list-container::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 0px 8px 8px 0px;
	overflow: hidden;
}

.video-list-container::-webkit-scrollbar-thumb {
	background: #888;
}

.video-list-container::-webkit-scrollbar-thumb:hover {
	background: #555;
}



#main-video-player video:not([autoplay]) {
	object-fit: cover;
}

#main-video-player video[autoplay] {
	object-fit: contain;
	background-color: #f8f9fa;
}

/* ############ Unimess Videos 2025 Shortcode Startseite Ende ##############
############ Unimess Videos 2025 Shortcode Startseite Ende ############## */


.astra-shop-summary-wrap .woocommerce-loop-product__title {
	margin-bottom: 0px !important;
	line-height: 18px;
}

.astra-shop-summary-wrap .price {
	color: #000000 !important;
	font-weight: 100 !important;
}
.um-videos-liste .card img{
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	object-fit: cover;
	object-position: center;
}
.startseite-aktuelles .card-body,
.startseite-videos .card-body {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.startseite-aktuelles .card-body a h3,
.startseite-videos .card-body a h3 {
	min-height: 40px;
	margin-bottom: 5px;

}

.startseite-aktuelles .card-text,
.startseite-videos .card-text {
	font-size: 14px;
}


.ast-article-single .entry-meta {
	display: none;
}

.ast-article-single .entry-title {
	margin-left: 10px;
}


/* ########################## Anfang ANIMATION #############################*/

.elementor-widget-woocommerce-products .woocommerce-LoopProduct-link {
	transition: all 0.75s ease-in-out;
}

.elementor-widget-woocommerce-products .woocommerce-LoopProduct-link:hover {
	transform: scale(1.10);
}


/*

.um-markenliste.startseite img {
  box-shadow: 0px 0px 0px 0px #FFFFFF;
  transition: box-shadow 0.6s linear;
  margin: 0.5em;
}

.um-markenliste.startseite img:hover { box-shadow: 0px 0px 0px 7px #999999; }
    */

.um-markenliste.startseite111 img:hover {
	--border-width: 2px;
	--animation-speed: 0.5s;
	--color: #222222;
	color: var(--color);
	position: relative;
	margin: 4px;
	margin-right: 8px;
	display: inline-block;
	/*  transform: scale(1, 0.8);*/
	border: var(--border-width) solid transparent;

	&:before,
	&:after {
		content: '';
		position: absolute;
		background: var(--color);
	}

	&:focus:before,
	&:hover:before {
		animation: beforeBorders var(--animation-speed) forwards ease-in-out;
	}

	&:focus:after,
	&:hover:after {
		animation: afterBorders var(--animation-speed) forwards ease-in-out;
	}

	&:focus,
	&:hover {
		animation: borderColors var(--animation-speed) steps(1) forwards;
		outline: none;

		.border-animation__inner {
			animation: background calc(var(--animation-speed) / 5 * 3) forwards ease-in-out;
			animation-delay: calc(var(--animation-speed) / 5 * 2);
		}
	}
}

@keyframes beforeBorders {
	0% {
		top: calc(var(--border-width) * -1);
		left: 50%;
		bottom: auto;
		right: auto;
		width: 0;
		height: var(--border-width);
	}

	33% {
		top: calc(var(--border-width) * -1);
		left: calc(var(--border-width) * -1);
		bottom: auto;
		right: auto;
		width: calc(var(--border-width) + 50%);
		height: var(--border-width);
	}

	66% {
		top: calc(var(--border-width) * -1);
		left: calc(var(--border-width) * -1);
		bottom: auto;
		right: auto;
		width: var(--border-width);
		height: calc((var(--border-width) * 2) + 100%);
	}

	100% {
		top: auto;
		left: calc(var(--border-width) * -1);
		bottom: calc(var(--border-width) * -1);
		right: auto;
		width: calc(var(--border-width) + 50%);
		height: calc((var(--border-width) * 2) + 100%);
	}
}

@keyframes afterBorders {
	0% {
		top: calc(var(--border-width) * -1);
		left: auto;
		bottom: auto;
		right: 50%;
		width: 0;
		height: var(--border-width);
	}

	33% {
		top: calc(var(--border-width) * -1);
		left: auto;
		bottom: auto;
		right: calc(var(--border-width) * -1);
		width: calc(var(--border-width) + 50%);
		height: var(--border-width);
	}

	66% {
		top: calc(var(--border-width) * -1);
		left: auto;
		bottom: auto;
		right: calc(var(--border-width) * -1);
		width: var(--border-width);
		height: calc((var(--border-width) * 2) + 100%);
	}

	100% {
		top: auto;
		left: auto;
		bottom: calc(var(--border-width) * -1);
		right: calc(var(--border-width) * -1);
		width: calc(var(--border-width) + 50%);
		height: calc((var(--border-width) * 2) + 100%);
	}
}

@keyframes borderColors {
	0% {
		border-top-color: transparent;
		border-right-color: transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
	}

	33% {
		border-top-color: var(--color);
		border-right-color: transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;

	}

	66% {
		border-top-color: var(--color);
		border-right-color: var(--color);
		border-bottom-color: transparent;
		border-left-color: var(--color);
	}

	100% {
		border-top-color: var(--color);
		border-right-color: var(--color);
		border-bottom-color: var(--color);
		border-left-color: var(--color);
	}
}

@keyframes background {
	to {
		background: #555;
		text-shadow: 0 0.1em 0.1em #111;
	}
}





/* ########################## ENDE ANIMATION #############################*/


/*
 *
 *
############################################
Button woocomerce
############################################
 *
 *
*/

.single_add_to_cart_button {
	margin-left: 0em !important;
}






.lexikonnavigation a {
	margin: 2px;
}

.lexikonnavigation a.active {
	font-weight: bolder;
}

.lexikonnavigation a.inactive {
	color: #cccccc;
	text-decoration: none;
	display: none;
}




.ast-article-single .ast-woocommerce-product-gallery__image img {
	aspect-ratio: 1/1;
	object-fit: contain;
}



.elementor-widget-woocommerce-products .ast-woo-product-category {
	display: none !important;
}

.elementor-widget-woocommerce-products .astra-shop-thumbnail-wrap {
	margin-bottom: 0px !important;
}


.swiper-pagination-bullet {
	border-radius: 0 !important;
	width: 35px !important;
	height: 5px !important;
	opacity: 1 !important;
	;
	background: #cccccc !important;
	;
}

.swiper-pagination-bullet-active {
	background: #000000 !important;
}

#markenheader a {
	color: #ffffff;
}

.newsletterform input::placeholder {
	color: #cccccc;
}

/*
*
* ==========================================
* #Footer
* ==========================================
*
*/
.site-footer {
	/* background: transparent linear-gradient(111deg, #C0C0C0 0%, #9A9A9A 24%, #C0C0C0 50%, #9A9A9A 75%, #C0C0C0 100%) 0% 0% no-repeat padding-box; */
	/*
	background: #000000;
*/
	font-size: 0.9rem;
	line-height: 1.2rem;
}

/*
.site-footer a:hover {
    cursor: default;
}
*/

.ast-footer-copyright {
	font-size: 0.9rem;
}

.site-footer,
.site-footer a,
.site-footer h1,
.site-footer h2,
.site-footer h4,
.site-footer p {
	color: white;
	;
}


.site-footer .widget {
	margin-bottom: 10px;
}

.site-footer h4 {
	font-size: 1.0rem;
	font-weight: 400;
	letter-spacing: 2px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.site-below-footer-wrap {
	text-transform: uppercase;
}

.site-below-footer-inner-wrap {
	border-top: solid 1px #ffffff;
	padding-top: 15px;
}

body.single-post h1 {
	color: #000000;
}

/*
*
* ==========================================
* Responsive
* ==========================================
*
*/


#ast-mobile-header .content-align-flex-start {
	max-height: inherit;
	overflow: scroll;
	width: 100%;

}

.ast-header-html1111 {
	width: 100%;
}

#ast-mobile-header .ast-header-html {
	width: 100%;
}


.quadmenu-custom_theme_2 {
	width: 100%;
}







@media (min-width: 850px) {
	body {
		justify-content: center;
	}
}

/* #2000px */
@media(min-width:2000px) {}

/* #1200px */
@media (min-width: 1200px) {
	#toggleBrandsBtn.uhren {
		display: none;
	}

	.border-animation {
		font-size: 6em;
		line-height: 1em;
	}

	.um-new-button img{
		right: -3vw;
	}
}

/* #1440px */
@media(max-width:1440px) {}

/* #1024px */
@media(max-width:1024px) {
	/* Schmuck-Marken seiten */
	/* Schmuck-Marken seiten */
	#halsschmuck, #ringe, #ohrschmuck, #armschmuck {
		padding-left: 25px;
	}
/* ENDE Schmuck-Marken seiten ENDE */
	hr.linie-header {
		display: none;
	}

	.um-kolibri {
		bottom: 55%;
	}



	#um-startseite-nachhaltigkeit::before,
	#um-startseite-nachhaltigkeit::after {
		left: 0px;
		top: -50px;
		width: 120px;
	}

	#um-startseite-nachhaltigkeit::after {
		left: unset;
		right: 0px;
		transform: scaleX(-1);
	}

	.um-CTA-startseite .elementor-cta,
	.um-CTA-startseite .elementor-cta__content {

		aspect-ratio: unset;
		width: 100%;
	}
}

@media screen and (min-width: 992px) {
	.video-item .thumbnail-container {
		width: 350px;
	}
}

@media screen and (max-width:992px) {

	#um-card-uhren,
	#um-card-schmuck {
		min-height: 220px;
		background-position: 0% 50%;
		background-size: 60% auto;
	}

	#um-card-schmuck,
	#um-card-schmuck:hover {
		background-position: calc(100% + 25px) 50%;
	}


	#um-wc-schmuck-slider .card-img-top {
		max-height: 400px;
	}
}


@media (max-width: 850px) {
	.um-kolibri {
		bottom: 55%;
	}
}


@media screen and (max-width: 767px) {
	h1, h2{
		hyphens: auto;
	}

	.video-item .thumbnail-container {
		width: 100%;
	}

	#main-video-player video {
		width: 100%;
		height: 450px;
		object-fit: contain;
	}

	.video-list-container {
		max-height: 480px;
		overflow-y: auto;
	}

	.video-item h5 {
		font-size: 15px;
	}
	.video-item {
	background-color: #fff;
	}

	.um-basic-padding{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.um-basic-margin{
		margin-top: 50px;
		margin-bottom: 50px;
	}





	.um-text-bild{
		padding-right: 20px;
		padding-left: 20px;
		padding-top: 25px;
		padding-bottom: 25px;
	} 
	.um-text-bild .um-text-sektion > div{
		padding:  0px !important;
		margin-top: 25px;
	}
	.um-text-bild .um-bild-links > div, .um-text-bild .um-bild-rechts > div{
		padding: 0px !important;
	}


	.marken-bild-kachel>div {
		padding: 25px !important;
	}





}

@media screen and (min-width: 768px) {
	.video-player-wrapper .um-flexible-col {
		display: flex !important;
		flex-direction: column !important;
		max-height: 550px;
	}

	.video-player-title {
		flex-shrink: 0;
	}

	#main-video-player {
		flex: 1;
		min-height: 0;
		position: relative;
	}

	#main-video-player video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.video-list-container {
		max-height: 550px;
		overflow-y: auto;
	}

	.video-item h5 {
		margin-top: 0;
	}

	.video-item p {
		display: -webkit-box;
	}

	.video-item.active p {
		display: block;
	}
}

/* #768px */
@media(max-width:768px) {
	#um-wc-produkt-anzeige {
		overflow: hidden;
		padding-left: 24px;
		padding-right: 24px;
	}
	.um-hyphens{
		hyphens: auto;
	}


	#um-startseite-nachhaltigkeit::before,
	#um-startseite-nachhaltigkeit::after {
		display: none;
	}



	.site-branding.ast-site-identity {
		height: 115px !important;
	}

	.footer-widget-area h4 {
		text-align: center;
	}

	.site-footer #menu-footer2 .menu-item,
	.site-footer #menu-footermenue3 .menu-item {
		text-align: center;
	}



	.sektionsueberschrift h2 {
		font-size: 24px;
		letter-spacing: 3px;
	}

	.sektionsueberschrift h3 {
		font-size: 20px;
	}

	.um-markenliste.startseite li {
		width: 125px;
	}

	.um-markenliste.startseite {
		padding: unset;
	}

	.um-kolibri {
		bottom: 57%;
		width: 80% !important;
	}
	.um-kolibri-start {
		width: 25%!important;
	}
	.marken-content-kachel-2>div {
		padding: 15px !important;
	}

	.marken-content-kachel a {
		padding: 15px !important;
	}

	.marken-content-kachel-2 h3 {
		font-size: 16px !important;
	}

	.um-special-kat h3 {
		font-size: 16px !important;
		hyphens: auto;
	}

	.um-wc-produkte-wrapper .swiper-button-next {
		right: 0 !important;
	}

	.um-wc-produkte-wrapper .swiper-button-prev {
		left: 0 !important;
	}

}

/* #640px */
@media screen and (max-width:640px) {

	#um-card-uhren,
	#um-card-schmuck {
		min-height: unset;
		padding-top: 150px;
		background-position: 0% calc(0% - 30vw);
		background-size: 100% auto;
	}
#um-card-schmuck {
	 background-position: 20px -20px;
}


	.um-kolibri {
		bottom: 57%;
	}

}

/* #480px */
@media screen and (max-width:480px) {

	#brandsGridCollapse.collapse:not(.show),
	#brandsGridCollapseschmuck.collapse:not(.show) {
		height: 200px;
	}

	#brandsGridCollapse.collapsing,
	#brandsGridCollapseschmuck.collapsing {
		min-height: 200px;

	}

	.um-kolibri {
		bottom: 0px;
		width: 100% !important;
	}
	.um-kolibri-start {
		width: 35%!important;
	}
}


section.ast-archive-description {
	border: none !important;
}

.video-single {
	width: 50%;
}