/*──────────────────────────────────────────────────────────────────────────
	RESPONSIVE
──────────────────────────────────────────────────────────────────────────*/

/*──────────────────────────────────────────────────────────────────────────
	MOBILE CONTENT & LAYOUT
──────────────────────────────────────────────────────────────────────────*/

@media (max-width: 1024px) {
	body {
		overflow-x: clip;
	}

	.kulturgut-homepage-hero {
		min-height: clamp(30rem, 70vw, 42rem);
		background-position: 125% top;
		background-size: 60rem auto;
	}

	.kulturgut-homepage-hero > .wp-block-heading {
		max-width: none;
		font-size: clamp(2.75rem, 6.5vw, 4.75rem);
	}

	.site-header__inner {
		position: relative;
		display: grid;
		grid-template-columns: 1fr auto;
		width: 100%;
		min-height: 5rem;
		margin-inline: 0;
		padding-block: 0.75rem;
		padding-inline: var(--wpcore-page-padding);
	}

	.site-branding__link {
		align-items: flex-start;
	}

	.custom-logo {
		width: clamp(4.25rem, 10vw, 5.25rem);
	}

	.navigation-toggle {
		display: inline-flex;
	}

	.site-navigation {
		display: none;
		grid-column: 1 / -1;
		width: 100%;
		margin-left: 0;
		padding-block: 0.5rem 0.75rem;
		border-top: 1px solid var(--wpcore-border-color);
	}

	.site-navigation.is-open {
		display: block;
	}

	.site-navigation__menu {
		align-items: stretch;
		flex-direction: column;
		gap: 0;
		text-align: left;
	}

	.site-navigation__menu a {
		display: flex;
		min-height: 3rem;
		padding-block: 0.75rem;
	}

	.site-navigation__menu .sub-menu {
		position: static;
		display: block;
		min-width: 0;
		padding: 0 0 0 1rem;
		border: 0;
		box-shadow: none;
	}

	.site-navigation__menu .sub-menu a {
		padding-block: 0.6rem;
	}

	.site-header .site-branding {
		align-items: flex-start;
		justify-self: start;
		text-align: left;
	}

	.site-header .custom-logo-link,
	.site-header .site-branding__link {
		justify-self: start;
	}
}

