@font-face {
	font-family: "Kanit";
	src: url("../fonts/Kanit.eot");
	src: url("../fonts/Kanit.eot") format("embedded-opentype"),
		url("../fonts/Kanit.woff") format("woff"),
		url("../fonts/Kanit.svg") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Kanit-Thin";
	src: url("../fonts/Kanit-Thin.eot");
	src: url("../fonts/Kanit-thin.eot") format("embedded-opentype"),
		url("../fonts/Kanit-thin.woff") format("woff"),
		url("../fonts/Kanit-thin.svg") format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Tangerine";
	src: url("../fonts/Tangerine.eot");
	src: url("../fonts/Tangerine.eot") format("embedded-opentype"),
		url("../fonts/Tangerine.woff") format("woff"),
		url("../fonts/Tangerine.svg") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "PetitFormalScript-Regular";
	src: url("../fonts/PetitFormalScript-Regular.eot");
	src: url("../fonts/PetitFormalScript-Regular.eot") format("embedded-opentype"),
		url("../fonts/PetitFormalScript-Regular.woff") format("woff"),
		url("../fonts/PetitFormalScript-Regular.svg") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "remixicon";
	src: url("../fonts/remixicon.eot?t=1681573354175");
	/* IE9*/
	src: url("../fonts/remixicon.eot?t=1681573354175#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/remixicon.woff2?t=1681573354175")
			format("woff2"),
		url("../fonts/remixicon.woff?t=1681573354175") format("woff"),
		url("../fonts/remixicon.ttf?t=1681573354175") format("truetype");
	/* iOS 4.1- */
	font-display: swap;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: sans-serif;
}

:root {
	--blau: #71d6fa;
	--blau-dark: #106779;
	--blau-blur: hsla(197.8, 86.9%, 41.8%, 0.6);
	--blau-marquee: #629bda;
	--weiss-marquee: #e1edff;
	--gruen: #23ce6b;
	--gelb-creme: #f1d302;
	--gelb-box: #f5e0ae;
	--gruen-soft: #62c370;
	--beige: #eeeee9;
	--weiss-grau: rgba(84, 76, 76, 0.621);
	--grau-transparent: #fff3f353;
	--schwarz: #000000;
	--weiss: #ffffff;
	--rot: #aa2020;
	--bg-transparent: rgba(0, 0, 0, 0.1);
	--border-size-box: 5rem;
	--header-height: 3.5rem;
	--black-color: hsl(220, 24%, 12%);
	--black-color-light: hsl(220, 24%, 15%);
	--black-color-lighten: #272b35;
	--normal-font-size: 0.938rem;
	--font-regular: 400;
	--font-semi-bold: 600;
}

html {
	scroll-behavior: smooth;
	width: 100%;
	height: 100%;
}

h1 {
	font-size: clamp(1.5rem, 3vw, 2rem);
}

h2 {
	font-size: clamp(1.4rem, 4vw, 1.8rem);
}

h3 {
	font-size: clamp(1.3rem, 4vw, 1.5rem);
}

p {
	font-size: clamp(1rem, 4vw, 1.5rem);
}

a {
	font-family: "Kanit", sans-serif;
	font-size: clamp(1.3rem, 4vw, 1.5rem);
	text-decoration: none;
	cursor: pointer;
}

img {
	max-width: 100%;
}

/* Slider Startseite */
.slider-container {
	width: 70%;
	margin: 1rem auto 0 auto;
	overflow: hidden;
	position: relative;
}

/* Slider-Container-Styling für mobile Geräte */
@media (max-width: 768px) {
	footer {
		padding: 0 !important;
	}

	.slider-container {
		width: 100%; /* 100% Breite für mobile Geräte */
		height: auto;
		margin-top: -2rem;
	}

	.slider-container .slider-container .slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

/* Slider-Inhalt-Styling */
.slider {
	display: flex;
	transition: transform 1s ease-in-out; /* Sanfter Übergang zwischen den Bildern */
}

.slide {
	min-width: 100%;
	box-sizing: border-box;
}

.slide img {
	width: 100%;
	height: auto;
	display: block;
}

/* Positionierung der Navigation */
.navigation {
	position: absolute;
	top: 50%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
}

.nav-button {
	background-color: rgba(0, 0, 0, 0.5);
	border: none;
	color: white;
	padding: 10px;
	cursor: pointer;
}
/* Ende Slider Startseite */

/* Mobiles Menü */
[class^="ri-"],
[class*=" ri-"] {
	font-family: "remixicon" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ri-close-line:before {
	content: "\eb99";
}

.ri-menu-line:before {
	content: "\ef3e";
}

/* Ende Mobiles Menü */
.line-green,
.line-white {
	display: block;
	height: 0.25rem;
	width: 20rem;
	content: "";
}

.line-green {
	background-color: var(--gruen);
}

.line-white {
	background-color: var(--weiss);
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	animation-fill-mode: forwards;
	animation-duration: 1s;
	animation-delay: 0s;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 2rem, 0);
		transform: translate3d(0, 2rem, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.hide {
	visibility: hidden;
	bottom: 0;
	right: 2em;
}

.show {
	visibility: visible;
	bottom: 2em;
	right: 2em;
}

/* 600px Breite */
@media only screen and (max-width: 37.5em) {
	#cookiePopup {
		width: 100%;
		height: fit-content;
		z-index: 999999 !important;
	}

	.hide {
		bottom: 2em;
		right: 0;
	}

	.show {
		right: 0;
		bottom: 0;
	}
}

.aktiv {
	color: var(--gruen) !important;
}

.aktiv::before {
	display: none;
}

.info_buecher {
	margin: 6rem auto 0 auto;
	padding: 0 0.5rem;
	color: var(--blau-dark);
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

.info_buecher span {
	color: var(--gruen);
}

.amazon_link {
	display: flex;
	justify-content: center;
	width: 100%;
	background-color: var(--gelb-creme);
	color: var(--schwarz);
	border-radius: 100vw;
	margin: 2rem auto 0 auto;
	padding: 1rem 1.5rem;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	transition: 0.4s all ease-in-out;
	position: relative;
	z-index: 5;
	cursor: pointer;
}

.amazon_link:hover,
.amazon_link:focus,
.amazon_link:focus-within,
.amazon_link:active {
	transform: scale(0.98);
}

/*.amazon_link::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 0;
	height: 100%;
	background-color: var(--beige);
	z-index: -1;
	transition: 0.4s all ease-in-out;
}

.amazon_link:hover::before {
	width: 100%;
}*/

.amazon_popup_button {
	display: block;
	position: relative;
	width: max-content;
	margin: 5rem auto 2rem auto;
	padding: 1rem 2rem;
	background-color: var(--weiss);
	border: 2px solid var(--gruen);
	border-radius: 0.5rem;
	transition: 0.4s all ease-in-out;
	z-index: 2;
	overflow: hidden;
	cursor: pointer !important;
}

.amazon_button:hover {
	transition: 0.4s all ease-in-out;
	cursor: pointer;
}

.fb_logo {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 52%;
	right: 3rem;
	z-index: 999;
	fill: var(--gruen);
	pointer-events: none;
	transition: 0.4s all ease-in-out;
}

.blog_fb_button:hover ~ .fb_logo {
	fill: var(--schwarz) !important;
	transition: 0.4s all ease-in-out;
	transform: translateX(-5rem);
}

.link_out {
	color: var(--gelb-creme);
	transition: 0.4s all ease-in-out;
}

.link_out:hover {
	color: var(--weiss);
	transition: 0.4s all ease-in-out;
}

.blog-highlight-normal {
	color: var(--gelb-creme);
	font-variant: normal !important;
	font-weight: bolder;
	font-size: clamp(0.7rem, 5vw, 1.4rem);
	font-variant: small-caps;
}

.amazon_button {
	display: flex;
	background: linear-gradient(135deg, var(--blau-marquee), var(--gruen-soft));
	padding: 1rem 1.5rem;
	align-items: center;
	min-width: 20rem;
	max-width: 30rem;
	justify-content: center;
	color: var(--beige);
	font-weight: 600;
	text-align: center;
	letter-spacing: 2px;
	margin: 0 auto;
	border: 1px solid transparent;
	position: relative;
	overflow: hidden;
	z-index: 1;
	animation: pulse 3s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
		box-shadow: 0 0 10px rgba(48, 255, 147, 0.4);
	}
	50% {
		transform: scale(1.05);
		box-shadow: 0 0 20px rgba(48, 255, 147, 0.6);
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 10px rgba(48, 255, 147, 0.4);
	}
}

.amazon_button:hover {
	color: var(--schwarz);
	border: 1px solid var(--beige);
	transition: 0.25s all ease-in-out;
	animation: none;
}

.atemfee-list {
	list-style: disc;
	margin-left: 2rem;
	margin-bottom: 6rem;
}

.atemfee-list::marker {
	background-color: var(--gruen);
}

.atemfee-list li {
	color: var(--weiss);
	font-size: clamp(0.7rem, 5vw, 1.4rem);
}

/*========== Responsive typography ==========*/
@media screen and (min-width: 1024px) {
	:root {
		--normal-font-size: 1rem;
	}

	.box_vorteile_mobile {
		display: none;
	}
}

body {
	font-family: var(--body-font);
	font-size: var(--normal-font-size);
	background-color: var(--weiss);
	scroll-behavior: smooth;
}

ul {
	list-style: none;
}

/*=============== REUSABLE CSS CLASSES ===============*/
.container {
	width: 100% !important;
}

/*=============== HEADER ===============*/
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--black-color-lighten);
	backdrop-filter: blur(80px);
	box-shadow: 0 10px 50px var(--schwarz);
	z-index: 9999;
	display: flex;
	padding: 1rem;
	text-transform: uppercase;
	font-weight: 100 !important;
}

