@charset "iso-8859-1";
/* CSS Document */
@font-face { 
	font-family: "BRUSHSCRIPT"; 
	src: url("/fonts/brushscriptstd.ttf"); 
}
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	/*background-image:  url(/Bilder/pergament.jpg);*/
	background-repeat: repeat-x;
	background-position: center top;
/*	background-color: #ffeaed;*/
	background-attachment: fixed;
	background-size: 100% 100%;
	color:#000;
	border: 5px groove #f5a3a3;
	box-sizing: border-box;
}
body {font-family: Times,Georgia, serif;}
p,h2,li {color: #BA3587;}   /*p = normaler Text, a = Links, h2 = Überschrift, li = Listenelement 2*/
a {}
p,a,li {font-size: 20px;}
a {
	line-height: 50px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
h1,h2,h3 {
	font-size: 26px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.3em;
	color: #BA3587;
	clear: both;
}
h3 {
/*	background-image: url(/Bilder/papyrus.jpg);*/
	position: relative;
	z-index: 1;
	padding: 10px 15px;
	color: #000000;
}
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;
}
#topnavi img{
	width: 70%;
	height: auto;
}
table { 
 /*
 background: linear-gradient(135deg, rgba(255,175,75,0.2) 0%,rgba(255,146,10,0.2) 50%,rgba(248,181,0,0.3) 51%,rgba(251,223,147,0.5) 100%);
 
 background: linear-gradient(to right, rgba(255,255,255,0.3) 0%,rgba(241,218,54,0.5) 100%);
  background-attachment: fixed;
 background-repeat: no-repeat;
 background-size: contain;
 */

 /*background-image:  url(Bilder/oc5_neu.png); Was auf der Seite zu sehen ist */
 /*table { background-color:#FDF4E3;}
 background-repeat: repeat;
 background-position: center top;*/
/* background-color: #000;
 background-color: #fec16d;*/
	position: relative;
	z-index: 5;
 }
body > .marquee{
	height: 55px;
	overflow: hidden;
	display: flex;
	align-items: center;
	border-top: 5px groove #f5a3a3;
	border-bottom: 5px groove #f5a3a3;
}
body > .marquee marquee{
	color: #bc5f99;
	white-space: nowrap;
	position: relative;
	font-size: 21px;
	line-height: 50px;
	font-weight: bold;
}
body > .marquee_berater{
	height: 33px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
body > .marquee_berater marquee{
	white-space: nowrap;
	position: relative;
	font-size: 18px;
	line-height: 30px;
}



/*---Hintergrund---*/
body > section {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*Sterne*/
#stars {
	z-index: 1;
}
#stars > i {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px #fff, 
                0 0 15px #fff, 
                0 0 25px #fff;
    animation: animate linear infinite; 
}
/*Mond*/
#moon {
	background-image:  url(/Bilder/Engel.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	z-index: 2
}
/*Farbwechsel & Animation*/
#energy {
    background: linear-gradient(315deg, rgba(169,201,224,0.5) 3%, rgba(255,234,237,0.4) 38%, rgba(237,255,234,0.5) 68%, rgba(234,237,255,0.6) 98%);
    animation: gradient 15s ease infinite;
    background-size: 250% 250%;
    background-attachment: fixed;
}
@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%;
	}
}
/*Responsive*/
@media only screen and (max-width: 930px) {
	#energy {display: none;}
}
/*------*/

