/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 07 2025 | 15:44:12 */
/* add smooth scrolling*/
html {
  scroll-behavior: smooth;
}

#blog-posts{
	scroll-margin-top: 180px;
}

#tischarten::before {
  content: '';
  display: block;
  height:      80px;
  margin-top: -80px;
  visibility: hidden;
}

/* --- START Button Hover Settings --- */
.wp-block-button .wp-block-button__link {
	transition: all .5s;
}

.wp-element-button:hover, .wp-block-button__link:hover {
	border-color: black;
	background-color: white !important;
	color: black !important;
}
/* --- END Button Hover Settings --- */

.cover-hover--enable {
	display: none;
}
.cover-hover--enable:hover {
	display: flex;
}
.cover-hover--hide:hover {
	display: none;
}

.cover-mask-content > div{
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* --- START Carousel-Cover-Block --- */
#carousel-cover {
	position: relative;
	/* max-height: 640px; */
	/* max-width: 1280px; */
	width: 100vw;
	height: calc(100vw/2);
	display: none;
}

#carousel-cover-carousel {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#carousel-cover-content {
	position: absolute;
	/* top: 35%; */
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 1rem;
}	
/* --- END Carousel-Cover-Block --- */

/* --- START Header-Settings --- */
/*
.header {
	position: sticky;
	top: 0;
	z-index: 10;
}
*/
.header-logo {
	transition: width 0.3s ease;
}
/* --- END Header-Settings --- */

/* --- START Menu Settings --- */
.submenu-tische {
	left: unset !important;
	right: auto !important;
}

.submenu-tische > li {
	/* left: -1em; */
}
.submenu-tische > li:hover {
	background-color: #d8613c;
}
/* --- END Menu Settings --- */

/* --- START Design Settings --- */
.link-design-blank {
	text-decoration: none;
}

.cover-image-filter{
	filter: grayscale(80%);
	transition: all .5s;
}

.cover-image-filter:hover{
	filter: grayscale(0%);
}
/* --- END Design Settings --- */