@charset "UTF-8";
/* CSS Document */

/* schrift spezifikation */

h1  {
	/*font-family: 'Lora', serif;
	font-family: 'Poiret One', cursive; */
	font-family: 'Muli', sans-serif;
	font-size: 32px;
	font-weight: 200;
	text-align:center;
	color: #000000;
}

h2  {
	font-family: 'Muli', sans-serif;
	font-size: 14px;
	text-align: justify;
	font-weight: 200;
	color: #000000;
}

h3  {
	font-family: 'Muli', sans-serif;
	font-size: 14px;
	font-weight: 200;
	text-align: center;
	color: #000000;
}

h4  {
	font-family: 'Muli', sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #000000;
}

img {
	opacity: 1;
	padding-bottom: 0px;
	width: 100%;
}




a {
	font-family: 'Muli', sans-serif;
	font-size: 14px;
	text-align: justify;
	font-weight: 200;
	color: #669900;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/* box spezifikation */
@media only screen and (min-width: 1130px) {




#container {								/* container */
	border-radius: 20px;
	width: 36%;
	position: absolute;
	top: 3%;
	left: 32%;
	opacity: 1;
	z-index: 2;
	background-color: #FFFFFF;
}

#containersmart {display:none; }
}

/*  Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 1130px) {

#container {display:none; }

#containersmart {								/* containersmart */
	border-radius: 20px;
	width: 70%;
	position: absolute;
	top: 3%;
	left: 15%;
	opacity: 1;
	z-index: 2;
	background-color: #FFFFFF;
}


}

/*  Wide Mobile Layout: 480px. */
@media only screen and (min-width: 481px) and (max-width: 767px) {

#container {display:none; }

#containersmart {								/* containersmart */
	border-radius: 20px;
	width: 70%;
	position: absolute;
	top: 3%;
	left: 15%;
	opacity: 1;
	z-index: 2;
	background-color: #FFFFFF;
}

}

/*  Mobile Layout: 320px. */
@media only screen and (max-width: 480px) {

#container {display:none; }

#containersmart {								/* containersmart */
	border-radius: 20px;
	width: 70%;
	position: absolute;
	top: 3%;
	left: 15%;
	opacity: 1;
	z-index: 2;
	background-color: #FFFFFF;
}
}