.content .rte__content h1.mainHeadline, .content .rte__content .subHeadline {
text-transform: uppercase;
}

.fontCaveat, .fontDIN{
font-style: normal !important;
}

.mainHeadline, .subHeadline {
font-size:64px !important;
}

h1.mainHeadline {
text-align:left !important;
}

.subHeadline {
position: relative;
bottom: .12em;
transform: rotate(-2deg);
text-align:right;
}

h1 {
	font-size: 64px !important;
	text-transform: uppercase;
	font-style: normal !important;
}
.stage__header h1 {
        text-transform: none;
}
h2 {
	font-size: 50px !important;
}
h2,  .content--headline > div {
	font-style: normal;
	text-transform: none;
}

@media ( max-width: 992px ) {
	.mainHeadline, .subHeadline, .rte h2, .rte h1 {
		font-size:50px !important;
	}
}

@media ( max-width: 768px ) {
	.mainHeadline, .subHeadline, .rte h2, .rte h1 {
		font-size:35px !important;
	}
	h1 {
		font-size: 45px !important;
	}
}

@media ( max-width: 576px ) {
	.mainHeadline, .subHeadline, .rte h2, .rte h1 {
		font-size:24px !important;
	}
}

@media ( max-width: 350px ) {
h1 {
		font-size: 35px !important;
	}
}

.accent-color-blau h2, .accent-color-blau h1, .accent-color-rot h2, .accent-color-rot h1, .accent-color-ocker h2, .accent-color-ocker h1 { 
	color: #2d2d2c;
}
.accent-color-blau .cta{
	color: #34479a;
}
.accent-color-rot .cta{
	color: #c6363d;
}
.accent-color-ocker .cta{
	color: #6e6a04;
}

.accent-color-blau .stage--inverted .stage__header h1::before, .accent-color-blau .stage--inverted .stage__header h1::after, .accent-color-blau .stage--inverted .stage__header h2::before, .accent-color-blau .stage--inverted .stage__header h2::after, .accent-color-blau .stage--inverted .stage__header .stage__header__div::before, .accent-color-blau .stage--inverted .stage__header .stage__header__div::after {
	/*background-color: #34479a;*/
	background-color:#2d2d2c;
}

.accent-color-rot .stage--inverted .stage__header h1::before, .accent-color-rot .stage--inverted .stage__header h1::after, .accent-color-rot .stage--inverted .stage__header h2::before, .accent-color-rot .stage--inverted .stage__header h2::after, .accent-color-rot .stage--inverted .stage__header .stage__header__div::before, .accent-color-rot .stage--inverted .stage__header .stage__header__div::after {
	/*background-color: #c6363d;*/
	background-color:#2d2d2c;
}

.accent-color-ocker .stage--inverted .stage__header h1::before, .accent-color-ocker .stage--inverted .stage__header h1::after, .accent-color-ocker .stage--inverted .stage__header h2::before, .accent-color-ocker .stage--inverted .stage__header h2::after, .accent-color-ocker .stage--inverted .stage__header .stage__header__div::before, .accent-color-ocker .stage--inverted .stage__header .stage__header__div::after {
	/*background-color: #6e6a04;*/
	background-color:#2d2d2c;
}

.material__content b, .material__content strong, .rte h2, .rte h1, .rte .price, .businessview__headline, .EKlayer .content--headline h1, .EKlayer .content--headline h2, .EKlayer .content--headline > div, .material__header h1, .news__teaser__header h1, .news__teaser__header h2, .teaser__headline {
	font-style: normal;
	text-transform: none;
}

.content--headline h1::before, .content--headline h2::before, .content--headline > div::before, .media__noimage__notice::before, .content--headline h1::after, .content--headline h2::after, .content--headline > div::after, .media__noimage__notice::after {
	display:none;
}

.content--headline h1 > span::before, .content--headline h2 > span::before, .content--headline > div > span::before, .media__noimage__notice > span::before {
	display:none;
}

div.content--headline {
	padding-bottom:0px;
}

.behind {
	transform: translate3d(0,0,-1px);
}

.parallax_layer {
	position: absolute;
}
.parallax_collector {
	overflow: hidden;
	height: 2100px;
	position: relative;
        display:none;
        z-index:-1; 
}

