/* CSS Document */

body {
	margin: 0px; 
}

#logo {
	width:30%;
}

#img_content {
	max-width: 40%;
}

#site {
	align-content: center;
	background-color: #fff;
	padding-left: 5%;
	padding-right: 5%;
}

#head {
	width:100%;
	background-color:#00256c;
	text-align:center;
	padding-top: 15px;
	padding-bottom: 15px;
}

#navi {
	background-color: #fff;
	height: 25px;
	padding: 5px 15px 5px 15px;
	text-align:left;
}

#slider {
	background-color: #FFFF00;
}

#content_main {
	background-color: #fff;
	padding: 5px 15px 5px 15px;
}

#footer {
	background-color: #00256c;
	border-top: 3px solid #fccb00;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#impressum {
	float: right;
	text-align: right;
}

@font-face { font-family: 'Ubuntu';
             src: url('font/ubuntu/Ubuntu-Medium.ttf') format('truetype'); }

@font-face { font-family: 'ZillSlab';
             src: url('font/zilla_slab/ZillaSlab-SemiBold.ttf') format('truetype'); }

@font-face { font-family: 'UbuntuContent';
             src: url('font/ubuntu/Ubuntu-Regular.ttf') format('truetype'); }
			 
.navi {
	font-family: Ubuntu;
	color: #fff;
}

.content {
	font-family: UbuntuContent;
	color: #001021;
}

.footer {
	font-family: UbuntuContent;
	color: #fff;
}

h1 {
	font-family: Ubuntu;
	font-size: 17pt;
	color: #fccb00;
}

a {
	color: #00256c;
	text-decoration: none;
	padding: 15px 5px 15px 5px;
}

a:hover {
	background-color: #00256c;
	color: #fff;
	text-decoration: none;
	padding: 15px 5px 15px 5px;
}

a:visited {
	text-decoration: none;
}

a.footer {
	color: #fff;
	text-decoration: none;
	padding: 15px 5px 15px 5px;
}

a.footer:hover {
	background-color: #fff;
	color: #00256c;
	text-decoration: none;
	padding: 15px 5px 15px 5px;
}

a.footer:visited {
	text-decoration: none;
}

a.button {
	text-decoration: none;
	background-color: #e8e8e8;
}

a.button:hover {
	text-decoration: none;
	background-color: #e8e8e8;
}

a.button:visited {
	text-decoration: none;
	background-color: #e8e8e8;
}

.container {
  display: grid;
  grid-template-rows:1fr 1fr;
  grid-template-columns:33% 33% 33%;
}

#grid_container {
	background-color: #e8e8e8;
	margin: 10px;
	padding: 5px;
}

#content_container {
	background-color: #e8e8e8;
	margin: 10px;
	padding: 5px;
	width: 97.3%;
}

.container-anfahrt {
  display: grid;
  grid-template-rows:1fr;
  grid-template-columns:70% 30%;
}

.img_text span {
	background-color: #fff;
	position: absolute;
	top: 35%;
	width: 450px;
	line-height: 2em;
	text-align: right;
	right: 5%;
	border: 0;
	font-family: UbuntuContent;
	font-size: 15pt;
	opacity: 0.8;
}