section.m32_text_und_liste {
background-size: 75% auto;
background-position: left -25px center;
background-repeat: no-repeat;
}
section.m32_text_und_liste .text_column_count_2{
column-count: 2;
gap: 75px;
}
section.m32_text_und_liste .m9_link_container{
margin-top:20px;
}
section.m32_text_und_liste .m32_titel {
max-width: 65%;
margin-bottom: 55px;
}
section.m32_text_und_liste .m32_untertitel {
text-transform: uppercase;
color: #007fc5;
font-size: .9rem;
}
section.m32_text_und_liste.with_blue_line .m32_text_und_liste_main {
margin-left: 35px;
padding-left: 30px;
position: relative;
}
section.m32_text_und_liste.with_blue_line .m32_text_und_liste_main:before {
content: '';
width: 2px;
height: 250px;
position: absolute;
left: 0;
top: -165px;
background: #007fc5;
}
section.m32_text_und_liste .m32_text_und_liste_liste {
margin-top: 230px;
display: flex;
gap: 0 75px;
}
section.m32_text_und_liste .m32_text_und_liste_liste > * {
width: calc(50% - 37.5px);
}
section.m32_text_und_liste .m32_liste_text_container {
position: relative;
}
section.m32_text_und_liste .m32_liste_text_container .m32_list_titel_container h2 {
margin-bottom: 45px;
}
section.m32_text_und_liste .m32_liste_text_container .m32_list_content_container {
position: absolute;
width: 100%;
top: 0;
left: 0;
display: none;
}
section.m32_text_und_liste .m32_liste_list_container .m32_liste_aktivator_container:not(:last-child) {
margin-bottom: 12px;
}
section.m32_text_und_liste .m32_liste_list_container .m32_liste_aktivator {
background: linear-gradient(120deg, #121212, #121212 50%, rgba(77, 77, 77, 0.4) 85%, rgba(255,255,255,.2) 100%);
background-size: 200% 100%;
background-position: 0 0;
display: inline-block;
margin-bottom: 0;
width: 100%;
line-height: 1;
padding: 30px 0;
padding-left: 100px;
font-size: 1.5625rem;
color: #ededed;
cursor: pointer;
border: 1px solid #333333;
-webkit-transition: background .4s;
-moz-transition: background .4s;
-ms-transition: background .4s;
-o-transition: background .4s;
transition: background .4s;
}
section.m32_text_und_liste .m32_liste_list_container .m32_liste_aktivator:hover,
section.m32_text_und_liste .m32_liste_list_container .m32_liste_aktivator.active {
background-position: 100% 0;
}
section.m32_text_und_liste .m32_liste_aktivator .m32_aktivator_arrow {
border: 1px solid #ededed;
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin-left: 10px;
}
section.m32_text_und_liste .m32_liste_aktivator .m32_aktivator_arrow svg {
width: 11px;
height: 9px;
fill: #ededed;
-webkit-transition: -webkit-transform .4s;
-moz-transition: -moz-transform .4s;
-ms-transition: -ms-transform .4s;
-o-transition: -o-transform .4s;
transition: transform .4s;
}
section.m32_text_und_liste .m32_liste_aktivator:hover .m32_aktivator_arrow svg,
section.m32_text_und_liste .m32_liste_aktivator.active .m32_aktivator_arrow svg {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
@media screen and (min-width: 992px) {
section.m32_text_und_liste .m32_liste_aktivator .m32_aktivator_arrow {
display: none;
}
}
@media screen and (min-width: 1921px) {
section.m32_text_und_liste.with_blue_line .m32_titel {
max-width: 60%;
}
}
@media screen and (max-width: 1599px) {
section.m32_text_und_liste.with_blue_line .m32_titel {
max-width: 75%;
}
}
@media screen and (max-width: 1199px) {
section.m32_text_und_liste.with_blue_line .m32_titel {
max-width: 80%;
}
section.m32_text_und_liste .m32_text_und_liste_liste {
margin-top: 150px;
}
section.m32_text_und_liste .m32_liste_list_container .m32_liste_aktivator {
padding-left: 65px;
}
}
@media screen and (max-width: 991px) {
section.m32_text_und_liste.with_blue_line .m32_titel {
max-width: 100%;
}
section.m32_text_und_liste .text_column_count_2 {
gap: 35px;
}
section.m32_text_und_liste.with_blue_line .m32_text_und_liste_main {
margin-left: 30px;
padding-left: 25px;
}
section.m32_text_und_liste .m32_liste_mob_content_container,
section.m32_text_und_liste .m32_liste_text_container {
display: none;
}
section.m32_text_und_liste .m32_text_und_liste_liste .m32_liste_list_container {
width: 100%;
}
section.m32_text_und_liste .m32_list_content_container_inner {
padding: 20px 0 40px;
}
section.m32_text_und_liste .m32_liste_list_container .m32_liste_aktivator {
padding-left: 50px;
padding-right: 25px;
display: flex;
justify-content: space-between;
}
section.m32_text_und_liste .m32_text_und_liste_liste {
margin-top: 100px;
}
}
@media screen and (max-width: 767px) {
section.m32_text_und_liste .m32_titel {
max-width: 100%;
}
section.m32_text_und_liste .m32_text_und_liste_liste {
margin-top: 75px;
}
}
@media screen and (max-width: 575px) {
section.m32_text_und_liste .text_column_count_2{
column-count: 1;
}
section.m32_text_und_liste.with_blue_line .container {
padding-left: 0;
}
section.m32_text_und_liste.with_blue_line .m32_text_und_liste_main {
margin-left: 42px;
}
section.m32_text_und_liste .m32_liste_list_container .m32_liste_aktivator {
padding-left: 30px;
padding-right: 30px;
font-size: 1.2625rem;
}
section.m32_text_und_liste .m32_text_und_liste_liste {
margin-top: 60px;
}
section.m32_text_und_liste .m32_titel {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
word-break: break-word;
}
}
@media screen and (max-width: 350px) {
section.m32_text_und_liste .m32_liste_list_container .m32_liste_aktivator {
font-size: 1.0625rem;
}
}