#cont-65196 {
	--cms30-header-kb-style:false;
}
body {
	overflow-x: hidden;
}
#flexmenu-2707 {
	--cms30-header-home:true;
}
#html-2734 .toggle-switch {
	position:relative;
	width:69px;
	height:30px;
	background-color:var(--bgcolor2);
	border-radius:30px;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 8px;
	transition:.4s;
	box-sizing:border-box;
	margin-block:4px;
}
#html-2734 .toggle-icons {
	font-size:.8rem;
	z-index:1;
}
#html-2734 .sun-icon {
	color:#f5c26b;
}
#html-2734 .moon-icon {
	color:#c2c2c2;
}
#html-2734 .toggle-button {
	position:absolute;
	width:25px;
	height:25px;
	background-color:var(--hicolor);
	border-radius:50%;
	transition:transform .4s;
	left:2px;
}
#datenbank-1641 .outerdiv {
	flex-direction: row;
}
#datenbank-1641 {
	--cms30-footer-social-media-font-size: 1.5rem;
	--cms30-footer-social-media-margin-top: 12px;
}
#cont-2893 {
	--cms30-footer-about-us-font-size:.9rem;
}
#text-2895 {
	opacity:.7;
}
#datenbank-2902 .kategorie-links {
	width:100%;
	margin-bottom:30px;
}
#datenbank-2902 .cats-title {
	margin-bottom:15px;
	font-weight:700;
}
#datenbank-2902 .links-wrapper {
	column-width:150px;
	column-gap:20px;
	max-height:300px;
}
#datenbank-2902 .links-wrapper a {
	display:block;
	margin-bottom:8px;
	break-inside:avoid;
	text-decoration:none;
	color:var(--color);
}
#datenbank-2902 .links-wrapper a:hover {
	color:var(--hovercolor);
}
#cont-2885 {
	--cms30-footer-m-menu-title-text-display:none;
	--cms30-footer-m-vmenu-ul-flex-direction:row;
	--cms30-footer-m-vmenu-link-color:color-mix(in lab,var(--color) 70%,transparent);
	--cms30-footer-m-vmenu-link-hover-color:var(--hicolor);
	--cms30-footer-m-vmenu-link-hover-text-decoration:none;
	--cms30-footer-m-vmenu-ul-flex-align:center;
	width:100%;
}
#datenbank-2924.Firma .Firma {
	display: flex;
}
#datenbank-2924.Name .Name {
	display: flex;
}
#datenbank-2924.E-Mail .E-Mail {
	display: flex;
}
#datenbank-2924.Telefon .Telefon {
	display: flex;
}
#datenbank-2924.Fax .Fax {
	display: flex;
}
#datenbank-2924.UID .UID {
	display: flex;
}
#datenbank-2924.Fnr .Fnr {
	display: flex;
}
#datenbank-2924.Adresse .Adresse {
	display: flex;
}
#datenbank-2924 {
	--names-display: none;
	display: flex;
	flex-flow: column wrap;
	gap: var(--gap,6px);
}
#datenbank-2924 table {
	width: 100%;
	max-width: 360px;
	display: inline-table;
	vertical-align: top;
	margin: 20px;
}
#datenbank-2924 tr {
	vertical-align: top;
}
#datenbank-2924 iframe {
	display: inline-block;
	height: 100%;
	max-width: 100%;
}
#datenbank-2924 .map {
	margin: 20px;
}
#datenbank-2924 div {
	display: flex;
	gap: var(--names-gap,6px);
}
#datenbank-2924 .name {
	flex: 0 0 var(--names-width,6em);
	display: var(--names-display,flex);
	font-weight: var(--names-font-weight,normal);
}
#datenbank-2924 .value {
	font-weight: var(--values-font-weight,normal);
}
#datenbank-2924 .Firma {
	display: none;
	order: var(--order-Firma);
}
#datenbank-2924 .Name {
	display: none;
	order: var(--order-Name );
}
#datenbank-2924 .E-Mail {
	display: none;
	order: var(--order-E-Mail);
}
#datenbank-2924 .Telefon {
	display: none;
	order: var(--order-Telefon );
}
#datenbank-2924 .Fax {
	display: none;
	order: var(--order-Fax );
}
#datenbank-2924 .UID {
	display: none;
	order: var(--order-UID );
}
#datenbank-2924 .Fnr {
	display: none;
	order: var(--order-Fnr );
}
#datenbank-2924 .Adresse {
	display: none;
	order: var(--order-Adresse );
}
#datenbank-2924 .Web {
	display: none;
	order: var(--order-Web );
}
#datenbank-2924 >[class=''] {
	display: var(--weitere-display,flex);
}
#datenbank-2924 > [class=''] {
	display: var(--weitere-display,flex);
}
html.no-doccomplete #html-2907 {
	display: block !important;
	opacity: 1;
	visibility: visible;
	animation: fadeOutAfterDelay 2s forwards;
	animation-delay: 2s;
}
#html-2907 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: var(--bgcolor);
	box-sizing: border-box;
	display: none;
	opacity: 0;
	visibility: hidden;
}
#html-2907 * {
	box-sizing: border-box;
}
#html-2907 .skeleton-preloader {
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background-color: var(--bgcolor);
	color: #e0e1dd;
}
#html-2907 .header {
	padding: 15px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--bgcolor);
}
#html-2907 .logo {
	width: 120px;
	height: 40px;
	background-color: var(--locolor);
	border-radius: 4px;
}
#html-2907 .nav-items {
	display: flex;
	gap: 20px;
}
#html-2907 .nav-item {
	width: 80px;
	height: 16px;
	background-color: var(--locolor);
	border-radius: 2px;
}
#html-2907 .hero-banner {
	height: 70vh;
	width: 100%;
	position: relative;
	background-color: var(--bgcolor2);
	display: flex;
	align-items: flex-end;
}
#html-2907 .hero-content {
	padding: 40px;
	width: 100%;
	max-width: 800px;
}
#html-2907 .hero-heading {
	width: 300px;
	height: 40px;
	background-color: var(--locolor);
	border-radius: 4px;
	margin-bottom: 15px;
}
#html-2907 .hero-text {
	width: 450px;
	height: 60px;
	background-color: var(--locolor);
	border-radius: 4px;
}
#html-2907 /* Categories section */ .categories-section {
	padding: 60px 40px;
	background-color: var(--bgcolor);
}
#html-2907 .section-title {
	width: 200px;
	height: 30px;
	background-color: var(--bgcolor2);
	border-radius: 4px;
	margin: 0 auto 40px;
}
#html-2907 .category-cards {
	display: flex;
	justify-content: center;
	gap: 30px;
	flex-wrap: wrap;
}
#html-2907 .category-card {
	flex: 1;
	min-width: 280px;
	max-width: 350px;
	height: 240px;
	background-color: var(--bgcolor2);
	border-radius: 8px;
}
#html-2907 /* Footer styling */ .footer {
	margin-top: auto;
	padding: 60px 40px;
	background-color: var(--bgcolor2);
}
#html-2907 .footer-content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 40px;
	max-width: 1200px;
	margin: 0 auto;
}
#html-2907 .footer-column {
	flex: 1;
	min-width: 200px;
}
#html-2907 .footer-heading {
	width: 120px;
	height: 20px;
	background-color: var(--bgcolor2);
	border-radius: 2px;
	margin-bottom: 20px;
}
#html-2907 .footer-item {
	width: 150px;
	height: 14px;
	background-color: #e0e1dd26;
	border-radius: 2px;
	margin-bottom: 10px;
}
#html-2907 .skeleton {
	animation: pulse 1.5s infinite ease-in-out;
}
#cont-1609 {
	--cms30-footer-top-col-3-flex: 33%;
	--cms30-footer-top-col-1-flex: 33%;
	z-index: 1;
}
#text-2934 {
	--cms30-btn-padding-top: 4px;
	--cms30-btn-padding-bottom: 4px;
	--cms30-btn-padding-left: 8px;
	--cms30-btn-padding-right: 8px;
	--cms30-btn-margin-top: 0;
	--cms30-btn-margin-bottom: 0;
	--cms30-btn-font-size: 0.8rem;
	--cms30-btn-color: var(--color);
	--cms30-btn-bgcolor: transparent;
	--cms30-btn-border-width: 1px;
	--cms30-btn-border-color: var(--color);
	--cms30-btn-hover-border-color: var(--color);
	--cms30-btn-hover-bgcolor: var(--bgcolor2);
	--cms30-btn-cursor: pointer;
}
#text-2931 {
	--text-margin-bottom: 0;
	--text-margin-top: 0;
	--text-align: center;
	--text-font-size: 0.9rem;
}
#shop-warenkorb-2709 .cms30-wk-icon {
	width: 3rem;
	justify-content: flex-end;
	gap: 4px;
	align-items: center;
}
#shop-warenkorb-2709 .details-value.old-price {
	padding-inline-end: 4px;
	text-decoration: line-through;
}
#shop-warenkorb-2709 .current-price.sale-price {
	color: var(--hicolor);
	font-weight: bold;
}
#shop-warenkorb-2709 .cms30-wktab:has(.leer) .to-card-btn {
	cursor: not-allowed;
}
#shop-warenkorb-2709 .cms30-wktab:has(.leer) .to-card-btn a {
	pointer-events: none;
	cursor: not-allowed;
	opacity: .5;
}
#shop-warenkorb-2709 .option {
	font-size: 0.6rem;
	opacity: 0.6;
}
#shop-warenkorb-2709 .cms30-wktab {
	border-color: var(--locolor);
	box-shadow: -3px 1px 20px 0px color-mix(in lab, var(--locolor) 30%, transparent);
}
#html-4188 .skip-link {
	position: absolute;
	left: 0;
	top: -40px;
	padding: 8px 12px;
	background: #000;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	z-index: 1000;
	transition: top .2s ease;
}
#html-4188 .skip-link:focus {
	top: 0;
}
#cont-2703 {
	--cms30-to-top-bottom: 10%;
	--cms30-header-position: sticky;
}
@media (max-width:800px) {
	#cont-1647 {
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
	#col-1658 {
		justify-content:center;
	}
}

@media (max-width: 768px) {
	#html-2907 .header {
		padding: 15px 20px;
	}
	#html-2907 .nav-items {
		display: none;
	}
	#html-2907 .hero-content {
		padding: 30px 20px;
	}
	#html-2907 .hero-heading {
		width: 200px;
	}
	#html-2907 .hero-text {
		width: 280px;
	}
	#html-2907 .categories-section {
		padding: 40px 20px;
	}
	#html-2907 .category-card {
		min-width: 100%;
	}
	#html-2907 .footer {
		padding: 40px 20px;
	}
	#html-2907 .footer-content {
		flex-direction: column;
		gap: 30px;
	}
}