/*
 *  variables
 */
/*
 *  mixins
 */
/*
 *  general declarations
 */
@font-face {
    font-family: 'BankGotBT';
    src: url('../fonts/BankGothicBT-Medium.eot');
    src: url('../fonts/BankGothicBT-Medium.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/TrebuchetMS.woff2') format('woff2'),*/
         url('../fonts/BankGothicBT-Medium.woff') format('woff'),
         url('../fonts/BankGothicBT-Medium.ttf') format('truetype'),
         url('../fonts/BankGothicBT-Medium.svg#BankGothicBT-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ArialBoldMT';
    src: url('../fonts/Arial-BoldMT.eot');
    src: url('../fonts/Arial-BoldMT.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/Gotham-Bold.woff2') format('woff2'),*/
         url('../fonts/Arial-BoldMT.woff') format('woff'),
         url('../fonts/Arial-BoldMT.ttf') format('truetype'),
         url('../fonts/Arial-BoldMT.svg#Arial-BoldMT') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ArialMT';
    src: url('../fonts/ArialMT.eot');
    src: url('../fonts/ArialMT?#iefix') format('embedded-opentype'),
         /*url('../fonts/TrebuchetMS-Bold.woff2') format('woff2'),*/
         url('../fonts/ArialMT.woff') format('woff'),
         url('../fonts/ArialMT.ttf') format('truetype'),
         url('../fonts/ArialMT.svg#ArialMT') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
h7{
	font-family: 'BankGotBT' !important;
	color: #000000 !important;
	font-size: 26px;
	line-height: 26px;
	line-break: loose;
	margin-top: 0.67em;
    margin-right: 0px;
    margin-bottom: 0.67em;
    margin-left: 0px;
}
p {
	font-family: 'ArialMT' !important;
	color: #000000 !important;
	padding-left: 3px;
	font-size: 12px;
}
.content-table{
	margin-top: 10px;
	font-family: 'ArialBoldMT' !important;
	color: #000000 !important;
	padding-left: 0px;
	font-size: 12px;
}
li,
ul {
	list-style-image: url(../img/arrow.png);
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body{
	 background-color: #000000;
	 overflow-x:hidden;
	max-width: 1300px;
	margin-left:auto;
	margin-right:auto;
}
a {
	position: relative;
	text-decoration:none !important;
	color:black;
	margin: 0px 15px 5px 15px !important;
	font-size: 16px;
	-moz-transition:color 0.3s ease-out;
	-webkit-transition:color 0.3s ease-out;
	-o-transition:color 0.3s ease-out;
	-ms-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}
textarea,
input {
	background-color:transparent;
	padding-top:5px;
	
	line-height:16px;
	/*width:200px;*/
	border-color:#FFFFFF;
	border-radius:10px;
}


img {
 /* width: 100%;*/
  height: auto;
  max-width:100%;
}
/*
 *  clearfix
 */
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
}
/* GALERIE-Elemente */

.errorlayer {
	position:fixed;
	visibility:hidden;
	width:1024px;
	height:768px;
	/*height:100%;*/
	z-index:1002;
	left:0px;
	top:0px;
}
.errortext {
	font-family: 'Gotham-Bold';
	font-size: 12px;
	line-height: 1.5em;
	text-align:center;
	color: #ffffff;
	background-color:#000000;
	position:fixed;
	cursor:pointer;
	left:0px;
	top:0px;
	width:auto;
	height:auto;
	padding:20px 20px 20px 20px;
}
.mask {
	position:fixed;
	background-color:#000;
	z-index:1001;
	visibility:hidden;
	width:1024px;
	height:768px;
	/*height:100%;*/
	opacity:0;
	left:0px;
	top:0px;
	background-image:url(../img/error.gif);
	background-repeat:repeat;
	-webkit-transition:opacity 0.5s ease-in-out;/*safari*/
	-moz-transition:opacity 0.5s ease-in-out;/*mozilla*/
	-ms-transition:opacity 0.5s ease-in-out;/*explorer9*/
	-o-transition:opacity 0.5s ease-in-out;/*opera*/
	transition:opacity 0.5s ease-in-out;/*chrome&co*/
}
.testdiv{
	position:absolute;
	z-index:999;
	color:#ffffff;
	text-align: center;
	width: 100%;
	height: auto;
	top: 740px;
	text-shadow: 0 0 20px #000;
	background: rgb(0,0,0,0.5);
	/*display:none;*/
}
.description{
	position: absolute;
	color: #ffffff;
	text-align: center;
	width: 100%;
	height: auto;
	top: 740px;
	z-index:998;
	display: none;
}
.loader{
	position:fixed;
	z-index:1125;
	display:none;
	animation: rotate 0.8s infinite linear;
}
@keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}
.imagemask{
	position:fixed;
	z-index:1002;
	overflow:hidden;
	width:1024px;
	height:768px;
	visibility:hidden;
	background-color:rgba(250,250,250,0.00)
}
.imagecontainer{
	text-align:center;
	position:absolute;
	visibility:hidden;
	width:1024px;
	height:768px;
	/*height:100%;*/
	opacity: 1;
	/*left:0px;
	
	top:0px;*/
	-webkit-transition:left 0.5s ease-in-out;/*safari*/
	-moz-transition:left 0.5s ease-in-out;/*mozilla*/
	-ms-transition:left 0.5s ease-in-out;/*explorer9*/
	-o-transition:left 0.5s ease-in-out;/*opera*/
	transition:left 0.5s ease-in-out;/*chrome&co*/
}

.bicPic {
	position:absolute;
	-webkit-transition:left 0.5s ease-in-out;/*safari*/
	-moz-transition:left 0.5s ease-in-out;/*mozilla*/
	-ms-transition:left 0.5s ease-in-out;/*explorer9*/
	-o-transition:left 0.5s ease-in-out;/*opera*/
	transition:left 0.5s ease-in-out;/*chrome&co*/
}
.clip {
	/*visibility:hidden;*/
	display:none;
	cursor:pointer;
	position:absolute;
	z-index:1;
}
.arrowleft{
	cursor:pointer;
	display:none;
	position:fixed;
	z-index:1123;
	left:0px;
	top:0px;
}
.arrowright{
	cursor:pointer;
	display:none;
	position:fixed;
	z-index:1124;
	left:0px;
	top:0px;
}
.closegalerie{
	cursor:pointer;
	display:none;
	position:fixed;
	z-index:1126;
	left:0px;
	top:0px;
}
.close{
	/*position:absolute;*/
	cursor:pointer;
	text-decoration: none;
	color: white;
	font-size: 12px;
	line-height: 1.5em;
	margin:10px 10px; 
}
/* GALERIE-ELEMENTE-ENDE */
.bg {
	display: none;
	opacity:1;
	top: 273px;
	width: 100%;
	position: absolute;
	/*background: url('../img/bg.jpg') no-repeat;*/
	z-index:0;
	-webkit-transition:opacity 0.5s ease-in-out;/*safari*/
	-moz-transition:opacity 0.5s ease-in-out;/*mozilla*/
	-ms-transition:opacity 0.5s ease-in-out;/*explorer9*/
	-o-transition:opacity 0.5s ease-in-out;/*opera*/
	transition:opacity 0.5s ease-in-out;/*chrome&co*/
	
}
.bg_image {
	width: 100%;
	height: auto;
	/*border-bottom: #cccccc solid 4px;*/
}
.bg_image_mobil {
	display:none;
	width: 100%;
	height: auto;
}
.bg_mobil {
	display:none;
	opacity:1;
	top: 0;
	width: 100%;
	position: absolute;
	/*background: url('../img/bg.jpg') no-repeat;*/
	z-index:0;
	-webkit-transition:opacity 0.5s ease-in-out;/*safari*/
	-moz-transition:opacity 0.5s ease-in-out;/*mozilla*/
	-ms-transition:opacity 0.5s ease-in-out;/*explorer9*/
	-o-transition:opacity 0.5s ease-in-out;/*opera*/
	transition:opacity 0.5s ease-in-out;/*chrome&co*/
}
.cookienotification{
	position: fixed;
	z-index: 12;
	opacity: 1;
	display: inline;
	width:100%;
	max-width: 1300px;
	margin-left:auto;
	margin-right:auto;
	height: auto;
	top: 100%;
	transform: translateY(-100%);
	background: #ffffff;
	padding: 10px 30px 10px 30px;
	-webkit-transition:all 0.5s ease-in-out 0.1s;/*safari*/
	-moz-transition:all 0.5s ease-in-out 0.1s;/*mozilla*/
	-ms-transition:all 0.5s ease-in-out 0.1s;/*explorer9*/
	-o-transition:all 0.5s ease-in-out 0.1s;/*opera*/
	transition:all 0.5s ease-in-out 0.1s;/*chrome&co*/
}
.cookie-copy{
	position: relative;
	font-size: 12px !important;
	margin: 0  !important;
	display: inline;
}
.cookie-copy a{
	font-size: 12px !important;
	margin: 0  !important;
}
.cookie-btn{
	position: relative;
	font-size: 12px !important;
	margin-left: 10px;
	display: inline;
}
.header{
	position: fixed;
	z-index: 10;
	width: 100%;
	max-width: 1300px;
	margin-left:auto;
	margin-right:auto;
	height: auto;
	top:0px;
	-webkit-transition:all 0.5s ease-in-out 0.1s;/*safari*/
	-moz-transition:all 0.5s ease-in-out 0.1s;/*mozilla*/
	-ms-transition:all 0.5s ease-in-out 0.1s;/*explorer9*/
	-o-transition:all 0.5s ease-in-out 0.1s;/*opera*/
	transition:all 0.5s ease-in-out 0.1s;/*chrome&co*/
}
.minilogo img{
	height: 30px;
	width: auto;
	
}
.minilogo{
	position: absolute;
	width: auto;
	height: auto; 
	margin-left: 10px;
	margin-top: 3px;
	left:0px;
	top: 0px;
	opacity:0;
	-webkit-transition:all 0.5s ease-in-out 0.1s;/*safari*/
	-moz-transition:all 0.5s ease-in-out 0.1s;/*mozilla*/
	-ms-transition:all 0.5s ease-in-out 0.1s;/*explorer9*/
	-o-transition:all 0.5s ease-in-out 0.1s;/*opera*/
	transition:all 0.5s ease-in-out 0.1s;/*chrome&co*/
}
.main_container {
	/*max-width: 1024px;
	width:1024px;*/
	/*background-color: #000000;*/
	width: 100%;
	position: absolute;
	max-width: 1300px;
	margin-left:auto;
	margin-right:auto;
	top: 0px;

}
.container{
	margin-left:0px;
	height:auto;
}

.header-mobile {
  	position: fixed;
	display: none;
	z-index: 11;
	width: 100%;
	background: #ffffff;
	background-image: url("../img/top_bg.png");
	background-repeat:no-repeat;
	background-position: center;
	background-clip: cover;
	height: 313px;
	top:0px;
	-webkit-transition:all 0.5s ease-in-out 0.1s;/*safari*/
	-moz-transition:all 0.5s ease-in-out 0.1s;/*mozilla*/
	-ms-transition:all 0.5s ease-in-out 0.1s;/*explorer9*/
	-o-transition:all 0.5s ease-in-out 0.1s;/*opera*/
	transition:all 0.5s ease-in-out 0.1s;/*chrome&co*/
}
.header-mobile .claim {
	position: absolute;
	width: auto;
	hright: auto;
	left:0;
	top: 100%;
	transform: translate(-10px,-80%);
	opacity:1;
	-webkit-transition:all 0.5s ease-in-out 0.1s;/*safari*/
	-moz-transition:all 0.5s ease-in-out 0.1s;/*mozilla*/
	-ms-transition:all 0.5s ease-in-out 0.1s;/*explorer9*/
	-o-transition:all 0.5s ease-in-out 0.1s;/*opera*/
	transition:all 0.5s ease-in-out 0.1s;/*chrome&co*/
}
.header-mobile .claim p{
	position: absolute;
	width: auto;
	hight: auto;
	left:0;
	top: 70%;
	transform: translate(+26px,-8px);
}
.icon-mobil{
	position:absolute;
	margin-left: 20px;
	margin-top: 20px;
	top:0px;
	-webkit-transition:all 0.5s ease-in-out 0.1s;/*safari*/
	-moz-transition:all 0.5s ease-in-out 0.1s;/*mozilla*/
	-ms-transition:all 0.5s ease-in-out 0.1s;/*explorer9*/
	-o-transition:all 0.5s ease-in-out 0.1s;/*opera*/
	transition:all 0.5s ease-in-out 0.1s;/*chrome&co*/
}
.cred {
  	position: absolute;
	width: 100%;
	overflow-x:hidden;
	background: #ffffff;
	background-image: url("../img/top_bg.png");
	background-repeat:repeat-x;
	background-position: center;
	background-clip: cover;
	height: 233px;
}
.cred .claim img {
	width: 75%;
	height: auto;
}
.cred .logo,
.logo-mobil{
    position: absolute;
    width: 22%;
    hright: auto;
    left: 50%;
    top: 115px;
    transform: translate(-50%,-55%);
}
.cred .claim {
	position: absolute;
	width: auto;
	hight: auto;
	left:0;
	top: 50%;
	transform: translate(-10px,-45%);
}
.cred .claim p{
	position: absolute;
	width: auto;
	hight: auto;
	left:0;
	top: 70%;
	transform: translate(+31px,-8px);
}

.cred .claim a{
	font-size: 12px!important;
	margin: 0!important;
}
.cred .logo a {
  position: relative;
  display: inline-block;
}
.cred .logo a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main-nav{
	position: absolute;
	display: inline-block;
	left: 0;
	padding-left: 90px;
	padding-right: 80px;
	padding-top: 10px;
	top: 233px;
	background: #ffffff;
	width: 100%;
	height: 40px;
	color: #000000;
}
.icon-bar{
	display:block;
	width:100%;
	height:auto;
	z-index: 14;
	position: absolute;
	top:0px;
	left:0px;
}
.wrapper-mobil{
	width:100%;
}
.minilogomobil{
	position: absolute;
	margin-top: 20px;
	opacity:0;
	width:60px;
	height: auto;
	left:50%;
	transform: translateX(-50%);
	-webkit-transition:all 0.5s ease-in-out 0.1s;/*safari*/
	-moz-transition:all 0.5s ease-in-out 0.1s;/*mozilla*/
	-ms-transition:all 0.5s ease-in-out 0.1s;/*explorer9*/
	-o-transition:all 0.5s ease-in-out 0.1s;/*opera*/
	transition:all 0.5s ease-in-out 0.1s;/*chrome&co*/
}

.main-nav-mobil{
	display: none;
	position: absolute;
	left: 0;
	z-index: 6;
	text-align: center;
	padding-top: 10px;
	top: -283px;
	opacity:0;
	background: #ffffff;
	background-image: url("../img/top_bg.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	/*background-clip: cover;*/
	width: 100%;
	height: auto;
	color: #000000;
	-webkit-transition:all 0.5s ease-in-out;/*safari*/
	-moz-transition:all 0.5s ease-in-out;/*mozilla*/
	-ms-transition:all 0.5s ease-in-out;/*explorer9*/
	-o-transition:all 0.5s ease-in-out;/*opera*/
	transition:all 0.5s ease-in-out;/*chrome&co*/
}
#nav1{
	font-weight: bold;
	color:#e2001a;
}
#nav7{
	float: right;
}
/*
 *  Main Wrapper
 */
