/*hlsa ANLEITUNG*/
/*1. Wert: Farbe (0 = Rot, 120 = Gr�n, 240 = Blau)*/
/*2. Wert: S�tigung (0% = Graustufe, 100% = Farbe)*/
/*3. Wert: Helligkeit (0% = Schwarz, 50% = Farbe, 100% = Wei�)*/
/*4. Wert: Transparenz (0.0 = Unsichtbar - 1.0 Undurchsichtig)*/

:root {
/*---------------Footer Anpassung Anfang---------------*/
--allgemein-linkfarbe: black;
--allgemein-linkfarbe-hover: grey;
/*---------------Footer Anpassung Ende---------------*/

/*---------------Footer Anpassung Anfang---------------*/
--footer-hintergrundfarbe: hsla(0,0%,100%,0.2);
--footer-schriftgroesse: 24px;
--footer-textfarbe: black;
--footer-linkfarbe: black;
--footer-trennliniefarbe: black;
/*---------------Footer Anpassung Ende---------------*/

/*---------------Hauptmen� Anpassung Anfang---------------*/
--hauptmenue-vollbildhintergrund: rgba(255,240,246,0.86);
--hauptmenue-burgerbuttonfarbe: #7c1f48;
--hauptmenue-burgerbuttonschriftgroesse: 22px;
--hauptmenue-burgerbuttonschriftdicke: bold;
--hauptmenue-hintergrundfarbe: rgba(248,214,226,0.96);
/*---------------Hauptmen� Anpassung Ende---------------*/

/*---------------Sekund�rmen� Anpassung Anfang---------------*/
--secMenu-ueberschriftfarbe: #7c1f48;
--secMenu-linkfarbe: #6d1536;
--secMenu-linkhintergrundfarbe: rgba(255,255,255,0.62);

--secMenu-linkhfarbe-menue1: rgba(248,214,226,0.50);
--secMenu-linkhfarbe-menue2: rgba(216,130,160,0.42);
--secMenu-linkhfarbe-menue3: rgba(154,49,85,0.32);
/*---------------Sekund�rmen� Anpassung Ende---------------*/

}
/*----------------------------------------------*/
/*----------Ab hier bitte nicht �ndern----------*/
/*----------------------------------------------*/
/*Global Anfang*/
@charset "iso-8859-1";
@font-face { 
	font-family: "BRUSHSCRIPT"; 
	src: url("fonts/brushscriptstd.ttf"); 
}
body {
	margin: 0 auto;
	padding: 0px;
	height: 100%;
	width: 100%;
	max-width: 1400px;
	color:#000;
	font-family: Times,Georgia, serif;
	box-sizing: border-box;
}
@media only screen and (min-width: 931px) {body {padding: 0 3%;}}
 hr {
	border: none;
	border-top: 1px solid #000;
 }
a {
	text-decoration: none;
	color: var(--allgemein-linkfarbe);
	transition: color 1s;
	margin: 0px;
	padding: 0px;
}
a:hover {color: var(--allgemein-linkfarbe-hover);}

