html {
	width:100%;height:100%;
	overflow:visible;
}

body {
	margin: 0; 
	padding: 0; 
	background:#fff;
	height:100%;
	color: #fff;
	position:relative;
	font-family: "Neue Helvetika 85 Heavy", "Arial Black", Arial, sans-serif;
    font-weight: bold;	
	line-height: 130%;
	font-size: 1.16em;
	color: #000;
	background-repeat: repeat-y!important;
}

a {
	text-decoration:none;
	color:inherit;
}

header {
	position:fixed;
	left:60px;
	top:40px;
	height:200px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	background-size: 100% auto;
	z-index:200;
}

.mb_logo,
.mb_main_menu {
	float:left;
	position: relative;
	width:50%;
	height: 100%
}

.mb_logo .container {
	display:block;
	margin-right:5px;
}

.mb_main_menu .container {
	margin-left:5px;
	height: 95%;
	max-height: 155px;
	display: table;
}

.desktop .mb_main_menu .container {
	max-height: 95%;
}

.mb_logo img,
.mb_main_menu img {
	height: 100%;
	display:block;
	pointer-events:none;
	overflow: hidden
}

.mb_logo .mb_logo_img  {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow: hidden
}

.mb_main_menu img {
	margin-bottom:-100%;
	height:105%;
}

.mb_main_menu a {
	font-weight:900;
	color: #fff;
	display:table-row;
	text-transform:lowercase;
}

.mb_main_menu a span {
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 0.7813em 0;
	font-size:1.15em;
	display:table-cell;
	vertical-align:middle
}


.mb_main_menu a.current {
	color:#000
}

.mb_sub_menu {
	position:fixed; 
	left: 480px;
    top: 40px;
    z-index:199
}
.mb_sub_menu a {
	width:48px;
	height:48px;
	line-height:40px;
	padding:0;
	margin:0 7px 7px 0;
	color:#fff;
	overflow:hidden;
	text-indent:-10000px!important;	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	float:left;
	text-transform:lowercase;
	background: url(../../img/milchundbar/mb_sub_menu_bg_big.png) no-repeat 0 0;
	background-size:auto 100%;
}

.mb_sub_menu a.current {
	border: none!important;
	background-image: url(../../img/milchundbar/mb_sub_menu_close.png)!important;	
}
.mb_sub_menu a[href="map"] {
	background-image: url(../../img/milchundbar/mb_sub_menu_maps.png);	
}
.mb_sub_menu a[href="imprint"] {
	background-image: url(../../img/milchundbar/mb_sub_menu_imprint.png);	
}	
.mb_sub_menu a[href="info"] {
	background-image: url(../../img/milchundbar/mb_sub_menu_info.png);	
}	
.mb_sub_menu a[href^="newsletter"] {
	background-image: url(../../img/milchundbar/mb_sub_menu_newsletter.png);	
}	
.mb_sub_menu a[href*="facebook.com"] {
	color: #497aa0;
	background-image: url(../../img/milchundbar/mb_sub_menu_facebook.png);
}
.mb_sub_menu_item_fundsachen {
    color: #497aa0;
    background-image: url(../../img/milchundbar/mb_sub_menu_fundsachen.png) !important;
}

#overlays {
	height:100%;
	z-index:100;
	display:none;
}



body.show_overlay {
	position:relative;
	overflow:scroll;
}

body.show_overlay {
	position:relative;
	overflow:scroll;
}
body.show_overlay #overlays {
	position:relative;
	display:block;
}


.mb_event {
	width:100%;
	margin-top:0;
	background-repeat:no-repeat;
	background-position:center center;
	padding:250px 0 50px 60px;
	background-size: cover!important;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
	position:relative;
}


.mb_event:last-of-type {
	padding-bottom:100px
}

.mb_event.mb_special {
	padding:0;
}
.mb_event.mb_special .mb_event {
	position:absolute;
	left: 0;
	top:0;
	-webkit-transition: margin-left 600ms ease; 
	-moz-transition: margin-left 600ms ease; 
	-ms-transition: margin-left 600ms ease; 
	-o-transition: margin-left 600ms ease; 
	transition: margin-left 600ms ease;	
}

