/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

@import 'fonts.css';
@import 'modifiers.css';

@import './assets/blocks/blocks.css';

body {
	--wp--preset--font-size--small: 16px;
	--wp--preset--font-size--medium: 18px;
	--wp--preset--font-size--large: 24px;
	--wp--preset--font-size--x-large: 30px;

	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
	color: #222;
}

img {
	display: block;
}

P:last-child {
	margin-bottom: 0;
}

.page-header,
.sidebar .widget,
.site-main > * {
	margin-bottom: 0;
}

/* Header */
.site-header {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 15px;
}
.site-header .inside-header {
	position: relative;
	padding: 35px 12px 32px;
	justify-content: space-between;
	align-items: flex-end;
}
.site-header .inside-header .site-logo {
	margin-right: 69px;
}
.site-header .inside-header .site-branding-container {
	align-items: flex-end;
}
.site-header .inside-header .main-title {
	font-size: 30px;
	font-weight: 300;
	line-height: 1.5em;
	letter-spacing: 1.3px;
	color: #515252;
}
.site-header .inside-header .site-description {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.2em;
	letter-spacing: 0.2px;
	color: #515252;
}

.site-header .inside-header .header-widget {
	display: flex;
	flex-direction: column;
	row-gap: 14px;
}
.site-header .inside-header .header-widget p {
	font-weight: 400;
	line-height: 1em;
}
.site-header .inside-header .header-widget a {
	display: flex;
	flex-direction: row;
	column-gap: 10px;
	align-items: center;
	text-decoration: none;
	color: #888;
}
.site-header .inside-header .header-widget p.icon-call a {
	column-gap: 12px;
}
.site-header .inside-header .header-widget a:hover {
	color: #222;
}
.site-header .inside-header .header-widget a::before {
	display: block;
}
.site-header .inside-header .header-widget p.icon-call a::before {
	content: url('./assets/icons/call.svg');
	height: 19px;
}
.site-header .inside-header .header-widget p.icon-mail a::before {
	content: url('./assets/icons/mail.svg');
	height: 15px;
}

@media (max-width: 992px) {
	.site-header .inside-header {
		flex-direction: column;
    	row-gap: 32px;
    	align-items: center;
	}
	.site-header .inside-header .site-branding {
		flex-shrink: 0;
	}
	.site-header .inside-header .header-widget {
		flex-direction: row;
    	column-gap: 32px;
    	margin-left: 0;
	}
	.site-header .inside-header .site-logo {
		margin-right: 24px;
	}
	.site-header .inside-header .site-logo img {
		width: 100%;
		height: auto;
	}
}
@media (max-width: 768px) {
	.site-header .inside-header {
		align-items: flex-end;
	}
	.site-header .inside-header .header-widget {
		margin: 0;
	}
}
@media (max-width: 576px) {
	.site-header .inside-header {
		padding: 12px;
		row-gap: 12px;
	}
	.site-header .inside-header .site-branding-container {
		flex-direction: column;
		width: 100%;
		align-items: center;
	}
	.site-header .inside-header .site-logo {
		margin-right: 0;
	}
	.site-header .inside-header .main-title {
		font-size: 21px;
	}
	.site-header .inside-header .site-description {
		font-size: 13px;
	}
	.site-header .inside-header .header-widget {
		flex-direction: column;
	}
}

/* Navigation */
.main-navigation {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1176px;
	margin: 0 auto;
	background-color: #878786;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.main-navigation .inside-navigation {
	padding: 0 !important;
	max-width: none;
}
.main-navigation .inside-navigation #primary-menu {
	display: none;
}
.main-navigation .inside-navigation .main-nav {
	width: auto;
	padding-left: 12px;
}
.main-navigation .inside-navigation .menu-bar-items .menu-bar-item > a {
	padding: 14px 15px 14px 26px;
	line-height: 22px;
}
.main-navigation .inside-navigation .menu-bar-items .menu-bar-item > a .gp-icon {
	height: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #f9b234;
}
.main-navigation .inside-navigation .menu-bar-items .menu-bar-item > a:hover .gp-icon {
	color: #222;
}
.main-navigation .inside-navigation .menu-bar-items .menu-bar-item > a .gp-icon svg {
	height: 16px;
	width: 16px;
	top: auto;
}

.main-navigation .main-nav ul li a {
	font-size: 11px;
	font-weight: 700;
	line-height: 22px;
	color: #F0F0F0;
	padding: 14px;
	text-transform: uppercase;
}
.main-navigation .main-nav ul li a .dropdown-menu-toggle {
	padding-right: 14px;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	text-decoration: underline;
}

