.m26_title_container {
margin-bottom: 60px;
position: relative;
overflow: hidden;
}
.m26_title_container:after {
content: '';
height: 1px;
width: 100%;
background: #333333;
position: absolute;
right: 0;
top: calc(.75rem - 0.5px);
}
section.m26_downloads.variante_4 {
background-color: #1a1a1a;
}
section.m26_downloads.variante_4 .m26_title_container {
overflow: visible;
}
section.m26_downloads.variante_4 .m26_title_container:after {
top: auto;
bottom: -10px;
}
.m26_title_container p {
position: relative;
z-index: 1;
font-size: .875rem;
color: #ededed;
padding-right: 30px;
background: #121212;
text-transform: uppercase;
display: inline-block;
}
section.white .m26_title_container:after,
section.purewhite .m26_title_container:after {
background: #c7c7c7;
}
section.white .m26_title_container p,
section.purewhite .m26_title_container p {
color: #007fc5;
background: #ededed;
}
section.light .m26_title_container p {
background: #1a1a1a;
}
section.purewhite .m26_title_container p {
background: #fff;
}
.m26_item {
margin-bottom: 30px;
}
section.m26_downloads.variante_2 .m26_item {
margin-bottom: 50px;
}
section.m26_downloads:not(.variante_4) .m26_item_inner {
padding: 33px;
border: 1px solid #333333;
height: 100%;
}
section.m26_downloads.variante_3 .m26_item_inner {
padding: 0;
display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
}
section.m26_downloads.variante_3 .m26_item_text_info_container {
margin: 33px;
margin-top: 0;
padding-top: 33px;
border-top: 2px solid #333;
}
section.m26_downloads:not(.variante_4).white .m26_item_inner,
section.m26_downloads:not(.variante_4).purewhite .m26_item_inner {
border-color: #c8c8c8;
}
section.m26_downloads.variante_2 .m26_item_inner {
display: flex;
justify-content: space-between;
}
section.m26_downloads.variante_2 .m26_item_text_info_container {
display: flex;
flex-direction: column;
justify-content: space-between;
width: calc(50% - 37.5px);
}
section.m26_downloads.variante_2 .m26_item_image_container {
width: calc(50% - 37.5px);
margin-top: -60px;
}
section.m26_downloads.variante_3 .m26_item_image_container svg {
max-width: 115px;
}
section.m26_downloads.variante_3 .m26_item_inner {
cursor: pointer;
-webkit-transition: border-color .4s;
-moz-transition: border-color .4s;
-ms-transition: border-color .4s;
-o-transition: border-color .4s;
transition: border-color .4s;
}
section.m26_downloads.variante_3 .m26_item_inner:hover {
border-color: #007fc5;
}
section.m26_downloads.variante_3 .m26_item_image_container.m26_item_svg_container {
display: flex;
justify-content: center;
align-items: center;
height: 250px;
position: relative;
-webkit-transition: background .4s;
-moz-transition: background .4s;
-ms-transition: background .4s;
-o-transition: background .4s;
transition: background .4s;
}
section.m26_downloads.variante_3 .m26_item_image_container.m26_item_svg_container:after {
content:'';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(0,127,197,0.3) 0%, rgba(0,110,170,0.3) 20%, rgba(0,110,170,0.2) 80%, rgba(0,127,197,0.1) 100%);
opacity: 0;
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
-ms-transition: opacity .4s;
-o-transition: opacity .4s;
transition: opacity .4s;
}
section.m26_downloads.variante_3 .m26_item_inner:hover .m26_item_image_container.m26_item_svg_container:after {
opacity: 1;
}
section.m26_downloads .m26_item_link_container a {
height: 45px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(0,127,197,.5);
border-radius: 30px;
-webkit-transition: border-color .4s, background .4s, color .4s;
-moz-transition: border-color .4s, background .4s, color .4s;
-ms-transition: border-color .4s, background .4s, color .4s;
-o-transition: border-color .4s, background .4s, color .4s;
transition: border-color .4s, background .4s, color .4s;
}
section.m26_downloads.variante_1 .m26_item_link_container a,
section.m26_downloads.variante_3 .m26_item_link_container a,
section.m26_downloads.variante_5 .m26_item_link_container a {
border-radius: 50%;
width: 45px;
}
section.m26_downloads.variante_4 .m26_item_link_container a {
width: auto;
height: auto;
display: inline-block;
border: none;
}
section.m26_downloads .m26_item_link_container a:hover,
section.m26_downloads.variante_3 .m26_item_inner:hover .m26_item_link_container a {
color: #fff;
border-color: #007fc5;
background: #007fc5;
}
section.m26_downloads .m26_item_link_container a svg {
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
section.m26_downloads.variante_1 .m26_item_link_container a svg,
section.m26_downloads.variante_3 .m26_item_link_container a svg,
section.m26_downloads.variante_5 .m26_item_link_container a svg {
width: 15px;
height: 14px;
fill: #fff;
}
section.m26_downloads.white .m26_item_link_container a,
section.m26_downloads.purewhite .m26_item_link_container a {
color: #007fc5;
}
section.m26_downloads.white .m26_item_link_container a:hover,
section.m26_downloads.purewhite .m26_item_link_container a:hover {
color: #fff;
}
section.m26_downloads.white .m26_item_link_container a svg,
section.m26_downloads.purewhite .m26_item_link_container a svg {
fill: #007fc5;
}
section.m26_downloads .m26_item_link_container a:hover svg {
fill: #fff;
}
section.m26_downloads.variante_2 .m26_item_link_container a {
padding: 0 23px;
}
section.m26_downloads.variante_2 .m26_item_link_container a svg {
width: 13px;
height: 13px;
}
section.m26_downloads.variante_4 .m26_item_link_container a svg {
width: 15px;
height: 15px;
}
section.m26_downloads .m26_item_link_container a span {
display: inline-block;
margin-left: 8px;
}
section.m26_downloads.variante_1 .m26_item_text_info_container,
section.m26_downloads.variante_3 .m26_item_text_info_container,
section.m26_downloads.variante_5 .m26_item_text_info_container {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.m26_item_title {
font-size: 1rem;
font-weight: 700;
font-family: "verdana-pro", sans-serif;
}
.m26_item_title_container {
display: flex;
}
.m26_item_title_container img {
width: 22px;
height: 21px;
margin-right: 20px;
}
.m26_item_fileinfo_container {
display: flex;
gap: 7px;
}
.m26_iten_fileinfo_type_container,
.m26_item_fileinfo_size_container {
text-transform: uppercase;
}
section.m26_downloads.variante_4 .row {
justify-content: space-between;
overflow: hidden;
}
section.m26_downloads.variante_4 .m26_item_link_container a {
color: #007fc5;
border: none;
}
section.m26_downloads.variante_4 .m26_item_link_container a svg {
fill: #007fc5;
}
section.m26_downloads.variante_4 .m26_item_link_container a:hover {
color: #fff;
background: transparent;
}
section.m26_downloads.variante_4 .m26_item_link_container a:hover svg {
fill: #fff;
}
section.m26_downloads .m26_item_teaser_container {
margin-bottom: 40px;
}
section.m26_downloads.variante_4 .m26_item {
margin-bottom: 130px;
position: relative;
}
section.m26_downloads.variante_4 .m26_item:after {
content: '';
position: absolute;
left: 0;
bottom: -65px;
width: 120%;
height: 1px;
background: #313131;
}
section.m26_downloads.variante_4 .m26_item:before {
content: '';
position: absolute;
right: -40px;
top: 0;
width: 1px;
height: 100%;
background: #313131;
}
section.m26_downloads.variante_4 .m26_item:not(:nth-child(3n)):before {
display: block;
}
@media screen and (min-width: 768px) {
section.m26_downloads.variante_4 .m26_item {
width: 40%;
}
}
@media screen and (min-width: 992px) {
section.m26_downloads.variante_4 .m26_item {
width: 30%;
}
}
@media screen and (max-width: 2199px) {
section.m26_downloads.variante_4 .m26_item:before {
right: -25px;
}
}
@media screen and (max-width: 1920px) {
section.m26_downloads.variante_2 .m26_item_text_info_container,
section.m26_downloads.variante_2 .m26_item_image_container {
width: calc(50% - 20px);
}
section.m26_downloads.variante_2 .m26_item_link_container {
margin-top: 20px;
}
}
@media screen and (max-width: 1599px) {
section.m26_downloads:not(.variante_4):not(.variante_3) .m26_item_inner {
padding: 23px;
}
section.m26_downloads.variante_3 .m26_item_text_info_container {
margin: 23px;
margin-top: 0;
padding-top: 23px;
}
section.m26_downloads .m26_item_fileinfo_container.mit_bis {
flex-wrap: wrap;
}
section.m26_downloads .m26_item_fileinfo_container.mit_bis .m26_item_fileinfo_gueltig_container {
width: 100%;
}
section.m26_downloads.variante_2 .m26_item_text_info_container,
section.m26_downloads.variante_2 .m26_item_image_container {
width: calc(50% - 10px);
}
section.m26_downloads.variante_2 .m26_item_link_container a {
padding: 0 15px;
}
section.m26_downloads.variante_2 .m26_item_inner {
padding: 15px;
}
section.m26_downloads.variante_2 .m26_item_image_container {
margin-top: -35px;
}
}
@media screen and (max-width: 1399px) {
section.m26_downloads .m26_item_fileinfo_container.mit_bis {
flex-wrap: nowrap;
}
section.m26_downloads .m26_item_fileinfo_container.mit_bis .m26_item_fileinfo_gueltig_container {
width: auto;
}
}
@media screen and (max-width: 1199px) {
section.m26_downloads.variante_1 .m26_item_text_info_container, 
section.m26_downloads.variante_3 .m26_item_text_info_container, 
section.m26_downloads.variante_5 .m26_item_text_info_container {
flex-wrap: wrap;
}
section.m26_downloads.variante_1 .m26_item_text_info_container .m26_item_text_container, 
section.m26_downloads.variante_3 .m26_item_text_info_container .m26_item_text_container, 
section.m26_downloads.variante_5 .m26_item_text_info_container .m26_item_text_container {
width: 100%;
margin-bottom: 25px;
}
section.m26_downloads.variante_2 .m26_item_inner {
flex-wrap: wrap;
flex-direction: column-reverse;
padding: 23px;
}
section.m26_downloads.variante_2 .m26_item_text_info_container, 
section.m26_downloads.variante_2 .m26_item_image_container {
width: 100%;
}
section.m26_downloads.variante_2 .m26_item_image_container {
margin-top: -55px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 991px) {
section.m26_downloads.variante_4 .m26_item:before {
display: none;
right: -65px;
}
section.m26_downloads.variante_4 .m26_item:not(:nth-child(2n)):before {
display: block;
}
section.m26_downloads.variante_4 .m26_item:after {
width: 150%;
}
}
@media screen and (max-width: 767px) {
section.m26_downloads.variante_4 .m26_item:before {
display: none;
}
section.m26_downloads.variante_4 {
padding-top: 75px;
}
}
@media screen and (max-width: 575px) {
section.m26_downloads.variante_3 .m26_item_image_container.m26_item_svg_container {
height: 200px;
}
}
@media screen and (max-width: 350px) {
section.m26_downloads .m26_item_fileinfo_container.mit_bis {
flex-wrap: wrap;
}
section.m26_downloads .m26_item_fileinfo_container.mit_bis .m26_item_fileinfo_gueltig_container {
width: 100%;
}
}