.mb_overlay {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	padding:250px 0 0 60px;
	margin: 0;
	overflow-y:auto;
	position:fixed!important;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	z-index:100;
	min-height:100%;	
	background: rgba(0,0,0,0.5);
	display:none;
}
	
.mb_event_container,
.mb_overlay_container {
	max-width:412px;
	position:relative;
}


.mb_overlay_container {
	float:left;
}

.mb_overlay_container +
.mb_overlay_container {
	margin-left:10px;
}

.mb_event_container_text,
.mb_overlay_container_text {
	font-size: 0.95em;
	position:relative;
	padding:12px 22px 0;
	max-height:960px;
	overflow:hidden;
}
.mb_event_container_text h1,
.mb_overlay_container_text h1 {
	margin-top:.3em;
	font-weight:900;
	line-height: 110%;
	font-size:1.362em;
}
.mb_event_container_text h1 strong,
.mb_overlay_container_text h1 strong {
	font-family: inherit;
	font-weight:inherit;
	color:#c10033
}
.mb_event_container_text > * + *,
.mb_overlay_container_text > * + * {
	margin-top: 1em
}

.mb_event_container_text img ,
.mb_overlay_container_text img {
	width:100%;
	display:none;
	margin-top: 20px;
	height:auto;
}

.mb_event_container_text p strong ,
.mb_overlay_container_text p strong,
.mb_event_container_text p u ,
.mb_overlay_container_text p u {
	color: #C10033;
	text-decoration: none
}

.mb_event_container_bg_top,
.mb_overlay_container_bg_top  {
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	overflow:hidden;
	z-index:0;
}

.mb_event_container_bg_bottom,
.mb_overlay_container_bg_bottom {
	display:block;
	position:absolute;
	left:0;
	width:100%;
	bottom:-25px;
	overflow:hidden;
	z-index:0;
}

.mb_event_container_bg_top img,
.mb_event_container_bg_bottom img,
.mb_overlay_container_bg_top img,
.mb_overlay_container_bg_bottom img {
	width:100%;
	display:block;
}

.ui-loader {
	display:none;
}

#map {font-size: 1em;color:#000;position:fixed;left:0;top:0;right:0;bottom:0;}