.main-navigation ul ul {
	background-color: #878786;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	width: max-content;
}
.main-navigation .main-nav ul ul li a {
	font-size: 11px;
}

@media (max-width: 768px) {
	.main-navigation button.menu-toggle {
		position: absolute;
		left: 12px;
		top: -60px;
	}
	.main-navigation .inside-navigation .menu-bar-items {
		display: none;
	}
	.mobile-menu-open .main-navigation .inside-navigation .menu-bar-items {
		display: flex;
	}
}
@media (max-width: 576px) {
	.main-navigation button.menu-toggle {
		line-height: 43px;
		top: -43px;
		padding: 0;
	}
}
/* Footer */
.site-footer .footer-widgets {
	background-color: #292929;
	color: #fff;
	font-weight: 400;
}
.site-footer .footer-widgets .footer-widgets-container {
	padding: 126px 12px 121px;
}
.site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets {
	margin-left: 0;
}
.site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets aside {
	padding: 0;
}

.site-footer .site-info {
	background-color: #0b0b0b;
}
.site-footer .site-info .inside-site-info {
	padding: 32px 0;
}
.site-footer .site-info .copyright-bar {
	display: none;
}

/* Container */
.grid-container {
	max-width: 1200px;
	padding: 0 12px;
}
section {
	/* overflow: auto; */
	padding: 136px 0 112px;
}
section:first-child {
	padding-top: 180px;
}
.container {
	max-width: 1200px;
	padding: 0 12px;
	margin: 0 auto;
}
section.container {
	padding: 136px 12px 112px;
}
section:first-child.container {
	padding-top: 180px;
}

.container > *:first-child {
	margin-top: 0;
}
.container > *:last-child {
	margin-bottom: 0;
}

.no-sidebar .entry-content .alignfull {
	width: 100%;
	margin: 0;
}

/* Page */
.site {
	max-width: none;
	padding: 0;
}
.site .site-main {
	margin: 0;
	font-weight: 400;
}
.site .site-main .inside-article {
	padding: 0;
	background-color: #fff;
}
.entry-content {
	overflow: hidden;
}

/* Headerlines */
.site-main {
	line-height: 24px;
}
.site-main h1 {
	font-size: 36px;
	line-height: 50px;
	margin: 0 0 45px;
}
h2 {
	font-size: 36px;
	font-weight: 700;
	line-height: 50px;
	margin: 0;
}
@media (max-width: 576px) {
	.site-main h1,
	h2 {
		font-size: 24px;
		line-height: 30px;
	}
}

.site-main h1 + h2 {
	font-size: 18px;
	line-height: 30px;
	color: #555;
}

/* .site-main a {
	text-decoration: none;
} */

.site-main ul {
	margin: 36px 0 0;
	list-style: none;
}
.site-main ul li {
	font-size: 15px;
	font-weight: 400;
	display: flex;
	flex-direction: row;
	column-gap: 20px;
}
.site-main ul li:not(:last-child) {
	margin-bottom: 16px;
}
.site-main ul li::before {
	content: url('./assets/icons/checkmark.svg');
	display: block;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background-color: #e5e5e5;
}
.site-main ul.checkmarks-orange li::before {
	background-color: #f9b234;
}
.site-main ul.checkmarks-red li::before {
	background-color: #e30713;
}
.site-main ul.checkmarks-green li::before {
	background-color: #8ec045;
}
.site-main ul.checkmarks-lila li::before {
	background-color: #a743bf;
}
.site-main ul.checkmarks-blue li::before {
	background-color: #4c88c7;
}
.site-main ul.checkmarks-darkgreen li::before {
	background-color: #0c9639;
}

@media (max-width: 768px) {
	.site-main ul li {
		column-gap: 16px;
	}
}

/* Buttons */
.wp-block-buttons.is-layout-flex {
	gap: 10px;
}
.wp-block-button__link {
	border-radius: 3px;
}
.wp-block-button .wp-block-button__link {
	line-height: 1em;
	padding: 13px 46px;
}
.wp-block-button.is-style-outline .wp-block-button__link {
	padding: 11px 26px;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
	font-weight: 300;
}