/*---Kopfbereich---*/
header {
	position: relative;
	/*background-color: rgba(0,0,0,0.4);*/
	z-index: 5;
	background-image: url(/Bilder/faecher_blass.jpg),url(/Bilder/faecher_blass_inv.jpg);
	background-repeat: no-repeat;
	background-position: center top, center bottom;
	background-size: 100% 80%,100% 20%;
	animation: header 10s ease infinite;
	/*filter: hue-rotate(180deg);*/
}
@keyframes header {
	50% {
		background-size: 100% 100%,100% 0%;
	}
}
header .outer_wrap {
	width: 95%;
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
header .inner_wrap {
	width: 100%;
	display: block;
	position: relative;
}
header .inner_wrap h1,
header .inner_wrap h2,
header .inner_wrap p{
	font-weight: bold;
	text-align: center;
	color: #fff;
	/*backdrop-filter: invert(80%);*/
	margin: 20px 0;
}
header .inner_wrap h1{
	letter-spacing: 0.5em;
	color: #000;
}
@media only screen and (max-width: 440px) {
	header .inner_wrap h1{
		font-size: 6vw;
	}
}
header .inner_wrap h2{
	font-size: 42px;
	color: #000;
}
header .inner_wrap h1 a,
header .inner_wrap h2 a {
	color: #000;
	text-decoration: none;
	font-size: inherit;
}
header .inner_wrap p{
	font-size: 24px;
	color: #ff0000;
	animation: header2 10s ease infinite;
}
@keyframes header2 {
	50% {
		color: #ffff00;
	}
}
/*Überschrift*/
header .headline {
	padding: 20px 0 0;
	display: flex;
	justify-content: center;
	gap: 30px;
}
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;
}
header .headerElements {
	display: flex;
}
header img.head_img {
	animation: rotate 8s linear infinite;
	width: 300px;
}
header .header {
	border: 5px ridge grey;
	margin: 40px 0 40px 220px;
}
@keyframes rotate {
	0% {
		filter: hue-rotate(0deg) drop-shadow(16px 16px 20px #9be670);
	}
	25% {
		filter: hue-rotate(90deg) drop-shadow(16px 16px 20px #e63244);
	}
	50% {
		filter: hue-rotate(180deg) drop-shadow(16px 16px 20px #89cff0);
	}
	75% {
		filter: hue-rotate(270deg) drop-shadow(16px 16px 20px #30D5C8);
	}
	100% {
		filter: hue-rotate(360deg) drop-shadow(16px 16px 20px #9be670);
	}
}
/*Rotierende Karten*/
#tarot {
	display: inline-block;
	position: relative;
	bottom: 0px;
	width: 100px;
	height: 250px;
}
#tarot .card {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotateY(180deg);
	transition: transform 0.8s, z-index 0.8s;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	z-index: 1;
	overflow: hidden;
	border-radius: 20px;
	background: rgba(0,0,0,0);
}
#tarot .card:first-child {position: relative;}
#tarot .card.active {
	transform: rotateY(0deg);
	z-index: 10;
}
#tarot .card .content {
	padding: 20px;
}
#tarot .card .content p {
	display: block;
	color: rgba(248,181,0,1);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 50px;
	text-align: center;
	margin: 0;
}
/*Seitentext*/
header .headerElements p.side {
	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: 32px;
	line-height: 50px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
header .headerElements p.side span {
	font-family: "BRUSHSCRIPT";
}
/*Responsive*/
@media only screen and (max-width: 1270px) {
	header .inner_wrap {
		max-width: 1000px;
	}
	header .headerElements {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	header .headerElements p.side br {
		display: none;
	}
	header .headerElements p.side span {
		width: 100%;
		display: block;
	}
}
@media only screen and (max-width: 930px) {
	header .inner_wrap {
		width: 100%;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	header .headline {
		justify-content: right;
		gap: 10px;
	}
	header .headline span {
		font-size: 5.5vw;
	}
	header .headline svg {
		width: 10%;
		height: auto;
	}
	header .headerElements > img, #tarot, header .headerElements p.side {
		display: none;
	}
	header .muenze {
		left: 0;
		top: 0;
		width: 35%;
	}
	header .muenze img {
		width: 100%;
	}
	header .marquee {
		background: none;
		height: 33px;
	}
}
/*------*/

/*Topbnavigationb*/
/*Mobil button*/
#mobileNavi {
	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-clip: border-box;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	font-weight: bold;
	font-size: 22px;
	line-height: 40px;
	margin: 20px auto;
	display: none;
	cursor: pointer;
}
#mobileNavi .burger {
	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%);
	width: 15px;
	height: 3px;
	margin: 7px 14px 7px 0;
	display: inline-block;
	position: relative;
}
#mobileNavi .burger:before,
#mobileNavi .burger:after {
	content:"";
	display: block;
	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%);
	width: 15px;
	height: 3px;
	position: absolute;
}
#mobileNavi .burger:before {bottom: 6px;}
#mobileNavi .burger:after {top: 6px;}
/*Hauptnavigation*/
#topnavi {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	display: flex;
	justify-content: left;
	gap: 0px 20px;
	flex-wrap: wrap;
	width: 100%;
}
#topnavi a {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #BA3587;
	line-height: 30px;
}
#topnavi a:hover {
 text-decoration: none;
 filter: drop-shadow(3px 3px 2px #999);
}
/*Footer Navigation*/
#footernavi {
 position:absolute;
 width:990px;
 height:50px;
 z-index:2;
 background-image:  url(img/footer.JPG);
}
#footernavi p {
 /* color: #B52D55; */ color:#000;
 font-size: 11px;
 line-height: 50px;
 margin: 0px;
 padding: 0px;
 margin-bottom:21px;
 text-align: center;
}
/*Responsive*/
@media only screen and (max-width: 930px) {
	#mobileNavi {
		display: block;
	}
	#topnavi {
		display: flex;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.5s;
	}
	.open #topnavi {
		max-height: 1000px;
	}
	#topnavi a {
		padding: 0 20px;
		background-color: rgba(255,255,255,0.3);
		border-radius: 10px;
		transition: background-color 0.5s, color 0.5s;
	}
	#topnavi a:hover {
		margin-right: 0;
		background-color: rgba(255,255,255,0.5);
	}
}
/*------*/