.icon-arrow-right::before, .slider__controls .slick-next::before, .icon-arrow-left::before, .slider__controls .slick-prev::before {
	color: transparent;
	background-image: url("/typo3conf/ext/team7/Resources/Public/assets/images/kidsdesign/Pfeil.svg");
	background-position-y: -5px;
	background-repeat: no-repeat;
}

.icon-arrow-left::before, .slider__controls .slick-prev::before {
	transform: scaleX(-1);
}

.slider__controls ul li.slick-active button::before, .slider__controls ul li button::before {
	color: transparent;
	background-size: 200%;
	background-position: center;
	background-repeat: no-repeat;
	scale: 2;
}

.slider__controls ul li.slick-active button::before {
	background-image: url("/typo3conf/ext/team7/Resources/Public/assets/images/kidsdesign/Ringerl-aktiv-schwarz.svg");
}
.accent-color-rot .slider__controls ul li.slick-active button::before {
	background-image: url("/typo3conf/ext/team7/Resources/Public/assets/images/kidsdesign/Ringerl-aktiv-rot.svg");
}
.accent-color-blau .slider__controls ul li.slick-active button::before {
	background-image: url("/typo3conf/ext/team7/Resources/Public/assets/images/kidsdesign/Ringerl-aktiv-blau.svg");
}
.accent-color-schwarz .slider__controls ul li.slick-active button::before {
	background-image: url("/typo3conf/ext/team7/Resources/Public/assets/images/kidsdesign/Ringerl-aktiv-rot.svg");
}
.accent-color-ocker .slider__controls ul li.slick-active button::before {
	background-image: url("/typo3conf/ext/team7/Resources/Public/assets/images/kidsdesign/Ringerl-aktiv-ocker.svg");
}
.accent-color-schwarz .slider__controls ul li.slick-active button::before {
	background-image: url("/typo3conf/ext/team7/Resources/Public/assets/images/kidsdesign/Ringerl-aktiv-schwarz.svg");
}

.slider__controls ul li button::before {
	background-image: url("/typo3conf/ext/team7/Resources/Public/assets/images/kidsdesign/Ringerl.svg");
}

a.cta, .mac a.cta, .iframe_center_wrapper a.cta, .iframe_center_wrapper .mac a.cta {
	border-color: transparent !important;
        /*background-color: transparent !important;*/
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("/fileadmin/user_upload/Kids/_Design/Textmarker-schwarz-outline.svg");
	/*background-image: url("/typo3conf/ext/team7/Resources/Public/assets/images/kidsdesign/Textmarker-schwarz-outline.svg");*/
	font-size: 24px;
	width: 325px;
	padding: 20px 23px 8px 23px;
	aspect-ratio: 469/221;
	height: 85.5px;
	position: relative;
	text-align: center;
	background-position-y: -2px;
}

.no-touch .cta:hover {
        background-color:transparent !important;
}

.teaser__group .cta.cta--inverted.teaser__button {
background-color:transparent !important;
}
.teaser__group .cta.cta--inverted.teaser__button:hover {
        /*background-image: url("/fileadmin/user_upload/Kids/_Design/Textmarker-weiss-outline-gefuellt.svg") !important;*/
	  /*background-position-y: -88px;*/

}
.cta:hover, .mac .cta:hover, .iframe_center_wrapper a.cta:hover, .iframe_center_wrapper .mac a.cta:hover {
	background-position-y: -87.5px;
	color:white;
}

.accent-color-blau a.cta {
	background-image: url("/fileadmin/user_upload/Kids/_Design/Textmarker-blau-outline.svg");
}
.accent-color-blau .cta:hover {
	/*background-image: url("/fileadmin/user_upload/Kids/_Design/Textmarker-blau-outline-gefuellt.svg");*/
	/*background-color: #5967ca !important;*/
	/*background-position-y: -88px;*/
}
.accent-color-rot a.cta {
	background-image: url("/fileadmin/user_upload/Kids/_Design/Textmarker-rot-outline.svg");
}
.accent-color-rot .cta:hover {
	/*background-color: #f06d66 !important;*/
	/*background-image: url("/fileadmin/user_upload/Kids/_Design/Textmarker-rot-outline-gefuellt.svg");*/
	/*background-position-y: -88px;*/
}
.accent-color-ocker a.cta {
	background-image: url("/fileadmin/user_upload/Kids/_Design/Textmarker-ocker-outline.svg");
}
.accent-color-ocker .cta:hover {
	/*background-color: #888538 !important;*/
	/*background-image: url("/fileadmin/user_upload/Kids/_Design/Textmarker-ocker-outline-gefuellt.svg");*/
	/*background-position-y: -88px;*/
}

