@charset "UTF-8";
/*
*
*	Playmobil FunPark - Mobile View
*	Author: SECONDRED Newmedia GmbH
*	Web: http://www.secondred.de
*	Last Update: 07.05.2022
*
*/
@media screen and (max-width: 1650px){
	.headline .figurePlace{ left:-100px}
}
@media screen and (max-width: 1400px){
    #topmenu {padding-top: 10px}
	#topmenu ul li a {display: block}
	#topmenu > ul > li > a:before,
    #topmenu > ul > li > div >  a:before{display: block; margin: 0 auto 10px; text-align: center; font-size: 20px;}
    
	#topmenu > ul > li > a:after,
    #topmenu > ul > li > div > a:after{width: 30px; height: 30px; left: 50%; margin-left: -15px; top:1px}
	
    #topmenu ul li a span {display:block}
}
@media screen and (max-width: 1366px){
	#teaser .bubble { line-height:normal}
	.headline .figurePlace{ left:-150px}
}
@media screen and (max-width: 1280px){
	/* -- Blöcke -- */
	.block-img { width: auto;}
	.block-img .img { height:auto}
	.block-img.partner .img { width: inherit}

	.block-info { width:auto}

	.saison h3,
	.block-saison h3,
	.saison .info,
	.block-saison .inner { padding:15px}

	.block-gmap .gmap { width:100% !important}

	/* -- Grid Layout -- */
	.grid.three .box:nth-child(3n-2) { padding-right:20px}
	.grid.three .box:nth-child(3n) { padding-left:20px}

	.grid.responsive { margin-left:-30px}
	.grid.responsive .box{ padding-left:30px}
	.grid.responsive .box .block-img .img {height:auto}

	.node table { display:block; overflow:auto}
	.node table thead th { min-width:220px}

    .node iframe { width: 100% !important}

	/* -- Startseite -- */
	.lageplan img.map {	width: 100%;	height: auto; bottom:-40px !important}
	.lageplan img.sketch-cross { left:85% !important}
    
    .kidsclub #teaser .bubble,
	#teaser .bubble { margin-top:-200px; line-height:normal}

	/* -- Content Parts -- */
	.content-part h1 { font-size:40px}
	.content-part h2 { margin-bottom:30px}
	/*.content-part.green { padding-bottom:100px} */
	.content-part.green .loadMore { padding-bottom:50px}
	.content-part .curve { top:-80px}
	.content-part.sticky a.more { width:auto;}
    .front .content-part.sticky .row .lft a.more { right:50px}
	.content-part.headline .curve{top:-50px}

    .gallery .curve {top:70px}
	fieldset.date-select .formItem { width:40%}
	.headline .figurePlace{ left:-200px}

}
@media screen and (max-width: 1180px){
	.events #container .content-part > .inner {
		display: -ms-flexbox;display: -webkit-flex;display: flex;
		-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
		-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
		-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
		-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
		-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
	}
	.events #sidebar-rt {
		float:none; width:auto;	-webkit-order: 1; -ms-flex-order: 1;order: 1;-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;
		-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto; margin-left:-3%
	}
	.events #sidebar-rt .block { width:47%; margin-left:3%; float:left}
	.events #sidebar-rt:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0; height: 0;}

	.events #mainContent {
		-webkit-order: 0;-ms-flex-order: 0;order: 0;-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;
		-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto; margin:0
	}
    .node iframe { width: 100% !important; height: 25vw !important}
    /*
    fieldset.std .formItem.half {width:100%; float: none}
    fieldset.std .formItem.half.odd {padding-right:0}
    fieldset.std .formItem.half.even {padding-Left:0}
	*/
}
@media screen and (max-width: 1152px){
	.filterbar ul li.splitter,
	.sticky .grid.twoLft .box:last-child { display:none}

	.sticky .grid.twoLft .box:first-child { width:auto; float:none}
	#mediafilter,
	.lageplan-content .shine { display:none}
	#mobifilter { display:block}
	.lageplan .content-part h1 { padding-left:30px}

    #seasonpass-form {}
    #seasonpass-form fieldset.std .formItem.half { width: auto; float: none}

    #seasonpass-form fieldset.std .formItem.half.odd,
    #seasonpass-form fieldset.std .formItem.half.even { padding-left: 0; padding-right: 0}
    
    #logo {width: 170px; margin: 0 auto -105px}
	#logo a,
    .winter-modus #logo a{ width: 170px; height:100px; background-size:contain;}
}
/* -- Tablet  -- */

