

@media only screen and (max-width: 1100px) {
.mobile-only {
	display: block;
}
.language-window {
	text-align:center;
	
	display:inline-block;
}
.language-window img {
	width:20%;
}
.inner-part p {
	font-size: 1.7vh;
	
}
.inner-part h2 {
	font-size: 2.5vh;
	width: 92%;
}
.inner-part{
	width: 90vw;
	height: 30vh;
}
.headline-text  {
	width: 75%;
	
}
.fenster-placeholder {
	background-color: red;
	width: 12.5%;
}	
.close {
	font-size:7vh;
	padding: ;
	width: 12.5%;
}
.prints{
	height: ;
}
.inner-part .language-window p {
	font-size: 1.5vh;
}
.lng-flex {
	display: flex;
}
.language-mob  {
	width:90%;
	
	display: inline-block;
}
.language-mob img {
	width: 45vw;
	padding: 3vh 10vw;
}

#mobile-lng .inner-part {
	height: auto;
}
header {
	
	background-position: 0% 0%;
	background-size:180%;
	background-attachment: none;
	
}
.name {
	top: 15%;
	height: min(17vw, 200px);
}
  .name #titel {
  font-size: 7vw;
  
}
.name #untertitel{
  font-size: 4vw;
  top: 10%; 
  padding-bottom:5%;
}
.language-desk {
	display: none ;
}

 #ac-wrapper {
  
}
#popup {
    position: absolute;
	
}


nav { 
	top: 50%;
}
.nav1{
	font-size: 3vw;
	padding: 1.5% 2.5%;	
	padding-top: 2.3%;
	
}
.footer {
	 font-size: 2.5vw;
	 
}

.footerbox {
	width: 10%;
}
.headline-1 {
	height:10%;
}
.portfolios {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size:1.8vh;
	font-weight: bold;
}
.flex-container {
	display: block;
}
.neben-slideshow {
	margin-top: 0%;
	width:100%;
	
}
.slideshow {
	width: 100%;
	padding: 0%;
	
}
.prev, .next {
	color: rgba(255,255,255,0.6);
}
.uebermich {
	margin: 2% auto;
	height: auto;
	min-height: 180px;
	width:100%;
}
.uebermich2 {
	margin: 2% auto;
	min-height: 130px;
	height: auto;
	width:100%;
	display: block;
}
.text-ich h2 {
	font-size: 2vh;
}
.text-ich p {
	font-size:1.8vh;
}
.blog {
	width: 100%;
}
.blog-desc {
	display: none ;
	
}
.blog h2 {
	font-size: 2vh;
	
}
.blog p {
	font-size:1.8vh;
	padding:5%;
}
.comingsoon p {
	margin-top: 4vw;
	font-size: 6vw;
}

.read {
	margin-top:4%;
}
.blog-text {
	padding: 2%;
}
.author {
	margin-top: 1%;
}
.headline-1  {
	font-size: 2vh;
	height: 7%;
}
.kasten {
	width: 46%;
	margin: 2% 1%;
}

.kasten-wrap {
	margin: 0 5%;
}

}
@media only screen and (max-width: 700px) {
header {
	background-image: url("mob-header.jpg");
	background-position: 50% 0%;
	width: 100%;
	margin: 0%;
	height: 85vh;
	background-size: 150%;
}
.fenster-headline  {
	font-size: 3vh;
	height: 5vh;
}
.contact-flex {
	flex-direction: column;
}
.contact-bild {
	width: 100%;
	height: 20vh;
	
}
.contact-text {
	width: 100%;
	height: 20vh;
}
.prints-flex {
	flex-direction: column;
}
.prints-bild {
	width: 100%;
	height: 50vh;
}
.prints-text {
	width: 100%;
	height: 15vh;
}
.textfelder {
	text-align: center;
}
 .text-left {
	 margin-left: 5%;
	width: 40%;
	font-weight: bold;
	text-align: center;
}
.inner-part{
	height: 50vh;
}
.nav {
	display: flex;
	flex-direction: row;

}
.nav1{
	font-size: 6vw;
	text-align: center;
	padding: 3% 2%;
	margin: 0 auto;
}
.headline-1  {
	font-size: 5vw;
}
.blog h2 {
	font-size: 5vw;
	margin-top: 0;
}
.text-ich h2 {
	font-size: 5vw;
	margin-top: 0;
}
.footerbox {
	width: 17%;
}
.language-window {
	text-align:center;
	display:inline-block;
}
}