.accent-color-blau .cta:hover, .accent-color-rot .cta:hover, .accent-color-ocker .cta:hover {
	color:white;
}

.cta--inverted, .businessview--inverted .cta, .content--mood--inverted .cta, .EKlayer .cta, .stage--inverted .cta {
	background-image: url("/fileadmin/user_upload/Kids/_Design/Textmarker-weiss-outline.svg") !important;
	background-color:transparent;
}
a::hover.cta--inverted, .businessview--inverted a::hover.cta, .content--mood--inverted a::hover.cta, .EKlayer a::hover.cta, .stage--inverted a::hover.cta {
	/*background-image: url("/typo3conf/ext/team7/Resources/Public/assets/images/kidsdesign/Textmarker-weiss.svg");
	border: none;*/
}

@media (max-width: 1024px) {
	a.cta, .mac a.cta, .iframe_center_wrapper a.cta, .iframe_center_wrapper .mac a.cta {
		scale: 0.8;
		right: 6%;
	}
	.overview__list--highlight a.cta, .overview__list--highlight .mac a.cta {
		right:0;
	}
}

#gallerySlider-66355_2 .slick-dots {
	display: none !important;
}
#gallerySlider-66355_2 .slick-dots:nth-of-type(3) {
	display: inline-block !important;
}

#gallerySlider-66356 .slick-dots {
	display: none !important;
}
#gallerySlider-66356 .slick-dots:nth-of-type(3) {
	display: inline-block !important;
}

/*
.cta:hover {
	background-color: transparent !important;
}
*/

li.spielfeld {
	width: 100%;
	position: relative;
}

a.spielfeld_link.rot {
	color:#c6363d;
}
a.spielfeld_link.rot li.spielfeld:before {
	background-color:#f2414a;
}
a.spielfeld_link.blau {
	color:#34479a;
}
a.spielfeld_link.blau li.spielfeld:before {
	background-color:#4e6ae5;
}
a.spielfeld_link.ocker {
	color:#4f4d0d;
}
a.spielfeld_link.ocker li.spielfeld:before {
	background-color:#807c14;
}
.spielfeld span {
	width: 100%;
}
.spielfigur {
	display:none;
}

@media (min-width: 1024px) {
	.overview__nav {
	  font-size: 15px;
	}
	.content .anchor {
	  top: -163px;
	}
}

li.spielfigur_wrapper {
transition: left 1s;
}

.rte {
position:relative;
}

iframe.parallax_layer {
border:0;
}

#stageSlider-66369 .slick-slide {
width: 100% !important;
}

#navScroll {
	font-size: 18px;
	z-index:10000;
	height:66px;
}

iframe.cta_bg_iframe {
display:none;
}

div.spuren {
	width: 50%;
	height: 650px;
	margin-bottom: -650px;
	left: 82%;
	overflow: hidden;
	position: relative;
	z-index: 10;
	padding-top: 35px;
}

div.spuren iframe {
	aspect-ratio:901/852;
	height:600px;
	border:0;
	position:absolute;
}

section.stage--full {
	z-index:10;
	background-color: white;
}

main.site__main {
	overflow:hidden;
}

.overview__gridelement__image figcaption {
	font-size: 24px;
}

.overview__gridelement__image figcaption>span {
	height:40px;
}

.gallery__list {
	padding-bottom: 10px;
}

.no-touch .cta--inverted:hover, .no-touch .businessview--inverted .cta:hover, .businessview--inverted .no-touch .cta:hover, .no-touch .content--mood--inverted .cta:hover, .content--mood--inverted .no-touch .cta:hover, .no-touch .EKlayer .cta:hover, .EKlayer .no-touch .cta:hover, .no-touch .stage--inverted .cta:hover, .stage--inverted .no-touch .cta:hover {
	color: #FFFFFF;
}

/*.rte p, .rte h1, .rte h2 {*/
@media (max-width:1200px) {
.rte__content {
background-color: rgba(255,255,255,.5);
backdrop-filter: blur(5px) brightness(110%);
-webkit-backdrop-filter: blur(5px) brightness(110%);
}
}

#team7_configslidercontainer .cta {
	padding: 20px 23px 8px 15px;
	scale: 0.8;
	text-align: center;
}

