/* Stylesheet für alle Unterseiten */

* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
	color: rgba(255, 255, 255, 1.0);
}

@font-face {
	font-family: "homepagefonts";
	src: url("fonts/homepageschmal.ttf") format("truetype");
}

body {
	background-color: rgba(0, 0, 0, 1.0);
	color: rgba(255, 255, 255, 1.0);
	font-family: 'homepagefonts', arial, sans-serif;
	font-size: 135%;
}

@media only screen and (max-width: 1000px) {
    body {
	font-size: 115%;
    }
}

@media only screen and (max-width: 500px) {
    body {
	font-size: 100%;
    }
}

h1 {
	font-size: 150%;
}

@media only screen and (max-width: 1000px) {
    h1 {
	font-size: 135%;
    }
}

@media only screen and (max-width: 500px) {
    h1 {
	font-size: 120%;
    }
}

h2 {
	font-size: 140%;
}

@media only screen and (max-width: 1000px) {
    h2 {
	font-size: 125%;
    }
}

@media only screen and (max-width: 500px) {
    h2 {
	font-size: 110%;
    }
}

li {
	padding-bottom: 1%;
	font-size: 135%;
}

@media only screen and (max-width: 1000px) {
    li {
	font-size: 115%;
    }
}

@media only screen and (max-width: 500px) {
    li {
	font-size: 100%;
    }
}

.imgFrame {
	border: 2px;
	border-style: solid inset;
	border-color: rgba(32, 32, 32, 1.0);
	border-radius: 3px;
}