@charset "utf-8";

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.header img {width: 98%; max-width: 400px;
	text-align:center;}	
	.bild-angepasst {
	max-width:30%;
	max-height:auto;
	position:relative;
	top: -2em;
	left: 0.2em;
	z-index: 2;
	object-fit: cover;
	}
	.bild-vorn-oben {
		max-width:30%;
	max-height:auto;
	position: relative;
	right: 3em;
	z-index: 1030;
	top: -4em;
	transform:rotate(7deg);
	}
	}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.header img {width: 98%; height:500px;}
	.bild-angepasst {
	max-width:30%;
	max-height:auto;
	position:relative;
	top: -2em;
	left: 0.2em;
	z-index: 2;
	object-fit: cover;
	}
	.bild-vorn-oben {
	max-width:40%;
	max-height:auto;
	position: relative;
	right: 3em;
	z-index: 1030;
	top: -4em;
	transform:rotate(7deg);
	}
	}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.header img {width: 98%; height:300px;}
	.bild-links-kante {
	position:relative;
	top: 1em;
	left: 5em;
	z-index: 2;
	opacity:1;
	}	
	.list-symbol {
	list-style-image:url(../img/symb1.jpg);
	list-style-position:outside;
	margin-left: 0;	
	margin-right: 20px;
	padding-bottom: 8px;
	opacity:1;
	}
	.bild-vorn-oben {
	position: relative;
	right: 3em;
	z-index: 1030;
	top: -6.8em;
	transform:rotate(7deg);
	} 
	}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.header img {width: auto; height: 300px;}
		.bild-vorn-oben {
	position: relative;
	right: 3em;
	z-index: 1030;
	top: -4.8em;
	transform:rotate(7deg);
	} 
	}
	

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.header img {width: auto;}
	}