#team7_configslidercontainer .cta:hover {
color: white;
}
.overview__category__headline span {
font-style:normal !important;
}

a.cta.teaser__button {
	scale:0.8;
}
@media (max-width:1024px) {
	a.cta.teaser__button {
		right:0;
	}
}

.team7_configslidercontainer .owl-nav .owl-next::before, .team7_configslidercontainer .owl-nav .owl-prev::before {
	color: transparent;
	background-image: url("/typo3conf/ext/team7/Resources/Public/assets/images/kidsdesign/Pfeil.svg");
	background-position-y: -5px;
	background-repeat: no-repeat;
}
.team7_configslidercontainer .owl-nav .owl-prev::before {
transform: scaleX(-1);
}

.overview__gridelement__image figcaption span::after, .overview__gridelement__image figcaption h2::after {
float:left;
}

.overview__fulllink.overview__gridelement figcaption {
display: block !important;
}

.overview__fulllink.overview__gridelement figure{
clear:both;
}

.content--headline .rte {
padding:0 !important;
}

@media (max-width: 1023px) {
.sicherer_platz section.stage {
background-position-x: 78%;
}
}

.icon-leave::before, .rte blockquote footer::before, .stage__header h1 > span::before, .stage__header h2 > span::before, .stage__header .stage__header__div > span::before {
	display: none;
}

.stage--inverted .stage__header h1::before, .stage--inverted .stage__header h1::after, .stage--inverted .stage__header h2::before, .stage--inverted .stage__header h2::after, .stage--inverted .stage__header .stage__header__div::before, .stage--inverted .stage__header .stage__header__div::after {
	display: none;
}

/*
.config_selector_elem {
	width: 50%;
	float: left;
	background-color: white;
	cursor: pointer;
	padding: 3px 0;
	border: 2px solid #5c6667;
	color: #4a4a4a;
	position:relative;
}
*/
.config_selector_elem {
	width: 50%;
	float: left;
	background-color: white;
	cursor: pointer;
	padding: 10px 0;
	border: 2px solid #5c6667;
	color: #4a4a4a;
	position: relative;
	font-weight:normal;
}
.config_selector_elem.secondary {
	
}

/* Für Produktbereich Baby (3 primäre elemente, 4 sekundäre); Andere Produktbereiche siehe Ergänzungen */
.config_selector_elem:nth-of-type(1) {
	border-right-width: .5px;
	border-bottom-width: .5px;
}
.config_selector_elem:nth-of-type(2) {
	border-left-width: .5px;
	border-bottom-width: .5px;
}
.config_selector_elem:nth-of-type(3) {
	border-top-width: .5px;
	border-right-width: .5px;
	border-bottom-width: .5px;
}
.config_selector_elem:nth-of-type(4) {
	border-top-width: .5px;
	border-left-width: .5px;
	border-bottom-width: .5px;
}
.config_selector_elem:nth-of-type(5) {
	border-top-width: .5px;
	border-right-width: .5px;
}
.config_selector_elem:nth-of-type(6) {
	border-top-width: .5px;
	border-left-width: .5px;
}
.config_selector_elem:nth-of-type(7) {
	border-top-width: .5px;
	width: calc(50% + 1px);
	top: -1.5px;
}
/*
.config_selector_elem:nth-of-type(5) {
	border-top-width: .5px;
	position: relative;
	bottom: 1.5px;
	width: calc(50% + 1px);
}
*/

/*
.config_selector_elem:last-of-type {
	border-left-color: #5c6667 !important;
	border-left-width: 1px;
}
.config_selector_elem:first-of-type {
	border-right-color: #5c6667 !important;
	border-right-width: 1px;
}
*/

/*
.config_selector_elem.active {
	background-color: #5967ca;
	color: white;
	text-decoration: underline;
	border-color: #5967ca;
}
*/
/*
.config_selector_elem.active {
	background-color: #ba323f;
	color: white;
	text-decoration: underline;
	border-color: #ba323f;
}
*/
.config_selector_elem.active {
	background-color: #ba323f;
	color: white;
	text-decoration: underline;
	border-color: #ba323f;
	font-weight: bold;
	/* border-width: 2px; */
	/* height: 36px; */
}
.config_selector_elem.secondary.active {
	background-color:#6b78bf;
	border-color: #6b78bf;
}
#config_selector {
	width:100%;
	text-align:center;
	font-size: 16px;
	padding-bottom: 1px;
	z-index:1000;
}
	
