#bottom1 {
background-color: #f5f5f5;
}

#bottom2 a::before {
position: absolute;
width: 100%;
height: 0px;
bottom: 0;
left: 0;
content: "";
transform: scaleX(1);
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}

#bottom2 a:hover::before {
transform: scaleX(0);
transform-origin: bottom right;
}

#bottom2 a {
display: inline-block;
position: relative;
}

#bottom2 {
max-width: 1500px;
}

#slider {
display: grid;
margin: auto;
}

#slider_img {
width: 100%;
max-width: 400px;
}

#top3 {
background-color: #182260;
height: 300px;
max-width: 1500px;
margin-right: auto;
margin-left: auto;
}

@media (min-width: 1152px) {
#slider {
width: 100%;
height: 500px;
max-width: 1600px;
margin: auto;
grid-template-columns: 30% 70%;
}

#slider_img {
margin-top: 60px;
margin-right: 20px;
}

.sprechblase:after {
display: block;
z-index: 1;
position: absolute;
width: 0;
bottom: -32px;
left: 5%;
border-top: 32px solid #182260;
border-right: 25px solid transparent;
border-bottom: 0 solid transparent;
border-left: 0 solid transparent;
margin-left: -12.5px;
content: "";
}

.sprechblase {
font-size: 20px;
color: #FFFFFF;
text-align: left;
position: relative;
height: 240px;
max-width: 900px;
padding: 35px 25px 30px 25px;
background: #182260;
border-radius: 0px;
}
}

@media (min-width: 560px) and (max-width: 1151px) {
#slider {
display: grid;
grid-template-columns: 100%;
}

#slider_eintrag_1,
#slider_eintrag_2 {
text-align: left;
display: block;
}

#slider_img {
width: 340px;
margin-bottom: 40px;
}

.sprechblase:after {
display: block;
z-index: 1;
position: absolute;
width: 0;
top: -32px;
left: 5%;
border-top: 35px solid transparent;
border-left: 25px solid #182260;
margin-left: 0px;
content: "";
}

.sprechblase {
font-size: 1.1rem;
color: #FFFFFF;
text-align: left;
display: block;
position: relative;
max-width: 1100px;
margin-bottom: 30px;
padding: 25px 10px 25px 10px;
background: #182260;
}
}

@media (max-width: 559px) {
#slider {
display: grid;
grid-template-columns: 100%;
}

#slider_eintrag_1,
#slider_eintrag_2 {
text-align: left;
display: block;
}

#slider_img {
width: 340px;
margin-bottom: 40px;
}

.sprechblase:after {
display: block;
z-index: 1;
position: absolute;
width: 0;
top: -32px;
left: 5%;
border-top: 35px solid transparent;
border-left: 25px solid #182260;
margin-left: 0px;
content: "";
}

.sprechblase {
font-size: 1.1rem;
color: #FFFFFF;
text-align: left;
display: block;
position: relative;
max-width: 559px;
margin-bottom: 30px;
padding: 25px 10px 25px 10px;
background: #182260;
}
}

}