.block.graphek_teaser {
padding: 30px 0px 60px 0px;
text-decoration: none;
display: block;
height: 100%;
position: relative;
}
.block.graphek_teaser .bild_container {
position: relative;
}
.block.graphek_teaser .bild_container img {
width: 100%;
z-index: 0;
display: block;
}
.block.graphek_teaser .bild_container img.bild_normal {
z-index: 10;
position: relative;
}
.block.graphek_teaser .bild_container img.bild_hover {
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.block.graphek_teaser h3 {
min-height: 2.4em;
}
.block.graphek_teaser .g_button {
position: absolute;
bottom: 25px;
}
.block.graphek_teaser:hover .bild_container img.bild_hover {
z-index: 50;
}
@media (max-width: 600px) {
.block.graphek_teaser img {
max-width: 200px;
}
.block.graphek_teaser h3 {
min-height: 0px;
}
}.block.graphek_geschaeftsfuehrer-liste {
background: #F0F0F1;
color: #261B63;
padding: 50px 0px;
margin-bottom: 40px;
}
.block.graphek_geschaeftsfuehrer-liste .wrap {
display: flex;
align-items: top;
align-content: top;
flex-wrap: wrap;
}
.block.graphek_geschaeftsfuehrer-liste .wrap .bild {
flex: 0 0 160px;
}
.block.graphek_geschaeftsfuehrer-liste .wrap .text {
flex: 2;
max-width: 100%;
}
.block.graphek_geschaeftsfuehrer-liste .wrap .text h1,
.block.graphek_geschaeftsfuehrer-liste .wrap .text h2,
.block.graphek_geschaeftsfuehrer-liste .wrap .text h3 {
margin-top: 0;
}
.block.graphek_geschaeftsfuehrer-liste .wrap .toggle_list_nav {
display: flex;
margin-top: 35px;
overflow: scroll;
}
.block.graphek_geschaeftsfuehrer-liste .wrap .toggle_list_nav .toggle_button {
background: #fff;
padding: 10px 20px;
text-align: center;
align-content: center;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 300;
font-style: normal;
border: 1px solid #261B63;
cursor: pointer;
transition: all 0.2s ease-out;
font-size: 15px;
}
.block.graphek_geschaeftsfuehrer-liste .wrap .toggle_list_nav .toggle_button:first-child {
border-right: 0px;
}
.block.graphek_geschaeftsfuehrer-liste .wrap .toggle_list_nav .toggle_button:hover,
.block.graphek_geschaeftsfuehrer-liste .wrap .toggle_list_nav .toggle_button.aktiv {
background: #261B63;
color: #fff;
}
.block.graphek_geschaeftsfuehrer-liste .wrap .toggle_list_subnav {
display: flex;
margin: 35px 0px;
}
.block.graphek_geschaeftsfuehrer-liste .wrap .toggle_list_subnav .subnav {
display: none;
}
.block.graphek_geschaeftsfuehrer-liste .wrap .toggle_list_subnav .toggle_subterm {
color: #C00D1E;
float: left;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 500;
font-style: normal;
margin-right: 20px;
cursor: pointer;
}
.block.graphek_geschaeftsfuehrer-liste .wrap .toggle_list_subnav .toggle_subterm:before {
content: '\2713';
width: 20px;
height: 20px;
display: inline-block;
border: 2px solid #C00D1E;
padding-left: 3px;
padding-top: 1px;
line-height: 1;
color: transparent;
}
.block.graphek_geschaeftsfuehrer-liste .wrap .toggle_list_subnav .toggle_subterm:hover {
color: #261B63;
}
.block.graphek_geschaeftsfuehrer-liste .wrap .toggle_list_subnav .toggle_subterm.aktiv:before {
color: #C00D1E;
}
.block.graphek_geschaeftsfuehrer-liste .geschaeftsfuehrer_liste {
flex: 0 0 100%;
display: flex;
flex-wrap: wrap;
}
.block.graphek_geschaeftsfuehrer-liste .geschaeftsfuehrer_liste .mitarbeiter {
flex: 0 0 25%;
padding: 19px;
font-size: 14px;
display: none;
position: relative;
padding-bottom: 45px;
}
.block.graphek_geschaeftsfuehrer-liste .geschaeftsfuehrer_liste .bild {
width: 100%;
padding-bottom: 100%;
background-size: cover !important;
background-position: 50% 50% !important;
}
.block.graphek_geschaeftsfuehrer-liste .geschaeftsfuehrer_liste .meta {
position: absolute;
bottom: 0px;
}
.block.graphek_geschaeftsfuehrer-liste .geschaeftsfuehrer_liste .name {
margin-top: 15px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 500;
font-style: normal;
}
.block.graphek_geschaeftsfuehrer-liste .geschaeftsfuehrer_liste .position {
color: #C00D1E;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 500;
font-style: normal;
margin-bottom: 20px;
}
.block.graphek_geschaeftsfuehrer-liste .geschaeftsfuehrer_liste a {
display: block;
color: #261B63;
text-decoration: none;
}
.block.graphek_geschaeftsfuehrer-liste .geschaeftsfuehrer_liste a:hover {
color: #C00D1E;
}
@media (max-width: 1100px) {
.block.graphek_geschaeftsfuehrer-liste .geschaeftsfuehrer_liste .mitarbeiter {
flex: 0 0 33.333%;
}
}
@media (max-width: 760px) {
.block.graphek_geschaeftsfuehrer-liste .geschaeftsfuehrer_liste .mitarbeiter {
flex: 0 0 50%;
}
.block.graphek_geschaeftsfuehrer-liste .wrap {
flex-wrap: wrap;
}
.block.graphek_geschaeftsfuehrer-liste .wrap .bild {
margin-bottom: 20px;
flex: 0 0 100px;
}
.block.graphek_geschaeftsfuehrer-liste .wrap .text {
flex: 0 0 100%;
margin-left: 0;
}
.block.graphek_geschaeftsfuehrer-liste .wrap .toggle_list_nav .toggle_button {
font-size: 16px;
text-wrap: nowrap;
}
}
@media (max-width: 500px) {
.block.graphek_geschaeftsfuehrer-liste .geschaeftsfuehrer_liste .mitarbeiter {
flex: 0 0 100%;
}
}.block.graphek_animierte-kacheln {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
background: #E8F2F5;
}
.block.graphek_animierte-kacheln .kachel_wrap {
padding-top: 100%;
position: relative;
}
.block.graphek_animierte-kacheln .kachel_wrap:hover {
cursor: pointer;
}
.block.graphek_animierte-kacheln .kachel {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
@media (max-width: 1000px) {
.block.graphek_animierte-kacheln {
grid-template-columns: 1fr 1fr;
}
}.block.graphek_timeline {
position: relative;
}
.block.graphek_timeline .slick-slide {
outline: none;
}
.block.graphek_timeline .timeline_slider {
margin: -20px;
}
.block.graphek_timeline .timeline_slider .zeitpunkt {
margin: 20px;
padding-top: 20px;
position: relative;
}
.block.graphek_timeline .timeline_slider .zeitpunkt:last-child:after {
content: none;
}
.block.graphek_timeline .timeline_slider .zeitpunkt .zeitpunkt_dot {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.block.graphek_timeline .timeline_slider .zeitpunkt:after {
content: '';
position: absolute;
top: 13px;
left: 28px;
right: -40px;
height: 2px;
background: #C00D1E;
z-index: 1;
}
.block.graphek_timeline .bild_slider_wrap {
position: relative;
}
.block.graphek_timeline .bild_slider_wrap .prevArrow,
.block.graphek_timeline .bild_slider_wrap .nextArrow {
position: absolute;
bottom: 0;
left: 0;
width: 25px;
height: 25px;
}
.block.graphek_timeline .bild_slider_wrap .prevArrow.slick-disabled,
.block.graphek_timeline .bild_slider_wrap .nextArrow.slick-disabled {
opacity: 0.5;
}
.block.graphek_timeline .bild_slider_wrap .nextArrow {
left: 25px;
}
.block.graphek_timeline .bild_slider .image_wrap {
height: 325px;
width: 100%;
background-position: center !important;
background-size: cover !important;
}
.block.graphek_timeline .prevArrow:hover,
.block.graphek_timeline .nextArrow:hover {
cursor: pointer;
}
.block.graphek_timeline > .prevArrow,
.block.graphek_timeline > .nextArrow {
position: absolute;
top: 230px;
left: 0;
transform: translateX(-50%);
}
.block.graphek_timeline > .prevArrow img,
.block.graphek_timeline > .nextArrow img {
width: 70px;
}
.block.graphek_timeline > .prevArrow.slick-disabled,
.block.graphek_timeline > .nextArrow.slick-disabled {
display: none !important;
}
.block.graphek_timeline > .nextArrow {
left: auto;
right: 0px;
transform: translateX(45%);
}
.block.graphek_timeline .prevArrow img {
transform-origin: center center;
transform: rotate(-180deg);
}
@media (max-width: 600px) {
.block.graphek_timeline .bild_slider_wrap .prevArrow,
.block.graphek_timeline .bild_slider_wrap .nextArrow {
width: 40px;
height: 40px;
}
.block.graphek_timeline .bild_slider_wrap .nextArrow {
left: 40px;
}
}