section {
    position: relative;}

/* 2025 Header Home */
section.h-header-2025 {
    height: 69vh;
    background-size: cover;
    background-position: left center;}
section.h-header-2025 .h-haeder-text {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 3;
    width: 330px;}
section.h-header-2025 .h-haeder-text h1 {
    font-family: 'Roboto Bold';
    font-weight: 700;
    margin-bottom: 30px;}
section.h-header-2025 .h-haeder-text p {
    color: var(--txt_color-white);}
section.h-header-2025 .h-haeder-text a.button-2025 {
    display: inline-block;
    margin-top: 30px;}
section.h-header-2025 .h-haeder-text a.button-2025 i {
    margin-right: 0px;
    margin-left: 15px;}
section.h-header-2025 .cdj-teaser {
    display: none;}

/* Baureihen Bild gross allg. */
.bg-img-wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;}
.bau-main {
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 5;}
.bau-main h2 {
    margin-bottom: 0px;}
.bau-main .bau-main-text {
    font-size: var(--subline-size);}
.bau-main .bau-main-text p:last-child {
    margin-bottom: 0px;}
.bau-sub {
    position: absolute;
    bottom: 180px;
    text-align: center;
    width: 100%;
    color: var(--txt_color-white);
    z-index: 5;}
.bau-sub .bau-sub_main {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: 400;
    font-size: var(--page-font-big);
    margin: 10px 0px;}
.bau-sub-button {
    position: absolute;
    bottom: 90px;
    text-align: center;
    width: 100%;
    z-index: 5;}

/* Home Baureihen 2025 */
section.h-bau {
    padding: 30px 15px 0px 15px;
    background: var(--bg-grey);
    overflow: hidden;}
section.h-bau .bg-img-wrapper {
    border-radius: var(--box-radius);
    padding: 40% 15px 30px 15px;
    position: relative;
    overflow: hidden;}
section.h-bau .bg-img-wrapper.overlaybottom_1:after {
    left: -2px;
    right: -2px;
    width: auto;
    border-radius: var(--box-radius);}
section.h-bau .bau-main {
    color: var(--txt_color-white);
    position: relative;
    text-align: left;
    margin-bottom: 0px;}
section.h-bau .bau-main h2 {
    text-transform: uppercase;
    font-size: var(--h2-size-SEOfix);}
section.h-bau .bau-main .bau-main-text {
    font-size: 18px;}
section.h-bau .bau-main .bau-add-text {
    padding-right: 130px;
    margin-top: 5px;}
section.h-bau .bau-main .bau-add-text ul {
    padding-left: 15px;}
section.h-bau .bau-main .bau-add-text ul li {
    font-size: 12px;
    line-height: 16px;}
section.h-bau .bau-sub-button {
    position: absolute;
    right: 15px;
    bottom: 30px;
    width: auto;
    text-align: left;}
section.h-bau .bau-sub-button a.button-2025 {
    display: inline-block;}
section.h-bau .bau-sub-button a.button-2025 i {
    margin-left: 15px;
    margin-right: 0px;}

/* Home Teasers 2025 */
section.h-teasers-2025 {
    background: var(--bg-grey);
    padding: 69px 30px 30px 30px;}
section.h-teasers-2025 > .row {
    border-top: 2px solid var(--light-white);
    padding-top: 69px;}
section.h-teasers-2025 h3 {
    margin-bottom: 30px;}
section.h-teasers-2025 /* .. */ .h-teaser-box {
    border-radius: var(--box-radius);
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    padding: 50% 15px 30px 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;}
section.h-teasers-2025 /* .. */ .h-teaser-box.overlaybottom_2:after {
    left: -2px;
    right: -2px;
    width: auto;
    border-radius: var(--box-radius);}
section.h-teasers-2025 /* .. */ .h-teaser-box > * {
    z-index: 3;
    position: relative;
    color: var(--txt_color-white);}
section.h-teasers-2025 /* .. */ .h-teaser-box p {
    font-size: 12px;}
section.h-teasers-2025 /* .. */ .h-teaser-box a.button-2025 {
    display: inline-block;}

/* Footer Teasers 2025 */
section.footer-teasers-2025 {
    background: var(--dark-grey);
    padding: 69px 30px 50px 30px;}
section.footer-teasers-2025 /* ... */ a {
    display: block;
    position: relative;
    margin-bottom: 30px;
    border-radius: var(--box-radius);
    overflow: hidden;}
section.footer-teasers-2025 /* ... */ a .footer-teaser-el {
    display: block;
    position: relative;
    padding-top: 100%;
    background-position: center center;
    background-size: cover;}
section.footer-teasers-2025 /* ... */ a .footer-teaser-el h3 {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 3;}

/* Baureihe Header - 2025 update */
section.b-header {
    height: 69vh;
    overflow: hidden;}
section.b-header .bau-main {
    top: auto;
    left: 30px;
    bottom: 110px;
    width: auto;
    text-align: left;}
section.b-header .bau-main h1 {
    margin-bottom: 0px;
    text-transform: uppercase;}
section.b-header .bau-main .bau-main-text {
    color: var(--txt_color-white);
    font-size: var(--page-font-size);}
section.b-header .bau-sub {
    width: auto;
    left: 130px;
    right: 60px;
    bottom: 25px;
    text-align: left;
    font-size: 12px;}
section.b-header .bau-sub .bau-sub_main {
    font-size: var(--page-font-size);
    margin: -5px 0px -5px 0px;
    font-family: 'Roboto Bold';
    font-weight: 700;}
section.b-header .bau-sub-button {
    bottom: 30px;
    left: 30px;
    text-align: left;
    width: auto;}

/* Baureihe Big Teaser - 2025 update */
.frame-type-fluxcontentprovider_nnnbaureihebigteasers {
    padding: 30px 15px 0px 15px;
    background: var(--bg-grey);
    overflow: hidden;}
.frame-type-fluxcontentprovider_nnnbaureihebigteasers section.b-big-teaser {
    border-radius: var(--box-radius);
    padding: 40% 15px 30px 15px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;}
.frame-type-fluxcontentprovider_nnnbaureihebigteasers section.b-big-teaser.b-big-teaser_bad {
    margin-bottom: 69px;}
.frame-type-fluxcontentprovider_nnnbaureihebigteasers section.b-big-teaser .bau-sub {
    text-align: left;
    position: relative;
    bottom: auto;}
.frame-type-fluxcontentprovider_nnnbaureihebigteasers section.b-big-teaser .bau-sub h2 {
    color: var(--txt_color-white);}
.frame-type-fluxcontentprovider_nnnbaureihebigteasers section.b-big-teaser .bau-sub .b-big-teaser_text {
    margin-bottom: 15px;}
.frame-type-fluxcontentprovider_nnnbaureihebigteasers section.b-big-teaser .bau-sub-button {
    width: auto;
    position: relative;
    text-align: left;
    bottom: auto;}
.frame-type-fluxcontentprovider_nnnbaureihebigteasers section.b-big-teaser .bau-sub-button a {
    display: inline-block;}
.frame-type-fluxcontentprovider_nnnbaureihebigteasers section.b-big-teaser .bau-sub-button a i {
    margin-left: 15px;
    margin-right: 0px;}

/* Baureihe Ausstattung - 2025 upadte */
.frame-type-fluxcontentprovider_nnnbaureiheausstattung {
    padding: 0px 30px 0px 30px;
    background: var(--bg-grey);}
section.b-aus-wrapper {
    color: var(--txt_color-white);}
section.b-aus-wrapper.b-aus_wohnen {
    border-top: 2px solid var(--light-white);}
section.b-aus-wrapper .cont-nnn {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 69px;}
section.b-aus-wrapper .cont-nnn /* ... */ .b-aus-txt {
    margin-bottom: 30px;}
section.b-aus-wrapper .cont-nnn /* ... */ .b-aus-txt h3 {
    color: var(--txt_color-white);
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 30px;
    font-family: 'Roboto Regular';
    font-weight: 400;
    font-size: var(--h2-size);}
section.b-aus-wrapper .cont-nnn /* ... */ .b-aus-txt h4 {
    margin-bottom: 15px;
    color: var(--txt_color-white);}
section.b-aus-wrapper .cont-nnn /* ... */ .b-aus-slider-wrapper {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 50px;}
section.b-aus-wrapper .cont-nnn /* ... */ .b-aus-slider-wrapper .b-aus-slider .slick-list {
    border-radius: var(--box-radius);}
section.b-aus-wrapper .cont-nnn /* ... */ .b-aus-slider-wrapper .b-aus-slider .slick-dots {
    position: absolute;
    width: 100%;
    bottom: -35px;}
.frame-type-fluxcontentprovider_nnnbaureiheausstattung section.b-aus-wrapper.b-aus_technik {
    padding-bottom: 100px;}

/* Baureihe Grundrisse */
section.modell-grundrisse {
    background: var(--bg-grey);}
section.modell-grundrisse > img {
    width: 100%;
    height: auto;
    margin-bottom: 100px;}
section.modell-grundrisse h3 {
    text-align: center;
    text-align: left;
    font-family: 'Roboto Regular';
    font-weight: 400;
    font-size: var(--h2-size);}
section.modell-grundrisse .article-details {
    padding-top: 50px;
    padding-bottom: 100px;}
section.modell-grundrisse .article-details .item {
    margin-bottom: 35px;}
section.modell-grundrisse .article-details .item .details-img {
    background: #fff;
    border-radius: var(--box-radius);
    padding: 40px 15px;
    margin-bottom: 20px;
    text-align: center;}
section.modell-grundrisse .article-details .item h4 {
    margin-bottom: 20px;
    padding: 0px 15px;
    color: var(--txt_color-white);}
section.modell-grundrisse .article-details .item .details-car {
    margin-bottom: 20px;
    padding: 0px 15px;
    color: var(--txt_color-white);}

section.modell-grundrisse .article-details .item .details-car .row {
    --bs-gutter-x: 30px;}
