@charset "ISO-8859-1";

	div.link_button{
		background-color: transparent;
		transition: background-color 0.5s;
	}
	
	div.link_button:hover{
		background-color: #eeeeee;
		transition: background-color 1s;
	}
	
	ol {
		color: #aa0000;
	}
	li {
		margin-bottom: 10px;
		padding-left: 25px;
	}

@media screen and (max-width: 99999px) { /*Auflösung für grosse Bildschirme*/
	div.titelleiste {
		height: 2.1vw;
		z-index: 2; 
		position: fixed; 
		top: 0px; 
		left: 0px; 
		width: 100%;
		padding-top: 1vw;
	}

	div.site_content {
		z-index: 1; 
		text-align: left; 
		width: 1200px; 
		position: absolute; 
		top: 50vw; 
		left: -600px; 
		margin-left: 50%; 
		background-color: transparent;
	}

	div.title {
		z-index: 1; 
		text-align: left; 
		width: 100%; 
		margin-top: 100px;
		background-color: transparent;
	}

	div.textblock {
		z-index: 1; 
		text-align: left; 
		width: 1000px; 
		padding-left: 200px; 
		margin-top: 30px; 
		margin-bottom: 50px; 
		background-color: transparent;
	}

	div.menue_pc {
		position: fixed;
		z-index: 4; 
		margin-top: -18px;
		margin-left: 10px;
		background-color: transparent;
		padding: 5px;
		display: block;
	}
	
	div.menue_pages_pc {
		z-index: 4; 
		background-color: transparent;
		float: left;
		padding: 5px;
		margin-right: 10px;
		border-bottom: 0px solid #aaaaaa;
		transition: border-bottom 0.5s;
	}

	div.menue_pages_pc:hover {
		border-bottom: 1px solid #aa0000;
		transition: border-bottom 1s;
	}
	
	div.menue_mobile {
		display: none;
	}

	input.text {
		border: 0px solid #ffffff;
		border-bottom: 1px solid #aaaaaa;
		transition: border-bottom 1s;
		font-family: 'Indie Flower', 'Libre Baskerville', serif;
		font-size:25px; 		
		padding: 5px;
	}
	input.text:focus {
		border-bottom: 1px solid #aa0000;
		transition: border-bottom 1s;
	}	

	textarea {
		border: 1px solid #aaaaaa;
		transition: border-bottom 1s;
		font-family: 'Indie Flower', 'Libre Baskerville', serif;
		font-size:25px; 		
		padding: 5px;
	}
	textarea:focus {
		border: 1px solid #aa0000;
		transition: border-bottom 1s;
	}	

	input.btn_submit {
		background-color: #ffffff;
		border: 1px solid #aaaaaa;
		font-family: 'Libre Baskerville', serif;
		font-size:20px; 		
		color: #aaaaaa;
		padding: 5px;
		transition: border 1s, color 1s;
	}
	input.btn_submit:hover {
		background-color: #ffffff;
		border: 1px solid #aa0000;
		color: #aa0000;
		transition: border 1s, color 1s;
	}
	
	input.btn_confirm {
		background-color: #aaaaaa;
		border: 1px solid #aaaaaa;
		font-family: 'Libre Baskerville', serif;
		font-size: 20px; 		
		color: #ffffff;
		padding: 5px;
		transition: border 1s, background-color 1s;
	}
	input.btn_confirm:hover {
		background-color: #aa0000;
		border: 1px solid #aa0000;
		transition: border 1s, background-color 1s;
	}

	button.btn_submit {
		background-color: #ffffff;
		border: 1px solid #aaaaaa;
		font-family: 'Libre Baskerville', serif;
		font-size: 20px; 		
		color: #aaaaaa;
		padding: 5px;
		transition: border 1s, color 1s;
	}
	button.btn_submit:hover {
		background-color: #ffffff;
		border: 1px solid #aa0000;
		color: #aa0000;
		transition: border 1s, color 1s;
	}
	
	select {
		border: 0px solid #ffffff;
		border-bottom: 1px solid #aaaaaa;
		transition: border-bottom 1s;
		font-family: 'Indie Flower', 'Libre Baskerville', serif;
		font-size:25px; 		
		padding: 5px;
	}
	select:focus {
		border-bottom: 1px solid #aa0000;
		transition: border-bottom 1s;
	}
}

@media screen and (orientation: portrait), (max-width: 1200px) { /*Auflösung für Smartphone-Bildschirme*/
	div.titelleiste {
		height: 6vw;
		z-index: 2; 
		position: fixed; 
		top: 0px; 
		left: 0px; 
		width: 100%;
		padding-top: 2vw;
	}
	
	div.site_content {
		z-index: 1; 
		text-align: left; 
		width: 100%; 
		position: absolute; 
		top: 50vw; 
		left: 0px; 
		margin-left: 0%; 
		background-color: transparent;
	}

	div.title {
		z-index: 1; 
		text-align: center; 
		width: 100%; 
		margin-top: 10vw;
		background-color: transparent;
	}

	div.textblock {
		z-index: 1; 
		text-align: left; 
		width: 90%; 
		padding-left: 0px; 
		margin-top: 30px; 
		margin-bottom: 30px; 
		margin-left: 5%;
		background-color: transparent;
	}
	
	div.menue_pc {
		display: none;
	}
	
	div.menue_mobile {
		z-index: 5;
		display: block;
		position: fixed; 
		top: 0px; 
		left: 0px; 
		padding-left: 1vw;
		padding-top: 1vw;
	}
	
	div.menue_panel {
		position: fixed; 
		top: 0px; 
		left: 10vw; 
		width: auto; 
		height: auto; 
		padding: 20px; 
		background-color: #ffffff; 
		display: none; 
		z-index: 6;
	}

	div.menue_mobile_items {	
		padding: 10px; 
		border-bottom: 1px solid #999999;
		background-color: #ffffff;
		transition: background-color 1s;
	}

	div.menue_mobile_items:hover {	
		background-color: #eeeeee;
		transition: background-color 1s;
	}

	.menue_mobile_font { 
		font-family: 'Tangerine', cursive;
		font-size: 8vw;
		font-weight: 600;
		color: #aa0000;
    }	
	
	input.text {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		font-size: 3.5vw;
	}

	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		font-size: 3.5vw;
	}
	
	input.btn_submit {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		font-size: 3vw;
	}
	
	input.btn_confirm {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		font-size: 3vw;
	}

	button.btn_submit {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		font-size: 3vw;
	}
	
	select {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		font-size: 3.5vw;
	}
}