@charset 'UTF-8';
.sliderblock_area {
padding: 0;
}
.slider {
padding: 0px;
margin: 0px auto; .slides {
img {
height: 654px; width: 100%;
padding: 0;
}
} &.is-admin {
&:before {
display: block;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 40px;
position: absolute;
z-index: 1;
}
}
}
.sliderblock_infoblock_area {
max-width: 1266px;
display: block;
margin: auto;
padding: 0 15px;
}
.sliderblock_infoblock {
position: absolute;
margin-top: -503px;
background-color: #0760AC;
width: 493px;
margin-left: 10px;
padding: 56px 64px;
height: 551px;
color: #fff;
text-align: left;
}
.sliderblock_headline {
color: #FFF;
font-family: 'Marselis';
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%;
}
.sliderblock_introtext {
color: var(--white, #FFF);
font-family: 'ibm';
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.sliderblock_link {
color: var(--white, #FFF);
font-family: 'ibm';
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 160%;
border-bottom: 1px #fff solid;
padding-bottom: 5px;
}
.sliderblock_link:hover, .sliderblock_link:focus {
color: #fff;
border-bottom: none;
}
.slick-slide .slider_linkarrow {
display: inline-block;
margin-left: 7px;
}
.slides img.slider_linkarrow {
height: 13px;
width: 19px;
}
.slides.slick-initialized.slick-slider { }
.slick-arrow::before {
color: black !important;
}
.slick-prev::before {
content: url(//wfd.de/wp-content/themes/neve-child-master/template-parts/blocks/slider/arrow.svg) !important;
transform: rotate(180deg);
display: block;
}
.slick-prev {
bottom: 45% !important;
z-index: 100;
width: 50px !important;
height: 55px !important;
left: 10px !important;
}
.slick-next {
bottom: 45% !important;
z-index: 100;
width: 50px !important;
height: 55px !important;
right: 10px !important;
}
.slick-next::before {
content: url(//wfd.de/wp-content/themes/neve-child-master/template-parts/blocks/slider/arrow.svg) !important;
}
.slick-prev.slick-arrow:hover, .slick-next.slick-arrow:hover {
opacity: 0.6;
}
.slick-slide {
height: 694px !important;
}
.slides_container {
vertical-align: top;
display: inline-block;
text-align: center;
}
.slick-list.draggable {
padding: 0 !important;
}
.slides_image {
width: 100%;
height: 100%;
max-height: 654px;
display: block;  }
.slide_caption {
position: relative;
text-align: left;
font-size: 15px;
display: block;
margin-left: auto;
margin-right: auto;
line-height: 22px;
color: #000;
margin-top: 10px;
font-weight: 400;
font-family: ibm;
}
.slides_container.slick-slide[aria-hidden="true"] > div {
display: none;
}
.image_count {
font-weight: bold;
display: inline;
}
.acf-checkbox-list input {
background-color: white;
border-color: black !important;
}
.slick-dots {
position: relative !important;
text-align: right !important;
max-width: 1240px;
margin: 0 auto !important;
bottom: 30px !important;
padding: 0 15px !important;
}
.slick-dots li button::before {
content: url(//wfd.de/wp-content/themes/neve-child-master/template-parts/blocks/slider/bullet.svg)  !important;
opacity: 1 !important;
}
.slick-dots li.slick-active button::before {
content: url(//wfd.de/wp-content/themes/neve-child-master/template-parts/blocks/slider/bullet_active.svg)  !important;
} .slides .slide-has-link {
display: block;
text-decoration: none;
color: inherit;
}
.sliderblock_link.as-cta {
display: inline-flex;
gap: .4rem;
align-items: center;
}
@media (max-width:960px) {
.slick-list.draggable {
overflow: inherit;
}
.slides_image {
height: 449px !important;
max-height: unset;
}
.sliderblock_infoblock {
position: relative;
margin: -50px auto 0;
width: 100%;
height: auto;
padding: 32px 16px;
}
.sliderblock_headline {
font-size: 32px;
margin-bottom: 16px;
}
.sliderblock_introtext {
font-size: 16px;
}
.sliderblock_introtext p {
margin-bottom: 24px;
}
.slick-slide {
height: auto !important;
}
.slick-dots {
text-align: center !important;
top: 360px;
bottom: unset !important;
position: absolute !important;
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://wfd.de/wp-content/themes/neve-child-master/template-parts/blocks/slider/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-display: swap;
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://wfd.de/wp-content/themes/neve-child-master/template-parts/blocks/slider/slick/fonts/slick.eot);
src: url(https://wfd.de/wp-content/themes/neve-child-master/template-parts/blocks/slider/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://wfd.de/wp-content/themes/neve-child-master/template-parts/blocks/slider/slick/fonts/slick.woff) format('woff'), url(https://wfd.de/wp-content/themes/neve-child-master/template-parts/blocks/slider/slick/fonts/slick.ttf) format('truetype'), url(https://wfd.de/wp-content/themes/neve-child-master/template-parts/blocks/slider/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
display: block;
width: 40px;
height: 55px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{ }
[dir='rtl'] .slick-prev
{ left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: 0px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 15px;
height: 15px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 15px;
height: 15px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.numbers_carousel_area.alignfull {
padding: 0px 15px;
margin-top: 40px;
margin-bottom: 40px;
}
#numbers_carousel { margin-top: 30px;
margin-bottom: 30px;
}
#project-terms {
margin-top: 32px;
margin-bottom: 77px;
text-align: center;
}
#project-terms a {
padding: 5px 35px;
}
#numbers_carousel .hide{
display: none;
}
#numbers_carousel .project {
margin: 0; border-radius: 4px;
height: 100%;
}
#numbers-carousel {
max-width: 1216px;
margin-left: auto;
margin-right: auto;
padding: 0;
}
#numbers-carousel.owl-1 {
max-width: 390px;
}
#numbers-carousel.owl-2 {
max-width: 804px;
}
#numbers_carousel .owl-stage {
display: flex;
gap: 24px;
}
#numbers_carousel .project_numbers_content {
display: block;
background-color: #F4F4F4;
padding: 32px 40px 48px;
text-align: center;
height: 100%;
}
.project_numbers_icon {
display: inline-block;
width: auto;
height: 132px;
position: relative;
vertical-align: top;
}
#numbers_carousel .owl-nav button.disabled {
color: transparent;
pointer-events: none;
}
#numbers-carousel .owl-next {
float: right;
}
#numbers_carousel .owl-numbers {
width: 100% !important;
height: 100%;
min-height: 290px;
display: grid;
}
#numbers-carousel .owl-dots.disabled {
display: none;
}
#numbers-carousel .owl-dots {
text-align: center;
width: 85%;
margin: 0px auto 0px;
background-color: transparent;
}
#numbers-carousel.owl-7 .owl-dots {
margin-top: 0px;
}
#numbers-carousel .owl-dots span {
display: block;
}
#numbers-carousel .owl-dots span::before {
content: url(//wfd.de/wp-content/themes/neve-child-master/template-parts/blocks/numbers_carousel/bullet.svg)  !important;
opacity: 1 !important;
}
#numbers-carousel .owl-dot.active span::before {
content: url(//wfd.de/wp-content/themes/neve-child-master/template-parts/blocks/numbers_carousel/bullet_active.svg)  !important;
}
#numbers-carousel .owl-dot {
padding: 3px;
background-color: transparent;
}
#numbers-carousel .project_numbers_cat {
margin-bottom: 24px;
}
.project_numbers_title {
font-family: 'Marselis';
font-style: normal;
font-weight: 700;
font-size: 72px;
line-height: 110%;
color: #090B0C;
margin-top: 10px;
text-align: center;
}
.project_numbers_subtitle {
text-align: center;
margin: 0;
font-family: 'Marselis';
font-weight: 700;
font-size: 24px;
line-height: 120%;
color: #090B0C;
}
.owl-next span::after, .owl-prev span::before {
background-image: url(//wfd.de/wp-content/themes/neve-child-master/template-parts/blocks/numbers_carousel/arrow.svg);
background-size: 36.55px 39px;
display: inline-block;
width: 36.55px;
height: 39px;
content: "";
}
.owl-prev span::before {
transform: scaleX(-1); //rotate(180deg);
}
#numbers-carousel .owl-prev, #numbers-carousel .owl-next {
background-color: transparent;
display: inline-block;
}
.owl-next.disabled span::after, .owl-prev.disabled span::before{
background-image: unset;
}
#numbers_carousel .owl-nav.disabled {
display: none;
}
.project_numbers_icon.constant-tilt-shake {
animation: tilt-shaking 2s infinite;
} .project {
cursor: default;
}
a.project {
cursor: pointer;
text-decoration: none;
color: inherit;
display: block;
}
@media only screen and (max-width: 960px) {
#numbers-carousel .owl-dots {
margin-top: 10px;
}
#numbers_carousel .project_numbers_content {
padding: 24px 24px 32px 24px;
}
.project_numbers_icon, .project_numbers_icon img {
height: 111px;
}
.project_numbers_title {
font-size: 64px;
}
.project_numbers_subtitle {
font-size: 20px;
}
#numbers_carousel .owl-stage {
gap: 16px;
}
}.puretextblock_container {
padding: 0px 15px;
margin-top: 40px;
margin-bottom: 40px;
}
.puretextblock_container.one .main_content { padding-left: 0px;
max-width: 802px;
margin: 20px auto;
display: block;
padding: 0;
}
.puretextblock_container.wide .main_content {
max-width: 1206px;
}
.puretextblock_content {
font-size: 17px;
font-weight: 400;
line-height: 160%;
color: #090B0C;
font-family: 'ibm';
margin-bottom: 72px;
opacity: 0.9;
}
.puretextblock_headline, .puretextblock_content h2 {
font-family: 'marselis';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 120%;
margin-bottom: 24px;
} .puretextblock_container.start .puretextblock_content {
font-family: 'ibm';
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 160%;
color: #090B0C;
}
.puretextblock_content p {
margin-bottom: 30px;
}
.puretextblock_content a {
font-family: 'ibm';
font-weight: 600;
font-size: 17px;
line-height: 160%;
color: #0760AC;
text-decoration: underline;
}  .puretextblock_content ol {
margin: 24px auto 32px;
}
.puretextblock_content ul {
list-style: disc;
margin: 24px auto 32px;
}
.puretextblock_content ol li, .puretextblock_content ul li {
margin-left: 35px;
margin-bottom: 24px;
padding-left: 10px;
position: relative;
}
.puretextblock_content ol li::marker {
color: #fff;
text-align: center;
font-family: 'ibm';
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 160%;
}
.puretextblock_content ol li::before {
content: "";
position: absolute;
display: block;
width: 24px;
height: 24px;
top: 2px;
left: -1px;
background: #00446B;
margin-left: -24px;
z-index: -1;
}
.puretextblock_content ol li ol li {
list-style: lower-alpha;
margin-left: 20px;
}
.puretextblock_content ol li ol li::marker {
color: #00446B;
text-align: center;
font-family: 'ibm';
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 160%;
}
.puretextblock_content ol li ol li::before {
display: none;
}
.puretextblock_content ul li::marker {
color: #00446B;
font-size: x-large;
}  .puretextblock_content .wp-caption-text {
text-align: left;
font-family: 'space';
font-weight: 400;
font-size: 14px;
line-height: 28px;
color: #79716b;
}
@media only screen and (max-width: 850px) {
.puretextblock_container.one .main_content {
margin: 0px auto;
}
.puretextblock_headline {
font-size: 30px;
line-height: 36.28px;
margin-bottom: 10px;
}
.puretextblock_content, .puretextblock_content a {
font-size: 16px;
line-height: 160%;
}
.puretextblock_content {
margin-bottom: 40px;
}
.puretextblock_content p {
margin-bottom: 20px;
}
.puretextblock_content li {
font-size: 16px;
}
.puretextblock_headline, .puretextblock_content h2 {
font-size: 26px;
line-height: 120%;
margin-bottom: 20px;
}
.puretextblock_content h3 {
font-size: 22px;
line-height: 26px;
margin-bottom: 20px;
}
.puretextblock_content h4 {
font-size: 20px;
line-height: 22px;
margin-bottom: 20px;
}
.puretextblock_container {
padding-bottom: 0;
}
}.box_teaser_alignfull_container {
margin-top: 95px;
margin-bottom: 72px;
padding: 0 15px;
}
.box_teaser_container {
max-width: 1216px;
width: 100%;
margin: auto;
}
.box_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;
}
.box_teaser_area {
gap: 24px;
display: grid;
grid-template-columns: 32% 32% 32%;
}
.box_teaser_container.img .box_teaser_area, .box_teaser_container.no_img .box_teaser_area.two {
grid-template-columns: 49% 49%;
}
.box_teaser_container.no_img .box_teaser_area.one {
grid-template-columns: 100%;
}
.box_teaser_image {
width: 100%;
height: 334px;
z-index: -1;
position: relative;
margin-bottom: -100px;
background-repeat: no-repeat;
}
.box_teaser {
position: relative;
}
.box_teaser_container.img .box_teaser {
margin-left: 32px;
margin-right: 32px;
}
.teaser_image {
width: 100%;
padding-top: 37.1%;
max-width: 803px;
max-height: 451px;
display: block;
}
.box_teaser_container:nth-of-type(2n) .box_teaser .teaser_image, .box_teaser_container_with_img:nth-of-type(2n) .box_teaser .teaser_image{
float: right;
}
.box_teaser_container:nth-of-type(2n) .box_teaser .box_teaser_headline_container, .box_teaser_container_with_img:nth-of-type(2n) .box_teaser .box_teaser_headline_container {
left: 0;
background-color: #00446B;
}
.box_teaser_container:nth-of-type(3n) .box_teaser .box_teaser_headline_container, .box_teaser_container_with_img:nth-of-type(3n) .box_teaser .box_teaser_headline_container {
background-color: #0760AC;
}
.no_themen .box_teaser_container:nth-of-type(2n) .box_teaser .box_teaser_headline_container, .no_themen .box_teaser_container:nth-of-type(3n) .box_teaser .box_teaser_headline_container {
background-color: #fff1e9;
}
.box_teaser_container:nth-of-type(2n) .box_teaser .box_teaser_headline_container .box_teaser_headline,
.box_teaser_container:nth-of-type(2n) .box_teaser .box_teaser_headline_container .box_teaser_subtitle,
.box_teaser_container:nth-of-type(2n) .box_teaser .box_teaser_headline_container .box_teaser_excerpt,
.box_teaser_container:nth-of-type(2n) .box_teaser .box_teaser_headline_container .box_teaser_link,
.box_teaser_container:nth-of-type(3n) .box_teaser .box_teaser_headline_container .box_teaser_headline,
.box_teaser_container:nth-of-type(3n) .box_teaser .box_teaser_headline_container .box_teaser_subtitle,
.box_teaser_container:nth-of-type(3n) .box_teaser .box_teaser_headline_container .box_teaser_excerpt,
.box_teaser_container:nth-of-type(3n) .box_teaser .box_teaser_headline_container .box_teaser_link,
.box_teaser_container_with_img:nth-of-type(2n) .box_teaser .box_teaser_headline_container .box_teaser_headline,
.box_teaser_container_with_img:nth-of-type(2n) .box_teaser .box_teaser_headline_container .box_teaser_subtitle,
.box_teaser_container_with_img:nth-of-type(2n) .box_teaser .box_teaser_headline_container .box_teaser_excerpt,
.box_teaser_container_with_img:nth-of-type(2n) .box_teaser .box_teaser_headline_container .box_teaser_link,
.box_teaser_container_with_img:nth-of-type(3n) .box_teaser .box_teaser_headline_container .box_teaser_headline,
.box_teaser_container_with_img:nth-of-type(3n) .box_teaser .box_teaser_headline_container .box_teaser_subtitle,
.box_teaser_container_with_img:nth-of-type(3n) .box_teaser .box_teaser_headline_container .box_teaser_excerpt,
.box_teaser_container_with_img:nth-of-type(3n) .box_teaser .box_teaser_headline_container .box_teaser_link {
color: #fff;
}
.box_teaser_container:nth-of-type(2n) .box_teaser .box_teaser_headline_container .box_teaser_subtitle,
.box_teaser_container:nth-of-type(2n) .box_teaser .box_teaser_headline_container .box_teaser_excerpt,
.box_teaser_container:nth-of-type(3n) .box_teaser .box_teaser_headline_container .box_teaser_subtitle,
.box_teaser_container:nth-of-type(3n) .box_teaser .box_teaser_headline_container .box_teaser_excerpt,
.box_teaser_container_with_img:nth-of-type(2n) .box_teaser .box_teaser_headline_container .box_teaser_subtitle,
.box_teaser_container_with_img:nth-of-type(2n) .box_teaser .box_teaser_headline_container .box_teaser_excerpt,
.box_teaser_container_with_img:nth-of-type(3n) .box_teaser .box_teaser_headline_container .box_teaser_subtitle,
.box_teaser_container_with_img:nth-of-type(3n) .box_teaser .box_teaser_headline_container .box_teaser_excerpt
{
opacity: 0.8;
}
.no_themen .box_teaser_headline {
color: #EE7203 !important;
}
.box_teaser_headline {
color: #000;
font-family: 'marselis';
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin-bottom: 16px;
}
.box_teaser_excerpt {
color: #090B0C;
font-family: 'ibm';
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.no_themen .box_teaser_excerpt {
color: #090B0C !important;
opacity: 0.8 !important;
}
.box_teaser_headline_container {
background-color: #9DCFB6;
padding: 32px 32px 80px 32px;
position: relative;
min-height: 364px;
}
.no_themen .box_teaser_headline_container {
background-color: #fff1e9;
}
.box_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;
}
.box_teaser_container:nth-of-type(2n) .box_teaser .box_teaser_headline_container .box_teaser_link,
.box_teaser_container:nth-of-type(3n) .box_teaser .box_teaser_headline_container .box_teaser_link,
.box_teaser_container_with_img:nth-of-type(2n) .box_teaser .box_teaser_headline_container .box_teaser_link,
.box_teaser_container_with_img:nth-of-type(3n) .box_teaser .box_teaser_headline_container .box_teaser_link {
border-bottom-color: #fff;
}
.no_themen .box_teaser_link {
color: #000 !important;
border-bottom: 1px solid #000 !important;
}
.box_teaser_link:hover {
border-bottom-color: transparent !important;
color: inherit;
}
.box_teaser_more_link .relatedNews_linkarrowblue {
display: inline-block;
margin-left: 7px;
}
.box_teaser .relatedNews_linkarrow {
display: inline-block;
margin-left: 7px;
filter: invert(100%);
-webkit-filter: invert(100%);
}
.box_teaser_container:nth-of-type(2n) .box_teaser .box_teaser_headline_container .box_teaser_link .relatedNews_linkarrow,
.box_teaser_container:nth-of-type(3n) .box_teaser .box_teaser_headline_container .box_teaser_link .relatedNews_linkarrow,
.box_teaser_container_with_img:nth-of-type(2n) .box_teaser .box_teaser_headline_container .box_teaser_link .relatedNews_linkarrow,
.box_teaser_container_with_img:nth-of-type(3n) .box_teaser .box_teaser_headline_container .box_teaser_link .relatedNews_linkarrow   {
filter: invert(0%);
-webkit-filter: invert(0%);
}
.no_themen .relatedNews_linkarrow {
filter: invert(100%) !important;
-webkit-filter: invert(100%) !important;
}
.box_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) {
.box_teaser_area {
grid-template-columns: 32% 32% 32%;
}
}
@media (max-width: 920px) {
.box_teaser_area, .box_teaser_container.img .box_teaser_area, .box_teaser_container.no_img .box_teaser_area.two {
grid-template-columns: 100%;
}
.box_teaser_container.img .box_teaser {
margin-left: 16px;
margin-right: 16px;
}
.box_teaser_headline_container {
padding: 24px 24px 70px 24px;
min-height: unset;
}
.box_teaser_link {
bottom: 24px;
}
}
@media (max-width: 820px) {
.box_teaser_alignfull_container {
margin: 40px 0;
padding: 0;
width: 100%;
}
.box_teaser_main_headline {
font-size: 32px;
margin-bottom: 30px;
}
.box_teaser_headline {
font-size: 26px;
}
.box_teaser_excerpt {
font-size: 16px;
}
.box_teaser_headline_container {
padding: 24px 24px 48px 24px;
}
.box_teaser_link {
bottom: 0;
position: relative;
top: 20px;
}
}.textblock_container {
padding: 0 15px;
position: relative;
margin-top: 80px;
margin-bottom: 80px;
}
.textblock_container.blue {
background-color: #00446B;
padding: 80px 15px;
margin-top: 0;
margin-bottom: 0;
}
.textblock_container.lightblue {
background-color: #0760AC;
padding: 80px 15px;
margin-top: 0;
margin-bottom: 0;
}
.textblock_container.green {
background-color: #9DCFB6;
padding: 80px 15px;
margin-top: 0;
margin-bottom: 0;
}
.textblock_container.white {
background-color: #fff;
}
.textblock_container_content {
max-width: 1216px !important;
margin: auto;
padding: 0;
display: flex;
gap: 105px;
}
.textblock_container.side_1 .side_left {
width: 41.3%;
}
.textblock_container.side_1 .side_right {
width: 50%;
}
.textblock_container.side_2 .side_left {
width: 50%;
}
.textblock_container.side_2 .side_right {
width: 41.3%;
}
.textblock_container .textblock_subheadline {
color: var(--linie-1-new-light-orange, #EC6911);
font-family: 'ibm';
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 120%;
text-transform: uppercase;
margin-bottom: 16px;
}
.textblock_container.blue .textblock_subheadline, .textblock_container.blue .textblock_headline, .textblock_container.lightblue .textblock_subheadline, .textblock_container.lightblue .textblock_headline {
color: #fff;
}
.textblock_headline {
color: var(--linie-1-dark-navy-heading, #090B0C);
font-family: 'marselis';
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin-bottom: 32px;
}
.textblock_content p, .textblock_content {
color: var(--linie-1-dark-navy-heading, #090B0C);
font-family: 'ibm';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 160%;
opacity: 0.800000011920929;
}
.textblock_container.blue .textblock_content p, .textblock_container.blue .textblock_content, .textblock_container.lightblue .textblock_content p, .textblock_container.lightblue .textblock_content {
color: #fff;
opacity: 0.800000011920929;
}
.textblock_container .textblock_content ul {
margin-bottom: 30px;
}
.textblock_content ul li {
list-style: disc;
margin-left: 20px;
}
.textblock_link {
color: var(--linie-1-new-blue, #00446b);
font-family: 'ibm';
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 160%;
border-bottom: 1px solid #0760AC;
margin-top: 2px;
display: inline-block;
}
.textblock_link:hover {
text-decoration: none;
color: #0760AC;
border-bottom-color: transparent;
}
.textblock_container.blue .textblock_link, 
.textblock_container.lightblue .textblock_link {
color: #fff;
font-family: 'ibm';
border-bottom: 1px solid #fff;
}
.textblock_container.blue .textblock_link:hover, 
.textblock_container.lightblue .textblock_link:hover {
text-decoration: none;
color: #fff;
border-bottom-color: transparent;
}
.textblock_linkarrowblue {
display: inline-block;
margin-left: 7px;
}
.textblock_image {
height: 447px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.side_bottom .textblock_image {
height: 447px;
max-width: 960px;
margin: auto;
padding-top: 0;
background-position: top;
background-repeat: no-repeat;
background-size: contain;
}
.img_cap {
font-family: 'ibm';
font-weight: 400;
font-size: 14px;
line-height: 20px;
margin-top: 10px;
color: #000;
}
.img_cap.contain {
text-align: center;
}
.blue .img_cap, .lightblue .img_cap {
color: #fff;
}
.side_bottom .img_cap {
text-align: left;
max-width: 960px;
margin: auto;
}
@media only screen and (max-width:960px) {
.textblock_container { ;
margin-top: 48px;
margin-bottom: 56px;
}
.textblock_container.blue, .textblock_container.lightblue, .textblock_container.green {
padding: 48px 16px 56px*/;
margin-top: 0px;
margin-bottom: 0px;
}
.textblock_container_content, .textblock_container.side_3 .textblock_container_content {
display: grid;
padding: 0;
gap: 0px;
}
.textblock_container .side_left, .textblock_container .side_right, .textblock_container.side_1 .side_left, .textblock_container.side_1 .side_right {
width: 100%;
}
.textblock_container.side_2 .side_left, .textblock_container.side_2 .side_right {
width: 100%;
}
.textblock_container.side_2 .side_right {
margin-top: 20px;
}
.textblock_container .side_above {
order: 2;
}
.textblock_container .side_bottom {
margin-bottom: 0px;
}
.textblock_image {
height: 410px;
}
.textblock_container .side_left {
margin-bottom: 32px;
}
.side_1 .textblock_container_content .side_left {
order: 1;
margin-top: 32px;
margin-bottom: 0;
}
.side_1.bottom .textblock_container_content .side_left {
order: unset;
margin-top: 0;
margin-bottom: 32px;
}
.side_2.bottom .textblock_container_content .side_left {
order: 1;
margin-top: 32px;
}
.textblock_container.side_2.bottom .side_right {
margin-top: 0px;
}
.textblock_headline, .side_above .textblock_headline {
margin-bottom: 24px;
font-size: 32px;
line-height: 38.4px;
}
.textblock_content p, .side_above .textblock_content p, .textblock_content, .side_above .textblock_content {
font-size: 15px;
line-height: 22.5px;
margin-bottom: 10px;
}
.textblock_link {
margin-top: 14px;
padding: 0;
}
}
@media only screen and (max-width:720px) {
.textblock_image {
height: 257px;
}
}.quote_container {
max-width: 802px;
margin: 70px auto 80px;
display: block;
text-align: center;
}
.quote_icon {
height: 38px;
margin-bottom: 24px;
text-align: center;
}
.quote_icon .dashicons.dashicons-format-quote {
width: 72px;
height: 57px;
font-size: 72px;
color: #cc3c2c;
}
.quote_content {
color: var(--wfd-dunkelblau, #00446B);
text-align: center;
font-family: 'marselis';
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 120%; margin-bottom: 24px;
}
.quote_autor_container {
display: inline-grid;
grid-template-columns: 340px;
gap: 24px;
justify-content: center;
align-items: center;
}
.quote_autor_container.has_img {
grid-template-columns: 120px 220px;
}
.quote_left {
display: none;
}
.quote_right {
text-align: center;
}
.has_img .quote_right {
text-align: left;
}
.quote_author {
color: var(--linie-1-dark-navy-heading, #090B0C);
font-family: 'ibm';
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 160%; }
.quote_title {
color: var(--linie-1-dark-navy-heading, #090B0C);
font-family: 'ibm';
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 160%; }
.quote_image {
width: 120px;
height: 120px;
border-radius: 70px;
background-repeat: no-repeat;
background-size: cover;
margin: auto;
}
@media (max-width:850px) {
.quote_container {
max-width: 100%;
display: block;
margin: 57px auto;
}
.quote_content {
font-size: 28px;
}
.quote_author {
font-size: 16px;
}
.quote_title {
font-size: 16px;
}
}
@media (max-width:720px) {
.quote_autor_container {
display: block;
}
.quote_right {
text-align: center;
margin-top: 8px;
}
.has_img .quote_right {
text-align: center;
}
}.imageblock_container {
margin: 95px 15px 72px;
position: relative;
}
.imageblock_container.one {
margin: 48px 15px 56px;
}
.imageblock_container_content {
max-width: 1010px !important;
width: 100%;
margin: auto;
display: block;
gap: 0px;
}
.imageblock_container.two .imageblock_container_content {
max-width: 1216px !important;
display: grid;
gap: 24px;
grid-template-columns: 50% 50%;
}
.imageblock_container.side_3 .imageblock_container_content {
display: block;
text-align: center;
}
.imageblock_container_content .image_right {
margin-top: -48px;
}
.imageblock_image {
height: 568px;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.imageblock_image.left, .imageblock_image.right {
height: 335px;
}
.imageblock_container .img_cap {
font-family: 'ibm';
font-weight: 400;
font-size: 15px;
line-height: 24px;
margin: 16px auto 0;
color: #090b0c;
opacity: 0.8;
font-style: italic; max-width: 100%;
position: relative;
text-align: left;
} .imageblock_container.two .img_cap {
max-width: 100%; }
.img_cap.contain {
text-align: center;
max-width: 80%;
}
.side_right .img_cap.contain {
max-width: 100%;
} .imageblock_container.one .img_cap::after {
right: -20px;
}
.imageblock_container.one .img_cap.contain::after, .imageblock_container.two .img_cap.contain::after { margin-left: 20px;
}
@media only screen and (max-width:1000px) {
.imageblock_container.one .img_cap {
max-width: 81%;
margin-left: 5px;
}
.imageblock_container.one .img_cap.contain, .imageblock_container .img_cap.contain {
text-align: center;
max-width: 75%;
margin-left: auto;
}
.imageblock_container.one .img_cap::after {
right: -130px;
}
.imageblock_container.one .img_cap.contain::after, .imageblock_container.two .img_cap.contain::after {
right: 0;
}
} @media only screen and (max-width:850px) { .imageblock_container, .imageblock_container.one {
margin: 40px -8px;
padding: 0;
}
.imageblock_container_content {
margin: 0px;
padding: 0;
}
.imageblock_headline {
margin-bottom: 30px;
font-size: 35px;
line-height: 44.66px;
}
.imageblock_container.two .imageblock_container_content {
max-width: unset;
display: block;
}
.imageblock_container .side_left, .imageblock_container .side_right {
width: 100%;
}
.imageblock_container_content .image_right {
margin-top: 40px;
}
.imageblock_image { padding-top: 66%;
height: unset;
}
.imageblock_content p {
font-size: 15px;
line-height: 23px;
}
.imageblock_container .img_cap, .imageblock_container.one .img_cap {
padding: 0 15px;
max-width: 92%;
}
.imageblock_container .img_cap::after, .imageblock_container.one .img_cap::after {
right: -20px;
}
.imageblock_container.one .img_cap.contain, .imageblock_container .img_cap.contain {
text-align: left;
max-width: 92%;
padding: 0 15px;
margin-left: 5px;
}
.imageblock_container.one .img_cap.contain::after, .imageblock_container.two .img_cap.contain::after {
right: 0;
}
}
@media only screen and (max-width:720px) {
.imageblock_image.left, .imageblock_image.right {
height: 211px;
padding-top: 0;
}
}.button_container {
margin: 60px 0 97px;
}
.custom_button {
background-color: #EC6911;
color: #fff;
padding: 14px 24px;
font-size: 18px;
text-decoration: none;
font-weight: 700;
border: 1px solid #EC6911;
border-radius: 8px;
font-family: 'marselis';
line-height: 28px;
}
.custom_button:hover {
opacity: 0.8;
color: #fff;
background-color: #C35717;
border-color: #c35717;
}
.button_container.blue .custom_button {
border: 1px solid #00446b;
background-color: #00446b;
}
.button_container.blue .custom_button:hover {
background-color: #fff;
color: #00446b;
}
.button_container.left {
text-align: left;
}
.button_container.center {
text-align: center;
}
.button_container.right {
text-align: right;
}
@media only screen and (max-width: 750px) {
.button_container {
margin: 45px 0;
}
.custom_button {
padding: 12px 28px;
}
}.donationteaserwithfields_container {
max-width: 1216px;
margin: 137px 0 100px 100px;
padding: 0;
display: block;
text-align: left;
width: 100%;
}
.donationteaserwithfields_container_big.alignfull {
padding: 0;
}
.donationteaserwithfields_content_container {
position: relative;
}
.donationteaserwithfields_headline {
color: var(--linie-1-new-light-orange, #EC6911);
font-family: 'marselis';
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 32px;
}
.donationteaserwithfields_subtitle {
color: var(--linie-1-dark-navy-heading, #090B0C);
font-family: 'ibm';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 110%;
margin-bottom: 16px;
}
.donationteaserwithfields_subtitle b, .donationteaserwithfields_subtitle strong{
font-family: 'marselis';
font-weight: 700;
}
.donationteaserwithfields_subtitle p {
margin-bottom: 16px;
}
.donationteaserwithfields_subtitle ul li {
background: url(//wfd.de/wp-content/themes/neve-child-master/template-parts/blocks/donationteaserwithfields/check.svg) no-repeat left center;
padding: 0px 0 0px 30px;
list-style: none;
margin: 0 0 8px 0;
color: #2D2D2D;
background-size: auto;
}
.donationteaserwithfields_subtitle ul {
margin: 16px 0;
}
.donationteaserwithfields_container_big.alignfull .donationteaserwithfields_subtitle ul {
max-width: 520px;
margin: 20px auto 40px;
text-align: left;
}
.donationteaserwithfields_subtitle ol {
margin: 16px 0;
margin-left: 23px;
}
.donationteaserwithfields_subtitle ol li {
padding: 0px 0 0px 8px;
margin: 0 0 8px 0;
}
.donationteaserwithfields_top {
max-width: 1010px;
margin: 137px auto -280px;
background: rgba(255, 241, 233, 0.80);
padding: 94px 104px 200px;
position: relative;
z-index: 1;
text-align: center;
}
.donationteaserwithfields_checkpoints {
text-align: left;
max-width: 520px;
margin: 40px auto 48px;
}
.donationteaserwithfields_point {
background: url(//wfd.de/wp-content/themes/neve-child-master/template-parts/blocks/donationteaserwithfields/check.svg) no-repeat left top;
padding: 0px 0 0px 45px;
list-style: none;
margin: 0 0 8px 0;
color: #2D2D2D;
font-family: 'ibm';
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.donationteaserwithfields_bottom {
position: relative;
z-index: 2;
pointer-events: none;
}
.donationteaserwithfields_image {
width: 100%;
height: 412px;
}
.donationteaserwithfields_bottom .donationteaserwithfields_image {
height: 630px;
}
.donationteaserwithfields_right {
}
.donationteaserwithfields_left {
text-align: left;
margin-left: -100px;
background: #FFF1E9;
padding: 32px 32px 40px;
position: absolute;
bottom: -24px;
max-width: 515px;
}
.donationteaserwithfields_button {
padding: 9px 24px 10px 24px;
background-color: #ec6911;
border-radius: 8px;
color: #fff !important;
font-family: 'marselis';
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 160%;
display: inline-block;
}
#donatioonteaserwithfields_button:hover {
background-color: #EC6911;
opacity: 0.8;
}
.donationteaserwithfields_container_big.alignfull #donatioonteaserwithfields_button {
margin-top: 48px;
}
.donationteaserwithfields_value_fields {
display: flex;
gap: 16px;
justify-content: center;
}
.donationteaserwithfields_fields .choice-button.custom-label,
.donationteaserwithfields_fields form input[type="text"] {
color: var(--linie-1-dark-navy-heading, #090B0C);
font-family: 'ibm';
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 160%;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.30);
background: #FFF;
padding: 8.5px 20px 8.5px 20px;
}
.donationteaserwithfields_fields form input[type="text"] {
max-width: 162px;
font-weight: 400;
text-align: right;
}
.donationteaserwithfields_fields form .choice-button.custom-label::after {
content: ' €';
}
.donationteaserwithfields_container_big.alignfull .choice-button.custom-label {
padding: 9px 24px 10px;
width: 140px;
}
.donationteaserwithfields_container_big.alignfull .donationteaserwithfields_fields form input[type="text"] {
height: 49px
}
.choice-button.custom-label.checked {
color: #EC6911;
border-color: #EC6911;
background-color: transparent;
}  .donationteaserwithfields_intro {
margin-top: 33px;
margin-bottom: 25px;
color: var(--linie-1-dark-navy-heading, #090B0C);
font-family: 'ibm';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 110%;
align-items: center;
display: flex;
}
.donationteaserwithfields_left .donationteaserwithfields_intro_icon_container {
display: inline-flex;
align-items: center;
}
.donationteaserwithfields_intro_icon {
margin-left: 16px;
}
.donationteaserwithfields_infotext_below {
margin-top: 40px;
font-size: 14px;
font-weight: 400;
line-height: 160%;
color: #090B0C;
font-family: 'ibm';
opacity: 0.9;
font-style: italic;
}
@media (max-width:1010px) {
.donationteaserwithfields_top {
margin-left: 16px;
margin-right: 16px;
}
}
@media (max-width:956px) {
.donationteaserwithfields_container {
margin: 40px 0px; }
.donationteaserwithfields_container .donationteaserwithfields_content_container {
display: grid;
}
.donationteaserwithfields_left {
order: 2;
position: relative;
bottom: 0;
text-align: center;
margin: -40px 30px 0;
max-width: 100%;
padding: 24px 16px 32px;
}
.donationteaserwithfields_intro {
justify-content: center;
}
.donationteaserwithfields_left .donationteaserwithfields_intro {
margin-top: 24px;
margin-bottom: 24px;
}
.donationteaserwithfields_top {
margin: 70px 16px -100px;
padding: 16px 16px 100px;
}
.donationteaserwithfields_bottom .donationteaserwithfields_image {
height: 266px;
}
.donationteaserwithfields_headline {
font-size: 32px;
line-height: 120%;
}
.donationteaserwithfields_left .donationteaserwithfields_headline {
margin-bottom: 20px;
}
.donationteaserwithfields_point {
font-size: 18px;
padding-left: 32px;
background: url(//wfd.de/wp-content/themes/neve-child-master/template-parts/blocks/donationteaserwithfields/check.svg) no-repeat left top+4px;
}
.donationteaserwithfields_value_fields {
display: inline-block;
}
.donationteaserwithfields_container_big.alignfull .choice-button.custom-label {
width: 100px;
margin-right: 14px;
margin-bottom: 16px;
font-size: 16px;
}
.donationteaserwithfields_container_big.alignfull .choice-button.custom-label:last-of-type {
margin-right: 0;
}
.donationteaserwithfields_fields form input[type="text"] {
max-width: 336px;
font-weight: 400;
text-align: left;
width: 100%;
}
.donationteaserwithfields_container_big.alignfull #donatioonteaserwithfields_button {
margin-top: 40px;
}
.donationteaserwithfields_container .donationteaserwithfields_subtitle ul, .donationteaserwithfields_container .donationteaserwithfields_subtitle ol {
max-width: 520px;
margin: 20px auto 40px;
text-align: left;
}
.donationteaserwithfields_container .donationteaserwithfields_subtitle ol {
padding-left: 20px;
}
}
@media (max-width:700px) {
.donationteaserwithfields_fields form input[type="text"] {
margin-top: 15px;
}
.donationteaserwithfields_left .donationteaserwithfields_intro {
display: block;
}
.donationteaserwithfields_left .donationteaserwithfields_intro_text {
margin-bottom: 10px;
}
}
@media (max-width:620px) {
.donationteaserwithfields_right .donationteaserwithfields_image {
height: 210px;
}
}