/*
Last Built: 01.05.2023, 03:05:31
Author: Marcel Herrguth
Author URI: https://www.mrgeneration.de/
*/

html, body{
	margin: 0 !important;
	padding: 0 !important;
}

@font-face{
	font-family: agency_fb;
	src: url(agency_fb.woff) format('woff');
}

body{
	background-image: url('dot.png'), url('background.jpg');
	background-repeat: repeat, no-repeat;
	background-color: #453D40;
	background-size: auto, cover;
}

h2{
	margin: 20px;
	margin-bottom: 10px;
	padding-top: 25px;
	font-size: 22pt;
	letter-spacing: 2pt;
}

a{
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

a:link, a:visited {
	color: rgba(210, 210, 210, 1);
	text-decoration: underline; 
}

a:hover, a:active {
	color: rgba(255, 255, 255, 0.90);
	text-decoration: underline; 
}

.middle{
	margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.content{
	margin: 10px;
	margin-left: 25px;
	margin-right: 25px;
}

.container{
	padding-bottom: 20px;
}

.shadow{
	-webkit-box-shadow: 0px 0px 25px 6px rgba(140, 140, 140, 0.9);
	-moz-box-shadow: 0px 0px 25px 6px rgba(140, 140, 140, 0.9);
	box-shadow: 0px 0px 25px 6px rgba(140, 140, 140, 0.9);
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border: 0px solid #000000;
}

#logo img{
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#logo{
	padding-top: 2%;
}

#logo, #text{
	margin-bottom: 3.5%;
}

#text{
	background-color: rgba(140, 140, 140, 0.9);
	top: 7.5%;
	font-size: 16pt;
}

#footer{
	text-align: center;
	background-color: rgba(140, 140, 140, 0.9);
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 14pt;
}

#text, #footer{
	color: rgba(245, 245, 245, 0.95);
	font-family: 'agency_fb','Helvetica', 'Arial';
	font-weight: 400;
}