@charset "ISO-8859-1";


@media screen and (max-width: 99999px) { /*Auflösung für grosse Bildschirme*/

.countdown_big {
    font-family: 'Libre Baskerville', serif;
    font-size:1.2vw; 
}

.countdown_small {
    font-family: 'Libre Baskerville', serif;
    font-size:0.6vw; 
}

div.indexbild_pc {
	display: block;
}

div.indexbild_mobile {
	display: none;
}

div.countdown {
	z-index: 3;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-top: 0.8vw; 
	margin-left: -10%;
	width: 20%; 
	height: 3vw; 
	-moz-border-radius: 1.5vw; 
	-webkit-border-radius: 1.5vw; 
	border-radius: 1.5vw;
}

div.countdown_textcontainer{
	margin-top: 0.8vw;
}

div.bubble_mother_container {
	position: absolute;
	left: -40%;
	bottom: 5%;
	width: 80%;
	margin-left: 50%;
}

div.bubble_container {
	width: 20%;
	height: auto;
	float: left;
}

div.bubble_container_turteltauben {
	width: 20%;
	height: auto;
	float: left;
}


div.menu_bubble_10 {	
	z-index: 4; 
	height: 0; 
	width: 60%; 
	margin-left: 10%;
	margin-top: 40%; 
	text-align: center; 
	background-image: url(Images/bubble.png); 
	background-size: contain; 
	background-repeat: no-repeat; 
	padding-top: 18%; 
	padding-bottom: 42%;
	opacity: 1;
    }
div.menu_bubble_10:hover {
	background-image: url(Images/bubble_hover.png);
    }
	
div.menu_bubble_30 {
	z-index: 4; 
	height: 0; 
	width: 60%; 
	margin-top: 40%;
	margin-left: 30%;
	text-align: center; 
	background-image: url(Images/bubble.png); 
	background-size: contain; 
	background-repeat: no-repeat; 
	padding-top: 18%; 
	padding-bottom: 42%;
	opacity: 1;
    }
div.menu_bubble_30:hover {
	background-image: url(Images/bubble_hover.png);
    }

.title_bubbles { 
    font-family: 'Tangerine', cursive;
	font-size: 2.5vw;
    line-height: 1.5;	
	font-weight: 600;
	color: #ffffff;
    }	
}



@media screen and (orientation: portrait), (max-width: 1200px) { /*Auflösung für Smartphone-Bildschirme*/

.countdown_big {
    font-family: 'Libre Baskerville', serif;
    font-size:3.6vw; 
}

.countdown_small {
    font-family: 'Libre Baskerville', serif;
    font-size:1.8vw; 
}

div.indexbild_pc {
	display: none;
}

div.indexbild_mobile {
	display: block;
}
	
div.countdown {
	z-index: 3;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-top: 1.8vw; 
	margin-left: -30%;
	width: 60%; 
	height: 9vw; 
	-moz-border-radius: 4.5vw; 
	-webkit-border-radius: 4.5vw; 
	border-radius: 4.5vw;
}

div.countdown_textcontainer{
	margin-top: 2.1vw;
}

div.bubble_mother_container {
	position: absolute;
	top: 100%;
	left: -50%;
	width: 100%;
	height: auto;
}

div.bubble_container {
	width: 100%;
	height: auto;
	float: left;
}

div.bubble_container:hover {
	background-color: #eeeeee;
}


div.bubble_container_turteltauben {
	position: absolute;
	top: -30vh;
	left: 50%;
	margin-left: -12vh;
	width: 24vh;
	height: auto;
	float: clear;
}

div.menu_bubble_10 {	
	z-index: 4; 
	width: 66%; 
	height: auto; 
	margin-left: 17%;
	margin-top: 0px; 
	text-align: center; 
	background-image: none;
	border-bottom: 1px solid #aaaaaa;
	padding-top: 4vh; 
	padding-bottom: 4vh;
	opacity: 1;
    }
div.menu_bubble_10:hover {
	background-image: none;
    }
	
div.menu_bubble_30 {
	z-index: 4; 
	width: 66%; 
	height: auto; 
	margin-left: 17%;
	margin-top: 0px; 
	text-align: center; 
	background-image: none; 
	border-bottom: 1px solid #aaaaaa;
	padding-top: 4vh; 
	padding-bottom: 4vh;
	opacity: 1;
    }
div.menu_bubble_30:hover {
	background-image: none;
    }
	
.title_bubbles { 
    font-family: 'Tangerine', cursive;
	font-size: 8vw;
	font-weight: 600;
	color: #aa0000;
    }	
}