/*
Theme Name: Tierbestattung Sunset
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: tierbestattung-sunset
*/

html,
body {
	background: #9f9d9d;
}

.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	padding: 0;
}

.wp-site-blocks > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

.sunset-kopf,
.sunset-main {
	box-sizing: border-box;
	width: calc(100% - 40px);
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.sunset-kopf > * {
	margin-block-start: 0;
}

.sunset-kopfbild {
	position: relative;
	height: 230px;
	background: url(assets/kopf.png) 75% 50% / cover no-repeat;
}

.sunset-kopfbild .sunset-logo {
	position: absolute;
	left: 15px;
	bottom: 15px;
	margin: 0;
}

.sunset-logo img {
	display: block;
	width: 225px;
	height: auto;
}

nav.wp-block-navigation.sunset-nav-oben {
	color: #fff;
	background: #63656a;
	border-radius: 0 0 15px 15px;
	padding: 10px;
	gap: 0;
}

.wp-block-navigation.sunset-nav-oben,
.wp-block-navigation.sunset-nav-mobil {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 32px;
}

.wp-block-navigation.sunset-nav-oben .wp-block-navigation__container {
	gap: 0;
}

.wp-block-navigation.sunset-nav-oben .wp-block-navigation-item {
	margin: 0 15px;
	padding: 2px 0;
}

.wp-block-navigation.sunset-nav-oben .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: inherit;
	text-decoration: none;
}

.wp-block-navigation.sunset-nav-oben .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.wp-block-navigation.sunset-nav-oben .wp-block-navigation-item__content.wp-block-navigation-item__content:focus {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 6px;
}

nav.wp-block-navigation.sunset-nav-mobil {
	display: none;
}

.sunset-main {
	display: flex;
	align-items: stretch;
	flex: 1 0 auto;
	margin-top: 20px;
	background: #63656a;
	border-radius: 15px 15px 0 0;
}

.sunset-main > * {
	margin-block-start: 0;
}

.sunset-seitenleiste {
	box-sizing: border-box;
	flex: 0 0 277px;
	padding: 20px 5px 20px 20px;
}

.sunset-kasten {
	background: rgba(255, 255, 255, 0.4);
	border-radius: 15px;
	padding: 20px;
}

.sunset-kasten + .sunset-kasten {
	margin-block-start: 20px;
}

.sunset-kasten h3 {
	margin: 0;
	padding: 0 0 8px;
	font-size: 24px;
	line-height: 33.6px;
}

nav.wp-block-navigation.sunset-nav-seite {
	color: #6a6b6c;
	display: block;
	margin-block-start: 0;
}

.wp-block-navigation.sunset-nav-seite {
	font-family: Muli, sans-serif;
	font-size: 18px;
	font-weight: 800;
	line-height: 31.5px;
}

.wp-block-navigation.sunset-nav-seite .wp-block-navigation__container {
	gap: 0;
}

.wp-block-navigation.sunset-nav-seite .wp-block-navigation-item {
	padding: 0 0 10px;
}

.wp-block-navigation.sunset-nav-seite .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: inherit;
	text-decoration: none;
}

.wp-block-navigation.sunset-nav-seite .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.wp-block-navigation.sunset-nav-seite .wp-block-navigation-item__content.wp-block-navigation-item__content:focus {
	color: #303437;
}

.sunset-inhalt {
	box-sizing: border-box;
	flex: 1 1 auto;
	min-width: 0;
	padding: 20px 20px 20px 5px;
}

.sunset-kasten-inhalt {
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 15px;
	padding: 21px 21px 40px;
}

.sunset-kasten-inhalt .wp-block-post-content > *,
.sunset-kasten-inhalt > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

.sunset-kasten-inhalt :is(p, h1, h2, h3, h4, h5, h6) {
	margin: 0;
	padding: 0 0 24px;
}

.sunset-kasten-inhalt p {
	line-height: 1.75;
}

.sunset-kasten-inhalt :is(strong, b) {
	font-weight: 800;
}

.sunset-kasten-inhalt :is(h1, h2, h3, h4, h5, h6) :is(strong, b) {
	font-weight: inherit;
}

