.mob-element {
	position: relative;
	display: block;
	width:10px;
	height:10px;
}
.mob-item {
}
#navcontainerMobile, #mobContainer {
	width:100%;
	display:block;
	overflow-x:hidden;
}
#mob li {
    display:inline-block;
    position: relative;
    font-size:12px;
    line-height:-4px;
    display: table-cell;
    vertical-align: middle;
    width:50px;
    height:50px;
}
#mob {
	white-space:nowrap;

	margin: 0 0 10px 0;
}
.mob-headline {
	font-size:14px;
}
.mob-cat, .mob-item {
	position: relative;
	width:50px;
	text-align:center;
	
}
#mob li.mob-cat {
	font-size:14px;
}
#mob a {
	color:white;
	text-decoration: none;
	pointer-events: none;
	display:block;
	width:50px;
}
#mobContainer {
	background-color:#D02F27;
	color:white;
	display: none;
}
.section_mobile {
	display: none;
}
.section_mobile-top, .section_mobile-bottom {
	height: 50vh;
	position: relative;
	z-index: 2;
	/*padding-left: 25px;
	padding-right: 25px;*/
	padding-left: 0px;
	padding-right: 0px;
	overflow:hidden;
}

.mobile-section-cat .section_mobile-top{
	height: 40vh;
}
.mobile-section-cat .section_mobile-bottom {
	height: 60vh;
}
.section_mobile-top {
	padding:10px;	padding-top: 60px;
	height: 45vh;

}
.section_mobile-bottom {
	padding:10px 10px 0px 10px;
	height: 55vh;

}
.mobile-slider {
	margin-left: -10px;
	margin-right: -10px;
	height: 100%;
}
.mobile-slider-item {
	margin-left: 10px;
	margin-right: 10px;
	outline: none;
}
.slick-dots {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
	text-align: center;
}
.slick-dots li  {
	display: inline-block;
	margin: 5px;
}
.slick-dots li button {
	font-size: 0px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #c4c4c4;
	outline: none;
	border: 0px;
}
.slick-dots li.slick-active button {
	background-color: #D02F27;
}
.mobile-slider-dot-holder {
	position: absolute;
	left: 0px;
	bottom: 5px;
	width: 100%;
}
.section_mobile-background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.section_mobile-top-header {
	display: table;
	width: 100%;

}
.section_mobile-top-header-left {
	display:inline-block;
	vertical-align: middle;
}
.section_mobile-top-header-right {
	display:inline-block;
	vertical-align: middle;
}
.section_mobile-top-header-left h1 {
	font-size: 60px;
	line-height: 60px;
	text-align: left;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 10px;
}
.section_mobile-top-header-right img, .section_mobile-top-header-right #jubidubilaeum {
	width:150px;
	margin-left:20px;
}
.section_mobile-top p {
	margin: 0px;
	font-size:15px;
}
.section_mobile-top .image-as-background {
	background-color:#D02F27;
}
.section_mobile-bottom .intro__content {
	text-align:left;
}
.section_mobile-bottom .intro__content-header-left {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
}
.section_mobile-bottom .intro__content-header-right {
	font-size: 30px;
	line-height: 30px;
	font-weight: 600;
	padding-bottom: 20px;
	position: relative;
}
.section-home .section_mobile-bottom {
	padding-top: 25px;
	text-align: center;
}
.section-home .section_mobile-top {
	padding-top: 50px;
}
.dateInput2 {font-size:30px;}
.mobile-input {
	position: absolute;
	width: 100%;
	height: 60px;
	z-index: -1;
}
.mobile-input select {
	opacity: 0;
}
.section_mobile-bottom .intro__content-text {
	position: relative;
}
.input input[type="text"] {
	padding-left: 0px;
	padding-right: 0px;
}
.section_mobile h2 {
	font-size:30px;
	line-height:30px;
	font-weight:400;
	font-family:XXXLutz;
	text-transform: uppercase;
}
.input {
	position: relative;
}
.mobile-input-trigger {
	display: none;
	z-index: 1000;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
#mobArrow {position: absolute; bottom: 0px; display: none;}

.smallmenu {
	font-size:14px;
}

@media (max-width: 760px) {
	.start h2 {
		font-size: 1.5em;
	}

	#menu {display:block;}
	.fp-section {overflow:hidden;}
	#mobArrow img {height:10px;}
	#mobArrow {position: absolute; bottom: -3px; display: block;}
	.mobile-input-trigger {
		
		display: block;
	}
	body {
		font-size: 13px;
	}
	#navcontainer {
		display: none;
	}
	#mobContainer {
		display: block;
		padding-bottom:0px;
	}
	#timeline {
		top: auto;
		bottom: 0px;
		transform: translate(0,0);
	}
	.section {
		display: none;
	}
	.section_mobile {
		display: block;
		width: 100%;
		height: 100vh;
	}
	#dateDisplay {
		top: auto;
		bottom: 0px;
		transform: translate(-84px, 6px) scale(0.65, 0.65);
		transform-origin: 0;
		display:none;
	}
	.bg-1:after, .bg-2:after, .bg-3:after, .bg-4:after {
		display: none;
	}
	.bg-1 .section_mobile-bottom, .bg-2 .section_mobile-bottom, .bg-3 .section_mobile-bottom, .bg-4 .section_mobile-bottom {
		background-color: #D02F27;
	}
	#timeline {
		z-index: 1001;
	}
	.fun-fact {
		margin-top: 0px;
	}
	.fun-fact .fun-fact-wrapper {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		max-height: none;
	}
	.fun-fact .fun-fact-wrapper .fun-fact-img {
		width: 100px;
		float: none;
		height: auto;
		background-color: #000;
	}
	.fun-fact .fun-fact-wrapper .fun-fact-text {
		width: calc(100% - 100px);
		float: none;
	}
	.fun-fact-share {
		display: none;
	}
	.section-home .section_mobile-top {
		background-color: #BC9B5A;
		color: #fff; 
	}
	.section-home .section_mobile-bottom {
		background-color: #D02F27;
		color: #fff;
	}
	.input input {
		/*color: #000 !important;*/
	}
	.fun-fact .fun-fact-wrapper .fun-fact-text {
		padding: 10px;
		line-height: 1.4;
	}
	.section_mobile h2 {
		margin-top: 0px;
		margin-bottom: 10px;
	}
	#logo {
		top: 10px;
		left: 10px;
	}
	.mobile-section-cat h2 {
		margin-top: 10px;
	}
	.input input[type="text"] {
		font-size: 45px;
	}
	.button {
		margin-top: 10px;
	}
	#footer {
		z-index:1001 !important;
		padding:3px 10px 0px 10px;
		background-color:#e3827d;
		border-top:1px solid white;
		display:none;
	}

	#footer a {
		color:black;
	}

	/*.section__content {

		display: block;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left: auto;
		margin-right: auto;
		height: 100%;
		-ms-flex-align: center!important;
		align-items: center!important;
		z-index: 2;
		position: relative;
	}
	.section__content-left, .section__content-right {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		max-width: 100%;
		position: relative;
		width: 100%;
		display: block;
		max-height: 50vh;
		height: 100%;
	}
	.bg-4:after {
		width: 100%;
		height: 50%;
		top: 50%;
		left: 0px;
	}*/
	.section__start .section {
		display:block;
	}
}