p,h2,li {color: #000;}
p,a,h3,li {font-size: 20px;}

h1,h2 {
	font-size: 26px;
	font-weight: normal;
	line-height: 33px;
	color: #000;
}
h1 a,h2 a {font-size: inherit;}
h3 {
	background-image: url(Bilder/papyrus.jpg);
	position: relative;
	z-index: 1;
	padding: 10px 15px;
}
h3:before,
h3:after {
	content: "";
	position: absolute;
	top: -2px;
	height: 101%;
	width: 10px;
	background: linear-gradient(to right, #000000 0%,#d59c11 10%,#fdf9f1 45%,#fdf9f1 55%,#dfb349 90%,#000000 100%);
	z-index: 2;
}
h3:before {left: 0;}
h3:after {right: 0;}
.small {
	font-size: 13px;
	color: #000;
}
.main_wrapper {
	position: relative;
	z-index: 4;
	display: flex;
	width: 100%;
	margin: 0 auto;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}
.main_wrapper > div {box-sizing: border-box;}
.main_wrapper .main {width: 74%;}
.main_wrapper .sidebar {width: 25%;}
@media only screen and (max-width: 930px) {
	.main_wrapper .main {width: 100%;}
	.main_wrapper .sidebar {display: none;}
}
/*Global Ende*/
/*------------------------------------------------------------------------------------------------------*/
/*Hintergrund mit Farbwechsel Anfang*/
body {background-color: #f6d6e2;}
body > section {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#energy {
	animation: none !important;
	z-index: 3;
	background-color: #f6d6e2;
	background-image: url('/bilder_relaunch/hintergrundbild2.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

@keyframes animate {
    0% {opacity: 0;}
    25% {opacity: 1;}
    50% {opacity: 1;}
    95% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes gradient {
	0% {background-position: 0% 0%;}
	50% {background-position: 100% 100%;}
	100% {background-position: 0% 0%;}
}
/*Hintergrund mit Farbwechsel Ende*/
/*------------------------------------------------------------------------------------------------------*/
/*Header Anfang*/
header {
	position: relative;
	z-index: 5;
	width: 100%;
	overflow-x: hidden;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
}
@media only screen and (max-width: 930px) {
	header .mobile {display: block;}
	header .desktop {display: none!important;}
}
@media only screen and (min-width: 931px) {
	header .mobile {display: none;}
	header .desktop {display: block;}
}
header .inner_wrap {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	position: relative;
}
@media only screen and (max-width: 930px) {
	header .inner_wrap {
		width: 100%;
		margin: 0;
		box-sizing: border-box;
	}
}
header .headline {
	width: 100%;
	padding: 0px;
	display: flex;
	gap: 30px;
}
@media only screen and (max-width: 930px) {
	header .headline {
		margin: 0 5%;
		justify-content: left;
		gap: 10px;
		z-index: 3;
		position: absolute;
		top: 0;
	}
}
@media only screen and (min-width: 931px) {
	header .headline {
		padding-top: 30px;
		margin-bottom: 25px;
	}
}
header .headline svg {
	width: 56px;
	height: 56px;
}
header .headline span {
	font-family: Tahoma, Verdana, sans-serif;
	background: linear-gradient(45deg, rgba(244,187,41,1) 0%,rgba(248,181,0,1) 46%,rgba(252,205,77,1) 58%,rgba(248,181,0,1) 70%,rgba(247,198,74,1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	font-weight: bold;
	font-size: 48px;
	line-height: 50px;
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 930px) {


	header .headline svg {
		width: 10%;
		height: auto;
	}
	header .headline span {
		font-size: 5.5vw;
	}
}
header .headerElements {
	max-width: 1015px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media only screen and (min-width: 931px) {
	header .headerElements {
		align-items: center;
		width: 100%;
	}
}
@media only screen and (min-width: 1201px) {header .headerElements {width: 78%;}}
header .headerElements,
header .headerElements > *{position:relative;}
header .headerElements > .headerImg {
	border: 5px ridge grey;
}
header .headerElements > .headerImg.mobile {
	margin: 0;
	width: 100%;
	position: relative;
}
header .headerElements > .headerImg.desktop {
	margin: 0;
	position: relative;
	box-sizing: border-box;
}
header .headerElements > .headerImg.desktop.links {
	width: 600px;
}
header .headerElements > .headerImg.desktop.rechts {
	width: 227px;
}
header .headerElements > a.eye_link {
	position: absolute;
	cursor: pointer;
	height: 150px;
	width: 250px;
	left: 5px;
	top: 5px;
}
@media only screen and (max-width: 930px) {
	header .headerElements > .muenze {
		margin: -20px 0 -50px;
		width: 35%;
		z-index: 1;
	}
	header .headerElements > a.eye_link {
		z-index: 3;
		width: 100%;
		height: 60%;
		left: 0;
		top: 0;
	}
}
@media only screen and (min-width: 931px) {
	header .headerElements > .muenze {
		position: absolute;
		z-index: 2;
	}
}
@media only screen and (min-width: 931px) {
	header .headerElements > .muenze {
		transform: translate(-50%, 0);
		left: 68%;
		top: -40px;
	}
}
header .headerElements > .muenze img {
	animation: rotate 20s linear infinite;
	width: 100%;
}
@keyframes rotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(-360deg);
	}
}
header .marquee {
	margin: 20px 0 0 0;
	background: none;
	height: 33px;
	font-size: 20px;
}
header .headerSide {
	font-family: Tahoma, Verdana, sans-serif;
	background: linear-gradient(45deg, rgba(244,187,41,1) 0%,rgba(248,181,0,1) 46%,rgba(252,205,77,1) 58%,rgba(248,181,0,1) 70%,rgba(247,198,74,1) 100%);
	background: #000000;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	font-weight: bold;
	font-size: 32px;
	line-height: 50px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
@media only screen and (min-width: 1201px) {header .headerSide {width: 22%;}}
header .headerSide span {
	font-family: "BRUSHSCRIPT";
}
header .motivation {
	padding: 5px;
	box-sizing: border-box;
	border-radius: 5px;
}
@media only screen and (max-width: 930px) {
	header .motivation {
		width: 64%;
		margin: 5px 0;
		background-color: rgba(255,255,255,0.2);
		align-items: center;
		display: flex;
	}
}
header .motivation p {
	color: #000000;
	text-align: center;
	margin: 0;
}
@media only screen and (max-width: 930px) {header .motivation p {font-size: 13px;}}
@media only screen and (min-width: 931px) and (max-width: 1200px) {
	header .headline {order: 1;}
	header .headerElements {order: 2;}
	header .headerSide {order: 5;}
	header .marquee {order: 3;}
	header .motivation {order: 4;}
}
/*Header Ende*/
/*------------------------------------------------------------------------------------------------------*/
/*Hauptmenue Anfang*/
#navigation {
	position: relative;
	width: 100%;
}
.sticky.menuOpen {overflow-y: hidden;}
.sticky #navigation {height: 57px;}
.sticky #navigation > * {position: fixed;}
.sticky.menuOpen #navigation .background {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: var(--hauptmenue-vollbildhintergrund);
}
#navigation .burger {
	display: inline-block;
	width: 21px;
	height: 21px;
	border: 3px solid var(--hauptmenue-burgerbuttonfarbe);
	position: relative;
}
#navigation .menuButton {
	font-family: Tahoma, Verdana, sans-serif;
	background-clip: text;
	font-weight: var(--hauptmenue-burgerbuttonschriftdicke);
	font-size: var(--hauptmenue-burgerbuttonschriftgroesse);
	justify-content: center;
	gap: 10px;
	padding: 15px 30px;
	display: flex;
	cursor: pointer;
	top: 0;
	right: 0;
	z-index: 3;
	color: var(--hauptmenue-burgerbuttonfarbe);
}
.sticky #navigation .menuButton {justify-content: right;}
#navigation .burger .line {
	background: var(--hauptmenue-burgerbuttonfarbe);
	width: 15px;
	height: 3px;
	display: block;
	position: absolute;
	left: 3px;
	top: 9px;
}
#navigation .burger .line:first-child {top: 3px;}
#navigation .burger .line:last-child {top: 15px;}
#navigation .menu {
	max-height: 0;
	height: fit-content;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	top: 0;
	z-index: 2;
	box-sizing: border-box;
	padding: 0 10%;
}
.menuOpen #navigation .menu {max-height: 600px;}
.sticky.menuOpen  #navigation .menu {
	max-height: 100%;
	padding-top: 60px;
}
#navigation .menu .outer {
	display: block;
	padding: 10px;
	border-radius: 20px;
	background-color: var(--hauptmenue-hintergrundfarbe);
	margin: 10px 0;
	max-height: 80%;
}
.menuOpen #navigation .menu .outer {overflow: hidden;}
#navigation .menu .outer .opener {
	display: block;
	padding: 10px;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.4);
	color: #000;
}
#navigation .menu .outer.open .opener{display: none;}
#navigation .menu .outer .inner {
	display: none;
	overflow: hidden;
}
#navigation .menu .outer.open .inner {display: block;}
#navigation .menu .outer .inner > * {
	color: #000;
	display: block;
}
#navigation .menu .outer .inner h2 {color: #000;}
#navigation .menu .outer .inner a {color: #000;}
/*Hauptmenue Ende*/
/*------------------------------------------------------------------------------------------------------*/
/*Sidebar Anfang*/
.sidebar {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000;
	font-weight:bold;
	overflow-x: hidden;
	padding-left: 1%;
}
#header_search {display: flex;}
#header_search * {
	box-sizing: border-box;
	height: 40px;
}
#header_search input{width: 70%;}
#header_search button{width: 30%;}
.sidebar > div {margin-top: 40px;}
.sidebar marquee {font-size: 24px;}
.sidebar h2 {font-size: 24px;}
.sidebar h2 .small {margin-top: 10px;}
.sidebar ul {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #222;
	list-style-type: none;
}
.sidebar ul li a {
	display: block;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #000;
	font-size: 16px;
}
/*Sidebar Ende*/
/*------------------------------------------------------------------------------------------------------*/
/*Footer Anfang*/
footer {
	margin-top: 80px;
	width: 100%;
	position: relative;
	z-index: 4;
	background-color: var(--footer-hintergrundfarbe);
}
footer #WebYepLogon {
	display: none;
	padding-right: 20px;
}
footer > * {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 100%;
}
footer p {
	font-size: var(--footer-schriftgroesse);
	color: var(--footer-textfarbe);
	padding: 10px 0;
	max-width: 400px;
}
footer p * {line-height: 1.2em;}
footer p .copy {
	text-align: center;
	margin: 0;
}
footer a {
	font-size: var(--footer-schriftgroesse);
	color: var(--footer-linkfarbe);
}
footer div {max-width: 500px;}
@media only screen and (max-width: 899px) {
	footer div a{width: 25%;}
}
@media only screen and (max-width: 499px) {
	footer div a{width: 50%;}
}
@media only screen and (min-width: 500px) {
	footer #WebYepLogon {display: block;}
}
@media only screen and (min-width: 900px) {
	footer {display: flex;}
	footer p {margin: 25px 0 25px auto;}
	footer div {
		margin: 25px auto 25px 0;
		display: inline-block;
	}
	footer div a{
		margin-left: 15px;
		padding-left: 15px;
		border-left: 1px solid var(--footer-trennliniefarbe);
	}
}
/*Footer Ende*/
/*------------------------------------------------------------------------------------------------------*/



















/*---Content---*/
.einzelansicht {}

.einzelansicht .haupt {font-weight: bold;}
.einzelansicht .image {
	background-size: cover;
	background-position: center;
	float: left;
	margin: 0 15px 15px 0;
}
@media only screen and (min-width: 400px) {
	.einzelansicht .image {
		width: 200px;
		height: 220px;
		float: left;
		margin: 0 15px 15px 0;
	}
}
@media only screen and (max-width: 399px) {
	.einzelansicht .image {
		width: 100%;
		height: 100vw;
	}
}
.einzelansicht .wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.einzelansicht .wrapper p {
	font-weight: bold;
	text-align: center;
}
.einzelansicht .telefon {
	display: block;
	margin: 10px 0;
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 3px black;
	font-size: 1.5em;
	text-align: center;
	border-radius: 10px;
	background-color: var(--secMenu-linkhfarbe-menue1);
}
@media only screen and (min-width: 600px) {.einzelansicht .telefon.mobile {display: none;}}
@media only screen and (max-width: 599px) {.einzelansicht .telefon.desktop {display: none;}}
.einzelansicht .status {
	padding: 25px;
	border-radius: 50%;
	font-size: 1.5em;
}
.einzelansicht .status.online {
	background-color: #ABFF00;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
}
.einzelansicht .status.occupied {
	background-color: #F00;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
}
.einzelansicht .status.offline {
	background-color: #aaa;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #444 0 -1px 9px;
}