/* Latest Articles */
.wp-block-latest-posts__swiper-container .swiper {
	margin-top: 84px;
}
.wp-block-latest-posts__list {
	margin: 0 !important;
}
.wp-block-latest-posts__list > * {
	border-radius: 5px;
	background-color: #f7f7f7;
	position: relative;
}
.wp-block-latest-posts__swiper-container .swiper .wp-block-latest-posts.wp-block-latest-posts__list li {
	margin-bottom: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
	flex-direction: column;
	flex-grow: 1;
	height: auto;
	overflow: hidden;
}
.wp-block-latest-posts.wp-block-latest-posts__list li::before {
	content: '';
	display: none;
}
.wp-block-latest-posts__featured-image a {
	display: block;
}
.wp-block-latest-posts__featured-image img {
	aspect-ratio: 3/2;
	width: 100%;
	object-fit: cover;
}
.wp-block-latest-posts__list time {
	width: fit-content;
	color: #fff;
	background-color: #8dc044;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	padding: 4px 27px;
	border-radius: 3px;
	margin: -16px auto 0;
}
.wp-block-latest-posts__post-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
	padding: 0 28px;
	margin: 34px 0 11px;
}
.wp-block-latest-posts__post-title a {
	display: block;
	text-decoration: none;
}
.wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt {
	padding: 0 28px;
	margin-bottom: 24px;
	font-size: 14px;
	font-weight: 300;
	color: #888;
}

.wp-block-latest-posts__swiper-container {
	position: relative;
}

/* swiper */
.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-next,
.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-prev {
	height: 74px;
	width: 74px;
	background-color: #f7f7f7;
	border-radius: 50%;
}