/*---Content---*/
.main_wrapper {
	position: relative;
	display: flex;
	width: 95%;
	max-width: 1600px;
	margin: 0 auto;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}
.main_wrapper .main {
	width: 75%;
	order: 2;
}
/*Seitenmenü*/
.main_wrapper .sidebar {
	width: 25%;
}
.main_wrapper .sidebar.default {
	order: 1;
}
.main_wrapper .sidebar.mobile {
	display: none;
	order: 3;
}
@media only screen and (max-width: 930px) {
	.main_wrapper {
		flex-direction: column;
	}
	.main_wrapper .main,
	.main_wrapper .sidebar {
		width: 100%;
	}
	.main_wrapper .sidebar.default > * {display: none;}
	.main_wrapper .sidebar.default > .category {display: flex;}
	.main_wrapper .sidebar.mobile {display: block;}
	.main h1 img {
		width: 100%!important;
		height: auto!important;
	}
}
/*---Beraterfeld---*/
.table {
	display: block;
	width: 100%;
	height: 300px;
	margin: 0 auto;
	position: relative;
	padding: 20px 130px 20px 0;
	box-sizing: border-box;	
}
.table .desktop {
	display: block;
}
.table .mobile {
	display: none;
}
.table > .glow {
	display: none;
	position: absolute;
	z-index: 1;
	border-radius: 5%;
	width: 102%;
	height: 110%;
	filter: blur(1.5rem);
	background: rgb(137,207,240);
	top: -5%;
	left: -1%;
	animation: flicker_animation 3s infinite;
}
@keyframes flicker_animation{
	50% {
		background: rgb(253,213,177);
	}
}
.table .outer-wrap {
	display: flex;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	background-image: url(/Bilder/faecher_blass.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-size: 100% 100%;
	/*animation: background_move 5s infinite;*/
	border: 5px groove #f5a3a3;
	box-sizing: border-box;
}
@keyframes background_move{
	50% {
		background-position: right top;
	}
}
.table .inner-wrap {
	box-sizing: border-box;
}
.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;
	display: none;
}
.table .inner-wrap .side img {
	position: absolute;
	z-index: 1;
	left: 0;
	width: 20px;
	height: 30px;
}
.table .inner-wrap .side img:first-child {
	transform: rotate(180deg);
	top: -25px
}
.table .inner-wrap .side img: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,
.table .papers {
	/*border: 5px groove #1560bd;*/
	box-sizing: border-box;
}
.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: 3% 6%;
	font-weight: bold;
	font-family: Times,Georgia, serif;
	color: #000;
}
.table .person h1,
.table .person h2,
.table .person p {
	position: relative;
	z-index: 2;
	text-transform: uppercase;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 4% auto;
	border: none;
	font-weight: bold;
	color: #000;
}
.table .person .picture {
	width: 50%;
	height: 50%;
	display: block;
	margin: 10px auto 0;
}
.table .person .picture .image {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}
.table .person .picture .glow {
	display: none;
}
.table .papers {
	overflow: hidden;
	position: relative;
	height: 100%;
}