/*---Beraterfeld---*/
.berater > .button {
	
}
.berater > .button {
	position: relative;
	width: 50%;
	border-radius: 100% / 10px;
	z-index: 2;
	top: 0;
	background: linear-gradient(to right, #000000 0%,#d59c11 10%,#fdf9f1 45%,#fdf9f1 55%,#dfb349 90%,#000000 100%);
	box-shadow: 2px 2px 5px #dddddd;
	margin: 0 auto;
	padding: 25px 0;
	text-align: center;
	cursor: pointer;
	font-size: 3vw;
	font-weight: bold;
}

.berater > .button .side {
	top: 0;
	position: absolute;
	right: -5px;
	width: 10px;
	height: 110%;
	background: linear-gradient(to right, #000000 0%,#aaaaaa 10%,#ffffff 45%,#ffffff 55%,#aaaaaa 90%,#000000 100%);
	}
.berater > .button .side.left {
	left: -5px;
	right: unset;}


.table.closed {
	display: none;
}
.table.open,
.open .table.closed {
	display: flex;
}
.table {
	width: 100%;
	margin: 0 auto 120px;
	flex-wrap: wrap;
}
.table .desktop {
	display: block;
}
.table .mobile {
	display: none;
}
/**/
.table .headline {
	width: 100%;
	padding: 0 37% 0 22%;
}
.table .headline h1 {
	padding: 0 20px;
	text-align: center;
	margin: 0;
}
.table .inner-wrap {
	padding: 0 20px;
	box-sizing: border-box;
	position: relative;
	height: 220px;
}
.table .inner-wrap.left {
	width: 22%;
}
.table .inner-wrap.middle {
	width: 41%;
}
.table .inner-wrap.right {
	width: 37%;
}
.table .inner-wrap .side {
	position: absolute;
	width: 20px;
	height: 100%;
	border-radius: 100% / 10px;
	z-index: 2;
	top: 0;
	background: linear-gradient(to right, #000000 0%,#d59c11 10%,#fdf9f1 45%,#fdf9f1 55%,#dfb349 90%,#000000 100%);
	box-shadow: 2px 2px 5px #dddddd;
}
.table .inner-wrap .side svg {
	position: absolute;
	z-index: 1;
	left: 0;
	width: 20px;
	height: 30px;
}
.table .inner-wrap .side svg:first-child {
	top: -25px
}
.table .inner-wrap .side svg:last-child {
	bottom: -25px;
}
.table .inner-wrap .side.left {
	left: 0;
}
.table .inner-wrap .side.right {
	right: 0;
}
.table .menu .side {
	right: -5px;
	width: 10px;
	height: 110%;
}
.table .menu .side.left {
	left: -5px;
	right: unset;
}
.table .background {
	background-image: url(Bilder/papyrus.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-size: auto 100%;
}
.table .person,
.table .contact {
	height: 100%;
	width: 100%;
	position: relative;
}
.table .person p,
.table .contact p,
.table .contact a {
	text-align: center;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-family: Tahoma, Verdana, sans-serif;
}
.table .contact a.profile{
	font-weight: normal;
	font-family: Times,Georgia, serif;
}
.table .person h1,
.table .person h2 {
	position: relative;
	z-index: 2;
/*	text-transform: uppercase;*/
	font-size: 24px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0;
	padding-top: 10px;
	border: none;
	font-weight: bold;
	color: #000;
}
.table .person p {
	position: relative;
	z-index: 2;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0;
	border: none;
	color: #000;
}
.table .person .picture {
	width: 80%;
	height: 75%;
	margin: 10%;
	position: absolute;
	z-index: 1;
	bottom: 0;
}
.table .person .picture .image {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	border-radius: 12px;
	display: block;
}
.table .person .picture .glow {
	position: absolute;
	z-index: 1;
	border-radius: 100%;
	width: 140%;
	height: 140%;
	filter: blur(2.25rem);
	background: white;
	top: -20%;
	left: -20%;
	animation: flicker_animation 5s infinite;
}
@keyframes flicker_animation{
	50% {
		opacity: 0.8;
	}
}
.table .papers {
	overflow: hidden;
	position: relative;
	height: 100%;
}
.table .papers > h1 {
	margin: 0;
	padding: 0;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	text-align: center;
	font-weight: bold;
}
.table .papers .sheets {
	height: 100%;
	position: relative;
	display: flex;
	transition: left 1s ease-in-out;
	z-index: 1;
	box-shadow: 2px 2px 5px #dddddd;
	padding-top: 30px;
	box-sizing: border-box;
}
.table .papers .sheets.five {
	width: 500%;
}
.table .papers .sheets.six {
	width: 600%;
}
.table .papers .sheets .sheet {
	width: 20%;
	overflow: auto;
}
.table .papers .sheets .sheet h1,
.table .papers .sheets .sheet h2,
.table .papers .sheets .sheet p {
	margin: 3% 6%;
	font-weight: bold;
	font-size: 18px;
	border: none;
	position: relative;
	color: #000;
	line-height: 1.5rem;
}
.table .papers .sheets .sheet a {
	font-weight: bold;
	font-size: 18px;
	transition: color 0.5s;
	line-height: unset;
	text-decoration: none;
	color: #555;
}
.table .papers .sheets .sheet a:hover {
	color: #aaa;
}
.table .papers .sheets .sheet .image {
	float: left;
	width: 30%;
	height: 80%;
	background-size: cover;
	background-position: center;
}
.table .menu {
	height: 0;
	display: inline-block;
	position: relative;
}
.table .menu .pointer {
	line-height: 18px;
	cursor: pointer;
	background-image: url(Bilder/papyrus.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-size: auto 100%;
	transform: rotate(90deg);
	transform-origin: top left;
	height: 40px;
	padding: 0 10px;
	position: absolute;
	top: -15px;
	width: 60px;
	transition: top 1s ease-in-out;
}
.table .menu .pointer.current {
	top: -50px;
}
.table .contact {
	display: flex;
	flex-flow: column;
	justify-content: space-around;
}
.table .contact p {
	font-size: 12px;
}
.table .contact .telNr,
.table .contact .telNr {
	font-size: 18px;
}
.table .contact .led-box {
	margin: 0 auto;
	width: 120px;
	height: 65px;
	border-radius: 50%;
	position: relative;
}
.table .contact .led-box.online {
	background-color: #ABFF00;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
}
.table .contact .led-box.besetzt {
	background-color: #F00;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
}
.table .contact .led-box.offline {
	background-color: #aaa;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #444 0 -1px 9px;
}
.table .contact .led-box:after {
	position: absolute;
	width: 100%;
	text-align: center;
	padding: 0 20px;
	box-sizing: border-box;
	top: 22px;
}
.table .contact .led-box.online:after {
	content:"verf\00fc gbar";
}
.table .contact .led-box.besetzt:after {
	content:"im Gespr\00e4 ch";
	top: 5px;
	color: white;
}
.table .contact .led-box.offline:after {
	content:"offline";
}
@media only screen and (max-width: 1270px) {}
@media only screen and (max-width: 930px) {
	.table {
		height: unset;
		position: relative;
		z-index: 1;
		background-image: url(Bilder/papyrus.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		background-size: auto 100%;
	}
	.table:before,
	.table:after {
		content: "";
		position: absolute;
		width: 20px;
		height: 100%;
		border-radius: 100% / 10px;
		z-index: 2;
		top: 0;
		background: linear-gradient(to right, #000000 0%,#aaaaaa 10%,#ffffff 45%,#ffffff 55%,#aaaaaa 90%,#000000 100%);
		box-shadow: 2px 2px 5px #dddddd;
	}
	.table:after {
		right: 0;
	}
	.table .desktop {
		display: none;
	}
	.table .mobile {
		display: block;
	}
	.table .mobile a {
		display: block;
	}
	.table .inner-wrap.left,
	.table .inner-wrap.middle,
	.table .inner-wrap.right {}
	.table .inner-wrap.middle {
		order: 3;
		width: 100%;
	}
	.table .inner-wrap.left {
		order: 1;
		width: 33%;
	}
	.table .inner-wrap.right {
		order: 2;
		width: 66%;
	}
	.table .inner-wrap .side {
		background: linear-gradient(to right, #000000 0%,#aaaaaa 10%,#ffffff 45%,#ffffff 55%,#aaaaaa 90%,#000000 100%);
	}
	.table .inner-wrap > .side {
		display: none;
	}
	.table .background {
		background-image: none;
	}
	.table .papers {
		height: calc(100% - 50px);
	}
	.table .contact:before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.table .sheets {
		position: unset;
	}
	.table .person p {
		padding-bottom: 10px;
	}
	.table .person .picture .glow {
		display: none;
	}
	.table .contact a.telNr {
		text-decoration: none;
		line-height: 1.0rem;
		position: relative;
		padding: 10px; 
		font-size: 20px;
	}
	.table .contact a.profile {
		position: absolute;
		padding: 10px;
		bottom: 0;
		left: 0;
		text-decoration: underline;
		font-weight: normal;
		font-size: 18px;
	}
	.table .contact .led-box {
		width: 75px;
		height: 30px;
		margin-right: 45px;
	}
	.table .contact .led-box {
		background-color: unset!important;
		box-shadow: none!important;
	}
	.table .contact .led-box:before {
		position: absolute;
		width: 30px;
		height: 30px;
		margin-right: 45px;
		content: "";
		left: 85px;
		border-radius: 50%;
	}
	.table .contact .led-box.online:before {
		background-color: #ABFF00;
		box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
	}
	.table .contact .led-box.besetzt:before {
		background-color: #F00;
		box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
	}
	.table .contact .led-box.offline:before {
		background-color: #aaa;
		box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #444 0 -1px 9px;
	}
	
	
	.table .contact .led-box:after {
		padding: 0;
		top: unset;
		font-weight: bold;
		text-shadow: 0px 0px 2px white;
		font-size: 24px;
		text-align: right;
	}
	.table .contact .led-box.online:after {
		content: "frei";
		color: #0F0;
	}
	.table .contact .led-box.besetzt:after {
		content: "besetzt";
		top: 0;
		color: #F00;
	}
	.table .contact .led-box.offline:after {
		color: #888;
	}
	.table .papers .sheets .sheet {
		padding: 0 10px;
	}
	.table .papers .sheets .sheet h1,
	.table .papers .sheets .sheet h2,
	.table .papers .sheets .sheet p {
		margin: 0;
		font-size: 12px;
		line-height: 1.0rem;
	}
	.table .papers .sheets .sheet marquee {
		font-weight: bold;
		font-size: 18px;
	}
	.table .menu {
		display: flex;
		height: 50px;
	}
	.table .menu .pointer {
		background: rgba(255,255,255,1.0);
		transform: none;
		position: relative;
		width: 20%;
		top: 0!important;
		left: 0!important;
		line-height: 22px;
		text-align: center;
		transition: background 1s ease-in-out;
		vertical-align: middle;
		display: table-cell;
		height: 50px;
	}
	.table .menu .pointer.current {
		background: rgba(255,255,255,0.5);
	}
	.table .menu .pointer .side{
		display: none;
	}
}
@media only screen and (max-width: 530px) {
	.table .person .picture {
		margin: 5% 10%;
		position: relative;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		height: 200px;
	}
	.table .person .picture .image {
		max-width: 200px;
	}
	.table .person .picture p {
		flex-direction: column;
	}.table .person .picture p .stars {
		font-size: 1.5em;
	}
	.table .inner-wrap.left,
	.table .inner-wrap.right {
		width: 100%;
	}
	.table .inner-wrap.right {
		height: unset;
	}
	.table .papers .sheets {
		padding-top: 66px;
	}
}
@media only screen and (min-width: 531px) {
	.table .person .picture p {
		position: absolute;
		top: -30px;
		z-index: 3;
		width: 100%;
	}
	.table .person .picture p .text{font-size: 11px;}
}






.fiew {
	display: flex;
}
.fiew .inner-wrap.left,
.fiew .inner-wrap.right {
	width: 20%;
}
.fiew .inner-wrap.middle {
	width: 60%
}
.fiew .inner-wrap .image {
	width: 200px;
	height: 220px;
	background-size: cover;
	background-position: center;
}
.fiew .inner-wrap * {
	color: white;
	font-size: 26px;
}


















/*--------------Slider---------------*/
main#carousel {
	width: 100%;
	/*align-items: center;*/
	justify-content: left;
	overflow: hidden;
	gap: 10px;
	/*pointer-events: none;*/
	height: 120px;
	display: flex;
	flex-wrap: wrap;
}
div.item {
	text-align: center;
	padding: 5px;
	border-radius: 20px;
	width: 120px;
	height: 120px;
	box-sizing: border-box;
}
main#carousel h2 {
	margin: 0;
	font-size: 16px;
	color: #000;
}
main#carousel .image {
	width: 100%;
	height: 100%;
	background-position: center;
	border-radius: 15px;
	background-size: cover;
	/*background-size: 100%;*/
	background-repeat: no-repeat;
}
main#carousel .versandpreis {
	position: absolute;
	background-color: #aaaaaa;
	bottom: -5%;
	right: 3%;
	border-radius: 5px;
	padding: 1px 2px;
	z-index: 3;
	font-size: 14px;
}
main#carousel .preis {
	position: absolute;
	color: #E20477;
	bottom: 3%;
	left: 0%;
	font-weight: bold;
	text-shadow: 0px 0px 3px #D69004;
	z-index: 4;
	width: 100%;
	font-size: 20px;
}
main#carousel a {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
}
main#carousel p {
	display: none;
	position: absolute;
	padding: 5px 5px 30px 5px;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	background-color: rgba(255,255,255,0.6);
	color: #000;
	font-size: 15px;
	bottom: 0;
	left: 0;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	z-index: 2;
}
@media only screen and (max-width: 930px) {
	main#carousel {
		overflow-x: auto;
	}
	.slider input {
		display: none;
	}
}
.adwrapper {}
.adwrapper .aditem {
	width: 100%;
	max-width: 1000px;
}
.adwrapper .aditem.multi {
	display: flex;
	background-color: rgba(149,41,246,0.7);
	background-color: rgba(255,255,255,0.4);
	border-radius: 30px;
	padding: 15px;
	
	box-sizing: border-box;
	justify-content: space-between;
	gap: 15px;
	margin-top: 30px;
}
.adwrapper .aditem:first-child {
	margin-top: 0;
}
.adwrapper .aditem.multi .aditem-image img {
	width: 150px;
}
.adwrapper .aditem.single .aditem-image {
	border-radius: 30px;
	background-color: rgba(255,255,255,0.4);
	margin-bottom: 10px;
}
.adwrapper .aditem.single .aditem-image .imagebox {
	line-height: 0;
}
.adwrapper .aditem.single .aditem-image img {
	width: 50%;
}
.adwrapper .aditem.multi h2,
.adwrapper .aditem.single h1 {
	line-height: 24px;
	font-weight: bold;
	color: #000;
}
.adwrapper .aditem.single h2 {
	color: #fff;
}
.adwrapper .aditem.multi h2 a,
.adwrapper .aditem.single h1 a {
	line-height: unset;
	color: #000;
}
.adwrapper .aditem-info,
.adwrapper .aditem-main {
	background-color: rgba(255,255,255,0.4);
	border-radius: 30px;
	padding: 15px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

/* =========================
   SEITENRAHMEN – EDEL
========================= */

body {
  position: relative;
}

/* äußerer Rahmen */
body::before {
  display: none !important;
  content: none !important;
}

/* sanftes Glimmen */
@keyframes frameGlow {
  0%,100% {
    box-shadow:
      inset 0 0 40px rgba(255,140,60,0.25),
      inset 0 0 120px rgba(0,0,0,0.6),
      0 0 60px rgba(255,120,40,0.15);
  }
  50% {
    box-shadow:
      inset 0 0 55px rgba(255,160,80,0.35),
      inset 0 0 140px rgba(0,0,0,0.7),
      0 0 80px rgba(255,140,60,0.25);
  }
}

/* =========================
   KARTENLEGENMAGIE HINTERGRUND
========================= */

#energy{
    animation:none !important;
    background-color:#f6d6e2 !important;
    background-image:url('/bilder_relaunch/hintergrundbild2.png') !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-attachment:scroll !important;
}