@font-face {
	font-family: 'milchbar icons';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[data-icon]:before {
	content: attr(data-icon);
	font-family: "milchbar icons";
	text-align:center;
	speak: none;
	text-align:center;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.mb_mobile_bar {
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:50px;
	background: url(../../img/milchundbar/mb_event_container_bg_top_big.png) no-repeat -20px bottom;
	background-size: 120% auto;
	z-index:200;
	font-size:40px;
	color:#c10033;
	padding:5px 0 0 10px;
}
.mb_mobile_bar a {
	display:block;
	width:40px;
}

.mb_pagination {
	position:fixed;
	color:#C10033;
	font-size:40px;
	left:50%;
	width:300px;
	bottom:0;
	margin-left:-150px;
	z-index:1;
	text-align:center;
	height:50px;
	overflow:hidden;
}

.mb_pagination a {
	color:#000;
	height:50px;
	display:inline-block;
	overflow:hidden;
	position:relative;
	padding-top:9px;
	line-height:50px;
}
.mb_pagination a:hover, .mb_pagination a:focus, .mb_pagination a.selected {
	color:#C10033
}

.mb_pagination a.disabled {
	color:rgba(0,0,0,0.3);
	pointer-events:none;
	cursor:default
}
.mb_pagination .mb_pagination_dott {
	font-size:.9em;
	width:25px;
	text-indent:-6px;
	text-align:center;
	background: url(../../img/milchundbar/mb_event_container_bg_top_big.png) no-repeat center -3px;
}

.mb_pagination .mb_pagination_next{
	background: url(../../img/milchundbar/mb_event_container_bg_top_big.png) no-repeat right top;
	background-size: auto 1300px;
}
.mb_pagination .mb_pagination_prev {
	background: url(../../img/milchundbar/mb_event_container_bg_top_big.png) no-repeat left top;
	background-size: auto 1300px;
}

.dektop .mb_event {
	background-size:cover;
}
.desktop .mb_slide{
	position:fixed;
}

.desktop.show_overlay{
	overflow:hidden
}

.mb_slide.mb_prev {
	left:20px;
}
.mb_slide.mb_next {
	right:20px;
}

#newsletter .mb_overlay_container {
	float:none;
	display:none;
	margin-top:0;
	margin-left:0;
	margin-bottom:40px
}
form {
	position:relative;
}
form p, form h1 {
	margin-bottom: 1em
}
form p a.selected {
	color:#c10033
}
.qfrow {
	margin-bottom:6px;
	clear:both;
}
.qfrow label {
	display:block;
	float:left;
	line-height:35px;
	min-width: 120px;
	padding-right:15px;
}
.qfrow input {
	font-weight:bold;
	height:35px;
	line-height:35px;
	border:none;
	color:#FFF;
}

.qfrow > span.input {
	position:relative;
	display:inline-block;
}
.qfrow > span.input:before {
	content:'';
	background: transparent url(../../img/milchundbar/mb_input_field_bg.png) no-repeat left center;
	width:10px;	
	position:absolute;
	left:-10px;
	top:0;
	bottom:0;
	display:block;
}
.qfrow > span.input:after {
	content:'';
	background: transparent url(../../img/milchundbar/mb_input_field_bg.png) no-repeat right center;
	width:10px;	
	position:absolute;
	right:-10px;
	top:0;
	bottom:0;
	display:block;
}

.qfrow > span.input input {
	background: transparent url(../../img/milchundbar/mb_input_field_bg.png) no-repeat center center;	
	height:35px;
	line-height:35px;
	border:none;
	display:block;
	width:197px
}
.qfrow > span.input.error:before, .qfrow > span.input.error:after, .qfrow > span.input.error input {
	background-image:url(../../img/milchundbar/mb_input_field_error_bg.png);
}

.qfrow > span.input.antispam input {
	width:100px !important
}

.qfrow > span.input.antispam input:invalid {
	box-shadow:none;
}

.qfrow input.submit {
	display:block;
	margin-top:20px;
	background-size: cover;
	height:40px;
	line-height:35px;
	background: transparent url(../../img/milchundbar/mb_submit_field_bg.png) no-repeat center center;
	width:175px;
}

.qfreqnote {
	margin:5px 0;
}
.mb_error_marker {
	color:#c10033;
	position:absolute;
	bottom:-50px;
	right:10px;
	z-index:20
}
.all_errors {
	color:#c10033;
}
#newsletter .statusmessage {
	display:none;
}
#newsletter .all_errors .statusmessage {
	display:block;	
}