main{
	position: absolute;
	width: 100%;
	margin-top: 273px;
	top:0px;
	-webkit-transition:all 0.5s ease-in-out 0.1s;/*safari*/
	-moz-transition:all 0.5s ease-in-out 0.1s;/*mozilla*/
	-ms-transition:all 0.5s ease-in-out 0.1s;/*explorer9*/
	-o-transition:all 0.5s ease-in-out 0.1s;/*opera*/
	transition:all 0.5s ease-in-out 0.1s;/*chrome&co*/
}
.content-area {
	position: absolute;
	width: auto;
	height: auto;
}
.content-text{
	position: relative;
	background-image: url("../img/text_bg.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 1px 15px 20px 15px;
	margin-right: 70px;
}
.content-star{
	position: absolute;
	z-index: 5;
	width: 70px;
	height: auto;
	right: 0px;
	transform: translate(-3px,-52px);
	/*
	
	width: auto;
	height: auto;
	
	transform: translate(100%,-80%);*/
}
.galerie-content{
	position: relative;
	z-index: 5;
	left: 0;
	top: 0;
	width: calc(100% - 70px);
	height: calc(100% - 115px);
	padding: 10px 70px 0px 70px;
	background-image: url("../img/bg_galerie.png");
	background-repeat:repeat-x;
	background-size: 100% 100%;
}
.galerie-row{
	position: relative;
	display: inline;
	width: 100%;
	height: auto;
}
.galeriepic{
	position: relative;
	width: auto;
	height: auto;
	display: inline-block;
	margin: 3px 3px 3px 3px;
	cursor: pointer;
	vertical-align: top;
	/*float: left;*/
	/*transform: scale(0.7);*/
	/*padding: 10px 10px 10px 10px;*/
	/*display: inline-block;*/
	/*margin: 10px 5px 10px 5px;*/
}
.galerie-image{
	position: relative;
	vertical-align: top;
	display:inline-block;
	/*top: 0px;
	width: 18% !important;
	height: auto !important;*/
}
.pic2to1{
	
}
.pic2to2{
	
}
.up50 {
	transform:translateY(-52%);
}
.up100 {
	transform:translateY(-105%);
}
.rightUp{
	transform:translate(106%,-105%);
}
.leftUp{
	transform:translate(-318%,0);
}
.last{
	transform:translate(109%,-105%);
}
section {
	position: relative;
 	/*overflow: hidden;*/
	width: 100%;
	height: auto;
	border-bottom: #ffffff solid 3px;
}
.section-bg{
	/*position: absolute;*/
}
#start .content-area{
	/*left: calc(100% - 850px);*/
	left: calc(100% - 595px);
	top: 20%;
	width: 585px;
}
#angebot .content-area{
	/*left: calc(100% - 850px);*/
	left: 5%;
	top: 15%;
	width: 628px;
}
#vorort .content-area{
	/*left: calc(100% - 850px);*/
	left: calc(100% - 655px);
	top: 100%;
	transform: translateY(-135%);
	width: 645px;
}
#spezial .content-area{
	/*left: calc(100% - 850px);*/
	left: 5%;
	top: 100%;
	transform: translateY(-120%);
	width: 528px;
}
/*
Windkraftanlagen
*/
#wind #content-wind{
	/*left: calc(100% - 850px);*/
	left: calc(100% - 705px);
	top: 100%;
	transform: translateY(-205%);
	width: 645px;
}
#wind #content-contact{
	/*left: calc(100% - 850px);*/
	left: calc(100% - 555px);
	top: 100%;
	transform: translateY(-130%);
	width: 532px;
}
#wind #content-contact .content-text {
    display: flex;
}
#wind #content-contact #content-contact-portrait,
#wind #content-contact #content-contact-text{
    display: inline;
}
#wind #content-contact #content-contact-text a{
    margin: 0px !important;
    font-size: 12px;
}
#wind .portrait-image{
    padding: 10px 10px 0px 0px;
}
/* End of windkraftanlagen */
#galerie .content-area{
	/*left: calc(100% - 850px);*/
	left: 5%;
	top: 10%;
	width: 90%;
	height: 100%;
}
#kontakt #content-kontakt{
	/*left: calc(100% - 850px);*/
	left: 5%;
	top: 12%;
	width: 280px;
	
}

