@charset "UTF-8";
/* CSS Stylesheet by dialog im netz */

@font-face {
	font-family: 'semibold';
    src: url('/fonts/semibold.woff2') format('woff2'),
        url('/fonts/semibold.woff') format('woff'),
        url('/fonts/semibold.ttf') format('truetype'),
        url('/fonts/semibold.svg#SourceSansPro-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'bold';
    src: url('/fonts/bold.woff2') format('woff2'),
        url('/fonts/bold.woff') format('woff'),
        url('/fonts/bold.ttf') format('truetype'),
        url('/fonts/bold.svg#SourceSansPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,blockquote,body,div,dl,dt,dd,fieldset,form,
h1,h2,h3,h4,h5,h6,ol,p,ul,li,center,hr,pre,img,
table,tr,td,th,thead,tbody,tfoot,caption  {
margin:0;
padding:0;
border:0 none;
}
body {
color: black;
background-color: white;
font-family:bold,semibold,Arial, Helvetica, sans-serif;
font-size: 1em;
text-align: center; 
}
p {
	margin-bottom: 1em
}
img {
	height: auto;
}
a {
color: black;
border:none;
outline: none;
text-decoration: none;
}

a:hover,
a:focus {
outline: none;
text-decoration: underline
}
#wrapper {
	height: 100vh;
	width: 100vw;
		background-color: #FFCC00;
}
#head {
	background-color: white;
	max-height: 120px;
	padding: 20px;
}
#head img {
	display: block;
	width: 50%;
	margin: 0 auto;
}
#content {
	padding-top: 12vh;
	color: #656565;
	font-family: bold;
	font-size: 3.5vw;
}
#content p {
	padding: 20px 0;
}
#footer {
	position: fixed; 
	bottom:0;
	left: 0;
	right:0;
	padding: 20px;
background-color: #0951a0;
	color: white;
	font-family: semibold;
	font-size: 16px;
	z-index: 2
}
#footer a {
	color: white;
}
@media screen and (max-width:1100px) {
#head img {
	width: calc(80% - 40px)	
}
}
@media screen and (max-width:500px) {
#head img {
	width: 100%	
}
#content {
	font-size: 6vw
}
}