@charset "ISO-8859-1";

@media screen and (max-width: 99999px) { /*Auflösung für grosse Bildschirme*/
	.wunschliste_title_font { 
 		font-family: 'Libre Baskerville', serif;
		font-size:16px; 
		font-weight: 600;
		text-transform: uppercase;
    }

	.wunschliste_description_font { 
 		font-family: 'Libre Baskerville', serif;
		font-size:16px; 
		font-weight: 300;
    }

	.wunschliste_value_font { 
		font-family: 'Libre Baskerville', serif;
		font-size:12px; 
		color: #777777;
    }

	div.wunschliste_pc {
		display: block;
	}

	div.wunschliste_mobile {
		display: none;
	}
	
	div.wunschlisten_item {
		z-index: 1;
		width: 280px;
		float: left; 
		margin-right: 20px;
		margin-top: 0px;
		margin-bottom: 80px;
		background-color: transparent;
	}
	div.wunschlisten_item_picture {
		z-index: 2;
		width: 200px;
		height: 200px;
		-moz-border-radius: 200px;
		-webkit-border-radius: 200px;
		border-radius: 200px;
		margin-left: 40px;
		margin-bottom: 15px;
		background-size: cover;
		background-position: center;
	}
	div.wunschlisten_item_title {
		z-index: 2;
		width: 100%;
		margin-bottom: 15px;
		background-color: transparent;
		text-align: center;
	}

	div.wunschlisten_item_description {
		z-index: 2;
		width: 200px;
		margin-left: 40px;
		margin-bottom: 15px;
		background-color: transparent;
		text-align: center;
	}
	div.wunschlisten_item_value {
		z-index: 2;
		width: 200px;
		height: auto;
		margin-left: 40px;
		margin-bottom: 15px;
		background-color: transparent;
		text-align: center;
	}
	div.wunschlisten_item_submit {
		z-index: 2;
		width: 100%;
		height: auto;
		background-color: transparent;
		text-align: center;
	}

	input.btn_submit_wunsch {
		background-color: #aaaaaa;
		border: 0px solid #aaaaaa;
		font-family: 'Libre Baskerville', serif;
		font-size:16px; 
		font-weight: 600;
		color: #ffffff;
		padding: 10px;
		transition: background-color 1s;
	}
	input.btn_submit_wunsch:hover {
		background-color: #aa0000;
		transition: background-color 1s;
	}
}

@media screen and (orientation: portrait), (max-width: 1200px) { /*Auflösung für Smartphone-Bildschirme*/
	
	.wunschliste_title_font { 
 		font-family: 'Libre Baskerville', serif;
		font-size:3vw; 
		font-weight: 600;
		text-transform: uppercase;
    }

	.wunschliste_description_font { 
 		font-family: 'Libre Baskerville', serif;
		font-size:3vw; 
		font-weight: 300;
    }

	.wunschliste_value_font { 
		font-family: 'Libre Baskerville', serif;
		font-size:2.4vw; 
		color: #777777;
    }

	div.wunschliste_pc {
		display: none;
	}

	div.wunschliste_mobile {
		display: block;
	}

	div.wunschlisten_item {
		z-index: 1;
		width: 100%;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-top: 50px;
		background-color: transparent;
	}
	div.wunschlisten_item_picture {
		z-index: 2;
		float: left;
		width: 18vw;
		height: 18vw;
		-moz-border-radius: 18vw;
		-webkit-border-radius: 18vw;
		border-radius: 18vw;
		margin-left: 0px;
		margin-bottom: 0px;
		background-size: cover;
		background-position: center;
	}
	
	div.wunschlisten_item_texts_mobile {
		z-index: 2;
		float: left;
		width: 47vw; /*Maximale Weite wäre 65vw*/
		margin-left: 4.5vw;
		background-color: transparent;
		text-align: left;
	}

	div.wunschlisten_item_title {
		z-index: 2;
		width: 100%;
		margin-bottom: 15px;
		background-color: transparent;
		text-align: left;
	}

	div.wunschlisten_item_description {
		z-index: 2;
		width: 100%;
		margin-left: 0px;
		margin-bottom: 15px;
		background-color: transparent;
		text-align: left;
	}
	div.wunschlisten_item_value {
		z-index: 2;
		width: 100%;
		margin-left: 0px;
		margin-bottom: 15px;
		background-color: transparent;
		text-align: left;
	}
	
	div.wunschlisten_item_submit_mobile {
		z-index: 2;
		float: left;
		width: 16vw; /*Maximale Weite wäre 65vw*/
		margin-left: 1vw;
		background-color: #aaaaaa;
		font-family: 'Libre Baskerville', serif;
		font-size:3vw; 
		font-weight: 600;
		color: #ffffff;
		text-align: center;
		padding: 5px;
	}
}