@media screen and (max-width:767px) {
 	#config_selector {
		width: calc(100% - 20px);
		margin-left:10px;
	}
}
	
@media screen and (min-width:767px) and (max-width:1023px) {
	#config_selector {
		width: calc(100% - 80px);
		margin-left:40px;
	}
}
	
@media screen and (min-width:1024px) and (max-width:1143px) {
	#config_selector {
		width: calc(100% - 80px);
		margin-left:40px;
	}
}
	
@media screen and (min-width:1104px) and (max-width:1143px) {
	#config_selector {
		width: calc(100% - 80px);
		margin-left:40px;
	}
}
@media screen and (min-width:1104px) {
	.config_selector_elem {
		width: calc(29.25% - 1.5px);
		padding: 3px 0;
		border-width: 2px !important;
	}
	.config_selector_elem:nth-of-type(1) {
		border-right-width: .5px !important;
	}
	.config_selector_elem:nth-of-type(2) {
		border-left-width: .5px !important;
		border-right-width: 1.5px !important;
	}
	.config_selector_elem:nth-of-type(3) {
		border-left-width: 1px !important;
		border-right-width: .5px !important;
	}
	.config_selector_elem:nth-of-type(4) {
		border-left-width: .5px !important;
		border-right-width: .5px !important;
	}
	.config_selector_elem:nth-of-type(5) {
		border-left-width: .5px !important;
		border-right-width: .5px !important;
	}
	.config_selector_elem:nth-of-type(6) {
		border-left-width: .5px !important;
		border-right-width: .5px !important;
	}
	.config_selector_elem:nth-of-type(7) {
		border-left-width: .5px !important;
		top:0px;
	}
	.config_selector_elem.secondary {
		width: calc(8.298% + 0.25px);
	}
}
	
@media screen and (min-width:1144px) {
	#config_selector {
		width: calc(100% - 120px);
		/*margin-left:60px;*/
		margin: auto;
	}
}

.js .overview__nav__inner {
height: 66px;
}

a.configure__button.cta {
margin-left: 0;
margin-right: 0;
float: right;
bottom: 12px;
}

#ov2740 a.configure__button.cta {
	background-image: url("/fileadmin/user_upload/Kids/_Design/Textmarker-rot-outline.svg");
color: #c6363d;
}
#ov2740 a.configure__button.cta:hover {
	/*background-image: url("/fileadmin/user_upload/Kids/_Design/Textmarker-rot-outline-gefuellt.svg");*/
	/*background-position-y: -88px;*/
color:white;
}

#ov2743 a.configure__button.cta {
	background-image: url("/fileadmin/user_upload/Kids/_Design/Textmarker-ocker-outline.svg");
color: #6e6a04;
}
#ov2743 a.configure__button.cta:hover {
	/*background-image: url("/fileadmin/user_upload/Kids/_Design/Textmarker-ocker-outline-gefuellt.svg");*/
	/*background-position-y: -88px;*/
color: white;
}

#ov2741 a.configure__button.cta {
	background-image: url("/fileadmin/user_upload/Kids/_Design/Textmarker-blau-outline.svg");
color: #34479a;
}
#ov2741 a.configure__button.cta:hover {
	/*background-image: url("/fileadmin/user_upload/Kids/_Design/Textmarker-blau-outline-gefuellt.svg");*/
	/*background-position-y: -88px;*/
color:white;
}

@media (max-width: 1540px) {
.overview__fulllink.overview__gridelement figcaption {
  text-align: center !important;
}
a.configure__button.cta {
float:none !important;
margin-left:17% !important;
margin-right:17% !important;
margin-top: 16px !important;
margin-bottom: 54px;
}
}

@media (max-width: 1200px) {
a.configure__button.cta {
float:none !important;
margin-right: 5% !important;
margin-left: 5% !important;
margin-top:16px !important;
}
}

@media (max-width: 940px) {
a.configure__button.cta {
float:none !important;
margin-right: 0% !important;
margin-left: unset;
margin-top:16px !important;
}
}

@media (max-width: 768px) {
a.configure__button.cta {
float:none !important;
margin-left: 13% !important;
margin-right: 13% !important;
margin-top:16px !important;
}
}

@media (max-width: 560px) {
a.configure__button.cta {
float:none !important;
margin-left: 10% !important;
margin-right: 10% !important;
margin-top:16px !important;
}
}

