.themen_teaser_alignfull_container {
margin-top: 95px;
margin-bottom: 72px;
padding: 0 15px;
}
.themen_teaser_container {
max-width: 1216px;
margin: auto;
}
.themen_teaser_main_headline {
color: #090B0C;
text-align: center;
font-family: 'marselis';
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin-bottom: 48px;
}
.themen_teaser_area {
gap: 24px;
display: grid;
grid-template-columns: 32.5% 32.5% 32.5%;
}
.themen_teaser {
position: relative;
}
.teaser_image {
width: 100%;
padding-top: 37.1%;
max-width: 803px;
max-height: 451px;
display: block;
}
.themen_teaser:nth-of-type(2n) .teaser_image {
float: right;
}
.themen_teaser:nth-of-type(2n) .themen_teaser_headline_container {
left: 0;
background-color: #00446B;
}
.themen_teaser:nth-of-type(3n) .themen_teaser_headline_container {
background-color: #0760AC;
}
.themen_teaser:nth-of-type(2n) .themen_teaser_headline_container .themen_teaser_headline,
.themen_teaser:nth-of-type(2n) .themen_teaser_headline_container .themen_teaser_subtitle,
.themen_teaser:nth-of-type(2n) .themen_teaser_headline_container .themen_teaser_excerpt,
.themen_teaser:nth-of-type(2n) .themen_teaser_headline_container .themen_teaser_link,
.themen_teaser:nth-of-type(3n) .themen_teaser_headline_container .themen_teaser_headline,
.themen_teaser:nth-of-type(3n) .themen_teaser_headline_container .themen_teaser_subtitle,
.themen_teaser:nth-of-type(3n) .themen_teaser_headline_container .themen_teaser_excerpt,
.themen_teaser:nth-of-type(3n) .themen_teaser_headline_container .themen_teaser_link {
color: #fff;
}
.themen_teaser:nth-of-type(2n) .themen_teaser_headline_container .themen_teaser_subtitle,
.themen_teaser:nth-of-type(2n) .themen_teaser_headline_container .themen_teaser_excerpt,
.themen_teaser:nth-of-type(3n) .themen_teaser_headline_container .themen_teaser_subtitle,
.themen_teaser:nth-of-type(3n) .themen_teaser_headline_container .themen_teaser_excerpt
{
opacity: 0.8;
}
.themen_teaser_headline {
color: #000;
font-family: 'marselis';
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin-bottom: 16px;
}
.themen_teaser_excerpt {
color: #090B0C;
font-family: 'ibm';
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.themen_teaser_headline_container {
background-color: #9DCFB6;
padding: 32px 32px 80px 32px;
position: relative;
min-height: 364px;
}
.themen_teaser_link {
bottom: 40px;
position: absolute;
color: #000;
font-family: 'ibm';
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 160%;
border-bottom: 1px solid #090B0C;
padding-bottom: 0px;
}
.themen_teaser:nth-of-type(2n) .themen_teaser_headline_container .themen_teaser_link,
.themen_teaser:nth-of-type(3n) .themen_teaser_headline_container .themen_teaser_link  {
border-bottom-color: #fff;
}
.themen_teaser_link:hover {
border-bottom-color: transparent !important;
color: inherit;
}
.themen_teaser_more_link .relatedNews_linkarrowblue {
display: inline-block;
margin-left: 7px;
}
.themen_teaser .relatedNews_linkarrow {
display: inline-block;
margin-left: 7px;
filter: invert(100%);
-webkit-filter: invert(100%);
}
.themen_teaser:nth-of-type(2n) .themen_teaser_headline_container .themen_teaser_link .relatedNews_linkarrow,
.themen_teaser:nth-of-type(3n) .themen_teaser_headline_container .themen_teaser_link .relatedNews_linkarrow  {
filter: invert(0%);
-webkit-filter: invert(0%);
}
.themen_teaser_more_link {
color: #00446b !important;
font-family: 'ibm';
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 160%;
margin: 112px auto 94px;
display: block;
width: 134px;
border-bottom: 1px solid #00446b;
padding-bottom: 3px;
}
@media (max-width:1270px) {
.themen_teaser_area {
grid-template-columns: 32% 32% 32%;
}
}
@media (max-width: 920px) {
.themen_teaser_area {
grid-template-columns: 100%;
}
.themen_teaser_headline_container {
padding: 24px 24px 70px 24px;
min-height: unset;
}
.themen_teaser_link {
bottom: 24px;
}
}
@media (max-width: 820px) {
.themen_teaser_alignfull_container {
margin: 40px 0;
padding: 0;
width: 100%;
}
.themen_teaser_main_headline {
font-size: 32px;
margin-bottom: 30px;
}
.themen_teaser_headline {
font-size: 26px;
}
.themen_teaser_excerpt {
font-size: 16px;
}
}.social_container {
display: flex;
padding-top: 48px;
justify-content: center;
padding: 0 15px 75px;
padding-top: 20px;
}
.page-template-page-list .social_container {
background-color: #f5f5f5;
}
.page-template-page-list.page-id-748 .social_container {
background-color: #fff;
}
.social_headline {
display: inline-block;
}
.social_icons_intro {
font-family: 'ibm';
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: #000;
display: block;
width: 100%;
opacity: 0.8;
}
.social_icons {
display: inline-flex;
position: relative;
width: 100%;
border-top: 1px solid #0000007d;
padding-top: 32px;
max-width: 801px;
}
.social_icon {
display: inline-block;
width: 42px;
height: 42px;
text-align: center;
}
.social_icon img:hover {
filter: opacity(0.5);
}
.social_icons_container {
display: flex;
width: 100%;
min-width: 400px;
justify-content: right;
gap: 20px;
}
@media only screen and (max-width: 960px) {
.dynamic_content .social_container {
padding-bottom: 120px;
}
}
@media only screen and (max-width: 820px) {
.dynamic_content.nl_deactive .social_container.alignfull {
margin-bottom: 120px;
}
}
@media only screen and (max-width: 530px) {
.social_icons {
display: block;
text-align: center;
}
.social_icons_intro {
margin-bottom: 16px;
}
.social_icons_container {
justify-content: center;
min-width: unset;
}
.social_container {
padding-bottom: 32px;
}
}