.table .papers .sheets {
	height: 100%;
	position: relative;
	display: flex;
	transition: left 1s ease-in-out;
	z-index: 1;
	box-shadow: 2px 2px 5px #dddddd;
	border: none;
}
.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: absolute;
	right: -85px;
	top: -5px;
}
.table .menu .pointer {
	line-height: 18px;
	cursor: pointer;
	color: rgba(0,0,0,1);
	background-color: rgba(210,210,210,0);
	background-repeat: repeat-x;
	background-position: left top;
	background-size: auto 100%;
	height: 40px;
	margin: 10px 0;
	padding: 0 10px;
	width: 80px;
	transition: background-color 1s ease-in-out, color 1s ease-in-out;
	border-right: 2px groove #f5a3a3;
	border-top: 2px groove #f5a3a3;
	border-bottom: 2px groove #f5a3a3;
	box-sizing: border-box;
}
.table .menu .pointer.current {
	color: rgba(255,255,255,1);
	background-color: rgba(220,154,154,1);
}
.table .contact {}
.table .contact p {
	font-size: 18px;
}
.table .contact p.telNr,
.table .contact a {
	font-size: 18px;
}
.table .contact .led-box {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	position: absolute;
	bottom: 20px;
	right: 10px;
}
.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: 25px;
}
.table .contact .led-box.online:after {
	content:"FREI";
}
.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 {
		padding-right: 0;
		height: unset;
		position: relative;
		z-index: 1;
	}
	.table .desktop {
		display: none;
	}
	.table .mobile {
		display: block;
	}
	.table .mobile a {
		display: block;
	}
	.table .outer-wrap{
		flex-direction: column;
	}
	.table .inner-wrap.left,
	.table .inner-wrap.middle,
	.table .inner-wrap.right {
		width: 100%;
		padding: 0 20px;
		position: unset;
	}
	.table .inner-wrap.middle {
		border-top: 1px dotted #000;
		border-bottom: 1px dotted #000;
	}
	.table .inner-wrap.left {
		margin-top: 10px;
	}
	.table .inner-wrap.right {
		margin-bottom: 10px;
	}
	.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 .person {
		display: flex;
		justify-content: space-between;
	}
	.table .person h1 {
		order: 2;
		margin: 4% 0;
		width: 100%;
	}
	.table .person h1,
	.table .person h2,
	.table .sheets .sheet,
	.table .contact:before {
		background-color: rgba(255,255,255,0.5);
	}
	.table .contact:before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.table .sheets {
		position: unset;
	}
	.table .person p {
		position: absolute;
		top: 10px;
		width: 100%;
	}
	.table .person .picture {
		order: 1;
		width: 140px;
		height: 140px;
		z-index: 2;
		margin: 0;
	}
	.table .person .picture .glow {
		display: none;
	}
	.table .contact a {
		text-decoration: none;
		line-height: 1.0rem;
		position: relative;
	}
	.table .contact .led-box {
		width: 75px;
		height: 30px;
		margin-right: 10px;
	}
	.table .contact .led-box {
		background-color: unset!important;
		box-shadow: none!important;
		position: unset;
	}
	.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";
		color: #F00;
	}
	.table .contact .led-box.offline:after {
		color: #888;
	}
	.table .papers .sheets .sheet {
		padding: 0 0 0 0;
		height: 100px;
	}
	.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 {
		position: unset;
		display: flex;
		height: unset;
		flex-wrap: wrap;
	}
	.table .menu .pointer {
		background: #ffffff;
		width: unset;
		flex-grow: 1;
		border-left: 2px groove #f5a3a3;
		text-align: center;
	}
}
.sidebar {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #444;
	font-weight:bold;
	box-sizing: border-box;
	overflow-x: hidden;
}
.sidebar .category {
	margin: 50px 0;
}
.sidebar .category div{
	text-align: center;
}
.sidebar .category a {
	text-decoration: none;
	/*font-family: Algerian;*/
	font-family: Times,Georgia, serif;
	line-height: 30px;
	font-weight: bold;
	font-size: 24px;
	transition: color 1s;
	color: #000;
	color: #bc5f99;
}
.sidebar .category a:hover {
	filter: drop-shadow(3px 3px 2px #111)
}

.sidebar h2 {
	color: #000;
	color: #bc5f99;
	font-size: 24px;
}
.sidebar h2 .small {
	margin-top: 10px;
}
.sidebar .small {
	color: #000;
	color: #bc5f99;
	font-size: 20px;
}
.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 {
	text-decoration: none;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #bbb;	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #000;
	color: #bc5f99;
	text-align: left;
	display: block;
	line-height: 22px;
}
.sidebar ul li a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color:#aaa; 
	text-align: left;
	display: block;
	line-height: 22px;
}
@media only screen and (max-width: 930px) {
	.sidebar .category {
		margin: 0;
		display: flex;
		overflow-x: scroll;
		gap: 10px;
	}
	.sidebar .category div {
		display: block;
	}
	.sidebar .category div a {
		display: table-cell;
		font-size: 16px;
		line-height: 22px;
		height: 70px;
		vertical-align: middle;
		font-family: unset;
		box-sizing: border-box;
		padding: 5px 10px;
		border: 2px solid #f5a3a3;
		border-radius: 50% 50%;
		color: #000000;
		background-image: url(/Bilder/mobile2.jpg);
		background: linear-gradient(315deg, rgba(169,201,224,0.5) 3%, rgba(255,234,237,0.4) 38%, rgba(237,255,234,0.5) 68%, rgba(234,237,255,0.6) 98%);
	}
	.sidebar .category a:hover {
		color: #000000;
	}
}


