section.m25_contact_stoerer {
background: #007fc5;
color: #fff;
}
section.m25_contact_stoerer .m25_untertitel_container .m25_untertitel {
margin-bottom: 0;
text-transform: uppercase;
font-size: .9rem;
}
section.m25_contact_stoerer .m25_content_inner {
padding: 55px 0;
padding-bottom: 50px;
border-top: 1px solid rgba(255,255,255,.2);
border-bottom: 1px solid rgba(255,255,255,.2);
}
section.m25_contact_stoerer .m25_content {
flex: 0 0 auto;
width: 100%;
}
section.m25_contact_stoerer .m25_titel {
margin-bottom: 30px;
}
section.m25_contact_stoerer .m25_text_container {
max-width: 80%;
}
section.m25_contact_stoerer .m25_text_container > :last-child {
margin-bottom: 0;
}
section.m25_contact_stoerer .m25_content_right {
display: flex;
align-items: center;
}
section.m25_contact_stoerer .m25_verlinkungen_container {
background: rgba(81,167,239,.4);
padding: 6px;
border-radius: 30px;
display: inline-flex;
gap: 16px;
}
section.m25_contact_stoerer .m25_link_button {
background: #fff;
padding: 16px 25px;
line-height: 1;
display: inline-flex;
align-items: center;
border-radius: 24px;
color: #007fc5;
-webkit-transition: color .4s, background .4s;
-moz-transition: color .4s, background .4s;
-ms-transition: color .4s, background .4s;
-o-transition: color .4s, background .4s;
transition: color .4s, background .4s;
}
section.m25_contact_stoerer .m25_link_button:hover {
background: #007fc5;
color: #fff;
}
section.m25_contact_stoerer .m25_link_button svg {
fill: #007fc5;
margin-left: 10px;
width: 9px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
section.m25_contact_stoerer .m25_link_button:hover svg {
fill: #fff;
}
section.m25_contact_stoerer .m25_contact_link {
border: 1px solid rgba(255,255,255,.5);
display: inline-flex;
width: 48px;
height: 48px;
justify-content: center;
align-items: center;
border-radius: 50%;
-webkit-transition: background .4s;
-moz-transition: background .4s;
-ms-transition: background .4s;
-o-transition: background .4s;
transition: background .4s;
}
section.m25_contact_stoerer .m25_contact_link:hover {
background: #fff;
}
section.m25_contact_stoerer .m25_contact_link svg {
fill: #fff;
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
section.m25_contact_stoerer .m25_contact_link:hover svg {
fill: #007fc5;
}
section.m25_contact_stoerer .m25_contact_link.m25_phone_link svg {
width: 22px;
}
section.m25_contact_stoerer .m25_contact_link.m25_mail_link svg {
width: 20px;
}
@media screen and (min-width: 992px) {
section.m25_contact_stoerer .m25_content {
width: 50%;
}
}
@media screen and (max-width: 991px) {
section.m25_contact_stoerer .m25_content_inner {
padding: 30px 0;
}
section.m25_contact_stoerer .m25_content_right {
margin-top: 40px;
}
section.m25_contact_stoerer .m25_text_container {
max-width: 100%;
}
}
@media screen and (max-width: 400px) {
section.m25_contact_stoerer .m25_verlinkungen_container {
gap: 10px;
}
section.m25_contact_stoerer .m25_link_button {
padding: 11px 12px;
font-size: .9rem;
}
section.m25_contact_stoerer .m25_contact_link {
width: 38px;
height: 38px;
}
section.m25_contact_stoerer .m25_contact_link.m25_phone_link svg {
width: 17px;
}
section.m25_contact_stoerer .m25_contact_link.m25_mail_link svg {
width: 16px;
}
}
@media screen and (max-width: 300px) {
section.m25_contact_stoerer .m25_verlinkungen_container {
gap: 5px;
}
section.m25_contact_stoerer .m25_link_button {
font-size: .7rem;
}
}