@charset "utf-8";
/*
*
*	playmobil FunPark - 2016 - 2021
*	Author: SECONDRED Newmedia GmbH
*	Web: http://www.secondred.de
*
*/
:root {
    --default-font: "Open Sans", sans-serif;
    --secondary-font: 'Bowlby One', sans-serif;

    --riffic-font: 'Riffic Free', sans-serif;
    --akaDylan-plain: 'akaDylan Plain', sans-serif;
    --akaDylan-open: 'akaDylan Open', sans-serif;

    /* -- Colors -- */
    --black: #000101;
    --blue: #009BE2;
    --yellow: #FFD500; /* #FFD500; */
    --brightyellow: #FFDF3D;
    --orange: #ed6e2c; /*#F07D00; */
    --green: #85B919;
    --darkblue: #002f63;
    --red: #E72F46;
    --magenta: #c00c77;
    --grey: #777;
    --midgrey: #C7C7C7;
    --lightgrey: #ccc;

    --status-open: #2CB047;
    --status-closed: #E72F46;

    --status-open-winter: #55a364;
    --status-closed-winter: #ea5045;

    /* -- 2025 - Color -- */
    --lightblue: #87c2e4;
    --lightyellow: #dedc00;
    --lightgrey: #f2f1f0;

    --winter-lila: #78598C;
    --winter-blue: #57C4F2;
    --winter-mint: #41B9B8;

    --kidsclub-magenta: #c00c77;
}

/* -- Global Reset -- */
* { padding:0; margin:0; -webkit-tap-highlight-color:transparent; }
*:focus { outline:none }
*, *:before, *:after {box-sizing: border-box;}

html[dir="rtl"] {direction: rtl;}
html {font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-o-text-size-adjust: 100%;text-size-adjust: 100%;}
html, body  {  height:100% !important; width:100%;font-smooth: always;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;}

p { margin-bottom:30px}
button,select,
input.formText, textarea {
	font-family: var(--default-font);-webkit-appearance:none;
	-webkit-border-radius:0;border-radius:0;
    box-sizing: border-box;
}
select,
input {-webkit-box-shadow:none; -webkit-border-radius:0}
button {box-sizing: border-box; cursor:pointer;overflow: hidden; user-select: none;}
textarea { resize:vertical; overflow:auto}

.mobi { display:none}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;cursor: pointer;}

::-webkit-input-placeholder {color: var(--grey);-webkit-transition: color .25s  ease}
:-moz-placeholder { color: var(--grey);-moz-transition: color .25s  ease}
::-moz-placeholder { color: var(--grey); -moz-transition: color .25s  ease}

:focus::-webkit-input-placeholder {color: #ccc;}
:focus:-moz-placeholder { color: #ccc;}
:focus::-moz-placeholder { color: #ccc; }

.disable-hover {pointer-events: none;}

ul,
ol {padding-left:23px;}

img {border: 0;}
svg:not(:root) {overflow: hidden;}

a,button, img, input, textarea  {
 transition: color .13s  ease, border-color .13s  ease, background-color .13s  ease, opacity .15s  ease, box-shadow .25s  ease;
}
.sr-only {
    position: absolute;width: 1px;height: 1px;padding: 0;
    margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);
    white-space: nowrap;border-width: 0;
}
.ht{text-indent: -150%;white-space: nowrap;overflow: hidden; color:rgba(0,0,0,0); font-size:1px}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}

a { color:var(--blue)}
a:active { background-color:transparent}
a:hover { text-decoration:none}
a[href^="tel"]{color:inherit; text-decoration:none;}

table {border-collapse:collapse; border-spacing:0;}

*::-webkit-selection {background-color:  rgba(0,0,0,.2);color: #333;}
*::-moz-selection {background-color:  rgba(0,0,0,.2); color: #333;}
*::selection { background-color: rgba(0,0,0,.2); color: #333;}

/* - Remove the gap - */
audio, canvas, img, svg, video {vertical-align: middle; }

/* -- Global Default Styles -- */
.circle {border-radius: 50%; overflow:hidden}
.rounded {border-radius: 10px; overflow:hidden}
.shadow {box-shadow: 0 2px 5px rgba(0, 0, 0, .5);}
img.responsive {width: 100% !important;	height: auto !important;}

/* -- No-JS Overlay -- */
noscript.msg div{ background-color:#C00; color:#fff; font-size:12px; padding:10px 20px;display:block; position:fixed; left:0; border:0; right:0; z-index:888}

/* -- -- */
body  {font-family: var(--default-font); background: #f2f1f0;text-align: center; color: #333; font-size:15px; line-height:23px;}
h1, h2 {font-family: var(--secondary-font); font-weight:normal; font-size:45px; line-height:normal}

h2.like-h3 {font-family: var(--default-font);font-size:20px; line-height:normal; font-weight: bold}

/* -- 100% Height Layout -- */
#container { padding-top:70px; min-height: 100%; overflow:hidden}

/* -- Layout -- */
.size { width:1260px;width:auto;max-width: 1260px;margin: 0 auto; text-align: left;padding:0 30px}

/* -- Header -- */
#outerheader {	background: url(../gfx/header-bg.png) center bottom no-repeat;background-size: cover; position:fixed; left:0;right: 0;top: 0; z-index:777}
#header { position:relative; height:100px; text-align:left;}
#header a{ color:#fff; text-decoration:none}

a#hamburger { font-size:16px; font-weight:700; padding:20px 40px; display:block; float:left;transform: translate3d(0,0,0)}
a#hamburger span { display:block; overflow:hidden}
a#hamburger .burger {
	border:2px solid #fff; width: 40px;height: 40px;padding:10px 7px; float:left; margin-right:20px;
	border-radius: 2px; position:relative;
	/*-webkit-transform: translate3d(0,0,0) */
	-webkit-transform-style: preserve-3d;
}
a#hamburger .burger i {
	width: 22px; height: 2px; background:#fff; display:block; position:absolute; left:50%; margin-left:-11px; top:50%; margin-top:-1px;
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), margin 350ms cubic-bezier(0.2, 1, 0.3, 1);
	-webkit-perspective: 1000;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;
}
a#hamburger .burger i.top { margin-top:-7px}
a#hamburger .burger i.middle {}
a#hamburger .burger i.bottom {margin-top:5px}
a#hamburger .text { padding:10px 0; float:left}

a#hamburger.open .burger {}
a#hamburger.open .burger i.top {margin-top:-1px; transform: rotate(45deg)}
a#hamburger.open .burger i.middle {transform: scale(0,1);}
a#hamburger.open .burger i.bottom {margin-top:-1px; transform: rotate(-45deg)}

/* -- Logo -- */
/*
#logo {margin:0 auto -150px; width:240px;}
#logo a { display:block; width:240px; height:152px; background:url(../gfx/logo-playmobil-funpark.png); background-repeat: no-repeat; position:relative; top:10px}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   #logo a {  background:url(../gfx/logo-playmobil-funpark@2x.png) center no-repeat; background-size:contain}
}
*/
#logo {margin:0 auto -197px; width:240px; position: relative}
#logo::before {
    content:"";
    background-image: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 40%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
    pointer-events: none;
    position: absolute;
    left: 25px; right: 25px;
    top: -25px;
    height: 100%;
    opacity: .8;
}
#logo a {
    display:block; width:240px; height:197px;
    background-image: url(../gfx/logo-playmobil-funpark-25jahre.png);
    background-repeat: no-repeat;
    background-size: contain;
    position:relative;
    top:10px;
    z-index: 3;
}
/*html[lang="en"] #logo a {*/
/*    background-image:url(../gfx/logo-playmobil-funpark-25year.png);*/
/*}*/
/*@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {*/
/*   #logo a {  background-image: url(../gfx/logo-playmobil-funpark-25jahre@2x.png);}*/
/*   html[lang="en"] #logo a { background-image: url(../gfx/logo-playmobil-funpark-25year@2x.png);}*/
/*}*/

/* -- Teaser -- */
#teaser {background:#ccc; /*height:80vh; min-height:600px;*/ height:auto; position:relative; z-index:1; max-height:80vh}
#teaser.has-calendar { max-height:none}
#teaser .swiper-container { /*height:80vh; */}
#teaser .swiper-container img,
#teaser .teaserImg img { width:100% !important; height:auto !important}

#teaser .swiper-container img,
#teaser .teaserImg img {position:relative; top:-10% }

#teaser .swiper-slide { position:relative}
#teaser .swiper-slide iframe { height:80vh; width:inherit; position:relative; z-index:1; border:0; }
#teaser .swiper-slide .btn-play {
	display:block; width: 112px;height: 116px; background:url(../gfx/playbutton.svg) no-repeat; color:#fff; text-decoration:none; text-indent:-1px;
	position:absolute; z-index:2; top:50%; left:50%; font-size:48px; text-align:center;line-height:135px; margin-left:-56px; margin-top:-58px;
}

#teaser .bubble {
	font-family: var(--secondary-font); color:#fff; position:absolute;  right:50px; top:50%;
	 font-size:70px; text-align:center; line-height:120%; /*70px*/background-size:contain !important;
	 display: flex;
	justify-content: center;
	align-items: center; z-index:2; text-decoration:none;
	padding:50px 80px 20px 45px;

    margin-top:-360px; /* margin-top: -25vw; */
    width: 400px; /* width: 25vw; */
    height: 400px; /*  height: 25vw; */
}
#teaser .bubble span { display: block; line-height: 120%}
@media screen and (max-width: 480px){
    #teaser .bubble span { padding-top: 40px}
}
#teaser .bubble.green { background:url(../gfx/bubble-green.svg) no-repeat}
#teaser .bubble.magenta { background:url(../gfx/badget-bg-magenta.svg) no-repeat}
#teaser .btnPlay{
	width: 128px;height: 132px; background:url(../gfx/play-bubble.png); position:absolute; z-index:2; text-decoration:none;
	left:50%; top:50%; margin-top:-64px; margin-left:-66px; color:#fff; font-size:45px; text-align:center; line-height:142px;
}
#teaser .btnPlay span { display:none}

/* -- Inner Layout -- */
#inner {}

/* -- Inhaltsabschnitte -- */
.content-part { position:relative; z-index:2; padding-bottom:100px}
.content-part .curve{ position:absolute; left:0; right:0; top:-110px; z-index:0; height:160px; transform:translateZ(0); pointer-events: none}
.content-part .curve .shine{ position:relative;}
.content-part.no-shine .curve .shine{ display: none}
.content-part .curve img{ position:absolute; top:0; z-index:2; width: 607px;height: 201px;}

.content-part .curve .odd img{ right:0;}
.content-part .curve .even img{ left:0;}
.content-part .curve .svg-wrapper {
	-webkit-filter: drop-shadow( 0 -6px 4px rgba(0,0,0,0.1) );
	filter: drop-shadow( 0 -6px 4px rgba(0,0,0,0.1) );
}
.content-part .curve svg,
.content-part > .inner { position:relative; z-index:1}