#kontakt #content-imperssum{
	/*left: calc(100% - 850px);*/
	left: calc(100% - 825px);
	top: 100%;
	transform: translateY(-110%);
	width: 815px;
}

#kontakt #content-kontakt .content-text .content-copy a{
	font-size: 12px !important;
	margin: 0  !important;
}
#kontakt #content-imperssum .content-text .content-copy p,
#kontakt #content-imperssum .content-text .content-copy a{
	font-size: 10px !important;
	margin: 0  !important;
}
.red{
	font-family: 'ArialBoldMT' !important;
	color: #e2001a !important;
}
.bold{
	font-family: 'ArialBoldMT' !important;
}
footer{
	font-size: 26px !important;
	position: absolute;
	width: 100%;
	color: #000000 !important;
	background: #ffffff;
	background-image: url("../img/btm_bg.png");
	background-repeat:repeat-x;
	background-position: center;
	background-clip: cover;
	background-size: 100% 100%;
	height: 200px;
	padding: 20px 80px 10px 80px;
}
.footer-logo{
	position: absolute;
}
.footer-text{
	right: 0px;
	margin-right: 80px;
	margin-top: 25px;
	position: absolute;
	text-align: center;
}
.footer-text a{
	font-size: 26px !important;
	text-decoration: none;
	margin: 0 !important;
}
/* Laptops */

