/*
Theme Name: relayo (DEV)
Description: Theme für die Seite relayo-erben.de; Child-Theme auf Basis von Twenty Twenty-Five
Author: Marcus Köhler
Author URI: https://www.evo.rocks
Template: twentytwentyfive
Version: 0.0.18
Text-Domain: relayo
*/



/* global */
* {
	box-sizing: border-box;
}
html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%; /* Workaround für iOS Safari -> Funktion "Text Auto-Adjust" macht Probleme mit der Responsive-Schriftgröße im Swiper */
}
:where(.wp-site-blocks *:focus) {
	outline-width: unset!important;
	outline-style: none!important;
}
.mkWrapper {
	margin: 0 0 6rem 0;
}
.mkAbstand6 {
	margin: 0;
}
h2 {
	font-size: 48px;
	font-weight: 600;
}
@media (max-width: 1920px) {
	.mkAbstand6 {
        height: calc(32px + (96 - 32) * ((100vw - 320px) / (1920 - 320)))!important;
    }
	h2 {
        font-size: calc(24px + (48 - 24) * ((100vw - 320px) / (1920 - 320)));
    }
}



/* Font Variablen */
:root {
	--mk-font-size-xl: clamp(20px, calc(14.4px + 1.75vw), 48px); /* calc(20px + (48 - 20) * ((100vw - 320px) / (1920 - 320))); */
	--mk-font-size-l: clamp(20px, calc(18.8px + 1vw), 36px); /* calc(20px + (36 - 20) * ((100vw - 320px) / (1920 - 320))); */
	--mk-font-size-m2: clamp(18px, calc(15.2px + 0.875vw), 32px); /* calc(18px + (32 - 18) * ((100vw - 320px) / (1920 - 320))); */	
	--mk-font-size-m: clamp(18px, calc(16px + 0.625vw), 28px); /* calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320))); */
	--mk-font-size-s: clamp(16px, calc(15.2px + 0.25vw), 20px); /* calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320))); */
	--mk-font-size-xs: clamp(14px, calc(13.6px + 0.125vw), 16px); /* calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); */
	--mk-font-size-subline: clamp(16px, calc(13.6px + 0.75vw), 28px); /* calc(16px + (28 - 16) * ((100vw - 320px) / (1920 - 320))); */
}
.textXL {
	font-size: var(--mk-font-size-xl);
	font-weight: 400;
	line-height: 1.1;
	margin: 0;
}
.textM {
	font-size: var(--mk-font-size-m);
	font-weight: 300;
	letter-spacing: 0.02em;
	line-height: 1.1;
	margin: 0;
}
.textXS {
	font-size: var(--mk-font-size-xs);
	font-weight: 300;
}
.subline {
	font-size: var(--mk-font-size-subline);
	font-weight: 300;
	line-height: 1;
	margin: 0 0 3rem 0;
}
.textBlau {
	color: var(--wp--preset--color--relayo-blau);
}




/* Workaround: Hover bei Button "relayo-blau" */
.wp-block-button.is-style-relayo-button-blau .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--relayo-gruen)!important;
}



/* Header */
.mkHeader__Wrapper {
	height: 220px;
	background: linear-gradient(180deg, var(--wp--preset--color--relayo-blau), transparent);
}
.mkHeader__Columns {
	padding: 4rem 0;
	gap: 0;
}
.mkHeader__Logo {
}
.mkHeader__Logo img {
	height: 50px;
	width: auto;
}
.mkHeader__Link a {
	font-size: var(--mk-font-size-s);
	line-height: 1.1;
	border: 1px solid var(--wp--preset--color--relayo-schwarz);
	border-radius: 999px;
	padding: 1rem 2rem;
	text-decoration: none;
	display: inline-block;
}
@media (max-width: 768px) {
	.mkHeader__Columns {
		padding: 3rem 0;
		flex-direction: column;
		gap: 3rem;
	}
}
@media (max-width: 480px) {
	.mkHeader__Link.has-text-align-right {
		text-align: center;
	}
}



/* Content */
.mkTextblock {
}