section.modell-grundrisse .article-details .item .details-car .details-top {
    font-size: var(--page-font-medium);
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: 400;}
section.modell-grundrisse .article-details .item .buttons {
    padding: 0px 15px;}
section.modell-grundrisse .article-details .item .buttons .button-2025 {
    display: block;
    margin-bottom: 15px;
    text-align: left;}
section.modell-grundrisse .article-details .item .buttons .tech-details-btn.button-2025:last-child {
    margin-top: 30px;}

/* subpage fixes - 2025 */
section.s-txt {
    padding-top: 50px;
    padding-bottom: 50px;
    background: var(--bg-grey);}
section.s-txt .bg-box-2025 {
    background: var(--txt_color-white);
    padding: 15px;
    border-radius: var(--box-radius);}
section.s-txt .bg-box-2025 h2,
section.s-txt .bg-box-2025 h3 {
    color: var(--txt_color);}
section.b-txtMedia {
    background: var(--bg-grey);
    padding-top: 30px;}
section.b-txtMedia .b-txtMedia-txt {
    background: var(--txt_color-white);
    border-radius: var(--box-radius);
    padding: 15px;}
section.b-txtMedia .b-txtMedia-txt h2,
section.b-txtMedia .b-txtMedia-txt h3 {
    color: var(--txt_color);}
section.b-txtMedia .b-txtMedia-txt a.button-2025 {
    border-color: var(--bg-grey);
    color: var(--txt_color);
    display: block;}
section.b-txtMedia .b-txtMedia-txt a.button-2025:hover {
    border-color: var(--light-white);
    color: var(--txt_color-white);}
section.b-txtMedia .b-txtMedia-media-el-img  {
    border-radius: var(--box-radius);
    /* aspect-ratio box so the background image has height — ported from v11
       2022_css/elements.css (the old height rule was on the slick-slider
       selector, which the non-slider markup never matches). */
    padding-top: 60%;
    background-size: cover;
    background-position: center;
    width: 100%;}
/* From 768px up the columns sit side by side, so the media image should fill
   its column height (= the .b-txtMedia-txt column via the flex row) instead of
   the 60% aspect box. Mirrors prod 2022_css (height:100% down the media chain);
   kept slick-agnostic so it works whether or not the slider wraps at runtime. */
@media (min-width: 768px) {
    section.b-txtMedia .media-col .b-txtMedia-media-container,
    section.b-txtMedia .media-col .b-txtMedia-media,
    section.b-txtMedia .media-col .slick-list,
    section.b-txtMedia .media-col .slick-track,
    section.b-txtMedia .media-col .b-txtMedia-media-el {
        height: 100%;}
    section.b-txtMedia .media-col .b-txtMedia-media-el-img {
        padding-top: 0;
        height: 100%;}
}
.frame-type-fluxcontentprovider_nnnyoutubeiframe {
    background: var(--bg-grey);
    padding: 30px;}
.frame-type-fluxcontentprovider_nnnyoutubeiframe section.yt-iframe {
    border-radius: var(--box-radius);
    overflow: hidden;}
/* youtube iframe — ported from v11 2022_css/elements.css (lines 569-581);
   the aspect-ratio box + filling iframe were missed in the v13 CSS split. */
section.yt-iframe {
    width: 100%;
    padding-top: 56.25%; /* 16:9 standard */
    margin-bottom: 100px;}
section.yt-iframe iframe {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 100%;
    width: 100%;}
section.tv-teasers {
    background: var(--bg-grey);}
section.tv-teasers .iframe-aspectratio {
    border-radius: var(--box-radius);
    overflow: hidden;
    margin-bottom: 15px;}
section.tv-teasers .cont-nnn .iframe-aspectratio {
    padding-top: 56.25%; /* 16:9 standard */
    position: relative;}
section.tv-teasers .cont-nnn .iframe-aspectratio iframe {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 100%;
    width: 100%;}
section.tv-teasers a.button-2025 {
    display: inline-block;
    margin-bottom: 30px;}
section.subpage-uebersicht {
    padding-top: 150px;
    padding-bottom: 100px;
    background: var(--bg-grey);}
section.subpage-uebersicht .cont-nnn a .subpage-teaser {
    border-radius: var(--box-radius);
    overflow: hidden;}

/* Historie yumpu */
.wrapper-yumpu {
    background: var(--bg-grey);
    padding: 150px 30px 50px 30px;}


/* old stuff below -  see if needed 2025 ? */


section.h-bau .bau-main.lower {
    bottom: 180px;
    left: var(--container-padding);
    right: var(--container-padding);
    width: auto;}
section.h-bau .h-bau_specialTeaser {
    position: absolute;
    right: 0px;
    top: 200px;
    width: 200px;
    z-index: 6;}
section.h-bau .h-bau_specialTeaser a {
    display: block;
    padding: 5px;
    background: var(--txt_color-white);}
section.h-bau .h-bau_specialTeaser a:hover {
    transform: scale(1.1);}
section.h-bau .h-bau_specialTeaser a img {
    width: 100%;
    height: auto;}
section.h-bau button.youtube-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: none;
    border: none;
    z-index: 5;
    background: var(--light-white);
    border-radius: 4px;}
section.h-bau button.youtube-play i {
    color: var(--fendt-caravan_blau);
    font-size: 150px;}
section.h-bau button.youtube-play:hover {
    background: var(--txt_color-white);}

/* twin teasers */
section.twin-teasers .row {
    --bs-gutter-x: 0;}
section.twin-teasers .twin-el {
    height: 50vh;
    position: relative;}
section.twin-teasers .twin-el .bau-main {
    bottom: 120px;
    color: var(--txt_color-white);}
section.twin-teasers .twin-el .bau-main h2 {
    color: var(--txt_color-white);}
section.twin-teasers .twin-el .bau-sub-button {
    bottom: 50px;}


/* Baureihen Dealer Teaser */
section.dealer-teaser {
    background: var(--full-black);
    text-align: center;
    padding-top: 100px;}
section.dealer-teaser img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 30px;}
section.dealer-teaser h2 {
    color: var(--txt_color-white);
    margin-bottom: 30px;}
section.dealer-teaser .button-2024 {
    width: 270px;
    margin-bottom: 30px;}

/* sect b-header - 2024 refresh */
.sect.b-header {
    padding-bottom: 69px;}
.sect.b-header .b-header-main {
    z-index: 5;
    position: relative;}
.sect.b-header .b-header-main,
.sect.b-header .b-header-main h1 {
    color: var(--txt_color-white);}

/* Konfigurator Header Slider */
section.header-image-slider {
    margin-bottom: 0px;}

/* Jobs .tx-nestor sites */
.tx-nestor {
    padding-bottom: 50px;
    background: var(--bg-grey);}
.tx-nestor .theme_textonly .cont-nnn .jobs .box.job-box {
    margin-bottom: 30px;}
.tx-nestor .theme_textonly .cont-nnn .jobs .box.job-box .job-box-border_wrapper {
    background: var(--txt_color-white);
    padding: 15px;
    border-radius: var(--box-radius);
    height: 100%;}
.tx-nestor .theme_textonly .cont-nnn .jobs .box.job-box .job-box-border_wrapper a.detail-link {
    text-decoration: none;}
.tx-nestor .theme_textonly .cont-nnn .jobs .box.job-box .job-box-border_wrapper a.detail-link:hover {
    text-decoration: underline;}
.tx-nestor .theme_textonly .cont-nnn .jobs .box.job-box .job-box-border_wrapper a.detail-link h2 {
    color: var(--fendt-caravan_blau);}
.tx-nestor .job-detail-header {
    padding-top: 100px;
    height: auto;
    width:100%;
    margin:0;
    background-position:center;
    overflow:hidden;
    padding-top: var(--img-ratio-big);
    background-size:cover;
    background-image: url('https://www.fendt-caravan.com/fileadmin/images/homepage/teaser/2022/_dev_Home-Themen_bg.jpg' );
    padding-bottom: 69px;
    position: relative;}
.tx-nestor .job-detail-header .cont-nnn .job-detail-header-text {
    z-index: 5;
    position: relative;}
.tx-nestor .cont-nnn .theme_textonly.detail-page {
    padding-top: 50px;}
.tx-nestor .cont-nnn .theme_textonly.detail-page .box {
    background: var(--txt_color-white);
    padding: 15px;
    border-radius: var(--box-radius);}
.tx-nestor .cont-nnn .theme_textonly.detail-page .box .job-box.job-detail-box h2 {
    color: var(--txt_color);}
.tx-nestor .cont-nnn .theme_textonly.detail-page .box .news_link_back {
    margin-top: 30px;
    margin-bottom: 30px;}
.tx-nestor .cont-nnn .theme_textonly.detail-page .box .news_link_back a.button-2025 {
    border: 2px solid var(--bg-grey);
    color: var(--bg-grey);
    display: inline-block;}
.tx-nestor .cont-nnn .theme_textonly.detail-page .box .news_link_back a.button-2025:hover {
    color: var(--txt_color-white);}

/* new elements for SEO texts */
.border-helper {
    border-top: 2px solid var(--light-white);
    padding-top: 69px;}
section.intro-txt_2025 {
    background: var(--bg-grey);
    padding: 69px 15px 40px 15px;}
section.intro-txt_2025.no-space-after {
    padding: 69px 15px 0px 15px;}
section.intro-txt_2025 h2 {
    margin-bottom: 45px;}
section.intro-txt_2025 h3 {
    margin-bottom: 45px;
    color: var(--txt_color-white);}
section.intro-txt_2025 h4 {
    color: var(--txt_color-white);
    margin-bottom: 15px;}
section.intro-txt_2025 p {
    color: var(--txt_color-white);
    margin-bottom: 30px;}
section.intro-txt_2025.no-space-after p {
    margin-bottom: 0px;}
section.intro-txt_2025 p a {
    color: var(--txt_color-white);}
section.intro-txt_2025.faq-section h4 {
    margin-bottom: 10px;}
section.intro-txt_2025.faq-section .row > div {
    margin-bottom: 30px;}
section.subline-txt_2025 {
    background: var(--bg-grey);
    padding: 15px 15px 0px 15px;}
