/*
Theme Name: Lativ Child
Theme URI: https://wordpress.com/themes/lativ/
Description: Lativ is a WordPress block theme specifically designed for businesses and startups. It offers fresh, vibrant color palettes and sleek, modern templates that are perfect for companies looking to establish a bold and innovative online presence.
Version: 1.0.1
Author: Automattic
Author URI: https://automattic.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lativ
*/

.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--background);
	border-color: var(--wp--preset--color--secondary);
}

a {
	text-decoration-thickness: .0625em !important;
	text-underline-offset: .15em;
}

@font-face {
	font-family: "Soehne Mono Fett";
	src: url("https://clubkombinat.de/wp-content/themes/lativ-wpcom/assets/fonts/SoehneMono-Fett.ttf") format("TrueType");
}

@font-face {
	font-family: "Soehne Mono Kraeftig";
	src: url("https://clubkombinat.de/wp-content/themes/lativ-wpcom/assets/fonts/SoehneMono-Kraeftig.ttf") format("TrueType");
}

@font-face {
	font-family: "Helvetica";
	src: local('Helvetica Neue'), url("https://clubkombinat.de/wp-content/themes/lativ-wpcom/assets/fonts/Helvetica_Neue_Regular.otf") format("OpenType");
}

body {
	font-family: "Soehne Mono Kraeftig" !important;
	/*font-size: 12pt !important;*/
	--wp--style--global--content-size: unset !important;
	hyphens: auto;
	hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 4;
}

.liste li {
	font-family: 'Helvetica Neue', sans-serif !important;
}

.wp-block-navigation {
	font-size: 15pt !important;
}

.wp-block-navigation .wp-block-navigation-item {
	font-family: "Soehne Mono Kraeftig" !important;
}

button {
	font-family: "Soehne Mono Kraeftig" !important;
	font-size: 12pt !important;
	transition-duration: 0.3s;
	cursor: pointer;
}

.wp-block-button .wp-block-button__link {
	border-radius: 15px !important;
}

.wp-block-button__link:hover {
	background-color: #e3e4ec !important;
	color: #121712 !important;
}

.popup-container button:hover {
	background-color: #e3e4ec !important;
	color: #121712 !important;
}

iframe {
	display: block;
}

p {
	font-family: 'Helvetica Neue', sans-serif !important;
	font-size: 12pt !important;
}

.datenschutz {
	font-family: 'Helvetica Neue', sans-serif !important;
}

.post_title_heading {
	color: #00FF00 !important;
	min-height: auto !important;
	max-height: none !important;
	line-height: 1 !important;
}

.wp-block-heading {
	color: white;
}

.news a {
	color: #121712;
}

.akkordeon .wp-block-heading {
	color: inherit !important;
	margin-top: 1em;
	margin-bottom: 0.75em;
}

.akkordeon li,
tr,
td {
	font-family: 'Helvetica Neue', sans-serif !important;
}

.akkordeon .wp-block-button {
	font-family: 'Helvetica Neue', sans-serif !important;
}

h1 {
	/* XXL */
	font-family: "Soehne Mono Fett" !important;
	font-size: 84pt !important;
}

h2 {
	/* XL */
	font-family: "Soehne Mono Kraeftig" !important;
	font-size: 68pt !important;
}

h3 {
	/* L */
	font-family: "Soehne Mono Kraeftig" !important;
	font-size: 52pt !important;
}

h4 {
	/* M */
	font-family: "Soehne Mono Kraeftig" !important;
	font-size: 36pt !important;
}

h5 {
	/* S */
	font-family: "Soehne Mono Kraeftig" !important;
	font-size: 20pt !important;
}

h6 {
	/* XS */
	font-family: "Soehne Mono Kraeftig" !important;
	font-size: 14pt !important;
}

.page-template-default {
	width: auto !important;
}

.wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--50);
}

.wp-block-search__input {
	border-radius: 25px;
}

.beitragsteaser {
	min-height: 640px;
	max-height: 640px;
	align-items: start !important;
	justify-content: left !important;
}