/* =====================================================
   SIDEBAR / ZEITBAR – KARTENLEGENWELT BORDEAUX-EISROSA
   Diese Regeln stehen absichtlich ganz am Ende der style.css,
   damit sie ALLE Sidebar-Dateien übersteuern:
   berater_banner.php, kategorie_liste.php, berater_liste_.php,
   cms_relaunch/sidebar_neu.php
   ===================================================== */

body .main_wrapper .sidebar,
.main_wrapper .sidebar,
.sidebar {
    border-left: 1px solid rgba(92, 8, 38, 0.45) !important;
    padding: 16px 0 16px 1% !important;
    box-sizing: border-box !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif !important;
    font-weight: 600 !important;
    overflow-x: hidden !important;
}

/* Jeder direkte Sidebar-Block bekommt eine Bordeaux-Glasfläche */
body .main_wrapper .sidebar > div,
.main_wrapper .sidebar > div,
.sidebar > div {
    position: relative !important;
    margin-top: 22px !important;
    padding: 14px 12px !important;
    box-sizing: border-box !important;
    border-radius: 22px !important;
    overflow: hidden !important;

    background:
        radial-gradient(circle at top left, rgba(255, 220, 235, 0.55), transparent 34%),
        radial-gradient(circle at bottom right, rgba(255, 190, 218, 0.26), transparent 42%),
        linear-gradient(135deg, rgba(92, 8, 38, 0.94), rgba(145, 28, 68, 0.92), rgba(78, 6, 34, 0.96)) !important;

    border: 1px solid rgba(255, 205, 225, 0.50) !important;

    box-shadow:
        0 10px 26px rgba(80, 0, 35, 0.22),
        inset 0 0 22px rgba(255, 220, 235, 0.18) !important;
}