section.subline-txt_2025 h3 {
    margin-bottom: 0px;}
section.subline-txt_2025 p {
    color: var(--txt_color-white);
    margin-bottom: 0px;}
section.subline-txt_2025 p a {
    color: var(--txt_color-white);}
section.subline-txt_2025.cta-styling {
    padding-top: 30px;}
section.subline-txt_2025.cta-styling p {
    color: var(--txt_color);
    background: var(--txt_color-white);
    padding: 15px;
    border-radius: var(--box-radius);}
section.subline-txt_2025.cta-styling p a {
    color: var(--txt_color);}
section.subline-txt_2025.cta-styling p a.button-2025 {
    color: var(--txt_color);
    border-color: var(--txt_color);
    display: block;
    margin-top: 20px;
    text-align: center;}
section.subline-txt_2025.cta-styling p a.button-2025:hover {
    color: var(--txt_color-white);}
section.usp_2025 {
    background: var(--bg-grey);
    color: var(--txt_color-white);
    padding: 30px 30px 0px 30px;}
section.usp_2025 h3 {
    margin-bottom: 45px;}
section.usp_2025 h4 {
    color: var(--txt_color-white);
    margin-bottom: 20px;
    position: relative;}
section.usp_2025 h4 i {
    position: absolute;
    left: -45px;
    top: -55px;
    font-size: 120px;
    color: rgba(242, 242, 242, 0.2);}
section.usp_2025 p {
    margin-bottom: 30px;}
section.usp_2025 p a {
    color: var(--txt_color-white);}

/* subpage navi Landingpages home */
#home .frame-type-menu_subpages {
    background: var(--bg-grey);
    color: var(--txt_color-white);
    padding: 30px 15px 40px 15px;}
#home .frame-type-menu_subpages ul {
    margin-bottom: 0px;
    list-style: none;
    padding-left: 0px;}
#home .frame-type-menu_subpages ul li a {
    color: var(--txt_color-white);
    text-decoration: none;}

@media (min-width: 576px) {

    /* Home Baureihen 2025 */
    section.h-bau .bg-img-wrapper {
        padding: 50% 15px 30px 15px;}
    section.h-bau .bau-main .bau-main-text {
        font-size: var(--page-font-size);}
    section.h-bau .bau-main .bau-add-text ul li {
        font-size: 14px;
        line-height: 20px;}

    /* Home Teasers 2025 */
    section.h-teasers-2025 {
        padding: 69px 30px 69px 30px;}
    section.h-teasers-2025 h3 {
        padding-left: 40px;}
    section.h-teasers-2025 /* .. */ .h-teaser-box p {
        font-size: var(--page-font-size);}
    section.h-teasers-2025 /* .. */ .h-teaser-box.h-teaser-small {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 20% 15px 30px 15px;}
    section.h-teasers-2025 /* .. */ .h-teaser-box.h-teaser-small h2 {
        margin-top: auto;}

    /* Baureihe Header - 2025 update */
    section.b-header .bau-sub {
        left: 170px;
        width: 320px;}

    /* Baureihe Big Teaser - 2025 update */
    .frame-type-fluxcontentprovider_nnnbaureihebigteasers section.b-big-teaser .bau-sub .b-big-teaser_text {
        margin-bottom: 0px;}
    .frame-type-fluxcontentprovider_nnnbaureihebigteasers section.b-big-teaser .bau-sub-button {
        position: absolute;
        right: 30px;
        bottom: 30px;}

}


@media (min-width: 768px) {

    /* 2025 Header Home */
    section.h-header-2025 {
        height: 90vh;}
    section.h-header-2025 .h-haeder-text {
        left: 54px;}
    section.h-header-2025 .cdj-teaser {
        display: block;
        width: 276px;
        position: absolute;
        bottom: 30px;
        right: 60px;
        z-index: 3;}
    section.h-header-2025 .cdj-teaser a {
        display: block;}
    section.h-header-2025 .cdj-teaser a img {
        display: block;
        width: 100%;
        height: auto;}

    /* Home Baureihen 2025 */
    section.h-bau .bg-img-wrapper {
        padding: 50% 39px 50px 39px;}
    section.h-bau .bau-sub-button {
        right: 39px;
        bottom: 50px;}

    /* Home Teasers 2025 */
    section.h-teasers-2025 > .row > div > .row > div {
        margin-bottom: 30px;}
    section.h-teasers-2025 /* .. */ .h-teaser-box.h-teaser-big {
        height: calc(100% - 30px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;}
    section.h-teasers-2025 /* .. */ .h-teaser-box.h-teaser-big h2 {
        margin-top: auto;}

    /* Baureihe Header - 2025 update */
    section.b-header .bau-sub {
        font-size: var(--page-font-size);
        left: 30px;}
    section.b-header .bau-sub .bau-sub_main {
        font-size: var(--page-font-medium);
        margin: 0px 0px 0px 0px;}
    section.b-header .bau-sub-button {
        left: auto;
        right: 30px;}

    /* Footer Teasers 2025 */
    section.footer-teasers-2025 /* ... */ a .footer-teaser-el h3 {
        top: 30px;
        left: 30px;}

    /* Baureihe Ausstattung - 2025 upadte */
    section.b-aus-wrapper .cont-nnn /* ... */ .b-aus-txt {
        padding-top: 5px;
        margin-bottom: 0px;}

    /* Historie yumpu */
    .wrapper-yumpu {
        padding: 150px 50px 50px 50px;}

    section.twin-teasers .twin-el .bau-main {
        left: var(--container-padding);
        width: auto;
        text-align: left;}
    section.twin-teasers .twin-el .bau-sub-button {
        width: auto;
        left: var(--container-padding);
        right: auto;}
    section.modell-grundrisse .article-details.row {
        margin-left: -25px;
        margin-right: -25px;}
    section.modell-grundrisse .article-details .item {
        padding-left: 25px;
        padding-right: 25px;}
    section.modell-grundrisse .article-details .item .details-car .row {
        --bs-gutter-x: 10px;}
    section.dealer-teaser {
        text-align: left;}
    section.dealer-teaser .button-2024 {
        text-align: center;}

    /* subpage Text */
    section.s-txt .cont-nnn .col-txt {
        column-count: 2;}

    /* new elements for SEO texts */
    section.intro-txt_2025 {
        padding: 69px 24px 40px 24px;}
    section.intro-txt_2025.no-space-after {
        padding: 69px 24px 0px 24px;}
    section.subline-txt_2025 {
        padding: 15px 24px 0px 24px;}
    section.subline-txt_2025.cta-styling {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;}
    section.subline-txt_2025.cta-styling p a.button-2025 {
        display: inline-block;}
    section.usp_2025 h4 {
        margin-bottom: 40px;}
    section.usp_2025 p {
        margin-bottom: 60px;}

    /* subpage navi Landingpages home */
    #home .frame-type-menu_subpages {
        padding: 30px 24px 40px 24px;}
    #home .frame-type-menu_subpages ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;}
    #home .frame-type-menu_subpages ul li {
        width: 50%;}

}

@media (min-width: 992px) {

    /* Baureihe Header - 2025 update */
    section.b-header .bau-main {
        left: 60px;}
    section.b-header .bau-sub {
        left: 60px;}
    section.b-header .bau-sub-button {
        right: 75px;}

    /* Footer Teasers 2025 */
    section.footer-teasers-2025 /* ... */ a .footer-teaser-el h3 {
        top: 15px;
        left: 15px;}

    /* Baureihe Ausstattung - 2025 upadte */
    .frame-type-fluxcontentprovider_nnnbaureiheausstattung {
        padding: 0px 50px 0px 50px;}
    section.b-aus-wrapper .cont-nnn {
        padding-left: 45px;
        padding-right: 45px;}
    section.b-aus-wrapper .cont-nnn /* ... */ .b-aus-slider-wrapper {
        padding-bottom: 0px;}
    section.b-aus-wrapper:nth-child(odd) .cont-nnn /* ... */ .b-aus-txt {
        padding-right: 45px;}
    section.b-aus-wrapper:nth-child(even) .cont-nnn /* ... */ .b-aus-txt {
        padding-left: 45px;}
    section.b-aus-wrapper .cont-nnn /* ... */ .b-aus-slider-wrapper .b-aus-slider .slick-dots {
        width: auto;
        right: 0px;
        bottom: -20px;}
    section.b-aus-wrapper:nth-child(even) .cont-nnn /* ... */ .b-aus-slider-wrapper .b-aus-slider .slick-dots {
        left: 0px;
        right: auto;}

    section.h-bau .bau-main {
        width: auto;
        text-align: left;}
    section.h-bau .bau-main.lower {
        text-align: center;}
    .bau-sub {
        left: auto;
        transform: translate(0, 0);
        right: var(--container-padding);}
    section.b-big-teaser .bau-sub {
        right: 60px;
        left: var(--container-padding);
        transform: translate(0, 0);
        width: auto;
        bottom: 90px;
        text-align: left;}
    section.b-big-teaser .bau-sub-button {
        width: auto;
        left: auto;
        transform: translate(0, 0);
        right: 60px;}
    .frame-type-fluxcontentprovider_nnnbaureihebigteasers section.b-big-teaser .bau-sub-button {
        right: 60px;}

    /* subpage navi Landingpages home */
    #home .frame-type-menu_subpages ul li {
        width: 25%;}

}