@media (max-width: 430px) {
a.configure__button.cta {
float:none !important;
margin-left: 3% !important;
margin-right: 3% !important;
margin-top:16px !important;
}
}

@media (max-width: 370px) {
a.configure__button.cta {
margin-left: -4% !important;
margin-right: -4% !important;
}
}

.embed-container iframe, .videosingle_iframe {
height: 90.75% !important;
}

.gallery .slider__controls {
	margin-top: 0;
}
.gallery .slick-slide {
scale:0.9;
}

#gallerySlider-68986 .slider__controls {
	margin-top: 0;
	margin-bottom: -30px;
	top: -40px;
}
#gallerySlider-68986 {
margin-bottom:-40px;
}

@media (min-width:1400px) {

#gallerySlider-68986 {
margin-bottom:-60px;
}

#gallerySlider-68986 .slider__controls {
	margin-top: 0;
	margin-bottom: -30px;
	top: -100px;
}

#gallerySlider-68986 .slick-slide {
scale:0.9;
}
}

#gallerySlider-68642.slider--gallery.gallery__list .slider__controls {
	margin-top: 30px;
	margin-bottom: 0;
	position: relative;
}

.font_light {
	font-weight:normal;
}

@keyframes spinner {
	0% {
		transform: translate3d(-50%, -50%, 0) rotate(0deg);
	}
	100% {
		transform: translate3d(-50%, -50%, 0) rotate(360deg);
	}
}

.spin::before {
	animation: 1.5s linear infinite spinner;
	animation-play-state: inherit;
	border: solid 20px #bfbfbf;
	border-bottom-color: #ba323f;
	border-radius: 50%;
	content: "";
	position: absolute;
	transform: translate3d(-50%, -50%, 0);

	will-change: transform;
	height: 7em;
	width: 7em;
	margin-left: 3.5em;
	margin-top: 3.5em;
}

.secondary.spin::before {
	border-bottom-color: #6b78bf;
}
#sepia_pkp {
	filter: contrast(100%);
	background-color: transparent;
	filter:blur(0) opacity(1);
}

#sepia_pkp.dissolve {
filter:blur(27px) opacity(0);
}

#sepia_pkp.transition_all {
transition: opacity 0.3s ease-out 0s, filter 0.75s ease-in 0s;
}

#sepia_pkp.transition_opacity {
transition: opacity 0.3s ease-out 0s;
}

/*
section.content--mood div.rte {
	backdrop-filter: blur(100px) brightness(97%);
	-webkit-backdrop-filter: blur(100px) brightness(97%);
	background-color: rgba(255,255,255,.5) !important;
	background-image: url("/fileadmin/user_upload/Kids/_Design/bg-downloadbox.png");
}
*/
section.content--mood div.rte {
	background-image: url("/fileadmin/user_upload/Kids/_Design/Raetselbox-Hintergrund_2.jpg");
	background-color: transparent !important;
	color: white;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100% !important;
	padding-top: 78px !important;
}
@media (max-width:1023px) {
	section.content--mood div.rte {
		background-image: url("/fileadmin/user_upload/Kids/_Design/Raetselbox-Hintergrund-schmal.jpg");
		padding-bottom: 78px;
	}
}


.content--mood .rte__footer {
  margin-top: -13px;
  padding-top: 45px;
}
.content--mood .rte__footer ul {
display: flex;
flex-direction: column;
}

@media (min-width: 768px) {
.content--mood .rte__footer {
  margin-top: -15px;
  padding-top: 67px;
}
.content--mood .rte__footer ul {
display: block;
}
}

@media (min-width: 1024px) {
.content--mood .rte__footer {
  margin-top: -16px;
  padding-top: 90px;
}
}

section.content--mood div.rte__footer ul li {
	padding-left: 100px;
	background-repeat: no-repeat;
	cursor:pointer;
}

section.content--mood div.rte__footer ul li .download-anim {
	opacity: 0;
	transition: backdrop-filter .2s, opacity .2s;
	border: 0;
	position: absolute;
	left: 0;
	top: 0;
	filter: hue-rotate(7deg);
}

/*
section.content--mood div.rte__footer ul li a {
margin-left: 1em;
}
*/


.download-anim-overlay {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 100;
cursor: pointer;
}