/* Ringe / Lichtpunkt */
body .main_wrapper .sidebar > div::after,
.main_wrapper .sidebar > div::after,
.sidebar > div::after {
    content: "" !important;
    position: absolute !important;
    right: -30px !important;
    top: -34px !important;
    width: 96px !important;
    height: 96px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 220, 235, 0.32) !important;
    box-shadow:
        0 0 0 12px rgba(255, 210, 230, 0.07),
        0 0 30px rgba(255, 190, 220, 0.28) !important;
    pointer-events: none !important;
}

/* Subpoints innerhalb der Sidebar zusätzlich angleichen */
body .main_wrapper .sidebar .subpoint,
.main_wrapper .sidebar .subpoint,
.sidebar .subpoint,
.subpoint {
    position: relative !important;
    margin: 0 0 16px 0 !important;
    padding: 14px 12px !important;
    border-radius: 18px !important;
    overflow: hidden !important;

    background:
        radial-gradient(circle at top left, rgba(255, 220, 235, 0.62), transparent 34%),
        linear-gradient(135deg, rgba(92, 8, 38, 0.96), rgba(145, 28, 68, 0.94), rgba(78, 6, 34, 0.98)) !important;

    border: 1px solid rgba(255, 205, 225, 0.55) !important;

    box-shadow:
        0 8px 22px rgba(80, 0, 35, 0.20),
        inset 0 0 20px rgba(255, 220, 235, 0.18) !important;
}

body .main_wrapper .sidebar .subpoint::before,
.main_wrapper .sidebar .subpoint::before,
.sidebar .subpoint::before,
.subpoint::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(120deg, transparent, rgba(255, 220, 235, 0.25), transparent) !important;
    transform: translateX(-120%) !important;
    animation: kwSidebarGlow 9s linear infinite !important;
    pointer-events: none !important;
}

@keyframes kwSidebarGlow {
    0%   { transform: translateX(-120%); }
    100% { transform: translateX(120%); }
}

/* Überschriften */
body .main_wrapper .sidebar h1,
body .main_wrapper .sidebar h2,
body .main_wrapper .sidebar h3,
.main_wrapper .sidebar h1,
.main_wrapper .sidebar h2,
.main_wrapper .sidebar h3,
.sidebar h1,
.sidebar h2,
.sidebar h3,
.subpoint h2 {
    position: relative !important;
    z-index: 2 !important;
    background: none !important;
    border: 0 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    color: #fff4f8 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    letter-spacing: 0.45px !important;
    text-transform: uppercase !important;
    text-shadow:
        0 1px 0 rgba(0,0,0,0.22),
        0 0 12px rgba(255, 210, 230, 0.30) !important;
}

body .main_wrapper .sidebar .small,
.main_wrapper .sidebar .small,
.sidebar .small,
.subpoint h2 .small {
    color: #ffd7e6 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    margin-top: 4px !important;
    text-transform: none !important;
}

/* Texte */
body .main_wrapper .sidebar p,
body .main_wrapper .sidebar li,
.main_wrapper .sidebar p,
.main_wrapper .sidebar li,
.sidebar p,
.sidebar li {
    position: relative !important;
    z-index: 2 !important;
    color: #fff4f8 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

/* Links überall in der Sidebar */
body .main_wrapper .sidebar a,
.main_wrapper .sidebar a,
.sidebar a,
body .main_wrapper .sidebar ul li a,
.main_wrapper .sidebar ul li a,
.sidebar ul li a,
.subpoint a {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    margin: 5px 0 !important;
    padding: 8px 10px !important;

    color: #fff4f8 !important;
    background: rgba(255, 235, 245, 0.13) !important;
    border: 1px solid rgba(255, 220, 235, 0.22) !important;
    border-bottom: 1px solid rgba(255, 220, 235, 0.22) !important;
    border-radius: 999px !important;

    font-size: 14px !important;
    line-height: 1.25 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif !important;
    font-weight: 650 !important;
    text-decoration: none !important;

    box-shadow: inset 0 0 12px rgba(255,255,255,0.08) !important;
    transition: all 0.25s ease !important;
}

body .main_wrapper .sidebar a:hover,
.main_wrapper .sidebar a:hover,
.sidebar a:hover,
body .main_wrapper .sidebar ul li a:hover,
.main_wrapper .sidebar ul li a:hover,
.sidebar ul li a:hover,
.subpoint a:hover {
    color: #6d0b34 !important;
    background: linear-gradient(135deg, #ffe6f0, #ffc6dc) !important;
    border-color: rgba(255, 240, 248, 0.85) !important;
    box-shadow:
        0 6px 16px rgba(70, 0, 35, 0.28),
        0 0 16px rgba(255, 210, 230, 0.45) !important;
    transform: translateX(4px) !important;
}

/* Listen neutralisieren */
body .main_wrapper .sidebar ul,
.main_wrapper .sidebar ul,
.sidebar ul {
    position: relative !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Suche passend einfärben */
body .main_wrapper .sidebar form,
.main_wrapper .sidebar form,
.sidebar form {
    position: relative !important;
    z-index: 2 !important;
    margin: 18px 0 !important;
    padding: 14px 12px !important;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at top left, rgba(255, 220, 235, 0.52), transparent 34%),
        linear-gradient(135deg, rgba(92, 8, 38, 0.95), rgba(145, 28, 68, 0.93)) !important;
    border: 1px solid rgba(255, 205, 225, 0.50) !important;
    box-shadow: 0 10px 26px rgba(80, 0, 35, 0.22) !important;
}

body .main_wrapper .sidebar input[type="text"],
.main_wrapper .sidebar input[type="text"],
.sidebar input[type="text"] {
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 8px 0 !important;
    padding: 10px 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 220, 235, 0.60) !important;
    background: rgba(255, 246, 250, 0.92) !important;
    color: #6d0b34 !important;
    outline: none !important;
}

body .main_wrapper .sidebar button,
.main_wrapper .sidebar button,
.sidebar button {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    color: #6d0b34 !important;
    background: linear-gradient(135deg, #ffe6f0, #ffc6dc) !important;
    font-weight: 800 !important;
    box-shadow: 0 6px 16px rgba(70, 0, 35, 0.22) !important;
}

/* Lauftext/Banner sichtbar angleichen */
body .main_wrapper .sidebar .lauftext,
.main_wrapper .sidebar .lauftext,
.sidebar .lauftext {
    color: #fff4f8 !important;
}

body .main_wrapper .sidebar marquee,
.main_wrapper .sidebar marquee,
.sidebar marquee {
    color: #fff4f8 !important;
    font-size: 17px !important;
}

@media only screen and (max-width: 930px) {
    .main_wrapper .sidebar {
        display: none !important;
    }
}

/* =====================================================
   KARTENLEGENWELT SIDEBAR – FASHION BORDEAUX FINAL
   Diese Regeln stehen ganz am Ende und überschreiben die alte Terrakotta-/Papyrus-Optik.
   ===================================================== */

body .main_wrapper .sidebar,
.main_wrapper .sidebar,
.sidebar {
    position: relative !important;
    padding: 18px 14px !important;
    border-left: 0 !important;
    overflow: hidden !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(255, 220, 235, 0.44), transparent 30%),
        radial-gradient(circle at 96% 18%, rgba(255, 190, 218, 0.30), transparent 34%),
        linear-gradient(180deg, rgba(64, 5, 29, 0.82), rgba(112, 15, 50, 0.72), rgba(62, 5, 28, 0.84)) !important;

    border-radius: 34px !important;
    box-shadow:
        inset 0 0 42px rgba(255, 220, 235, 0.13),
        0 18px 38px rgba(70, 0, 35, 0.22) !important;
}

/* große weiche Fashion-Ringe in der Sidebar */
body .main_wrapper .sidebar::before,
.main_wrapper .sidebar::before,
.sidebar::before {
    content: "" !important;
    position: absolute !important;
    width: 220px !important;
    height: 220px !important;
    right: -96px !important;
    top: -72px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 220, 235, 0.26) !important;
    box-shadow:
        0 0 0 18px rgba(255, 210, 230, 0.055),
        0 0 0 42px rgba(255, 210, 230, 0.035),
        0 0 42px rgba(255, 190, 220, 0.22) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

body .main_wrapper .sidebar::after,
.main_wrapper .sidebar::after,
.sidebar::after {
    content: "" !important;
    position: absolute !important;
    width: 150px !important;
    height: 150px !important;
    left: -78px !important;
    bottom: 90px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 230, 240, 0.20) !important;
    box-shadow:
        0 0 0 14px rgba(255, 210, 230, 0.05),
        0 0 34px rgba(255, 180, 210, 0.18) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* ALLE inneren Sidebar-Container neutralisieren – hier saß oft noch Terrakotta */
body .main_wrapper .sidebar > div,
.main_wrapper .sidebar > div,
.sidebar > div,
body .main_wrapper .sidebar .lauftext,
.main_wrapper .sidebar .lauftext,
.sidebar .lauftext,
body .main_wrapper .sidebar .subpoint,
.main_wrapper .sidebar .subpoint,
.sidebar .subpoint,
body .main_wrapper .sidebar div.subpoint,
.main_wrapper .sidebar div.subpoint,
.sidebar div.subpoint {
    position: relative !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
    margin: 0 0 18px 0 !important;
    padding: 16px 14px !important;
    overflow: hidden !important;

    border-radius: 26px !important;
    border: 1px solid rgba(255, 212, 231, 0.42) !important;

    background:
        linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0.05)) padding-box,
        radial-gradient(circle at 8% 0%, rgba(255, 225, 238, 0.28), transparent 42%),
        linear-gradient(145deg, rgba(96, 8, 39, 0.96), rgba(143, 24, 65, 0.92), rgba(70, 6, 32, 0.98)) !important;

    background-image:
        radial-gradient(circle at 12% 4%, rgba(255, 225, 238, 0.32), transparent 38%),
        linear-gradient(145deg, rgba(96, 8, 39, 0.96), rgba(143, 24, 65, 0.92), rgba(70, 6, 32, 0.98)) !important;

    box-shadow:
        0 10px 24px rgba(70, 0, 35, 0.25),
        inset 0 0 20px rgba(255, 225, 238, 0.14) !important;

    color: #fff4f8 !important;
}