@media (min-width: 1200px) {

    /* Footer Teasers 2025 */
    section.footer-teasers-2025 {
        padding: 69px 50px 50px 50px;}
    section.footer-teasers-2025 /* ... */ a .footer-teaser-el h3 {
        top: 30px;
        left: 30px;}

    /* 2025 Header Home */
    section.h-header-2025 .h-haeder-text {
        left: 89px;
        bottom: 50px;}
    section.h-header-2025 .cdj-teaser {
        bottom: 50px;
        right: 89px;}

    /* Home Baureihen 2025 */
    section.h-bau {
        padding: 50px 50px 0px 50px;}
    section.h-bau .bau-main.lower {
        left: var(--container-padding);
        width: auto;
        max-width: 60%;
        text-align: left;
        bottom: 90px;}

    /* Home Teasers 2025 */
    section.h-teasers-2025 {
        padding: 69px 50px 69px 50px;}
    section.h-teasers-2025 h3 {
        padding-left: 54px;}

    /* Baureihe Header - 2025 update */
    section.b-header .bau-sub-button {
        right: var(--container-padding);}

    /* Baureihe Big Teaser - 2025 update */
    .frame-type-fluxcontentprovider_nnnbaureihebigteasers {
        padding: 30px 50px 0px 50px;}

    section.h-bau .h-bau_specialTeaser {
        width: 300px;}

    .bau-main {
        width: auto;}
    .bau-sub {
        left: 50%;
        right: auto;
        transform: translate(-50%, 0);
        bottom: 90px;}
    .bau-sub-button {
        width: auto;
        right: var(--container-padding);}
    section.b-header .bau-main {
        left: var(--container-padding);
        right: var(--container-padding);
        width: auto;}
    section.b-header .bau-sub {
        left: var(--container-padding);
        transform: translate(0, 0);}
    section.b-aus-wrapper .order-last .b-aus-slider-wrapper .custom_prev {
        left: -50px;}
    section.b-aus-wrapper .order-last .b-aus-slider-wrapper .custom_next {
        right: -50px;}
    section.b-aus-wrapper .b-aus-slider-wrapper .custom_next {
        right: -50px;}
    section.dealer-teaser .dealer-teaser-txt {
        padding-left: 100px;
        padding-top: 50px;}

    /* new elements for SEO texts */
    section.subline-txt_2025.cta-styling {
        padding-left: 50px;
        padding-right: 50px;}

    /* subpage navi Landingpages home */
    #home .frame-type-menu_subpages {
        padding: 30px 50px 40px 50px;}

}

/* section catalougue-form  */
.tx-form {
    padding-top: 30px;
    width: 100%;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);}
.tx-form form .type-button input[type=submit],
.tx-form form .type-button button[type=submit] {
    margin-top: var(--button-margin);
    border-color: var(--bg-grey);
    color: var(--bg-grey);}
.tx-form form .type-button input[type=submit]:hover,
.tx-form form .type-button button[type=submit]:hover {
    border-color: var(--light-white);
    color: var(--txt_color-white);}
section.catalougue-form h3 {
    margin-bottom: 30px;
    color: var(--txt_color);}
.tx-form form .downloads-extra a.nnn-btn.button-2025 {
    display: inline-block;
    margin-bottom: 15px;
    border-color: var(--bg-grey);
    color: var(--bg-grey);}
.tx-form form .downloads-extra a.nnn-btn.button-2025:hover {
    border-color: var(--light-white);
    color: var(--txt_color-white);}


/* fixed side button */
.fixed-side-button {
    display: none;}
.de .fixed-side-button {
    position: fixed;
    right: -3px;
    display: block;

    z-index: 9999;
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: 400;

    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(-90deg) translate(50%, 0%);
    -moz-transform: rotate(-90deg) translate(50%, 0%);
    -ms-transform: rotate(-90deg) translate(50%, 0%);
    -o-transform: rotate(-90deg) translate(50%, 0%);
    transform: rotate(-90deg) translate(50%, 0%);

    -webkit-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.5);

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;}

.fixed-side-button a {
    padding: 7px 12px;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    font-size: var(--page-font-size);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;}

.fixed-side-button.btn-kaufberater {
    top: 160px;}
.fixed-side-button.btn-kaufberater a {
    background: var(--txt_color-white);
    color: var(--fendt-caravan_blau);}
.fixed-side-button.btn-kaufberater a:hover {
    background: var(--bg-grey);
    color: var(--txt_color-white);}

.fixed-side-button.btn-konfigurator {
    top: 310px;}
.fixed-side-button.btn-konfigurator a {
    background: var(--fendt-caravan_blau);
    color: var(--txt_color-white);}
.fixed-side-button.btn-konfigurator a:hover {
    background: var(--bg-grey);
    color: var(--txt_color-white);}

.fixed-side-button.btn-adfenture {
    top: 480px;}
.fixed-side-button.btn-adfenture a {
    background: #dceb2c;
    color: #02161b;}
.fixed-side-button.btn-adfenture a:hover {
    background: #02161b;
    color: #dceb2c;}

/* NEXT Video Countdown */
.page-1731,
.page-1716,
.page-1715 {
    --darkgreen: #173F35;
    --lightgreen: #A9C23F;

    background: var(--darkgreen);
    min-height: 100vh;}
.page-1731 .fixed-side-wrapper,
.page-1716 .fixed-side-wrapper,
.page-1715 .fixed-side-wrapper {
    display: none;}
section.NEXT-vid-countdown {
    background: var(--darkgreen);
    text-align: center;
    padding-top: 50px;
    /*padding-bottom: 55vh;*/
    position: relative;
    min-height: 100vh;}
section.NEXT-vid-countdown .cont-nnn h1 {
    margin-bottom: 0px;
    font-size: 18px;}
section.NEXT-vid-countdown .cont-nnn h2 {
    font-size: 16px;
    margin-bottom: 40px;}
section.NEXT-vid-countdown .cont-nnn a.mail-button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    background-color: var(--lightgreen);
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 2px;
    margin: 0 auto;
    text-decoration: none;}
section.NEXT-vid-countdown .cont-nnn #countdown {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 600px;
    margin: 0px auto 30px auto;}
section.NEXT-vid-countdown .cont-nnn #countdown div span {
    display: block;
    font-size: 69px;
    line-height: 80px;
    color: var(--darkgreen);
    font-family: 'Roboto Bold', Arial, sans-serif;
    font-weight: 700;
    text-shadow:    1px  1px 0 var(--lightgreen),
                    -1px -1px 0 var(--lightgreen),
                    1px -1px 0 var(--lightgreen),
                    -1px  1px 0 var(--lightgreen),
                    1px  1px 0 var(--lightgreen);}
section.NEXT-vid-countdown .cont-nnn #videoButtonBefore {
    padding: 10px 20px;
    font-size: 16px;
    color: white;}
section.NEXT-vid-countdown .cont-nnn #videoButton {
    display: none;
    padding: 10px 20px;
    font-size: 16px;
    background-color: var(--lightgreen);
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 2px;
    margin: 0 auto;}
section.NEXT-vid-countdown .cont-nnn #videoContainer {
    display: none;
    position: absolute;
    top: 30px;
    height: calc(100vh - 140px);
    left: var(--container-padding);
    right: var(--container-padding);}
section.NEXT-vid-countdown .cont-nnn #videoContainer iframe {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%;}
section.NEXT-vid-countdown .cont-nnn #videoContainer .small-link-info {
    text-align: left;
    color: #c7c7c7;
    font-size: 10px;
    margin-bottom: 15px;}
section.NEXT-vid-countdown .cont-nnn #videoContainer .small-link-info a {
    color: #c7c7c7;}
section.NEXT-vid-countdown .cont-nnn #videoContainer #videoText {
    display: none;
    text-align: left;
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;}
section.NEXT-vid-countdown .cont-nnn #videoContainer #videoText h2 {
    margin-bottom: 10px;}
section.NEXT-vid-countdown .cont-nnn #videoContainer #videoText p {
    color: #fff;}
section.NEXT-vid-countdown .cont-nnn #videoContainer #videoText p a {
    color: #fff;
    text-decoration-color: var(--lightgreen);}
section.NEXT-vid-countdown .cont-nnn .videoPlainWrapper {
    position: relative;
    aspect-ratio: 16 / 9;
    max-height: 480px;
    max-width: 840px;
    margin: 0 auto;
    background: #000;}
section.NEXT-vid-countdown .cont-nnn .videoPlainWrapper iframe {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;}
section.NEXT-vid-countdown .cont-nnn .small-link-info {
    text-align: left;
    color: #c7c7c7;
    font-size: 10px;
    margin: 0px auto 15px auto;
    max-width: 840px;}
section.NEXT-vid-countdown .cont-nnn .small-link-info a {
    color: #c7c7c7;}
section.NEXT-vid-countdown .footer-links-subsection {
    width: 100%;
    padding-bottom: 30px;}
section.NEXT-vid-countdown .footer-links-subsection .cont-nnn .footer-links-row,
section.NEXT-vid-countdown .footer-links-subsection .cont-nnn .footer-links-row a {
    color: #fff;}
@media (min-width: 768px) {
    section.NEXT-vid-countdown .cont-nnn h1 {
        font-size: var(--h1-size);}
    section.NEXT-vid-countdown .cont-nnn h2 {
        font-size: 20px;}
    section.NEXT-vid-countdown .cont-nnn #countdown div span {
        font-size: 86px;}
    section.NEXT-vid-countdown .cont-nnn #videoContainer {
        width: 69vw;
        margin: 0 auto;}
}
@media (min-height: 450px) {
    section.NEXT-vid-countdown .cont-nnn #videoContainer {
        height: calc(100vh - 240px);}
}
@media (min-height: 655px) {
    section.NEXT-vid-countdown {
        padding-top: 135px;}
    section.NEXT-vid-countdown .cont-nnn #countdown {
        margin-bottom: 69px;}
    section.NEXT-vid-countdown .cont-nnn #videoContainer {
        height: auto;
        top: 130px;}
    section.NEXT-vid-countdown .cont-nnn #videoContainer iframe {
        aspect-ratio: 16 / 9;}
    section.NEXT-vid-countdown .footer-links-subsection {
        position: absolute;
        bottom: 0;
        left: 0;}
}
@media (min-width: 992px) and (min-height: 655px) {
    section.NEXT-vid-countdown .cont-nnn #videoContainer {
        left: 50%;
        transform: translateX(-50%);
        height: auto;}
    section.NEXT-vid-countdown .cont-nnn #videoContainer iframe {
        aspect-ratio: 16 / 9;}
}
@media (min-width: 1200px) {
    section.NEXT-vid-countdown .cont-nnn #videoContainer {
        width: auto;}
    section.NEXT-vid-countdown .cont-nnn #videoContainer iframe {
        max-height: 480px;
        max-width: 840px;}
    section.NEXT-vid-countdown .cont-nnn #videoContainer .small-link-info {
        max-width: 840px;
        margin-left: auto;
        margin-right: auto;}
    section.NEXT-vid-countdown .cont-nnn #videoContainer #videoText {
        max-width: 840px;
        margin-left: auto;
        margin-right: auto;}
}
/* unfortunate hight fixes for NEXT pages - BEGIN */
section.NEXT-vid-countdown > .cont-nnn {
    /*padding-bottom: 69vh;*/
    height: 90vh;}