footer {
	width: 100%;
	height: 100px;
	position: relative;
	background-color: #bc5f99;
	display: flex;
	justify-content: center;
	align-items: center;
}
footer p .copy {
	font-size: 24px;
	margin: 0 0 0 20px;
}
footer p a.link {
	color: #fff;
	font-size: 24px;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid black;
}


.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%;
	grid-row: 1 / 2;
	grid-column: 1 / 8;
	/*align-items: center;*/
	justify-content: left;
	overflow: hidden;
	transform-style: preserve-3d;
	perspective: 600px;
	/*pointer-events: none;*/
	height: 230px;
	display: flex;
}
div.item {
	--r: calc(var(--position) - var(--offset));
	text-align: center;
	padding: 5px;
	border: 3px solid black;
	border-radius: 20px;
	background-color: #fff;
	position: absolute;
	width: 200px;
	height: 220px;
	background-color: white;
	box-sizing: border-box;
	transform: translateX(calc(-205px * var(--r)));
	--abs: max(calc(var(--r) * -1), var(--r));
	transition: all 0.25s linear;
	transform: /*rotateY(calc(-10deg * var(--r)))*/
	translateX(calc(-205px * var(--r)));
	z-index: calc((var(--position) - var(--abs)));
}
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: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
}
main#carousel p {
	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;
}
@media only screen and (max-width: 500px) {
	.adwrapper .aditem.multi {
		flex-direction: column;
	}
}