.wp-block-latest-posts__post-excerpt {
	background-color: white !important;
	color: #121712 !important;
	border-radius: 10px !important;
	font-family: 'Helvetica Neue', sans-serif !important;
	font-size: 14pt !important;
	margin-top: 3em !important;
	margin-bottom: 0em !important;
	line-height: 1.3em !important;
}

.wp-block-latest-posts__post-date {
	font-size: .8125em;
	color: #121712 !important;
	font-family: "Soehne Mono Kraeftig" !important;
	margin-top: 15px;
}

time {
	font-size: .8125em;
	color: #121712 !important;
	font-family: "Soehne Mono Kraeftig" !important;
	margin-top: 15px;
	text-transform: capitalize;
}

.wp-block-post-title {
	min-height: 150px;
	max-height: 150px;
	max-width: 500px;
	color: #121712;
}

.suche .wp-block-post-title {
	min-height: 150px;
	max-width: 500px;
	max-height: unset;
}

.wp-block-latest-posts__post-title {
	color: #121712 !important;
	margin-top: 0px !important;
	/*width: inherit !important;
	height: fit-content;*/
	padding: 0px 0px 50px 0px !important;
	text-decoration: none !important;
	cursor: pointer;
	background-color: white !important;
	display: inherit !important;
	font-family: "Soehne Mono Fett" !important;
	font-size: 22pt !important;
	min-height: 110px;
	max-height: 110px;
	max-width: 500px;
}

.wp-block-latest-posts a:link {
	color: #121712;
	text-decoration: none;
	background-color: #00FF00;
	display: table;
	margin-top: 15px;
	border-radius: 15px;
	padding: 15px;
}

.wp-block-latest-posts li {
	background-color: white;
	border-radius: 30px;
	padding: 35px;
	width: 28% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	word-break: break-word;
}

.wp-block-post-featured-image img {
	margin-top: -8.5em;
}

.wp-block-details {
	font-family: "Soehne Mono Kraeftig" !important;
}

.mehr_events a {
	font-size: 19pt !important;
}

.category {
	border: 2px solid #121712;
	border-radius: 25px;
	width: fit-content;
	float: left;
	text-underline-position: none;
	font-size: 12pt !important;
}

.split_category {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 2px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.news .split_category {
	padding-bottom: 10px;
	padding-left: 5px;
	padding-top: unset !important;
	padding-right: unset !important;
	letter-spacing: unset !important;
	margin-right: 10px;
	margin-bottom: 10px;
	height: fit-content;
}

.split_category a {
	color: #121712;
	background-color: transparent !important;

}

.news .split_category a {
	color: #121712;
	background-color: transparent !important;
	padding: 0px 12px 5px 10px !important;
}

.kategorie_datum_beitrag .category {
	border: 2px solid white !important;
}

.kategorie_datum_beitrag .category a {
	color: white !important;
}

.category_group {
	width: auto;
	height: auto;
	display: flex;
}

.archive {
	border: none !important;
	border-radius: none !important;
	width: auto !important;
	float: none !important;
}

.neuste-beitraege .category {
	border: 2px solid #121712;
	border-radius: 25px;
	width: fit-content;
	float: unset !important;
	font-size: 12pt !important;
}

.category_whiteonblack {
	border: 2px solid white;
	border-radius: 25px;
	width: fit-content;
	padding: 0.4%;
	font-size: 12pt !important;
}

.category_whiteonblack time {
	border-radius: 25px;
	font-size: 12pt !important;
	color: white !important;
}

.post-categories a:link {
	background-color: transparent !important;
	margin-top: 0px !important;
	padding: 8px !important;
}

.beitragsnavigation_zurueck {
	background-image: url('/wp-content/uploads/2024/02/previous_page.png');
	width: 230px;
	height: 175px;
	transform: scale(0.3);
	background-repeat: no-repeat;
}

.beitragsnavigation_vor {
	background-image: url('/wp-content/uploads/2024/02/next_page.png');
	width: 230px;
	height: 175px;
	transform: scale(0.3);
	background-repeat: no-repeat;
}

/*.post_nav {
	margin-left: -4em !important;
	margin-right: -4em !important;
}*/

.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
	display: none;
}

