@charset "ISO-8859-1";

/*Formatierungen für Texte:*/
/*Farben: Dunkelrot: #aa0000;*/


@media screen and (max-width: 99999px) { /*Auflösung für grosse Bildschirme*/
	.date {
		font-family: 'Libre Baskerville', serif;
		font-size:20px; 
	}

	.time {
		font-family: 'Libre Baskerville', serif;
		font-size:35px; 
	}
	
	div.appointment_container {
		float: left;
		width: 130px;
		border-top: 1px solid #999999;
	}
	div.appointment_textblock {
		float: left; 
		width: 830px; 
		padding-left: 40px;
	}

	div.zeremonienmeister {	
		float: left;
		width: 45%;
		margin-right: 20px;
	}
	
}

@media screen and (orientation: portrait), (max-width: 1200px) { /*Auflösung für Smartphone-Bildschirme*/
	div.zeremonienmeister {	
		float: none;
		width: 100%;
		margin-right: 0px;
	}
}

@media screen and (orientation: portrait), (max-width: 1000px) { /*Auflösung für Smartphone-Bildschirme*/
	.date {
		font-family: 'Libre Baskerville', serif;
		font-size:2.5vw; 
	}

	.time {
		font-family: 'Libre Baskerville', serif;
		font-size:4vw; 
	}
	div.appointment_container {
		float: left;
		width: 15%;
		border-top: 1px solid #999999;
	}
	div.appointment_textblock {
		width: 80%; 
		float: left; 
		padding-left: 4%;
	}
}