section.NEXT-vid-countdown.presentation-over {
    min-height: none;}
section.NEXT-vid-countdown.presentation-over > .cont-nnn {
    height: auto;
    padding-bottom: 100px;}
section.NEXT-vid-countdown.presentation-over .footer-links-subsection {
    position: absolute;
    bottom: 0;
    left: 0;}
@media (min-height: 655px) {
    section.NEXT-vid-countdown > .cont-nnn {
        height: 69vh;}
}
@media (min-width: 576px) and (min-height: 655px) {
    section.NEXT-vid-countdown > .cont-nnn {
        height: 80vw;}
}
@media (min-width: 768px) and (min-height: 655px) {
    section.NEXT-vid-countdown > .cont-nnn {
        height: 65vw;}
}
@media (min-width: 1200px) and (min-height: 655px) {
    section.NEXT-vid-countdown {
        padding-top: 10vw;}
    section.NEXT-vid-countdown > .cont-nnn {
        height: 40vw;}
    section.NEXT-vid-countdown .cont-nnn #videoContainer {
        top: 8vw;}
}
@media (min-width: 1920px) and (min-height: 655px) {
    section.NEXT-vid-countdown {
        padding-top: 10vh;}
    section.NEXT-vid-countdown > .cont-nnn {
        height: 700px;}
    section.NEXT-vid-countdown .cont-nnn #videoContainer {
        top: 8vh;}
}
/* unfortunate hight fixes for NEXT pages - END */


/* konf disabled NO and DK */
/*
.dk section.modell-grundrisse .article-details .item .buttons .button-2024.configureModel,
*/
.no section.modell-grundrisse .article-details .item .buttons .button-2024.configureModel {
    display: none;}
/*
.dk .technical-details-header .button-2024.configureModel,
*/
.no .technical-details-header .button-2024.configureModel {
    display: none;}

/* 2023 - Image & Buttons (moved from legacy_2022_layout.css 2026-05-14 — that
   file is scoped via TS condition to a single dev preview page, so its rules
   never applied on production-equivalent pages like /caravan-modell.
   Matches the same rules production keeps in 2022_css/elements.css.) */
section.image-buttons {
    margin-bottom: calc(2 * var(--section-margin-home));}
section.image-buttons.followed {
    margin-bottom: var(--section-margin-home);}
section.image-buttons .cont-nnn .row > div > .wide-img {
    padding-top: var(--img-ratio-big);
    margin-left: calc(var(--container-padding) * (-1));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;}
section.image-buttons .cont-nnn .row.flex-row-reverse > div > .wide-img {
    margin-left: auto;
    margin-right: calc(var(--container-padding) * (-1));}
section.image-buttons .cont-nnn .row > div > .wide-img h3.plain-headline {
    position: absolute;
    left: var(--container-padding);
    bottom: var(--img-txt-pos);
    margin-bottom: 0px;
    color: var(--txt_color-white);}
section.image-buttons .cont-nnn .row > div > .wide-img h2 {
    position: absolute;
    right: var(--img-txt-pos);
    top: var(--img-txt-pos);
    margin-bottom: 0px;
    text-align: right;}
section.image-buttons .cont-nnn .row > div > .wide-img h2.top-left {
    left: var(--container-padding);
    bottom: var(--img-txt-pos);
    margin-bottom: 0px;
    text-align: left;}
section.image-buttons .cont-nnn .row > div > .buttons-beside .button-element h2 {
    margin-top: 50px;}
@media (min-width: 768px) {
    section.image-buttons .cont-nnn .row > div > .wide-img {
        padding-top: 0px;
        height: 100%;
        min-height: 420px;}
    section.image-buttons .cont-nnn .row > div:last-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;}
    section.image-buttons .cont-nnn .row > div > .buttons-beside {
        padding-bottom: var(--img-txt-pos);
        margin-top: auto;}
    section.image-buttons .cont-nnn .row > div > .buttons-beside .button-element:last-child a.button-2023 {
        margin-bottom: 0px;}
}

/* Subpage Übersicht — moved from legacy_2022_layout.css 2026-05-14. The
   `.subpage-teaser` aspect-ratio padding lives here so pages outside the
   dev preview (like /aktuelles/koenig-kunde) render the teaser tiles at
   their intended square/landscape ratio. Matches the same rules production
   keeps in 2022_css/elements.css. */
section.subpage-uebersicht .cont-nnn a {
    display: block;}
section.subpage-uebersicht .cont-nnn a .subpage-teaser {
    background-position: center;
    background-size: cover;
    padding-top: 100%;
    position: relative;
    margin-bottom: 30px;}
section.subpage-uebersicht .cont-nnn a .subpage-teaser::before,
section.subpage-uebersicht .cont-nnn a .subpage-teaser::after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 120px;
    z-index: 5;}
section.subpage-uebersicht .cont-nnn a .subpage-teaser::before {
    background-image: var(--background-gradient-black-lighter);
    top: 0px;}
section.subpage-uebersicht .cont-nnn a .subpage-teaser::after {
    background-image: var(--background-gradient-black-lighter-bottom);
    bottom: 0px;}
section.subpage-uebersicht .cont-nnn a .subpage-teaser h3 {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    color: var(--txt_color-white);
    z-index: 10;
    hyphens: auto;
    word-break: break-word;}
section.subpage-uebersicht .cont-nnn a .subpage-teaser span.nnn-btn {
    position: absolute;
    bottom: 30px;
    right: 30px;
    color: var(--txt_color-white);
    border-color: var(--txt_color-white);
    z-index: 10;}
section.subpage-uebersicht .cont-nnn a:hover .subpage-teaser span.nnn-btn {
    border-color: var(--fendt-caravan_blau);
    background-color: var(--fendt-caravan_blau);}
@media (min-width: 576px) {
    section.subpage-uebersicht .cont-nnn a .subpage-teaser {
        padding-top: 69%;}
}
@media (min-width: 768px) {
    section.subpage-uebersicht .cont-nnn a .subpage-teaser {
        padding-top: 100%;}
}
@media (min-width: 1200px) {
    section.subpage-uebersicht .cont-nnn a .subpage-teaser h3 {
        line-height: var(--h3-size);}
}

/* ============================================================================
   Prod-only blocks synced 2026-05-15 — added directly on prod in earlier
   editorial passes, never pushed back to dev. Sourced from
   https://www.fendt-caravan.com/typo3conf/ext/sitepackage/Resources/Public/Css/elements.css?1771948578
   ============================================================================ */

/* .cdj-teaser — Caravan-des-Jahres award teaser, used on Home Baureihen
   (NnnHomeBaureihen FCE) and Baureihe Big Teaser (b-header pages). Hidden
   by default; shown via media-query overrides below. */
section.h-bau .bg-img-wrapper .cdj-teaser {
    display: none;}
section.b-header .cdj-teaser {
    display: none;}

/* Home Baureihen 2025 — multi-column variant (used on /index.html for
   the side-by-side baureihe layout). */
section.h-bau-cols {
    background: var(--bg-grey);}
section.h-bau-cols section.h-bau {
    padding-left: 0px;
    padding-right: 0px;
    height: 100%;}

/* h-header-2025 — auxiliary play-button positioning for the video header. */
section.h-header-2025 .home-header-video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;}
section.h-header-2025 .home-header-video-btn button i {
    margin-right: 0px;
    font-size: 69px;}

/* spec-fw-img-teaser — full-width image teaser used on spec pages. */
section.spec-fw-img-teaser {
    background: var(--bg-grey);}
section.spec-fw-img-teaser .cont-nnn a {
    display: block;
    position: relative;
    border-radius: var(--box-radius);
    overflow: hidden;
    transition: all ease-in-out 0.2s;}
section.spec-fw-img-teaser .cont-nnn a * {
    transition: all ease-in-out 0.2s;}
section.spec-fw-img-teaser .cont-nnn a img {
    width: 100%;
    height: auto;}
section.spec-fw-img-teaser .cont-nnn a .spec-fw-img-teaser_hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    white-space: nowrap;
    background: var(--fendt-caravan_blau);
    opacity: 0;}
section.spec-fw-img-teaser .cont-nnn a .spec-fw-img-teaser_hover i {
    margin-right: 0px;}
section.spec-fw-img-teaser .cont-nnn a:hover img {
    filter: blur(4px);}
section.spec-fw-img-teaser .cont-nnn a:hover .spec-fw-img-teaser_hover {
    opacity: 1;}