@media screen and (max-width: 980px) {
	
	body {
		font-size: 1.1em
	}
	body.show_overlay #content {
		display:none;
	}
	.mb_overlay_container {
		float:none;
	}
	.mb_overlay_container +
	.mb_overlay_container {
		margin-left:0;
		margin-top:40px;
	}	
	.mb_overlay {
		overflow:hidden;
		position:static!important;
		top:auto;
		left:auto;
		right:auto;
		bottom:auto;
		padding-bottom:20px;
	}


	.mb_event {
		background-size:auto;
	}
	.mb_event_container_text h1,
	.mb_overlay_container_text h1 {
		font-size:1.262em;
	}
	
	body header,
	body.show_menu .mb_mobile_bar,
	body.show_menu .mb_pagination {
		display:none
	}
	body.show_menu header,
	body .mb_mobile_bar,
	body .mb_pagination  {
		display:block
	}
	.mb_pagination_next,
	.mb_pagination_prev {
		background:transparent;
	}
	.mb_overlay {
		margin: 0;
		position:static;
		top:auto;
		left:auto;
		right:auto;
		bottom:auto;
		margin:0;
		-moz-box-sizing:padding-box;
		-webkit-box-sizing:padding-box;
		-o-box-sizing:padding-box;
		-ms-box-sizing:padding-box;
		box-sizing:padding-box;		
		background-size: 100%!important;
	}
	.mb_overlay_container:last-child {
		margin-bottom:100px
	}
	.qfrow label {
		min-width: 75px;
	}
	.qfrow > span.input input {
		width:187px;
	}
	.portrait header {
		left: 0;
		top: 0;
		padding:0 10px 0;
	}
	.portrait header .container  {
		margin-top:10px;
		position:relative;
	}	
	.portrait .mb_logo img,
	.portrait .mb_main_menu img  {
		width:100%;
	}
	.portrait .mb_main_menu a {
		font-size:1.10em;
		line-height:130%;
	}
	
	.portrait .mb_sub_menu {
		left:10px;
		top:auto;
		bottom:10px
	}	
	.portrait .mb_event,
	.portrait .mb_overlay {
		padding-top:60px;
		padding-left:10px;
		padding-right:10px;
	}	
	.portrait .mb_event {
		height:auto;
	}		
	.portrait .mb_event:before {
		content: '';
		background:rgba(0, 0, 0,0.15);
		left:0;
		top:0;
		right:0;
		bottom:0;
		position:absolute;
		z-index:0
	}	
	.portrait .mb_event_container,
	.portrait .mb_overlay_container {
		width:auto;
		left:auto;
		position:relative;
		padding-top:5px
	}

	.portrait #newsletter .mb_overlay_container {
		margin-bottom:120px
	}

	
	.portrait .mb_pagination {
		top:0px;
		right:0;
		left:auto;
		bottom:auto;
		margin:0;
		z-index:201;
		text-align:right;
		width:auto;
	}

	.portrait .mb_pagination a {
		background:transparent!important;
		padding:0;
	}

	.landscape header {	
		left:10px;
		top:20px;
		width:300px;
	}
	.landscape .mb_logo,
	.landscape .mb_main_menu {
		float:none;
		width:105px;
		height:105px;
	}
	.landscape .mb_main_menu {
		margin-top:5px
	}
	.landscape .mb_main_menu a {
		font-size:0.61em;
		line-height:130%;
	}
	.landscape .mb_logo .container,
	.landscape .mb_main_menu .container {
		margin: 0
	}
	
	.landscape .mb_main_menu img {
		margin-bottom:-102px
	}
	.landscape .mb_sub_menu {
		left:auto;
		right: 10px;
		bottom:auto;
		top: 20px;
		width: auto;
		overflow:hidden;
	}
	.landscape .mb_sub_menu a {
		display:block;
		float:none;
		overflow:hidden;
	}
	.landscape .mb_event,
	.landscape .mb_overlay {
		padding-left:77px;
		padding-top:17px;
	}
	.landscape .mb_event:before {
		content: '';
		background:rgba(0, 0, 0,0.25);
		left:0;
		top:0;
		right:0;
		bottom:0;
		position:absolute;
		z-index:0
	}
	.landscape .mb_event_container,
	.landscape .mb_overlay_container  {
		width:80.5%;
		max-width:460px!important;
	}	
	body.show_menu.landscape .mb_event,
	body.show_menu.landscape .mb_overlay{
		padding-left:127px;
	}
	
	.landscape .mb_mobile_bar {
		left:-5px;
		right:auto;
		bottom:0;
		background-position: right -20px;
		background-size: auto 300%;
		padding-top:20px;
		height:auto;
		width:50px
	}
	
	.landscape .mb_pagination {
		z-index:201;
		left:0;
		width:auto;
		height:auto;
		bottom:0;
		margin-left:0;
		margin-bottom:10px;
	}
	
	.landscape .mb_pagination a {
		width:50px;
		height:33px;
		text-indent:0;
		line-height:32px;
		display:block;
		background:transparent!important;
	}
}
@media screen and (max-width: 680px) {

	.landscape .mb_main_menu img {
		margin-bottom:-97px
	}
	.landscape .mb_sub_menu a {
		margin:0 3px 0 0;
	}
	.landscape .mb_event_container,
	.landscape .mb_overlay_container  {
		max-width:360px!important;
	}	
	.landscape .mb_event_container_text img {
		display:block
	}	
	.landscape .mb_event,
	.landscape .mb_overlay {
		padding-left:67px;
	}
}

@media screen and (max-width: 480px) {

	.portrait header {
		height: 165px;
	}

	.portrait .mb_main_menu a {
		font-size:0.9em;
	}
	.portrait .mb_event_container_text img {
		display:block
	}
}

@media
    only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
    /* iPhone only */
	.portrait .mb_main_menu a {
		font-size:0.9em;
	}
}