body,html{
height:100%;
font-family: 'Alegreya Sans', sans-serif;
font-weight:100;
font-size:24pt;
margin:0;
padding:0;

}

table{
margin-top:40px;
margin-bottom:60px;
}

table td{
text-align:left;
padding:5px;
width:40%;
}

table td+td{
width:20%;
}
table td+td+td{
width:40%;
}

p{
margin-bottom:40px;
}

.cover-picture{
background: url(images/cover.jpg) no-repeat center center fixed; 
background-size:cover;
height:100%;
position:relative;
}

h1{
font-family: 'Alegreya Sans', sans-serif;
font-weight:100;
text-align:center;
font-size:80pt;
padding:40px;
color:#c4909b;
}

h2{

font-family: 'Alegreya Sans', sans-serif;
font-weight:100;
text-align:center;
font-size:80pt;
padding:40px;
color:#c4909b;
text-transform:uppercase;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}

h3{
font-family: 'Alegreya Sans', sans-serif;
font-weight:400;
text-align:center;
font-size:50pt;
margin:20px;
color:#c4909b;
}

a,a:link{
color:#c4909b;
}

a:visited,a:active{
color:#c4909b;
text-decoration:none;
}

a:hover{
color:#c4909b;
}

hr{
border-bottom:4px solid #c4909b;
width:200px;
}

section{
text-align:center;
}

.img-divider{
height:400px;
background-size:cover;
background-position:center center;
}

#logo {
position:fixed;
opacity:1;
z-index:90;
}

#logo.big {
width:600px;
height:600px; 
margin-top:-300px;
margin-left:-300px;
left:50%;
top:50%;
}

#logo.small {
width:200px;
margin-top:-100px;
margin-left:-100px;
height:200px; 
top:30px;
left:50%;
}

.disabled #logo {
top:-100px;
}


input.form-control{
height:60px;
font-size:24pt;
border:1px solid #c4909b;
}

button.btn{
height:60px;
font-size:24pt;
border:1px solid #c4909b;
}

button.btn:visited,button.btn:hover,button.btn:active{
background-color:#c4909b !important;
color:#fff !important;
}


form{
margin-top:40px;
}



.circular300 {
width: 300px;
height: 300px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
overflow:hidden; 
margin:0 auto;
}

.circular {
width: 100%;
height: auto;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
overflow:hidden; 
margin:0 auto;
}

.row{
margin-bottom:20px;
}

button.btn{
color:#c4909b;
}

label{
display:none;

}

.checkbox{
text-align:left;
}

.checkbox label{
display:initial;
font-weight:100;
padding:0 !important;
}
.checkbox label span{
color:#c4909b;
}

.checkbox input{
display:none;
}


input[type=checkbox] ~ span.glyphicon-unchecked{
display:inline;
}

input[type=checkbox] ~ span.glyphicon-check{
display:none;
}

input[type=checkbox]:checked ~ span.glyphicon-unchecked{
display:none;
}

input[type=checkbox]:checked ~ span.glyphicon-check{
display:inline;
}



#logo a{
border:none;
outline: 0;
}

.geschenk{
margin-bottom:30px;
}

#geschenke .einleitung{
margin-bottom:60px;
}


section.extra{
background-color:#fffbf4;
padding-top:50px;
padding-bottom:50px;

}

section.standard{
padding-top:60px;
padding-bottom:50px;
}

.extra h2{
font-size:50px;
font-weight:400;
text-transform:none;
}

.zeitpunkt{
text-align:right;
padding-right:1em;
}

.ereignis{
text-align:left;
padding-left:1em;
}
/*
#feedback{
margin-bottom:3000px;
}
*/

.alert{
display:none;
}

#ablauf .table{
background-image:url("../images/blush-pixel.png");
background-repeat:repeat-y;
background-position:center;
}

[data-animation-class] {
visibility:none;
transition:1s;
}



@media(min-width:992px){



	nav{
		width:100%;
		position:fixed;
		left:0;
		top:-80px;
		background-color:#fffbf4;
		height:60px;
		line-height:60px;
		text-align:center;
		z-index:80;
		box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
		opacity:1;
		top:0;
	}
	nav a{
		color:#c4909b;
		font-size:16pt;
		display:inline-block;
		margin:0 5px 0 5px;

	}
	nav .left{
		top:0;
		position:absolute;
		right:50%;
		margin-right:120px;
	}
	nav .right{
		top:0;
		position:absolute;
		left:50%;
		margin-left:120px;
	}

	nav.disabled,#navbar.disabled nav{
		top:-80px;
	}

	nav a{
	}
	#nav-switcher{
		display:none;
	}





}

@media(min-width:1240px){
	nav a{
		font-size:22pt;
		margin:0 10px 0 10px;


	}

	.img-divider{
		background-attachment:fixed;
	}

}


@media(max-width:991px){




	table,tr,td,tbody{
		display:block;
		width:100% !important;
		padding:0;
	}
	#zimmer tr{
		padding-bottom:1em;
		border-bottom:1px solid #c4909b;
		margin-bottom:1em;
	}

	#zimmer table td{
		text-align:center;
	}


	#nav-switcher{
		width:100%;
		position:fixed;
		left:0;
		top:-80px;
		background-color:#fffbf4;
		height:60px;
		line-height:60px;
		text-align:center;
		z-index:80;
		box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
		opacity:1;
		top:0;
		text-align:right;
		z-index:9992;
	}
	#nav-switcher{
		color:#c4909b;
		padding-right:0.5em;
		font-size:30px;
	}

	#nav-switcher a.off{
		display:none;
	}

	#logo {
		z-index:9993;
	}


	nav{

		width:100%;
		position:fixed;
		background-color:#fffbf4;
		display:none;
		top:0;
		z-index:9991;
		padding-top:70px;
	}


	nav a{
		color:#c4909b;
		display:block;
		border-bottom:1px solid #c4909b;
		width:100%;
		background-color:#fffbf4;
		font-size:30px;
		padding:10px;
	}

	input[placeholder]{
		font-size:28px;
	}



}

@media(max-width:767px){

	#ablauf .table{
		background:none;
	}


	input[placeholder]{
		font-size:18px;
	}

	.geschenk{
		font-size:24px;
	}

	h1{	
		font-size:40px;
		padding:10px;
	}

	h2,.extra h2{
		font-size:40px;
		padding:10px;
	}

	h3{	
		font-size:24px;
		padding:10px;
	}

	p,td,html,body{	
		font-size:20px;
	}

	.zeitpunkt{
		text-align:center;
		padding-left:1em;
		padding-right:0em;
	}

	.ereignis{
		text-align:center;
		padding-left:1em;
		padding-right:0em;

	}
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}