@media screen and (max-width: 1600px) {

}
@media only screen and (max-width: 1261px) {
	#galerie .content-area{
		height: auto;
	}
	.galerie-content{
		padding: 10px 10px 10px 10px;
	}
	.pic2to1{
		width: 180px;
		height: 132px;
		overflow: hidden;
	}
	.pic2to1 img{
		transform: translateY(-30%);
	}
	.pic2to2{
		width: 180px;
		height: 132px;
		overflow: hidden;
	}
	.up50 {
		transform:none;/*translateY(-52%);*/
		vertical-align: top;
	}
	.up100 {
		transform:none;/*translateY(-105%);*/
	}
	.rightUp{
		transform:none;/*translate(105%,-105%);*/
	}
	.leftUp{
		transform:none;
	}
	.last{
		transform:none;/*translate(109%,-105%);*/
	}
	.galeripic{
		width: 180px;
		height: 120px;
	}
	.galeriepic img{
		width: 180px;
		height: auto;
	}
}
@media only screen and (max-width: 1151px) {
	.pic2to1{
		width: 170px;
		height: 122px;
		overflow: hidden;
	}
	.pic2to1 img{
		transform: translateY(-30%);
	}
	.pic2to2{
		width: 170px;
		height: 122px;
		overflow: hidden;
	}
	.up50 {
		transform:none;/*translateY(-52%);*/
		vertical-align: top;
	}
	.up100 {
		transform:none;/*translateY(-105%);*/
	}
	.rightUp{
		transform:none;/*translate(105%,-105%);*/
	}
	.galeripic{
		width: 170px;
		height: 122px;
	}
	.galeriepic img{
		width: 170px;
		height: auto;
	}
}