.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
	display: none;
}

.live-tipps {
	margin-top: -13em !important;
}

.padding0 {
	padding-bottom: 0 !important;
}

.padding1_5 {
	padding: 0 30px 0 30px;
}

.padding15 {
	padding: 0 15px 0 15px;
}

.padding40 {
	padding: 0 40px 0 40px;
}

.portrait {
	padding: 0.5%;
	filter: contrast(2) grayscale(1);
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

.portrait img {
	border-radius: 10px !important;
}

.textauszug {
	min-height: 180px;
	max-height: 180px;
}

.wp-block-query-pagination-previous-arrow {
	margin-left: 20px;
}

:where(.wp-site-blocks)>* {
	margin-block-start: 0rem;
}

.wp-block-post-date {
	font-size: 1rem;
}

.partner_container .wp-block-image {
	min-width: 200px;
	min-height: 300px;
	max-height: 300px;
	max-width: 300px;
}

.partner {
	display: block;
	padding: 15px;
	margin: auto;
	background-color: white;
	border-radius: 15px;
}

.partner a {
	flex-grow: unset !important;
	align-self: center !important;
}

.fairtix_anker {
	display: block;
	visibility: hidden;
	margin-top: -80px;
	padding-top: 80px;
	scroll-margin-top: 2em;
}

.absatz_eingerueckt {
	margin-left: 250px !important;
	margin-right: 350px !important;
	font-family: "Soehne Mono Kraeftig" !important;
	margin-top: 2em;
	margin-bottom: 2em;
}

.wp-site-blocks {
	color: white !important;
}

.wp-container-core-group-layout-29.wp-container-core-group-layout-29 {
	flex-wrap: nowrap;
	justify-content: space-between;
	max-width: 1350px;
	margin-left: auto;
	margin-right: auto;
}

.wp-site-blocks link {
	color: #00FF00 !important;
}

/*Live-Tipps*/

.livetipps {
	display: block;
	margin-top: -11em !important;
	overflow: hidden;
}

.livetipps .event-teaser {
	padding: 30px;
	background-color: white;
	color: #121712;
	width: 415px;
	height: 680px;
	border-radius: 15px;
	margin: 10px;
}

.livetipps .img_live-tipps_container {
	width: 415px;
	height: 300px;
	background-color: #00FF00;
	display: flex;
	flex: 1 1 100%;
	overflow: hidden;
	position: relative;
}

.livetipps .img_live-tipps {
	display: block;
	position: relative;
	object-fit: cover;
	width: 450px;
	height: 300px;
	flex: 1 0 100%;
	mix-blend-mode: darken;
}

.livetipps .img_live-tipps::before {
	background-color: #00FF00;
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
}

.livetipps .button_mehr {
	width: 200px;
	height: 60px;
	padding: 10px;
	background-color: #121712;
	color: white;
	font-family: "Soehne Mono Kraeftig" !important;
	font-size: 18pt;
	border-radius: 15px;
	text-decoration: none;
	text-align: center;
	border: none;
	cursor: pointer;
	transition-duration: 0.3s;
}

.livetipps .button_mehr:hover {
	background-color: white;
	color: #121712;
	border: solid 3px #121712;
}

.livetipps .button_tix:hover {
	background-color: transparent;
	color: #121712;
	border: solid 3px #121712;
}

.livetipps .button_tix {
	width: 200px;
	height: 60px;
	padding: 10px;
	background-color: #00FF00;
	color: #121712;
	font-family: "Soehne Mono Kraeftig" !important;
	font-size: 18pt;
	border-radius: 15px;
	text-decoration: none;
	margin-left: 15px;
	text-align: center;
	border: none;
	cursor: pointer;
	transition-duration: 0.3s;
}

.livetipps .outer-container {
	height: 150px;
}

.button_tipps_forward {
	width: 300px;
	height: 50px;
	padding: 10px;
	background-color: transparent;
	color: #00FF00;
	border: 3px solid #00FF00;
	font-family: "Soehne Mono Kraeftig" !important;
	font-size: 24pt;
	border-radius: 15px;
	text-align: center;
	cursor: pointer;
	transition-duration: 0.3s;
	display: inline;
}

.button_tipps_forward:hover {
	opacity: 0.5;
}

.button_tipps_backwards {
	width: 300px;
	height: 50px;
	padding: 10px;
	background-color: transparent;
	color: #00FF00;
	border: 3px solid #00FF00;
	font-family: "Soehne Mono Kraeftig" !important;
	font-size: 24pt;
	border-radius: 15px;
	text-align: center;
	cursor: pointer;
	transition-duration: 0.3s;
	display: inline;
}

.button_tipps_backwards:hover {
	opacity: 0.5;
}

.livetipps .button_nav {
	width: 200px;
	height: 60px;
	padding: 10px;
	background-color: #00FF00;
	color: #121712;
	font-family: "Soehne Mono Kraeftig" !important;
	font-size: 18pt;
	border-radius: 15px;
	text-decoration: none;
	margin-left: 15px;
	text-align: center;
	border: none;
	cursor: pointer;
}

.livetipps a:link {
	text-decoration: none;
	color: #121712;
}

.livetipps .container {
	display: flex;
	margin-block-start: auto !important;
	align-items: center;
	text-align: center;
}

.livetipps .cat {
	border: 2px solid #121712;
	border-radius: 25px;
	width: fit-content;
	text-underline-position: none;
	font-size: 12pt !important;
	padding: 8px;
	margin: 20px 10px 0px 0px;
}

.livetipps .location {
	background-color: #121712;
	color: white;
}

.livetipps .title {
	color: #121712 !important;
	text-transform: uppercase;
	font-family: "Soehne Mono Fett";
	font-size: 24pt !important;
	height: 130px;
}

.scroll-container {
	width: max-content !important;
	display: flex;
	overflow: hidden;
	/* Verhindert, dass überstehende Inhalte sichtbar sind */
}

.container_nav {
	position: absolute;
}

.wp-block-query-no-results {
	text-transform: uppercase;
	font-size: 18pt !important;
}

.content {
	display: flex;
	transition: transform 0.5s ease;
	/* Fügt eine sanfte Animation hinzu */
}

:where(.wp-site-blocks)> :first-child:first-child {
	background-position-x: center;
}

.poster_headline {
	padding-left: 64px;
}

.wp-block-navigation-item .wp-block-navigation-item__content {
	background: white !important;
}

/*Live-Tipps*/

/* MOBILE */

@media only screen and (max-width: 1550px) and (min-width: 300px) {
	.popup-container {
		display: none;
	}

	.wp-block-search__input {
		display: none;
		/* 		margin-left: auto;
		margin-right: auto;
		color: var(--wp--preset--color--primary) !important;
		background: transparent;
		border: 3px solid var(--wp--preset--color--primary); */
	}

	body .is-layout-flex {
		width: auto !important;
	}

	.wp-block-button .wp-block-button__link {
		padding-right: none !important;
		padding-left: none !important;
	}

	.wp-block-navigation-item .wp-block-navigation-item__content {
		background: inherit !important;
	}

	.cmplz-cookiebanner {
		min-width: unset !important;
		padding: 10px 20px 20px 12px !important;
	}

	.mit_submenues {
		font-weight: 900;
		/* letter-spacing: .1rem; */
	}

	.mit_submenues ul {
		font-weight: initial;
		/* 		letter-spacing: initial; */
	}



	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		word-break: break-word;
	}

	.startseite h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		padding-left: unset !important;
	}

	h1 {
		font-size: 42pt !important;
	}

	h2 {
		font-size: 34pt !important;
	}

	h3 {
		font-size: 26pt !important;
	}

	h4 {
		font-size: 22pt !important;
	}

	h5 {
		font-size: 16pt !important;
	}

	h6 {
		font-size: 10pt !important;
	}

	.akkordeon {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.textauszug {
		min-height: unset;
		max-height: unset;
	}

	.wp-block-post-title {
		min-height: unset;
		max-height: unset;
		max-width: unset;
		color: #121712;
	}

	.beitragsteaser {
		min-height: unset;
		max-height: unset;
	}

	.app_banner {
		padding: 25px 25px 25px 25px !important;
	}

	.wp-container-5 {
		position: relative;
	}

	p {
		word-break: break-word;
	}

	a:link {
		word-break: break-word;
	}

	.radiobutton {
		padding: unset !important;
		margin-bottom: 26px;
		padding: unset !important;
		margin-right: unset !important;
		height: 40px !important;
		padding: 10px 0px !important;
		width: unset !important;
	}

	.filter {
		display: grid;
		margin: 0px 0px 0px -15px !important;
		font-size: 12pt !important;
	}

	.og-gridDiv {
		font-size: 14pt !important;
		padding: 10px !important;
		height: unset ! important;
	}

	.og-grid li {
		max-height: 500px !important;
	}

	.og-details {
		text-align: center;
	}

	.og-expander-inner {
		padding: 0px 30px !important;
	}

	.og-details p {
		max-height: 330px !important;
		overflow: scroll;
	}

	.absatz_eingerueckt {
		margin-left: 0px !important;
		margin-right: 0px !important;
		padding-left: 0px !important;
	}

	.wp-block-post-featured-image img {
		margin-top: 0em;
	}

	/* 	.has-large-font-size {
		font-size: unset !important;
	} */

	.footer-links {
		display: block !important;
	}

	.team {
		padding-left: 40px !important;
	}

	.logo_footer {
		float: left !important;
		margin-inline-start: 0em !important;
	}

	.wp-block-latest-posts.is-grid li {
		width: -webkit-fill-available !important;
	}

	.wp-block-latest-posts__post-title {
		min-height: unset !important;
		max-height: unset !important;
	}

	.claim {
		margin-top: -2em !important;
		line-height: 1em;
	}

	.livetipps {
		margin-top: -8.5em !important;
	}

	.livetipps .event-teaser {
		padding: 30px;
		width: 280px !important;
		height: 540px;
	}

	.livetipps .img_live-tipps_container {
		width: 280px !important;
		height: 200px;
		display: flex;
		flex: 1 1 100%;
		overflow: hidden;
		position: relative;
	}

	.livetipps .img_live-tipps {
		display: block;
		position: relative;
		width: 280px !important;
		height: 300px;
		flex: 1 0 100%;
	}

	.livetipps .button_mehr {
		width: 125px;
		height: 40px;
		padding: 10px;
		font-size: 10pt !important;
	}


	.livetipps .button_tix {
		width: 125px;
		height: 40px;
		padding: 10px;
		font-size: 10pt !important;
	}

	.button_tipps_forward {
		width: 215px !important;
		margin-left: 0px !important;
	}

	.livetipps .button_nav {
		width: 200px;
		height: 60px;
	}

	.livetipps .title {
		font-size: 18pt !important;
	}

	.livetipps .cat {
		border: 2px solid #121712;
		border-radius: 25px;
		width: fit-content;
		text-underline-position: none;
		padding: 8px;
		margin: 20px 10px 0px 0px;
		font-size: 9pt !important;
	}

	.livetipps .title {
		color: #121712 !important;
		text-transform: uppercase;
		font-family: "Soehne Mono Fett";
		height: 110px;
	}

	.mehr_events a {
		font-size: 12pt !important;
	}

	.post_title_heading {
		line-height: 1 !important;
	}

	.category_whiteonblack {
		text-align: center;
		padding: 1.5%;
		font-size: 10pt !important;
	}

	.category_whiteonblack time {
		font-size: 10pt !important;
	}

	.content_block_post {
		padding-left: 20px;
		padding-right: 20px;
	}

	.poster_headline {
		padding-left: 25px !important;
	}

	.wp-container-core-post-template-layout-1.wp-container-core-post-template-layout-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}

	.wp-container-core-social-links-layout-1.wp-container-core-social-links-layout-1 {
		justify-content: left;
	}

	.wp-block-latest-posts__post-excerpt {
		margin-top: unset !important;
		margin-bottom: unset !important;
	}

	.header_menu {
		flex-direction: column;
	}
}

@media only screen and (max-width: 1600px) and (min-width: 600px) {
	.wp-block-search__input {
		display: initial !important;
	}
}