section.content--mood div.rte__footer ul li:first-child .download-anim, 
section.content--mood div.rte__footer ul li:nth-child(3) .download-anim, 
section.content--mood div.rte__footer ul li:nth-child(5) .download-anim, 
section.content--mood div.rte__footer ul li:first-child .download-anim-overlay, 
section.content--mood div.rte__footer ul li:nth-child(3) .download-anim-overlay, 
section.content--mood div.rte__footer ul li:nth-child(5) .download-anim-overlay {
	width: 71px;
	height: 100.5px;
}
section.content--mood div.rte__footer ul li:first-child .download-anim, 
section.content--mood div.rte__footer ul li:nth-child(3) .download-anim, 
section.content--mood div.rte__footer ul li:nth-child(5) .download-anim {
	background-color: rgba(255,255,255,.7);
	backdrop-filter: blur(4px) brightness(107%);
	filter: hue-rotate(7deg) drop-shadow(0 0 6px rgba(0,0,0,.1));
}

section.content--mood div.rte__footer ul li:nth-child(2) .download-anim, 
section.content--mood div.rte__footer ul li:nth-child(4) .download-anim,
section.content--mood div.rte__footer ul li:nth-child(2) .download-anim-overlay, 
section.content--mood div.rte__footer ul li:nth-child(4) .download-anim-overlay {
	width: 142px;
	height: 100.5px;
}
section.content--mood div.rte__footer ul li:nth-child(2) .download-anim, 
section.content--mood div.rte__footer ul li:nth-child(4) .download-anim {
	background-color: rgba(255,255,255,.7);
	backdrop-filter: blur(4px) brightness(107%);
	filter: hue-rotate(7deg) drop-shadow(0 0 6px rgba(0,0,0,.1));
}

section.content--mood div.rte__footer ul li:first-child:hover .download-anim, 
section.content--mood div.rte__footer ul li:nth-child(2):hover .download-anim, 
section.content--mood div.rte__footer ul li:nth-child(3):hover .download-anim, 
section.content--mood div.rte__footer ul li:nth-child(4):hover .download-anim, 
section.content--mood div.rte__footer ul li:nth-child(5):hover .download-anim {
	opacity: 1;
}

section.content--mood div.rte__footer ul li:first-child {
	background-image: url("/fileadmin/user_upload/Kids/_Design/Thumb_kids_Raetsel_Zeichnen-nach-Zahlen.jpg");
	background-size: auto 100px;
	padding-top: 34px;
	padding-bottom: 34px;
	/*background-position-x: 14.75px;*/
	order:1;
}
section.content--mood div.rte__footer ul li:nth-child(2) {
	background-image: url("/fileadmin/user_upload/Kids/_Design/Thumb_kids_Raetsel_Labyrinth.jpg");
	background-size: auto 100px;
	padding-top: 34px;
	padding-bottom: 34px;
	order:4;
}
section.content--mood div.rte__footer ul li:nth-child(2) a {
	margin-left:5em;
}
section.content--mood div.rte__footer ul li:nth-child(3) {
	background-image: url("/fileadmin/user_upload/Kids/_Design/Thumb_kids_Raetsel_Rechenraetsel.jpg");
	background-size: auto 100px;
	padding-top: 34px;
	padding-bottom: 34px;
	/*background-position-x: 14.75px;*/
	order:2;
}
section.content--mood div.rte__footer ul li:nth-child(4) {
	background-image: url("/fileadmin/user_upload/Kids/_Design/Thumb_kids_Raetsel_Kreuzwortraetsel.jpg");
	background-size: auto 100px;
	padding-top: 34px;
	padding-bottom: 34px;
	order:5;
}
section.content--mood div.rte__footer ul li:nth-child(4) a {
	margin-left:5em;
}
section.content--mood div.rte__footer ul li:nth-child(5) {
	background-image: url("/fileadmin/user_upload/Kids/_Design/Thumb_kids_Raetsel_Ausmalbild.jpg");
	background-size: auto 100px;
	padding-top: 34px;
	padding-bottom: 34px;
	/*background-position-x: 14.75px;*/
	order:3;
}