.sunset-kasten-inhalt a {
	color: #000;
	font-weight: inherit;
}

.sunset-kasten-inhalt :is(p, li, blockquote, pre) a {
	font-weight: 400;
}

.sunset-kasten-inhalt a :is(strong, b) {
	font-weight: 800;
}

.sunset-kasten-inhalt :is(ul, ol) {
	margin: 0 0 0 20px;
	padding: 0 0 12px;
	line-height: 1.875;
}

.sunset-kasten-inhalt li {
	margin: 0 0 0 27px;
	padding: 0 0 16px;
	line-height: 1.4;
}

.sunset-kasten-inhalt img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.sunset-kasten-inhalt hr {
	height: 1px;
	margin: 9px 0 27px;
	border: 0;
	background: #ccc;
}

.sunset-kasten-inhalt table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
}

.sunset-kasten-inhalt :is(td, th) {
	padding: 0;
}

.sunset-kasten-inhalt .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.sunset-kasten-inhalt .alignleft {
	float: left;
	margin: 10px 20px 10px 0;
}

.sunset-kasten-inhalt .alignright {
	float: right;
	margin: 10px 0 10px 20px;
}

.sunset-kasten-inhalt .alignnone {
	margin: 10px;
}

.sunset-kasten-inhalt .clearfix::after,
.sunset-kasten-inhalt .wp-block-post-content::after {
	content: "";
	display: table;
	clear: both;
}

@media (max-width: 767px) {
	.sunset-kopf,
	.sunset-main {
		width: 100%;
		max-width: none;
	}

	.sunset-kopf {
		background: #63656a;
		padding: 20px 0 0;
	}

	.sunset-kopfbild {
		height: auto;
		background: none;
	}

	.sunset-kopfbild .sunset-logo {
		position: static;
		display: flex;
		justify-content: center;
	}

	.sunset-logo img {
		width: 230px;
	}

	nav.wp-block-navigation.sunset-nav-oben {
		display: none;
	}

	nav.wp-block-navigation.sunset-nav-mobil {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 28px 0 36px;
	}

	.sunset-nav-mobil .wp-block-navigation__responsive-container-open {
		display: flex;
		align-items: center;
		gap: 10px;
		color: rgba(255, 255, 255, 0.75);
		font-family: Arial, sans-serif;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: 1px;
	}

	.sunset-nav-mobil .wp-block-navigation__responsive-container-open::before {
		content: "MENÜ";
	}

	.sunset-nav-mobil .wp-block-navigation__responsive-container-open svg {
		width: 32px;
		height: 32px;
	}

	.sunset-nav-mobil .wp-block-navigation__responsive-container.is-menu-open {
		padding: 20px;
	}

	.sunset-nav-mobil .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		align-items: flex-start;
		gap: 0;
	}

	.sunset-nav-mobil .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		gap: 0;
		width: 100%;
	}

	.sunset-nav-mobil .wp-block-navigation-item {
		width: 100%;
	}

	.sunset-nav-mobil .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation-item__content.wp-block-navigation-item__content {
		display: block;
		padding: 6px 0;
		color: #fff;
		line-height: 22px;
		text-decoration: none;
	}

	.sunset-main {
		display: block;
		margin-top: 0;
		border-radius: 0;
	}

	.sunset-seitenleiste {
		display: none;
	}

	.sunset-inhalt {
		padding: 0;
	}

	.sunset-kasten-inhalt {
		border-radius: 0;
		padding: 20px;
	}

	.sunset-kasten-inhalt :is(p, h1, h2, h3, h4, h5, h6) {
		padding-bottom: 20px;
	}

	.wp-site-blocks .sunset-kasten-inhalt h1 {
		font-size: 28px;
	}

	.wp-site-blocks .sunset-kasten-inhalt h2 {
		font-size: 24px;
	}

	.wp-site-blocks .sunset-kasten-inhalt h3 {
		font-size: 22px;
	}

	.sunset-kasten-inhalt :is(ul, ol) {
		padding-bottom: 4px;
	}

	.sunset-kasten-inhalt li {
		padding-bottom: 10px;
		line-height: 1.75;
	}
}