body{
	padding:0;
	margin:0;
}
.frame{
}
.img-responsive {
  width: 100%;
  height: auto;
}
.header{
	padding:30px 50px;
}
.header h1{
	color:#fff;
	padding:0;
	margin:0;
}
.menu{
	position:relative;
	z-index:75;
}
.menu a{
		border: 2px solid #fff;
		padding: 10px;
		margin-left: 10px;
		color: #fff;
		text-decoration:none;
		
	}
.content1{
	padding:0px;
	margin:0px;
	
}

.content2{
	padding:30px 50px;
}

.content2 .boxframe{
	width: 100%;
	margin: 0 auto;
}



.content2 .box{
	width: 100%;
	display:inline-block;
	padding:0;
	margin:0;
}

.footer{
	background-color:#651966;
	height:100px;
}


.subkomment{
	padding:0;
	margin:0;
}
ul{
	padding:0;
	margin:0;
}

.grau{
	background-color: #d9ddd7;
}
.violett{
	background-color:#651966;
}
.violett-text{
	color:#651966;
}

  .content1 .boxframe .text {
    position: relative;
    padding: 30px 50px;
}

.content{
	padding: 30px 50px;	
}
.kontaktframe{
	
}

.kontaktframe form textarea,.kontaktframe form input{
	width:100%;
	padding:10px;
	border:1px solid #651966;
}

@media (min-width: 768px) {
		
.header h1{
	color: #fff;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 60px;
    left: 100px;
    font-size: 2em;
}	
.content1{ 	
	padding:30px 50px;	
}	
.content1 .boxframe{
	width: 100%;
	display:inline-block;
}
 .content1 .boxframe .text {
    font-size: 2em;
}
.content2 .box {
  width: 32%;
}
}

@media (min-width: 1200px) {
	
.header h1{
	color:#fff;
	padding:0;
	margin:0;
    position: absolute;
    bottom: -100px;
    left: 130px;
    font-size: 3em;
}
.content1{ 	
	padding:30px 0px 0px 50px;	
}	
  .content1 .boxframe{
	width: 49.5%;
	display:inline-block;
}
.content1 .boxframe img {
  position: relative;
  right: -5px;
  bottom: -35px;
}
  .content1 .boxframe .text {
    position: relative;
    top: -210px;
    padding: 30px 50px;
    font-size: 2em;
    left: 70px;
	z-index: 20;
}
 .content1 .boxframe .text ul li {
    font-size: 1.2em;
	padding: 10px 0;
}	
  .content2 .boxframe{
	width: 1000px;
	margin: 0 auto;
   }
   .content2 .box{
	width: 33%;
	height: 200px;
	display:inline-block;
	padding:0;
	margin:0;
}
   .menu{
	text-align:right;
	z-index: 75;
    position: relative;
	}
	.menu a{
		border: 2px solid #fff;
		padding: 10px;
		margin-left: 10px;
		color: #fff;
		text-decoration:none;
		font-size:1.5em;
		
	}
}