section.content--mood .rte .rte__footer ul li a {
	color:white;
}
section.content--mood .rte .rte__footer ul li a::after {
	background-color: darkgrey;
}
/*
@media (max-width:1024px) {
#grafikElemRaetsel .parallax_collector {
	bottom: 563px !important;
}
}

@media (max-width:768px) {
#grafikElemRaetsel .parallax_collector {
	bottom: 332px !important;
}
}

@media (min-width:1500px) {
#grafikElemRaetsel .parallax_collector {
  width: 920px !important;
}
}
*/
/*
@media (max-width:768px) {
section.content--mood div.rte {
	background-image: none;
}
}
@media (min-width:769px) {
section.content--mood div.rte {
	background-size: 100% 100%;
}
}
*/
section.content--mood div.rte .rte__content {
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	background-color: transparent;
}
.spuren {
	display:none;
}
#config_anchor {
	height: 0px !important;
	position: relative;
	top: -220px;
}
.config_anchor {
	height: 0px !important;
	position: relative;
	top: -112px;
}
@media screen and (max-width: 1103px) {
	#config_anchor {
		top: -340px;
	}
	.config_anchor {
		top: -232px;
	}
}

#grafikElemRaetsel {
/*display:none;*/
}

#grafikElemRaetsel .parallax_collector {
z-index:10;
}
#grafikElemRaetsel .parallax_static {
display:none;
}

.raetselbox-hintergrund {
display:none;
}

.opacityImportant {
opacity: 1 !important;
}

.download-anim-overlay {
width: 145px;
height: 101px;
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 100;
cursor: pointer;
}

iframe#sepia_pkp, #configurator_spinner_overlay {
	height:780px;
	min-height:780px;
}

#configurator_spinner_overlay {
	display:block;
	opacity: 0;
	visibility: hidden;
	background-color: transparent !important;
	transition: opacity 0.6s;
}

#configurator_spinner_overlay .spinner {
	margin: auto;
	width: 7em;
	height: 7em;
	display: block;
	padding-top: calc(780px/4 - 107px);
}
	
@media screen and (max-width:368px) {
 	iframe#sepia_pkp, #configurator_spinner_overlay {
		height:800px;
	}
	#configurator_spinner_overlay {
		margin-top:-800px !important;
	}
	#configurator_spinner_overlay .spinner {
		padding-top: calc(800px/4 - 107px);
	}
}
	
@media screen and (max-width:767px) {
 	iframe#sepia_pkp, #configurator_spinner_overlay {
		width: calc(100% - 20px);
		margin-left:10px;
	}
	#configurator_spinner_overlay {
		margin-top:-780px;
	}
	#configurator_spinner_overlay .spinner {
		padding-top: calc(780px/4 - 107px);
	}
}
	
@media screen and (min-width:720px) and (max-width:1023px) {
	iframe#sepia_pkp, #configurator_spinner_overlay {
		width: calc(100% - 80px);
		margin-left:40px;
		height:700px;
		min-height:700px;
	}
	#configurator_spinner_overlay {
		margin-top:-700px;
	}
	#configurator_spinner_overlay .spinner {
		padding-top: calc(700px/2 - 4em);
	}
}
	
@media screen and (min-width:1024px) and (max-width:1143px) {
	iframe#sepia_pkp, #configurator_spinner_overlay {
		width: calc(100% - 80px);
		margin-left:40px;
		height:660px;
		min-height:660px;
	}
	#configurator_spinner_overlay {
		margin-top:-660px;
	}
	#configurator_spinner_overlay .spinner {
		padding-top: calc(660px/2 - 4em);
	}
}
	
@media screen and (min-width:1104px) and (max-width:1143px) {
	iframe#sepia_pkp, #configurator_spinner_overlay {
		width: calc(100% - 80px);
		margin-left:40px;
		height:628px;
		min-height:628px;
	}
	#configurator_spinner_overlay {
		margin-top:-628px;
	}
	#configurator_spinner_overlay .spinner {
		padding-top: calc(628px/2 - 4em);
	}
}
	
@media screen and (min-width:1144px) {
	iframe#sepia_pkp, #configurator_spinner_overlay {
		height:628px;
		min-height:628px;
		width: calc(100% - 120px);
		margin-left:60px;
		position: relative;
		z-index: 1;
	}
	#configurator_spinner_overlay {
		margin-top:-628px;
	}
	#configurator_spinner_overlay .spinner {
		padding-top: calc(628px/2 - 4em);
	}
}

@media screen and (max-width: 991px) {
	.overviewHasNavigation .site__main {
		margin-top: 33px;
	}
}

.rte__footer:not(#magButtonWrapper) {
padding-top: 30px;
}
