/**
 * GutenTheme custom styles.
 *
 * Loaded in the block editor (via add_editor_style / enqueue_block_editor_assets)
 * AND on the frontend (via wp_enqueue_scripts in functions.php).
 */

/* -----------------------------------------------------------------------
 * Sticky header
 * --------------------------------------------------------------------- */

header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 100;
	background-color: #fff;
	transition: box-shadow 0.25s ease;
}

/* Shadow added via JS when page is scrolled (see js/sticky-header.js) */
header.wp-block-template-part.is-scrolled {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

}
@media (max-width: 782px) {
	.admin-bar header.wp-block-template-part {
		top: 46px;
	}
}

/* -----------------------------------------------------------------------
 * Navigation underline on hover (matches verkaufe-deine-marke.de)
 * 2 px bar fades in and slides up from below the link text.
 * --------------------------------------------------------------------- */

.wp-block-navigation-item__content {
	position: relative;
	text-decoration: none !important;
}

/* The underline bar */
.wp-block-navigation-item__content::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 2px;
	background-color: currentColor;
	opacity: 0;
	transform: translateY(-2px);
	transition: opacity 0.2s ease, transform 0.2s ease;
	pointer-events: none;
}

/* Show on hover */
.wp-block-navigation-item:hover > .wp-block-navigation-item__content::after,
.wp-block-navigation-item:focus-within > .wp-block-navigation-item__content::after {
	opacity: 1;
	transform: translateY(2px);
}

/* Keep underline on active/current page */
.current-menu-item > .wp-block-navigation-item__content::after,
.current-page-ancestor > .wp-block-navigation-item__content::after {
	opacity: 1;
	transform: translateY(2px);
}

/* -----------------------------------------------------------------------
 * WordPress fixes
 * --------------------------------------------------------------------- */

/* No underline on links inside theme header/footer template parts. */
header a,
footer a {
	text-decoration: none;
}

/* Grid containers with media-text children: force 6 columns in the awkward
 * 576–1024px range so two `columnSpan: 3` media-text blocks fit side by side
 * (default `minimumColumnWidth: 12rem` produces 4–5 columns and leaves
 * unwanted whitespace on the right).
 */
@media (min-width: 576px) and (max-width: 1024px) {
	.wp-block-group.alignwide.is-layout-grid:has(> .wp-block-group .wp-block-media-text) {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}
footer.wp-block-template-part {
    margin-top: 0px;
}

a {
	color: inherit
}

.umbruch {
  overflow-wrap: break-word;
  hyphens: auto;          
}

/* Accordion */

.wt-accordion-v1 {
    max-height: 200px; /* edit first hight */
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.wt-accordion-v1.closed::after {
    content: "";
    position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    height: 20px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}