.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;
}





.starselection {
  position: relative;
  margin-bottom: 20px;
  min-height: 60px;
  border: none;
  padding: 0;
}

.starselection legend {
  margin-bottom: 10px;
}

.starselection input {
 position:absolute;
 margin-right:-100%;
 opacity:0;
}
.starselection input:checked ~ label,
.starselection input:focus ~ label {
  background-position: 0 -30px;
}

.starselection label {
  position: relative;
  float: left;
  width: 30px;
  font-size: .1em;
  color: transparent;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0 -30px;
}

.starselection label,
.starselection label:before {
 height:30px;
 background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAMAAABGivqtAAAAxlBMVEUAAACZmZn2viTHuJ72viOampqampr1viSampr3vySampqdnZ34wiX1vSSampr1vSOZmZmampr1viT2vSOampr2viT2viSampr2viSampr2vyX4vyWbm5v3vSSdnZ32wSadnZ36wCWcnJyZmZn/wSr/2ySampr2vSP2viSZmZn2vSSZmZn2vST2viSampr2viSbm5ubm5uZmZn1vSSampqbm5v2vSWampqampr3vSf5wiT5vyagoKD/xCmkpKT/yCSZmZn1vSO4V2dEAAAAQHRSTlMA+vsG9fO6uqdgRSIi7+3q39XVqZWVgnJyX09HPDw1NTAwKRkYB+jh3L6+srKijY2Ef2lpYllZUU5CKigWFQ4Oneh1twAAAZlJREFUOMuV0mdzAiEQBmDgWq4YTWIvKRqT2Htv8P//VJCTGfYQZnw/3fJ4tyO76KE0m1b2fZu+U/pu4QGlA7N+Up5PIz9d+cmkbSrSNr9seT3GKeNYIyeO5j16S28exY5suK0U/QKmmeCCX6xs22hJLVkitMImxCvEs8EG3SCRCN/ViFPqnq5epIzZ07QJJvkM9Tkz1xnkmXbfSvR7f4H8AtXBkLGj74mMvjM1+VHZpAZ4LM4K/LBWEI9jwP71v1ZEQ6dyvQMf8A/1pmdZnKce/VH1iIsdte4U8VEtY23xOujxtFpWDgKbfjD2YeEhY0OzfjGeLyO/XfnNpAcmcjDwKOXRfU1IyiTRyEkaiz67pb9oJHJb9vVqKfgjLBPyF5Sq9T0KmSUhQmtiQrJGPHVi0DoSabj31G2gW3buHd0pY85lNdcCk8xlNDPXMuSyNiwl+theIb9C7RLIpKvviYy+M6H8qGwSAp6Is19+GP6KxwnggJ/kq6Jht5rnRQA4z9zyRRaXssvyqp5I6Vutv0vkpJaJtnjpz/8B19ytIayazLoAAAAASUVORK5CYII=");
}

.starselection label:before {
 content:'';
 position:absolute;
 display:block;
 pointer-events:none;
 opacity:0;
 background-position: 0 30px;
}

/* Sternentausch */

.starselection input:checked ~ label {
 background-position:0 0;
}
.starselection input:checked + label,
.starselection input:focus + label {
 background-position:0 -30px;
}
.starselection input:hover ~ label,
.starselection input:focus ~ label{
 background-position:0 0;
}
.starselection input:hover + label,
.starselection input:focus + label {
 background-position:0 -30px;
}
.starselection input:hover + label:before,
.starselection input:focus + label:before {
 opacity:1;
}