.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-next::before,
.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-prev::before {
	content: '';
	background-image: url('./assets/icons/arrow_down.svg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	height: 22px;
	width: 19px;
}

.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-next::after,
.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-prev::after {
	display: none;
}

.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-prev {
	left: calc(-28px - 74px);
}
.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-prev::before {
	transform: rotate(90deg);
}
.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-next {
	right: calc(-28px - 74px);
}
.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-next::before {
	transform: rotate(-90deg);
}

@media (max-width: 1400px) {
	.wp-block-latest-posts__swiper-container .swiper {
		margin: 84px 102px 0;
	}
	.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-prev {
		left: 0;
	}
	.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-next {
		right: 0;
	}
}

@media (max-width: 768px) {
	.wp-block-latest-posts__swiper-container .swiper {
		margin: 84px 68px 0;
	}
	.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-next,
	.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-prev {
		height: 56px;
		width: 56px;
	}
}

@media (max-width: 576px) {
	.wp-block-latest-posts__swiper-container .swiper {
		margin: 84px 52px 0;
	}
	.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-next,
	.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-prev {
		height: 40px;
		width: 40px;
	}
}

@media (max-width: 432px) {
	.wp-block-latest-posts__swiper-container .swiper {
		margin: 84px 0 0;
	}

	.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-next,
	.wp-block-latest-posts__swiper-container .swiper ~ .swiper-button-prev {
		bottom: -52px;
		top: auto;
	}
}

/* Block Media Text */
.wp-block-media-text {
	/* grid-template-columns: 1fr 1fr !important; */
	/* column-gap: 28px; */
	margin-bottom: 96px;
}
.wp-block-media-text .wp-block-media-text__content {
	padding: 0;
	align-self: flex-start;
}
.wp-block-media-text .wp-block-media-text__media {
	align-self: flex-start;
}

.wp-block-media-text .wp-block-media-text__content a {
	text-decoration: underline;
}

@media (min-width: 769px) {
	.wp-block-media-text > *:first-child {
		margin-right: 14px;
	}
	.wp-block-media-text > *:nth-child(2) {
		margin-left: 14px;
	}
}

@media (max-width: 768px) {
	.wp-block-media-text {
		display: flex;
		flex-direction: column-reverse;
		row-gap: 28px;
	}
	.wp-block-media-text.has-media-on-the-right {
		flex-direction: column;
	}
}

/* Block Table */
.wp-block-table {
	padding: 41px 0 58px;
	background-color: #fff;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 15px;
	/* max-width: 890px; */
	margin: 0 auto;
	border-radius: 5px;
	max-width: 634px;
}
.wp-block-table::before {
	display: block;
	content: '';
	height: 4px;
	width: calc(100% - 2 * 28px);
	margin: 0 28px;
	background-color: #888;
}
.wp-block-table table {
	border: 0;
	border-collapse: separate;
	border-spacing: 28px 0;
	margin-bottom: 49px;
}
.wp-block-table table thead {
	border-bottom: 0;
}
.wp-block-table th {
	text-transform: uppercase;
	/* font-size: 20px; */
	font-weight: 900;
	color: #888;
	padding: 26px 0 33px;
	border-width: 0px 0px 4px 0;
	border-color: #888;
}
.wp-block-table th::first-letter {
	/* font-size: 27px; */

	font-size: 21px;
}
.wp-block-table td {
	/* font-size: 27px; */
	line-height: 1em;
	font-weight: 400;
	border: 0;
	word-spacing: 36px;
	padding: 26px 17px;

	font-size: 21px;
}
.wp-block-table td:nth-child(2) {
	font-weight: 700;
	width: 36%;
}
.wp-block-table tbody tr:nth-child(even) td {
	background-color: #d2d2d2;
	padding: 17px;
}
.wp-block-table figcaption {
	padding: 0 64px;
	text-align: center;
	/* font-size: 24px; */
	font-weight: 400;
	line-height: 30px;

	font-size: 18px;
}

@media (max-width: 768px) {
	.wp-block-table {
		padding: 20px 0 28px;
	}
	.wp-block-table::before {
		width: calc(100% - 2 * 14px);
	}
	.wp-block-table table {
		border-spacing: 14px 0;
		margin-bottom: 24px;
	}
	.wp-block-table th {
		padding: 16px 0;
	}
	.wp-block-table td {
		padding: 16px 12px;
	}
	.wp-block-table figcaption {
		padding: 0 32px;
	}
}

@media (max-width: 576px) {
	.wp-block-table::before {
		width: calc(100% - 2 * 2px);
	}
	.wp-block-table table {
		border-spacing: 2px 0;
	}
	.wp-block-table th::first-letter {
		font-size: 18px;
	}
	.wp-block-table td {
		font-size: 18px;
	}
	.wp-block-table figcaption {
		font-size: 16px;
	}
}

/* Trenner */
hr {
	height: 6px;
	width: 232px;
	margin: 45px auto;
	background-color: #888;
}
hr.is-style-wide {
	width: 100%;
}

/* Spalten */
body .is-layout-flex {
	gap: 6vw;
}
body .is-layout-flex.are-vertically-aligned-top {
	align-items: flex-start;
}
body .is-layout-flex.are-vertically-aligned-center {
	align-items: center;
}
body .is-layout-flex.are-vertically-aligned-bottom {
	align-items: flex-end;
}

body .is-layout-flex .col {
	flex: 1;
}

@media (max-width: 768px) {
	body .is-layout-flex {
		flex-direction: column;
	}
}

/* Single Post */
.single-post .site-main h1 {
	margin-bottom: 127px;
}
.single-post .inside-article > .entry-header,
.single-post .inside-article > .featured-image {
	display: none;
}
.single-post .inside-article > .entry-content:not(:first-child) {
	margin-top: 0;
}
.single-post .entry-meta {
	max-width: 1200px;
	padding: 136px 12px 112px;
	margin: 0 auto;
}
.single-post .entry-meta .cat-links {
	display: none;
}
.single-post .entry-meta .post-navigation {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 28px;
}
.single-post .entry-meta .post-navigation > * {
	display: flex;
	flex-direction: row;
}
.single-post .entry-meta .post-navigation .nav-next {
	text-align: end;
	flex-direction: row-reverse;
}
.single-post .entry-meta .post-navigation .nav-next .gp-icon {
	margin-left: 0.6em;
	margin-right: 0;
}
.single-post .entry-meta .post-navigation .nav-next .gp-icon svg {
	top: 0;
}

.single-post .inside-article > .entry-content .wp-block-post-title {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 12px;
}
.single-post .inside-article > .entry-content .wp-block-post-date {
	font-size: 15px;
	font-weight: 400;
	color: #222;
	margin-bottom: 36px;
}
.single-post .inside-article > .entry-content p {
	color: #888;
}

@media (max-width: 576px) {
	.single-post .entry-meta .post-navigation {
		flex-direction: column;
	}
}

/* Image Block */
.wp-block-image {
	margin: 54px 0 64px;
}
.wp-block-image:first-child {
	margin-top: 0;
}
.wp-block-image:last-child {
	margin-bottom: 0;
}

/* Entry Header / Page Header */
.site-main .page-header,
.entry-header {
	padding: 180px 0 112px;
}
.site-main .page-header .page-title,
.entry-header .entry-title {
	text-align: center;
}
.site-main .page-header ~ article {
	padding-bottom: 50px;
}
.site-main .page-header ~ article:last-child {
	padding-bottom: 112px;
}
.site-main .page-header ~ article .inside-article .entry-header {
	padding: 0;
}

.entry-content:not(:first-child) {
	margin-top: 0;
}

/* Suche */
.search .inside-article .entry-meta,
.search .inside-article .entry-summary,
.search .inside-article .post-image,
.search .inside-article .entry-header .entry-meta {
	display: none;
}

/* Password */
input[type="search"],
input[type="password"],
input {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 1em;
	padding: 13px 26px;
}
.post-password-form {
	max-width: 634px;
	margin: 0 auto;
	padding-bottom: 112px;
}
.post-password-form input[type="submit"] {
	color: #222;
	border-radius: 3px;
	background-color: #f9b234;
	padding: 13px 46px;
}