@media screen and (min-width:701px){
    .nextdeclare {
    color: black;
}
    .trenner{
        display: block;
        padding-bottom: 0px;
        font-size: 17px;
        margin-bottom: 27px;
    }
    .leistungen .haupttext {
    margin-bottom: 57px;
}
    .leistungen .text{
        margin-right: 60px;
    }
.haupttext.visible{
-webkit-transform:translateY(0px);
transform: translateY(0px);
}
.name {
    margin-left: 30px;
}
.mehrinfo2{
font-size: 17px;
padding-top: 10px;
}
.haupttext{
  -webkit-transform:translateY(150px);
transform: translateY(150px);
-webkit-transition: all 1s;
transition: all 1s;
}
.studio .jung {
    margin-bottom: 120px;
}


.haupttext{
    display: block;
}
.infos{
  -webkit-transform:translateY(200px);
transform: translateY(200px);
-webkit-transition: all 1s;
transition: all 1s;
}
.logo {
    position: fixed;
    top: 20px;
    width: 200px;
    bottom: unset;
    margin-top: 0;
    margin-left: -10px;
}
.logo1{
  display: none;
}
.oput_clame.visiv {
    opacity: 1;
}
.container_inner {
    margin-top: 250px;
}
.h1{
font-size: 28px;
line-height: 30px;
	}
.h2{
font-size: 20px;
line-height: 26px;
font-weight: 200;
margin-top: 5px;
}

.main_title{
	 margin-left: 29.04%;
}
.img.main_img {
    margin-top: 23px;
    margin-bottom: 41px;
    width: 70.96%;
margin-left: 29.04%;
}
.studio .img.main_img {
 margin-bottom: 35px;
}
.mehrinfo{
	display: none;
}
.infos{
	display: block;
}
.text {
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
   margin-left: 29.04%;
    margin-right: 30px;
}
.textgro.text {
    font-weight: 300;
    font-size: 20px;
    line-height: 27px;
}
.bildergalery .gross{
	width: 78.38%;
	margin-left: 30px;
}
.bildergalery .mittel{
	width: 53.69%;
	margin-left: 30px;
}
.bildergalery .klein{
	width: 30.95%;
	margin-left: 30px;
}
.studio .bildergalery .gross, .studio .bildergalery .mittel, .studio .bildergalery .klein{
    margin-left: -30px;
}
.bildergalery .gross.second, .bildergalery.otherway .gross{
	margin-left: 21.62%;
}
.bildergalery .mittel.second, .bildergalery.otherway .mittel{
	margin-left: 46.31%;
}
.bildergalery .klein.second, .bildergalery.otherway .klein{
	margin-left: 69.05%;
}
.bildergalery.otherway .gross.second{
	margin-left: -30px;
}
.bildergalery.otherway .mittel.second{
	margin-left: -30px;
}
.bildergalery.otherway .klein.second{
	margin-left: -30px;
}
.jung{
	margin-bottom: 120px;
}
.jung.mittel.versatz, .jung.klein.versatzklein {
    margin-top: calc(((100vw - 90px)/100 * -15.47) - 120px);
}
.bildergalery {
    margin-top: 75px;
   
}

.nextdeclare {
    position: relative;
    text-transform: unset;
    color: black;
    top: 0px;
    font-size: 20px;
}
.next {
    width: calc(100% + 30px);
    margin-left: -30px;
    background-color: #f2f2f2;/*#252727;*/
    margin-top: 110px;
    position: relative;
   
}
.next_inner {
    margin-left: 29.04%;
    margin-right: 0px;
    padding-top: 15px;
}
.next_img {
    padding-bottom: calc(20.95vw - 30px);
    width: 100%;

    overflow: hidden;
    position: relative;
}
.next_img img{
    position: absolute;
}
.titleutitle {
    margin-bottom: 23px;
}
.nextdeclare {
    left: 30px;
    top: 43px;
}
.titleutitle .h1, .titleutitle .h2{
    color: black;
}
.nextdeclare.h2 {
    color: #69686A;
}
.next:hover .titleutitle .h1, .next:hover .titleutitle .h2{
color: black;
}
.next:hover img{
     transform: scale(1.03);
}

.studio .bildergalery .jung:nth-last-child(1){
margin-bottom: 41px;
}
.studio .haupttext .h1 {
    margin-bottom: 20px;
}
.studio .container_inner {
  
    margin-bottom: 111px;
}
.mehrinfo, .mehrinfo2 {
    text-align: center;
    cursor: pointer;
    max-width: 600px;
}

.haupttext {
    max-width: 600px;
}
.studio .haupttext, .studio .haupttextzu, .studio .mehrinfo, .studio .mehrinfo2 {
    max-width: 600px;
}
/*FOOTER*/

.whitee {
    background-color: rgb(242,242,242);
    margin-left: -30px;
width: auto;
padding-left: 29.04%;
padding-top: 26px;
padding-bottom: 9px;
}
.studio .whitee{
     background-color: #252727;
}
.one p {
   margin-bottom: 12px;
    margin-left: 30px;
}
.social {
    margin-left: 30px;
    }
.titt.h1, .utitt.h {
    margin-right: 30px;
}
  

}
@media screen and (min-width:804px){
    .whitee {
   padding-left: 29.04%;
    padding-top: 26px;
}
.one:nth-child(1), .one:nth-child(2) {
    display: inline-block;
    vertical-align: top;
    width: 48%;
}

}
@media screen and (min-width:916px){
.whitee {
    padding-left: 29.04%;
}
}