/*
Theme Name: Twenty Twenty-Five Child
Description: Child Theme von Twenty Twenty-Five für individuelle Anpassungen, ohne das Parent-Theme direkt zu verändern.
Author: 
Template: twentytwentyfive
Version: 1.0.0
Text Domain: twentytwentyfive-child
*/

/* Eigene Styles unterhalb dieser Zeile ergänzen.
   Block-Themes laden Styles primär über theme.json,
   diese Datei ist hier vor allem für den Theme-Header
   und punktuelle CSS-Ergänzungen gedacht. */

.wp-block-image img {
	max-width: 120px !important;
}

@media (max-width: 600px) {
	.wp-block-image img {
		max-width: 100px !important;
	}
}

.wp-block-group.is-content-justification-space-between.is-layout-flex {
	justify-content: space-between !important;
}

.wp-block-navigation.items-justified-space-between,
.wp-block-navigation__container.items-justified-space-between {
	gap: clamp(1.25rem, 2.3vw + 0.8rem, 2.5rem) !important;
}

.wp-block-navigation {
	font-size: 18px;
}

@media (max-width: 600px) {
	.wp-block-navigation {
		font-size: 16px;
	}
}

.wp-block-group.alignfull.has-background.is-layout-flow.wp-block-group-is-layout-flow {
	background-color: transparent !important;
}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    width: 100% !important;
	max-width: none;
}

.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
	margin: 0 auto;
    max-width: 1340px;
	padding: 0;
}

footer,
.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
	padding: 0 1.5rem clamp(3rem, 5vw, 5rem) 1.5rem;
}

.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained p {
	font-size: clamp(1rem, 0.2vw + 0.9rem, 1.125rem) !important;
}

@media (min-width:1354px) {
	.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
		padding: clamp(3rem, 5vw, 5rem) 0 !important;
	}

	.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
		padding: clamp(3rem, 5vw, 5rem) 1.5rem;
	}
}

.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained h3 {
	padding: clamp(3rem, 5vw, 5rem) 0 0 0;
}

.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained h4:not(:first-of-type) {
	padding: clamp(1rem, 2vw, 2rem) 0 0 0;
}

.wp-block-button__link {
	transition: background-color 0.2s ease, color 0.2s ease;
}

.wp-block-button__link:hover {
	background-color: #7b5e20 !important;
	color: #ffffff !important;
}

.wp-block-navigation__overlay-container {
	height: 100dvh;
}

.wp-block-navigation__overlay-container > div {
	background-color: #1B2A45 !important;
	min-height: 100dvh;
}

.wp-block-group.has-black-color.has-white-background-color.has-text-color.has-background.has-link-color.is-layout-flow.wp-block-group-is-layout-flow {
	display: flex;
	flex-direction: column;
	width: 100%;
	color: #ffffff !important;
}

.wp-block-navigation__overlay-container .is-vertical.wp-block-navigation {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
	width: 100%;
}

.wp-block-navigation__overlay-container .wp-block-navigation__container {
	width: 100%;
}

.wp-block-navigation__overlay-container .wp-block-navigation__container.is-vertical {
	align-items: center;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	text-align: center;
	width: 100%;
}

.wp-block-navigation__overlay-container .wp-block-navigation-item__content {
	font-size: 22px;
}

.wp-block-navigation__responsive-container-close svg, 
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation-overlay-close svg {
	height: 44px !important;
    width: 44px !important;
}

.wp-block-navigation-overlay-close svg {
	fill: #ffffff;
}