* {
  	font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", "Arial", "sans-serif";
  	font-size: 16px;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
body {
  background-color: #f3f4f7;
  width: 100%;
}
.wrapper {
  display: grid;
  grid-template-columns: auto 830px 250px auto;
  grid-template-rows: 225px 25px 600px 25px;
  gap: 0px 0px;
  grid-template-areas:
    "none head head none1"
    "none nav nav none1"
    "none content aside none1"
    "none foot foot none1";
  align-content: center;
}
.none {
	grid-area: none;
}
.none1 {
	grid-area; none1;
}
.head { grid-area: head;
    height: 225px;
    background-image: URL('img/cottbus2.png');
    background-repeat: no-repeat;
    background-size: 1080px 225px;
}
.top { grid-area: head;
    width: 1080px;
    height: 225px;
	border: 1px none gray;
}
.top a {
  font-family: Verdana,sans-serif;
  /*font-family: fontawesome;*/
  text-decoration:none;
  letter-spacing: -3px;
  display: block;
  align-content: center;
  font-size: 48px;
  color: #5d6d7e;  
  /*#000080;
  padding: 5px 60px;*/
  padding-left: 260px;
  padding-top: 70px;
  font-weight:lighter;
  transform-origin: 0 0;
  transform: rotate(-2deg);
}
.nav { grid-area: nav; 
	background-color: #5d6d7e;
    width: 1070px;
    height: 25px;
    border: 1px none gray;
	padding-left: 10px;
}
.nav form {
  position: relative;
  -webkit-padding: 0px 1px;
  -moz-padding: 3px 1px;
  display: inline-block;
  background-color: transparent;
}
.nav input , .nav input[type="submit"]{
  position: relative;
  background-color: #C0C0C0;
  border: none;
  color: black;
  padding: 2px 15px;
  text-decoration: none;
  margin: 3px 1px;
  cursor: pointer;
}
.nav input:hover {
  background-color: #D0D0D0;
  border: none;
  color: black;
  padding: 2px 15px;
  text-decoration: none;
  margin: 3px 1px;
  cursor: pointer;
}
.nav input:active {
  background-color: #D0D0D0;
  border: none;
  color: black;
  padding: 2px 15px;
  text-decoration: none;
  margin: 3px 1px;
  cursor: pointer;
}
.nav input:focus {
  background-color: #D0D0D0;
  border: none;
  color: black;
  padding: 2px 15px;
  text-decoration: none;
  margin: 3px 1px;
  cursor: pointer;
}
.nav form button {
	background-color: transparent;
	border: none !important;
    width: 80px;
    height: 20px;
}
.content { grid-area: content;
	width: 830px;
	height: 600px;
  	padding-left: 5px;
	padding-right: 5px;
    border: 1px none gray;
}
.content h2 {
  width: 830px;
  padding: 5px 0;
  font-size: 18px;
  color: #4a536e;
  border-bottom: 1px solid #e0e0e3; /*#2f3947;*/
}
.content hr {
	color: #e0e0e3;
	font-size: 1px;
}
.content object {
  width: 830px;
  height: 82%;
  overflow: scroll;
}
.content object embed {
  width: 830px;
  height: 82%;
  overflow: scroll;
}
.aside { grid-area: aside;
  width: 200px;
  height: 600px;
  border: 1px none gray;
  padding-left: 25px;
  padding-right: 0px;
}
.aside a {
  width: 200px;
  text-decoration: none;
  color: #4a536e;
  font-size: 10px;
}
.aside .info{
  width: 200px;
  height:250px;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 5px;
  padding-bottom: 10px;
  box-sizing: border-box;
  border: 3px hidden gray;
  text-align: center;
  background-color: gainsboro;
  margin-top: 10px;
  margin-bottom: 10px;
}
.aside .info p, li, div {
  font-size: 10px;
}
.aside .info h3{
  font-size: 12px;
  text-decoration: underline;
}
.aside .link {
  width: 200px;
  height:200px;
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 5px;
  padding-bottom: 20px;
  box-sizing: border-box;
  border: 3px hidden gray;
  text-align: start;
  background-color: gainsboro;
}
.aside .link a, div, form, input {
  font-size: 9px;
  text-decoration: none;
  color: #000;
}
.aside .link h3{
  font-size: 12px;
  text-decoration: underline;
  text-align: center;
}
.foot { grid-area: foot;
  font-size: 10px;
  width: 1080px;
  height: 25px;
  border: 1px none gray;
  padding-bottom: 5px;
}
.foot a, p {
 display: inline-block;
 font-size: 10px;
 padding: 0 10px;
}
.foot a {
  text-align: right;
  padding-left: 800px;
}
#wettercom-button-86cbb7e1b231a3f19530e3f10e083d48 {
	text-align: center;
	width: 150px;
	height: 200px;
}