/*
reduce campaign title space
*/
@media (max-width:900px) {
	.start {
		padding:50px 30px 80px 30px;
	}

	#campaigntitle {
		position:absolute;
		margin-top:-240px;
		margin-left:-20px;
	}
	#campaigntitle img {
		width:300px;
	}
	#campaignlogo {
		position:absolute;
		margin-top:-154px;
		right:20px;	
	}
	#campaignlogo img {
		width:150px;
	}
}
@media (max-width:500px) {
	.start {
		padding:50px 30px 80px 30px;
	}

	#campaigntitle {
		position:absolute;
		margin-top:-220px;
		margin-left:-20px;
	}
	#campaigntitle img {
		width:270px;
	}
	#campaignlogo {
		position:absolute;
		margin-top:-154px;
		right:20px;	
	}
	#campaignlogo img {
		width:150px;
	}
}
@media (max-width:420px){
	.section_mobile-top-header-left h1 {
		font-size: 50px;
		line-height: 50px;
		text-align: left;
		font-weight: 500;
		margin-top: 0px;
		margin-bottom: 10px;
	}
/*	.section_mobile-top-header-right img, .section_mobile-top-header-right #jubidubilaeum {
		width:120px;
		margin-left:20px;
	}*/
	#campaigntitle {
		position:absolute;
		margin-top:-180px;
		margin-left:-20px;
	}
	#campaigntitle img {
		width:220px;
	}
	#campaignlogo {
		position:absolute;
		margin-top:-134px;
		right:20px;	
	}
	#campaignlogo img {
		width:120px;
	}
	.input input[type="text"] {
		font-size:30px;
		width:150px;
	}
	.button.chooseYear img {
		position:relative;
		top:8px;
	}
	.start h2 {
		margin-bottom:0px;
	}
}
@media (max-width:380px){
	.section_mobile-top p {
		font-size:14px;
	}
/*	.section_mobile-top-header-right img, .section_mobile-top-header-right #jubidubilaeum {
		width:120px;
	}*/
	#campaigntitle {
		position:absolute;
		margin-top:-150px;
		margin-left:-10px;
	}
	#campaigntitle img {
		width:190px;
	}
	#campaignlogo {
		position:absolute;
		margin-top:-115px;
		right:10px;	
	}
	#campaignlogo img {
		width:100px;
	}
	.start {
		padding:50px 15px 40px 15px;
	}
	.start p {
		font-size:16px;
	}
	.start h2 {
		font-size:18px;
		margin-bottom:0px;
	}

}
@media (max-width:330px){
	.section_mobile-top-header-left h1 {
		font-size: 30px;
		line-height: 30px;
		text-align: left;
		font-weight: 500;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.section_mobile-top p {
		font-size:12px;
	}
	.section_mobile-top-header-right img, .section_mobile-top-header-right #jubidubilaeum {
		width:100px;
		margin-left:50px;
		margin-top:-40px;
	}
	.input input[type="text"] {
		font-size:20px;
		width:150px;
	}
	.section_mobile-bottom .intro__content-text {
		margin-top: -30px;
	}
	.fun-fact .fun-fact-wrapper .fun-fact-img {width:60px;}
	.button.chooseYear img {
		position:relative;
		top:12px;
	}
	.start p {
		font-size:15px;
	}
	.start h2 {
		font-size:16px;
		margin-bottom:-10px;
	}


}

@media (max-width: 400px) and (min-height: 500px){
	p.mobile-section-content {
		font-size:16px !important;
	}
}