/* b-txtMedia.txtMediaContain — Bauhreihen text/media variant with contained image. */
section.b-txtMedia.txtMediaContain .media-col .b-txtMedia-contain {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    border-radius: var(--box-radius);
    padding: var(--box-radius);
    background: #fff;}
section.b-txtMedia.txtMediaContain .media-col .b-txtMedia-contain img {
    width: 100%;
    height: auto;
    display: block;}

@media (min-width: 768px) {
    section.h-bau .bg-img-wrapper .cdj-teaser {
        display: block;
        position: absolute;
        bottom: 120px;
        right: 39px;
        z-index: 3;}
    section.h-bau .bg-img-wrapper .cdj-teaser a {
        display: block;}
    section.h-bau .bg-img-wrapper .cdj-teaser a img {
        display: block;
        width: 100%;
        height: auto;}
    section.b-header .cdj-teaser {
        display: block;
        position: absolute;
        bottom: 90px;
        right: 30px;
        z-index: 3;
        width: 80px;}
    section.b-header .cdj-teaser a {
        display: block;}
    section.b-header .cdj-teaser a img {
        display: block;
        width: 100%;
        height: auto;}
    section.b-txtMedia.txtMediaContain .cont-nnn {
        padding-bottom: 30px;}
    section.b-txtMedia.txtMediaContain .cont-nnn .row .bs-col .b-txtMedia-txt {
        margin-bottom: 0px;
        height: 100%;}
    section.b-txtMedia.txtMediaContain .cont-nnn .row .media-col .b-txtMedia-contain {
        margin-top: 0px;
        margin-bottom: 30px;
        height: 100%;}
}

@media (min-width: 992px) {
    section.b-header .cdj-teaser {
        bottom: 90px;
        right: 75px;
        width: 100px;}
}

@media (min-width: 1200px) {
    section.b-header .cdj-teaser {
        right: var(--container-padding);}
}

/* Video modal — dark variant used by NnnHomeHeader / NnnHomeBaureihen /
   NnnBaureiheHeader YouTube playback buttons. Moved 2026-05-15 from
   legacy_2022_layout.css (dev-page-scoped) to elements.css (global) so
   the modal styling applies when opened from any page. Matches prod's
   2022_css/elements.css. */
.nnn-videomodal .modal-dialog {
    margin-top: 150px;}
.nnn-videomodal .modal-dialog .modal-content {
    background-color: #000;}
.nnn-videomodal .modal-dialog .modal-content .modal-header {
    border-bottom-color: var(--light-white);}
.nnn-videomodal .modal-dialog .modal-content .modal-header button.btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;}
.nnn-videomodal .modal-dialog .modal-content .modal-header button.btn-close:focus {
    -webkit-box-shadow: none;
            box-shadow: none;}
.nnn-videomodal .modal-dialog .modal-content .modal-body .videoModal-aspectwrapper {
    padding-top: 56.25%;
    position: relative;}
.nnn-videomodal .modal-dialog .modal-content .modal-body .videoModal-aspectwrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;}
/* video modal closed - no video playing please */
.nnn-videomodal .modal-dialog .modal-content .modal-body .videoModal-aspectwrapper #nnnYTVideoIframe {
    display: none;}
.nnn-videomodal.show .modal-dialog .modal-content .modal-body .videoModal-aspectwrapper #nnnYTVideoIframe {
    display: block;}

@media (min-width: 992px) {
    .nnn-videomodal.modal .modal-dialog {
        max-width: 90vw;}
}

@media (min-width: 1200px) {
    .nnn-videomodal.modal .modal-dialog {
        max-width: 60vw;}
}
/* media-two-col / wide-media-left / media-fullwidth / Kaufberater
   media-CE blocks — moved here from legacy_2022_layout.css 2026-05-16.
   Original file is scoped to dev preview page uid=1378 via a TS condition,
   but these rules need to load globally on all pages that use media CEs.
   Matches prod 2022_css/elements.css. */
/* Kaufberater Styles */
@media (min-width: 992px) {
    section.media-fullwidth .container-custom .row .media-wide.iframe iframe, section.media-fullwidth .container-custom .row .media-wide img {
      width: calc(100% + 200px);
      left: -100px;
    }
  }
  
  section.media-fullwidth .container-custom .row .media-wide + .text-part {
    margin-top: 50px;
  }
section.wide-media-left,
section.wide-media-right {
  margin-bottom: 50px;
}

@media (min-width: 992px) {
  section.wide-media-left,
  section.wide-media-right {
    margin-bottom: 75px;
  }
}

@media (max-width: 767px) {
  section.wide-media-left .container-custom .text-media-element .media-wider,
  section.wide-media-right .container-custom .text-media-element .media-wider {
    padding-right: 0px;
    padding-left: 0px;
  }
}

section.wide-media-left .container-custom .text-media-element .media-wider .media-slider-container,
section.wide-media-left .container-custom .text-media-element .media-wider > img,
section.wide-media-right .container-custom .text-media-element .media-wider .media-slider-container,
section.wide-media-right .container-custom .text-media-element .media-wider > img {
  width: 100%;
  height: auto;
  position: relative;
}

@media (min-width: 992px) {
  section.wide-media-left .container-custom .text-media-element .media-wider .media-slider-container,
  section.wide-media-left .container-custom .text-media-element .media-wider > img,
  section.wide-media-right .container-custom .text-media-element .media-wider .media-slider-container,
  section.wide-media-right .container-custom .text-media-element .media-wider > img {
    width: calc(100% + 100px);
  }
}

