.umgebend h1:after {
background-color: #ff895a;
}

#texRahmen112 {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0em;
z-index: 999;
height: 100%;
width: 100%;
}


.umgebend.hide {

top:-58vh;
}

.umgebend {
position: absolute;
top:28vh;
background-color: #d1cdc9;
width: 32%;
margin-left: 0%;
height: auto;
padding: 3% 3% 3% 3%;
z-index: 1000;
transition:1s;
}

.textRahmen.weg {
display: none!important;
} 

a.btn {
width: 200px;
margin-bottom: 10px;
cursor: pointer;
color:#fff;
}

#texRahmen112 a.btn {
width: 260px;
margin-bottom: 10px;
cursor: pointer;
color:#fff;
background-color: #000;
color: #fff;
border: 0;
outline: 0;
font-size: 1.0em;
width: auto;
padding-left: 15px;
padding-right: 15px;
height: 30px;
line-height: 1.2em;
letter-spacing: 0.1em;
padding-top: 10px;
text-align: center;
display: inline-block;
}
#texRahmen112 h1:after {
background-color: #ff895a;
}
#texRahmen112 .umgebend {
background-color:#b1adaa;
}


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

.umgebend {
position: absolute;
top: 28vh;
background-color: #d1cdc9;
width: 82%;
margin-left: 0%;
height: auto;
padding: 8% 4% 8% 4%;
left: 0;
z-index: 1000;
transition: 1s;
margin-left: 5%;
margin-right: 5%;
}

div:not(#texRahmen214) a.btn {
background-color: #000;
color: #fff;
border: 0;
outline: 0;
font-size: 1.0em;
width: auto;
padding-left: 15px;
padding-right: 15px;
height: 30px;
line-height: 1.2em;
letter-spacing: 0.1em;
padding-top: 10px;
text-align: center;
display: inline-block;
}



}
@media screen and (max-width:1366px) and (min-width:1000px) { 

.umgebend {
position: absolute;
top: 22vh;
background-color: #d1cdc9;
width: 36%;
margin-left: 0%;
height: auto;
padding: 6% 3% 6% 3%;
z-index: 1000;
transition: 1s;
margin-left: 0%;
margin-right: 0%;
}

.umgebend .btn {
width:200px;
margin-bottom:20px;

}


}