/* Breite und Positionierung */
.starselection label:nth-of-type(5):before {
 width:120px;
 left:-120px;
}
.starselection label:nth-of-type(4):before {
 width:90px;
 left:-90px;
}
.starselection label:nth-of-type(3):before {
 width:60px;
 left:-60px;
}
.starselection label:nth-of-type(2):before {
 width:30px;
 left:-30px;
}
.starselection label:nth-of-type(1):before {
 width:0;
 left:0;
}

/* Effekt 1: grow */

.starselection--grow label:after,
.starselection--growrotate label:after {
 content:' ';
 position:absolute;
 bottom:0;
 left:0;
 opacity:0;
 width:30px;
 height:30px;
 background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAMAAABGivqtAAAAxlBMVEUAAACZmZn2viTHuJ72viOampqampr1viSampr3vySampqdnZ34wiX1vSSampr1vSOZmZmampr1viT2vSOampr2viT2viSampr2viSampr2vyX4vyWbm5v3vSSdnZ32wSadnZ36wCWcnJyZmZn/wSr/2ySampr2vSP2viSZmZn2vSSZmZn2vST2viSampr2viSbm5ubm5uZmZn1vSSampqbm5v2vSWampqampr3vSf5wiT5vyagoKD/xCmkpKT/yCSZmZn1vSO4V2dEAAAAQHRSTlMA+vsG9fO6uqdgRSIi7+3q39XVqZWVgnJyX09HPDw1NTAwKRkYB+jh3L6+srKijY2Ef2lpYllZUU5CKigWFQ4Oneh1twAAAZlJREFUOMuV0mdzAiEQBmDgWq4YTWIvKRqT2Htv8P//VJCTGfYQZnw/3fJ4tyO76KE0m1b2fZu+U/pu4QGlA7N+Up5PIz9d+cmkbSrSNr9seT3GKeNYIyeO5j16S28exY5suK0U/QKmmeCCX6xs22hJLVkitMImxCvEs8EG3SCRCN/ViFPqnq5epIzZ07QJJvkM9Tkz1xnkmXbfSvR7f4H8AtXBkLGj74mMvjM1+VHZpAZ4LM4K/LBWEI9jwP71v1ZEQ6dyvQMf8A/1pmdZnKce/VH1iIsdte4U8VEtY23xOujxtFpWDgKbfjD2YeEhY0OzfjGeLyO/XfnNpAcmcjDwKOXRfU1IyiTRyEkaiz67pb9oJHJb9vVqKfgjLBPyF5Sq9T0KmSUhQmtiQrJGPHVi0DoSabj31G2gW3buHd0pY85lNdcCk8xlNDPXMuSyNiwl+theIb9C7RLIpKvviYy+M6H8qGwSAp6Is19+GP6KxwnggJ/kq6Jht5rnRQA4z9zyRRaXssvyqp5I6Vutv0vkpJaJtnjpz/8B19ytIayazLoAAAAASUVORK5CYII=");
 background-repeat:no-repeat;
}

.starselection--grow input:checked + label:after,
.starselection--growrotate input:checked + label:after {
 background-position:0 -30px;
 opacity:1;
 animation-duration:1s;
 animation-fill-mode:forwards;
}

.starselection--grow input:checked + label:after {
 animation-name:stargrow;
}

.starselection--growrotate input:checked + label:after {
 animation-name:stargrowrotate;
}

@keyframes stargrow {
 0% {
  transform:scale(1);
 }
 70% {
  transform:scale(3);
  opacity:0;
 }
 to {
  transform:scale(1);
  opacity:0;
 }
}

@keyframes stargrowrotate {
 0% {
  transform:scale(1) rotate(0deg)
 }
 99% {
  transform:scale(4) rotate(90deg);
  opacity:0
 }
 to {
  transform:scale(1) rotate(0deg);
  opacity:0
 }
}