/* Intro */
.mkIntro {
	border: 1px solid var(--wp--preset--color--relayo-schwarz);
	border-radius: clamp(6.7px, 2.0833vw, 40px);	/* dynamische Berechnung */
	overflow: hidden;
	padding: 1rem;
}
.mkIntro__Raster {
	gap: 1rem;
}
.mkIntro__Bild img {
	border-radius: clamp(25px, 7.8125vw, 150px);	/* dynamische Berechnung */
	aspect-ratio: 901 / 780!important;	/* streng aus Figma übernommen */
}
.mkIntro__Content {
	padding: 0 16.5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2rem;
}
.mkIntro__Content .heading {
	font-size: var(--mk-font-size-xl);
	font-weight: 600;
	line-height: 1.1;
	margin: 0
}
.mkIntro__Content .text {
	font-size: var(--mk-font-size-xs);
	font-weight: 200;
	line-height: 1.3;
	margin: 0
}
@media (max-width: 1440px) {
	.mkIntro__Raster {
		grid-template-columns: 2fr 3fr;
	}
}
@media (max-width: 1024px) {
	.mkIntro__Raster {
		grid-template-columns: 1fr 2fr;
	}
}
@media (max-width: 768px) {
	.mkIntro__Raster {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	.mkIntro__Content {
		padding: 0;
	}
	.mkIntro__Content .wp-block-buttons {
		justify-content: center;
	}
}



/* Entscheidung */
.mkEntscheidung {
}
.mkEntscheidung__Raster {
}
.mkEntscheidung__Item {
	border-radius: clamp(6.7px, 2.0833vw, 40px);	/* dynamische Berechnung */
	background-color: var(--wp--preset--color--relayo-weiss);
	overflow: hidden;
	padding: 1rem;
	display: flex;
    flex-direction: column;
	justify-content: space-between;
    gap: 2rem;
}
.mkEntscheidung__Item .heading {
	font-size: var(--mk-font-size-l);
	font-weight: 600;
	line-height: 1;
	margin: 0;
	padding: 0 1rem;
}
.mkEntscheidung__Item .text {
	font-size: var(--mk-font-size-xs);
	font-weight: 200;
	line-height: 1.3;
	margin: 0;
	padding: 0 1rem 2rem 1rem;
}
.mkEntscheidung__Bild img {
	border-radius: clamp(25px, 7.8125vw, 150px);	/* dynamische Berechnung */
	aspect-ratio: 29 / 26!important;	/* streng aus Figma übernommen */
}
@media (max-width: 1024px) {
	.mkEntscheidung__Raster {
		grid-template-columns: 1fr;
	}
	.mkEntscheidung__Item {
		display: grid;
		grid-template-columns: 1fr 2fr;
	}
	.mkEntscheidung__Bild {
		grid-row: 1 / 3;
	}
	.mkEntscheidung__Item .heading {
		text-align: left;
		align-self: end;
		padding: 0;
	}
	.mkEntscheidung__Item .text {
		text-align: left;
		padding: 0;
	}
}
@media (max-width: 768px) {
	.mkEntscheidung__Item {
		gap: 1rem;
	}
}
@media (max-width: 480px) {
	.mkEntscheidung__Item {
		grid-template-columns: 1fr;
	}
}


/* Leistungen + Tabs */
.mkLeistungen .heading {
	font-size: var(--mk-font-size-xl);
	font-weight: 600;
	line-height: 1.1;
}
.mkTabs__Wrapper {
}
.mkTabs {
	margin-bottom: 2rem;
	background-color: var(--wp--preset--color--relayo-weiss);
	border-radius: 2rem;
}
.mkTabs__Heading {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	background-color: var(--wp--preset--color--relayo-blau);
	font-size: var(--mk-font-size-m);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.01em;
	padding: 1rem 3rem 1rem 2rem;
	border-radius: 2rem;
    cursor: pointer;
	transition: background-color 0.33s ease-out;
}
.mkTabs__Heading::before {
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(https://relayo.evo.rocks/wp-content/uploads/pfeil-nach-unten.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 1.5rem) center;
    background-size: 23px;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in-out;
}
.mkTabs__Heading.active {
	background-color: var(--wp--preset--color--relayo-gruen);
	transition: background-color 0.33s ease-in;
}
.mkTabs__Heading.active::before {
    transform: rotatex(180deg);
}
.mkTabs__Workaround {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.5s ease-out;
}
.mkTabs__Workaround.showContent {
	grid-template-rows: 1fr;
}
.mkTabs__Content {
	overflow: hidden;
	font-weight: 400;
}
.mkTabs__Content p {
	margin: 3rem 2rem;
	padding: 0;
	font-size: var(--mk-font-size-m2);
	line-height: 1.1;
	letter-spacing: -0.02em;
}
.mkTabs__Content ul {
	margin: 3rem 2rem;
	font-size: var(--mk-font-size-m2);
	line-height: 1.1;
	letter-spacing: -0.02em;
}
.mkTabs__Content li {
	padding-bottom: 0.5rem;
}
.mkLeistungen__Note {
	font-size: var(--mk-font-size-xs);
	font-weight: 200;
	line-height: 1.3;
	padding: 0 2rem;
}

/* Preise */
.mkPreise .heading {
	font-size: var(--mk-font-size-xl);
	font-weight: 600;
	line-height: 1.1;
}
.mkPreise__Raster {
	
}
.mkPreise__Item {
	
}
.mkPreise__Item .mkPreise__Group1 {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	aspect-ratio: 1;
	margin: 0;
	border-radius: clamp(30px, 9.375vw, 180px);	/* dynamische Berechnung */
	background: radial-gradient(circle, var(--wp--preset--color--relayo-gruen) 0%, var(--wp--preset--color--relayo-weiss) 75%, var(--wp--preset--color--relayo-weiss) 100%);
}
.mkPreise__Item:hover .mkPreise__Group1 {
	display: none;
}
.mkPreise__Item .mkPreise__Group1 .heading {
	font-size: var(--mk-font-size-xl);
	font-weight: 400;
	line-height: 1.05;
	text-align: center;
}
.mkPreise__Item .mkPreise__Group1 .text {
	font-size: var(--mk-font-size-s);
	font-weight: 200;
	line-height: 1;
	text-align: center;
	padding: 0 2rem;
}
.mkPreise__Item .mkPreise__Group2 {
	display: none;
	grid-template-rows: 1fr min-content 1fr;
	aspect-ratio: 1;
	margin: 0;
	border-radius: clamp(30px, 9.375vw, 180px);	/* dynamische Berechnung */
	background: radial-gradient(circle, var(--wp--preset--color--relayo-weiss) 0%, var(--wp--preset--color--relayo-gruen) 75%, var(--wp--preset--color--relayo-gruen) 100%);
}
.mkPreise__Item:hover .mkPreise__Group2 {
	display: grid;
}
.mkPreise__Item .mkPreise__Group2 .heading {
	font-size: var(--mk-font-size-xl);
	font-weight: 400;
	line-height: 1.05;
	text-align: center;
}
.mkPreise__Item .mkPreise__Group2 .heading .subheading {
	font-size: var(--mk-font-size-m);
	font-weight: 400;
	line-height: 1;
	text-align: center;
}
.mkPreise__Item .mkPreise__Group2 .liste {
	font-size: var(--mk-font-size-xs);
	font-weight: 200;
	line-height: 1;
	margin: 0 auto;
}
@media (max-width: 1024px) {
	.mkPreise__Raster {
		grid-template-columns: 1fr;
		max-width: 600px;
		margin: 0 auto;
	}
}



/* BigPicture */
.mkBigPicture {
	border: 1px solid var(--wp--preset--color--relayo-schwarz);
	border-radius: clamp(6.7px, 2.0833vw, 40px);	/* dynamische Berechnung */
	overflow: hidden;
	padding: 1rem;
}
.mkBigPicture img {
	border-radius: clamp(25px, 7.8125vw, 150px);	/* dynamische Berechnung */
	aspect-ratio: 1819 / 1000!important;	/* streng aus Figma übernommen */
}



/* Workflow */
.mkWorkflow {
	position: relative;
	border: 2px solid var(--wp--preset--color--relayo-blau);
	border-radius: 4.5rem;
	padding: 5rem 1rem;
}
.mkWorkflow .heading {
	font-size: var(--mk-font-size-xl);
	font-weight: 600;
	line-height: 1.1;
}
.mkWorkflow__Raster {
	position: relative;
	z-index: 10;
	gap: 0;
}
.mkWorkflow__Item {
	display: flex;
    flex-direction: column;
	justify-content: space-between;
    align-items: center;
	gap: 2rem;
}
.mkWorkflow__Item .heading {
	font-size: var(--mk-font-size-m);
	font-weight: 600;
	line-height: 1.05;
	text-align: center;
	margin: 0;
	padding: 0 calc(16px + (48 - 16) * ((100vw - 1024px) / (1920 - 1024)));
	min-height: 70px;
}
.mkWorkflow__Item .text {
	font-size: var(--mk-font-size-xs);
	font-weight: 300;
	line-height: 1;
	text-align: center;
	margin: 0;
	padding: 0 calc(16px + (48 - 16) * ((100vw - 1024px) / (1920 - 1024)));	
	min-height: 70px;
}
.mkWorkflow__Item .step {
	height: 110px;
	width: auto;
	aspect-ratio: 1;
	border: 2px solid var(--wp--preset--color--relayo-blau);
	border-radius: 999px;
	display: flex;
    justify-content: center;
    align-items: center;
	background-color: var(--wp--preset--color--relayo-hellgrau);
	font-size: 54px;
	font-weight: 300;
	line-height: 1;
}
.mkWorkflow__Item .step.filled {
	background: radial-gradient(circle, var(--wp--preset--color--relayo-weiss) 0%, var(--wp--preset--color--relayo-blau) 75%, var(--wp--preset--color--relayo-blau) 100%);
}
.mkWorkflow__Pfeil {
	position: absolute;
	left: 0;
	bottom: calc(80px + 55px - 1px);	/* 5rem padding mkWorkflow + Hälfte Kreis - Hälfte Höhe Pfeil */
	width: calc(100% - 2rem);
	height: 2px;
	margin: 0 1rem;
	background: var(--wp--preset--color--relayo-blau);
}
.mkWorkflow__Pfeil::before,
.mkWorkflow__Pfeil::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 9px;
	height: 9px;
	border-top: 2px solid var(--wp--preset--color--relayo-blau);
	border-right: 2px solid var(--wp--preset--color--relayo-blau);
}
.mkWorkflow__Pfeil::before {
	left: 1px;
	transform: translateY(-50%) rotate(-135deg);
}
.mkWorkflow__Pfeil::after {
	right: 1px;
	transform: translateY(-50%) rotate(45deg);
}
@media (max-width: 1024px) {
	.mkWorkflow__Raster {
		grid-template-columns: 1fr;
	}
	.mkWorkflow__Item {
		display: grid;
		grid-template-columns: auto 1fr 1fr;
	}
	.mkWorkflow__Item .heading {
		order: 2;
		text-align: left;
		margin-top:	1rem;
		padding: 0;
		min-height: unset;
	}
	.mkWorkflow__Item .text {
		order: 3;
		text-align: left;
		margin-top:	1rem;
		padding: 0;
		min-height: unset;
	}
	.mkWorkflow__Item .step {
		order: 1;
	}
	.mkWorkflow__Pfeil {
		left: 54px;
		bottom: 2rem;
		height: calc(100% - 4rem - 7rem);
		width: 2px;
	}
	.mkWorkflow__Pfeil::before {
		top: 0;
		left: 50%;
		transform: translateX(-50%) rotate(-45deg);
	}
	.mkWorkflow__Pfeil::after {
		top: unset;
		bottom: 0;
		right: unset;
		left: 50%;
		transform: translateX(-50%) rotate(135deg);
	}
}
@media (max-width: 560px) {
	.mkWorkflow__Raster {
		gap: 1rem;
	}
	.mkWorkflow__Item {
		grid-row-gap: 0.5rem;
		grid-column-gap: 1rem;
	}
	.mkWorkflow__Item .heading {
		grid-column: 2 / 4;
        align-self: end;
	}
	.mkWorkflow__Item .text {
		grid-column: 2 / 4;
		margin: 0;
		align-self: start;
	}
	.mkWorkflow__Item .step {
		grid-row: 1 / 3;
		height: 84px;
		font-size: 40px;
	}
	.mkWorkflow__Pfeil {
		left: 42px;
	}
}


/* Rechner */
.mkRechner {
	background-color: var(--wp--preset--color--relayo-weiss);
	border: 1px solid var(--wp--preset--color--relayo-schwarz);
	padding: 2.5rem;
	border-radius: clamp(6.7px, 2.0833vw, 40px);	/* dynamische Berechnung */
}
.mkRechner__Toggle {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	gap: 1rem;
}
.mkRechner__Toggle button {
	color: var(--wp--preset--color--relayo-schwarz);
	font-size: var(--mk-font-size-s);
	font-weight: 300;
	padding: 1rem 2rem;
	cursor: pointer;
	border: 1px solid var(--wp--preset--color--relayo-schwarz);
	border-radius: 999px;
}
.mkRechner__Toggle button.active {
	color: var(--wp--preset--color--relayo-weiss);
	background-color: var(--wp--preset--color--relayo-schwarz);
}
.mkRechner__Select {
	display: block;
	overflow: hidden;
	position: relative;
}
.mkRechner__Select select {
	color: var(--wp--preset--color--relayo-schwarz);
	padding: 1rem;
	font-size: 24px;
	width: 100%;
	border: 1px solid var(--wp--preset--color--relayo-schwarz);
	border-radius: 999px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.mkRechner__Select::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(https://relayo.evo.rocks/wp-content/uploads/pfeil-nach-unten.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 1.5rem) center;
	background-size: 23px;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.mkRechner__Schieberegler {
	display: grid;
	grid-template-columns: 6fr 1fr;
	gap: 1rem;
}
/* Schieberegler Umfärbung */
.mkRechner__Schieberegler input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    min-height: unset;
    height: 8px;
    margin: 15px 0;
    border-radius: 5px;
}
/* Thumb Styles */
/* Chrome, Safari, Opera, and Edge Chromium */
.mkRechner__Schieberegler input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none; /* Override default look */
	appearance: none;
	margin-top: 0;
	background-color: var(--wp--preset--color--relayo-blau);
	height: 28px;
	width: 28px;
	border-radius: 50%;
}
/* Firefox */
.mkRechner__Schieberegler input[type="range"]::-moz-range-thumb {
	border: none; /*Removes extra border that FF applies*/
	border-radius: 0; /*Removes default border-radius that FF applies*/
	background-color: var(--wp--preset--color--relayo-blau);
	height: 28px;
	width: 28px;
	border-radius: 50%;
}
.mkRechner__SchiebereglerBetrag {
	font-size: var(--mk-font-size-l);
	font-weight: 600;
	line-height: 1.1;
	color: var(--wp--preset--color--relayo-blau);
	text-align: right;
	white-space: nowrap;
}
.mkRechner__ErgebnisContainer {
	border: 1px solid red;
}
#ErgebnisAusgabe.result.keineSteuerlast {
	color: var(--wp--preset--color--relayo-gruen);
	background-color: rgba(151,240,122,0.1);
	border-radius: clamp(6.7px, 2.0833vw, 40px);	/* dynamische Berechnung */
	padding: 1rem;
}
#ErgebnisAusgabe.result.Steuerlast {
	color: var(--wp--preset--color--relayo-blau);
	background-color: rgba(144,178,255,0.1);
	border-radius: clamp(6.7px, 2.0833vw, 40px);	/* dynamische Berechnung */
	padding: 1rem;
}
#ErgebnisAusgabe .heading {
	font-size: var(--mk-font-size-m);
	font-weight: 400;
	line-height: 1.1;
	text-align: center;
	margin: 1rem;
}
#ErgebnisAusgabe .heading .steuerklasse {
	display: none;
}
#ErgebnisAusgabe .betrag {
	font-size: var(--mk-font-size-xl);
	font-weight: 600;
	line-height: 1.1;
	text-align: center;
	margin: 0;
}
#ErgebnisAusgabe .text {
	font-size: var(--mk-font-size-xs);
	font-weight: 300;
	line-height: 1.3;
	text-align: center;
	margin: 1rem;
}
#ErgebnisAusgabeCTA .heading {
	font-size: var(--mk-font-size-m);
	font-weight: 300;
	letter-spacing: 0.02em;
	text-align: center;
}
#ErgebnisAusgabeCTA button {
	font-size: var(--mk-font-size-s);
	font-weight: 300;
	padding: 1rem 2rem;
	cursor: pointer;
	border-radius: 999px;
	display: block;
	margin: 0 auto;
	color: var(--wp--preset--color--relayo-schwarz);
}
#ErgebnisAusgabeCTA.keineSteuerlast button {
	border: 1px solid var(--wp--preset--color--relayo-gruen);
	background-color: var(--wp--preset--color--relayo-gruen);
}
#ErgebnisAusgabeCTA.Steuerlast button {
	border: 1px solid var(--wp--preset--color--relayo-blau);
	background-color: var(--wp--preset--color--relayo-blau);
}
#ErgebnisAusgabeCTA .text {
	font-size: var(--mk-font-size-xs);
	font-weight: 300;
	text-align: center;
}
@media (max-width: 1920px) {
	.mkRechner__Toggle button {
        font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));
    }
	.mkRechner__Select select {
		font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
		padding: calc(8px + (16 - 8) * ((100vw - 320px) / (1920 - 320)));
	}
}
@media (max-width: 1440px) {
	.mkRechner__Schieberegler {
		grid-template-columns: 5fr 1fr;
	}
}
@media (max-width: 768px) {
	.mkRechner__Schieberegler {
		grid-template-columns: 1fr;
	}
	.mkRechner__Schieberegler input[type="range"] {
		order: 2;
	}
	.mkRechner__SchiebereglerBetrag {
		order: 1;
	}
}
@media (max-width: 480px) {
	.mkRechner {
		padding: 2.5rem 1rem;
	}
	.mkRechner__Toggle {
		flex-direction: column;
	}
}




