#bottom1 {
text-align: center;
background-color: #0095e0;
max-width: 1600px;
}

#bottom2,
#bottom3 {
background-color: #e2f4fc;
}

#header_bild_o_text {
margin-bottom: 40px;
}

#header_bild_o_text_eintrag_1 {
z-index: 3;
position: relative;
margin-bottom: 270px;
}

#header_bild_o_text_eintrag_2 {
color: #FFFFFF;
text-align: left;
background-color: #182260;
z-index: 5;
position: absolute;
top: 70%;
right: 15%;
border-top: 4px solid #00ffff;
margin: 0px 20px 0px 20px;
box-shadow: 0px 3px 5px #182260;
}

.floating-btn:hover {
transform: translateX(0);
}

.header_box {
text-decoration: none;
text-align: left;
display: run-in;
float: left;
z-index: 5;
position: relative;
right: 20px;
bottom: 100px;
margin-left: 40px;
padding-left: 35px;
}

BODY {
margin: 0;
height: 100vh;
}

@media (min-width: 1152px) {
H1 {
font-size: 2.5rem;
}

.floating-btn {
color: white;
position: fixed;
cursor: pointer;
right: 0;
bottom: 200px;
border: none;
padding: 0px;
transform: translateX(60%);
transition: transform 0.3s ease;
}

}

@media (min-width: 560px) and (max-width: 1151px) {
H1 {
font-size: 2rem;
}

@keyframes slide-in {
  from { transform: translateX(60%); }
  to { transform: translateX(0); }
}

.floating-btn {
color: white;
position: fixed;
cursor: pointer;
right: 0;
bottom: 200px;
border: none;
padding: 0px;
transform: translateX(60%);
animation: slide-in 0.5s ease-out forwards;
}
}

@media (max-width: 559px) {
.text {
text-align: left;
bottom: -20px;
left: 0%;
padding-left: 15px;
}

H1 {
font-size: 1.5rem;
}

@keyframes slide-in {
  from { transform: translateX(60%); }
  to { transform: translateX(0); }
}

.floating-btn {
color: white;
position: fixed;
cursor: pointer;
right: 0;
bottom: 200px;
border: none;
padding: 0px;
transform: translateX(60%);
animation: slide-in 0.5s ease-out forwards;
}
}