.kontakt_button {
	position: fixed;
	top: 10rem;
	right: 0;
	background-color: var(--black-color-lighten);
	box-shadow: 0 0 50px var(--schwarz);
	letter-spacing: 2px;
	padding: 1.5rem 1rem;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	writing-mode: vertical-rl;
	text-orientation: upright;
	z-index: 99;
}

.kontakt_button a,
.kontakt_button a:visited {
	color: var(--gruen);
	font-size: clamp(0.9rem, 3vw, 1.2rem);
	text-transform: uppercase;
}

/*=============== NAV ===============*/
.nav,
.nav__menu {
	width: 100%;
}

.nav__logo,
.nav__burger,
.nav__close {
	color: var(--gruen);
}

.nav__data {
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav__logo {
	display: inline-flex;
	align-items: center;
	column-gap: 0.25rem;
	font-weight: var(--font-semi-bold);
}

.nav__logo i {
	font-weight: initial;
	font-size: 1.25rem;
}

.nav__toggle {
	width: 32px;
	height: 32px;
}

.nav__burger,
.nav__close {
	position: absolute;
	width: max-content;
	height: max-content;
	inset: 0;
	margin: auto;
	font-size: 1.6rem;
	cursor: pointer;
	transition: opacity 0.1s, transform 0.4s;
	margin-right: 1rem;
	top: 0;
}

.nav__close {
	opacity: 0;
}

/* Navigation for mobile devices */
@media screen and (max-width: 1200px) {
	.nav__menu {
		position: absolute;
		right: 0;
		top: 2rem !important;
		width: 100%;
		/* height: calc(100vh - 3.5rem); */
		/* height: 100%; */
		background-color: var(--black-color-lighten);
		overflow: scroll;
		pointer-events: none;
		opacity: 0;
		transition: top 0.6s, opacity 0.3s;
	}

	.nav__menu ul li {
		background-color: var(--black-color-lighten);
	}

	.nav__menu .nav__list .nav__link:hover {
		background-color: var(--gruen);
		color: var(--schwarz) !important;
	}

	.atemwelt img {
		position: absolute;
		width: 45px !important;
		height: auto !important;
		top: 0;
		left: 0.5rem;
		z-index: 99999999;
	}

	.nav__menu::-webkit-scrollbar {
		width: 0;
	}

	.nav__list {
		background-color: var(--black-color-lighten) !important;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}

.nav__link {
	font-family: "Kanit-Thin";
	color: var(--weiss);
	background-color: var(--black-color-lighten);
	font-size: 1.1rem;
	font-weight: 600;
	padding: 1rem 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: 0.4s all ease-in-out;
}

.nav__link:hover {
	color: var(--gruen) !important;
	transition: 0.5s all ease-in-out;
}

/* Show menu */
.show-menu {
	opacity: 1;
	top: 3.5rem;
	pointer-events: initial;
}

/* Show icon */
.show-icon .nav__burger {
	opacity: 0;
	transform: rotate(90deg);
}

.show-icon .nav__close {
	opacity: 1;
	transform: rotate(90deg);
}

/*=============== DROPDOWN ===============*/
.dropdown__item {
	cursor: pointer;
}

.dropdown__arrow {
	font-size: 1.25rem;
	font-weight: inherit;
	transition: transform 0.4s;
	color: var(--gruen);
}

.dropdown__link,
.dropdown__sublink {
	font-family: "Kanit-Thin";
	padding: 1.25rem 1.25rem 1.25rem 2.5rem;
	color: var(--weiss);
	display: flex;
	align-items: center;
	column-gap: 0.5rem;
	font-size: 1.1rem;
	font-weight: var(--font-semi-bold);
	transition: background-color 0.3s;
}

.dropdown__link i,
.dropdown__sublink i {
	font-size: 1.25rem;
	font-weight: initial;
}

.dropdown__link:hover,
.dropdown__sublink:hover {
	background-color: var(--gruen);
	color: var(--schwarz) !important;
	transition: 0.5s all ease-in-out;
}

.dropdown__menu,
.dropdown__submenu {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease-out;
}

/* Show dropdown menu & submenu */
.dropdown__item:hover .dropdown__menu,
.dropdown__subitem:hover > .dropdown__submenu {
	max-height: 1000px;
	transition: max-height 0.4s ease-in;
}

/* Rotate dropdown icon */
.dropdown__item:hover .dropdown__arrow {
	transform: rotate(180deg);
}

/*=============== DROPDOWN SUBMENU ===============*/
.dropdown__add {
	margin-left: auto;
}

.dropdown__sublink {
	background-color: var(--black-color-lighten);
}

/*=============== BREAKPOINTS ===============*/
/* For small devices */
@media screen and (max-width: 480px) {
	.blog_menu ul li {
		height: 460px !important;
	}

	.legal {
		width: 100% !important;
	}

	.legal > * {
		width: 100%;
	}

	.blog .blog_image {
		shape-outside: none !important;
		clip-path: none !important;
	}

	.blog .full_image {
		display: flex-box !important;
		margin: 0 auto;
		justify-content: center;
		position: relative;
	}

	.blog .full_image img {
		text-align: center;
		float: none !important;
	}

	.blog .full_image::before {
		content: "";
		background-color: red;
		position: absolute;
		width: 100%;
		height: 10rem;
		top: 0;
		left: 0;
		z-index: 10;
	}

	.container-atemfee .blog::after {
		display: none;
	}
}

@media screen and (max-width: 340px) {
	.container {
		margin-inline: 1rem;
	}

	.nav__link {
		padding-inline: 1rem;
	}
}

@media screen and (max-width: 992px) {
	.home_background {
		width: 100%;
		filter: contrast(1.1);
		filter: saturate(1.4);
		object-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		padding: 18rem 0 20rem 0;
		overflow: hidden;
		position: relative;
	}

	.home_background .background_mobile {
		/* background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/home/kulisse-des-ag-tcm-kongress-mobil.webp") alt="Der AGTCM Kongress in Heikes Atemwelt auf Facebook und Instagram und im Blog bei Google. Trotz Schauerwetter kann die Lunge gut durchatmen." !important; */
		/* background: url("../img/home/seerose-klein_mobile.webp") !important; */
		display: block !important;
	}

	.home_background .background_desktop {
		display: none;
	}

	.main_content {
		width: 95dvw !important;
		padding: 1rem 0.5rem !important;
	}

	.home_background h2 {
		width: 100% !important;
	}

	.home_background h2::before {
		width: 100% !important;
	}

	.yoga {
		background: url("../img/home/yoga_mobile.webp") !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: cover !important;
	}

	.yoga h2 {
		width: 100% !important;
		top: 6rem !important;
		left: 50% !important;
		display: flex !important;
		justify-content: center;
		text-align: center !important;
		margin: 0 auto !important;
		transform: translateX(-50%) !important;
	}

	.text-box-transparent {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.col_wechsel {
		flex-direction: column-reverse !important;
		width: 100% !important;
	}

	.col-full,
	.akkordeon {
		border-radius: 1rem !important;
		padding: 1rem 1rem !important;
	}

	.blog_menu {
		padding-left: 0 !important;
		padding-right: 0 !important;
		max-width: 100vw !important;
	}

	.blog_menu ul li {
		width: 100vw !important;
		margin-right: 0.4rem !important;
		padding: 1rem 0.5rem !important;
	}

	.blog_menu ul li .blog-intro {
		padding-left: 0 !important;
	}

	.col-full-dark .container_bild_text {
		flex-direction: column !important;
		text-align: center;
		justify-content: center;
		padding: 0.5rem 0;
	}

	.container_bild_text * {
		text-align: center;
		justify-content: center;
		padding: 0.5rem 0;
	}

	.container_bild_text p {
		text-align: center !important;
	}

	.mobile_full {
		width: 100vw !important;
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border-radius: 0 !important;
	}

	.mobile_full p {
		text-align: left;
	}

	/*.home_background h2 {
    position: absolute;
    width: 95% !important;
    top: 10rem;
    z-index: 999999999 !important;
  }*/

	.alternative {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		flex: 1 0 0;
		border: 2px solid var(--rot);
	}

	.home_second p:nth-child(2n + 1) {
		height: 150px !important;
		background-color: var(--blau-dark) !important;
		color: var(--weiss) !important;
	}

	.home_second p:nth-child(even) {
		height: 150px !important;
		background-color: var(--gruen) !important;
		color: var(--schwarz) !important;
	}

	.podcast_menu ul li img {
		width: 100%;
	}

	.container-atemfee .blog {
		width: 100vw !important;
		width: 100% !important;
		padding: 1rem 0.5rem !important;
	}

	.blog_fb_button {
		width: 80vw !important;
		border: 4px solid blue;
	}

	.col-half .text-box {
		border-radius: 0 !important;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	.box_vorteile_desktop {
		display: none !important;
	}

	.box_vorteile_mobile {
		display: flex;
		flex-direction: column;
		margin: 4rem auto;
	}

	.box_vorteile_mobile .box-atemfee {
		max-width: 100%;
		margin-bottom: 4rem;
	}

	.box_vorteile_mobile .box-atemfee p {
		text-align: center;
		font-size: 1.5rem;
	}

	.bg_magistrale a,
	.rhodiola-first a {
		margin: 4rem auto;
	}

	.form_row {
		flex-wrap: wrap;
		flex-direction: column !important;
	}

	.form_row div:nth-child(2) {
		margin-top: -2rem;
	}

	.input_form {
		width: 100% !important;
	}

	#contact {
		width: 100vw !important;
		padding-left: 0;
		padding-right: 0;
	}

	.required_text {
		padding-bottom: 4rem !important;
	}

	footer {
		margin: auto;
	}

	footer .col {
		width: 100%;
		padding: 1rem 0.4rem !important;
	}

	footer .col p {
		display: block;
	}

	footer .col img {
		width: 30%;
		height: auto;
	}

	.copyright_desktop {
		display: none !important;
	}

	.copyright_mobile {
		display: flex !important;
		margin-top: 2rem !important;
		width: fit-content !important;
	}
}

/* For large devices */
@media screen and (min-width: 1200px) {
	.atemwelt {
		position: absolute;
		display: flex;
		left: 2rem;
		top: 0;
		z-index: 2;
		border: 2px solid var(--weiss);
	}

	.atemwelt img {
		display: block;
		max-width: 100%;
		height: auto;
		object-fit: cover;
	}

	.container {
		width: 100%;
		float: right;
		margin-right: 2rem;
	}

	.header__schriftzug {
		display: none !important;
	}

	.nav {
		height: calc(var(--header-height) + 2rem);
		display: flex;
		justify-content: space-between;
	}

	.nav__toggle {
		display: none;
	}

	.nav__list {
		height: 100%;
		display: flex;
		column-gap: 1rem;
		justify-content: flex-end;
	}

	.nav__link,
	.main_menu_link {
		font-family: "Kanit-Thin";
		font-weight: 700;
		letter-spacing: 1px;
		height: 100%;
		padding: 0;
		justify-content: initial;
		background-color: transparent;
		position: relative;
	}

	.main_menu_link::before {
		content: "";
		background-color: var(--gruen);
		position: absolute;
		top: 3rem;
		left: 0;
		height: 4px;
		width: 100%;
		opacity: 0;
		text-align: center;
		transition: 0.6s all ease-in-out;
	}

	.main_menu_link:hover::before {
		transform: translateY(-2rem);
		opacity: 1;
		transition: opacity 0.6s all ease-in-out;
	}

	.nav__link:hover {
		background-color: transparent;
		transition: 0.5s all ease-in-out;
	}

	.dropdown__item,
	.dropdown__subitem {
		position: relative;
	}

	.dropdown__menu,
	.dropdown__submenu {
		max-height: initial;
		overflow: initial;
		position: absolute;
		left: 0;
		top: 8rem;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.3s, top 0.3s;
	}

	.dropdown__link,
	.dropdown__sublink {
		padding-inline: 1rem 3.5rem;
	}

	.dropdown__subitem .dropdown__link {
		padding-inline: 1rem;
	}

	.dropdown__submenu {
		position: absolute;
		left: 100%;
		top: 0.5rem;
	}

	/* Anzeigen des Dropdown-Menüs */
	.dropdown__item:hover .dropdown__menu {
		opacity: 1;
		top: 4.2rem;
		pointer-events: initial;
		transition: top 0.6s;
		background: url("../img/header-background.jpg") center no-repeat !important;
		background-color: rgba(0, 0, 0, 0) !important;
		background-size: cover !important;
	}

	/* Show dropdown submenu */
	.dropdown__subitem:hover > .dropdown__submenu {
		opacity: 1;
		top: 0;
		pointer-events: initial;
		transition: top 0.3s;
	}

	.dropdown__item:hover > .dropdown__item .nav__link:hover {
		color: var(--weiss) !important;
	}
}

/* Startseite */
.main_highlight {
	font-family: "Tangerine", serif;
	font-weight: 100;
	background-color: rgba(14, 14, 14, 0.5);
	color: var(--gruen);
	/* background-size: 200% 100%; */
	/* animation: color_turn 4s infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  -ms-background-clip: text;
  -ms-text-fill-color: transparent; */
	font-size: clamp(4rem, 6vw, 6rem);
	text-align: center;
	display: flex;
	justify-content: center;
	position: relative;
	margin: 4rem auto 8rem auto;
	padding: 2rem 4rem;
	z-index: 99999 !important;
	/* background: linear-gradient(to right, rgba(14, 14, 14, 0.5), rgba(14, 14, 14, 0.5)); */
}

@keyframes color_turn {
	0% {
		background-image: linear-gradient(to left, var(--gruen), var(--blau));
	}

	50% {
		background-image: linear-gradient(to right, var(--blau), var(--gruen));
	}

	100% {
		background-image: linear-gradient(to left, var(--blau), var(--gruen));
	}
}

.home_background {
	width: 100%;
	background: url("/img/home/seerose-klein.webp");
	filter: contrast(1.1) saturate(1.4);
	object-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 8rem 0 0 0;
	overflow: hidden;
	position: relative;
	pointer-events: all;
}

.home_background .background_desktop,
.home_background .background_mobile {
	position: fixed;
	top: 50px;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

.home_background .background_desktop {
	display: block;
}

.home_background .background_mobile {
	display: none;
}

.main_content {
	background: linear-gradient(
		to right,
		rgba(14, 14, 14, 0.5),
		rgba(14, 14, 14, 0.5)
	);
	color: var(--weiss);
	display: flex;
	flex-direction: column;
	text-align: center;
	font-size: clamp(1.2rem, 4vw, 2.5rem);
	font-weight: 500;
	width: max-content;
	margin: 0 auto;
	padding: 2rem 2.5rem;
	position: relative;
	z-index: 100 !important;
	word-break: keep-all;
	width: 80%;
	justify-content: center;
	line-height: 2;
	position: relative;
	margin-bottom: 10rem;
}

.home_background .highlight_home {
	width: fit-content;
	max-width: 100%;
	display: flex;
	justify-content: center;
	border-radius: 1rem !important;
	margin: 0 auto 8rem auto;
	overflow: hidden;
	padding: 1rem;
	border: 1px solid var(--beige);
}

.home_background .highlight_home img {
	border-radius: 1rem;
}

.highlight_home_content {
	background-color: var(--blau-blur);
	padding: 3rem 1rem;
	z-index: 100 !important;
}

.highlight_home_content h3 {
	max-width: 100%;
	overflow-wrap: break-word;
	white-space: normal;
}

.highlight_home_content article,
.highlight_home_content article a {
	display: inline-block;
	width: fit-content;
	max-width: 100%;
	margin: 0 auto;
}

.main_content h2 {
	color: var(--gelb-creme);
}

.home_second {
	display: flex;
	flex-wrap: wrap;
	background-color: rgba(0, 0, 0, 0.1) !important;
	backdrop-filter: blur(40px) !important;
	padding: 4rem 0.3rem 4rem 0.3rem;
	line-height: 1.125;
	text-align: center;
	margin: 0 auto;
	justify-content: center;
}

.home_second p {
	font-size: clamp(1.2rem, 3vw, 1.8rem);
	height: 280px;
	pointer-events: none;
	padding: 2rem 1rem;
	gap: 2rem;
}

.home_second p:nth-child(2n + 1),
.home_second p:nth-child(even) {
	width: 40%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 2rem 1rem;
	box-shadow: 0 0 10px var(--weiss-grau);
}

.home_second p:nth-child(2),
.home_second p:nth-child(3),
.home_second p:nth-child(5),
.home_second p:nth-child(6) {
	background-color: var(--blau-dark);
	color: var(--weiss);
}

.home_second p:nth-child(1),
.home_second p:nth-child(4),
.home_second p:nth-child(5) {
	background-color: var(--gelb-box);
	color: var(--schwarz);
}

.home_second .info_atemwelt {
	display: flex;
	width: 50%;
}

.learn {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
		url("../img/home/blaetter_bg.webp");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 8rem 2rem;
	position: relative;
}

.learn .learn-absatz {
	display: block;
	width: 100%;
}

.learn .learn-absatz p {
	display: block;
	width: 100%;
	font-family: "PetitFormalScript-Regular";
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 500;
	color: var(--weiss) !important;
	opacity: 1;
	text-align: center;
}

.yoga {
	display: flex;
	max-width: 100%;
	align-items: center;
	justify-content: center;
	padding: 8rem 0 4rem 0 !important;
	padding-top: 35rem !important;
	padding-bottom: 35rem !important;
	position: relative;
	background: url("../img/home/yoga.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.yoga h2 {
	font-family: "PetitFormalScript-Regular";
	display: flex;
	align-items: center;
	position: absolute;
	left: 5rem;
	font-size: clamp(2.4rem, 4vw, 5rem);
	font-weight: 900;
	color: var(--weiss);
	opacity: 1;
}

h1.page-highlight {
	width: 100%;
	font-family: "Roboto", sans-serif;
	background-color: transparent;
	color: var(--weiss);
	margin-top: calc(var(--header-height) + 2rem);
	line-height: 1.5;
	padding: 1rem 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	font-size: clamp(1.2rem, 6vw, 2.5rem);
	letter-spacing: 2px;
}

h2.page-highlight-second {
	color: var(--blau-dark);
	padding: 1rem 0;
	margin-top: calc(var(--header-height) + 2rem);
	position: relative;
	text-align: center;
	text-transform: uppercase;
	font-size: clamp(1.4rem, 4vw, 2rem);
}

/* Rhodiola Crenulata */
.rhodiola-first {
	background-color: var(--bg-transparent);
	padding: 6rem 0;
	position: relative;
}

.bg_blaetter {
	background: url("../img/rhodiola-crenulata/blatt-mit-regentropfen.jpg")
		no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	perspective: 600px;
}

.bg_stiftung {
	background: url("../img/stiftung/weltkarte.jpg") no-repeat;
	padding-top: 6rem;
	background-attachment: fixed;
	background-size: cover;
	backdrop-filter: opacity(40%);
}

.bg_magistrale {
	background: url("../img/magistrale-phytotherapie/himalaya.jpg") no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	padding: 3rem 0;
}

.bg_urwald {
	background: url("../img/atemfee/gruener-wald.jpg") no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	padding: 3rem 0;
}

.blaetter-box {
	background: transparent;
}

.blaetter-box .col-full p {
	color: var(--weiss);
	margin: auto;
	text-align: center;
}

.col-full {
	width: 90%;
	min-height: 465px;
	background-color: var(--blau-blur);
	position: relative;
	padding: 3rem 2.5rem;
	display: flex;
	flex-direction: column;
	margin: auto;
	align-items: center;
	line-height: 1.5;
	border-top: 6px solid var(--gruen);
	border-bottom: 6px solid var(--gruen);
	border-top-left-radius: var(--border-size-box);
	border-bottom-right-radius: var(--border-size-box);
}

.col-full h2 {
	color: var(--gelb-creme) !important;
}

.col-half {
	width: 90%;
	min-height: 640px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 5rem 0;
	margin: auto;
	row-gap: 5rem;
	justify-content: center;
	overflow: hidden;
}

.col-half .col-half-second {
	min-width: 320px;
	max-width: 750px;
	position: relative;
	margin: auto;
	padding: 2rem 1rem;
	/* 3d-Effekt definieren */
	perspective: 800px;
}

.col-half .text-box {
	margin: 0 auto;
	border-top: 6px solid var(--gruen);
	background-color: var(--beige);
	padding: 2rem;
	line-height: 1.5;
	pointer-events: none;
	position: relative;
	overflow: hidden;
	z-index: 2;
	border-bottom-right-radius: var(--border-size-box);
	min-width: 250px;
	min-height: 250px;
	max-width: 750px;
	max-height: 100%;
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.col-half .text-box::after {
	content: "";
	position: absolute;
	background-color: var(--blau);
	right: -10%;
	bottom: -15%;
	width: 20rem;
	height: 20rem;
	border-radius: 50%;
	z-index: -1;
	opacity: 0.6;
	padding: 2.5rem;
	padding-block: 1rem;
	border: 30px solid var(--blau-dark);
	box-shadow: -10px -12px 120px var(--blau-dark);
	filter: blur(20px) !important;
}

.col-half .text-box-none-circle .text-box::after {
	display: none !important;
}

.bg-transparent {
	background-color: rgba(0, 0, 0, 0) !important;
}

.col-half .miniatur {
	margin: auto;
	padding: 0;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	z-index: 1;
	min-width: 200px;
	min-height: 200px;
	transform: translateY(-30px);
}

.col-half .miniatur img {
	display: block;
	object-fit: cover;
	object-position: center;
	position: relative;
	max-width: 80%;
	height: auto;
	margin: auto;
	z-index: 100;
	box-shadow: 0px 50px 47px 10px rgba(0, 0, 0, 0.6);
	filter: brightness(100%) contrast(130%) saturate(132%) blur(0px)
		hue-rotate(0deg);
	padding: 1rem;
	transform: rotateX(15deg);
}

.col-half .miniatur::after {
	content: "";
	position: absolute;
	bottom: -60px;
	background: #000;
	max-width: 60%;
	height: 8px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50%;
	filter: blur(12px);
}

.col-half .col-half-second h2,
.col-full h2 {
	color: var(--blau-dark);
	margin-bottom: 1rem;
}

.col-full-dark div {
	display: flex;
	flex-direction: column;
	margin: auto;
	text-align: center;
}

.col-full-dark h2 {
	color: var(--gelb-creme) !important;
}

.col-full-dark p {
	color: var(--weiss);
}

.col-half-dark {
	background-color: var(--blau-blur);
	max-width: 50%;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
	gap: 2rem;
}

.col-half-dark h2 {
	color: var(--gelb-creme) !important;
}

.hightlight-blue {
	display: inline;
	color: var(--weiss);
	font-weight: 300;
}

/* Vorteile Atemfee */
.container-atemfee {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	position: relative;
	margin: 8rem auto 0 auto;
	padding-bottom: 8rem;
}

.container-medium {
	width: 60%;
}

.container-small {
	width: 35%;
	height: max-content;
}

.container-atemfee-schmal {
	max-width: 90%;
	gap: 1rem;
	justify-content: space-evenly;
}

.box-atemfee {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 420px;
	margin: 0 auto;
	background-color: var(--weiss);
	padding: 4rem 2rem 2rem 2rem;
	border-radius: 25px;
	box-shadow: 4px 0 20px var(--blau-dark), 0 0 14px var(--weiss);
}

.box-atemfee .logo {
	max-width: 250px;
	margin: 0 auto;
}

.box-atemfee .logo-box {
	display: block;
	object-fit: cover;
}

.kanzlei {
	max-width: 100%;
	height: 100%;
	border-radius: 0;
}

.atemfee-second {
	width: 300px;
}

.box-atemfee .logo .logo-box {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.text-box-atemfee {
	max-width: 500px;
	padding: 2rem;
	border-radius: 15px;
	min-height: 510px;
}

.text-box-atemfee p {
	color: var(--weiss);
	line-height: 1.5;
}

.linie-atemfee {
	display: block;
	width: 95%;
	height: 2px;
	background-color: var(--blau-dark);
	margin: 2rem auto;
}

.container-atemfee .box-atemfee p {
	text-transform: uppercase;
	text-align: center;
}

.banner-logo {
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: var(--bg-transparent);
	background-color: var(--grau-transparent);
	padding: 0 0 2rem 0;
	position: relative;
}

.banner-logo img {
	margin: 0 auto;
}

.banner-logo img:nth-child(1) {
	position: absolute;
	max-width: 100%;
	transform: rotate(-180deg);
	opacity: 0.5;
}

.banner-logo img:nth-child(2) {
	position: relative;
	margin-top: 3rem;
	max-width: 100%;
	height: auto;
	z-index: 99;
}

.banner-logo img:nth-child(3) {
	position: absolute;
	bottom: 0;
	max-width: 100%;
	opacity: 0.5;
}

.box-round {
	width: max-content;
	height: max-content;
}

.container-small {
	background-color: var(--blau-blur);
	padding: 1rem;
}

/* Mission Stiftung */
.stiftung_mission {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row !important;
	justify-content: space-evenly !important;
	margin: 2rem auto 6rem auto !important;
	gap: 5.5rem !important;
}

.stiftung_mission .box_mission {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 340px;
	width: 100%;
	height: 20rem;
	padding: 2rem 1rem;
	background-color: var(--blau-blur);
	border-top: 0.4rem solid var(--gruen);
	border-bottom: 0.4rem solid var(--gruen);
	border-radius: 0.4rem;
	text-align: center;
	position: relative;
}

.stiftung_mission .box_mission p {
	display: flex;
	width: 100%;
	justify-content: center;
	text-align: center !important;
	color: var(--gelb-creme);
	font-size: clamp(1.2rem, 5vw, 1.4rem);
	text-transform: uppercase;
	font-weight: bold;
}

.stiftung_mission .box_mission::before {
	position: absolute;
	background-color: var(--gruen);
	content: "";
	width: 2.5rem;
	height: 2.5rem;
	top: -1rem;
	left: 50%;
	border-radius: 0 50% 50% 50%;
	transform: translate(-50%, 1.4rem) rotate(45deg);
}

/* Mission Stiftung Ende */

/* Akkordeon "Stiftung" */
.akkordeon {
	border-radius: 15px;
}

.accordion {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: 0 0 0 0;
}

.container-atemfee .container-small .tabelle-top li {
	font-size: clamp(0.8rem, 5vw, 1.5rem);
	font-weight: bold;
	color: var(--beige);
}

.container-atemfee .container-small .linie-accordion {
	width: 100%;
	height: 2px;
	background-color: var(--gruen);
}

.accordion input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.accordion input:checked ~ label img {
	transform: translate(0, -50%) rotate(-180deg);
	color: var(--gruen);
}

.accordion input:checked ~ label {
	border-radius: 15px 15px 0 0;
	border: 1px solid var(--gruen);
}

.accordion input:checked ~ .content {
	height: auto;
	opacity: 1;
	transform: translate(0, 0);
	margin: 0 0 1.5rem 0;
	box-shadow: 0 0 14px var(--beige);
}

.accordion label {
	width: 100%;
	background-color: var(--blau-dark);
	border: 2px solid transparent;
	color: var(--gruen);
	text-align: left;
	font-size: clamp(0.8rem, 5vw, 1.5rem);
	border-radius: 15px;
	padding: 0.5rem 1rem;
	cursor: pointer;
	transition: 0.3s all ease-in-out;
	position: relative;
}

.accordion label:hover {
	box-shadow: 0 0 14px var(--beige);
	border: 2px solid var(--gruen);
	background: #178ca4;
	box-shadow: inset 11px 11px 22px #116576, inset -11px -11px 22px #1db3d2;
	transition: 0.3s all ease-in-out;
}

.accordion .content {
	background-color: var(--blau-dark);
	color: var(--schwarz);
	width: 100%;
	padding: 0.5rem 0.5rem 1rem 0.5rem;
	font-size: clamp(0.9rem, 5vw, 1.5rem);
	text-align: left;
	border-radius: 0 0 15px 15px;
	position: relative;
	z-index: 1;
	transform: translate(0, -10%);
	height: 0;
	opacity: 0;
	transition: 0.4s all ease-in-out;
	overflow: hidden;
}

.accordion div {
	position: relative;
	width: inherit;
}

.accordion div strong {
	width: max-content;
	margin-left: 0.4rem;
	color: var(--gruen);
	font-weight: 500;
}

.accordion div .accordion-country {
	position: absolute;
	left: 100px;
	color: var(--beige);
}

.pfeil-accordion {
	width: 1.5rem;
	position: absolute;
	right: 2rem;
	top: 50%;
	transform: translate(0, -50%);
	transition: 0.3s all ease-in-out;
	color: var(--beige);
}

/* Blog */
.container-atemfee .blog {
	background-color: var(--blau-dark);
	border-radius: 15px;
	margin: 0 auto 4rem auto;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.container-atemfee .blog::after {
	content: "";
	position: absolute;
	background-color: var(--gruen-soft);
	right: -10%;
	bottom: 15%;
	width: 20rem;
	height: 20rem;
	border-radius: 50%;
	z-index: -1;
	opacity: 0.6;
	padding: 2.5rem;
	padding-block: 1rem;
	border: 60px solid var(--gruen);
	box-shadow: -10px -12px 60px var(--blau-dark);
	border-left: 25% solid var(--blau-dark);
	filter: blur(40px) !important;
}

.container-atemfee .blog p {
	color: var(--beige);
	transform: translateY(-30px);
}

/* Unter-Überschriften Großbuchstaben */
.blog-highlight {
	color: var(--gelb-creme) !important;
	text-transform: uppercase;
	font-weight: 700;
	font-size: clamp(0.7rem, 4vw, 1.4rem);
	font-variant: small-caps;
}

/* Blog-Menü */
.blog_menu {
	display: grid;
	width: 100%;
	margin: 4rem 2rem 0 0;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	border-radius: 15px;
	position: relative;
	perspective: 1000px;
}

.blog_menu h3 {
	color: var(--gruen);
	margin-bottom: 1rem;
	margin-left: 1rem;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 4px;
	position: relative;
}

.blog_menu ul {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	gap: 1rem;
	perspective: 1000px;
}

.blog_menu ul li {
	margin: 1rem;
	width: 400px;
	height: 550px;
	font-size: clamp(1rem, 5vw, 1.5rem);
	font-weight: 600;
	background-color: var(--blau-blur);
	color: var(--gelb-creme);
	border: 2px solid transparent;
	margin: 1rem 1rem 0 1rem;
	padding: 1rem 1rem;
	border-radius: 1rem;
	position: relative;
	overflow: hidden;
	transition: 0.5s all ease-in-out;
}

.blog_menu ul li .blog-intro {
	font-family: "Kanit", sans-serif;
	font-size: clamp(1.1rem, 4vw, 1.25rem) !important;
	font-weight: 500;
	color: var(--weiss);
	margin-top: 3.7rem;
	padding-right: 0.5rem;
	position: absolute;
	top: 8rem;
	z-index: 9999999 !important;
	transition: 0.5s all ease-in-out;
}

.blog_menu ul li .blog-more-info {
	color: var(--gelb-creme);
	font-weight: 400;
	position: absolute;
	bottom: 2rem;
	right: 2rem;
	transition: 0.5s all ease-in-out;
	z-index: 9999999 !important;
}

.blog_menu ul li:hover .blog-more-info {
	color: var(--blau-dark) !important;
	transition: 0.5s all ease-in-out;
}

.blog_menu ul li:hover {
	background: #178ca4;
	background-color: var(--gruen-soft);
	color: var(--schwarz) !important;
	transition: 0.5s all ease-in-out;
}

.blog_date {
	font-size: clamp(0.8rem, 5vw, 1.2rem);
	color: var(--weiss);
	margin-bottom: 1rem;
	z-index: 9999999 !important;
}

.jahres_linie {
	display: flex;
	width: 80%;
	margin: 6rem auto;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.3);
}

.jahres_linie h3 {
	height: 100%;
	text-align: center;
	color: var(--gelb-creme);
	display: flex;
	justify-content: center;
	margin: auto;
	letter-spacing: 14px !important;
	padding: 1.5rem 0;
	font-size: clamp(1.3rem, 5vw, 2.5rem);
	letter-spacing: 2px;
}

.col-full-dark .container_bild_text {
	display: flex;
	flex-direction: row;
	align-items: center;
	border: 2px solid var(--gelb-creme);
	padding: 0.5rem 1rem;
	margin-bottom: 2rem;
}

.col-full-dark .container_bild_text .container_bild_text_second {
	display: flex;
	flex-direction: column;
}

.blog-highlight-normal {
	display: flex;
	color: var(--gelb-creme) !important;
	margin-bottom: 2rem;
	text-align: left;
}

.container_bild_text span,
.container_bild_text p,
.container_bild_text img,
.container_bild_text .blog-highlight-normal {
	display: flex;
	align-items: center;
	text-align: left;
	transform: translateY(-30px);
}

.container_bild_text p {
	display: flex;
	align-items: center;
	justify-content: center;
}

.container_bild_text img {
	float: none !important;
	margin: 0 auto;
	display: block;
}

.blog h2 {
	margin-bottom: 4rem !important;
	z-index: 9999999 !important;
}

.blog img {
	float: right;
	margin: 1.5rem;
	max-width: 80%;
	text-align: center;
	filter: brightness(100%) contrast(130%) saturate(100%) blur(0px)
		hue-rotate(0deg);
	backdrop-filter: blur(4px);
	transform: rotateX(15deg);
}

.blog .blog_image {
	border: none;
	border-radius: none !important;
	shape-outside: circle() !important;
	clip-path: circle() !important;
	margin-top: 2rem;
}

.blog .full_image {
	width: 100%;
	position: relative;
}

.blog .full_image img {
	display: flex;
	margin: 0 auto;
	z-index: 10;
}

.blog .blog_img_round {
	margin: 4rem auto 0 auto;
	display: flex;
	text-align: center;
	justify-content: center;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
	box-shadow: 0 0 40px var(--beige);
}

.blog p {
	max-width: 100%;
	color: var(--beige) !important;
}

/* Kontakt-Formular */
.contact {
	width: 100%;
	margin-top: 4rem;
	margin-bottom: 10rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.col-full-dark .contact_box {
	display: flex;
	margin: 0 auto;
	justify-content: center;
	width: 70%;
}

.contact_box form {
	display: flex;
	max-width: 100%;
	margin: 2rem auto;
	justify-content: center;
	flex-wrap: wrap;
	overflow: hidden;
}

.form_row {
	display: flex;
	flex-direction: row !important;
	gap: 2rem !important;
}

.form_row .input_form {
	display: flex;
	width: 100% !important;
}

.contact_span {
	font-size: clamp(0.9rem, 4vw, 2rem);
	color: var(--rot);
	font-weight: bold;
}

.contact_box form div {
	width: 100%;
	margin: 0 0 0 0;
	position: relative;
}

.contact_box form div label {
	font-size: clamp(0.9rem, 4vw, 1.6rem);
	text-align: left;
	color: var(--gelb-creme);
	margin-bottom: 1rem;
	margin-top: 2rem;
}

.contact_box form div ::placeholder {
	font-size: clamp(0.9rem, 4vw, 1.4rem);
	color: rgb(0, 0, 0, 0.4);
}

.contact_box form div input,
.contact_box textarea {
	padding: 1rem;
	border-radius: 15px;
	font-size: clamp(0.9rem, 4vw, 1.4rem);
	text-align: left;
	outline: none;
	border: none;
	resize: none;
	background-color: var(--weiss);
	transition: 0.3s all ease-in-out;
}

.contact_box form div input:active,
.contact_box form div input:focus,
.contact_box textarea:active,
.contact_box textarea:focus {
	background: #ffffff;
	box-shadow: inset 8px 8px 16px #737373, inset -8px -8px 16px #ffffff;

	background: #ffffff;
	box-shadow: inset 5px 5px 12px #666666, inset -5px -5px 12px #ffffff;
	transition: 0.3s all ease-in-out;
}

.contact_box form div input:focus label,
.contact_box form div input:active label {
	position: absolute;
	top: 0;
	color: var(--rot);
}

.contact_box .form_agb {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.contact_box .form_agb label a {
	color: var(--weiss);
}

.contact_box input[type="checkbox"] {
	text-align: center;
	width: 25px;
	height: 25px;
	margin-right: 1rem;
	margin-top: 0.5rem;
}

.contact_box .error_input {
	text-align: left;
}

.required_text {
	width: 100%;
}

.required_text p {
	display: block;
	text-align: left !important;
	color: var(--rot);
	font-weight: bold;
}

.required_text .btn_absenden {
	display: flex;
	width: max-content;
	margin-top: 2rem;
	padding: 0.5rem 1rem;
	border-radius: 15px;
	background: linear-gradient(45deg, #79e009, #8fff0b);
	font-size: clamp(1rem, 5vw, 1.5rem);
	border: none;
	outline: none;
	color: var(--schwarz);
	justify-content: left !important;
	cursor: pointer;
	transition: 0.3s all ease-in-out;
}

.required_text .btn_absenden:hover {
	background-color: var(--blau);
	background: #86f90a;
	box-shadow: inset 6px 6px 12px #3c7005, inset -6px -6px 12px #d0ff10;
	transition: 0.3s all ease-in-out;
}

.bestaetigungs_box {
	display: flex;
	flex-direction: column;
	width: 80vw;
	height: 20rem;
	margin-top: 20%;
	margin-left: 50%;
	transform: translate(-50%, -20%);
	background-color: var(--blau-dark);
	text-align: center;
	z-index: 999999999;
	border: 1px solid var(--weiss);
	border-radius: 1rem;
}

.bestaetigungs_box .inhalt {
	background-color: var(--blau-dark);
	border: 1px solid var(--weiss);
	border-radius: 1rem;
	width: 100%;
	height: 100%;
}

.bestaetigungs_box p {
	position: absolute;
	width: 100%;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -30%);
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	border-radius: 15px;
	color: var(--gruen);
}

.bestaetigungs_box .inhalt .back_to_home {
	position: absolute;
	width: 100%;
	transform: translateX(-50%);
	bottom: 4rem;
	font-size: clamp(1rem, 4vw, 2.5rem);
	color: var(--weiss);
	transition: 0.4s all ease-in-out;
}

.bestaetigungs_box .back_to_home:hover {
	color: var(--blau);
	transform: translateX(-50%);
	transition: 0.4s all ease-in-out;
}

/* Podcast */
.podcast_menu {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.podcast_menu ul {
	display: flex;
	flex-wrap: wrap;
}

.podcast_menu ul li {
	width: 50%;
	max-width: 100vw !important;
	height: 45rem !important;
	display: flex;
	flex-direction: column !important;
	flex-wrap: wrap;
	margin: 0 auto 4rem auto;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-top: 6px solid var(--gruen);
	border-bottom: 6px solid var(--gruen);
	perspective: 800px;
}

.podcast_menu ul li:hover {
	transform: 0;
	transform: rotate(0);
	cursor: pointer;
}

.podcast_menu ul li img {
	display: block;
	max-width: 90%;
	height: auto;
	margin: 4rem auto 0 auto;
	text-align: center;
	border-radius: 2rem;
	box-shadow: 0px 20px 47px 10px rgba(0, 0, 0, 0.6);
}

.podcast_menu ul li:hover {
	transform: none;
	box-shadow: none;
}

.podcast_menu ul li h2 {
	margin: 4rem auto 5rem auto;
	color: var(--gelb-creme);
	font-family: "PetitFormalScript-Regular";
	font-size: clamp(1.2rem, 5vw, 2rem);
	font-weight: bold;
	line-height: 1.5;
}

.podcast_menu ul audio {
	position: absolute;
	bottom: 3rem;
	width: 80%;
	height: 2rem;
	text-align: center;
	display: block;
	border-radius: 15px;
}

/* IMPRESSUM UND DATENSCHUTZ */
.legal > * {
	text-align: left !important;
	float: left;
}

.legal h1,
.legal ul li {
	color: var(--weiss);
	text-transform: uppercase;
	font-size: clamp(1rem, 4vw, 1.5rem);
}

#datenschutz h2,
#datenschutz h3,
#datenschutz h4 {
	color: var(--gelb-creme);
	text-align: left !important;
	width: 100%;
}

.legal a {
	color: var(--gelb-creme);
	font-size: clamp(1rem, 4vw, 1.5rem);
	text-align: left;
}

/* Atemvideos */
.video_container {
	display: flex;
	margin: 0 auto 4rem auto;
	justify-content: center;
}

.video_container #player {
	max-width: 100%;
}

/* Spenden-Box */

.spenden_box {
	display: flex;
	width: 100%;
	margin: 8rem auto;
}

.spenden {
	display: flex;
	margin: 4rem auto;
	max-width: 20rem;
	background-color: var(--gruen);
	padding: 1rem 2rem;
	border-radius: 1.5rem;
	text-align: center;
}

.spenden_button {
	max-width: 100%;
	display: flex;
	margin: 4rem auto 0 auto;
	justify-content: center;
	text-align: center;
	padding: 1rem 2rem;
	border-radius: 1rem;
	color: var(--schwarz);
	background-color: var(--gruen);
	text-transform: uppercase;
	border: none;
	font-size: clamp(1.2rem, 5vw, 1.8rem);
	cursor: pointer;
}

.spenden_box {
	display: none;
	position: fixed;
	content: "";
	top: 0 !important;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 9999999 !important;
}

.spenden_popup {
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 15%;
	left: 50%;
	transform: translate(-50%, 15%);
	width: 100%;
	max-width: 90vw;
	padding: 2rem;
	background-color: var(--gruen);
	z-index: 9999999 !important;
	border-radius: 1rem;
	display: none;
	opacity: 0;
	transition: opacity 5s ease transform 5s all ease;
}

.transition-active {
	transition: width 1s ease, opacity 1s ease;
}

.spenden_popup p {
	color: var(--schwarz) !important;
	margin-top: 5rem;
	margin-bottom: 2rem;
	z-index: 99999999 !important;
	transition: opacity 5s ease-in-out;
}

.close_popup {
	font-size: clamp(1.2rem, 5vw, 3rem);
	color: var(--weiss);
	position: absolute;
	top: 1rem;
	right: 2rem;
	cursor: pointer;
	font-weight: bold;
}

/* Ende Spenden-Box */

.download_patent {
	display: block !important;
	max-width: 100%;
	margin: 4rem auto;
	color: var(--schwarz);
	text-shadow: 0 0 5px var(--weiss);
	background-color: var(--gruen);
	padding: 1rem 2rem;
	border-radius: 1.5rem;
	text-align: center;
}

.download_patent a {
	transition: 0.5s all ease-in-out;
}

.download_patent a,
.download_patent a:focus,
.download_patent a:visited {
	color: var(--schwarz);
	text-shadow: 0 0 5px var(--weiss);
}

.download_patent a:hover {
	color: var(--weiss);
	text-shadow: 0 0 5px var(--schwarz);
	transition: 0.5s all ease-in-out;
}

/* Nach Oben-Button */
#back-to-top {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	background: url("../nachoben.png");
	transition: opacity 0.2s ease-out;
	width: 40px;
	height: 40px;
	opacity: 0;
}

#back-to-top img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#back-to-top.show {
	opacity: 1;
	z-index: 99999999 !important;
}

/* Footer */
footer {
	width: 100%;
	border-top: 1px solid var(--gruen);
	color: var(--weiss);
	background-color: var(--black-color-lighten);
	padding: 1rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evenly;
}

footer .col {
	width: 33, 3%;
	padding: 0 1rem;
	display: flex;
	flex-direction: column;
}

footer .col .footer-highlight {
	font-size: clamp(0.8rem, 4vw, 1.4rem) !important;
}

footer .footer_link:hover {
	padding-top: 0.5rem !important;
	border-top: 2px solid var(--gruen) !important;
}

footer li a {
	text-decoration: none;
	color: var(--schwarz);
	transition: 0.4s all ease-in-out;
}

footer .highlight-blau,
footer li a:hover {
	color: var(--gruen);
	transition: 0.4s all ease-in-out;
}

.footer .footer-highlight {
	font-size: clamp(0.8rem, 4vw, 1.4rem) !important;
}

footer .imp_box {
	display: flex;
	flex-wrap: wrap;
	column-gap: 1rem;
	justify-content: space-evenly;
}

footer .imp_box li,
footer .footer-kontakt {
	list-style: none;
	font-size: clamp(0.8rem, 4vw, 1.4rem) !important;
	transition: 0.4s all ease-in-out;
}

footer .imp_box li {
	margin-bottom: 1rem;
}

fotter .imp_box li:last-child {
	margin-bottom: 0;
}

footer li a {
	color: var(--weiss) !important;
}

footer li a:hover {
	color: var(--gruen) !important;
}

footer .imp_box li:hover {
	color: var(--gruen);
	transition: 0.4s all ease-in-out;
}

footer .col img {
	display: flex;
	align-items: center;
	margin: 0 auto;
	max-width: 100%;
	padding: 1rem;
}

footer .footer_small {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}

footer .footer_small a {
	display: flex;
	justify-content: flex-start;
	margin-right: 2rem;
}

footer .footer_small a:last-child {
	margin-right: 0;
}

footer .social_media {
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	fill: var(--blau);
	margin: auto;
	border-radius: 100%;
	transition: 0.4s all ease-in-out;
}

footer .social_media:hover {
	fill: var(--weiss);
	transition: 0.4s all ease-in-out;
}

.copyright_desktop {
	display: flex;
	margin-top: 1rem;
}

.copyright_mobile {
	display: none;
}