/* alle verschachtelten Flächen innen ent-terrakotta-fizieren */
body .main_wrapper .sidebar > div > div,
.main_wrapper .sidebar > div > div,
.sidebar > div > div,
body .main_wrapper .sidebar .subpoint > div,
.main_wrapper .sidebar .subpoint > div,
.sidebar .subpoint > div,
body .main_wrapper .sidebar ul,
.main_wrapper .sidebar ul,
.sidebar ul,
body .main_wrapper .sidebar li,
.main_wrapper .sidebar li,
.sidebar li,
body .main_wrapper .sidebar p,
.main_wrapper .sidebar p,
.sidebar p,
body .main_wrapper .sidebar table,
.main_wrapper .sidebar table,
.sidebar table,
body .main_wrapper .sidebar tbody,
.main_wrapper .sidebar tbody,
.sidebar tbody,
body .main_wrapper .sidebar tr,
.main_wrapper .sidebar tr,
.sidebar tr,
body .main_wrapper .sidebar td,
.main_wrapper .sidebar td,
.sidebar td {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: rgba(255, 220, 235, 0.22) !important;
    color: #fff4f8 !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Fashion-Glanzstreifen auf jeder Box */
body .main_wrapper .sidebar > div::before,
.main_wrapper .sidebar > div::before,
.sidebar > div::before,
body .main_wrapper .sidebar .subpoint::before,
.main_wrapper .sidebar .subpoint::before,
.sidebar .subpoint::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(115deg, transparent 0%, rgba(255, 235, 245, 0.20) 38%, transparent 62%) !important;
    transform: translateX(-130%) !important;
    animation: kwFashionShine 8.5s ease-in-out infinite !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

@keyframes kwFashionShine {
    0%   { transform: translateX(-130%); opacity: 0; }
    18%  { opacity: 0.85; }
    45%  { transform: translateX(130%); opacity: 0; }
    100% { transform: translateX(130%); opacity: 0; }
}

/* kleine Ringe auf jeder Box */
body .main_wrapper .sidebar > div::after,
.main_wrapper .sidebar > div::after,
.sidebar > div::after,
body .main_wrapper .sidebar .subpoint::after,
.main_wrapper .sidebar .subpoint::after,
.sidebar .subpoint::after {
    content: "" !important;
    position: absolute !important;
    width: 92px !important;
    height: 92px !important;
    right: -34px !important;
    top: -34px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 220, 235, 0.25) !important;
    box-shadow:
        0 0 0 11px rgba(255, 210, 230, 0.06),
        0 0 28px rgba(255, 190, 220, 0.20) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Überschriften komplett neu */
body .main_wrapper .sidebar h1,
body .main_wrapper .sidebar h2,
body .main_wrapper .sidebar h3,
.main_wrapper .sidebar h1,
.main_wrapper .sidebar h2,
.main_wrapper .sidebar h3,
.sidebar h1,
.sidebar h2,
.sidebar h3 {
    position: relative !important;
    z-index: 3 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    background-image: none !important;

    color: #fff6fa !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.34 !important;
    font-weight: 850 !important;
    letter-spacing: 0.55px !important;
    text-transform: uppercase !important;

    text-shadow:
        0 1px 0 rgba(0,0,0,0.20),
        0 0 14px rgba(255, 210, 230, 0.38) !important;
}

body .main_wrapper .sidebar h1::before,
body .main_wrapper .sidebar h2::before,
body .main_wrapper .sidebar h3::before,
body .main_wrapper .sidebar h1::after,
body .main_wrapper .sidebar h2::after,
body .main_wrapper .sidebar h3::after,
.main_wrapper .sidebar h1::before,
.main_wrapper .sidebar h2::before,
.main_wrapper .sidebar h3::before,
.main_wrapper .sidebar h1::after,
.main_wrapper .sidebar h2::after,
.main_wrapper .sidebar h3::after,
.sidebar h1::before,
.sidebar h2::before,
.sidebar h3::before,
.sidebar h1::after,
.sidebar h2::after,
.sidebar h3::after {
    display: none !important;
    content: none !important;
}

body .main_wrapper .sidebar .small,
.main_wrapper .sidebar .small,
.sidebar .small {
    display: block !important;
    margin-top: 5px !important;
    color: #ffd5e5 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 550 !important;
    text-transform: none !important;
}

/* Links als elegante Pills */
body .main_wrapper .sidebar a,
.main_wrapper .sidebar a,
.sidebar a,
body .main_wrapper .sidebar ul li a,
.main_wrapper .sidebar ul li a,
.sidebar ul li a {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    margin: 6px 0 !important;
    padding: 9px 12px !important;

    color: #fff7fb !important;
    background:
        radial-gradient(circle at top left, rgba(255,255,255,0.20), transparent 36%),
        rgba(255, 235, 245, 0.12) !important;
    background-image:
        radial-gradient(circle at top left, rgba(255,255,255,0.20), transparent 36%) !important;
    background-color: rgba(255, 235, 245, 0.12) !important;

    border: 1px solid rgba(255, 220, 235, 0.28) !important;
    border-bottom: 1px solid rgba(255, 220, 235, 0.28) !important;
    border-radius: 999px !important;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif !important;
    font-size: 13.5px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-decoration: none !important;

    box-shadow:
        inset 0 0 12px rgba(255,255,255,0.08),
        0 3px 10px rgba(52,0,28,0.10) !important;
    transition: transform 0.22s ease, background 0.22s ease, color 0.22s ease, box-shadow 0.22s ease !important;
}

body .main_wrapper .sidebar a:hover,
.main_wrapper .sidebar a:hover,
.sidebar a:hover,
body .main_wrapper .sidebar ul li a:hover,
.main_wrapper .sidebar ul li a:hover,
.sidebar ul li a:hover {
    color: #6d0b34 !important;
    background: linear-gradient(135deg, #fff4f8, #ffc9dd) !important;
    background-image: linear-gradient(135deg, #fff4f8, #ffc9dd) !important;
    border-color: rgba(255, 245, 250, 0.92) !important;
    box-shadow:
        0 7px 18px rgba(70, 0, 35, 0.28),
        0 0 18px rgba(255, 210, 230, 0.45) !important;
    transform: translateX(5px) scale(1.01) !important;
}

/* Suche vollständig neu, damit innen nicht orange bleibt */
body .main_wrapper .sidebar form,
.main_wrapper .sidebar form,
.sidebar form,
body .main_wrapper .sidebar form[method="get"],
.main_wrapper .sidebar form[method="get"],
.sidebar form[method="get"] {
    position: relative !important;
    z-index: 3 !important;
    margin: 0 0 18px 0 !important;
    padding: 16px 14px !important;
    box-sizing: border-box !important;
    text-align: center !important;

    border-radius: 26px !important;
    border: 1px solid rgba(255, 212, 231, 0.42) !important;
    background:
        radial-gradient(circle at 12% 4%, rgba(255, 225, 238, 0.32), transparent 38%),
        linear-gradient(145deg, rgba(96, 8, 39, 0.96), rgba(143, 24, 65, 0.92), rgba(70, 6, 32, 0.98)) !important;
    box-shadow:
        0 10px 24px rgba(70, 0, 35, 0.25),
        inset 0 0 20px rgba(255, 225, 238, 0.14) !important;
}

body .main_wrapper .sidebar input[type="text"],
.main_wrapper .sidebar input[type="text"],
.sidebar input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 9px 0 !important;
    padding: 10px 13px !important;

    color: #6d0b34 !important;
    background: rgba(255, 248, 251, 0.96) !important;
    border: 1px solid rgba(255, 220, 235, 0.72) !important;
    border-radius: 999px !important;
    outline: none !important;

    font-size: 14px !important;
    box-shadow: inset 0 2px 8px rgba(90,0,35,0.10) !important;
}

body .main_wrapper .sidebar button,
.main_wrapper .sidebar button,
.sidebar button,
body .main_wrapper .sidebar input[type="submit"],
.main_wrapper .sidebar input[type="submit"],
.sidebar input[type="submit"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 13px !important;

    color: #6d0b34 !important;
    background: linear-gradient(135deg, #fff4f8, #ffc9dd) !important;
    border: 1px solid rgba(255, 245, 250, 0.92) !important;
    border-radius: 999px !important;
    cursor: pointer !important;

    font-size: 14px !important;
    font-weight: 850 !important;
    box-shadow:
        0 7px 18px rgba(70, 0, 35, 0.22),
        inset 0 0 12px rgba(255,255,255,0.25) !important;
}

/* Bilder/Banner bekommen keinen Terrakotta-Kasten mehr */
body .main_wrapper .sidebar img,
.main_wrapper .sidebar img,
.sidebar img {
    border-radius: 18px !important;
    border: 1px solid rgba(255, 220, 235, 0.30) !important;
    box-shadow: 0 8px 20px rgba(70, 0, 35, 0.20) !important;
}

body .main_wrapper .sidebar marquee,
.main_wrapper .sidebar marquee,
.sidebar marquee {
    position: relative !important;
    z-index: 3 !important;
    color: #fff4f8 !important;
    background: transparent !important;
    font-size: 16px !important;
    font-weight: 750 !important;
}

@media only screen and (max-width: 930px) {
    .main_wrapper .sidebar {
        display: none !important;
    }
}
/* =========================
   KARTENLEGENWELT BERATERKARTEN
   Bordeaux / Eisrosa – modernes Design
========================= */

.berater.listenansicht .table {
    background:
        radial-gradient(circle at top left, rgba(255, 230, 240, 0.75), transparent 34%),
        linear-gradient(135deg, rgba(255, 248, 251, 0.92), rgba(247, 220, 230, 0.88));
    border: 1px solid rgba(140, 36, 75, 0.28);
    border-radius: 30px;
    box-shadow: 0 14px 34px rgba(80, 0, 35, 0.18);
    overflow: hidden;
    padding: 18px;
    margin-bottom: 36px;
}

.berater.listenansicht .table .background {
    background: rgba(255, 255, 255, 0.58) !important;
    border-radius: 24px;
    box-shadow: inset 0 0 20px rgba(255,255,255,0.45);
}

.berater.listenansicht .table .side {
    background:
        linear-gradient(180deg, #5c0826, #911c44, #4e0622) !important;
    border-radius: 999px;
    box-shadow:
        0 0 14px rgba(140,36,75,0.35),
        inset 0 0 12px rgba(255,220,235,0.22);
}

.berater.listenansicht .table .side svg {
    display: none !important;
}

/* Foto runder und edler */
.berater.listenansicht .person .picture {
    width: 78% !important;
    height: 78% !important;
    margin: 11% !important;
}

.berater.listenansicht .person .picture .image {
    border-radius: 50% !important;
    border: 5px solid rgba(255, 230, 240, 0.9);
    box-shadow:
        0 10px 26px rgba(80, 0, 35, 0.25),
        0 0 24px rgba(255, 210, 230, 0.75);
}

.berater.listenansicht .person .picture .glow {
    background: rgba(255, 210, 230, 0.8) !important;
    filter: blur(24px);
}

/* Name */
.berater.listenansicht .papers > h1 {
    background:
        linear-gradient(135deg, #5c0826, #911c44, #4e0622);
    color: #fff4f8;
    border-radius: 999px;
    padding: 8px 18px;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    top: 8px;
    box-shadow: 0 8px 18px rgba(80,0,35,0.22);
}

.berater.listenansicht .papers > h1 a {
    color: #fff4f8 !important;
    font-size: 22px;
}

/* Inhalt */
.berater.listenansicht .papers .sheets {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.78), rgba(255,239,246,0.70)) !important;
    border-radius: 22px;
    box-shadow: inset 0 0 22px rgba(255,255,255,0.55);
}

.berater.listenansicht .papers .sheet h1,
.berater.listenansicht .papers .sheet h2,
.berater.listenansicht .papers .sheet p,
.berater.listenansicht .papers .sheet a {
    color: #4c1830 !important;
}

/* Menü-Reiter */
.berater.listenansicht .menu .pointer {
    background:
        linear-gradient(135deg, rgba(255,244,248,0.95), rgba(242,198,217,0.95)) !important;
    color: #7b1f45 !important;
    border-radius: 999px;
    box-shadow: 0 6px 14px rgba(80,0,35,0.18);
    font-weight: bold;
}

.berater.listenansicht .menu .pointer.current {
    background:
        linear-gradient(135deg, #5c0826, #911c44, #4e0622) !important;
    color: #fff4f8 !important;
}

/* rechte Kontaktbox */
.berater.listenansicht .contact {
    background:
        linear-gradient(180deg, rgba(255,248,251,0.82), rgba(247,220,230,0.72)) !important;
}

.berater.listenansicht .contact p,
.berater.listenansicht .contact a {
    color: #6d0b34 !important;
}

.berater.listenansicht .contact .telNr {
    font-size: 20px !important;
    color: #7b1f45 !important;
}

.berater.listenansicht .contact .profile {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    background: linear-gradient(135deg, #5c0826, #911c44);
    color: #fff4f8 !important;
    box-shadow: 0 6px 16px rgba(80,0,35,0.22);
}

/* Status behalten, aber schöner */
.berater.listenansicht .contact .led-box {
    border: 3px solid rgba(255,255,255,0.75);
    box-shadow:
        0 0 18px rgba(255,255,255,0.45),
        0 8px 18px rgba(80,0,35,0.20) !important;
}

/* Mobile */
@media only screen and (max-width: 930px) {
    .berater.listenansicht .table {
        padding: 14px;
        border-radius: 24px;
    }

    .berater.listenansicht .table .person .picture .image {
        border-radius: 28px !important;
    }

    .berater.listenansicht .papers > h1 {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        margin: 0 auto 8px auto;
        text-align: center;
    }

    .berater.listenansicht .menu .pointer {
        border-radius: 14px;
        font-size: 13px;
    }
}

/* =====================================================
   KARTENLEGENFUERDICH.DE – HAUPTMENUE FINAL
   Hell, sauber, Bordeaux/Rosé statt Orange
   Diese Regeln stehen ganz am Ende und überschreiben die alte Menü-Optik.
   ===================================================== */

#navigation{
    position: relative !important;
    width: 100% !important;
    z-index: 20 !important;
}

.sticky.menuOpen #navigation .background{
    background: rgba(255, 240, 246, 0.86) !important;
    backdrop-filter: blur(5px) !important;
}

#navigation .menuButton{
    font-family: Georgia, "Times New Roman", serif !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: fit-content !important;
    min-width: 150px !important;
    margin: 8px auto 10px auto !important;
    padding: 12px 24px !important;

    color: #7c1f48 !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    letter-spacing: .4px !important;

    background:
        radial-gradient(circle at top left, rgba(255,255,255,.95), transparent 42%),
        linear-gradient(135deg, #fff7fa 0%, #f2c3d4 48%, #d989a6 100%) !important;

    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 999px !important;

    box-shadow:
        0 7px 19px rgba(138,45,77,.20),
        inset 0 0 16px rgba(255,255,255,.32) !important;

    cursor: pointer !important;
}

#navigation .menuButton:hover{
    background:
        radial-gradient(circle at top left, rgba(255,255,255,1), transparent 42%),
        linear-gradient(135deg, #ffffff 0%, #f5cad9 42%, #c96788 100%) !important;
    color: #6d1536 !important;
    box-shadow:
        0 9px 24px rgba(138,45,77,.26),
        inset 0 0 18px rgba(255,255,255,.40) !important;
}

#navigation .menuButton span{
    color: #7c1f48 !important;
    font-weight: 800 !important;
}

#navigation .burger{
    width: 24px !important;
    height: 24px !important;
    border: 2px solid #7c1f48 !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.28) !important;
    box-sizing: border-box !important;
}

#navigation .burger .line{
    left: 4px !important;
    width: 12px !important;
    height: 2px !important;
    background: #7c1f48 !important;
    border-radius: 999px !important;
}