.content-part > .inner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0; height: 0;}
.content-part h1 {
    position:relative; font-size:50px; padding:0 0 50px;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.content-part h2 {
    margin-bottom:50px; position:relative; min-height: 1px;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.content-part .mapDownload {
    color: #fff; text-decoration: none;  border: 2px solid #fff; font-size: 20px; margin-left: 20px; position: relative; z-index: 2;
    line-height: 40px;width: 40px;height: 40px; display: inline-block; text-align: center;
}
.content-part .mapDownload:hover {color: var(--orange);background: rgba(255,255,255, .7); border-color: var(--orange)}
.content-part .mapDownload span { display: none}

.content-part.headline h1 { display: inline-block}
.content-part.headline .inner { text-align: left}
.content-part.headline .inner .open-stat { margin-left: 50px}

.content-part.gallery h2:before,
.content-part h2.screamer:before,
.content-part h2.mail:before,
.content-part h2.note-closings:before,
.content-part h2.dashed-circle:before,
.content-part h2.checked:before,
.content-part h2.underline:before {content:""; position:absolute;}

.content-part h2.screamer:before { width:41px; height: 94px; background:url(../gfx/sketch-screamer-white.png); left:-60px; top:-40px}
.content-part.gallery h2:before { width:110px; height:83px; background:url(../gfx/sketch-photo.png); left:-60px; top:-80px}
.content-part h2.checked:before{  width: 100px;height: 86px; background:url(../gfx/sketch-checked.png) no-repeat; left:-80px; top:-40px }
.content-part h2.note-closings:before{  width: 34px;height: 79px; background:url(../gfx/notenschluessel.png) no-repeat; left:-50px; top:-40px }
.content-part h2.dashed-circle:before{  width: 99px;height: 108px; background:url(../gfx/dashed-circle.png) no-repeat; left:-50px; top:-27px }
.content-part h2.underline:before { width:248px; height:50px; background:url(../gfx/sketch-line.png) no-repeat; left:-30px; bottom:-40px}
.content-part h2.mail:before { width:102px; height:77px; background:url(../gfx/sketch-mail.png) no-repeat; left:-110px; top:-30px}

/* -- Inhaltsabschnitt - Gelb  -- */
.content-part.yellow { color:#000; background:var(--yellow)}
.content-part.yellow::before { background:var(--yellow)}
.content-part.yellow h1,
.content-part.yellow h2{ color:var(--orange)}
.content-part.yellow.headline .date { display:block; font-size:20px; color: var(--green); font-weight:700; margin-bottom:20px}
.content-part.yellow .curve .backgrnd{ fill:var(--yellow)}

/* -- Inhaltsabschnitt - Hellgelb  -- */
.content-part.brightyellow { color:#000; background:var(--brightyellow)}
.content-part.brightyellow::before { background:var(--brightyellow)}
.content-part.brightyellow h1 { color:var(--orange)}
.content-part.brightyellow .curve .backgrnd{ fill:var(--brightyellow)}

/* -- Inhaltsabschnitt - Grün  -- */
.content-part.green { color:#fff; background: var(--green); padding-bottom:150px}
.content-part.green::before { background:var(--green)}
.content-part.green.gallery:last-child {padding-bottom:50px}
.content-part.green > .inner { padding-top:20px}
.content-part.green .curve .backgrnd{fill: var(--green)}
.content-part.green .node h2 { color:var(--yellow);}
.content-part.green .node-img  h2 { color:#333}
.content-part.green .node.filled h2 { color:var(--orange)}

/* -- Inhaltsabschnitt - Orange  -- */
.content-part.orange { color:#fff; background:var(--orange);padding-bottom:150px}
.content-part.orange .curve .backgrnd{fill:var(--orange)}

/* -- Inhaltsabschnitt - Dunkelblau  -- */
.content-part.darkblue { color:#fff; background:var(--darkblue);padding-bottom:150px}
.content-part.darkblue .curve .backgrnd{fill:var(--darkblue)}

/* -- Inhaltsabschnitt - Magenta  -- */
.content-part.magenta { color:#fff; background:var(--red);padding-bottom:150px}
.content-part.magenta .curve .backgrnd{fill:var(--red)}
.content-part.lageplan {padding-bottom:100px}

.content-part.mein-profil {padding-top:150px}

/* -- Inhaltsabschnitt - Hellblau  -- */
.content-part.lightblue { color:#fff; background:var(--lightblue)}
.content-part.lightblue::before { background:var(--lightblue)}
.content-part.lightblue .block-icons,
.content-part.lightblue .accordion h3,
.content-part.lightblue .accordion .like-h3,
.content-part.lightblue h1,
.content-part.lightblue h2 { color:#fff}
.content-part.lightblue h2.underline::before { background-image: url(../gfx/sketch-line_green.png)}
.content-part.lightblue article  h2 {color: #fff}
.content-part.lightblue .block h2{color: #333}
.content-part.lightblue.headline .date { display:block; font-size:20px; color: #fff; font-weight:700; margin-bottom:20px}
.content-part.lightblue .curve .backgrnd{ fill:var(--lightblue)}
.content-part.lightblue #breadcrumb,
.content-part.lightblue #breadcrumb a { color:#fff}


/* -- Inhaltsabschnitt - HellGelbGrün  -- */
.content-part.lightgreen { color:#fff; background:var(--lightyellow)}
.content-part.lightgreen::before { background:var(--lightyellow)}
.content-part.lightgreen h1,
.content-part.lightgreen h2 { color:#fff}
.content-part.lightgreen.headline .date { display:block; font-size:20px; color: #fff; font-weight:700; margin-bottom:20px}
.content-part.lightgreen .curve .backgrnd{ fill:var(--lightyellow)}
.content-part.lightgreen .filterbar ul li .label {color: #fff}
.content-part.lightgreen.headline .date { display:block; font-size:20px; color: var(--green); font-weight:700; margin-bottom:20px}
.winter-modus .content-part.lightgreen.headline .date { color: var(--lightblue);}

/* -- Inhaltsabschnitt - Hellgrau  -- */
.content-part.lightgrey { color:#000; background:var(--lightgrey)}
.content-part.lightgrey::before { background:var(--lightgrey)}
.content-part.lightgrey h1 { color:#000}
.content-part.lightgrey.headline .date { display:block; font-size:20px; color: #fff; font-weight:700; margin-bottom:20px}
.content-part.lightgrey .curve .backgrnd{ fill:var(--lightgrey)}

.content-part.lightgrey #breadcrumb,
.content-part.lightgrey #breadcrumb a { color:var(--orange)}

/* -- Inhaltsabschnitt - Grau  -- */
.content-part.grey { color:#fff; background:var(--midgrey)}
.content-part.grey::before { background:var(--midgrey)}
.content-part.grey h2 { color:#fff}
.content-part.grey.headline .date { display:block; font-size:20px; color: #fff; font-weight:700; margin-bottom:20px}
.content-part.grey .curve .backgrnd{ fill:var(--midgrey)}

/* -- Inhaltsabschnitt - Open  -- */
.content-part.darkgreen { color:#fff; background: var(--status-open); padding-bottom:150px}
.content-part.darkgreen::before { background:var(--status-open)}
.content-part.darkgreen.gallery:last-child {padding-bottom:50px}
.content-part.darkgreen > .inner { padding-top:20px}
.content-part.darkgreen .curve .backgrnd{fill: var(--status-open)}
.content-part.darkgreen .node h2 { color:var(--yellow);}
.content-part.darkgreen .node-img  h2 { color:#333}
.content-part.darkgreen .node.filled h2 { color:var(--orange)}

.winter-modus .content-part.darkgreen { background: var(--status-open-winter);}
.winter-modus .content-part.darkgreen::before { background:var(--status-open-winter)}
.winter-modus .content-part.darkgreen .curve .backgrnd{fill: var(--status-open-winter)}

/* -- Inhaltsabschnitt - Geschlossen  -- */
.content-part.red { color:#fff; background: var(--status-closed); padding-bottom:150px}
.content-part.red::before { background:var(--status-closed)}
.content-part.red.gallery:last-child {padding-bottom:50px}
.content-part.red > .inner { padding-top:20px}
.content-part.red .curve .backgrnd{fill: var(--status-closed)}

.winter-modus .content-part.red { background: var(--status-closed-winter);}
.winter-modus .content-part.red::before { background:var(--status-closed-winter)}
.winter-modus .content-part.red .curve .backgrnd{fill: var(--status-closed-winter)}

.content-part.red .node h2 { color:var(--yellow);}
.content-part.red .node-img  h2 { color:#333}
.content-part.red .node.filled h2 { color:var(--orange)}

/* -- Sidebar -- */
#sidebar-rt,
#sidebar-lft {width: 366px; padding-top:30px;}

#sidebar-lft {float: left;}
#sidebar-rt {float: right;}

/* -- Inhalt -- */
#mainContent { margin: 0 415px 0 0; }
.page-full #mainContent { margin: 0}
#sidebar-lft + #mainContent { margin: 0 0 0 415px; }
#mainContent h1 {}
#mainContent h1 {}
#mainContent p {}

img.negativ {margin:-100px 0 -100px -100px; display:block}

table { width:100%}

/* -- Feedback -- */
.feedback {
	width: 640px;margin:50px auto 50px; text-align:center; position:relative;
	transform: translateZ(0);
}
.feedback h3 { font-size:20px; font-weight:700; margin-bottom:30px}
.feedback h3 span { display:inline-block; height:2px; width:100px; background:rgba(255,255,255,0.5); margin:0 20px; position:relative; top:-5px;}
.feedback p { margin-bottom:30px;}
.feedback .socialmedia { width: 40px;height: 40px; background:var(--yellow); right:-10px; top:0; position:absolute; z-index:2; font-size:20px; text-align:center; line-height:46px}

.feedback i.flower,
.feedback i.heart { position:absolute; display:block}

.feedback i.flower { background:url(../gfx/sketch-flower.png); width: 75px;height: 74px; top:0;left:130px}
.feedback i.heart { background:url(../gfx/sketch-heart.png); width: 77px;height: 69px;top:30px; right:-20px}

.feedback .avatar { width:100px; margin:0 auto 20px; position:relative; z-index:1}
.feedback .avatar:before {
	left:50%; top:50%; margin-left:-316px; margin-top:-157px; background: url(../gfx/white-glow.png) center no-repeat; background-size:cover;
	width:632px; height: 314px;content:""; display:block; position:absolute; z-index:-1;

}
.feedback .profilpic { width: 100px; height: 100px; display:block; position:relative; z-index:1}

/* -- Ricos Platz -- */
.figurePlace { position:relative}
.figurePlace .rico { float:right; position:relative; z-index:1}
.figurePlace .txt { position:absolute; right:10px; bottom:100px;font-family: var(--secondary-font); color:#fff; font-size:25px; line-height:30px; max-width: 280px}
.front .figurePlace .rico {display: none}
/* -- Mehr Button -- */
.more {
	color:#fff; font-weight:700; text-decoration:none;background:var(--blue); padding:8px 50px 12px 15px; font-size:15px;
	 display:inline-block;border-radius:4px; border: 0; cursor: pointer;
	 box-shadow:0 2px 4px rgba(0,0,0, 0.3), inset 0 -2px 0 2px rgba(0,0,0,0.1); position:relative;
     -webkit-hyphens: auto;hyphens: auto;
}
a.more {padding:7px 50px 10px 15px;}
.more:before {
	width: 20px; height: 20px; display:block; border:2px solid #fff;
	border-radius: 2px; font-size:10px;
	 text-align:center; line-height:17px !important; position:absolute; top:50%; margin-top:-12px; right:15px
}
.more:hover{
	box-shadow:0 1px 2px rgba(0,0,0, 0.3), inset 0 -2px 0 2px rgba(0,0,0,0.1);
	background:#9594B0;
}
.more:active {
	box-shadow:0 0 0 rgba(0,0,0, 0.3), inset 0 -2px 0 2px rgba(0,0,0,0.1);
}
.more.green { background: var(--green)}
.more.magenta { background: var(--magenta)}
.more.green { background: var(--green)}

.loadMore {position: relative; z-index: 10}
.loadMore .more { margin:0 auto;  display:block; width:366px}

#newsWrap + .loadMore { padding-bottom: 100px}

.btnWrap {position: relative; z-index: 10}
.btnWrap .more { margin:0 auto;  display:block; width:306px}

/* -- Elemente & Blöcke -- */
.node { margin-bottom:40px}
/* .node:last-child { margin-bottom:0} */
.node h2{font-size:30px;}
.node h2 a{ color:inherit; }

.node .inner p:last-child { margin-bottom:0}
.node .inner img {max-width:100%; height:  auto !important}
.node > .badget{
	width: 100px;height: 100px; position:absolute; left:36%; top:-10px; z-index:2; text-align:center; line-height:20px;
	border-radius: 50%;font-family: 'Kalamregular', sans-serif; font-size:20px;
	transform: rotate(-10deg);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: center;
}
.node > .badget.yellow { background:var(--yellow); color:#fff}
.node >  .badget.green {}
.node > .badget.magenta { background:var(--red); color:#fff}

.node table { color:#333; margin-bottom:30px;border-radius: 4px; overflow:hidden}
.node table:last-child {margin-bottom:0}
.node table th,
.node table td { padding:20px 25px }

.node table thead {}
.node table thead th { border-right:2px solid #fff; color:#fff;text-align:left;}
.node table thead th:nth-child(0) { background:var(--yellow)}
.node table thead th:nth-child(1) { background:var(--orange)}
.node table thead th:nth-child(2) { background:var(--red)}
.node table thead th:nth-child(3) { background:var(--yellow)}
.node table thead th:nth-child(4) { background:var(--blue)}
.node table thead th:nth-child(5) { background:var(--yellow)}
.node table thead th:nth-child(6) { background:var(--orange)}
.node table thead th:nth-child(7) { background:var(--red)}
.node table thead th:nth-child(8) { background:var(--yellow)}

.node table thead th:last-child { border-right:0;}

.node table tbody {}
.node table tbody th {border-bottom:2px solid #fff;border-right:2px solid #fff; background:#F3EBC0; text-align:left; vertical-align:top}
.node table tbody td {border-right:2px solid #fff;border-bottom:2px solid #fff; background:#F0F0F0}
.node table tbody td:last-child { border-right:0}
.node table tbody tr:last-child th,
.node table tbody tr:last-child td { border-bottom:0}

.node.filled { background:#fff; color:#333;border-radius: 4px; padding:25px 32px}
.node.filled .inner { display: inline-block; width: 100%}
.node.filled .inner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0; height: 0;}
.node.filled .inner h2 { font-size:30px; margin-bottom:20px}
.node.filled .inner h3 { margin-bottom:30px; font-size:20px}
.node.filled .inner table {  margin-bottom:30px}
.node.filled .inner ul { padding-left:0; list-style:none; margin-bottom:30px}
.node.filled .inner ul li {padding-left:50px; position:relative; margin-bottom:10px}
.node.filled .inner ul li:before {
	content:""; width: 12px;height: 12px; border:2px solid var(--lightyellow); position:absolute; left:25px; top:5px;
	border-radius: 50%;
}
.node.filled .inner blockquote {
    margin:0 -32px 30px;padding:40px 32px 40px 100px;
    background:#FFF7CC url(../gfx/sketch-screamer.png) 40px center no-repeat; min-height:160px
}
.node.filled .inner blockquote h3 { margin-bottom:20px}
.node.filled .inner blockquote:last-child { margin:0 -32px -25px;border-radius: 0 0 4px 4px;}

.node.filled .btnBar { margin-left:-3%}
.node.filled .btnBar a.more{ width:46.5%; margin-left:3%; vertical-align:top}

/* -- Node - IMG -- */
.node-img { overflow:hidden; padding-top:13px}
.events .node-img { overflow:visible; position: relative; display: inline-block; width: 100%}
.node-img .img { float:left; margin-top:-13px; margin-right:-1px}
.node-img .inner h2{ font-family: var(--default-font); font-size:18px; font-weight:700; color:#333; text-transform:none}

.content-part.lightblue article.node.filled .inner h2 {color: var(--orange)}
.content-part.lightblue article.node-img .inner h2 {color: #333}

.node-img .inner {
	background:#fff; color:#333;border-radius: 0 4px 4px 0; padding:25px 32px;
	overflow:hidden;min-height: 373px; position:relative;
    display: flex;
    flex-direction: column;
}
.node-img .submitted{ color:var(--orange); font-weight:bold; display:block; margin-bottom:10px}
.node-img .btns{ margin-top: auto;}
.node-img a.more { display:block; margin-top:0}
.node-img a.webcalBtn {position: absolute; right: 32px; top: 25px}
/* -- Node - Bewerbungsformular -- */
.content-part.green .node-single.bewerbung h2 { color:#fff; font-size:50px;}

/* -- Blöcke -- */
.block { margin-bottom:30px}
.block .badget{
	width: 100px;height: 100px; position:absolute; right:30px; top:-10px; z-index:2; text-align:center; line-height:20px;
	border-radius: 50%;font-family: 'Kalamregular', sans-serif; font-size:20px;
	transform: rotate(-10deg);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: center;
}
.block a.badget span { display:none}
.block a.badget { text-decoration:none}
.block a.badget.icon-play { font-size:40px; line-height:120px}
.block .badget.yellow { background:#ed6e2c; color:#fff}
.block .badget.green {}
.block .badget.magenta { background:var(--red); color:#fff}

.block button.close {
    width: 60px;height: 60px;-webkit-appearance:none; cursor:pointer; background:var(--yellow);
    position:absolute; left:50%; top:-10px; z-index:3; border:0; margin-left: -30px
}
.block button.close span { display:none}

.block button.close:before,
.block button.close:after {
    width:30px; height:2px; background:#fff; content:""; display:block;
    position:absolute; left:50%; top:50%; margin-left:-15px; margin-top:-1px
}

.block button.close:before {transform: rotate(45deg);}
.block button.close:after {transform: rotate(-45deg);}

.block.query { position:relative}
.block.query:before { content:""; width: 47px;height: 95px; background:url(../gfx/sketch-query.png); display:block; position:absolute; left:-60px; top:-30px}

.block h3, .block .like-h3 { font-size:20px; margin-bottom:20px}
.block .like-h3 { font-family: var(--default-font); font-weight: bold}
.block-login .like-h3 { color: inherit !important;}
.block.v2 h3{ font-family: var(--secondary-font); font-size: 30px; font-weight: normal; line-height: 100%}
.block h3 a, .block .like-h3 a{ color: inherit; text-decoration:none}
.block h3 a:hover{}
.block .inner{}
.block .inner a:not(.more) { color:var(--blue); font-weight:500; text-decoration:none}
.block .inner a:not(.more):hover { text-decoration:underline}
.block .inner p{}
.block .inner p:last-child{ margin-bottom:0}
.block address { font-style:normal}
.block table { margin-bottom:30px; }
.block table th { font-weight:bold; text-align:left; vertical-align:top; padding-bottom:10px; padding-right:10px; width:60%}
.block table td:last-child,
.block table th:last-child { padding-left:10px;/* white-space:nowrap */}
.block table td { padding-bottom:10px; vertical-align:top}

.block .ampel-stat {
    position: absolute;
    width: 38px;
    height: 69px;
    right: 10px; top: 10px;
    z-index: 2;
}
.block .ampel-stat.is-open { background: url(../gfx/ampel-green.svg);}
.block .ampel-stat.is-closed { background: url(../gfx/ampel-red.svg);}

.winter-modus .block .ampel-stat.is-open { background: url(../gfx/winter-ampel-green.svg);}
.winter-modus .block .ampel-stat.is-closed { background: url("../gfx/winter-ampel-red.svg");}

.open-stat {
    display: flex;
    flex-direction: row;
    gap: 15px;
    margin-bottom: 20px;
    align-items: center;
}
.open-stat::before {font-size: 24px;}
.open-stat p { margin-bottom: 0 }

.grid .block { position:relative}
.grid .block:after {
	content:""; background:#fff; height:60%; left:0; right:0; bottom:0; position:absolute; display:block; width:100%;
	border-radius: 0 0 4px 4px; z-index:-1;
}
.medien .grid .block:after,
.attractions .grid .block:after { display:none}
.block.wetter table td:last-child,
.block.wetter table th:last-child { padding-left:0; white-space:normal}

.open-stat-btn {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    background: var(--blue);
    padding: 8px 14px 12px;
    font-size: 15px;
    display: inline-block;
    border-radius: 4px;
    position: relative;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), inset 0 -2px 0 2px rgba(0, 0, 0, 0.1);
}
.open-stat-btn.is-open {background: var(--status-open)}
.open-stat-btn.is-closed {background: var(--status-closed)}

.winter-modus .open-stat-btn.is-open {background: var(--status-open-winter)}
.winter-modus .open-stat-btn.is-closed {background: var(--status-closed-winter)}

/* -- Block Info ohne Bild -- */
.block-info { background:url(../gfx/blkinfo-top.png) center top no-repeat; background-size:contain; padding-top:30px; width:366px; position:relative; z-index:1}
.block-info:after {
	content:""; background:#fff; height:40%; left:0; right:0; bottom:0; position:absolute; display:block; width:100%;
	border-radius: 0 0 4px 4px; z-index:-1;
}
.block-info .inner{
	background:#fff; padding:25px 25px 30px; color:#333;
	border-radius: 0 0 4px 4px;
}
.block-info .inner ul { padding-left:0; list-style:none; margin-bottom:30px}
.block-info .inner ul li {padding-left:30px; position:relative; margin-bottom:10px}
.block-info .inner ul li:before {
	content:""; width: 12px;height: 12px; border:2px solid var(--green); position:absolute; left:0; top:5px;
	border-radius: 50%;
}

/* -- Block Text -- */
.block-text h2 {color:var(--orange);font-size: 36px;margin-bottom: 20px; padding-right:50px}
.block-text .inner{ color:#333; padding:20px 25px;border-radius: 4px 4px 0 0;}
.block-text .meta,
.block-text .inner{ background:#fff;}
.block-text .inner:last-child{border-radius: 4px;}
.block-text .meta{ padding:0 25px 30px;border-radius: 0 0 4px 4px;}

/* -- Blöcke mit Bild-- */
.block-img { width:366px; position:relative;margin:  0 auto}
.block-img .img {
	overflow:hidden;height:220px; display:block;position:relative; z-index:1
}

.block-img.video { width: 100%}
.block-img.video .iframe-wrap {position: relative; padding-bottom: 56.25%;overflow: hidden; width: 100%;height: auto;}
.block-img.video .iframe-wrap iframe {display: block;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

.block-img .img svg { width:100% !important; height:auto !important}
.block-img .submitted { font-weight:500; color:var(--orange); margin-bottom:10px; display:block}
.block-img .inner{ color:#333; padding:20px 25px}
.block-img .meta,
.block-img .inner{ background:#fff;}
.block-img .icons { float:right; font-size:36px; padding-top:3px}
.block-img .icons .age-range{
    width: 36px; height: 36px; border: 2px solid #fff;font-size: 12px; font-weight: bold;
    text-transform: uppercase;text-align: center; line-height: 32px;display: inline-block;
    border-radius: 50%;
}

/*@media  screen and (min-width: 480px) and (max-width: 740px), */
@media screen and (min-width: 1024px) and (max-width: 1100px),
		screen and (min-width: 1450px) and (max-width: 1520px){
.grid .block-img .icons { float:none; margin-bottom:20px}
#medien.grid .block-img .icons { float:right; margin-bottom:0}
}

.block-img .icons i { display:block; float:left; margin-left:4px; color:var(--orange)}
.block-img .inner .meta { padding:0}
.block-img .inner .meta a.more { color:#fff; font-weight:bold;}
.block-img .inner .meta a.more:hover { text-decoration:none}

.block-img .txt-wrap { margin-bottom:20px}

.block-img .inner:last-child{border-radius: 0 0 4px 4px;}
.block-img .meta{ padding:0 25px 30px;border-radius: 0 0 4px 4px;}

.block-img a.more { display:block}
.block-img .inline a.more { display:inline-block}
.block-img ul.list { list-style:none; padding-left:0}
.block-img ul.list li { margin-bottom:15px}
.block-img ul.list li:last-child { margin-bottom:0}
.block-img ul.list li a.more{ color:#fff }

.block-img .blkgallery {}
.block-img .blkgallery .swiper-button-prev,
.block-img .blkgallery .swiper-button-next {
	opacity:0;
	transition: opacity 500ms cubic-bezier(.2, 1, .3, 1), transform 500ms cubic-bezier(.2, 1, .3, 1);
}
.block-img .blkgallery .swiper-button-prev {transform: translate(-20%, 0);}
.block-img .blkgallery .swiper-button-next {transform: translate(20%, 0);}

.block-img:hover .blkgallery .swiper-button-prev,
.block-img:hover .blkgallery .swiper-button-next {
	transform: none;
	opacity:1;
}

/* -- Block Partner-- */
.block-img.partner .img {
	background:#fff; text-align:center; width:366px; height:220px; display:block;
	-webkit-clip-path: polygon(100% 4px, 99% 0px, 4px 20px, 0px 24px, 0px 220px, 100% 220px, 100% 4px);
	clip-path: polygon(100% 4px, 99% 0px, 4px 20px, 0px 24px, 0px 220px, 100% 220px, 100% 4px);
}
.block-img.partner .img img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width:auto !important; height:auto !important }

.block-img.partner .inner,
.block-img.partner .meta{ background:#F0F0F0;}

/* -- Block Veranstaltungen-- */
.block-img.events table th { color:var(--orange)}

#lageplan .block-img h2,
#catering .block-img h2,
#attractions .block-img h2,
.next-season .block-img h3,
.next-season .block-img h2 {
    font-size:25px; margin-bottom:20px; line-height: 130%;
    color:  #fff; font-family: var(--secondary-font); font-weight: normal
}
#catering .block-img h2 { text-transform:none}

#medien .block-img h2 { font-size:20px;font-family: var(--default-font); font-weight:700; text-transform:none; margin-bottom:0}

.birthdayoverview .block-img h2 {color: #fff; font-size: 25px; line-height: 130%}
/* -- Block Farben -- */
/* -- Block Weiß -- */
.block-img.white .inner  { background:#fff;}
.block-img.white .inner h2 { color:var(--orange)}
.block-img.white .icons i{ color:var(--orange)}

/* -- Block Grün -- */
.block-img.green .inner,
.block-img.green .meta { background:var(--green); color:#fff}
.block-img.green .icons i{ color:#fff}

/* -- Block Orange -- */
.block-img.orange .inner,
.block-img.orange .meta { background:var(--orange);color:#fff}
.block-img.orange .icons i{ color:#fff}

/* -- Block Magenta -- */
.block-img.magenta .inner,
.block-img.magenta .meta { background:var(--red);color:#fff}
.block-img.magenta .icons i{ color:#fff}

/* -- Block Magenta -- */
.block-img.blue .inner,
.block-img.blue .meta { background:var(--blue);color:#fff}
.block-img.blue .icons i{ color:#fff}

/* -- Block Hellblau -- */
.block-img.lightblue .inner,
.block-img.lightblue .meta { background:var(--lightblue);color:#fff}
.block-img.lightblue .icons i{ color:#fff}

/* -- Block Hellgrün -- */
.block-img.lightgreen .inner,
.block-img.lightgreen .meta { background:var(--lightyellow);color:#fff}
.block-img.lightgreen .icons i{ color:#fff}

/* -- Block Hellgrau -- */
.block-img.lightgrey .inner,
.block-img.lightgrey .meta { background: #f2f1f0;color:#000}
.block-img.lightgrey .icons i{ color:#000}

/* -- Block Rot -- */
.block-img.red .inner,
.block-img.red .meta { background: #ee6f5b;color:#fff}
.block-img.red .icons i{ color:#fff}

/* -- Block Gelb -- */
.block-img.yellow .inner,
.block-img.yellow .meta { background: #fcc351;color:#fff}
.block-img.yellow .icons i{ color:#fff}

/* -- Block geöffnet -- */
.block-img.open .inner,
.block-img.open .meta { background: var(--status-open);color:#fff}
.block-img.open .icons i{ color:#fff}

.winter-modus .block-img.open .inner,
.winter-modus .block-img.open .meta { background: var(--status-open-winter) }

/* -- Block geöffnet -- */
.block-img.closed .inner,
.block-img.closed .meta { background: var(--status-closed); color:#fff}
.block-img.closed .icons i{ color:#fff}

.winter-modus .block-img.closed .inner,
.winter-modus .block-img.closed .meta { background: var(--status-closed-winter) }

/* -- Block Nächste Saison -- */
.block-img.grey img,
.block-img.grey .blksvgMask {
    filter: grayscale(1);
}
.block-img.grey .inner,
.block-img.grey .meta { background: #A1A1A1; color:#fff}
.block-img.grey .icons i{ color:#fff}

/* -- Hover Effect -- */
.block-img h2 {
    margin-bottom: 20px;
    -webkit-hypens: auto;
    hyphens: auto;
}
.block-img .inner,
.block-img .meta,
.block-img .icons i{
    transition: color 350ms cubic-bezier(0.2, 1, 0.3, 1), background 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.block-img .icons span{
    transition: color 350ms cubic-bezier(0.2, 1, 0.3, 1), border-color 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.block-img.colored:hover h2,
.block-img.colored:hover h3,
.block-img.colored:hover .icons i,
.block-img.colored:hover .icons span { color:var(--orange) !important}
.block-img.colored:hover .icons span { border-color:var(--orange)}

.block-img.colored:hover .meta { background:#fff}

.block-img.colored:hover .inner { background:#fff;color:#333}

/* -- Blöcke mit Googlemaps-- */
.block-gmap { width:366px; position:relative; }
.block-gmap .gmap {
	-webkit-clip-path: polygon(100% 4px, 99% 0px, 4px 20px, 0px 24px, 0px 220px, 100% 220px, 100% 4px);
	clip-path: polygon(100% 4px, 99% 0px, 4px 20px, 0px 24px, 0px 220px, 100% 220px, 100% 4px);

	width:366px; height:220px; display:block; position:relative; z-index:1;
	-webkit-backface-visibility: hidden; background-color:transparent !important
}
@media screen and (min--moz-device-pixel-ratio:0) {
   .block-gmap .gmap {
	    clip-path: url(#path);
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .block-gmap .gmap:before {content:""; position: absolute;z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: url(clippath.svg)}
}
@supports (-ms-ime-align:auto) {
    .block-gmap .gmap:before {content:""; position: absolute;z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: url(clippath.svg)}
}
.block-gmap .gmap > div{
	background:transparent !important;
	-webkit-clip-path: polygon(100% 4px, 99% 0px, 4px 20px, 0px 24px, 0px 220px, 100% 220px, 100% 4px);
	clip-path: polygon(100% 4px, 99% 0px, 4px 20px, 0px 24px, 0px 220px, 100% 220px, 100% 4px);
}
.block-gmap .inner{
	background:#fff; color:#333; padding:20px 25px;
	border-radius: 0px 0px 4px 4px;
}
.block-gmap address { font-style:normal}
.block-gmap table { margin-bottom:30px}
.block-gmap table th { font-weight:bold; text-align:left; vertical-align:top; padding-bottom:10px}
.block-gmap table td { padding-bottom:10px}

/* -- -- */
.block-form {
    -webkit-clip-path: polygon(100% 4px, 99% 0px, 4px 20px, 0px 24px, 0px 100%, 100% 100%, 100% 4px);
	clip-path: polygon(100% 4px, 99% 0px, 4px 20px, 0px 24px, 0px 100%, 100% 100%, 100% 4px);
    background: #fff; color: #333; border-radius: 0 0 6px 6px;
}
.block-form .inner { padding: 55px 25px 30px}
.block-form fieldset.std { margin-bottom: 0}
.block-form fieldset.std .formItem:not(.formError) select,
.block-form fieldset.std .formItem:not(.formError) input.formText,
.block-form fieldset.std .formItem:not(.formError) textarea { border-color: var(--blue) !important; color: #333}
.block-form .msg.error { color: var(--magenta) }

.block-form form {
    flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}
.block-form fieldset.std {
    flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}
/* -- Blöcke mit Runden Bild-- */
.block-circle { position:relative; margin-bottom:30px}
.block-circle .ball { position:absolute; z-index:2}
.block-circle .ball.magenta {width: 35px;height: 35px; background:var(--lightyellow); left:268px; top:-30px}
.block-circle .ball.orange {width: 74px;height: 74px; background:var(--lightyellow); top:264px; left:0}
.block-circle .ball.yellow { width: 100px;height: 100px; background:var(--lightyellow); left:286px; top:20px}
.block-circle .img{ position:relative; z-index:1}
.block-circle .img img { display:block}

/* -- Block für Icons -- */
.block-icons { text-align:center}
.block-icons i { font-size:44px; margin:0 5px}
.block-icons .age-range{
    width: 36px; height: 36px; border: 2px solid #fff;font-size: 12px; font-weight: bold;
    text-transform: uppercase;text-align: center; line-height: 32px;display: inline-block;
    border-radius: 50%;
}
/* -- Block Saisoninfo -- */
.saisoninfo-desktop { margin-bottom: 30px}

.saison .info,
.block-saison { color:#333; margin-bottom:0}
.saison h3,
.block-saison h3 {
	font-size:23px; padding:30px; margin-bottom:0;  color:#fff;font-family: var(--secondary-font);
	border-radius: 4px 4px 0 0; font-weight:normal;
    line-height: 120%;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.saison .info,
.block-saison .inner { padding:30px;border-radius: 0 0 4px 4px;}
.block-saison table:last-child { margin-bottom:0}
.block-saison table { font-size:13px; line-height: 16px }
.block-saison table th:last-child {white-space: normal; padding-right: 0; padding-left: 0}

.block-saison table th {
    font-weight: normal;
}
.block-saison table th.bold,
.block-saison table td.bold {
    font-weight: bold;
}

.saison.frühjahrsaison h3,
.block-saison.frühjahrsaison h3 { background:var(--green)}

.saison.frühjahrsaison .info,
.block-saison.frühjahrsaison .inner { background:#E1EEC6}

.saison.hauptsaison h3,
.block-saison.hauptsaison h3 { background:var(--yellow)}

.saison.hauptsaison .info,
.block-saison.hauptsaison .inner { background:#FFEA80}

.saison.herbstsaison h3,
.block-saison.herbstsaison h3 { background:var(--orange)}

.saison.herbstsaison .info,
.block-saison.herbstsaison .inner { background:#F8BE80}

.saison.dozedays h3,
.block-saison.dozedays h3 { background:#9999cc}

.saison.dozedays .info,
.block-saison.dozedays .inner { background:#BDB9DD}

.saison.wintersaison h3,
.block-saison.wintersaison h3 { background:var(--blue)}

.saison.wintersaison .info,
.block-saison.wintersaison .inner { background:#80CDF1}

.saison.highlight h3,
.block-saison.highlight h3 { background:#30A837}

.saison.highlight .info,
.block-saison.highlight .inner { background:#7EB913}

.saison.deepblue h3,
.block-saison.deepblue h3 { background:#0199E2}

.saison.deepblue .info,
.block-saison.deepblue .inner { background:#9DBCDB}

.saison.deeppurple h3,
.block-saison.deeppurple h3 { background:#5F59A0}

.saison.deeppurple .info,
.block-saison.deeppurple .inner { background:#989ACD}

.saison.deepyellow h3,
.block-saison.deepyellow h3 { background:#FED500}

.saison.deepyellow .info,
.block-saison.deepyellow .inner { background:#FADD72}

.saison.lightblue h3,
.block-saison.lightblue h3 { background: #69b3dd}

.saison.lightblue .info,
.block-saison.lightblue .inner { background:var(--lightblue);}

.saison.lightgreen h3,
.block-saison.lightgreen h3 { background:#d6d300}

.saison.lightgreen .info,
.block-saison.lightgreen .inner { background:var(--lightyellow);}

.saison.lightgrey h3,
.block-saison.lightgrey h3 { background:#e4e3e2; color: #000}

.saison.lightgrey .info,
.block-saison.lightgrey .inner { background:#f2f1f0; color: #000}


/* -- Spalten Layout -- */
.row {}
.row h2 {font-family:"Open Sans", sans-serif; font-size:20px; font-weight:700; margin-bottom:20px}
.row .lft,
.row .mid,
.row .rt { float:left}

.twoCols .lft,
.twoCols .rt { width:50%}

.twoCols .lft { background:url(../gfx/splitter.png) right center no-repeat; padding-right:30px}

.threeCols .lft,
.threeCols .mid,
.threeCols .rt { width:33.3%}

/* -- Grid System -- */
.grid {}
.grid .box{ float:left;}
.grid .box .block { margin:0 auto 30px}
.grid.two .box { width:50%}
.grid.two .box:nth-child(odd) { padding-right:15px;}
.grid.two .box:nth-child(even) { padding-left:15px}
.grid.three .box { width:33.3%}

.grid.twoRt .box:first-child { width:366}
.grid.twoRt .box:last-child{ width:814px}

.grid.twoLft .box:first-child { width:70%}
.grid.twoLft .box:last-child{ width:30%;}

.sticky .grid {display: flex;flex-direction: row}
.sticky .grid .box {float: none}

.sticky .grid.twoLft .box:first-child { width:80%}
.sticky .grid.twoLft .box:last-child{ width:20%; padding:0 25px; pointer-events: none}

.grid.three .box:nth-child(3n-2) { padding-right:30px}
.grid.three .box:nth-child(3n-1) { padding-left:10px; padding-right:10px}
.grid.three .box:nth-child(3n) { padding-left:30px}

.grid {}
.grid.responsive { margin-left:-50px}
.grid.responsive .box{ padding-left:49px; text-align:left}
.grid.responsive .box .block{ width:auto}
.grid.responsive .box .block-img .img { width:100%; overflow:hidden; height:auto}

.fluidCols { padding: 0 20px}
@media screen and (max-width: 639px) {
.grid.responsive { margin-left:0; padding:0}
.grid.responsive .box{ padding-left:20px; text-align:left; float:none}
}
@media screen and (min-width: 640px) {
	.grid.responsive {	padding: 0 30px}
	.grid.responsive .box {width: 50%;}
}
@media screen and (min-width: 1024px) {
	.grid.responsive .box {width: 33.3%}
}
@media screen and (min-width: 1450px) {
	.grid.responsive .box {width: 25%}
}
@media screen and (min-width: 1920px) {
	.grid.responsive .box {width: 20%}
}
@media screen and (min-width: 2300px) {
	.grid.responsive .box {width: 16.666%}
}
#catering.grid {margin-top: 40px}

/* -- Flexgrid Layout -- */
.flexgrid {
    margin: 0 -15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
}
.flexgrid .box {padding:0 15px }
.flexgrid .box-20 { width: 20%}
.flexgrid .box-25 { width: 25%;}
.flexgrid .box-33 { width: 33.333333%;}
.flexgrid .box-40 { width: 40%}
.flexgrid .box-50 { width: 50%;}
.flexgrid .box-60 { width: 60%}
.flexgrid .box-66 { width: 66.666666%}
.flexgrid .box-75 { width: 75%}
.flexgrid .box-80 { width: 80%}
.flexgrid .box-100 { width: 100%}

@media only screen and (max-width: 820px) {
    .flexgrid .box { width: 50%;}
}
@media only screen and (max-width: 576px) {
    .flexgrid .box { width: 100%;}
}
.flexgrid.no-padding {margin-left: 0; margin-right: 0}
.flexgrid.no-padding .box{ padding: 0}

/* -- */
.flexgrid .block { margin-bottom: 0}
.flex-center {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: center;
}

.equal-grid {}
.equal-grid:last-child {margin-bottom: 0}
.equal-grid .box {
	display: flex; margin-bottom: 40px;
	flex-direction: column;
}
.equal-grid .node,
.equal-grid .block,
.equal-grid .card {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.equal-grid .block .inner {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}
/* -- Formular Elemente -- */
.msg { color:var(--yellow); margin-bottom:10px}

.skatesItem a.btnMore {
    margin-top: 10px; color: #fff; font-weight: 700;
	text-decoration: none; background: var(--blue);
	padding: 6px 15px 10px 15px; font-size: 15px; display: inline-block;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0,0,0, 0.3), inset 0 -2px 0 2px rgba(0,0,0,0.1);
}
.skatesItem a.btnMore:hover {
	box-shadow: 0 1px 2px rgba(0,0,0, 0.3), inset 0 -2px 0 2px rgba(0,0,0,0.1);
	background: #9594B0;
}
.skates-container {}
.skates-elem { margin-bottom: 20px}
.skates-elem .flexgrid {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
}
.skates-elem .flexgrid .box{ width: 25%}

.skates-elem .flexgrid .box-count{}
.skates-elem .flexgrid .box-sizetext{}
.skates-elem .flexgrid .box-sizetext {padding: 10px 20px;}
.skates-elem .flexgrid .box-size{padding-left: 15px;width: calc(50% - 75px);}

.skates-elem .flexgrid .box-btn{ padding-left: 30px; width: 75px}
.skates-elem .flexgrid .box-btn a.btnMore { margin-top: 0; height: 43px }
.skates-elem .flexgrid .box-btn a.btnMore span { display: none}
.skates-elem .flexgrid .box-btn a.btnMore::before { top: 4px; position: relative;}

fieldset { border:0; margin-bottom:20px}
fieldset.std ul.errors {
    list-style: none; padding-left: 0; font-size: 11px; color: #fff; position: relative;
    left:0; height: 0; margin-bottom: 0; pointer-events: none;
}
fieldset.std ul.errors li { position: absolute}
fieldset.std .even ul.errors { left: 15px}
fieldset.std .formItem{ margin-bottom:20px;float:left;width: 100%;}
fieldset.std h3 {padding: 5px 10px;font-weight: 700; font-size:15px;}
fieldset.std hr {height:2px; margin: 40px 0 20px; border: 0; background:rgba(255,255,255, 0.5); clear: both}
fieldset.std .formItem.half { float:left; width:50%}
fieldset.std .formItem.half.odd { padding-right:15px}
fieldset.std .formItem.half.even { padding-left:15px}
fieldset.std .formItem label{ display:block; padding:5px 10px; font-weight:700;position: relative;}
fieldset.std .formItem label .info{
	font-weight: normal;
	position: absolute;
	right: 0;
	bottom: 9px;
	font-size: 11px;
	max-width: 50%;
	line-height: 110%;
	text-align: right;
}
fieldset.std .formItem.formRadios > label,
fieldset.std .formItem.appointment label { padding:5px 10px }
/*
fieldset.std .formItem.appointment label:last-child  {margin-left: 15px}
*/
fieldset.std .formCheckbox label { padding:5px 0}
fieldset.std .formItem select,
fieldset.std .formItem input.formText,
fieldset.std .formItem textarea {
	font-size:15px;	padding:8px 10px; border:2px solid #fff; width:100%;background:rgba(255,255,255, 0.5);
	border-radius:4px;
	box-shadow:0 2px 4px rgba(0,0,0,0.2);
}

fieldset.std .formItem input.formText[readonly],
fieldset.std .formItem textarea[readonly] {
	opacity: .5; cursor: default;
	background: rgba(255,255,255, 0.7); color: #000;
}

fieldset.std .formItem select,
fieldset.std .formItem input.formText { height: 40px}

fieldset.std .formError label { color:var(--orange)}
fieldset.std .formError select,
fieldset.std .formError .nice-select,
fieldset.std .formError input.formText,
fieldset.std .formError textarea {border:2px solid var(--orange);}
fieldset.std .formItem.captcha img {margin-bottom: 5px}
fieldset .formItem input.formText:focus,
fieldset .formItem textarea:focus { background:#fff; color:var(--blue)}

fieldset .formItem input.formText{}
fieldset.contactform .formItem textarea {height:150px}

fieldset.contactform .formItem.captcha  {clear:both}
fieldset.contactform .formItem.captcha label {float:left}
fieldset.contactform .formItem.submit { padding-top:32px}
#kidsclubRegister fieldset.contactform .formItem.submit { padding-top:0}
/* -- Checkbox Replacement -- */
fieldset .formCheckbox { position:relative;}
fieldset .formCheckbox input.formRadio { position:absolute; left:0; top:0;opacity: 0;}
fieldset .formCheckbox a { text-decoration:none; color:var(--yellow); font-weight:700}
fieldset .formCheckbox a:hover { text-decoration:underline}
fieldset .formCheckbox label { font-weight:normal !important}
fieldset .formCheckbox label i {
	width: 40px;height: 40px; border:2px solid #fff; display:block;background:rgba(255,255,255, .5); float:left; margin-right:20px; position:relative;
	cursor:pointer; border-radius:4px;
	box-shadow:0 2px 4px rgba(0,0,0,.2);
}
fieldset .formCheckbox label i:before,
fieldset .formCheckbox label i:after {
	content:"";width:60%; height:2px; background:var(--blue); display:block; position:absolute; left:50%; top:50%; margin-top:-1px; margin-left:-30%;
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
fieldset .formCheckbox label i:before {
	transform: rotate(137deg) scale(0,1);
}
fieldset .formCheckbox label i:after {
	transform: rotate(45deg) scale(0,1);
}

fieldset .formCheckbox input[type="checkbox"]:checked + label i:before {
	transform: rotate(137deg) scale(1);
}
fieldset .formCheckbox input[type="checkbox"]:checked + label i:after {
	transform: rotate(45deg) scale(1);
}

fieldset .formRadios input[type="radio"]:disabled + label i,
fieldset .formCheckbox input[type="checkbox"]:disabled + label i{opacity: .5; cursor: default}


fieldset .formCheckbox label span { display:block; overflow:hidden; padding:10px 0}

/* -- Radios Replacement -- */
fieldset .formRadios { position:relative;}
fieldset .formRadios h4 {float:left; width: 50%; padding: 10px 0; margin-right: 5px}
fieldset .formRadios input.formRadio { position:absolute; left:0; top:0;opacity: 0;}
fieldset .formRadios a { text-decoration:none; color:var(--yellow); font-weight:700}
fieldset .formRadios a:hover { text-decoration:underline}
fieldset .formRadios .radios label { font-weight:normal !important}
fieldset .formRadios label i {
	width: 40px;height: 40px; border:2px solid #fff; display:block;background:rgba(255,255,255, 0.5); float:left; margin-right:20px; position:relative;
	cursor:pointer; border-radius:50%;
	box-shadow:0 2px 4px rgba(0,0,0,0.2);
}
fieldset .formRadios label i:before {
	content:"";width:60%; height:60%; background:var(--blue); display:block; position:absolute; left:50%; top:50%; margin-top:-30%; margin-left:-30%;
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1);
    border-radius:50%;
}
fieldset .formRadios label i:before {transform:  scale(0);}
fieldset .formRadios input[type="radio"]:checked + label i:before {transform: scale(1);}

fieldset .formRadios label span { display:block; overflow:hidden; padding:10px 0}
fieldset .formRadios .radios label{ display: inline-block}

fieldset.geburtstag hr {height:2px; margin: 40px 0 20px; border: 0; background:rgba(255,255,255, 0.5); clear: both}

/* -- File Upload -- */
fieldset .formUpload {}
fieldset .formUpload label {}
fieldset .formUpload label em { font-weight:normal; font-style:normal}

/* -- Fileupload Box-- */
.uploadBox {
    background: rgba(255,255,255, .5); padding:30px; color:#333;position: relative;
	box-shadow:0 2px 4px rgba(0,0,0,.2);
	border-radius: 4px;
}
.uploadBox .formFile { width:305px; float:left; margin-right:50px; position:relative}
.uploadBox .formFile input {height:40px; position:absolute; top:0; z-index:2; cursor:pointer;;opacity: 0;width: 50%; left: 0}

/* -- Mehr Button -- */
.uploadBox span.icon-arrow-up,
.uploadBox .formFile .icon-arrow-up {
	color:#fff; font-weight:700; text-decoration:none;background:var(--blue); padding:8px 14px 12px; font-size:15px; border:0;
	 display:block;border-radius:4px; cursor:pointer;width:100%; text-align:left;
	 box-shadow:0 2px 4px rgba(0,0,0, .3), inset 0 -2px 0 2px rgba(0,0,0,.1);
}
.uploadBox span.icon-arrow-up:before,
.uploadBox .formFile .icon-arrow-up:before {
	width: 20px; height: 20px; display:block; border:2px solid #fff; float:right; margin-left:20px;
	border-radius: 2px; font-size:10px;
	 text-align:center; line-height:17px; position:relative; top:2px
}
.uploadBox span.icon-arrow-up:hover,
.uploadBox .formFile .icon-arrow-up:hover{
	box-shadow:0 1px 2px rgba(0,0,0, .3), inset 0 -2px 0 2px rgba(0,0,0,.1);
}
.uploadBox span.icon-arrow-up:active,
.uploadBox .formFile .icon-arrow-up:active {
	box-shadow:0 0 0 rgba(0,0,0, .3), inset 0 -2px 0 2px rgba(0,0,0,.1);
}

.uploadBox > label:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0; height: 0;}
.uploadBox span.icon-arrow-up{ width: 50%; width: calc(50% - 20px); float: left}
.uploadBox span.icon-arrow-up + input + .formFile { margin-left: 50%;float: none; padding-left: 20px; margin-right: 0; width: auto}
.uploadBox span.icon-arrow-up + input { position: absolute; left: 0; top: 0; height: 43px;opacity: 0;}

#uploadlist{ overflow:hidden; font-weight: normal}
#uploadlist .file,
#uploadlist .fileName { position:relative; display:block;  padding-left:25px }
/*
#uploadlist .file:before,
#uploadlist .fileName:before {
	content:""; width: 12px;height: 12px; border:2px solid #009BE2; position:absolute; left:0; top:6px;
	-webkit-border-radius: 50%;-moz-border-radius:50%;border-radius: 50%;
}*/
#uploadlist .file .btnDelete {
	border:2px solid var(--blue); cursor:pointer; text-align:center; width:20px; height:20px; color:var(--blue); line-height:19px; font-size:10px;
	border-radius:2px;  position:relative; top:2px; text-indent:1px;
    background: transparent;
}
#uploadlist .file .btnDelete:before {}


.uploadBox .multiFileUpload { width: auto; float: none}
.uploadBox .multiFileUpload span.icon-arrow-up{ width: 50%; width: calc(50% - 20px);}
.uploadBox .multiFileUpload #uploadlist .fileName:before { display: none}

/* - Kidsclub Mein Profil Avatar - */
.avatar-wrap { width: 130px; position: relative}
.avatar-wrap figure{
    box-shadow: 3px 3px 3px rgba(0,0,0, .3);
    border-radius: 50%;
}
.avatar-wrap .btn-wrap { position: absolute; right: 0; top: 0; z-index: 3;}
.avatar-wrap .btn-wrap button {
    width: 40px; height: 40px; border-radius: 50%;
    background: var(--yellow); cursor: pointer;
    border: 0; color: #fff; font-size: 20px;
    display: grid;justify-content: center; align-content: center;
}
.avatar-wrap .btn-wrap button:hover { background: var(--kidsclub-magenta) }
.avatar-wrap .btn-wrap ul {
    position: absolute; list-style: none; flex-direction: row;
    left: 60px; top: 0; height: 56px; padding: 6px 10px;
    background: var(--green); border: 2px solid #fff;
    border-radius: 28px;  display: none;
    box-shadow: 3px 3px 3px rgba(0,0,0, .3);
}
.avatar-wrap .btn-wrap ul li { position: relative; margin: 0 4px; padding-left: 0;}
.avatar-wrap .btn-wrap ul li input { position: absolute; opacity: 0;}
.avatar-wrap .btn-wrap ul li label {
    width: 40px; height: 40px; overflow: hidden;
    border-radius: 50%;padding: 0; cursor: pointer
}
.avatar-wrap .btn-wrap ul li input:checked + label {
    box-shadow: 0 0 0 2px var(--kidsclub-magenta), inset 0 0 0 2px var(--kidsclub-magenta);
}
.avatar-wrap .btn-wrap.select-avatar ul { display: flex}

.profile-head {
    display: flex; flex-direction: row;
    justify-content: space-between;
}
.profile-head figure{ margin-top: -50px; pointer-events: none;margin-right: 100px}
/* -- Custom Selectbox Replacement-- */
.nice-select {
	-webkit-tap-highlight-color: transparent; background:rgba(255,255,255, 0.5);border:2px solid #fff;
	clear: both;cursor: pointer;display: block; font-size: 15px;font-weight: normal;
	height: 40px;line-height: 36px;outline: none;padding-left: 18px;padding-right: 30px;position: relative;
	border-radius:4px;
	text-align: left !important;white-space: nowrap;width: auto;
	transition: all 0.2s ease-in-out;
	box-shadow:0 2px 4px rgba(0,0,0,0.2);
	user-select: none;
}
.nice-select:hover {border-color: #fff; background:#fff; color:var(--blue) }
.nice-select .current {overflow: hidden; text-overflow: ellipsis; display: block; max-width: calc(100% - 20px)}
.nice-select:active,
.nice-select.open,
.nice-select:focus {border-color: #999; }

.nice-select:after {
	width: 20px;height: 20px;border: 2px solid var(--blue);content: '';display: block;margin-top: -10px;
	pointer-events: none;position: absolute;right: 12px;top: 50%; background:url(../gfx/icons/arrow-down.svg) center no-repeat;
	background-size:12px auto;
	transition: all 0.15s ease-in-out;
	border-radius:2px;
}
.nice-select.open { background:#fff;border-color:#fff; color:var(--blue)}
.nice-select.open:after {
	background-color:var(--blue);transform: rotateX(180deg);
}
.nice-select.disabled {border-color: #ededed;color: #999;pointer-events: none; }
.nice-select.disabled:after {border-color: #ccc; }

.nice-select .list {
	background: #fff;z-index: 9; margin-top: 0;opacity: 0;overflow: auto;max-height:250px;padding: 0; color:#333;
	pointer-events: none;position: absolute;top: 100%;left: -2px; width:auto; right:-2px;
	transform-origin: 50% 0;
	transform: scale(0.75) translateY(-21px);
	transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	border-radius:0 0 4px 4px;
	box-shadow:0 2px 4px rgba(0,0,0,0.2);
}
.nice-select.open .list {opacity: 1;pointer-events: auto;transform: scale(1) translateY(0); }
.nice-select .option {
	cursor: pointer;font-weight: 400;line-height: 40px;list-style: none;min-height: 40px;outline: none; padding:0 15px;
	text-align: left;transition: all 0.2s;
}
.nice-select .option:hover {background: #f6f6f6;  color:#333}

.nice-select .option.selected { color:#fff; background:var(--blue); font-weight:normal }
.nice-select .option.disabled {background-color: transparent;color: #999;cursor: default; }
.no-csspointerevents .nice-select .list {display: none; }
.no-csspointerevents .nice-select.open .list {display: block; }

.bewerbung .nice-select .list {max-height: 140px}
/* -- Routenplaner -- */
fieldset.routenplaner { margin-bottom:0}
fieldset.routenplaner h3 { margin-bottom:10px}
fieldset.routenplaner p { margin-bottom:10px}
fieldset.routenplaner .formItem { margin-bottom:10px}
fieldset.routenplaner .formItem label { display:none}
fieldset.routenplaner .formItem input.formText {
	font-size:15px;	padding:8px 10px; border:2px solid #D9D9D9; width:100%;background:#F0F0F0;
	border-radius:4px;
}

/* -- Geburtstag anmelden -- */
fieldset.geburtstag {}
fieldset.geburtstag .formItem{ clear: both}
fieldset.geburtstag .formItem.half{ clear: none}
fieldset.geburtstag h3 {margin-bottom: 30px; border-top: 2px solid rgba(255,255,255, 0.5); padding-top: 40px; margin-top: 40px; clear: both}

fieldset.contactform h3 {margin-bottom: 30px}
fieldset.contactform h3 + p {margin-bottom: 30px; margin-top: -30px; font-weight: bold; padding: 0 10px; font-size: 13px;}
fieldset.contactform .grid  label span{ font-weight: bold}

/* -- Submit Button -- */
.formSubmit {
	color:#fff; font-weight:700; text-decoration:none;background:var(--blue); padding:8px 14px 12px; font-size:15px; border:0;
	 display:block;border-radius:4px; cursor:pointer;width:100%; text-align:left;
	 box-shadow:0 2px 4px rgba(0,0,0, 0.3), inset 0 -2px 0 2px rgba(0,0,0,0.1);
}
.formSubmit:before {
	width: 20px; height: 20px; display:block; border:2px solid #fff; float:right; margin-left:20px;
	border-radius: 2px; font-size:10px;
	 text-align:center; line-height:17px !important; position:relative; top:2px
}
.formSubmit:hover{
	box-shadow:0 1px 2px rgba(0,0,0, 0.3), inset 0 -2px 0 2px rgba(0,0,0,0.1);
	background:#9594B0;
}
.formSubmit:active {
	box-shadow:0 0 0 rgba(0,0,0, 0.3), inset 0 -2px 0 2px rgba(0,0,0,0.1);
}
.formSubmit.prev-wizard-step {display: inline-block; margin-right: 20px}
.formSubmit.prev-wizard-step::before {
    float: left; margin-right: 20px; margin-left: 0;
    transform: rotate(180deg);
}
.formSubmit.prev-wizard-step + .formSubmit {display: inline-block;}

.takesnapshot,
.link_camera_deactivate,
.link_camera_activate {
	color:#fff; font-weight:700; text-decoration:none;background:var(--blue); padding:8px 14px 9px; font-size:15px; border:0; margin-bottom: 20px;
	 display:block;border-radius:4px; cursor:pointer;width:100%; text-align:left;
	 box-shadow:0 2px 4px rgba(0,0,0, 0.3), inset 0 -2px 0 2px rgba(0,0,0,0.1);
}
.takesnapshot:before,
.link_camera_deactivate:before,
.link_camera_activate:before {
	width: 20px; height: 20px; display:block; border:2px solid #fff; float:right; margin-left:20px;	content: "\61";
	border-radius: 2px; font-size:10px;
	 text-align:center; line-height:17px !important; position:relative; top:2px;
    font-family: "playmobil" !important;font-style: normal !important;
    font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;
	-webkit-font-smoothing: antialiased;
}
.takesnapshot:hover,
.link_camera_deactivate:hover,
.link_camera_activate:hover{
	box-shadow:0 1px 2px rgba(0,0,0, 0.3), inset 0 -2px 0 2px rgba(0,0,0,0.1);
	background:#9594B0;
}
.takesnapshot:active,
.link_camera_deactivate:active,
.link_camera_activate:active {
	box-shadow:0 0 0 rgba(0,0,0, 0.3), inset 0 -2px 0 2px rgba(0,0,0,0.1);
}
.link_camera_deactivate,
.link_camera_activate,
.takesnapshot { margin-bottom: 0}

.my_camera {}
#my_camera { width: 100% !important;margin: 0 auto 30px; padding-bottom: 75%; height: auto !important; position: relative}
#my_camera video {
    width: 100% !important; height: 100% !important;
    position: absolute; left: 0; top:0;
}
#my_result img{display: block; margin: 0 auto 30px; width: 100%;}
.camera-input { padding:30px; background: #fff;border-radius: 4px}

/* -- Datepicker für Besuch Planen -- */
fieldset.date-select { }
fieldset.date-select .formItem { width:396px; float:left; padding-right:30px }
fieldset.date-select label { font-weight:700; display:block; padding:10px; font-size:20px }

fieldset.date-select input.formItem {
	font-size:15px;	padding:20px; border:2px solid #fff; width:100%;background:rgba(255,255,255,0.5) url(../gfx/icons/datepicker.svg) 95% center no-repeat;
	background-size:28px; border-radius:4px; cursor:pointer;
	box-shadow:0 2px 4px rgba(0,0,0,0.2);
	-webkit-appearance:none; height:60px;
}
fieldset.date-select .sendForm {
	color:#fff; font-weight:700; text-decoration:none;background:var(--blue); width: 60px;height: 60px; font-size:14px; border:0;
	 display:block;border-radius:4px; cursor:pointer; position:relative; top:43px;
	 box-shadow:0 2px 4px rgba(0,0,0, 0.3), inset 0 -2px 0 2px rgba(0,0,0,0.1);
}
fieldset.date-select .sendForm:before {
	border:2px solid #fff; width: 24px;height: 24px; line-height:21px; display:block; margin: 0 auto;
	border-radius:2px;  text-align:center;
}
fieldset.date-select .sendForm span { display:none}
fieldset.date-select .sendForm[disabled] {opacity: .5;}

/* -- Jobwizard -- */
fieldset.job-wizard {}
fieldset.job-wizard .formSubmit{ width: auto}

.wizard-wrap {position: relative; height: 30px;margin-bottom: 40px}
.wizard-wrap .circle {
    width: 30px; height: 30px;
    border: 1px solid #fff;
    position: absolute;top: 0
}
.wizard-wrap .circle.start {left: 0;background:#ffd401;}
.wizard-wrap .circle.end { right: 0}

.wizard-wrap .pipe-wrap {
    border-top: 1px solid #fff; border-bottom: 1px solid #fff; top: 50%; margin-top: -5px;
    background: var(--green); position: absolute; height: 10px; left: 28px; right: 28px;
    z-index: 2;
}
.wizard-wrap .pipe {background:#ffd401; height: 8px}

/* -- Range Slider -- */
.range-slider{margin: 80px 0 40px; position: relative;}
.range-slider .start,
.range-slider .end{position: absolute;top: -40px}

.range-slider .start{left: 0}
.range-slider .end{ right: 0}

.range-slider input[type="range"]{
    border: 2px solid #fff;background: transparent;width: 100%;height: 10px;
    border-radius: 30px;outline: none;-webkit-appearance: none;
}
.range-slider input[type="range"]::-webkit-slider-thumb{
    background: #fff;width: 30px;height: 30px;border-radius: 50%;
    cursor: pointer;transition: all 0.15s ease-in-out 0s;
    -webkit-appearance: none;appearance: none;
}
.range-slider input[type="range"]::-webkit-slider-thumb:hover,
.range-slider input[type="range"]:active::-webkit-slider-thumb{}

.range-slider input[type="range"]::-moz-range-thumb{
    background: #fff;width: 30px;height: 30px;border: none;
    border-radius: 50%;cursor: pointer;transition: all 0.15s ease-in-out 0s;
}
.range-slider input[type="range"]::-moz-range-thumb:hover,
.range-slider input[type="range"]:active::-moz-range-thumb{}

.range-slider .range-value{
    color: #fff;
    background: #69a801;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    line-height: 60px;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: -75px;
    margin-left: -30px;
}
::-moz-range-track{background: transparent;border: 0;}

/* -------------------------------
*	Standard Inhaltmodule
* -----------------*/

a.webcalBtn {
    width: 30px;height: 30px; border:2px solid var(--blue); color:var(--blue); display:block;
    text-decoration:none; text-align:center; line-height:30px; font-size:14px
}
a.webcalBtn span { display:none}
a.webcalBtn:hover { background:#E6F5FC}

/* -- Datepicker -- */

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
	z-index: 9999;display: block;position: relative;color: #333; background:#F0F0F0;  margin-top:0;
	box-shadow:0 2px 4px rgba(0,0,0, .2);
	border-radius:4px; padding:10px; margin-left:8px
}
.plan-visit .pika-single { margin-left:0}
.pika-single.bottom-aligned { margin-top:0;}
/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {content: " ";display: table;}
.pika-single:after { clear: both }
.pika-single.is-hidden { display: none;}

.pika-single.is-bound {position: absolute;}
.pika-lendar {/*float: left;*/width: 346px; position:relative;}
.pika-title {
	position: relative; text-align: center;color:var(--blue); font-size:18px; padding:10px; background:#fff; margin:-10px -10px 0;
	border-radius: 4px 4px 0 0;
}
.pika-label {
	display: inline-block;position: relative;z-index: 9999;overflow: hidden;margin: 0 3px;padding: 5px 45px 5px 10px;line-height: 20px;font-weight: bold;
    border-radius:4px;background: url("../gfx/select-arrow.png") right center no-repeat;
    border: 2px solid #F0F0F0; top: 2px;
}
.pika-title select {cursor: pointer;position: absolute;z-index: 9998;margin: 0;left: 0;top: 0;opacity: 0; width: 100%; height: 100%;}

.pika-prev,
.pika-next {
	display: block;cursor: pointer;position: relative;outline: none;padding: 0;width: 40px;height: 40px;
	white-space: nowrap;overflow: hidden;background-color: transparent; text-align:center; line-height:38px; color:var(--blue);
	border-radius:4px;font-size:18px; border:2px solid var(--blue);
}
.pika-prev:before,
.pika-next:before {
	font-family: "playmobil" !important;font-style: normal !important;font-weight: normal !important; font-variant: normal !important;
	text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.pika-prev:before {content: "\52";}
.pika-next:before {content: "\53";}
.pika-prev:hover,
.pika-next:hover { opacity: 1;}

.pika-prev,
.is-rtl .pika-next {float: left;}

.pika-next,
.is-rtl .pika-prev {float: right;}

.pika-prev.is-disabled,
.pika-next.is-disabled {cursor: default;opacity: .2;}

.pika-select {display: inline-block;}

.pika-table {width: 100%;border-collapse: collapse;border-spacing: 0;border: 0;}
.pika-table th,
.pika-table td {width: 14.285714285714286%;padding: 0;}

.pika-table th {color: var(--green);font-size: 13px;line-height: 30px;font-weight: 500;text-align: center; padding-top:5px}
.pika-table td {font-size: 15px;color: #A1A1A1;}

.pika-button {
	cursor: pointer;display: block;outline: none;border: 0;margin: 0;padding: 6px;color: #666;font-size: 15px;line-height: 20px;text-align: right;
	width:34px; height: 34px; position:relative; background:transparent; overflow:visible;
}
.pika-button:before {
	content:""; width: 34px;height: 34px;border:2px solid var(--orange); position:absolute; z-index:1; left:3px; top:0;
	border-radius:50%; display:block; opacity: 0;
	transition: opacity 0.15s ease-out;
}
.pika-week {}

.is-today .pika-button {color: #333;}
.is-disabled .pika-button,
.is-outside-current-month .pika-button {pointer-events: none;cursor: default;color: #999;}

.pika-button:hover {box-shadow: none;}
.pika-button:hover:before {opacity: 1;}

/* styling for abbr */
.pika-table abbr {border-bottom: none;cursor: help;}

/* -- -- */
body.contact .pika-single {margin-top:-40px;margin-left:0}
/* -- Headline -- */
.headline { }
.headline .inner { position:relative; }
.headline .figurePlace { }
.headline .figurePlace img{ position:absolute; bottom:-65px; right:30px}
.headline .curve { top:-60px}
.headline h1 { padding-bottom:0}

/* -- Video / Mediabox -- */
.mediaplace { margin-bottom:40px; position:relative;}
.mediaplace:last-child { margin-bottom:0}
.mediaplace .play{
	width: 128px;height: 132px; background:url(../gfx/play-bubble.png); position:absolute; z-index:2; text-decoration:none;
	left:50%; top:50%; margin-top:-64px; margin-left:-66px; color:#fff; font-size:45px; text-align:center; line-height:142px;
}
.mediaplace .play span { display:none}

/* -- Sticky Content - Startseite -- */
.content-part.sticky {}
.content-part.sticky > .inner { padding:30px 0 30px 60px}
.content-part.sticky h2 { text-transform:none}

.content-part.sticky .box:has(.season-counter) { position: relative}
.content-part.sticky .season-counter {
    position: absolute;
    text-align: center;
    bottom: 0;
    color: #000;

}
.content-part.sticky .season-counter strong {
    font-family: var(--secondary-font);
    font-size: 30px;
    font-weight: normal;
    white-space: nowrap;
}
.content-part.sticky .season-counter small {
    font-size: 20px;
    font-weight: bold;
}
.content-part.sticky .season-counter::before {
    position: absolute;
    left: -30px;
    top: 0;
    font-size: 24px;
}

.front .content-part.sticky .lft p { min-height:42px}

.content-part.sticky table { margin-bottom:30px}
.content-part.sticky table th,
.content-part.sticky table td { vertical-align:top}

.content-part.sticky table th { padding-right:10px; text-align: left; white-space: nowrap}
.front .content-part.sticky .row .rt  table td:last-child{ text-align:right}

.content-part.sticky .row .lft{ width:40%; padding-right:50px}
.content-part.sticky .row .rt{ width:60%;padding-left:30px; padding-right:70px}

.content-part.sticky .flexgrid .figurePlace { margin-top: -200px}
.content-part.sticky .flexgrid .figurePlace .txt {
    font-family: var(--akaDylan-open); font-size: 25px; right: 350px;
    transform: rotate(-10deg);
}
.content-part.sticky .flexgrid .figurePlace .txt strong{font-family: var(--akaDylan-plain); margin-left: 30px; font-weight: normal}

.content-part.sticky .tooltip-wrapper { display:inline-block; position:relative; top:1px; left:5px; z-index:10}
.content-part.sticky .tooltip-wrapper .tooltip {
	color:#fff; position:absolute; background:rgba(76,76,76,0.9); padding:10px 15px; font-weight:normal; line-height:normal; white-space: normal;
	border-radius:4px; width:300px; text-align:center; left:-143px; top:-9999em;
	box-shadow:0 2px 3px rgba(0,0,0,0.2);
	opacity: 0;
    transform: translate(0px, -50px);
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.content-part.sticky .tooltip-wrapper:hover .tooltip {
	opacity: 1;top: auto; bottom:25px;
	transform: translate(0px, 0px);
}
.content-part.sticky .tooltip-wrapper .tooltip:before {
	position:absolute; left:50%; margin-left:-10px; bottom:-10px;
	content:"";width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;
	border-color: rgba(76,76,76,0.9) transparent transparent transparent;
}
.content-part.sticky .tooltip-wrapper i { width:14px; height:14px; display:block; cursor:pointer; background:url(../gfx/icon-info.png)}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   .content-part.sticky .tooltip-wrapper i {  background:url(../gfx/icon-info@2x.png) center no-repeat; background-size:contain}
}

.modaal-wrapper.hinweis .modaal-container{ max-width: 600px; text-align: center}
.modaal-wrapper.hinweis h3,
.modaal-wrapper.hinweis .like-h3{ margin-bottom: 20px;}

/* -- Sticky Content - Startseite -- */
.content-part.mein-profil {}
.content-part.mein-profil  .curve img{ top: 140px; opacity: 0.4}
.content-part.mein-profil #mainContent{ margin-top: -150px}

/* -- Lageplan -- */
.lageplan {}
.lageplan a.more { display:block}
.lageplan .box,
.lageplan img { position:relative}
.lageplan img.map { z-index:1}
.lageplan img.sketch-cross { z-index:2; right:0; bottom:20px; position:absolute}
.lageplan .headline .inner {  padding-top:100px}
@media screen and (max-width: 1120px) {
    .lageplan .headline .inner  {padding-top: 30px}
}
#mediafilter { display: none}
#mobifilter { display: block}
/* -- Interaktiver Lageplan -- */
#lageplan { position:relative; overflow:hidden; height:calc(100vh - 209px); width:100vw;}
.lageplan-content .shine { position:relative; height:0}
.lageplan-content .shine:before {
	width:500px; height:200px; content:""; position:absolute;  display:block;left:-200px; top:-130px; z-index:5;
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 64%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 64%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 64%,rgba(255,255,255,0) 100%);
	background-size:cover; pointer-events: none;
    display:none
}
#lageplan i.lageplan-curve {
	position:absolute; left:0; top:0; right:0; display:block; height:80px; z-index:3;
	background:url(../gfx/lageplan-curve.svg) center top no-repeat;
    pointer-events: none;
}

#map{position:relative; overflow:hidden; height: inherit; width:100vw; z-index:1; transform:translate3d(0,0,0); will-change:all }
#map *{transform:translate3d(0,0,0) }

#lageplan a.arrow {
	display:block; position:absolute; z-index:5; text-decoration:none; color:#fff; font-size:72px; text-align:center; line-height:100px;
	text-shadow:0 2px 5px rgba(0,0,0, 0.4);
}
#lageplan a.arrow.disabled {pointer-events:none;opacity: .5;}

#lageplan a.arrow span { display:none}
#lageplan a.arrow-top,
#lageplan a.arrow-bottom { width: 100px;height: 70px; left:50%; margin-left:-50px}

#lageplan a.arrow-top { top:30px}
#lageplan a.arrow-bottom {bottom:50px}

#lageplan a.arrow-left,
#lageplan a.arrow-right { width: 70px;height: 100px; top:50%; margin-top:-50px}

#lageplan a.arrow-left { left:20px;}
#lageplan a.arrow-right { right:20px}

#lageplan .block a.more { padding:8px 15px 12px 15px}
#lageplan .lpInner{width:inherit; height:inherit; position:relative}
#lageplan .foreground{ position:absolute; z-index:3; left:0; top:0; width: 3000px;height: 2045px; }
#lageplan .overlay {
	position: absolute; left:0; top:0; z-index:2; background:black; opacity: 0; width: 3000px;height: 2045px;
	transition: opacity 500ms cubic-bezier(0.2, 1, 0.3, 1);
}
#lageplan .map{ position:relative; z-index:0;width: 3000px;height: 2045px; }
#lageplan .map img{ display:block;transform:none}

#lageplan.active .overlay { opacity: .4;}
#lageplan.active a.arrow{z-index:2}

.tooltip-wrap{ position:absolute; text-align:left; z-index:5}
.tooltip-wrap.active { z-index:6}
.tooltip-wrap .block { margin-bottom:0}

.tooltip-content {
	position: absolute;bottom: -50px;display: block;border-radius: 4px;
	transform: translateY(20px);transition: all 0.5s;visibility: hidden;width:366px;margin-left:-186px;left:50%;z-index:2
}
.downunder .tooltip-content { bottom:-400px}
.downunder .tooltip-content .block-text{ bottom:300px}

.tooltip-content .block {opacity: 0; margin-top:-20px}
.tooltip-content .tt-overlay{ position:absolute; width: 100%;height: 100%;overflow: hidden; display:block}

.tooltip-content.active {
	display: block;visibility: visible;transform: translateY(0px);
	transition: all 0.5s;
}
.tooltip-content.active .block {
	position: relative;z-index: 1;opacity: 1;filter: alpha(opacity=100);
	transition: all 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.tooltip-content .block button.close,
.tooltip-content .block h2,
.tooltip-content .block p,
.tooltip-content .block .meta a.more,
.tooltip-content .block .icons i {
	opacity: 0;
	transition: opacity 0.2s 0.35s, transform 0.2s 0.35s;
	transform: scale(0.85);
}
.tooltip-content.active .block button.close,
.tooltip-content.active .block h2,
.tooltip-content.active .block p,
.tooltip-content.active .block .meta a.more,
.tooltip-content.active .block .icons i {opacity: 1;transform: scale(1);}

.tooltip-content .block button.close {-webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
.tooltip-content .block h2 {-webkit-transition-delay: 0.55s;transition-delay: 0.55s;}
.tooltip-content .block p {-webkit-transition-delay: 0.6s;transition-delay: 0.6s;}
.tooltip-content .block .meta a.more {-webkit-transition-delay: 0.65s;transition-delay: 0.65s;}
.tooltip-content .block .icons i {}
.tooltip-content .block .icons i:nth-child(0) {-webkit-transition-delay: 0.7s;transition-delay: 0.7s;}
.tooltip-content .block .icons i:nth-child(1) {-webkit-transition-delay: 0.75s;transition-delay: 0.75s;}
.tooltip-content .block .icons i:nth-child(2) {-webkit-transition-delay: 0.8s;transition-delay: 0.8s;}
.tooltip-content .block .icons i:nth-child(3) {-webkit-transition-delay: 0.85s;transition-delay: 0.85s;}
.tooltip-content .block .icons i:nth-child(4) {-webkit-transition-delay: 0.9s;transition-delay: 0.9s;}
.tooltip-content .block .icons i:nth-child(5) {-webkit-transition-delay: 0.95s;transition-delay: 0.95s;}

/* -- Mehr Button -- */
a.tooltip {
	color:#fff; font-weight:700; text-decoration:none;background:var(--blue); padding:8px 14px 12px; font-size:15px;
	 display:inline-block;border-radius:4px; position:relative;
	 box-shadow:0 2px 4px rgba(0,0,0, 0.3), inset 0 -2px 0 2px rgba(0,0,0,0.1);
}
a.tooltip:after{
	content:"";width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #008bcc transparent transparent transparent;
	position:absolute; left:50%; bottom:-10px; margin-left:-10px;
}
a.tooltip:before {
	width: 20px; height: 20px; display:block; border:2px solid #fff; float:right; margin-left:20px;
	border-radius: 2px; font-size:10px;
	 text-align:center; line-height:17px; position:relative; top:2px
}
a.tooltip:hover{
	box-shadow:0 1px 2px rgba(0,0,0, 0.3), inset 0 -2px 0 2px rgba(0,0,0,0.1);
	animation-name: hvr-wobble-vertical;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
}
a.tooltip:active {
	box-shadow:0 0 0 rgba(0,0,0, 0.3), inset 0 -2px 0 2px rgba(0,0,0,0.1);
}

a.tooltip.grey {background:#6B6D68}
a.tooltip.grey::after { border-color: #61625E transparent transparent transparent;}

a.tooltip.cyan {background:#009fe3}
a.tooltip.cyan::after { border-color: #008CCC transparent transparent transparent;}

a.tooltip.open {background: var(--status-open)}
a.tooltip.open::after { border-color: #289F40 transparent transparent transparent;}

a.tooltip.closed {background: var(--status-closed)}
a.tooltip.closed::after { border-color: #D02A3F transparent transparent transparent;}

.winter-modus a.tooltip.open {background: var(--status-open-winter)}
.winter-modus a.tooltip.open::after { border-color: #4d945b transparent transparent transparent;}

.winter-modus a.tooltip.closed {background: var(--status-closed-winter)}
.winter-modus a.tooltip.closed::after { border-color: #d6483e transparent transparent transparent;}

a.tooltip-small {
	color:#fff; font-weight:700; text-decoration:none;background:var(--blue); padding:2px 10px 4px; font-size:11px;
	 display:inline-block; border-radius:4px; position:relative;
	 box-shadow:0 2px 4px rgba(0,0,0, 0.3), inset 0 -2px 0 2px rgba(0,0,0,0.1);
}
a.tooltip-small:after{
	content:"";width: 0;height: 0;border-style: solid;border-width: 5px 5px 0 5px;border-color: #008bcc transparent transparent transparent;
	position:absolute; left:50%; bottom:-5px; margin-left:-5px;
}
a.tooltip-small:before {
	width: 12px; height: 12px; display:block; border:1px solid #fff; float:right; margin-left:10px;
	border-radius: 2px; font-size:10px;
	 text-align:center; line-height:10px; position:relative; top:6px
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {-webkit-transform: translateY(8px);transform: translateY(8px) }
  33.3% {-webkit-transform: translateY(-6px);transform: translateY(-6px) }
  49.95% {-webkit-transform: translateY(4px);transform: translateY(4px) }
  66.6% {-webkit-transform: translateY(-2px);transform: translateY(-2px) }
  83.25% {-webkit-transform: translateY(1px);transform: translateY(1px) }
  100% {-webkit-transform: translateY(0);transform: translateY(0) }
}

@keyframes hvr-wobble-vertical {
  16.65% {-webkit-transform: translateY(8px);transform: translateY(8px) }
  33.3% {-webkit-transform: translateY(-6px);transform: translateY(-6px) }
  49.95% {-webkit-transform: translateY(4px);transform: translateY(4px) }
  66.6% {-webkit-transform: translateY(-2px);transform: translateY(-2px) }
  83.25% {-webkit-transform: translateY(1px);transform: translateY(1px) }
  100% {-webkit-transform: translateY(0);transform: translateY(0) }
}


/* -- Pin -- */
a.pin { display:block; width:62px; height:69px; margin:0 auto; color:#fff; text-decoration:none; text-align:center; font-size:30px; line-height:68px}
a.pin:hover {
	animation-name: hvr-wobble-vertical;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
}
a.pin span { display:none}
a.pin:before {}
a.pin.magenta { background-image:url(../gfx/pin-magenta.png);}
a.pin.grey { background-image:url(../gfx/pin-grey.png)}
a.pin.open { background-image:url(../gfx/pin-open.png)}
a.pin.closed { background-image:url(../gfx/pin-closed.png)}
.winter-modus a.pin.open { background-image:url(../gfx/pin-open-winter.png)}
.winter-modus a.pin.closed { background-image:url(../gfx/pin-closed-winter.png)}

a.pin.cyan {background-image:url(../gfx/pin-cyan.png)}
/* -- Jobübersicht -- */
#jobs {}
#jobs .jobItem { border-radius:4px; padding:30px; background:#fff; margin-bottom:50px; overflow:hidden}
#jobs .jobItem a.more{ float:right; margin-left: 20px}
#jobs .jobItem h2 {
	font-family:"Open Sans", sans-serif; font-size:20px; display:table-cell; height:40px; vertical-align:middle;
	color:#333; font-weight:700; text-transform:none; margin-bottom:0; line-height:23px;
}
#jobs .jobItem h2 a { color:inherit; text-decoration:none}

/* -- Datepicker & Öffnungszeiten -- */
#business-hours { border-radius:4px; background:#fff; margin-bottom:50px}
#business-hours .head {
	background:var(--lightyellow); padding:30px; position:relative;
	border-radius:4px 4px 0 0;
}
#business-hours .head h2{ font-size:40px; color:#fff; text-align:center; margin:0 100px}

#business-hours .swiper-button-prev,
#business-hours .swiper-button-next{
	box-shadow:none; border-color:var(--blue);
	border-radius:4px;
}

#business-hours .swiper-button-prev:before,
#business-hours .swiper-button-next:before{border-color:var(--blue);}

.datepicker { padding:30px}
.datepicker h3 { color:var(--orange); text-align:center; font-family: var(--secondary-font);font-size:30px; font-weight:normal}
.datepicker table { color:#333; table-layout:fixed}
.datepicker table thead {}
.datepicker table thead th{color:#A1A1A1; text-transform:uppercase; text-align:center; padding:10px 0; font-size:13px}

.datepicker .swiper-slide:hover { z-index:2}
.datepicker table tbody {}
.datepicker table tbody td { text-align:center;padding:10px 0; position:relative; z-index:1}
.datepicker table tbody td s{ text-decoration:none; display:block; position:relative; margin:-10px 0; padding:10px 0; background:#ff8181}
.datepicker table tbody td s:before {
    background:#444; content:""; width:auto; top:50%; margin-top:-1px;
    position:absolute; display:block; height:2px; left:10px; right:10px;
}
.datepicker table tbody td:hover { z-index:2}
.datepicker table tbody td.haupt { background:#FFEA80}
.datepicker table tbody td.herbst { background:#F8BE80}
.datepicker table tbody td.winter { background:#80CDF1}
.datepicker table tbody td.dozedays { background:#BDB9DD}
.datepicker table tbody td.fruehjahr { background:#E1EEC6}
.datepicker table tbody td.highlight { background:#7EB913}
.datepicker table tbody td.deepblue { background:#0199E2}
.datepicker table tbody td.deeppurple { background:#989ACD}
.datepicker table tbody td.deepyellow { background:#FED500}
.datepicker table tbody td.lightblue { background: var(--lightblue)}
.datepicker table tbody td.lightgreen { background: var(--lightyellow)}
.datepicker table tbody td.lightgrey { background: #f2f1f0}

.datepicker table tbody td.noevents { background:#fff}

.datepicker table tbody td.today { overflow:visible; display:block; z-index:2}
.datepicker table tbody td.today:before {
	content:"";border:2px solid var(--blue); width: 40px;height: 40px; display:block; position:absolute;
	border-radius:50%;left: -2px;	top: 2px; z-index:3
}

.datepicker .label {
	position:absolute; border-radius:2px; white-space:nowrap; color:#fff;
	display:block; left:50%; background:#4C4C4C; font-size:15px; padding:8px 10px; top:-50px;
	transform: translate(-50%, -10px);
	box-shadow:0 2px 4px rgba(0,0,0,0.3); opacity: 0; visibility:hidden; pointer-events: none;
}
.datepicker .label:before {
	width: 0;height: 0; content:"";border-style: solid;border-width: 10px 10px 0 10px;border-color: #4C4C4C transparent transparent transparent;
	position:absolute; bottom:-10px; left:50%; margin-left:-10px;
}
.datepicker table tbody td:hover .label {
	visibility:visible;
	transform: translate(-50%, 0);
	opacity: 1;
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
}

.datepicker .label.open-right {
	left: 100%; top: 0;
	transform: translate(0, -10px);
}

.datepicker .label.open-right::before {
	border-width: 10px 10px 10px 0;
	border-color: transparent #4C4C4C transparent;
	position: absolute;
	bottom: inherit;
	top: 50%;
	left: -10px;
	margin-left: 0;
	margin-top: -10px
}
.datepicker table tbody td:hover .label.open-right {
	transform: translate(0, 0);
}

.datepicker .label.open-left {
	left: initial;
	right: 100%;
	top: 0;
	transform: translate(0, -10px);
}

.datepicker .label.open-left::before {
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #4C4C4C;
	position: absolute;
	bottom: inherit;
	top: 50%;
	left: inherit;
	right: -10px;
	margin-left: 0;
	margin-top: -10px;
}

.datepicker table tbody td:hover .label.open-left { transform: translate(0, 0)}
.datepicker table tbody td:hover {z-index: 3}

.datepicker-legende { padding-bottom: 20px}
.datepicker-legende ul {
	list-style: none; color: #333;
	font-size: 12px;
	line-height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-left: 30px
}
.datepicker-legende ul li {
	display: flex; flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #ddd;
	padding: 7px 10px;
	position: relative;
	border-radius: 3px;
	font-family: var(--secondary-font);
}
.datepicker-legende ul li a {
	color: inherit;
	text-decoration: none

}
.datepicker-legende ul li a::before {
content:"";position: absolute; left: 0; top: 0; width: 100%; height: 100%;
}
.datepicker-legende ul li a:hover { text-decoration: underline}
.datepicker-legende em {
	width: 10px; height: 10px;
	margin-right: 10px;

}
.datepicker-legende em.haupt { background: #FFEA80}
.datepicker-legende em.herbst { background: #F8BE80}
.datepicker-legende em.fruehjahr { background: #E1EEC6}
.datepicker-legende em.winter { background: #80CDF1}
.datepicker-legende em.dozedays {background: #BDB9DD}

.datepicker-legende em.closed {background: #fff; border: 1px solid #ccc;}
.datepicker-legende em.highlight {background: #7EB913}
.datepicker-legende em.deepblue {background: #0199e2}
.datepicker-legende em.deepyellow {background: #fed500}
.datepicker-legende em.deeppurple {background: #989ACD}

.datepicker-legende em.lightblue {background: var(--lightblue)}
.datepicker-legende em.lightgreen {background: var(--lightyellow)}

.datepicker-legende span {}
	/*.datepicker td:first-child .label {left:100%;}*/
/*.datepicker td:first-child .label:before {left:22%}*/

/*.datepicker td:last-child .label {left:-20%}*/
/*.datepicker td:last-child .label:before {left:83%}*/

.saisoninfo {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; background:#fff; margin-bottom:50px; padding:30px}
.saisoninfo + #additional-info { padding-top:70px}
#additional-info:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0; height: 0;}

#additional-info #sidebar-rt{ padding-top:0; margin-top:-20px }
#additional-info .node.filled .inner ul li{ padding-left:30px; font-style:italic}
#additional-info .node.filled .inner ul li:before{ left:0}
#additional-info .node.filled a{ color:var(--blue)}


/* -- Gallery -- */
.gallery {padding-bottom:0}
.gallery .gallery-head { position:relative; z-index:2}
.gallery .gallery-head .size { position:relative; z-index:2;}
.gallery .gallery-content {position:relative; z-index:1}

.gallery .size { z-index:2; position:relative}
.gallery .curve { position:absolute; left:0; right:0; top:70px; z-index:1}
.gallery .curve svg {-webkit-filter: none;filter: none;}

.gallery h2 { color:#fff}
.gallery-content .swiper-container .swiper-slide{ overflow:hidden}
.gallery-content .swiper-container img {width:100% !important; height:auto !important;display: block;}

.gallery-pagination { margin-bottom:-100px; width:466px; overflow: hidden;border-radius: 100px;transform: translateZ(0);}

.gallery-pagination .swiper-pagination-thumb,
.gallery-pagination .swiper-slide {
	display:block; float:left; width: 100px;height: 100px;/* margin-right:-10px;*/ position:relative; cursor:pointer; overflow:hidden;
	box-shadow:0 2px 4px rgba(0,0,0,0.2);
	border-radius:50%; opacity: 0;transform: translateZ(0);
}
.gallery-pagination .swiper-slide.swiper-slide-visible {opacity: 1;}

.gallery-pagination .swiper-pagination-thumb:nth-child(0) {z-index:10}
.gallery-pagination .swiper-pagination-thumb:nth-child(1) {z-index:9}
.gallery-pagination .swiper-pagination-thumb:nth-child(2) {z-index:8}
.gallery-pagination .swiper-pagination-thumb:nth-child(3) {z-index:7}
.gallery-pagination .swiper-pagination-thumb:nth-child(4) {z-index:6}
.gallery-pagination .swiper-pagination-thumb:nth-child(5) {z-index:5}
.gallery-pagination .swiper-pagination-thumb:nth-child(6) {z-index:4}
.gallery-pagination .swiper-pagination-thumb:nth-child(7) {z-index:3}
.gallery-pagination .swiper-pagination-thumb:nth-child(8) {z-index:2}
.gallery-pagination .swiper-pagination-thumb:nth-child(9) {z-index:1}

.gallery-pagination .swiper-slide img,
.gallery-pagination .swiper-pagination-thumb img { display:block; position:relative; z-index:1}

.gallery-pagination .swiper-slide:before,
.gallery-pagination .swiper-pagination-thumb:before {
	content:" ";width: 100px;height: 100px; position:absolute; z-index:2; left:0; top: 0;
	border-radius:50%; border:5px solid var(--blue);
	transform: scale(1.2);
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.gallery-pagination .swiper-slide-active {z-index:20}

.gallery-pagination .swiper-slide-active:before,
.gallery-pagination .swiper-pagination-thumb.active:before {transform: scale(1)}

.smallgallery .gallery-content .swiper-container { height:auto}
/* -- -- */
/*! jQuery.Flipster, v1.0.1 (built 2015-11-02) */
/* @group Flipster Essential Styles */
.flipster {display: block;overflow-x: hidden;overflow-y: visible;position: relative; width:450px !important}
.flipster:focus { outline: none;}

.flipster__container,
.flipster__item {margin: 0;padding: 0;list-style-type: none;position: relative;}

.flipster__container {display: block;white-space: nowrap;word-spacing: -0.25em;transform-origin: 50% 50%;backface-visibility: hidden;}
.flipster__item { display: inline-block;white-space: normal;word-spacing: normal;vertical-align: bottom;}

.flipster--click .flipster__item--past,
.flipster--click .flipster__item--future {cursor: pointer;}
.flipster__item img { max-width: 100%;height:auto !important}
/* @end */

/* @group Flipster Coverflow Theme */
.flipster--coverflow .flipster__container,
.flipster--coverflow .flipster__item,
.flipster--coverflow .flipster__item__content {
  transition: all 350ms ease-in-out;
  transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
}
.flipster--coverflow .flipster__item {overflow:hidden;border-radius:50%;}
.flipster--coverflow .flipster__container { padding-bottom: 5%;}
.flipster--coverflow .flipster__item__content {
	width: 100px;height: 100px; backface-visibility: hidden; position:relative;
	overflow:hidden;border-radius:50%; cursor: pointer
}
.flipster--coverflow .flipster__item__content img:only-child { display: block;}

.flipster--coverflow .flipster__item--past-4 .flipster__item__content { opacity:0}
.flipster--coverflow .flipster__item--past-3 .flipster__item__content {opacity:0}
.flipster--coverflow .flipster__item--past-2 .flipster__item__content {opacity:1}
.flipster--coverflow .flipster__item--past-1 .flipster__item__content {opacity:1}

.flipster--coverflow .flipster__item--past .flipster__item__content,
.flipster--coverflow .flipster__item--future .flipster__item__content {
	overflow:hidden;border-radius:50%;
}
.flipster--coverflow .flipster__item--future-1 .flipster__item__content { opacity:1}
.flipster--coverflow .flipster__item--future-2 .flipster__item__content {opacity:1}
.flipster--coverflow .flipster__item--future-3 .flipster__item__content {opacity:0}
.flipster--coverflow .flipster__item--future-4 .flipster__item__content {opacity:0}

.flipster--coverflow .flipster__item__content:before {
	content:" ";width: 100px;height: 100px; position:absolute; z-index:2; left:0; top: 0;
	border-radius:50%; border:5px solid var(--blue);
	transform: scale(1.2);
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.flipster--coverflow .flipster__item--current .flipster__item__content:before {transform: scale(1);}
/* @end */


/* -- Small Gallery -- */
.smallgallery {
	position:relative; margin-bottom:30px; overflow:hidden;
	border-radius:4px;
	transform:translateZ(0);
}
.smallgallery:last-child{ margin-bottom:0}
.smallgallery:before{
	content:""; position:absolute; left:0; top:0;right:0; width:100%; height:40px; z-index:2;
	transform-origin: 0% 0%;
	transform: skew(0deg, -3.2deg);
}
.smallgallery .gallery-pagination { position:absolute; z-index:4}
.smallgallery .gallery-pagination ul li { padding-left:0 !important}
.smallgallery .gallery-pagination ul li:before { display:none}

.content-part.green .smallgallery:before{ background:var(--green) }
.content-part.orange .smallgallery:before{ background:var(--orange) }
.content-part.magenta .smallgallery:before{ background:var(--red) }
.content-part.yellow .smallgallery:before{ background:var(--yellow) }
.node.filled .smallgallery:before{ background:#fff;}

/* -- Attraktionen - Filter -- */
.filterbar { text-align:left; padding-left:50px}
.filterbar a { color:#fff; text-decoration:none; display:block}
.filterbar a:before { display:block; font-size:45px; float:left;}
.filterbar a span {  display:none}
.filterbar a.active {color:var(--black)}
.filterbar .box{ width:460px}
.filterbar .box:First-child{ width:760px}
.filterbar ul { padding-left:0; list-style:none}
.filterbar ul li { margin-bottom:10px; position:relative; float:left; margin-right:12px}
.filterbar ul li.splitter { width:30px}
.filterbar ul li .label {
	position:absolute;border-radius:2px; white-space:nowrap;
	display:block; left:50%; background:#4C4C4C; font-size:15px; padding:8px 10px; top:-999px;
	transform: translate(-50%, -10px); box-shadow:0 2px 4px rgba(0,0,0,0.3); opacity: 0;
}
.filterbar ul li .label:before {
	width: 0;height: 0; content:"";border-style: solid;border-width: 10px 10px 0 10px;border-color: #4C4C4C transparent transparent transparent;
	position:absolute; bottom:-10px; left:50%; margin-left:-10px;
}
.filterbar ul li a:hover + .label {
	transform: translate(-50%, 0);top:-50px;
	opacity: 1;
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
/* -- Accordion -- */
.accordion {border-bottom:2px solid rgba(255,255,255, .5);}
.accordion h3,
.accordion .like-h3 { font-size:15px; border-top:2px solid rgba(255,255,255, .5);padding:10px 0; cursor:pointer; margin-bottom:0; padding-right:25px}
.accordion .like-h3 {
    display: block;
    font-weight: bold;
    font-weight: bold;
}
.accordion h3 i,
.accordion .like-h3 i {
	width: 20px;height: 20px;border:2px solid #fff; display:block; float:right;margin-right:-25px;
	border-radius:2px;	position: relative;	top: 2px;
}
.accordion h3 i:before,
.accordion .like-h3 i:before,
.accordion h3 i:after,
.accordion .like-h3 i:after {
	width:10px; height:2px; background:#fff; content:""; display:block; position:absolute; left:50%;top:50%; margin-top:-1px; margin-left:-5px;
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1);
}

.accordion h3 i:before,
.accordion .like-h3 i:before {
	transform: rotate(45deg) scale(0.6,1) translate(-2px,1px);
}
.accordion h3 i:after,
.accordion .like-h3 i:after {
	transform: rotate(135deg) scale(0.6,1) translate(-2px,-1px);
}
.accordion h3.open,
.accordion .like-h3.open {color:var(--black)}
.accordion h3.open i,
.accordion .like-h3.open i { color:#fff}
.accordion h3.open i:before,
.accordion .like-h3.open i:before { transform: rotate(45deg);}
.accordion h3.open i:after,
.accordion .like-h3.open i:after { transform: rotate(135deg);}
.accordion h3 .count,
.accordion .like-h3 .count {color:var(--black); padding-left:5px; display:inline-block}

.accordion .accContent { display:none; padding-bottom:10px }
.accordion .accContent a{ color:inherit}
.accordion .accContent a.more { color:#fff; text-decoration:none; font-weight:700}

.playworld h3.open { color:#fff}
.playworld ul li { width:25%; font-weight:bold; margin-right:0}
.playworld ul li a.active {color:var(--black)}

/* -- Footer -- */
#outerfooter { background:url(../gfx/footer-bg.png) center top no-repeat; background-size:cover; position:relative; z-index:44; margin-top:-112px}
#footer { padding: 20px 30px 0; min-height:182px; position: relative}
#footer a{ color:#333; text-decoration:none}
#footer > .fltrt { padding-top:40px; width:260px}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   /* #footer { padding: 0px 30px;}
    #footer > .fltrt {top:20px; position: relative} */
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite { animation-iteration-count: infinite;}
.animated.hinge { animation-duration: 2s;}


@-webkit-keyframes slideInUp {
  from {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible;  }
  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);  }
}

@keyframes slideInUp {
  from {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible;  }
  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);  }
}

.slideInUp {-webkit-animation-name: slideInUp;animation-name: slideInUp;}
@-webkit-keyframes fadeInRight {
  from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);  }
  to {opacity: 1;-webkit-transform: none;transform: none; }
}

@keyframes fadeInRight {
  from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);  }
  to {opacity: 1;-webkit-transform: none;transform: none;  }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}

@-webkit-keyframes fadeInLeft {
  from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0); }
  to {opacity: 1;-webkit-transform: none;transform: none;  }
}

@keyframes fadeInLeft {
  from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);  }
  to {opacity: 1;-webkit-transform: none;transform: none;  }
}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3)}
  20% {-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1)}
  40% {-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9)}
  60% {opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03)}
  80% {-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97)}

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3)}
  20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1)}
  40% {-webkit-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9)}
  60% {opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03)}
  80% {-webkit-transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97)}

  to {opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)}
}

.bounceIn {-webkit-animation-name: bounceIn; animation-name: bounceIn}
@-webkit-keyframes fadeIn {
  from {opacity: 0}
  to {opacity: 1}
}

@keyframes fadeIn {
  from {opacity: 0}
  to { opacity: 1}
}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}

@-webkit-keyframes fadeInUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);  }
  to {opacity: 1;-webkit-transform: none;transform: none;  }
}

@keyframes fadeInUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);  }
  to {opacity: 1;-webkit-transform: none;transform: none;  }
}

.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}

@-webkit-keyframes zoomIn {
  from {opacity: 0;-webkit-transform: scale3d(.8, .8, .8);transform: scale3d(.8, .8, .8);  }
  50% {opacity: 1;  }
}

@keyframes zoomIn {
  from {opacity: 0;-webkit-transform: scale3d(.8, .8, .8);transform: scale3d(.8, .8, .8);  }
  50% {opacity: 1;}
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

/* -------------------------------
*	Pages
* -----------------*/
.opening-state-legend {
    display: flex;
    flex-direction: row;
    gap: 50px;
}
@media screen and (max-width: 567px) {
    .opening-state-legend { flex-direction: column; gap: 15px}
}

.opening-state-legend span {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: bold;
    gap: 20px;
}
.opening-state-legend span::before {
    content:"";
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.opening-state-legend span.is-open::before {background: var(--status-open);}
.opening-state-legend span.is-closed::before {background: var(--status-closed);}
.winter-modus .opening-state-legend span.is-open::before {background: var(--status-open-winter);}
.winter-modus .opening-state-legend span.is-closed::before {background: var(--status-closed-winter);}

.opening-state-legend span.legend-update-date::before { display: none}
.opening-state-legend .legend-update-date {
    font-weight: normal; font-size: 0.75rem;
}
@media screen and (min-width: 961px) and (max-width: 1366px) {
    .attractions .opening-state-legend .legend-update-date,
    .catering .opening-state-legend .legend-update-date {
        position: absolute;
        right: 0; top: 100%;
        padding-top: 10px;
    }
}
#mainContent:has(.opening-state-legend) {position: relative}


#mainContent .opening-state-legend {
    position: absolute;
    right: 30px;
    top: 20px;
}
.catering .opening-state-legend {
    position: absolute;
    right: 30px;
    top: -5px;
}
@media screen and (max-width: 1024px) {
    .catering .opening-state-legend,
    #mainContent .opening-state-legend {
        position: relative;
        right: auto; top: auto;
        padding-left: 30px;
        margin-bottom: 30px;
    }
    .catering .opening-state-legend { padding-left: 0; margin-bottom: 0}
}

.lageplan .opening-state-legend {
    position: absolute;
    right: 30px;
    top: 140px;
}
@media screen and (max-width: 1120px) {
    .lageplan .opening-state-legend {top: 50px}
}
@media screen and (max-width: 960px) {
    .lageplan .content-part > .inner {display: block}
    .lageplan .opening-state-legend {
        position: static;
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media screen and (max-width: 736px) {
    .lageplan .opening-state-legend {
        position: relative;
        right: auto; top: auto;
        margin-bottom: 30px;
        padding-left: 30px;
        padding-top: 20px;
    }
}
.attractions .content-part.headline:first-child .inner {padding-top: 150px}
@media screen and (max-width: 1120px) {
    .attractions .content-part.headline:first-child .inner {padding-top: 70px}
}
/* -- Seiten ohne Teaser -- */
.noTeaser #teaser { height:100px; min-height:0; background:var(--lightyellow)}
.noTeaser #outercontent { padding-top:140px;background:var(--lightyellow)}
.noTeaser .headline .curve{ display:none}

/* -- Startseite -- */
.front .figurePlace{ margin-top:-140px}
.front .sticky .grid { display: flex}
.front .sticky .grid > .box {
    position: relative;

}
.front .sticky .season-counter {
    position: absolute; left: calc(100% - 100px); bottom: 0;
    text-align: left;
}
@media screen and (max-width: 1280px) {
    .front .sticky .season-counter {left: auto; right: -50px;}
}
@media screen and (max-width: 1120px) {
    .front .sticky .season-counter {right: 0;}
}
@media screen and (max-width: 1120px) {
    .front .sticky .season-counter {
        position: relative; right: auto;margin-top: 20px;
    }
}
@media screen and (min-width: 960px) {
    .front .content-part.sticky .row {width:100%; display: table}
    .front .content-part.sticky .row .lft,
    .front .content-part.sticky .row .rt { display: table-cell; float:none; vertical-align: top}

    .front .content-part.sticky .row .lft {position:relative}
    .front .content-part.sticky .row .lft a.more{position: absolute; left: 0; bottom: 0; right: 0}
}
.content-part.sticky a.more { width: 316px;}

/* -- Attraktionen Übersicht -- */
.attractions .content-part h1,
.attractions .content-part > .inner > h2{ text-align:left; padding-left:50px; margin-bottom:30px}

/* -- News Detail -- */
.news-detail  { }
.news-detail #container { min-height:calc(100% - 2px)}

/* -- FAQ -- */
.faq {}
#faq h2 { font-size:30px; color:#fff}
#faq .box { margin-bottom:30px}
#faq .accordion { margin-bottom:20px}

.advent-calendar {position: relative; color: #fff;}
.advent-calendar {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none; }
.advent-calendar .calendar-grid {
    position: absolute; left: 0; width: 100%; height: 100%; z-index: 2;
    background: url("../images/adventcalendar-bg.jpg") no-repeat;
    background-size: 100vw auto;
}
.advent-calendar .bg { position: relative; z-index: 1}
.advent-calendar .day {
    border: 2px dotted #fff; position: absolute;

}
.advent-calendar .day a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 4}
.advent-calendar .day .star-wrap {position: absolute; right: 0; top: 0; bottom: 0; pointer-events: none; left: -40px; z-index: -1}
.advent-calendar .day .stars {
    position: absolute; right: -70px; top: -40px; width: 170%; height: 180%;
    background: url("../images/stars.png") no-repeat;opacity: 0;
    background-size: contain;
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
}

.advent-calendar .day .door{
    height: inherit; width: inherit; margin-left: -2px; margin-top: -2px; border: 2px solid rgba(255,255,255, 0);
     display: flex; justify-content: center;  align-items: center;overflow: hidden; z-index: 3;
    transform-origin: 100% 50%;
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), border 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.advent-calendar .day .door::before{
    content:""; width: calc(100% + 2px); height: calc(100% + 2px); position: absolute;left: -2px; top: -2px;
    background: url("../images/adventcalendar-bg.jpg") no-repeat;
    background-size: 100vw auto;z-index: -1;
}
.advent-calendar .day.current {cursor: pointer;}
.advent-calendar .day.current:hover .door{border-color: rgba(255,255,255, 1)}
.advent-calendar .day .door-no{ font-family: var(--secondary-font); font-size: 4vw; position: relative; z-index: 2}

.advent-calendar .day.passed { background: rgba(11, 93, 141, 0.95) }
.advent-calendar .day.open .door{ transform: perspective(400px) rotateY(45deg);border-color: rgba(255,255,255, 1)}
.advent-calendar .day.open .stars {
    opacity: 1;
    transform: rotate(-35deg);
}

.advent-calendar .day-1 { left: 58vw;top: 5vw;width: 6vw;height: 8vw}
.advent-calendar .day-1 .door::before { background-position: -58vw -5vw}

.advent-calendar .day-2 { left: 47vw;top: 23vw;	width: 10vw;height: 6vw;}
.advent-calendar .day-2 .door::before { background-position: -47vw -23vw}

.advent-calendar .day-3 { left: 80vw; top: 27vw; width: 15vw; height: 9vw;}
.advent-calendar .day-3 .door::before { background-position: -80vw -27vw}

.advent-calendar .day-4 { left: 72vw; top: 27vw; width: 7vw; height: 9vw; }
.advent-calendar .day-4 .door::before { background-position: -72vw -27vw}

.advent-calendar .day-5 { left: 28vw;top: 12vw;height: 9vw;width: 7vw;}
.advent-calendar .day-5 .door::before { background-position: -28vw -12vw}

.advent-calendar .day-6 { left: 20vw; top: 22vw; width: 11vw; height: 6vw }
.advent-calendar .day-6 .door::before { background-position: -20vw -22vw}

.advent-calendar .day-7 { left: 82vw;top: 6vw;width: 13vw; height: 9vw;}
.advent-calendar .day-7 .door::before { background-position: -82vw -6vw}

.advent-calendar .day-8 { left: 37vw;top: 29vw;width: 7vw; height: 8vw; }
.advent-calendar .day-8 .door::before { background-position: -37vw -29vw}

.advent-calendar .day-9 { left: 5vw; top: 6vw; width: 9vw; height: 10vw }
.advent-calendar .day-9 .door::before { background-position: -5vw -6vw}

.advent-calendar .day-10 { left: 41vw; top: 8vw; width: 10vw; height: 6vw }
.advent-calendar .day-10 .door::before { background-position: -41vw -8vw}

.advent-calendar .day-11 { left: 69vw;top: 16vw;width: 12vw;height: 9vw }
.advent-calendar .day-11 .door::before { background-position: -69vw -16vw}

.advent-calendar .day-12 { left: 59vw; top: 31vw; width: 8vw; height: 6vw;}
.advent-calendar .day-12 .door::before { background-position: -59vw -31vw}

.advent-calendar .day-13 { left: 29vw; top: 4vw; width: 9vw; height: 6vw;}
.advent-calendar .day-13 .door::before { background-position: -29vw -4vw}

.advent-calendar .day-14 { left: 47vw; top: 16vw; width: 7vw; height: 5vw;}
.advent-calendar .day-14 .door::before { background-position: -47vw -16vw}

.advent-calendar .day-15 { left: 23vw;top: 30vw;width: 13vw;height: 8vw }
.advent-calendar .day-15 .door::before { background-position: -23vw -30vw}

.advent-calendar .day-16 { left: 47vw; top: 31vw; width: 9vw; height: 6vw;}
.advent-calendar .day-16 .door::before { background-position: -47vw -31vw}

.advent-calendar .day-17 { left: 59vw; top: 15vw; width: 8vw; height: 7vw;}
.advent-calendar .day-17 .door::before { background-position: -59vw -15vw}

.advent-calendar .day-18 { left: 4vw; top: 18vw; width: 11vw; height: 8vw }
.advent-calendar .day-18 .door::before { background-position: -4vw -18vw}

.advent-calendar .day-19 { left: 37vw;top: 16vw;width: 7vw;height: 9vw;}
.advent-calendar .day-19 .door::before { background-position: -37vw -16vw}

.advent-calendar .day-20 { left: 87vw; top: 17vw; width: 8vw; height: 9vw;}
.advent-calendar .day-20 .door::before { background-position: -87vw -17vw}

.advent-calendar .day-21 { left: 16vw; top: 4vw; width: 8vw; height: 9vw; }
.advent-calendar .day-21 .door::before { background-position: -16vw -4vw}

.advent-calendar .day-22 { left: 68vw; top: 5vw; width: 11vw; height: 6vw; }
.advent-calendar .day-22 .door::before { background-position: -68vw -5vw}

.advent-calendar .day-23 { left: 59vw; top: 24vw; width: 8vw; height: 6vw;}
.advent-calendar .day-23 .door::before { background-position: -59vw -24vw}

.advent-calendar .day-24 { left: 6vw; top: 30vw;width: 15vw;height: 8vw; }
.advent-calendar .day-24 .door::before { background-position: -6vw -30vw}

.date-entry .modaal-close {top: 0}
.date-entry .modaal-container { background: transparent; width: auto; padding: 0; box-shadow: none;}
.date-entry.video .modaal-container { width: 100%}

/* -- Besuch planen -- */
.plan-visit { background:var(--lightblue)}
.plan-visit.noTeaser #outercontent { padding-top:0; background:transparent}
.plan-visit #container { height:auto; min-height:100%;}
.plan-visit #outerfooter { margin-top:-112px;}
.plan-visit .content-part { padding-top:150px}
.plan-visit h1{ color:var(--yellow)}
.plan-visit .grid.twoLft .box { position:relative}
.plan-visit .grid.twoLft .box:first-child { width:80%; z-index:1}
.plan-visit .grid.twoLft .box:last-child{ width:20%; padding:0 25px; z-index:0}
.plan-visit .grid.twoLft img { position: relative;z-index: 0}
.plan-visit .grid.twoLft .rico-wrapper { position: relative;margin-top:-100px; float:right}
.plan-visit .grid.twoLft .rico-wrapper figcaption {
    position: absolute; left: 10px; top: 30px; z-index: 2;
    font-family: 'Kalamregular', sans-serif; color: #fff; font-size: 27px; line-height: 36px;
    transform: rotate(-7deg);
}

/* -- Lageplan -- */
.lageplan.noTeaser #outercontent { padding-top:0; background:transparent}
.lageplan #container { padding-top:120px; background:#dedc00}
.lageplan .content-part h1 { text-align:left; padding-left:50px; margin-bottom:0; color: #fff}

.lageplan .content-part {}
.lageplan .content-part.headline { padding-bottom:0;}
.lageplan .content-part.lageplan-content { padding-bottom:0;}

.lageplan #outerfooter { display:none}

.catering .node.filled .inner h2 {color: var(--orange)}
/* -- Mediathek -- */
.medien .content-part h1 { text-align:left; padding-left:50px; margin-bottom:0}

/* -- Kontaktformular -- */
.contact .content-part.green .node h2 { color:#fff}
.contact .content-part.green .node.filled h2 { color:var(--orange)}

/* -- -- */
.desktop body {min-width:480px}
/* -- WinterModus -- */
.winter-modus #outerheader { background-image:url(../gfx/header-bg-winter.png)}
.winter-modus #logo a { background-image:url(../gfx/logo-playmobil-funpark-winter.png);}


.winter-modus #mainmenu {
    background: #1E729E;
    background: rgba(30, 114, 158, .95)
}
.winter-modus .airsnakes,
.winter-modus .ballon-wrapper{ display: none}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   .winter-modus #logo a { background:url(../gfx/logo-playmobil-funpark-winter@2x.png) center no-repeat; background-size:contain}
}
.winter-modus #teaser .bubble.green {
    color: #55a364;
    background-image:url(../gfx/bubble-winter.png)
}
.winter-modus .formSubmit,
.winter-modus .takesnapshot,
.winter-modus .link_camera_activate,
.winter-modus .link_camera_deactivate,
.winter-modus fieldset.date-select .sendForm,
.winter-modus a.more { background:#004B7B url(../gfx/morebtn-ice.png) center 90% no-repeat}

.winter-modus #lageplan i.lageplan-curve {background-image:url(../gfx/lageplan-curve-winter.svg)}

.winter-modus.attractions .opening-state-legend,
.winter-modus.lageplan .opening-state-legend,
.winter-modus #mobifilter,
.winter-modus .content-part.lightgreen h1 { color:#fff}

.winter-modus #faq h2,
.winter-modus.plan-visit h1 { color:#57C4F2}

.winter-modus .accordion h3.open,
.winter-modus .accordion .like-h3.open {color: #fff}


.winter-modus.lageplan #mediafilter-mobi ul li a.active,
.winter-modus.lageplan #mediafilter-mobi ul li a:hover,
.winter-modus.lageplan .accordion h3.open,
.winter-modus.lageplan .accordion .like-h3.open {color: #55a364}
.winter-modus .content-part.lightblue .accordion h3.open,
.winter-modus .content-part.lightblue .accordion .like-h3.open {color: #57C4F2}

.winter-modus.lageplan .content-part .mapDownload:hover {
    border-color: #55a364;
    color: #55a364;
    background: transparent;
}

.winter-modus .content-part.brightyellow #sharebar,
.winter-modus .content-part.brightyellow #breadcrumb,
.winter-modus .content-part.brightyellow #sharebar a,
.winter-modus .content-part.brightyellow #breadcrumb a,
.winter-modus .content-part.lightgreen #sharebar,
.winter-modus .content-part.lightgreen #breadcrumb,
.winter-modus .content-part.lightgreen #sharebar a,
.winter-modus .content-part.lightgreen #breadcrumb a { color:#D8F1FC;border-color:#D8F1FC}

.winter-modus .modaal-close,
.winter-modus.noTeaser #outercontent,
.winter-modus .content-part.lightgreen { background:#1488ca}
.winter-modus .content-part.lightgreen .curve .backgrnd { fill:#1488ca}

.winter-modus .snow{ position:absolute; z-index:1}
.winter-modus .content-part.lightgreen .snow-rt { background:url(../gfx/snow-on-blue.png) no-repeat; width:560px; height: 407px; right:-290px}
.winter-modus .content-part.lightgreen.headline .snow-rt {
    width:360px; height: 260px; right:140px; background-size:contain;
    top: -60px;
}

.winter-modus .content-part.lightblue .snow-lft {
    background:url(../gfx/snow-on-purple-lft.png) no-repeat;
    width:739px; height: 484px; left:-50px; top:300px
}
.winter-modus .content-part.lightblue .snow-rt {
    background:url(../gfx/snow-on-purple-top-rt.png) no-repeat;
    width:739px; height: 484px; right:-80px; top:100px
}
.winter-modus .content-part.lightblue .snow-bottom {
    background:url(../gfx/snow-on-purple-bottom.png) no-repeat;
    width:1370px; height: 148px; right:-80px; bottom:-120px
}

.winter-modus .content-part.orange .snow-rt {
    background:url(../gfx/snow-on-darkblue-bottom.png) no-repeat;
    width:670px; height: 325px; right:-80px; top:30px
}
.winter-modus .content-part.orange .snow-lft {
    background:url(../gfx/snow-on-darkblue-lft.png) no-repeat;
    width:229px; height: 737px; left:-80px; top:180px
}
.winter-modus .content-part.orange .snow-bottom {
    background:url(../gfx/snow-on-darkblue-toprt.png) no-repeat;
    width:158px; height: 430px; right:-80px; bottom:-120px
}
.winter-modus .content-part.lightblue h2.underline::before {
    background: url(../gfx/sketch-line.png) no-repeat;
}
.winter-modus .modaal-overlay { background:#1b4061 !important}

.winter-modus,
.winter-modus .content-part.lightblue { background:#57C4F2; background: #1b4061}

.winter-modus .block .badget.yellow {
    background: #7f1038;
    color: #ea5045
}

.winter-modus.lageplan,
.winter-modus.lageplan #container,
.winter-modus.lageplan.noTeaser #outercontent {background: #264f47}
.winter-modus.lageplan .content-part h1 {color: #55a364}

.winter-modus .content-part.lightblue h2,
.winter-modus.catering .node.filled .inner h2,
.winter-modus .content-part.lightblue article.node.filled .inner h2 {color: #1488ca}
.winter-modus .content-part.lightblue .block h2 { color: #333}
.winter-modus .content-part.lightblue .curve .backgrnd { fill:#57C4F2; fill: #1b4061}
.winter-modus .content-part.lightblue .shine img { display: none}

.winter-modus .content-part.brightyellow { background:#41B9B8; background: #1E729E}
.winter-modus .content-part.brightyellow .curve .backgrnd { fill:#41B9B8; filter: #1E729E}

.winter-modus .content-part.magenta { background:#41B9B8; color: #fff}
.winter-modus .content-part.magenta .curve .backgrnd { fill:#41B9B8;}

.winter-modus .content-part.lightgrey { background:#264f47; color: #fff}
.winter-modus .content-part.lightgrey .curve .backgrnd { fill:#264f47;}
.winter-modus .content-part.lightgrey h2{ color: #55a364}
.winter-modus .content-part.lightgrey .shine img{ display: none}

.winter-modus fieldset .formCheckbox label i:before,
.winter-modus fieldset .formCheckbox label i:after,
.winter-modus .content-part.orange { background:#7f1038}
.winter-modus .content-part.orange .curve .backgrnd { fill:#7f1038}
.winter-modus .content-part.orange h2 {color: #ea5045}
.winter-modus .content-part.orange .shine img { display: none}
.winter-modus .block .badget.lightgreen { background:#1488ca}


.news-detail.winter-modus .content-part.lightblue,
.newsoverview.winter-modus .content-part.lightblue { background:#1b4061}

.news-detail.winter-modus .content-part.lightblue .curve .backgrnd,
.newsoverview.winter-modus .content-part.lightblue .curve .backgrnd { fill:#1b4061}

.news-detail.winter-modus .content-part.lightgreen.headline .date { color: var(--orange);}
/*
.attractions.winter-modus .content-part.lightgreen {background: #78598C}
.attractions.winter-modus .content-part.lightgreen .curve .backgrnd {fill: #78598C}
*/
.attractions.winter-modus {background: #1488ca}
.attractions.winter-modus .content-part.lightgrey {background: #1b4061}
.attractions.winter-modus .content-part.lightgrey .curve .backgrnd {fill: #1b4061}
.attractions.winter-modus .content-part.lightgrey #breadcrumb,
.attractions.winter-modus .content-part.lightgrey #breadcrumb a {color: #fff}

.catering.winter-modus .content-part.lightgrey {background: #1b4061}
.catering.winter-modus .content-part.lightgrey .curve .backgrnd {fill: #1b4061}

.catering.winter-modus .opening-state-legend,
.catering.winter-modus .content-part.lightgrey #breadcrumb,
.catering.winter-modus .content-part.lightgrey #breadcrumb a {color: #fff}

.winter-modus .content-part.lightgrey.business-hours {background: #1b4061; color: #fff}
.winter-modus .content-part.lightgrey.business-hours .curve .backgrnd {fill: #1b4061}
.winter-modus .content-part.lightgrey.business-hours h2{ color: #fff}

.birthdayoverview.winter-modus .content-part.lightgrey {background: #1b4061}
.birthdayoverview.winter-modus .content-part.lightgrey .curve .backgrnd {fill: #1b4061}
.birthdayoverview.winter-modus .content-part.lightgrey h2{ color: #fff}
.birthdayoverview.winter-modus .content-part.lightgrey #breadcrumb,
.birthdayoverview.winter-modus .content-part.lightgrey #breadcrumb a {color: #fff}
.birthdayoverview.winter-modus .content-part.lightgrey h2{ color: #fff}

.winter-modus #business-hours .head { background: #1488ca}
.winter-modus #business-hours .swiper-button-prev,
.winter-modus #business-hours .swiper-button-next,
.winter-modus #business-hours .swiper-button-prev::before,
.winter-modus #business-hours .swiper-button-next::before { border-color: #fff}


/* -- Hauptsaison -- */
.winter-modus .saison.lightgreen h3,
.winter-modus .block-saison.lightgreen h3 {background: #264f47; color: #55a364}

.winter-modus .saison.lightgreen .info,
.winter-modus .block-saison.lightgreen .inner { background: #55a364}

.winter-modus .datepicker table tbody td.lightgreen { background: #55a364}

/* -- Schlummertage -- */
.winter-modus .saison.dozedays h3,
.winter-modus .block-saison.dozedays h3 { background: #541b4f; color: #BDB9DD;}

.winter-modus .saison.dozedays .info,
.winter-modus .block-saison.dozedays .inner { background: #BDB9DD;}

.winter-modus .datepicker table tbody td.dozedays {background: #BDB9DD;}

/* -- Wintersaison -- */
.winter-modus .saison.wintersaison h3,
.winter-modus .block-saison.wintersaison h3 { background: #184060; color: #2188c9;}

.winter-modus .saison.wintersaison .info,
.winter-modus .block-saison.wintersaison .inner { background: #2188c9;}

.winter-modus .datepicker table tbody td.winter {background: #2188c9;}


.winter-modus .datepicker h3 { color: #1488ca}
/* -- KidsClub-- */
.kidsclub #outerheader { background-image:url("../gfx/header-bg-kidsclub.png")}
.kidsclub #logo a { background-image:url(../gfx/logo-playmobil-kidsclub.png)}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   .kidsclub #logo a { background:url(../gfx/logo-playmobil-kidsclub@2x.png) center no-repeat; background-size:contain}
}

.kidsclub #mainmenu {background: var(--darkblue); background: rgba(0, 47, 99, .95)}

.kidsclub .darkblue .node.filled .inner h2 { color: var(--green)}

.kidsclub .block-img .submitted,
.kidsclub .content-part.yellow h1,
.kidsclub .block-img .icons i,
.kidsclub fieldset.std .formItem select,
.kidsclub fieldset.std .formItem input.formText,
.kidsclub fieldset.std .formItem textarea,
.kidsclub #sharebar ul li a,
.kidsclub #breadcrumb ul li a {color: var(--darkblue)}

.kidsclub .msg,
.kidsclub fieldset .formCheckbox a {color:  var(--kidsclub-magenta)}

.kidsclub fieldset .formCheckbox label i:before,
.kidsclub fieldset .formCheckbox label i:after { background: var(--kidsclub-magenta)}

.kidsclub .msg.success {color: var(--green)}

.kidsclub fieldset .formCheckbox:not(.formError) label i,
.kidsclub fieldset.std .formItem:not(.formError) select,
.kidsclub fieldset.std .formItem:not(.formError) input.formText,
.kidsclub fieldset.std .formItem:not(.formError) textarea,
.kidsclub #sharebar ul li a {border-color: var(--darkblue)}

.kidsclub .darkblue .nice-select:after,
.kidsclub .darkblue fieldset .formCheckbox:not(.formError) label i,
.kidsclub .darkblue fieldset.std .formItem:not(.formError) select,
.kidsclub .darkblue fieldset.std .formItem:not(.formError) input.formText,
.kidsclub .darkblue fieldset.std .formItem:not(.formError) textarea {border-color: #fff;}

.kidsclub .darkblue .block-form fieldset .formCheckbox:not(.formError) label i,
.kidsclub .darkblue .block-form fieldset.std .formItem:not(.formError) select,
.kidsclub .darkblue .block-form fieldset.std .formItem:not(.formError) input.formText,
.kidsclub .darkblue .block-form fieldset.std .formItem:not(.formError) textarea {color: var(--darkblue);}


.kidsclub .darkblue fieldset .formCheckbox label i::before,
.kidsclub .darkblue fieldset .formCheckbox label i::after { background: #fff}

.kidsclub .darkblue fieldset.std .formItem .nice-select,
.kidsclub .darkblue fieldset .formCheckbox label i,
.kidsclub .darkblue fieldset.std .formItem select,
.kidsclub .darkblue fieldset.std .formItem input.formText,
.kidsclub .darkblue fieldset.std .formItem textarea { color: #fff; background: rgba(255,255,255, .2);}

.kidsclub .content-part > .inner > h2 {font-size: 50px}
.kidsclub .content-part h2.checked:before{ background-image:url(../gfx/sketch-checked-white.png)}
.kidsclub .content-part.yellow h2.checked:before{ background-image:url(../gfx/sketch-checked-dark.png)}

.kidsclub .content-part.yellow { color:var(--darkblue); background:#fff url(../gfx/white-noise-bg.jpg);padding-bottom:150px}
.kidsclub .content-part.yellow .curve .backgrnd{fill:url(#pattern-image);}

.kidsclub .content-part.magenta { color:#fff; background:var(--kidsclub-magenta);padding-bottom:150px}
.kidsclub .content-part.magenta .curve .backgrnd{fill:var(--kidsclub-magenta);}

.kidsclub .content-part.brightyellow #sharebar,
.kidsclub .content-part.brightyellow #breadcrumb,
.kidsclub .content-part.brightyellow #sharebar a,
.kidsclub .content-part.brightyellow #breadcrumb a,
.kidsclub .content-part.yellow #sharebar,
.kidsclub .content-part.yellow #breadcrumb,
.kidsclub .content-part.yellow #sharebar a,
.kidsclub .content-part.yellow #breadcrumb a{ color:var(--darkblue); border-color:var(--darkblue)}

.kidsclub .content-part.yellow h2.underline:before { background-image: url("../gfx/underlined-dark.png")}

.kidsclub .content-part.brightyellow #sharebar a:hover,
.kidsclub .content-part.brightyellow #breadcrumb a:hover,
.kidsclub .content-part.yellow #sharebar a:hover,
.kidsclub .content-part.yellow #breadcrumb a:hover{ color:var(--kidsclub-magenta); border-color:var(--kidsclub-magenta)}

.kidsclub .content-part.yellow .block-img .inner{ background:var(--green); color:  #fff }
.kidsclub .content-part.yellow .block-img .inner .like-h3 {color:  #fff }
.kidsclub .content-part.yellow .block-img .more{ color: #fff}
.kidsclub .content-part.yellow .block-img .more:hover{ text-decoration: none}

.kidsclub .content-part.darkblue #sharebar,
.kidsclub .content-part.darkblue #breadcrumb,
.kidsclub .content-part.darkblue #sharebar a,
.kidsclub .content-part.darkblue #breadcrumb a { color: #fff; border-color: #fff}

.kidsclub .uploadBox span.icon-arrow-up,
.kidsclub .uploadBox .formFile .icon-arrow-up,
.kidsclub .formSubmit {background: var(--kidsclub-magenta);}

.kidsclub .more {
    color: #fff; text-decoration: none;
    background: var(--kidsclub-magenta);
}
/*.kidsclub .block-img .inner,
.kidsclub .block-img .meta { background: var(--green); color:  #fff}
*/

.kidsclub .block-img.magenta .inner,
.kidsclub .block-img.magenta .meta { background: var(--kidsclub-magenta) !important}
.kidsclub .block-img.magenta a.more { background: #fff; color: var(--kidsclub-magenta) !important}
.kidsclub .block-img.magenta a.more::before {border-color: var(--kidsclub-magenta)}

.kidsclub .block-img.blue .inner,
.kidsclub .block-img.blue .meta { background: var(--darkblue) !important}
.kidsclub .block-img.blue a.more { background: #fff; color: var(--darkblue) !important}
.kidsclub .block-img.blue a.more::before {border-color: var(--darkblue)}

.kidsclub .block-img.green .inner,
.kidsclub .block-img.green .meta { background: var(--green) !important}
.kidsclub .block-img.green a.more { background: #fff; color: var(--green) !important}
.kidsclub .block-img.green a.more::before {border-color: var(--green)}

.kidsclub .block-form fieldset.std .formItem:not(.formError) select,
.kidsclub .block-form fieldset.std .formItem:not(.formError) input.formText,
.kidsclub .block-form fieldset.std .formItem:not(.formError) textarea { border-color: #333 !important;}

.kidsclub #teaser .bubble {	padding: 50px; margin-top: -260px}

.kidsclub #mediafilter ul li a {color: var(--darkblue)}
.kidsclub #mediafilter ul li a:hover {color: var(--kidsclub-magenta)}

.kidsclub #outerfooter { background-image: url("../gfx/footer-bg-kidsclub.png")}
.kidsclub #footermenu{  color: #fff;}
.kidsclub #footermenu ul a { color: inherit; text-decoration: none}
.kidsclub #footermenu ul a:hover { text-decoration: underline}

#register-form {display: none; position: relative}
#register-form:target {display: block}
#register-form.node h2{ font-size: 50px}
#register-form .outside-img{  position: absolute; left: 110%; bottom: 100px}
#register-form .outside-img  img{ max-width: none !important; height: 478px !important}

/* -- Login Overlay -- */
.login-modaal.modaal-wrapper { z-index: 666}
.login-modaal.modaal-wrapper + .modaal-overlay { z-index: 665}
.login-modaal .modaal-container{ background: transparent; box-shadow: none; position: static;max-width: 822px;}
.login-modaal .btnCloseOuter { position: static}
.login-modaal .modaal-close { top: 100px; background: transparent;}
.login-modaal fieldset .formItem { position: relative}
.login-modaal fieldset .forgetPw { position: absolute; right: 10px; top: 5px; font-size: 12px; font-weight: normal;color: var(--blue)}
.login-modaal .formSubmit { margin-top: auto}
.login-modaal a.more{ color: #fff; font-weight: bold}
.login-modaal .block-form h3 { color: var(--green)}
.login-modaal .block-img h3 { color: var(--darkblue)}

.kidsclub .login-modaal fieldset .forgetPw {color: #555}

/* -- Cookiebar -- */
.cookie-bar {position: fixed;bottom: 0;left: 0;width: 100%;background: #ed6e2c;padding: 20px;z-index: 999;font-size: 14px; color: #fff}
.cookie-bar .inner { width: 90%; margin: 0 auto; text-align: left; position: relative;z-index: 2;}
.cookie-bar .inner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0; height: 0;}
.cookie-bar p{ margin-right: 350px;margin-bottom: 0; text-align: center}
.cookie-bar a {font-weight: bold; color: #fff}
.cookie-bar a.btnMore{
	float:right; margin: -10px 0 -10px 10px;
	color: #fff;font-weight: 700;text-decoration: none;background: var(--blue);padding: 6px 15px 10px 15px;font-size: 15px;	display: inline-block;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0,0,0, 0.3), inset 0 -2px 0 2px rgba(0,0,0,0.1);
}
.cookie-bar .btn-wrap { margin-top: -20px}
@media screen and (max-width: 820px){
    .cookie-bar p{ margin-right: 0;margin-bottom: 20px}
    .cookie-bar .btn-wrap { margin: 0 -10px; margin-top:0; text-align: center}
    .cookie-bar a.btnMore { float: none; margin: 0 10px 10px; display: inline-block}
}

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* -- COOKIE OVERLAY --*/
.cookie-opt-overlay {
	font-family: "Arial", "Helvetica", sans-serif;
	max-width: 600px;padding: 40px; color: #595959;
	background: #fff;position: fixed;
	left: 50%; top: 50%;z-index: 99999;
	transform: translate(-50%, -50%);
	box-shadow: 0 10px 35px rgba(0,0,0,0.1);
	width: 100%;
}

.cookie-top-container {margin-top: 20px}
.cookie-opt-overlay .cookie-top-container { max-height: 70vh; overflow: auto}
.cookie-opt-overlay,
.cookie-opt-overlay * {box-sizing: border-box;}
.cookie-opt-overlay .cookie-opt-title { font-size: 22px; margin-bottom: 30px; color: #333333; font-weight: 600;}

.cookie-opt-overlay .cookie-opt-close {
	float: right; border: 0; width: 30px; height: 30px; background: transparent;
	-webkit-appearance: none; appearance: none;
	position: relative; cursor: pointer;
}

.cookie-opt-overlay .cookie-opt-close:before{
	content: '';
	background: url(../gfx/close.svg) no-repeat;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 0;
	left: 0;
}

.cookie-opt-overlay .cookie-opt-close span{ display: none}
.cookie-opt-overlay .cookie-opt-close:hover::before {transform: rotate(90deg); transition: 200ms}

.cookie-opt-overlay .cookie-opt-content {text-align: left}
.cookie-opt-overlay .cookie-opt-options {}

.cookie-opt-overlay .cookie-opt-toggle {
	margin: -11px -10px -11px 20px;
	float:right; width: 40px; height: 40px;cursor: pointer;
	background: transparent; border: 0; text-align: center; position: relative;
}
.cookie-opt-overlay .cookie-opt-toggle::before {
	content: ""; width: 12px; height: 12px; position: absolute;
	left: 50%; top: 50%; margin-left: -5px; margin-top: -9px;
	border-right: 1px solid #999; border-bottom: 1px solid #999;display: block;
	transform: rotate(45deg);
}
.cookie-opt-overlay .cookie-opt-toggle.open {
	transform: rotate(180deg);
}

.cookie-opt-overlay .cookie-opt-cattitle {
    padding: 11px 10px;font-size: 13px;text-transform: uppercase;
    font-weight: bold;position: relative;border-top: 2px solid #fff;
}
.cookie-opt-overlay .cookie-bar-category-container {border-top: 1px solid #999;}
.cookie-opt-overlay .cookie-bar-category-container:nth-child(3) {border-bottom: 1px solid #999;}

.cookie-opt-overlay .cookie-single-opt-toggle input,
.cookie-opt-overlay .cookie-opt-cattitle input { position: absolute; left: 0; top: 0; opacity: 0}

.cookie-opt-overlay .cookie-single-opt-toggle  label,
.cookie-opt-overlay .cookie-opt-cattitle label { cursor: pointer;}

.cookie-opt-overlay .cookie-single-opt-toggle label i,
.cookie-opt-overlay .cookie-opt-cattitle label i {
	display: block; background-color: #F2F2F2; color: #ccc; float: left; margin-right: 10px;
	border-radius: 50%;margin-top: -1px;
    width: 30px;height: 30px;font-size: 15px;
}
.cookie-opt-overlay .cookie-single-opt-toggle label i{background-color: #fff;}
.cookie-opt-overlay .cookie-single-opt-toggle input[type="checkbox"]+label i{position: relative;}

.cookie-opt-overlay .cookie-opt-cattitle label span {display: block;margin-top: 5px;font-weight: 600;font-size: 18px;}

.cookie-opt-overlay .cookie-single-opt-toggle input:checked + label i:before,
.cookie-opt-overlay .cookie-opt-cattitle input:checked + label i:before{
	transform: scale(1);
	opacity: 1;
	content: "\38";
	color: #E53517;
	position: absolute;
	z-index: 5;
	top: 18px;
	left: 18px;
}

.cookie-opt-overlay .cookie-single-opt-toggle input:checked + label i:before{top: 7px;left: 8px}

.cookie-opt-overlay .cookie-opt-catinfo { font-size: 13px; line-height: 16px; background: #f2f2f2; display: none}

.cookie-opt-overlay .cookie-opt-catinfo p { padding: 15px 18px; margin: 0 }
.cookie-opt-overlay .cookie-opt-catinfo .cookie-opt-table-wrap{ padding: 15px 0; border-top: 1px solid #E4E4E4}
.cookie-opt-overlay .cookie-opt-catinfo table {}
.cookie-opt-overlay .cookie-opt-catinfo table th,
.cookie-opt-overlay .cookie-opt-catinfo table td { text-align: left; vertical-align: top;padding: 2px 18px;}

.cookie-opt-overlay .cookie-opt-catinfo table th {}
.cookie-opt-overlay .cookie-opt-catinfo table td {}

.cookie-opt-overlay .cookie-single-opt-toggle { padding-left: 18px; float: left;}
.cookie-opt-overlay .cookie-single-opt-toggle + table { margin-left: 60px; width: calc(100% - 60px)}
.cookie-opt-overlay .cookie-single-opt-toggle + table th{ padding-right: 0; padding-left: 0}
.cookie-opt-overlay .cookie-single-opt-toggle label { position: relative; top: 2px}
.cookie-opt-overlay .cookie-single-opt-toggle label span { display: none}

.cookie-opt-overlay .cookie-top-savebtn {
	width: 100%; cursor: pointer; background: #00AEEF; color: #fff; font-size: 18px; font-weight: bold;
	border-radius: 100px;
	height: 55px; margin-top: 30px; border: none;
}
.cookie-opt-overlay .cookie-top-savebtn:hover {
	transition: background-color,color 250ms; background-color: #30c7ff;color: #333;
}

/* -- 25 Jahre Anpassung -- */
.airsnakes {
    position: absolute;
    pointer-events: none;
    left: 0; top: 0; width: 100%;
    z-index: 0;
}
.airsnakes .snakes-1,
.airsnakes .snakes-2,
.airsnakes .snakes-3 {
    position: absolute;
    top: 0;
    background-size: contain;
}

.airsnakes .snakes-1 {background-image: url("../gfx/snakes-1.png"); width: 179px; height: 224px; left: 170px}
.airsnakes .snakes-2 {background-image: url("../gfx/snakes-2.png"); width: 117px; height: 191px; left: 30%}
.airsnakes .snakes-3 {background-image: url("../gfx/snakes-3.png"); width: 104px; height: 249px; left: 62%;}
@media screen and (max-width: 1120px){
    .airsnakes .snakes-1 {width: 100px; height: 124px; left: 170px}
    .airsnakes .snakes-2 { width: 87px; height: 101px; left: 75%}
    .airsnakes .snakes-3 { width: 50px; height: 120px; left: 30%;}
}
@media screen and (max-width: 820px){
    .airsnakes .snakes-3 { left: 55%;}
}
@media screen and (max-width: 736px){
    .airsnakes .snakes-1 {width: 99px; height: 100px; left: 260px}
    .airsnakes .snakes-2 { width: 62px; height: 101px; left: 20%}
    .airsnakes .snakes-3 { width: 104px; height: 149px; left: 62%;display: none}
}
.ballon-wrapper {
  position: fixed;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  pointer-events: none;
    z-index: 9999;
    left: 0; top: 0;
}

.ballon-container {
  position: absolute;
  bottom: -350px;
  animation: aufsteigen linear forwards;
}

.ballon-img {
  animation: wackeln 2s infinite ease-in-out;
}

@keyframes aufsteigen {
  0% {transform: translate(0, 0)}
  100% {transform: translate(var(--wind-x, 0px), -135vh)}
}

@keyframes wackeln {
  0%, 100% { transform: rotate(-5deg); }
  50% { transform: rotate(5deg); }
}
/* -- Wiederverwendabr-- */
.fltrt {float: right;}
.fltlft {float: left;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0; height: 0;}

.sr-select .sr-select-activator {
    background: rgba(255, 255, 255, 0.5);
    border: 2px solid #fff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: normal;
    height: 40px;
    line-height: 36px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    border-radius: 4px;
    text-align: left !important;
    white-space: nowrap;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.sr-select .sr-select-activator.sr-select-disabled {
    cursor: default;
    border-color: #ededed;
    color: #999;
}

.sr-select .sr-select-activator::after {
    width: 20px;
    height: 20px;
    border: 2px solid var(--blue);
    content: '';
    display: block;
    margin-top: -10px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    background: url(../gfx/icons/arrow-down.svg) center no-repeat;
    background-size: 12px auto;
    transition: all 0.15s ease-in-out;
    border-radius: 2px;
}

.sr-select .sr-select-activator.sr-select-open::after {
    background-color: var(--blue);
    transform: rotateX(180deg);
}
.sr-select .sr-select-activator:focus-visible {
    background: #fff;
    color: var(--blue);
}

.sr-select .sr-select-activator:focus-visible::after {
    background-color: var(--blue);
}

.sr-select .sr-select-activator.sr-select-disabled::after {
    border-color: #cccccc;
}

.sr-select .sr-select-activator .sr-select-selected {
    padding: 0;
    color: #000000;
}

select {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.sr-select .sr-select-optionList {
    background: #fff;
    padding: 0;
    color: #333;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border: none;
}
.sr-select-optionList .sr-select-message {
    padding: 0;
}
.sr-select-optionList .sr-select-list .sr-select-list-option {
    padding: 9px 15px;
}
.sr-select-optionList .sr-select-list .sr-select-list-option:hover {
    background: #f6f6f6;
}

.sr-select-optionList .sr-select-list .sr-select-list-option.sr-select-active {
    color: #fff;
    background: var(--blue);
}
.sr-select .sr-select-activator .sr-select-trigger.sr-select-trigger-default:before {
    display: none;
}