section.wide-media-left .container-custom .text-media-element .media-wider .media-slider-container .media-slider-prev,
section.wide-media-left .container-custom .text-media-element .media-wider .media-slider-container .media-slider-next,
section.wide-media-left .container-custom .text-media-element .media-wider > img .media-slider-prev,
section.wide-media-left .container-custom .text-media-element .media-wider > img .media-slider-next,
section.wide-media-right .container-custom .text-media-element .media-wider .media-slider-container .media-slider-prev,
section.wide-media-right .container-custom .text-media-element .media-wider .media-slider-container .media-slider-next,
section.wide-media-right .container-custom .text-media-element .media-wider > img .media-slider-prev,
section.wide-media-right .container-custom .text-media-element .media-wider > img .media-slider-next {
  position: absolute;
  z-index: 500;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

section.wide-media-left .container-custom .text-media-element .media-wider .media-slider-container .media-slider-prev i,
section.wide-media-left .container-custom .text-media-element .media-wider .media-slider-container .media-slider-next i,
section.wide-media-left .container-custom .text-media-element .media-wider > img .media-slider-prev i,
section.wide-media-left .container-custom .text-media-element .media-wider > img .media-slider-next i,
section.wide-media-right .container-custom .text-media-element .media-wider .media-slider-container .media-slider-prev i,
section.wide-media-right .container-custom .text-media-element .media-wider .media-slider-container .media-slider-next i,
section.wide-media-right .container-custom .text-media-element .media-wider > img .media-slider-prev i,
section.wide-media-right .container-custom .text-media-element .media-wider > img .media-slider-next i {
  font-size: 50px;
}

section.wide-media-left .container-custom .text-media-element .media-wider .media-slider-container .media-slider-prev,
section.wide-media-left .container-custom .text-media-element .media-wider > img .media-slider-prev,
section.wide-media-right .container-custom .text-media-element .media-wider .media-slider-container .media-slider-prev,
section.wide-media-right .container-custom .text-media-element .media-wider > img .media-slider-prev {
  left: 0px;
}

section.wide-media-left .container-custom .text-media-element .media-wider .media-slider-container .media-slider-next,
section.wide-media-left .container-custom .text-media-element .media-wider > img .media-slider-next,
section.wide-media-right .container-custom .text-media-element .media-wider .media-slider-container .media-slider-next,
section.wide-media-right .container-custom .text-media-element .media-wider > img .media-slider-next {
  right: 0px;
}

section.wide-media-left .container-custom .text-media-element .media-wider .media-slider-container .media-slider,
section.wide-media-left .container-custom .text-media-element .media-wider > img .media-slider,
section.wide-media-right .container-custom .text-media-element .media-wider .media-slider-container .media-slider,
section.wide-media-right .container-custom .text-media-element .media-wider > img .media-slider {
  z-index: 250;
}

section.wide-media-left .container-custom .text-media-element .media-slider-container img,
section.wide-media-right .container-custom .text-media-element .media-slider-container img {
  width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  section.wide-media-left .container-custom .text-media-element .text-part,
  section.wide-media-right .container-custom .text-media-element .text-part {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  section.wide-media-left .container-custom .text-media-element .text-part,
  section.wide-media-right .container-custom .text-media-element .text-part {
    padding-top: 30px;
    padding-bottom: 50px;
  }
}

@media (min-width: 768px) {
  section.wide-media-left .container-custom .text-media-element .media-wider {
    padding-left: 0px;
  }
}

@media (min-width: 992px) {
  section.wide-media-left .container-custom .text-media-element .media-wider {
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
}

@media (min-width: 992px) {
  section.wide-media-left .container-custom .text-media-element .media-wider img {
    left: -100px;
  }
}

@media (min-width: 992px) {
  section.wide-media-left .container-custom .text-media-element .media-wider .text-part {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  section.wide-media-right .container-custom .text-media-element .media-wider {
    padding-right: 0px;
  }
}

@media (min-width: 992px) {
  section.wide-media-right .container-custom .text-media-element .media-wider {
    padding-right: calc(var(--bs-gutter-x) * .5);
  }
}

@media (min-width: 992px) {
  section.wide-media-right .container-custom .text-media-element .media-wider .text-part {
    padding-right: 50px;
  }
}
section.media-two-col .col-md-6 .text-media-element {
    margin-bottom: 50px;
}
section.media-two-col .col-md-6 .text-media-element .media-above .media-slider-container,
section.media-two-col .col-md-6 .text-media-element .media-above img,
section.media-two-col .col-md-4 .text-media-element .media-above img,
section.wide-media-left .text-media-element .media-wider img {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 30px;
}
section.media-two-col .col-md-6 .text-media-element .media-above .media-slider-container .media-slider-prev,
section.media-two-col .col-md-6 .text-media-element .media-above .media-slider-container .media-slider-next,
section.media-two-col .col-md-6 .text-media-element .media-above img .media-slider-prev,
section.media-two-col .col-md-6 .text-media-element .media-above img .media-slider-next {
    position: absolute;
    z-index: 500;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
section.media-two-col .col-md-6 .text-media-element .media-above .media-slider-container .media-slider-prev i,
section.media-two-col .col-md-6 .text-media-element .media-above .media-slider-container .media-slider-next i,
section.media-two-col .col-md-6 .text-media-element .media-above img .media-slider-prev i,
section.media-two-col .col-md-6 .text-media-element .media-above img .media-slider-next i {
    font-size: 50px;
}

@media (min-width: 992px) {
    section.media-two-col .col-md-6:first-child {
      padding-right: 30px;
    }
}

@media (min-width: 992px) {
    section.media-two-col .col-md-6:last-child {
      padding-left: 30px;
    }
}

@media (max-width: 767px) {
    section.media-two-col .col-md-6 .text-media-element .media-above {
      padding-right: 0px;
      padding-left: 0px;
    }
}

section.media-two-col .col-md-6 .text-media-element .media-above .media-slider-container .media-slider-prev,
section.media-two-col .col-md-6 .text-media-element .media-above img .media-slider-prev {
    left: 0px;
}

section.media-two-col .col-md-6 .text-media-element .media-above .media-slider-container .media-slider-next,
section.media-two-col .col-md-6 .text-media-element .media-above img .media-slider-next {
    right: 0px;
}

section.media-two-col .col-md-6 .text-media-element .media-above .media-slider-container .media-slider,
section.media-two-col .col-md-6 .text-media-element .media-above img .media-slider {
    z-index: 250;
}

@media (min-width: 768px) {
    section.media-two-col .col-md-6 .text-media-element .text-part {
      padding-left: 30px;
      padding-right: 30px;
    }
}
/* Kaufberater temp end */

/* ===== Ausbildungsseite — moved from legacy_2022_layout.css 2026-06-22 ===== */
/* These are LIVE styles (/unternehmen/ausbildung-jobs/ausbildung); the legacy
   file is dev-page-1378-scoped, but in v11/prod 2022_css/elements.css loaded
   site-wide, so the ausbildung rules must load globally. */
.page-1708 .usercentrics-button.uc-button-bl .uc-privacy-button-wrapper,
.page-1709 .usercentrics-button.uc-button-bl .uc-privacy-button-wrapper,
.page-1710 .usercentrics-button.uc-button-bl .uc-privacy-button-wrapper,
.page-1711 .usercentrics-button.uc-button-bl .uc-privacy-button-wrapper,
.page-1712 .usercentrics-button.uc-button-bl .uc-privacy-button-wrapper {
    bottom: 70px !important;}
section.ausbildung-header {
    padding-top: 56.25%;
    position: relative;
    width: 100%;
    margin-top: 110px;}
section.ausbildung-header iframe {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;}

section.ausbildung-teaser {
    padding: 60px 15px 30px 15px;
    background: var(--bg-grey);}
section.ausbildung-teaser > h3 {
    color: var(--txt_color-white);
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 45px;
    font-family: 'Roboto Regular';
    font-weight: 400;
    font-size: var(--h2-size);}
section.ausbildung-teaser .teaser-with-video {
    padding: 0px;
    background: #fff;
    margin-bottom: 30px;
    border-radius: var(--box-radius);
    overflow: hidden;
    position: relative;}
section.ausbildung-teaser .teaser-with-video .yt-layer {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    padding-top: 56.25%;
    z-index: 2;
    display: none;}
section.ausbildung-teaser .teaser-with-video.yt-open .yt-layer {
    display: block;}
section.ausbildung-teaser .teaser-with-video .yt-layer iframe {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;}
section.ausbildung-teaser .teaser-with-video .img-bg {
    padding-top: 56.25%;
    background-position: center center;
    background-size: cover;
    position: relative;}
section.ausbildung-teaser .teaser-with-video .img-bg .video-play {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    display: grid;
    align-items: center;
    justify-items: center;}
section.ausbildung-teaser .teaser-with-video .img-bg .video-play i {
    color: #fff;
    font-size: 100px;}
section.ausbildung-teaser .teaser-with-video .color-bg {
    padding: 15px;}
section.ausbildung-teaser .teaser-with-video .color-bg h3.ausb-title {
    color: var(--txt_color);}
section.ausbildung-teaser .teaser-with-video .color-bg .ausb-info-box {
    background-color: var(--fendt-caravan_blau);
    color: #fff;
    padding: 10px 10px 20px 10px;
    /* needs size in between button and box
    border-radius: var(--box-radius); */
    border-radius: 10px;}
section.ausbildung-teaser .teaser-with-video .color-bg .ausb-info-box .ausb-info-line {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--border-color);}
section.ausbildung-teaser .teaser-with-video .color-bg .ausb-info-box .ausb-info-line .ausb-location,
section.ausbildung-teaser .teaser-with-video .color-bg .ausb-info-box .ausb-info-line .ausb-duration {
    display: inline-block;
    margin-right: 30px;
    font-weight: bold;}
section.ausbildung-teaser .teaser-with-video .color-bg .ausb-info-box .ausb-info-line .ausb-location i,
section.ausbildung-teaser .teaser-with-video .color-bg .ausb-info-box .ausb-info-line .ausb-duration i {
    margin-right: 7px;}
section.ausbildung-teaser .teaser-with-video .color-bg .ausb-info-box .ausb-info-list {
    margin-bottom: 15px;}
section.ausbildung-teaser .teaser-with-video .color-bg .ausb-info-box .ausb-info-list ul {
    list-style-type: none;
    padding-left: 0px;}
section.ausbildung-teaser .teaser-with-video .color-bg .ausb-info-box .ausb-info-list ul li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 5px;}
section.ausbildung-teaser .teaser-with-video .color-bg .ausb-info-box .ausb-info-list ul li:before {
    content: "\F26E";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 22px;}
section.ausbildung-teaser .teaser-with-video .color-bg .ausb-info-box .ausb-link {
    text-align: right;}
section.ausbildung-teaser .teaser-with-video .color-bg .ausb-info-box .ausb-link a.button-2025 {
    display: inline-block;}
section.ausbildung-teaser .teaser-with-video .color-bg .ausb-info-box .ausb-link a.button-2025 i {
    margin-left: 15px;
    margin-right: 0px;}

section.ausbildung-quotes {
    padding: 30px 15px 30px 15px;
    background: var(--bg-grey);}
section.ausbildung-quotes .quotes-box {
    border-radius: var(--box-radius);
    margin-bottom: 30px;
    overflow: hidden;}
section.ausbildung-quotes .quotes-box .img-bg {
    background-position: center center;
    background-size: cover;
    position: relative;
    padding: 22% 0px 25% 20px;}
section.ausbildung-quotes .quotes-box .img-bg .quote-txt {
    position: relative;
    color: #fff;
    width: 50%;
    z-index: 2;
    position: relative;}
section.ausbildung-quotes .quotes-box .img-bg .quote-txt .quote-icon {
    position: absolute;
    color: #fff;
    top: -50px;
    left: -5px;
    font-size: 42px;}

section.ausbildung-contact .img-bg {
    background-position: center center;
    background-size: cover;
    padding: 40% 15px 33% 15px;
    position: relative;}
section.ausbildung-contact .img-bg .txt-position {
    position: absolute;
    left: 20%;
    right: 60px;
    bottom: 30px;
    z-index: 3;}
section.ausbildung-contact .img-bg .txt-position h4 {
    color: #fff;
    margin-bottom: 15px;
    text-align: right;}
section.ausbildung-contact .img-bg .txt-position .contact-link {
    text-align: right;}
section.ausbildung-contact .img-bg .txt-position .contact-link a.button-2025 {
    display: inline-block;}

section.ausbildung-faq {
    padding: 60px 15px 30px 15px;
    background: var(--bg-grey);}
section.ausbildung-faq .faq-img {
    background-color: #fff;
    border-radius: var(--box-radius);
    margin-bottom: 30px;}
section.ausbildung-faq .faq-img img {
    width: 100%;
    height: 100%;
    aspect-ratio: 150 / 47;}
section.ausbildung-faq .faq-acc .accordion .acc-item {
    background: #fff;
    border-radius: var(--box-radius);
    padding: 15px;
    margin-bottom: 15px;}
section.ausbildung-faq .faq-acc .accordion .acc-item .acc-header h2 {
    font-size: var(--h3-size);}
section.ausbildung-faq .faq-acc .accordion .acc-item .acc-header h2 button {
    background: transparent;
    border: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
    padding-right: 50px;
    position: relative;
    width: 100%;}
section.ausbildung-faq .faq-acc .accordion .acc-item .acc-header h2 button i {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);}
section.ausbildung-faq .faq-acc .accordion .acc-item .acc-header h2 button i.bi-chevron-down {
    display: none;}
section.ausbildung-faq .faq-acc .accordion .acc-item .acc-header h2 button i.bi-chevron-up {
    display: block;}
section.ausbildung-faq .faq-acc .accordion .acc-item .acc-header h2 button.collapsed i.bi-chevron-down {
    display: block;}
section.ausbildung-faq .faq-acc .accordion .acc-item .acc-header h2 button.collapsed i.bi-chevron-up {
    display: none;}
section.ausbildung-faq .faq-acc .accordion .acc-item > div .acc-content {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid var(--border-color);}

section.ausbildung-gallery {
    padding: 15px 15px 60px 15px;
    background: var(--bg-grey);}
section.ausbildung-gallery .ausbildung-gallery-wrapper {
    position: relative;}
section.ausbildung-gallery .ausbildung-gallery-wrapper .ausbildung-gallery-slider {
    margin: 0px -5px;}
section.ausbildung-gallery .ausbildung-gallery-wrapper .ausbildung-gallery-slider /*...*/ .ausb-gal-sli-item {
    padding: 0px 5px;}
section.ausbildung-gallery .ausbildung-gallery-wrapper .ausbildung-gallery-slider /*...*/ .ausb-gal-sli-item img {
    width: 100%;
    height: auto;
    border-radius: var(--box-radius);}
section.ausbildung-gallery .ausbildung-gallery-wrapper .ausbildung-gallery-slider .slick-dots {
    margin-top: 15px;}
section.ausbildung-gallery .ausbildung-gallery-wrapper .custom_prev,
section.ausbildung-gallery .ausbildung-gallery-wrapper .custom_next {
    bottom: -15px;}

section.ausbildung-subsite-content /*...*/ .bg-box-2025 h2 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--border-color);}
section.ausbildung-subsite-content /*...*/ .bg-box-2025 .ausb-info-cnt {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--border-color);}
section.ausbildung-subsite-content /*...*/ .ausb-back-btn {
    margin-top: 30px;}