@media screen and (max-width: 1024px) {
	img.negativ { margin:-100px 0 -100px 0px}
	#header { height:90px}

	
	/* -- Teaser -- */
	/*#teaser{ min-height:300px; height:70vh}
	#teaser .swiper-container { min-height:inherit} */
	.headline .figurePlace img { right:60px}
	.figurePlace .rico {width:200px !important; height:auto !important; }

	#teaser .bubble { width: 250px;height: 250px; font-size:45px; line-height:normal;  padding-right:35px; padding-top:30px;padding-left:20px;  margin-top:-170px; }
    .kidsclub #teaser .bubble{ margin-top: -150px} 
	#teaser .swiper-slide iframe { height:50vh;}
	/* -- Attraktionen -- */
	.filterbar { padding:0 30px}
	.filterbar .box { width:55%}
	.filterbar .box:First-child {width: 45%;}

	.attractions .content-part h1 { padding-left:30px}
	.content-part.orange { padding-bottom:100px}
	#mainContent {margin:0 395px 0 0}
	#lageplan .block-img h2,
	#catering .block-img h2,
	#attractions .block-img h2 { font-size:28px}

	.page-full #sharebar { padding-right:30px}
	.page-full #breadcrumb { padding-left:30px}

	/* -- Startseite -- */
	.content-part.sticky .row .lft,
	.content-part.sticky .row .rt{  width:50%}
	.content-part.sticky .row .rt{  padding-right:0}
	/* .content-part.green > .inner { padding-top:0} */

	fieldset.date-select .formItem { width:38%}

    .grid.btn-grid {}
    .grid.btn-grid .box{ float: none; width: auto !important; padding-right: 0 !important}

    #footermenu {font-size: 14px}

	.plan-visit .grid.twoLft .rico-wrapper img {width: 300px !important;height: auto !important;}
    .plan-visit .grid.twoLft .rico-wrapper figcaption {font-size: 20px; line-height: 24px;top:20px}
	.ipad #lageplan a.arrow,
	.android #lageplan a.arrow { display:none}
}
@media screen and (max-width: 960px){
	.content-part.sticky .row .lft,
	.content-part.sticky .row .rt { width:auto; float:none; background:none; padding:0}

	.content-part.sticky .row .lft { padding-bottom:40px;background: url(../gfx/sketch-line.png) bottom no-repeat; background-size:100% 30px; margin-bottom:10px}
    .front .content-part.sticky .row .lft a.more { right:0px}
	.content-part.sticky h2 { margin-bottom:30px}
	.grid .block-info { width:auto}
    
    #topmenu { font-size: 12px}
/*     .lageplan img.map {top:120px !important; bottom: auto !important} */
    .grid.twoLft .box:first-child {}
    #breadcrumb,
    #sharebar{display:none}

	fieldset.std .formItem {float: none}
	fieldset.std .formItem.half {width:auto; float:none}
    fieldset.std .formItem.half.even {padding-left:0}
    fieldset.std .even ul.errors { left: 0}
    fieldset.std .formItem.half.odd {padding-right:0}
    fieldset.std .formItem.formError { margin-bottom: 30px}
    fieldset.contactform .formItem.formError { margin-bottom: 20px}
    fieldset.contactform .formItem.submit {padding-top:0}
	fieldset.geburtstag .formItem.half {
		clear: both;
	}

    fieldset.geburtstag {}
    fieldset.geburtstag .formCheckbox.half,
    fieldset.geburtstag .formRadios.half{width: 33.33%; float: left}

    .grid.three .box {width:50%}
    .grid.three .box:last-child{}
    .grid.three .box:nth-child(2n-1) { padding:0 15px 0 0 !important}
	.grid.three .box:nth-child(2n) { padding:0 0 0 15px !important}

    .lageplan img.map { bottom:-100px !important; width: 100%; left: 0px !important;}
    .lageplan .grid.twoLft {
        display: -ms-flexbox;display: -webkit-flex;display: flex;
        -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
        -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
        -webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
        -webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;
        -webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
    }
    .lageplan .grid.twoLft .box:first-child,
	.lageplan .grid.twoLft .box:last-child { width:auto;}

    .lageplan .grid.twoLft .box:first-child {-webkit-order: 1;-ms-flex-order: 1;order: 1;}
    .lageplan .grid.twoLft .box:last-child {-webkit-order: 0;-ms-flex-order: 0;order: 0;}

    /* -- Content -- */
	#additional-info,
    .contact #container .content-part > .inner,
    .jobdetail #container .content-part > .inner,
	.news-detail #container .content-part > .inner,
	.jobbewerbung #container .content-part > .inner,
	.jobs #container .content-part > .inner,
	.content-part > .inner {
		display: -ms-flexbox;display: -webkit-flex;display: flex;
		-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
		-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
		-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
		-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
		-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
	}
	.single .content-part > .inner { display:block}
    .news-detail #sidebar-lft + #mainContent { margin: 0}
    .news-detail #sidebar-lft { float: none; margin: 0 auto; width: auto; max-width: 366px}

	#sidebar-rt {
		float:none; width:auto;	-webkit-order: 1; -ms-flex-order: 1;order: 1;-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;
		-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto; margin-left:-3%
	}
	#sidebar-rt .block { width:47%; margin-left:3%; float:left}
	#sidebar-rt:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0; height: 0;}

	#mainContent {
		-webkit-order: 0;-ms-flex-order: 0;order: 0;-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;
		-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto; margin:0
	}

    #footermenu {padding-top: 12px; font-size: 13px}
    
    .profile-head { padding-top: 50px}
    .profile-head figure {display: none}
    .profile-head figure img { width: 100px !important; height: auto !important}
    
    .kidsclub #logout { margin-left: auto; margin-bottom: -40px;}
    
    .kidsclub .content-part.mein-profil { padding-top: 10px}
    .kidsclub .content-part.mein-profil #mainContent { margin-top: 50px}

}
@media screen and (max-width: 830px){
    .kidsclub .content-part.mein-profil #mainContent { margin-top: 0}
    
	fieldset.date-select .formItem { float:none; width:396px}
	fieldset.date-select .formItem:first-child { margin-bottom:15px}

	fieldset.date-select .sendForm { width:auto; width:366px; text-align:left; padding:0 20px; font-size:18px}
	fieldset.date-select .sendForm:before { float:right}
	fieldset.date-select .sendForm span { display:block; }

	.plan-visit .grid.twoLft .rico-wrapper { margin-top:85px}
	.headline .figurePlace{  display:none}

    .block table td:last-child,
    .block table th:last-child { white-space: normal}

    .camera-grid {}
    .camera-grid .box{ float: none !important; width: auto !important; padding-left: 0 !important; padding-right: 0 !important}

    .content-part.green .node-single.bewerbung h2 {font-size:40px}
    
    #topmenu ul li { margin-left: 12px}
}
@media screen and (max-width: 768px){
	body {font-size: 13px;line-height: 18px;}
	p { margin-bottom:20px }
    .hide-mobi {display: none !important}
	.android #lageplan a.arrow,
	.iphone #lageplan a.arrow,
	.windows #lageplan a.arrow,
	.ipad #lageplan a.arrow { display:none}
	.noTeaser #outercontent { padding-top:80px}

	/* -- Grid Layout -- */
	.grid.two .box { width:100%; padding-left:0 !important; padding-right:0 !important}
	.grid.three .box { width:50%; padding:0}

	.grid.three .box:nth-child(2n-1) { padding:0 15px 0 0 !important}
	.grid.three .box:nth-child(2n) { padding:0 0 0 15px !important}

	#faq .box { float:none; width:auto; padding:0 !important}

	#teaser .swiper-slide iframe { height:70vh;}
	/*.content-part .curve { top:-90px} */
	/* .content-part.green > .inner { padding-top:0} */
	.content-part h2,
    .kidsclub .content-part > .inner > h2{ font-size:35px; margin-bottom:20px}
	.content-part h2.underline { margin-bottom:40px}
	.content-part .row h2 { font-size:16px; }
	.content-part.green .loadMore { padding-bottom: 0;}
	.headline .curve { top:-60px}

	.node table th,
	.node table td { padding:15px 20px}

    /* -- -- */
	.loadMore a.more { float:none !important}

	#sidebar-lft {width:265px}
	#sidebar-lft + #mainContent{ margin:0 0 0 340px}

	.block-circle .img { width:265px; height:265px}
	.block-circle .img img { width:inherit; height:inherit}

	.block-circle .ball.magenta { left:130px}
	.block-circle .ball.yellow { left:200px; height: 80px; width: 80px;}
	.block-circle .ball.orange {width: 50px;height: 50px; top: 160px;}


	/* -- Blöcke -- */
	.block h3 { font-size:16px}
	.block-gmap .gmap { width: 100% !important; height:206px !important}

	/* -- Startseite -- */
	.content-part.sticky > .inner{padding:20px 30px}
	.sticky .grid.twoLft .box { width:auto; float:none}
	.sticky .grid.twoLft .box:first-child { width:auto}
	.sticky .grid.twoLft .box:last-child {  display:none}

	.lageplan img.sketch-cross { left:73% !important; bottom:60px !important}
	.lageplan img.map { bottom:0 !important; width: 100%; left: 0px !important;}
    /*.lageplan .grid.twoLft {display:table; width: 100%}
    .lageplan .grid.twoLft .box:first-child,
	.lageplan .grid.twoLft .box:last-child { width:50%; display: table-cell}
	*/
    .lageplan img.negativ {margin: 10px 0 -100px 0px}
	/* -- Attraktionen -- */
	.filterbar { padding:0 30px}
	.filterbar .box { width:auto !important; float:none}
	.filterbar .box:last-child { padding-top:20px}
}
@media screen and (min-width: 481px) and (max-width: 1024px){
   .node:last-child { margin-bottom: 40px}
}
@media screen and (min-width: 481px) and (max-width: 768px){
    .front .grid.three .box:last-child { display:none}
	.grid.three .box:nth-child(3n-2) { padding: 0 15px 0 0}
	.grid.three .box:nth-child(3n-1) { padding: 0 0 0 15px}
}
@media screen and (min-width: 481px) and (max-width: 1024px){
	.content-part.gallery h2,
	.content-part h2.screamer,
	.content-part h2.mail,
	.content-part h2.checked  { margin-left:60px}
    .content-part h2.mail {margin-left:0}
    .content-part h2.mail:before {display:none}
}
@media screen and (max-width: 820px){
    #footer {
		height:auto; padding:20px;
		display: -ms-flexbox;display: -webkit-flex;display: flex;
		-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
		-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
		-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
		-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
		-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch
	}
	#footer > .fltrt { float:none; width:auto;-webkit-order: 1;-ms-flex-order: 1;order: 1; padding-top:20px}
    #footermenu { margin-right: auto}
	#footermenu { float:none; padding-top:30px}
	#footermenu ul li { margin-right:15px}
    
    
}
/* -- Smartphone Landscape -- */
@media screen and (max-width: 736px){
	.snow { display:none}
    .profile-head { padding-top: 0}
	/* -- Header -- */
	#header { height:70px}

    /* -- Grids -- */
	.grid.two .box,
	.grid.three .box,
	.grid.three .box:nth-child(2n-1),
	.grid.three .box:nth-child(2n) { width:100%; float:none; padding-left:0 !important; padding-right:0 !important}

	.grid.responsive { margin-left:0}
	.grid.responsive .box{ padding:0 20px}

	/* -- Logo -- */
	#logo { width:120px}
	#logo a,
    .winter-modus #logo a{width: 120px;height:72px; background-size:contain}

	#container { padding-top:60px;	padding-bottom: 70px;}

	#teaser { max-height:none}
	#teaser .bubble { width:130px; height:130px; font-size: 20px; line-height: normal; margin-top:-110px; /*padding-top:10px*/ padding-left:10px; padding-right:20px}
    .kidsclub #teaser .bubble{ margin-top: -110px} 
    
	.swiper-pagination-fraction,
	.swiper-pagination-custom,
	.swiper-pagination-bullets { bottom:50px}

	/* -- Menü -- */
	a#hamburger { padding:10px 20px; font-size:14px; position:absolute; left:0; top:0}
	a#hamburger .burger { margin-right:15px}
	a#hamburger .text { display:none}

	#mainmenu { padding-top:100px; width:100vw}
	#mainmenu ul li a { padding:10px 0 10px 20px}
	#mainmenu ul li { padding:0 20px}
	.slinky-menu a.back:before { left:-10px}

	#topmenu {position: absolute;top: 0; right: 0; padding-right: 10px; padding-top: 5px}
	#topmenu ul li { margin-left: 10px}
	#topmenu ul li a {}
	#topmenu ul li a span {font-size: 11px}

	.content-part,
    .content-part.green{ padding-bottom:50px}
	.content-part .curve { height:40px; top:-40px}
	.content-part > .inner { padding-top:20px}
	.content-part.headline > .inner { padding-top:0}

    .content-part.sticky .tooltip-wrapper .tooltip {left:-23px; width: 200px}
    .content-part.sticky .tooltip-wrapper .tooltip:before {left:30px}

    .gallery .curve {top:40px; height: 90px}

	.grid.responsive { margin-left:0}
	.grid.responsive .box{ padding:0 15px}

	.filterbar a:before { font-size:40px}

	fieldset.date-select .sendForm { width:100%}
	fieldset.date-select .formItem { width:auto; padding-right:0}
	fieldset .formCheckbox label span { padding:0}

    fieldset.geburtstag {}
    fieldset.geburtstag .formRadios h4 { width: 33.333%}
    fieldset.geburtstag .formRadios .radios {overflow: hidden}
    fieldset.geburtstag .formCheckbox.half,
    fieldset.geburtstag .formRadios.half {width:100%; float: none}
    fieldset.geburtstag .formRadios.half label { padding: 0 20px 0 0}

    fieldset.geburtstag .formCheckbox.half { margin-bottom: 10px}

	.plan-visit .content-part { padding-top:100px}
	.plan-visit .grid.twoLft .box:first-child { width:auto; float:none}
	.plan-visit .grid.twoLft .box:last-child { display:none}

	.playworld ul li { width:33.3%}

    .node > .badget {left:auto; right: 30px}

    .node iframe { width: 100% !important; height: 45vw !important; margin-bottom: 20px}
    .node .inner p {height: auto !important}
    .node .inner p > img {float:none !important; margin: 0 auto 20px; display: block}
	.node-img {}
	.node-img .img { margin:0; float:none}
	.node-img .img svg { width:100%; height:auto}
	.node-img .inner {-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;	border-radius: 0 0 4px 4px; margin-top:-50px; min-height: 0}

	.events #sidebar-rt .block { width:366px}

	.gallery-pagination { width:310px}
	.flipster { width:100%}
	.gallery-pagination .swiper-pagination-thumb,
	.gallery-pagination .swiper-slide,
	.gallery-pagination .swiper-slide:before,
	.gallery-pagination .swiper-pagination-thumb:before,
	.flipster--coverflow .flipster__item__content,
	.flipster--coverflow .flipster__item__content:before {  width: 70px;height: 70px;}

	.gallery-pagination { margin-bottom:-70px}

	.accordion .accContent a.more { display:block}

	/* -- Content -- */
	.attractions .content-part h1 { padding-left:10px}
	.attractions.page-full .content-part h1 { padding-left:20px}
	.attractions #container .content-part > .inner {
		display: -ms-flexbox;display: -webkit-flex;display: flex;
		-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
		-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
		-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
		-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
		-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
	}

	.attractions  #sidebar-lft {
		float:none; width:auto;	-webkit-order: 1; -ms-flex-order: 1;order: 1;-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;
		-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto; margin-left:-3%
	}
	.attractions  #mainContent {
		float:none; width:auto;	-webkit-order:0; -ms-flex-order: 0;order: 0;-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;
		-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto; margin:0 !important
	}
	.block-circle { margin:0 auto 30px; width:265px}
	.block-img .icons { font-size:28px}

    /* -- Feedback -- */
	.feedback { width:auto}

	.feedback h3 { font-size:15px}
	.feedback h3 span { width:30px;}
	.feedback h3 span:first-child { margin-left:0}
	.feedback h3 span:last-child { margin-right:0}

    .feedback i.flower { left:10px;background-size:contain; width: 50px; background-repeat: no-repeat}
    .feedback i.heart {background-size:contain; width: 50px; right: 20px; background-repeat: no-repeat}

	/* -- Stellenangebote -- */
	#jobs .jobItem {
		padding:20px;
		display: -ms-flexbox;display: -webkit-flex;display: flex;
		-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
		-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
		-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
		-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
		-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch
	}
	#jobs .jobItem h2  {-webkit-order: 0;-ms-flex-order: 0;order: 0; margin-bottom:15px}
	#jobs .jobItem a.more  {-webkit-order: 1;-ms-flex-order: 1;order: 1; float:none}
	#teaser .swiper-slide iframe { height:50vh;}

	.uploadBox { padding:15px}
	.uploadBox .formFile { width:auto; margin-right:20px;}
	#uploadlist .file:before { top:4px}
	#uploadlist .file .btnDelete { top:0}

    .content-part a.more {  display:block; width:auto}
    .loadMore a.more { width:100%}

    #sidebar-rt .block { width:auto; float:none}
    
}
/* -- Smartphone Portrait -- */
@media screen and (max-width: 480px){
	.mobi { display:block}
    
    .login-modaal .modaal-close {top: 70px; right: 0}

	.figurePlace,
	#breadcrumb,
	#mediafilter-mobi ul li.placer,
	#sharebar { display:none}

	#topmenu { padding-top: 5px; padding-right: 30px}
	#topmenu ul li { display: none; font-size:12px}
	#topmenu ul li a span{ display: block}
	#topmenu ul li:first-child { display: block}
	#topmenu > ul > li > a:before,
    #topmenu > ul > li > div > a:before{ font-size: 20px; margin: 0 auto 10px; display: block; text-align: center}

	.size { padding:0 20px}
	.noTeaser #outercontent { padding-top:40px}

	.uploadBox .formFile { float:none; margin-right:0; margin-bottom:20px;}
    .news-detail #sidebar-lft { max-width: none}
	/* -- Content -- */
	#container { padding-top:60px;	padding-bottom: 70px;}


	#mainmenu { padding-top:80px}

	/* -- Teaser -- */
	.swiper-pagination-fraction,
	.swiper-pagination-custom,
	.swiper-container-horizontal > .swiper-pagination-bullets { bottom:70px}
	#teaser .swiper-container .swiper-slide { overflow:hidden}

	#teaser .swiper-container img,
	#teaser .teaserImg img { width:130% !important; left:-15%}
    #teaser .bubble {display:none}

	.windows fieldset.date-select input.formItem { background-size:50%; background-position:180px center}

	/* -- Content Parts -- */
	.content-part h1 { font-size:35px}
	.content-part h2,
    .kidsclub .content-part > .inner > h2,
	.content-part.green .node-single.bewerbung h2 { font-size:30px}
	.content-part h2.screamer:before { background-size:contain; background-repeat:no-repeat}
	.content-part h2.screamer:before {left:auto; right:-20px; top:0; width:30px}

	/* -- Elemente -- */
	.node.filled,
	.node-img .inner,
	.saison h3,
	.saison .info,
	.block-saison h3,
	.block-saison .inner,
	.datepicker,
	#saisoninfo,
	#business-hours .head { padding:20px}

	#business-hours .head h2 { margin:0; font-size:25px; margin-bottom:0}

	#business-hours .swiper-button-prev,
	#business-hours .swiper-button-next { margin-top:auto; top:90px}

	#business-hours .swiper-button-prev {left:20px}
	#business-hours .swiper-button-next { right:20px}

	.datepicker h3 { padding:10px 0}
	.datepicker table td{ min-height:40px}

	#saisoninfo + #additional-info { padding-top:20px}

	/* -- Startseite -- */
	.content-part { padding-bottom:55px}

	.front .sticky .box h2,
	.front .sticky .box p,
	.content-part.sticky table{ display:none}

    .content-part.sticky .row {
        display: -ms-flexbox;display: -webkit-flex;display: flex;
        -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
        -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
        -webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
        -webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;
        -webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
    }

	.content-part.sticky .row .lft,
	.content-part.sticky .row .rt{ float:none; width:auto; padding:0}
	.content-part.sticky .row .lft { -webkit-order: 1;-ms-flex-order: 1; order: 1;/*margin-bottom:30px*/ margin-top: 10px}
    .content-part.sticky .row .rt { -webkit-order: 0;-ms-flex-order: 0; order: 0; }
    .content-part.sticky .row .rt:before {content:"Öffnungszeiten"; display: block; margin-bottom: 10px; font-size: 14px; font-weight: bold}

    .content-part.sticky table{ display:table; font-size: 11px}

	.content-part.sticky .opening-hours {
		font-size:15px;	background:rgba(255,255,255, 0.5);padding:10px 15px;
		-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;
        display: none;
	}
	.content-part.sticky .opening-hours:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0; height: 0;}
	.content-part.sticky .opening-hours strong,
	.content-part.sticky .opening-hours span { display:block; float:left}

	.content-part.sticky .opening-hours strong { width:60%}
	.content-part.sticky .opening-hours span { width:40%; text-align:right}

	.content-part.orange,
	.content-part.green { padding-bottom:50px}
	.content-part.gallery .curve {top:40px}
	.content-part.green.gallery:last-child { padding-bottom:0}

	.content-part.headline .curve { top:-40px}
	.content-part.yellow.headline .date { margin-bottom:10px}

	.datepicker table tbody td.today:before { left:0; top:0}

    .block .badget {width: 70px;height: 70px; top:-20px; line-height: 16px; font-size: 16px}

    .block table td:last-child,
    .block table th:last-child {white-space:normal}

	/* -- Nodes -- */
	.node-img svg { width:100% !important; height:auto !important}
	.node-img .img { float:none}
	.node-img .inner { min-height: 0}

	.node.filled .inner h3 {margin-bottom: 20px;font-size: 14px;}
	.node.filled .inner ul li:before { left:0;}
	.node.filled .inner ul li { padding-left:30px}
	.node.filled .inner blockquote {margin:0 -20px 20px; padding:20px 32px 20px 100px}
	.node.filled .inner blockquote:last-child { margin:0 -20px -20px}

	.node.filled .btnBar{ margin-left:0}
	.node.filled .btnBar a.more { width:auto; display:block; margin-left:0; margin-bottom:10px}

	/* .node-single .inner img { max-width:120%; height:auto !important; width:120% !important; margin-left: -10% } */
    fieldset.std .formItem.captcha img {width: auto !important; margin-left:  auto !important}

	.node.bewerbung { margin-bottom:0}

    .faq .node:last-child { margin-bottom: 40px}
	/* -- Lageplan - Contentpart -- */
	.lageplan {}
	.lageplan #container { padding-bottom:0; padding-top:100px}
	.lageplan .content-part h1 { padding-left:20px; font-size:30px}
	.lageplan .grid {
		display: -ms-flexbox;display: -webkit-flex;display: flex;
		-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
		-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
		-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
		-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
		-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch
	}
	.lageplan .box { width:auto !important; float:none}
	.lageplan .box:first-child  {
		-webkit-order: 1;-ms-flex-order: 1;order: 1;
		/*-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;
		-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;*/
	}
	img.negativ {margin: 0 0 -20px 0px;	}
	.lageplan img.map {bottom: -60px !important;left: 0 !important;}
	.lageplan img.sketch-cross { left:auto !important; bottom:-20px !important}

	#lageplan {height: calc(100vh - 197px);}
	#lageplan i.lageplan-curve { height:40px}

	.tooltip-content { width:255px !important; margin-left:-88px}
	.lageplan  .block p { display:none}
	.lageplan  .block-img .img { height:148px}
	#lageplan .block-img h2 { font-size:20px; margin-bottom:0}
	.filterbar {	padding: 0px 20px;}

	#catering,
	#attractions { padding-bottom:0}

	.events #sidebar-rt .block {width:auto }
	.attractions  #sidebar-lft { margin-left:0}

	/* -- Medien -- */
	.medien .content-part h1 { padding-left:20px}
	#mediafilter { padding-right:20px}
	#mediafilter ul li { margin-right:5px}
	#mediafilter ul li a { font-size:35px}

	#mediafilter-mobi ul li { margin-bottom:5px}

	.plan-visit .content-part { padding-top:50px}
	.plan-visit .content-part h1 { font-size:30px; padding-bottom:20px}
	fieldset.date-select .sendForm {}
	.pika-single.is-bound {
		left:50% !important; top:50% !important;-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
	}
	.pika-lendar { width:340px}

	/* -- Formulare  -- */
	fieldset.std .formItem { margin-bottom:10px; float: none}
	fieldset.std .formItem.half { width:auto; float:none; padding:0 !important}
	fieldset.std .formItem.captcha { clear:both; padding-top:15px !important}
	fieldset.date-select .sendForm {top:20px}
	fieldset.contactform .formCheckbox label span { padding:10px 0}

    fieldset.geburtstag h3 {margin-bottom:15px; margin-top:10px}
    fieldset.geburtstag .formItem label i{ margin-right: 10px}
    fieldset.geburtstag .formItem .radios label {padding:5px 0; margin-right: 0 ; width: 50%; float:left}
    fieldset.geburtstag .formItem label span {
        display: -ms-flexbox;display: -webkit-flex;display: flex;min-height:40px; padding: 0; font-size: 12px;
        -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
        -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: center;
        -ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;align-content: stretch;
        -webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
    }
    fieldset.geburtstag .formRadios h4 {float:none; width: auto}
    fieldset.geburtstag .formRadios .radios { width: auto}

    fieldset.geburtstag .formItem.appointment label:last-child,
    fieldset.geburtstag .appointment {width: auto !important; margin-left: 0}
    .smallgallery .gallery-pagination {display:none}

    .gallery-content .swiper-container img {width:200% !important; margin-left:-50%; max-width: none !important}
	/* -- -- */
	.swiper-pagination-bullets { bottom:40px;left: 20px;/*  text-align: left */}

	/* -- -- */
	.node.filled .flipster--coverflow .flipster__container { padding-bottom:0; margin-bottom:0}
}
/* -- Smartphone Portrait - Kleine Displays -- */
@media screen and (max-width: 320px){
    body {font-size:12px}
	.size { padding:0 20px}

	a.more,
	.formSubmit { font-size:13px}

	.content-part h1 { font-size:26px}
	.content-part .curve { top:-37px}
	.content-part .curve svg { height:40px}
	.content-part.sticky > .inner {padding: 20px 20px;}
    .content-part.magenta {padding-bottom:70px}
	.content-part h2 { font-size:25px}

    .content-part.sticky .tooltip-wrapper .tooltip {width: 200px}

	.slinky-menu h2 {padding:10px 0 10px 20px; font-size:25px; }
	.slinky-menu a.back:before {top: 5px;left: -10px;}

	.filterbar a:before { font-size:30px}

    .content-part.sticky table{ display:table; font-size: 10px}

	#mainmenu { width:320px; padding-top:80px}
	#mainmenu ul { font-size:16px}
	#mainmenu ul li { padding:0 20px}
	#mainmenu ul li a {padding: 10px 0 10px 15px;}

	#mainmenu ul li.header a { padding:10px 0}
	#mainmenu ul.langmenu {bottom:20px}

	.node.filled .inner h2 { font-size:24px}
	.node.filled .inner blockquote { background-size:30px auto; background-position:20px center; padding:20px 32px 20px 65px; min-height:120px}
	.pika-single { margin-top:0}
	.pika-lendar { width:280px}

	.block-img .inner { padding:20px}
	.block-img .meta {padding: 0 20px 25px;}
	.block-img .icons {font-size:26px}

	#jobs .jobItem { margin-bottom:20px}
	#jobs .jobItem h2 {font-size:15px}

	#catering .block-img h2,
	#attractions .block-img h2 { margin-bottom:10px; font-size:25px}
	#lageplan .block-img h2 { margin-bottom:0; font-size:20px}
	.plan-visit .content-part h1{ font-size:27px; padding-bottom:20px}

    .node.filled,
    .node-img .inner,
    .saison h3,
    .saison .info,
    .block-saison h3,
    .block-saison .inner,
    .datepicker,
    #saisoninfo,
    #business-hours .head {padding:15px}

    .grid .box .block { margin: 0 auto 20px}

    .block-info .inner {padding:15px 15px 20px}
    /* -- -- */
	.swiper-pagination-bullets { bottom:35px;}

	#footer { padding:20px }
	#footermenu{ font-size:14px}
	#footermenu ul li { margin-right:12px}
}

/* -- iPhone 6 -- */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {

}
/* -- iPhone 6+ -- */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : portrait) {

}
/* -- iPad portrait -- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	fieldset.contactform .formItem.submit { padding-top:27px}
	.content-part.lageplan:last-child { padding-bottom:125px}

}
/* -- iPad Landscape -- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	.lageplan  .block p { display:none}
	.content-part {-webkit-transform: translate3d(0,0,0)}

}
/* -- iPad Pro Landscape -- */
@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)
and (orientation : landscape) {
	#teaser .bubble { margin-top:-270px}
}