@media (max-width: 720px) {
	.kulturgut-homepage-hero {
		min-height: 30rem;
		padding-block: 3.5rem 5rem;
		background-position: 155% top;
		background-size: 34rem auto;
	}

	.kulturgut-homepage-hero > .wp-block-heading {
		font-size: clamp(2.5rem, 12vw, 4.25rem);
		letter-spacing: -0.035em;
	}

	.kulturgut-homepage-actions {
		width: calc(100% - (2 * var(--wpcore-page-padding)));
	}

	.kulturgut-homepage-actions__columns > .wp-block-column + .wp-block-column {
		border-top: 1px solid var(--wpcore-border-color);
		border-left: 0;
	}

	.kulturgut-homepage-actions__columns > .wp-block-column {
		padding-inline: 0;
	}

	.kulturgut-homepage-actions a {
		white-space: normal;
	}

	.kulturgut-homepage-lower-art {
		height: 10rem !important;
		background-position: 165% bottom;
		background-size: 30rem auto;
	}

	.site-header {
		text-align: left;
	}

	.site-header .site-branding {
		align-items: flex-start;
	}

	body,
	.entry-content,
	.entry-header,
	.site-footer,
	.site-footer__inner,
	.site-description,
	.site-footer__information {
		text-align: center;
	}

	.entry-content :where(h1, h2, h3, h4, h5, h6, p) {
		text-align: center;
	}

	.site-footer__inner,
	.site-branding {
		align-items: center;
	}

	.site-footer__navigation {
		width: 100%;
	}

.site-footer__menu {
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 1rem;
}

.site-footer__inner {
		width: 100%;
		margin-inline: 0;
		padding-inline: var(--wpcore-page-padding);
		align-items: stretch;
		grid-template-columns: 1fr;
		padding-block: 2rem;
		text-align: center;
}

.site-footer__menu a {
	min-height: 3rem;
}

.site-footer__branding,
.site-footer__navigation,
.site-footer__information {
	width: 100%;
	margin-inline: auto;
	text-align: center;
}

.wp-block-media-text:not(.has-media-on-the-right) {
	grid-template-columns: 1fr;
}

.wp-block-media-text.has-media-on-the-right {
	grid-template-columns: 1fr;
}

.wp-block-media-text .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content {
	grid-column: 1;
}

.wp-block-media-text .wp-block-media-text__media {
	grid-row: 1;
}

.wp-block-media-text .wp-block-media-text__content {
	grid-row: 2;
	padding-top: 1.25rem;
}

.wp-block-columns {
	gap: 2rem;
}

.entry-content > .wp-block-shortcode {
	width: 100%;
	padding-inline: var(--wpcore-page-padding);
}

.entry-content .forminator-ui.forminator-custom-form {
	width: calc(100% - 2rem) !important;
	max-width: calc(100% - 2rem) !important;
	margin-right: auto !important;
	margin-left: auto !important;
	padding: 0 !important;
}

.entry-content .forminator-ui.forminator-custom-form *,
.entry-content .forminator-ui.forminator-custom-form *::before,
.entry-content .forminator-ui.forminator-custom-form *::after {
	box-sizing: border-box;
}

.wpcore-content-main .wp-block-list {
width: fit-content;
max-width: 100%;
margin-inline: auto;
padding-left: 1.5rem;
text-align: left;
}

.wpcore-content-main .wp-block-list li {
	text-align: left;
}

.wpcore-services-grid .wp-block-list {
	width: fit-content;
	max-width: 100%;
	margin-inline: auto;
	padding-left: 1.5rem;
	text-align: left;
}

.wpcore-services-grid .wp-block-list li {
	text-align: left;
}

.wpcore-about-profile .wp-block-list {
width: fit-content;
max-width: 100%;
margin-inline: auto;
padding-left: 1.5rem;
text-align: left;
}

.wpcore-about-profile .wp-block-list li {
text-align: left;
}

.wpcore-contact-details,
.wpcore-contact-form {
text-align: left;
}

.wpcore-contact-details :where(h2, p),
.wpcore-contact-form :where(h2, p) {
text-align: left;
}

@media (prefers-reduced-motion: reduce) {
	.wpcore-card,
	.wpcore-card-overlay::after,
	.wpcore-card-overlay__media img,
	.wpcore-card-overlay__content p {
		transition: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wpcore-card,
	.wpcore-card-overlay::after,
	.wpcore-card-overlay__media img {
		transition: none;
	}

	.wpcore-card:hover,
	.wpcore-card:focus-within {
		transform: none;
	}

	.wpcore-card-overlay:hover .wpcore-card-overlay__media img,
	.wpcore-card-overlay:focus-within .wpcore-card-overlay__media img {
		transform: none;
	}
}

.search-form {
	align-items: stretch;
	flex-direction: column;
}

.search-form__submit {
	width: 100%;
}

}

@media (max-width: 1024px) {
	.kulturgut-im-kulturgut-hero,
	.kulturgut-generationenpark-hero {
		background-position: center top;
		background-size: min(72rem, 100vw) auto;
	}

	.kulturgut-im-kulturgut__floor-label-column .kulturgut-floor-directory__floor-label {
		font-size: clamp(2.5rem, 6vw, 4.5rem);
	}

	.kulturgut-generationenpark-triptych .kulturgut-image-triptych__columns {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.kulturgut-im-kulturgut__floor-label-column {
		justify-content: center;
		text-align: center;
	}

	.kulturgut-im-kulturgut__floor-label-column .kulturgut-floor-directory__floor-label {
		writing-mode: horizontal-tb;
		transform: none;
	}
}

@media (max-width: 720px) {
	.kulturgut-im-kulturgut-hero,
	.kulturgut-generationenpark-hero {
		background-position: center top;
		background-size: 100% auto;
	}

	.kulturgut-im-kulturgut-plan {
		width: auto;
		margin-inline: var(--wpcore-page-padding);
	}

	.kulturgut-im-kulturgut__floor-label-column {
		justify-content: center;
		text-align: center;
	}

	.kulturgut-im-kulturgut__floor-label-column .kulturgut-floor-directory__floor-label {
		writing-mode: horizontal-tb;
		transform: none;
		font-size: clamp(2.5rem, 11vw, 4rem);
	}

	.kulturgut-im-kulturgut__floor-content > .kulturgut-floor-directory__entries {
		gap: 0;
	}

	.kulturgut-im-kulturgut__entry {
		padding-block: 1rem;
	}

	.kulturgut-im-kulturgut__entry:first-child {
		padding-top: 0;
	}

	.kulturgut-generationenpark-triptych .kulturgut-image-triptych__columns {
		flex-direction: column;
	}

	.kulturgut-generationenpark-triptych .kulturgut-image-triptych__columns > .wp-block-column {
		width: 100%;
		flex-basis: auto !important;
	}

	.kulturgut-image-gallery.wp-block-gallery.has-nested-images figure.wp-block-image {
		width: 100%;
	}

	.kulturgut-generationenpark-triptych__center .kulturgut-image-triptych__image {
		transform: none;
	}

	.kulturgut-generationenpark-triptych__side {
		opacity: 0.52;
	}

	.kulturgut-im-kulturgut-lower-art,
	.kulturgut-generationenpark-lower-art {
		background-size: 28rem auto;
	}

	.kulturgut-vertical-section__label-column {
		display: none;
	}

	.kulturgut-vertical-section__columns > .wp-block-column,
	.kulturgut-contact-person__columns > .wp-block-column {
		min-width: 0;
	}

	.kulturgut-vertical-section__columns > .kulturgut-vertical-section__content {
		width: 100%;
		flex-basis: 100% !important;
	}
}

@media (min-width: 721px) and (max-width: 1024px) {
	.kulturgut-vertical-section__columns > .kulturgut-vertical-section__label-column {
		width: max-content;
		flex: 0 0 auto;
	}

	.kulturgut-vertical-section__columns > .kulturgut-vertical-section__content {
		width: auto;
		flex: 1 1 0%;
		min-width: 0;
	}

	.kulturgut-vertical-section__label {
		white-space: nowrap;
	}
}

@media (max-width: 1024px) {
	.kulturgut-aktuell-hero,
	.kulturgut-vermietung-hero {
		background-position: 120% top;
		background-size: min(56rem, 82vw) auto;
	}

	.kulturgut-geschichte-hero,
	.kulturgut-kontakt-hero {
		background-position: 120% top;
		background-size: min(56rem, 82vw) auto;
	}

	.kulturgut-vermietung-triptych .kulturgut-image-triptych__columns {
		width: 100%;
	}

	.kulturgut-vertical-section__label {
		position: static;
		writing-mode: horizontal-tb;
		transform: none;
	}

	.kulturgut-vertical-section__label-column {
		justify-content: flex-start;
	}

	.kulturgut-ruled-list__row-columns,
	.kulturgut-news-row__columns,
	.kulturgut-floor-directory__entries,
	.kulturgut-contact-person__columns {
		gap: 1.5rem;
	}

	.kulturgut-image-triptych__columns {
		gap: 1rem;
	}

	.kulturgut-contact-person__portrait-column {
		max-width: none;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.kulturgut-geschichte-history .kulturgut-vertical-section__label,
	.kulturgut-kontakt-details .kulturgut-vertical-section__label {
		font-size: clamp(2rem, 4vw, 2.5rem);
	}
}

@media (max-width: 720px) {
	.kulturgut-aktuell-hero,
	.kulturgut-vermietung-hero {
		background-position: 150% top;
		background-size: 34rem auto;
	}

	.kulturgut-geschichte-hero,
	.kulturgut-kontakt-hero {
		background-position: 150% top;
		background-size: 34rem auto;
	}

	.kulturgut-vermietung-triptych .kulturgut-image-triptych__columns {
		flex-direction: column;
	}

	.kulturgut-vermietung-triptych .kulturgut-image-triptych__columns > .wp-block-column {
		width: 100%;
		flex-basis: auto !important;
	}

	.kulturgut-vermietung-triptych__center .kulturgut-image-triptych__image {
		transform: none;
	}

	.kulturgut-vermietung-triptych__side {
		opacity: 0.48;
	}

	.kulturgut-vermietung-lower-art {
		background-position: bottom right;
		background-size: 28rem auto;
	}

	.kulturgut-geschichte-lower-art,
	.kulturgut-kontakt-lower-art {
		background-position: bottom right;
		background-size: 28rem auto;
	}
}