section.ausbildung-subsite-content /*...*/ .ausb-back-btn a.button-2025 {
    display: inline-block;}
@media (min-width: 768px) {
    section.ausbildung-header {
        margin-top: 0px;}
    section.ausbildung-quotes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;}
    section.ausbildung-quotes .quotes-box {
        width: calc(50% - 15px);}
    section.ausbildung-quotes .quotes-box .img-bg {
        height: 100%;
        padding: 30% 0px 20% 20px;}
    section.ausbildung-contact .img-bg {
        padding: 15% 15px 30% 15px;}
    section.ausbildung-faq {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;}
    section.ausbildung-faq .faq-img {
        width: 33%;
        margin-bottom: 0px;}
    section.ausbildung-faq .faq-acc {
        width: calc(66% - 15px);}
    section.ausbildung-faq .faq-acc .acc-item:last-child {
        margin-bottom: 0px;}
    section.ausbildung-subsite-content /*...*/ .bg-box-2025 .ausb-info-cnt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;}
    section.ausbildung-subsite-content /*...*/ .bg-box-2025 .ausb-info-cnt p {
        width: 50%;}
    section.ausbildung-subsite-content /*...*/ .bg-box-2025 .ausb-main-cnt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;}
    section.ausbildung-subsite-content /*...*/ .bg-box-2025 .ausb-main-cnt .list-block {
        width: 50%;}
}
@media (min-width: 992px) {
    section.ausbildung-teaser {
        padding: 60px 30px 30px 30px;}
    section.ausbildung-teaser > h3 {
        width: 100%;}
    section.ausbildung-teaser .teaser-with-video {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;}
    section.ausbildung-teaser .teaser-with-video:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;}
    section.ausbildung-teaser .teaser-with-video .yt-layer {
        width: 50%;
        aspect-ratio: 16 / 9;
        padding-top: 0px;
        left: auto;
        bottom: 0px;}
    section.ausbildung-teaser .teaser-with-video:nth-child(odd) .yt-layer {
        left: 0px;
        right: auto;}
    section.ausbildung-teaser .teaser-with-video .img-bg {
        width: 50%;
        aspect-ratio: 16 / 9;
        padding-top: 0px;}
    section.ausbildung-teaser .teaser-with-video .color-bg {
        width: 50%;
        padding: 30px 30px 45px 30px;}
    section.ausbildung-teaser .teaser-with-video .color-bg h3.ausb-title {
        margin-bottom: 15px;}
    section.ausbildung-teaser .teaser-with-video .color-bg p.ausb-info {
        margin-bottom: 30px;}
    section.ausbildung-teaser .teaser-with-video .color-bg .ausb-info-box {
        padding: 20px 20px 30px 20px;}
    section.ausbildung-teaser .teaser-with-video .color-bg .ausb-info-box .ausb-info-list {
        margin-bottom: 30px;}
    section.ausbildung-quotes {
        padding: 30px 30px 30px 30px;}
    section.ausbildung-quotes .quotes-box .img-bg {
        padding: 30% 30px 20% 30px;}
    section.ausbildung-faq {
        padding: 60px 30px 30px 30px;}
    section.ausbildung-gallery {
        padding: 15px 30px 60px 30px;}
    section.ausbildung-gallery .ausbildung-gallery-wrapper .ausbildung-gallery-slider {
        margin: 0px -15px;}
    section.ausbildung-gallery .ausbildung-gallery-wrapper .ausbildung-gallery-slider .ausb-gal-sli-item {
        padding: 0px 15px;}
    section.ausbildung-gallery .ausbildung-gallery-wrapper .custom_prev,
    section.ausbildung-gallery .ausbildung-gallery-wrapper .custom_next {
        top: auto;
        transform: none;}
    section.ausbildung-gallery .ausbildung-gallery-wrapper .custom_prev {
        left: 0px;}
    section.ausbildung-gallery .ausbildung-gallery-wrapper .custom_next {
        right: 0px;}
}
@media (min-width: 1200px) {
    section.ausbildung-teaser {
        padding: 60px 60px 30px 60px;}
    section.ausbildung-teaser .teaser-with-video .yt-layer {
        width: 33%;}
    section.ausbildung-teaser .teaser-with-video .img-bg {
        width: 33%;}
    section.ausbildung-teaser .teaser-with-video .color-bg {
        width: 66%;}
    section.ausbildung-quotes {
        padding: 30px 60px 30px 60px;}
    section.ausbildung-quotes .quotes-box {
        width: calc(25% - 22.5px);}
    section.ausbildung-quotes .quotes-box .img-bg .quote-txt {
        width: 66%;}
    section.ausbildung-faq {
        padding: 60px 60px 30px 60px;}
    section.ausbildung-faq .faq-acc .accordion .acc-item {
        padding: 30px;}
    section.ausbildung-gallery {
        padding: 15px 60px 60px 60px;}
}
@media (min-width: 1400px) {
    section.ausbildung-quotes .quotes-box .img-bg .quote-txt {
        width: 50%;}
}

/* Restored 2022-layout styles needed by live pages (e.g. /qualitaetsbroschuere):
 * b-new-img-txt / h-triple-img / b-imp FCEs carry real content but their CSS
 * was stranded in the dev-only legacy_2022_layout.css during the v13 CSS split. */
section.h-triple-img.biggermargin {
    margin-bottom: var(--section-margin-home);}
section.h-triple-img .cont-nnn .row > div > div,
section.h-triple-img .cont-nnn .row > div > a > div {
    padding-top: var(--img-ratio-triple);
    background-size: cover;
    background-position: center;
    position: relative;
    margin-bottom: var(--section-margin-home);}
section.h-triple-img .cont-nnn .row > div > div .b-info-text,
section.h-triple-img .cont-nnn .row > div > a > div .b-info-text {
    position: absolute;
    left: var(--img-info-pos);
    bottom: var(--img-info-pos);
    color: var(--txt_color-white);
    text-shadow: var(--txt-shadow);}
section.h-triple-img .cont-nnn .row > div > div .b-info-text span,
section.h-triple-img .cont-nnn .row > div > a > div .b-info-text span {
    font-family: 'Open Sans Italic';
    font-style: italic;
    font-weight: 400;}
section.b-new-img-txt {
    margin-bottom: var(--section-margin-home);}
section.b-new-img-txt .cont-nnn .row > div > .image-one,
section.b-new-img-txt .cont-nnn .row > div > .image-two,
section.b-new-img-txt .cont-nnn .row > div > .image-big {
    position: relative;
    background-size: cover;
    background-position: center;
    -webkit-appearance: none;}
section.b-new-img-txt .cont-nnn .row > div > .image-one,
section.b-new-img-txt .cont-nnn .row > div > .image-two {
    padding-top: var(--img-ratio);}
section.b-new-img-txt .cont-nnn .row > div > .image-big {
    padding-top: var(--img-ratio-big);}
section.b-new-img-txt .cont-nnn .row > div > .image-one {
    margin-bottom: calc(var(--section-margin-home) - 15px);}
section.b-new-img-txt .cont-nnn .row > div > .image-two {
    margin-bottom: var(--section-margin-home);}
section.b-new-img-txt .cont-nnn .row > div > .image-one .b-info-text,
section.b-new-img-txt .cont-nnn .row > div > .image-two .b-info-text,
section.b-new-img-txt .cont-nnn .row > div > .image-big .b-info-text {
    position: absolute;
    left: var(--img-info-pos);
    bottom: var(--img-info-pos);
    color: var(--txt_color-white);
    text-shadow: var(--txt-shadow);}
section.b-new-img-txt .cont-nnn .row > div > .image-one .b-info-text span,
section.b-new-img-txt .cont-nnn .row > div > .image-two .b-info-text span,
section.b-new-img-txt .cont-nnn .row > div > .image-big .b-info-text span {
    font-family: 'Open Sans Italic';
    font-style: italic;
    font-weight: 400;}
section.b-new-img-txt .cont-nnn .row > div > .main-text {
    margin-bottom: var(--section-margin-home);}
section.b-new-img-txt .cont-nnn .row > div > .main-text p {
    margin-bottom: 0px;}
section.b-new-img-txt .cont-nnn .blue-box {
    background-color: var(--fendt-caravan_blau);
    margin-top: var(--section-margin-home);
    padding: var(--img-info-pos);
    color: var(--txt_color-white);}
section.b-new-img-txt .cont-nnn .blue-box h2 {
    color: var(--txt_color-white);}
section.b-new-img-txt .cont-nnn .blue-box.bbdesktop {
    display: none;}
section.b-imp {
    margin-bottom: 100px;}
section.b-imp .cont-nnn .impressionen-masonry .impressionen-masonry-item-sizer,
section.b-imp .cont-nnn .impressionen-masonry .impressionen-masonry-item {
    width: calc(16.66666% - 75px / 6);}
section.b-imp .cont-nnn .impressionen-masonry .impressionen-masonry-item {
    margin-bottom: 15px;}
section.b-imp .cont-nnn .impressionen-masonry .impressionen-masonry-item img {
    width: 100%;
    height: auto;}
@media (min-width: 768px) {
section.b-new-img-txt .cont-nnn .row > div > .image-big {
        padding-top: 0px;
        height: 100%;}
section.b-new-img-txt .cont-nnn .row > div > .image-two {
        margin-bottom: 0px;}
}
@media (min-width: 1200px) {
section.b-new-img-txt .cont-nnn .row > div > .image-one,
    section.b-new-img-txt .cont-nnn .row > div > .image-two {
        padding-top: 270px;}
section.b-new-img-txt .cont-nnn .blue-box.bbmobile {
        display: none;}
section.b-new-img-txt .cont-nnn .blue-box.bbdesktop {
        display: block;}
section.b-new-img-txt .cont-nnn .blue-box {
        margin-top: 0px;}
section.b-new-img-txt .cont-nnn .blue-box.bbdesktop {
        margin-left: 15%;
        border-left: solid var(--txt_color-white) 15px;
        border-bottom: solid var(--txt_color-white) 15px;}
}