@charset "utf-8";
/* CSS Document */

body,html{
      margin:0;
	  font-family: Helvetica, Arial, sans-serif;
	  width: 100%;
	  overflow-x: hidden;
}

body:before{
      content:"";
      position:fixed;
      top:0;
      height:100vh;
      left:0;
      right:0;
      z-index:-1;
      background: url(background1.jpg) center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
	
}

#container {
  width: 100%;
  margin: 0 auto;
  margin-top: 200px;
  margin-bottom: 50px;
  overflow-x: hidden;
}

.content {
	display:flex;
	gap:10px;
}

a{
	color: #fff;
	text-decoration: none;
}
div #u1135-22 a {
}
ol,ul{
	line-height:1.4;
	font-size: 14px;
	font-weight:300;
}


.left {
	background:rgba(51,0,0,0.90);
	width:50%;
	position: relative;
	color: #fff;
	font-size:13px;
	box-sizing: border-box;
}

.center {
	background:rgba(57,45,33,0.88);
	max-width:700px;
	position: relative;
	color: #c6b49a;
	font-size:13px;
	padding: 0 25px 50px 25px;
	min-height: 360px;
	box-sizing: border-box;
}

.center h1{
	font-size:35px;
	font-weight:300;
}

.center h3{
	font-size:20px;
	font-weight:300;
}
.center h4{
	font-size:17px;
	font-weight:300;
}

.center p{
	font-size:15px;
	line-height:1.5;
	font-weight:300;
	text-align:justify;
	hyphens:auto;
}

.right {
	width:50%;
	background:rgba(182,157,120,0.85);
	position: relative;
	box-sizing: border-box;
}

.copyright {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-weight:300;
	padding-left:15px;
}

.impressum {
	position: absolute;
	left: 25px;
	bottom: 10px;
	font-weight:300;
}

.logo img {
  position: absolute;
  left: calc(50% + 270px);
  top: 0;
  
}


@media only screen and (max-width: 1035px) {
	
.logo img {
  position: absolute;
  left: auto;
  top: 0;
  right: 20px;
}
	
}

@media only screen and (max-width: 720px) {
	.content {
	display:flex;
	gap:0;
	flex-wrap:wrap;
	flex-direction:column-reverse;
}
	
	.left {
	background:rgba(51,0,0,0.90);
	width:100%;
	min-height:40px;
	margin-top: 15px
	}
	
  .center {
	  min-width:0px;
	  width:100% !important;
  }
	
	.right {
	width:100%;
	min-height:20px;
}
	.copyright {
	right: auto;
	left: 10px;
	bottom: 10px;
}
	
}