/* Tablet */

@media only screen and (max-width: 1200px) {
	a {
		margin: 0px 10px 5px 10px !important;
	}
	footer{
		font-size: 20px !important;
	}
	.footer-text{
		margin-top: 45px;
	}
	.footer-text a{
		font-size: 20px !important;
	}
	#kontakt #content-imperssum{
		/*left: calc(100% - 850px);*/
		left: calc(100% - 725px);
		top: 100%;
		transform: translateY(-110%);
		width: 715px;
	}
	#kontakt #content-imperssum .content-text .content-copy p,
	#kontakt #content-imperssum .content-text .content-copy a{
		font-size: 8px !important;
		margin: 0  !important;
	}
}

@media only screen and (max-width: 1023px) {
	.header-mobile{
		display: block;
		border-bottom: #ffffff solid 3px; 
	}
	.main-nav-mobil{
		display:block;
	}
	.header{
		display: none;
	}
	.bg_image {
		display: none;
	}
	.bg_image_mobil {
		display: block;
	}
	.content-area {
		position: relative;
	}
	#start .content-area,
	#angebot .content-area,
	#vorort .content-area,
	#spezial .content-area,
    #wind #content-wind,
    #wind #content-contact,
    #wind .content-area,
	#galerie .content-area,
	#kontakt #content-kontakt,
	#kontakt #content-imperssum {
		/*left: calc(100% - 850px);*/
		left: 0;
		top: 0px;
		width: 100%;
		transform:none;
	}
	#start .content-area{
		/*border-top: #ffffff solid 3px;*/
	}
	.content-text{
		margin:0 !important;
	}
	.content-star{
		display: none;
	}
	#galerie .content-area{
		position: relative;
	}
	.galerie-content{
		background-image: url("../img/text_bg.png");
		position: relative;
		width: 100%;
		height: auto;
		/*height: 590px;*/
	}
	.main-nav-mobil a{
		display: block;
		font-size: 22px;
		width: 100%;
		margin: 20px auto 20px auto !important;
	}
	.logo-mobil{
		width: 35%;
	}
	.bg{
		top: 283px;
	}
	main{
		margin-top: 313px;
	}
	footer{
		padding-left:0;
		padding-right: 0;
		text-align: center;
		height: 280px;
	}
	.footer-logo{
		position:relative;
	}
	.footer-text{
		position: relative;
		font-size: 10px !important;
		margin-right: auto;
		margin-left: auto;
		right:auto;
	}
	.footer-text a{
		font-size: 10px !important;
	}
	.header-mobile .claim {
		top: 180px;
	}
	.header-mobile .claim img{
		width: 60%;
		height: auto;
	}
}

