.mobile .header-first-line {
	display:none;
}

.mobile .mobile-wrapper {
	display: block;
}

.mobile .nav-spacer {
	padding-top:250px!important;
}

.mobile  .header-mobile {
	background: #ff0000;
	height: 70px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 150;
}

.mobile  .header-mobile .logo img{
	width: 180px;
	margin-top:2px;
}

.mobile .mobile-line-two {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding-left:24px;
	padding-right:24px;
}

.mobile .site-name-mobile {
	background: #e6e7e8;
	margin-top: 70px;
	font-size: 13px; /* mit @media weiter definiert */
	height: 70px;
	position: absolute;
	width: 100%;
	z-index: 10;
}

.mobile .site-name-mobile a,
.mobile .site-name-mobile a:hover,
.mobile .site-name-mobile a:active,
.mobile .site-name-mobile a:visited {
	color: #fff;
	font-weight: bold;
	height: 100%;
	display: block;
	line-height: 32px;
	padding: 0.5em 0;
	white-space: nowrap;
}

.mobile  .header,
.mobile .site-name,
.mobile .logo-ref-container  {
	display: none;
}

.mobile .mobile-toggle-menu,
.mobile .mobile-toggle-search{
	position: absolute;
	right: 14px;
	top: 25px;
	z-index: 200;
	cursor: pointer;
}

.mobile .mobile-toggle-menu{
	color:#727477;
	font-size:14px;
}
.mobile .mobile-toggle-menu:hover{
	color:#ff0000;
}

.mobile .mobile-toggle-search{
	background:url('../img/button_search-yellow-2x.png');
	background-size: 40px 40px;
	right: 10px;
}

.mobile .mobile-nav-elements {
	padding-top: 110px;
}

.mobile .mobile-nav-elements .mobile-categories > div{
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #fff;
	font-size: 20px;
	position: relative;
}

.mobile .mobile-nav-elements .mobile-categories > div a ,
.mobile .mobile-nav-elements .mobile-categories > div a:hover ,
.mobile .mobile-nav-elements .mobile-categories > div a:active,
.mobile .mobile-nav-elements .mobile-categories > div a:visited {
	color: #fff;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding-left: 76px;
	vertical-align: middle;
	line-height: 50px;
}

.mobile .mobile-nav-elements .mobile-cat-ferienpass{
	background: #E6421E url('../img/schmetterling44x42.png') 16px 5px no-repeat;
}

.mobile .mobile-nav-elements .mobile-cat-familienpass{
	background: #FFCB08 url('../img/blume44x42.png') 16px 5px no-repeat;
}

.mobile .mobile-nav-elements .mobile-cat-kombiangebot{
	background: #166D37 url('../img/sonne44x42.png') 16px 5px no-repeat;
}

.mobile .mobile-nav-elements .mobile-search-box{
	background: #FFCB08 url('../img/search-icon-42.png') 16px 5px no-repeat;
	height: 55px;
	display: none;
}

.mobile .mobile-nav-elements .mobile-search-box form{
	padding-left: 76px;
	padding-top: 12px;
	white-space: nowrap;
}

.mobile .mobile-nav-elements .mobile-search-box form input.search-field {
	font-size: 16px;
	width: 75%;
}

.mobile .mac .mobile-nav-elements .mobile-search-box form input.search-field {
	font-size: 15px;
	-webkit-appearance: none;
	-webkit-border-radius: 3px;
}

.mobile .mobile-nav-elements .mobile-search-box form input.search-submit {
	padding: 6px 18px 5px;
	vertical-align: top;
}

.mobile .mac .mobile-nav-elements .mobile-search-box form input.search-submit {
	font-size: 14px;
	padding: 6px 18px 4px;
}

.mobile #primary {
	width: auto;
	display: block;	
}

.mobile #secondary {
	display: none;
}

.mobile .event-map {
	width: 100%;
	display: block;
	height: 300px;
}

.mobile .wrapper-content .fixed{
	position: relative;
}

.mobile nav.main-navigation > div > ul.nav-menu {
	display: none;
	margin: 0;
	padding-top: 114px;
}

.mobile nav.main-navigation > div > ul.nav-menu li {
	display: block;
	width: auto;
}

.mobile nav.main-navigation ul.nav-menu ul.sub-menu  li,
.mobile nav.main-navigation > div > ul.nav-menu  li {
	border: none;
	border-top: 1px solid #fff;
}

.mobile nav.main-navigation > div > ul.nav-menu > li:first-child {
	border-top: none;
}

.mobile nav.main-navigation > div > ul.nav-menu {
	border-left: none;
}

.mobile nav.main-navigation > div > ul.nav-menu li a{
	color: #656263;
	display: block;
	text-decoration: none;
	font-size: 16px;
	padding: 9px 0 9px 16px;
	width: 80%;
}

.mobile nav.main-navigation > div > ul.nav-menu > li > a { border: none; }

.mobile nav.main-navigation ul.nav-menu ul.sub-menu {
	display: block;
	position: relative;
}

.mobile nav.main-navigation ul.nav-menu ul.sub-menu li a {
	padding: 9px 0 9px 48px;
	width: 75%;
}

.mobile nav.main-navigation  > div > ul.nav-menu  li:hover{
	background: #fbc707;
}

.mobile nav.main-navigation  > div > ul.nav-menu  li:hover a{
	color: #656263;
}

.mobile nav.main-navigation  > div ul.nav-menu  li a:hover,
.mobile nav.main-navigation  > div ul.nav-menu ul.sub-menu  li a:hover{
	background: #fbc707;
	color: #656263;
}

.mobile nav.main-navigation  > div ul.nav-menu > li > a:hover,
.mobile nav.main-navigation  > div ul.nav-menu > li > a:active {
	text-decoration: underline;
}

.mobile .search-form {
	right: 0;
	top: 0;	
	position: relative;
}

.mobile #main,
.mobile .wrapper-content {
	padding: 40px 0 0 0;
}

.mobile #search-container {
	display: none;
}

.mobile .em-booking-form-details > p {
	white-space: nowrap;
}

.mobile .wp-caption.alignright { float: none; }


/* *** min-width *** */
@media (min-width: 332px) {	
	.mobile .mobile-toggle-search{ right: 24px; }
	.mobile .site-name-mobile { font-size: 14px; }
	/* .mobile .site-name-mobile a{ padding: 0 4.8em; }	*/
}

@media (min-width: 360px) {
	.mobile .site-name-mobile { font-size: 16px; }
	/* .mobile .site-name-mobile a{ padding: 0 4.8em; }	*/
}

@media (min-width: 410px) {
	.mobile .site-name-mobile { font-size: 18px; }
	/* .mobile .site-name-mobile a{ padding: 0 3.9em; }	*/
}

@media (min-width: 484px) {
	.mobile .site-name-mobile { font-size: 22px; }
	/* .mobile .site-name-mobile a{ padding: 0 3.6em; }	*/
}

@media (min-width: 560px) {
	/*
	.header-first-line {
		display:block;
	}*/
	.mobile .site-name-mobile { font-size: 26px; }
	/* .mobile .site-name-mobile a{ padding: 0 3.4em; }	*/
}

/* *** max-width *** */
@media (max-width: 410px) {	
	.mobile .mobile-nav-elements .mobile-search-box form input.search-field { width: 60%; }
}