#navigation .burger .line:first-child{top: 5px !important;}
#navigation .burger .line{top: 10px !important;}
#navigation .burger .line:last-child{top: 15px !important;}

#navigation .menu{
    padding: 0 7% !important;
    box-sizing: border-box !important;
}

.menuOpen #navigation .menu{
    max-height: 720px !important;
}

.sticky.menuOpen #navigation .menu{
    max-height: 100% !important;
    padding-top: 64px !important;
}

#navigation .menu .outer{
    margin: 12px auto !important;
    padding: 12px !important;
    border-radius: 22px !important;

    background:
        radial-gradient(circle at top left, rgba(255,255,255,.72), transparent 34%),
        linear-gradient(135deg, rgba(255,248,251,.98), rgba(244,202,218,.96), rgba(211,129,160,.94)) !important;

    border: 1px solid rgba(255,255,255,.70) !important;

    box-shadow:
        0 10px 26px rgba(138,45,77,.20),
        inset 0 0 22px rgba(255,255,255,.35) !important;
}

#navigation .menu .outer .opener{
    display: block !important;
    margin: 0 !important;
    padding: 13px 16px !important;
    border-radius: 16px !important;

    color: #741a41 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    letter-spacing: .2px !important;
    text-decoration: none !important;

    background:
        linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,236,244,.62)) !important;

    border: 1px solid rgba(160,58,99,.24) !important;
    box-shadow: 0 4px 13px rgba(138,45,77,.13) !important;
}