/* Tanja Bubenik */
.mkBubenik {
	border: 1px solid var(--wp--preset--color--relayo-schwarz);
	border-radius: clamp(6.7px, 2.0833vw, 40px);	/* dynamische Berechnung */
	overflow: hidden;
	padding: 1rem;
}
.mkBubenik__Raster {
	gap: 1rem;
}
.mkBubenik__Bild img {
	border-radius: clamp(25px, 7.8125vw, 150px);	/* dynamische Berechnung */
	aspect-ratio: 9 / 10!important;	/* streng aus Figma übernommen */
}
.mkBubenik__Content {
	padding: 0 16.5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2rem;
}
.mkBubenik__Content .heading {
	font-size: var(--mk-font-size-xl);
	font-weight: 200;
	line-height: 1.1;
	margin: 0
}
.mkBubenik__Content .heading strong {
	font-weight: 600;
}
.mkBubenik__Content .text {
	font-size: var(--mk-font-size-xs);
	font-weight: 200;
	line-height: 1.3;
	margin: 0
}
@media (max-width: 1440px) {
	.mkBubenik__Raster {
		grid-template-columns: 2fr 3fr;
	}
}
@media (max-width: 1024px) {
	.mkBubenik__Raster {
		grid-template-columns: 1fr 2fr;
	}
}
@media (max-width: 768px) {
	.mkBubenik__Raster {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	.mkBubenik__Content {
		padding: 0;
	}
	.mkBubenik__Content .wp-block-buttons {
		justify-content: center;
	}
}



/* Team */
.mkTeam {
}
.mkTeam__Raster {
}
.mkTeam__RasterAussen {
	border: 1px solid var(--wp--preset--color--relayo-schwarz);
	border-radius: clamp(6.7px, 2.0833vw, 40px);	/* dynamische Berechnung */
	overflow: hidden;
	padding: 1rem;
}
.mkTeam__RasterInnen {
	aspect-ratio: 3 / 4;
	border-radius: clamp(25px, 7.8125vw, 150px);	/* dynamische Berechnung */
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: end;
	padding: 5rem;
}
.Person1 {
	background-image: url(https://relayo.evo.rocks/wp-content/uploads/c71df96484484f317973c30146d492a4d6f137ce.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.Person2 {
	background-image: url(https://relayo.evo.rocks/wp-content/uploads/4678de0765f4abd6a38c52bb411686bd29593626.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.mkTeam__RasterInnen .heading {
	color: var(--wp--preset--color--relayo-weiss);
	font-size: var(--mk-font-size-m2);
	font-weight: 600;
	line-height: 1;
}
.mkTeam__RasterInnen .text {
	color: var(--wp--preset--color--relayo-weiss);
	font-size: var(--mk-font-size-xs);
	font-weight: 200;
	line-height: 1;
}
@media (max-width: 1920px) {
	.mkTeam__RasterInnen {
		padding: calc(32px + (80 - 32) * ((100vw - 320px) / (1920 - 320)));
	}
}
@media (max-width: 768px) {
	.mkTeam__Raster {
		grid-template-columns: 1fr;
	}
}



/* Aktuelles */
.mkAktuelles .heading {
	font-size: var(--mk-font-size-xl);
	font-weight: 600;
	line-height: 1.1;
}
.mkAktuelles__Raster {
	background-color: var(--wp--preset--color--relayo-weiss);
	border-radius: clamp(5px, 1.5625vw, 30px);	/* dynamische Berechnung */
	padding: 1rem;
	grid-template-columns: 1fr 5fr;
	gap: 2rem;
}
.mkAktuelles__Platzhalter {
	background-color: #FFE3E3;
	border-radius: clamp(12px, 3.646vw, 70px);	/* dynamische Berechnung */
	display: flex;
	justify-content: center;
	align-items: center;
}
.mkAktuelles__Content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2rem;
}
.mkAktuelles__Content .heading {
	font-size: var(--mk-font-size-m);
	font-weight: 600;
	letter-spacing: 0.02em;
	margin: 0;
}
.mkAktuelles__Content .text {
	font-size: var(--mk-font-size-xs);
	font-weight: 200;
	line-height: 1.2;
	letter-spacing: 0.02em;
	margin: 0;
}
.mkAktuelles__Workaround {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.5s ease-out;
	margin: 0;
}
.mkAktuelles__Workaround.showContent {
	grid-template-rows: 1fr;
}
.mkAktuelles__MoreContent {
    overflow: hidden;
}
.mkAktuelles__Buttons {
	margin: 0;
}
.mkAktuelles__Buttons .mkAktuelles__ButtonsWeniger,
.mkAktuelles__Buttons.active .mkAktuelles__ButtonsMehr {
	display: none;
}
.mkAktuelles__Buttons .mkAktuelles__ButtonsMehr,
.mkAktuelles__Buttons.active .mkAktuelles__ButtonsWeniger {
	display: inline-block;
}
.mkAktuelles__Buttons .wp-block-button__link {
	font-size: var(--mk-font-size-xs);
}
@media (max-width: 480px) {
	.mkAktuelles__Raster {
		grid-template-columns: 1fr;
	}
}



/* FAQ */
.mkFAQ .heading {
	font-size: var(--mk-font-size-xl);
	font-weight: 600;
	line-height: 1.1;
}
.mkFAQ .mkTabs__Heading {
	background-color: var(--wp--preset--color--relayo-hellgrau);
	border: 1px solid var(--wp--preset--color--relayo-schwarz);
}
.mkFAQ .mkTabs__Heading.active {
	color: var(--wp--preset--color--relayo-weiss);
	background-color: var(--wp--preset--color--relayo-schwarz);
}
.mkFAQ .mkTabs__Heading.active::before {
    filter: invert(1);
}



/* Kontakt */
.mkKontakt {
	border: 1px solid var(--wp--preset--color--relayo-schwarz);
	border-radius: clamp(6.7px, 2.0833vw, 40px);	/* dynamische Berechnung */
	padding: 1rem;
}
.mkKontakt .heading {
	font-size: var(--mk-font-size-xl);
	font-weight: 600;
	line-height: 1.1;
}
.mkFormular__Feld {
	margin-bottom: 2rem;
}
.mkFormular__Feld p {
	margin: 0;
}
.mkFormular__Feld input {
	background-color: var(--wp--preset--color--relayo-weiss);
	border: 0;
	padding: 1rem;
	border-radius: 999px;
	width: 100%;
}
.mkFormular__Feld label,
.mkFormular__Feld .secondLabel {
	font-size: var(--mk-font-size-xs);
	font-weight: 200;
	line-height: 1;
	padding: 0 1rem 0.5rem 1rem;
	display: inline-block;
}
.mkFormular__Feld .radioStyle label {
	padding: 0 0 0.5rem 0;
}
.mkFormular__Feld input[type="radio"] {
	display: none;
}
.mkFormular__Feld input[type="radio"] + .wpcf7-list-item-label {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	padding: 1rem 2rem;
	border: 1px solid var(--wp--preset--color--relayo-schwarz);
	border-radius: 999px;
	cursor: pointer;
}
.mkFormular__Feld input[type="radio"]:checked + .wpcf7-list-item-label {
	color: var(--wp--preset--color--relayo-weiss);
	background-color: var(--wp--preset--color--relayo-schwarz);
}
.mkFormular__Feld .wpcf7-list-item {
	margin: 0 1rem 0 0;
}
.mkFormular__Feld textarea {
	width: 100%;
	padding: 1rem;
	border: 0;
	border-radius: clamp(6.7px, 2.0833vw, 40px);	/* dynamische Berechnung */
}
.mkKontakt .wpcf7-not-valid-tip {
	font-size: var(--mk-font-size-xs);
	font-weight: 200;
	line-height: 1;
	padding: 0.25rem 1rem 0 1rem;
}
.mkKontakt .datenschutz {
	font-size: var(--mk-font-size-xs);
	font-weight: 200;
	line-height: 1;
	padding: 0 1rem;
}
.mkKontakt .feldSubmit {
	text-align: center;
}
.mkKontakt .feldSubmit p {
	display: inline-flex;
    flex-direction: column;
}
.mkKontakt .feldSubmit input[type="submit"] {
	font-size: var(--mk-font-size-s);
    font-weight: 300;
    padding: 1rem 2rem;
    cursor: pointer;
	border: 1px solid var(--wp--preset--color--relayo-blau);
	border-radius: 999px;
	color: var(--wp--preset--color--relayo-schwarz);
	background-color: var(--wp--preset--color--relayo-blau);
}
.mkKontakt .feldSubmit input[type="submit"]:hover {
	border: 1px solid var(--wp--preset--color--relayo-gruen);
	background-color: var(--wp--preset--color--relayo-gruen);
}
@media (max-width: 480px) {
	.mkFormular__Feld .wpcf7-list-item {
		margin: 0;
		display: block;
	}
	.mkFormular__Feld .radioStyle label {
		width: 100%;
		text-align: center;
	}
	.mkFormular__Feld input[type="radio"] + .wpcf7-list-item-label {
		display: block;
	}
}



/* Footer */
.mkFooter .heading {
	font-size: var(--mk-font-size-xl);
	font-weight: 600;
	line-height: 1.1;
}
.mkFooter__Raster {
	grid-template-columns: 1fr 1fr 2fr 1fr;
	border-bottom: 1px solid var(--wp--preset--color--relayo-schwarz);
	margin-bottom: 3rem;
	padding-bottom: 3rem;
}
.mkFooter__Raster .spalteButtons {
	grid-column: 4 / 5;
}
.mkFooter__ContentGroup {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.mkFooter__Raster .heading {
	font-size: var(--mk-font-size-m);
	font-weight: 600;
	line-height: 1;
}
.mkFooter__Raster .text {
	font-size: var(--mk-font-size-s);
	font-weight: 300;
	line-height: 1;
}
.mkFooter__BigLogo img {
	width: 100%;
}
.mkFooter__Copyright {
	font-size: var(--mk-font-size-xs);
	font-weight: 200;
	line-height: 1;
	margin: 0;
}
@media (max-width: 1440px) {
	.mkFooter__Raster {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
@media (max-width: 1024px) {
	.mkFooter__Raster {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.mkFooter__Raster .spalteButtons {
		grid-column: unset;
	}
}
@media (max-width: 768px) {
	.mkFooter__Raster {
		grid-template-columns: 1fr 1fr;
	}
	.mkFooter__Raster .spalteButtons {
		grid-column: 1 / -1;
	}
}
@media (max-width: 375px) {
	.mkFooter__Raster {
		grid-template-columns: 1fr;
		gap: 3rem;
	}
}


/* Radius dynamisch berechen:
 * 180px (bei 1920px und höher) und x (bei 320px und kleiner)
 * 180 / 1920 × 320 = 30 --> 30px = x
 * 180 / 1920 × 100 = 9.375vw */