/* Smartphones Landscape */

@media only screen and (max-width: 800px) {
	.header-mobile .claim {
		top: 250px;
	}
	.header-mobile .claim img{
		/*width: 100%;
		height: auto;*/
	}
}



/* Smartphones */

@media only screen and (max-width: 480px) {
	.logo-mobil{
		width: 55%;
	}
	.content-table{
		font-size: 10px;
	}
	.header-mobile .claim {
		top: 290px;
	}
	.header-mobile .claim img{
		width: 100%;
		height: auto;
	}
	#galerie .content-area {
		/*display: none;*/
	}
	.pic2to1{
		width: 98%;
		height: auto;
		overflow: hidden;
	}
	.pic2to1 img{
		transform: none;/*translateY(-30%);*/
	}
	.pic2to2{
		width: 98%;
		height: auto;
		overflow: hidden;
	}
	.up50 {
		transform:none;/*translateY(-52%);*/
		vertical-align: top;
	}
	.up100 {
		transform:none;/*translateY(-105%);*/
	}
	.rightUp{
		transform:none;/*translate(105%,-105%);*/
	}
	.galeriepic{
		width: 98%;
		height: auto;
	}
	.galeriepic img{
		width: 100%;
		height: auto;
	}
}
/* Smartphones */

@media only screen and (max-width: 375px) {
	
}


/* iPhone 4 */

@media only screen and (max-width: 320px) {
	
}