.content .multi p {
color:#fff;
height:0;
display:block;
position:relative;
overflow:hidden;
transition:1s all ease;
-webkit-transition:1s all ease;
}
.content .multi p {
color:#fff;
height:auto;
display:block;
position:relative;
overflow:hidden;
opacity:0;
margin:0 auto;
margin-top:60px;
padding-top:2px;
transition:1s all ease;
-webkit-transition:1s all ease;
}
.content .multi p.visible {
color:#fff;
height:auto;
display:block;
position:relative;
overflow:auto;
opacity:1;
margin-top:0px;
}

@media screen and (min-width:800px) {
.multi#multi27 {
width:100%;
height:auto;
position:relative;
background-color:#c9ced1;
color:#fff;
padding:0px 0;
height:100vh;
}
.multi#multi27 .multitext {
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity:1;
}
}
#multi27 h1:after {
content:url(../../media/weisser-strich-laenger.png);
top:0px;
display:block;
position:relative;
margin-right:auto;
margin-left:auto;
margin-top:30px;
margin-bottom:20px;
letter-spacing: 0.005em;
line-height:1em;
position:relative;
color:#898989;
text-align:center;
}

.multi#multi49 {
width:100%;
height:auto;
position:relative;
background-color:#f0f1f2;
color:#fff;
padding:100px 0 0px 0;
}

.multi#multi49 h1 {
color:#8c979f;
}

.textRahmen {
background-color:#c9ced1;
}
#anfahrt {
padding-top:30px;
}
#anfahrt iframe {
width:90% !important;
}

.multi#multi49 h1,
.multi#multi49 p {
color:#8c979f;
}
.multi#multi49 h1 {
color:#833953;
}
#multi49 h1:after {
content:url(../../media/grauer-strich-laenger.png);
top:0px;
display:block;
position:relative;
margin-right:auto;
margin-left:auto;
margin-top:30px;
margin-bottom:40px;
letter-spacing: 0.005em;
line-height:1em;
position:relative;
color:#fff;
text-align:center;
}

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

.multi#multi27,
.multi#multi49 {
padding:50px 0;
height:auto;
}
.multi#multi49 {
padding:50px 0 0 0;
height:auto;
}
.multi#multi27 p {
display:block;
}

#anfahrt {
padding-top:0;
padding-bottom:0;
}
#anfahrt iframe {
height:300px!important;

}
#anfahrt p {
width:90%;

}
.content p {
padding-bottom:0;
}
.content #anfahrt p {
padding-top:0;
}
#multi1 .multitext h1,
#multi1 .multitext h2 {

font-size:2.5em;
width:50%;
position:relative;
margin:0 auto;
line-height:.95em;
letter-spacing: 0.06em;
}

#multi27 h1:after {
content:url(../../media/weisser-strich.png);
}
#multi49 h1:after {
content:url(../../media/grauer-strich-56.png);
}
}
@media screen and (max-width:800px) and (orientation:landscape){
#multi27 {
height:120vh;
}

}