#navigation .menu .outer .opener:hover{
    color: #ffffff !important;
    background: linear-gradient(135deg, #d982a0, #9a3155) !important;
    border-color: rgba(255,255,255,.65) !important;
}

#navigation .menu .outer.open .opener{
    display: none !important;
}

#navigation .menu .outer .inner{
    padding: 3px !important;
    box-sizing: border-box !important;
}

#navigation .menu .outer .inner.flex{
    display: none;
}

#navigation .menu .outer.open .inner.flex{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: center !important;
}

#navigation .menu .outer.open .inner:not(.flex){
    display: block !important;
}

#navigation .menu .outer .inner > a,
#navigation .menu .outer .inner ul li a,
#navigation .menu .outer .inner .sidebar a,
#navigation .menu .outer .inner a{
    display: block !important;
    box-sizing: border-box !important;
    margin: 5px !important;
    padding: 10px 14px !important;
    border-radius: 999px !important;

    color: #6d1536 !important;
    background:
        radial-gradient(circle at top left, rgba(255,255,255,.78), transparent 38%),
        rgba(255,255,255,.52) !important;

    border: 1px solid rgba(138,45,77,.20) !important;
    border-bottom: 1px solid rgba(138,45,77,.20) !important;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-decoration: none !important;

    box-shadow: 0 4px 12px rgba(138,45,77,.11) !important;
    transition: all .22s ease !important;
}

#navigation .menu .outer .inner.flex > a{
    width: auto !important;
    min-width: 190px !important;
    text-align: center !important;
}

#navigation .menu .outer .inner > a:hover,
#navigation .menu .outer .inner ul li a:hover,
#navigation .menu .outer .inner .sidebar a:hover,
#navigation .menu .outer .inner a:hover{
    color: #ffffff !important;
    background: linear-gradient(135deg, #d982a0, #9a3155) !important;
    border-color: rgba(255,255,255,.72) !important;
    box-shadow:
        0 8px 20px rgba(138,45,77,.24),
        inset 0 0 12px rgba(255,255,255,.16) !important;
    transform: translateY(-1px) !important;
}

#navigation .menu .outer .inner h1,
#navigation .menu .outer .inner h2,
#navigation .menu .outer .inner h3{
    color: #7c1f48 !important;
    background: none !important;
    border: 0 !important;
    padding: 6px 8px !important;
    margin: 6px 0 8px 0 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-align: center !important;
}

#navigation .menu .outer .inner h1::before,
#navigation .menu .outer .inner h2::before,
#navigation .menu .outer .inner h3::before,
#navigation .menu .outer .inner h1::after,
#navigation .menu .outer .inner h2::after,
#navigation .menu .outer .inner h3::after{
    display: none !important;
    content: none !important;
}

/* Menü-interne Sidebarlisten hell halten – überschreibt alte dunkle Sidebar-Regeln im aufgeklappten Menü */
#navigation .menu .outer .inner .sidebar,
#navigation .menu .outer .inner .main_wrapper .sidebar,
#navigation .menu .outer .inner ul.db-sidebar-modern,
#navigation .menu .outer .inner .subpoint,
#navigation .menu .outer .inner > div{
    background:
        radial-gradient(circle at top left, rgba(255,255,255,.80), transparent 36%),
        linear-gradient(135deg, rgba(255,250,252,.90), rgba(245,210,224,.82)) !important;
    border: 1px solid rgba(160,58,99,.20) !important;
    border-radius: 18px !important;
    box-shadow: 0 6px 16px rgba(138,45,77,.12) !important;
    color: #6d1536 !important;
}

#navigation .menu .outer .inner ul,
#navigation .menu .outer .inner li,
#navigation .menu .outer .inner p,
#navigation .menu .outer .inner span{
    color: #6d1536 !important;
}

@media only screen and (max-width: 930px){
    #navigation .menu{
        padding: 0 12px !important;
    }

    #navigation .menuButton{
        min-width: 138px !important;
        padding: 11px 20px !important;
        margin: 8px auto !important;
        font-size: 19px !important;
    }

    #navigation .menu .outer{
        margin: 10px 0 !important;
        padding: 10px !important;
        border-radius: 18px !important;
    }

    #navigation .menu .outer.open .inner.flex{
        display: block !important;
    }

    #navigation .menu .outer .inner.flex > a,
    #navigation .menu .outer .inner > a,
    #navigation .menu .outer .inner a{
        width: 100% !important;
        min-width: 0 !important;
        margin: 6px 0 !important;
        text-align: center !important;
        font-size: 15px !important;
        padding: 11px 12px !important;
    }
}

/* ===================================
   PERFORMANCE BOOST – DESKTOP + MOBILE
   Hintergrund schneller, kein Fixed-Background, weniger Ruckeln
   =================================== */

body{
    background-color:#f6d6e2 !important;
}

#energy{
    animation:none !important;
    background-color:#f6d6e2 !important;
    background-image:url('/bilder_relaunch/hintergrundbild2.png') !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-attachment:scroll !important;
    will-change:auto !important;
}

body::before{
    display:none !important;
    content:none !important;
    animation:none !important;
}

/* große dekorative Animationen entschärfen */
.sidebar::before,
.sidebar::after,
.sidebar > div::before,
.sidebar > div::after,
.subpoint::before,
.subpoint::after,
.kwl-advisor-card::before,
.kfd-mobile-card::after{
    animation:none !important;
}

/* Mobil: kleines Hintergrundbild und flüssigeres Scrollen */
@media only screen and (max-width:930px){

    html,
    body{
        scroll-behavior:auto !important;
        -webkit-overflow-scrolling:touch;
        overscroll-behavior-y:auto;
    }

    body,
    #energy,
    .energy{
        background-color:#f6d6e2 !important;
        background-image:url('/bilder_relaunch/hintergrund_mobile.jpg') !important;
        background-attachment:scroll !important;
        background-position:center top !important;
        background-repeat:no-repeat !important;
        background-size:cover !important;
    }

    *{
        -webkit-backdrop-filter:none !important;
        backdrop-filter:none !important;
    }

    .muenze img,
    .kfd-mobile-sanduhr{
        animation-duration:40s !important;
    }

    body::before{
        display:none !important;
        content:none !important;
    }
}