/* Home Slider */
section.h-slider {
    overflow: hidden;
    margin-bottom: var(--section-margin-home);}
section.h-slider .home-header-slider .slick-list .slick-track .h-slider-slide {
    padding-top: var(--img-ratio-home);
    background-position: center;
    background-size: cover;}
section.h-slider .home-header-slider .slick-list .slick-track .h-slider-slide .b-info-text {
    position: absolute;
    left: var(--container-padding);
    bottom: var(--img-info-pos);
    color: var(--txt_color-white);
    text-shadow: var(--txt-shadow);}
section.h-slider .home-header-slider .slick-list .slick-track .h-slider-slide .b-info-text span {
    font-family: 'Open Sans Italic';
    font-style: italic;
    font-weight: 400;}
section.h-slider .cdj-teaser {
    position: absolute;
    right: var(--img-info-pos);
    bottom: 0px;
    box-shadow: var(--txt-shadow);}
section.h-slider .cdj-teaser a {
    display: block;}

/* Home Main Text */
section.h-main-text {
    margin-bottom: calc(var(--section-margin-home) + 30px);}
section.h-main-text .cont-nnn h1 {
    font-family: 'Roboto Black Italic';
    font-style: italic;
    font-weight: 900;
    text-transform: none;
    font-size: var(--h1-size-italic);
    text-align: center;
    line-height: var(--h1-italic-line-height);
    margin-bottom: 30px;}
section.h-main-text .cont-nnn p {
    text-align: center;}

/* Home Video - old */
section.h-vid {
    height: 100vh;
    margin-bottom: var(--section-margin-home);}
section.h-vid .cont-nnn .h-vid-el .videoWrapper .cdj-teaser {
    display: none;}
section.h-vid .cont-nnn .h-vid-el .videoWrapper {
    width: 100%;
    height: 100vh;}
section.h-vid .cont-nnn .h-vid-el iframe.videoIframe,
section.h-vid .cont-nnn .h-vid-el button.videoPoster {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;}
section.h-vid .cont-nnn .h-vid-el button.videoPoster {
    background-size: cover;
    background-position: center;
    -webkit-appearance: none;
    text-align: right;
    padding: 0px;
    border: none;}
section.h-vid .cont-nnn .h-vid-el button.videoPoster h1 {
    color: var(--txt_color-white);
    position: absolute;
    right: var(--container-padding);
    left: var(--container-padding);
    bottom: var(--text-position-bottom);
    margin-bottom: 0px;}
section.h-vid .cont-nnn .h-vid-el .videoWrapper.videoWrapperActive iframe.videoIframe {
    z-index: 500;}
section.h-vid .cont-nnn .h-vid-el .videoWrapper.videoWrapperActive button.videoPoster {
    z-index: 1;
    visibility: hidden;}

/* Home Images Triple */
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;}

/* Home Themen */
section.h-themen {
    height: 120vh;
    margin-bottom: 100px;
    color: var(--txt_color-white);
    padding-top: var(--section-padding-top);
    background-size: auto 60vh;
    background-position: top;
    background-repeat: no-repeat;}
section.h-themen .cont-nnn .h-themen-mobile-box {
    background-image: var(--background-gradient);
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 60vh;
    padding: 30px var(--container-padding) 0px var(--container-padding);}
section.h-themen .cont-nnn .h-themen-mobile-box .h-themen-maininfo h3 {
    display: none;}
section.h-themen .cont-nnn .h-themen-mobile-box .h-themen-maininfo .nnn-btn,
section.h-themen .cont-nnn .h-themen-mobile-box .h-themen-r-links .nnn-btn {
    border-color: var(--txt_color-white);
    color: var(--txt_color-white);
    display: block;
    text-align: left;
    margin-bottom: var(--button-margin);
    width: var(--button-width-fix);
    margin-left: auto;}

/* Home Text Teasers */
section.h-txt-teasers {
    margin-bottom: var(--section-margin-home);}
section.h-txt-teasers .cont-nnn a {
    color: var(--txt_color);
    text-decoration: none;
    display: block;
    margin-bottom: var(--section-margin-home);}
section.h-txt-teasers .cont-nnn a .h-txt-tease-img {
    margin-bottom: 30px;
    padding-top: var(--square-padding);
    background-size: cover;
    background-position: center;}
section.h-txt-teasers .cont-nnn a .h-txt-teasers-link span {
    border-bottom: 1px solid var(--txt_color);
    padding-bottom: 5px;
    padding-right: 10px;}
section.h-txt-teasers .cont-nnn a:hover .h-txt-teasers-link {
    color: var(--fendt-caravan_blau);}
section.h-txt-teasers .cont-nnn a:hover .h-txt-teasers-link span {
    border-color: var(--fendt-caravan_blau);}
section.h-txt-teasers .cont-nnn a:hover .h-txt-teasers-link i {
    position: relative;
    right: -10px;}

/* Home Baureihen Teaser */
section.modelle-teasers {
    margin-bottom: calc(var(--section-margin-home) * 2);
    position: relative;}
section.modelle-teasers .cont-nnn .modelle-teaser-slider .modelle-slide {
    position: relative;}
section.modelle-teasers .cont-nnn .modelle-teaser-slider .modelle-slide .modelle-slide-inner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding-top: var(--img-ratio-triple);
    margin-bottom: 10px;}
section.modelle-teasers .cont-nnn .modelle-teaser-slider-wrapper {
    position: relative;}
section.modelle-teasers .cont-nnn .slider-arrows-nnn {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    width: 100%;
    color: var(--txt_color-white);}
section.modelle-teasers .cont-nnn .slider-arrows-nnn .slick-arrow i {
    font-size: 50px;
    opacity: 0.6;}
section.modelle-teasers .cont-nnn .slider-arrows-nnn .slick-arrow i:hover {
    opacity: 1;}
section.modelle-teasers .cont-nnn .slider-arrows-nnn .slider-arrows-nnn-nxt {
    position: absolute;
    right: 0px;
    top: 0px;}
section.modelle-teasers .cont-nnn .slider-arrows-nnn .slick-arrow i:hover {
    cursor: pointer;}

/* Katalog Teaser - old */
section.k-teaser {
    height: 100vh;
    padding-top: var(--section-padding-top);
    background-size: auto 45vh;
    background-position: top;
    background-repeat: no-repeat;
    margin-bottom: 100px;
    color: var(--txt_color-white);}
section.k-teaser .k-teaser-anfordern {
    margin-top: 30px;}
section.k-teaser .k-teaser-anfordern a.nnn-btn {
    border-color: var(--txt_color-white);
    color: var(--txt_color-white);}
section.k-teaser .k-teaser-dloads {
    background-image: var(--background-gradient);
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 55vh;
    padding: 30px var(--container-padding) 0px var(--container-padding);
    text-align: right;
    color: var(--txt_color-white);}
section.k-teaser .k-teaser-dloads h3 {
    margin-bottom: 30px;}
section.k-teaser .k-teaser-dloads .k-teaser-dloads-main .nnn-btn,
section.k-teaser .k-teaser-dloads .k-teaser-dloads-secondary .nnn-btn {
    border-color: var(--txt_color-white);
    color: var(--txt_color-white);
    display: block;
    text-align: left;
    margin-bottom: var(--button-margin);
    width: var(--button-width-fix);
    margin-left: auto;}

/* Square Teasers */
section.s-teasers {
    margin-bottom: calc(2 * var(--section-margin-home));}
section.s-teasers .cont-nnn .row > div {
    margin-bottom: 50px;}
section.s-teasers .cont-nnn .row > div .square-teaser {
    position: relative;
    padding-top: var(--square-padding);
    background-size: cover;
    background-position: center;
    margin-bottom: var(--img-txt-pos);}
section.s-teasers .cont-nnn .row > div .square-teaser h2 {
    position: absolute;
    top: var(--img-txt-pos);
    left: var(--img-txt-pos);}

/* Baureihen Sub Header - Video Part - also used in 2023 Home Header */
section.b-vid {
    margin-bottom: var(--section-margin-home);}
section.b-vid .cont-nnn .b-vid-el {
    padding-top: var(--img-ratio);}
section.b-vid .cont-nnn .b-vid-el button.videoPoster {
    width: calc(100% - 2 * var(--container-padding));
    height: 100%;
    position: absolute;
    top: 0px;
    left: var(--container-padding);
    right: var(--container-padding);
    bottom: 0px;
    background-size: cover;
    background-position: center;
    -webkit-appearance: none;
    text-align: right;
    padding: 0px;
    border: none;}
section.b-vid .cont-nnn .b-vid-el button.videoPoster h2,
section.b-vid .cont-nnn .b-vid-el button.videoPoster .b-info-text {
    position: absolute;}
section.b-vid .cont-nnn .b-vid-el button.videoPoster h2 {
    top: var(--img-txt-pos);
    right: var(--img-txt-pos);
    z-index: 10;}
section.b-vid .cont-nnn .b-vid-el button.videoPoster h2.lefttop {
    left: var(--img-txt-pos);
    right: auto;
    text-align: left;}
section.b-vid .cont-nnn .b-vid-el button.videoPoster .b-info-text {
    left: var(--img-info-pos);
    bottom: var(--img-info-pos);
    color: var(--txt_color-white);
    text-shadow: var(--txt-shadow);}
section.b-vid .cont-nnn .b-vid-el button.videoPoster .b-info-text span {
    font-family: 'Open Sans Italic';
    font-style: italic;
    font-weight: 400;}
section.b-vid .cont-nnn .b-vid-el button.videoPoster .play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;}
section.b-vid .cont-nnn .b-vid-el button.videoPoster .play-icon i {
    color: var(--txt_color-white);
    font-size: 42px;
    text-shadow: var(--txt-shadow);}

/* Video modal — moved to elements.css 2026-05-15 (this file is scoped to
   dev preview page uid=1378 via a TS condition; the modal opens from any
   page so the rules need to load globally). */

/* 2023 new - Bauhreihen Image Text Element */
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;}


/* 2023 new - Bauhreihen Austattung */
section.b-austattung {
    margin-top: calc(2 * var(--section-margin-home));
    margin-bottom: calc(2 * var(--section-margin-home));}
section.b-austattung .cont-nnn h4.plain-subline {
    margin-bottom: 30px;}
section.b-austattung .cont-nnn .row > div > ul {
    padding-left: 20px;}
section.b-austattung .cont-nnn .subinfo {
    margin-top: 30px;}
section.b-austattung .cont-nnn .subinfo p {
    text-align: center;
    font-family: 'Open Sans Italic';
    font-style: italic;
    font-weight: 400;}

/* Baureihen Text Media */
section.b-txtMedia .cont-nnn .row .bs-col .b-txtMedia-txt h2 {
    margin-bottom: var(--h2-subpage-margin);
    margin-top: 50px;}
section.b-txtMedia .cont-nnn .row .bs-col.media-col .b-txtMedia-media-container {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;}
section.b-txtMedia .cont-nnn .row .bs-col.media-col .b-txtMedia-media-container .b-txtMedia-media .slick-list .slick-track .b-txtMedia-media-el .b-txtMedia-media-el-img {
    padding-top: 60%;
    background-size: cover;
    background-position: center;
    width: 100%;}
section.b-txtMedia .cont-nnn .row .bs-col.media-col .b-txtMedia-media-container .slider-arrows-nnn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;}
section.b-txtMedia .cont-nnn .row .bs-col.media-col .b-txtMedia-media-container .slider-arrows-nnn .slider-arrows-nnn-nxt {
    position: absolute;
    right: 0px;
    top: 0px;}
section.b-txtMedia .cont-nnn .row .bs-col.media-col .b-txtMedia-media-container .slider-arrows-nnn .slick-arrow i:hover {
    cursor: pointer;}
section.b-txtMedia .cont-nnn .row .bs-col.media-col .b-txtMedia-media-container .slider-arrows-nnn .slick-arrow.slick-disabled i:hover {
    cursor: auto;}

/* 2023 - Image & Buttons — moved to elements.css 2026-05-14 (this file is
   scoped to dev preview page uid=1378 via a TS condition; the rules are
   needed on production-equivalent pages like /caravan-modell). */

/* masonry Impressionen */
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;}

/* subpage Header */
section.s-header {
    height: 540px;
    margin-bottom: 100px;
    color: var(--txt_color-white);
    background-position: center;
    background-size: cover;}
section.s-header.s-header-full {
    height: 100vh;}
section.s-header.s-header-half {
    height: 50vh;}
section.s-header .cont-nnn .s-header-text {
    position: absolute;
    text-align: right;
    right: var(--container-padding);
    left: var(--container-padding);
    bottom: var(--subpage-text-position-bottom);}

/* subpage Text table styling frame */
.frame-layout-1 section.s-txt .cont-nnn  div {
    width: 100%;
    overflow: auto;}
.frame-layout-1 section.s-txt .cont-nnn  div  table.contenttable {
    margin-left: calc(50% + var(--container-padding));
    width: auto;}
.frame-layout-1 section.s-txt .cont-nnn  div  table.contenttable tbody tr td {
    padding: 5px 15px;
    border-right: 1px solid var(--txt_color-white);
    white-space: nowrap;}
.frame-layout-1 section.s-txt .cont-nnn  div  table.contenttable tbody tr td:first-child {
    position: absolute;
    width: 50%;
    margin-left: -50%;
    left: calc(50% + var(--container-padding));}
.frame-layout-1 section.s-txt .cont-nnn  div  table.contenttable tbody tr:nth-child(odd) td {
    background: var(--light-grey);}
.frame-layout-1 section.s-txt .cont-nnn  div  table.contenttable tbody tr:nth-child(even) td {
    background: var(--txt_color-white);}

/* Awards */
section.b-awards {
    height: 100vh;
    padding-top: var(--section-padding-top);
    background-position: center;
    background-size: cover;
    margin-bottom: 100px;}
section.b-awards h3 {
    color: var(--txt_color-white);}
section.b-awards .b-awards-links {
    position: absolute;
    right: var(--container-padding);
    left: var(--container-padding);
    bottom: var(--text-position-bottom);
    margin-bottom: 0px;}
section.b-awards .b-awards-links .nnn-btn {
    border-color: var(--txt_color-white);
    color: var(--txt_color-white);
    display: block;
    text-align: left;
    margin-bottom: var(--button-margin);
    width: var(--button-width-fix);
    margin-left: auto;}
section.b-awards .b-awards-links .nnn-btn:hover {
    background-color: var(--fendt-caravan_blau);}

/* youtube iframe */
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%;}

/* tv teasers */
/* .iframe-aspectratio rules moved to elements.css 2026-06-22 — they style the
 * live /aktuelles/fendt-caravan-tv page, not just the dev-2022-layout preview. */
section.tv-teasers .cont-nnn a.button {
    display: block;
    width: var(--button-width-fit);
    margin-top: var(--button-margin);
    margin-bottom: 50px;}

/* Katalog Formular CSS moved to form.css (which is loaded on every page,
 * not just the dev-2022-layout preview page) — those rules are needed on
 * the production-equivalent /kataloge-anfordern and /caravan-modell pages. */

/* Baureihen Übersicht */
section.baureihen-overview {
    margin-bottom: 100px;}
section.baureihen-overview .cont-nnn a.baureihe-teaser-box {
    display: block;}
section.baureihen-overview .cont-nnn a.baureihe-teaser-box {
    color: var(--txt_color-white);
    text-decoration: none;}
section.baureihen-overview .cont-nnn a.baureihe-teaser-box .baureihe-teaser-img {
    padding-top: 40%;
    background-position: center;
    background-size: cover;
    position: relative;}
section.baureihen-overview .cont-nnn a.baureihe-teaser-box .baureihe-teaser-img h2 {
    position: absolute;
    left: var(--img-txt-pos);
    bottom: var(--img-txt-pos);
    color: var(--txt_color-white);
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: var(--txt-shadow);
    z-index: 5;
    margin-bottom: 0px;}
section.baureihen-overview .cont-nnn a.baureihe-teaser-box .baureihe-teaser-img p {
    position: absolute;
    right: var(--img-info-pos);
    top: var(--img-info-pos);
    font-family: 'Roboto Black Italic';
    font-style: italic;
    font-weight: 900;
    color: var(--full-black);}
section.baureihen-overview .cont-nnn a.baureihe-teaser-box .baureihe-teaser-info {
    color: var(--txt_color);
    text-align: center;
    margin-top: 15px;}
section.baureihen-overview .cont-nnn a.baureihe-teaser-box .baureihe-teaser-info img {
    width: 65%;
    height: auto;}
section.baureihen-overview .cont-nnn a.baureihe-teaser-box .baureihe-teaser-info p {
    font-size: var(--page-font-medium);}
section.baureihen-overview .cont-nnn .baureihe-below-teaser {
    margin-bottom: 50px;}
section.baureihen-overview .cont-nnn .baureihe-below-teaser a.button {
    display: block;}

/* Subpage Übersicht — moved to elements.css 2026-05-14 (this file is
   scoped to dev preview page uid=1378 via a TS condition; the rules are
   needed on production-equivalent pages like /aktuelles/koenig-kunde). */

/* model presentation forms - BEGIN */
.frame-type-form_formframework.frame-layout-1 form {
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);}
.tx-formcreator.nnn-modelpresentation-form,
.frame-type-form_formframework.frame-layout-1 form {
    margin-bottom: 100px;
    padding-top: 15px;}
.tx-formcreator.nnn-modelpresentation-form .cont-nnn form .show-form .container {
    width: 100%;
    max-width: 100%;
    padding: 0px;}
.tx-formcreator.nnn-modelpresentation-form .cont-nnn form .show-form .container .row {
    margin: 0px;}
.tx-formcreator.nnn-modelpresentation-form .cont-nnn form .show-form .container .row>* {
    margin: 0px;
    padding: 0px;}
.tx-formcreator.nnn-modelpresentation-form .cont-nnn form .show-form .container .row .form-field,
.frame-type-form_formframework.frame-layout-1 form .form-group {
    margin-bottom: var(--button-margin);}
.tx-formcreator.nnn-modelpresentation-form .cont-nnn form .show-form .container .row .form-field .input label,
.tx-formcreator.nnn-modelpresentation-form .cont-nnn form .show-form .container .row .form-field .html label,
.frame-type-form_formframework.frame-layout-1 form .form-group label {
    margin-bottom: 10px;}
.frame-type-form_formframework.frame-layout-1 form fieldset .form-group {
    margin-bottom: 0px;}
.frame-type-form_formframework.frame-layout-1 form fieldset .form-group:not(:first-child) {
    margin-top: -16px;}
.frame-type-form_formframework.frame-layout-1 form .form-group label {
    font-weight: bold;}
.tx-formcreator.nnn-modelpresentation-form .cont-nnn form .show-form .container .row .form-field .input input,
.tx-formcreator.nnn-modelpresentation-form .cont-nnn form .show-form .container .row .form-field .html select,
.tx-formcreator.nnn-modelpresentation-form .cont-nnn form .show-form .container .row .form-field .input textarea,
.frame-layout-1 .tx-felogin-pi1 form fieldset div input,
.frame-type-form_formframework.frame-layout-1 form .form-group .input input,
.frame-type-form_formframework.frame-layout-1 form .form-group .input select,
.frame-type-form_formframework.frame-layout-1 form .form-group .input textarea {
    border: 2px solid var(--txt_color);
    width: 100%!important;
    padding: 10px 20px;
    display: block;
    border-radius: 0px;}
.frame-type-form_formframework.frame-layout-1 form .form-group .input .input .inputs-list .form-group .radio {
    display: inline-block;
    margin-right: 30px;}
.frame-type-form_formframework.frame-layout-1 form .form-group .input .input .inputs-list .form-group .radio label input[type=radio] {
    width: 1em!important;
    padding: 0px;
    display: inline-block;
    border-radius: 50%;
    margin-top: 3px;}
.frame-type-form_formframework.frame-layout-1 form .form-group .input .input .inputs-list .form-group .radio label span {
    font-weight: normal;
    display: inline-block;
    padding-left: 10px;}
.frame-type-form_formframework.frame-layout-1 form .form-group .input select option[disabled] {
    background-color: var(--light-grey);}
.tx-formcreator.nnn-modelpresentation-form .cont-nnn form .show-form .container .row .form-field.nnn-checkbox-fix {
    margin-bottom: 0px;}
.frame-type-form_formframework.frame-layout-1 form .form-group .input.checkbox .inputs-list .form-check {
    padding-left: 0px;}
.frame-type-form_formframework.frame-layout-1 form .form-group .input.checkbox .inputs-list .form-check label.form-check-label {
    display: block;}
.tx-formcreator.nnn-modelpresentation-form .cont-nnn form .show-form .container .row .form-field.nnn-checkbox-fix .html div input[type=checkbox],
.frame-type-form_formframework.frame-layout-1 form .form-group .input.checkbox .inputs-list .form-check label.form-check-label input[type=checkbox] {
    float: left;
    margin-top: 6px;
    margin-right: 5px;}
.frame-type-form_formframework.frame-layout-1 form .form-group .input.checkbox .inputs-list .form-check label.form-check-label input[type=checkbox] {
    width: auto!important;
    margin-top: 4px;}
/* dont show checkbox because of old forms? not needed anymore?
.frame-type-form_formframework.frame-layout-1 form .form-group .input.checkbox .inputs-list .form-check:first-child {
    display: none;}
.page-1383 .frame-type-form_formframework.frame-layout-1 form .form-group .input.checkbox .inputs-list .form-check:first-child {
    display: block;}
*/
.frame-type-form_formframework.frame-layout-1 form .form-group .input.checkbox .inputs-list.show_first .form-check:first-child {
    display: block;}
.frame-type-form_formframework.frame-layout-1 form .form-group .input.checkbox .inputs-list .form-check label.form-check-label span {
    font-weight: normal;}
.tx-formcreator.nnn-modelpresentation-form .cont-nnn form .show-form .container .row .form-field.nnn-checkbox-fix .html div input[type=checkbox]:after,
.frame-type-form_formframework.frame-layout-1 form .form-group .input.checkbox .inputs-list .form-check label.form-check-label input[type=checkbox]:after {
    clear: both;
    display: block;
    width: 100%;
    content: '';}
.tx-formcreator.nnn-modelpresentation-form .cont-nnn form .show-form .container .row .form-field .input h3 {
    margin-top: 50px;}
.frame-type-form_formframework.frame-layout-1 form .clearfix {
    margin-bottom: 45px;}
.tx-formcreator.nnn-modelpresentation-form .cont-nnn form .show-form input[type=submit],
.frame-layout-1 .tx-felogin-pi1 form fieldset div input[type=submit],
.frame-type-form_formframework.frame-layout-1 form .actions nav.form-navigation .btn-toolbar .btn-group .btn-group.next.submit button.btn.btn-primary[type=submit] {
    margin-bottom: 15px;
    color: var(--txt_color-white);
    background: var(--fendt-caravan_blau);
    border: none;}
/* model presentation forms - END */

/* Baureihe Text Media and Subpage Text version for Links with Logos - BEGIN */
section.b-txtMedia.logo,
section.s-txt.link {
    margin-bottom: 50px;}
section.b-txtMedia.logo .cont-nnn .row .bs-col .b-txtMedia-txt h2,
section.s-txt.link .cont-nnn h2 {
    font-size: 30px;}
section.b-txtMedia.logo .cont-nnn .row .bs-col .b-txtMedia-txt p,
section.s-txt.link .cont-nnn > div > p {
    font-size: 18px;}
section.b-txtMedia.logo .cont-nnn .row .media-col .b-txtMedia-media-container {
    margin-top: 0px;}
section.b-txtMedia.logo .cont-nnn .row .media-col .b-txtMedia-media-container .b-txtMedia-media .slick-list .slick-track .b-txtMedia-media-el img {
    max-width: 100%;
    width: auto;
    max-height: 100px;
    height: auto;}
section.b-txtMedia.logo .cont-nnn .row .bs-col .b-txtMedia-txt p a.nnn-btn,
section.s-txt.link .cont-nnn p a.nnn-btn {
    display: inline-block;}
section.b-txtMedia.logo .cont-nnn .row .bs-col .b-txtMedia-txt p a.nnn-btn,
section.s-txt.link .cont-nnn > div > p:last-child {
    margin-bottom: 0px;}
/* Baureihe Text Media and Subpage Text version for Links with Logos - END */

/* fix lightbox Icons (e.g. History subpage) - BEGIN */
section.lightbox-img-fix {
    margin-bottom: 50px;}
.lg-outer .lg .lg-icon {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;}
.lg-outer .lg .lg-actions .lg-icon.lg-next:before {
    content: "\F27B";}
.lg-outer .lg .lg-actions .lg-icon.lg-prev:before {
    content: "\F27A";}
.lg-outer .lg .lg-thumb-outer .lg-icon.lg-toogle-thumb:after {
    content: "\F226";}
.lg-outer .lg .lg-toolbar .lg-icon.lg-fullscreen:after {
    content: "\F14A";}
.lg-outer .lg .lg-toolbar .lg-icon.lg-autoplay-button:after {
    content: "\F2CB";}
.lg-outer .lg .lg-toolbar .lg-icon.lg-download:after {
    content: "\F30A";}
.lg-outer .lg .lg-toolbar .lg-icon.lg-close:after {
    content: "\F659";}
.lg-outer .lg .lg-toolbar #lg-actual-size,
.lg-outer .lg .lg-toolbar #lg-zoom-out,
.lg-outer .lg .lg-toolbar #lg-zoom-in,
.lg-outer .lg .lg-toolbar #lg-share {
    display: none;}
/* fix lightbox Icons (e.g. History subpage) - END */

.submenu {
    margin-bottom: 100px;}

.frame-layout-1 .tx-felogin-pi1 {
    width: 100%;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);}
.frame-layout-1 .tx-felogin-pi1 form {
    margin-top: 50px;}
.frame-layout-1 .tx-felogin-pi1 form fieldset div input[type=submit] {
    margin-top: 30px;
    width: auto!important;
    display: inline-block;}

/* Ausbildungsseite - BEGIN — moved to elements.css 2026-06-22 (loaded site-wide, like v11/prod 2022_css/elements.css) */
/* Ausbildungsseite - END */

/* Kaufberater Styles / media-two-col / wide-media-left / media-fullwidth
   blocks — moved to elements.css 2026-05-16 (this file is dev-page-1378-
   scoped via TS; those rules need to load globally). */




@media (min-width: 576px) {

    /* Home Baureihen Teaser */
    section.modelle-teasers .cont-nnn .modelle-teaser-slider-wrapper {
        margin-left: -15px;
        margin-right: -15px;}
    section.modelle-teasers .cont-nnn .modelle-teaser-slider-wrapper .modelle-teaser-slider .slick-list .slick-track .modelle-slide {
        padding-left: 15px;
        padding-right: 15px;}

    /* Baureihen Sub Header - Video Part */
    section.b-vid .cont-nnn .b-vid-el button.videoPoster .play-icon i {
        font-size: 58px;}

    /* Baureihen Text Media */
    section.b-txtMedia .cont-nnn .row .bs-col.media-col .b-txtMedia-media-container .slider-arrows-nnn .slick-arrow i {
        font-size: 50px;
        opacity: 0.6;}
    section.b-txtMedia .cont-nnn .row .bs-col.media-col .b-txtMedia-media-container .slider-arrows-nnn .slick-arrow i:hover {
        opacity: 1;}

    /* Baureihen Grundriss / altes Element aufbereitet */
    section.modell-grundrisse .cont-nnn .article-details .item .item-border .details-car .icon {
        width: 33%;}
    section.modell-grundrisse .cont-nnn .article-details .item .item-border .details-car .icon:first-child {
        float: left;}

    /* Subpage Übersicht — moved to elements.css 2026-05-14. */
}

@media (min-width: 768px) {

    /* Home Video */
    .de section.h-vid .cont-nnn .h-vid-el .videoWrapper .cdj-teaser {
        display: block;
        z-index: 400;
        position: absolute;
        bottom: 30px;
        left: 30px;}
    .de section.h-vid .cont-nnn .h-vid-el .videoWrapper .cdj-teaser a img.cdj-teaser-mobile {
        display: block;}
    .de section.h-vid .cont-nnn .h-vid-el .videoWrapper .cdj-teaser a img.cdj-teaser-desktop {
        display: none;}

    /* Home Baureihen */
    section.h-bau .h-bau-slider {
        height: 100vh;}
    section.h-bau .h-bau-slider .slick-list .slick-track .bau-slide {
        background-size: cover;}
    section.h-bau .h-bau-slider-custom-dots ul.slick-dots li button {
        padding: 3px 5px;}
    section.h-bau .h-bau-slider .slick-list .slick-track .bau-slide .bau-txtbox {
        height: auto;
        bottom: 200px;}
    section.h-bau .h-bau-slider .slick-list .slick-track .bau-slide .bau-txtbox .bau-links:after {
        display: block;
        content: '';
        clear: both;}
    section.h-bau .h-bau-slider .slick-list .slick-track .bau-slide .bau-txtbox .bau-links .nnn-btn {
        float: right;
        margin-left: var(--button-margin);}
    section.h-bau .h-bau-slider-custom-dots {
        bottom: 100px;
        margin-bottom: 0px;}

    /* Home Themen */
    section.h-themen {
        background-size: cover;
        height: 100vh;}
    section.h-themen .cont-nnn .h-themen-mobile-box .h-themen-maininfo {
        width: 45%;
        position: absolute;
        bottom: var(--text-position-bottom);
        left: var(--container-padding);
        z-index: 5;}
    section.h-themen .cont-nnn .h-themen-main {
        width: calc(100% - var(--button-width-fix) - var(--container-padding));}
    section.h-themen .cont-nnn .h-themen-main h2 {
        line-height: var(--page-line-height);}
    section.h-themen .cont-nnn .h-themen-mobile-box .h-themen-maininfo h3 {
        display: block;
        margin-bottom: 30px;
        line-height: var(--page-line-height);}
    section.h-themen .cont-nnn .h-themen-mobile-box .h-themen-maininfo .nnn-btn {
        margin-left: 0px;
        width: var(--button-width-fit);}
    section.h-themen .cont-nnn .h-themen-mobile-box .h-themen-r-links {
        position: absolute;
        bottom: var(--text-position-bottom);
        right: var(--container-padding);
        width: calc(100% - 2 * var(--container-padding));}

    /* Home Baureihen Teaser */
    section.modelle-teasers .cont-nnn .modelle-teaser-slider-wrapper {
        margin-right: calc(var(--bs-gutter-x) * .5 * -1);
        margin-left: calc(var(--bs-gutter-x) * .5 * -1);}
    section.modelle-teasers .cont-nnn .modelle-teaser-slider-wrapper .modelle-teaser-slider .slick-list .slick-track .modelle-slide {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);}
    section.modelle-teasers .cont-nnn .slider-arrows-nnn {
        height: 50px;}
    section.modelle-teasers .cont-nnn .slider-arrows-nnn .slider-arrows-nnn-prv {
        left: 20px;
        position: absolute;}
    section.modelle-teasers .cont-nnn .slider-arrows-nnn .slider-arrows-nnn-nxt {
        right: 20px;}

    /* Katalog Teaser */
    section.k-teaser {
        background-size: cover;
        background-position: center;}
    section.k-teaser .k-teaser-dloads {
        height: auto;
        bottom: var(--text-position-bottom);}
    section.k-teaser .k-teaser-dloads h3 {
        width: 80%;
        margin-left: auto;}
    section.k-teaser .k-teaser-dloads .k-teaser-dloads-main:after {
        display: block;
        content: '';
        clear: both;}
    section.k-teaser .k-teaser-dloads .k-teaser-dloads-main .nnn-btn {
        float: right;
        margin-left: var(--button-margin);}
    section.k-teaser .k-teaser-dloads .k-teaser-dloads-main .nnn-btn,
    section.k-teaser .k-teaser-dloads .k-teaser-dloads-secondary .nnn-btn {
        width: var(--button-width-fit);}

    /* Square Teasers */
    section.s-teasers .square-teaser a:hover .nnn-btn {
        background-color: var(--fendt-caravan_blau);}

    /* Baureihen Sub Header */
    section.b-header .b-header-info {
    top: 45vh;}

    /* Baureihen Sub Header - Video Part */
    section.b-vid .cont-nnn .b-vid-el button.videoPoster .play-icon i {
        font-size: 94px;}

    /* 2023 new - Bauhreihen Image Text Element */
    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;}

    /* 2023 - Image & Buttons — moved to elements.css 2026-05-14 (see top-of-file note). */

    /* Baureihen Text Media */
    section.b-txtMedia.first {
        margin-bottom: 30px;}
    section.b-txtMedia .cont-nnn .row .bs-col .b-txtMedia-txt {
        padding-top: 30px;
        margin-bottom: 30px;}
    section.b-txtMedia .cont-nnn .row .bs-col .b-txtMedia-txt h2 {
        margin-top: 0px;}
    section.b-txtMedia .cont-nnn .row .bs-col.media-col .b-txtMedia-media-container {
        margin-top: 0px;
        margin-bottom: 0px;
        height: 100%;
        padding-bottom: 30px;}
    section.b-txtMedia .cont-nnn .row .bs-col.media-col .b-txtMedia-media-container .b-txtMedia-media {
        height: 100%;}
    section.b-txtMedia .cont-nnn .row .bs-col.media-col .b-txtMedia-media-container .b-txtMedia-media .slick-list {
        height: 100%;}
    section.b-txtMedia .cont-nnn .row .bs-col.media-col .b-txtMedia-media-container .b-txtMedia-media .slick-list .slick-track {
        height: 100%;}
    section.b-txtMedia .cont-nnn .row .bs-col.media-col .b-txtMedia-media-container .b-txtMedia-media .slick-list .slick-track .b-txtMedia-media-el {
        height: 100%;}
    section.b-txtMedia .cont-nnn .row .bs-col.media-col .b-txtMedia-media-container .b-txtMedia-media .slick-list .slick-track .b-txtMedia-media-el .b-txtMedia-media-el-img {
        padding-top: 0px;
        height: 100%;}

    /* subpage Text */
    section.s-txt {
        padding-bottom: 0px;}
    section.s-txt .cont-nnn h2 {
        padding-top: 0px;}
    /* subpage Text table styling frame */
    .frame-layout-1 section.s-txt .cont-nnn div table.contenttable {
        margin-left: calc(33% + var(--container-padding));}
    .frame-layout-1 section.s-txt .cont-nnn div table.contenttable tbody tr td:first-child {
        width: 33%;
        margin-left: -33%;
        left: calc(33% + var(--container-padding));}

    /* Subpage Übersicht — moved to elements.css 2026-05-14. */

    /* Katalog Formular */
    input#fachhandelspartner {
        vertical-align: top;
        margin-top: 7px;}
    label[for=fachhandelspartner] {
        width: 90%;}
    label[for=aufmerksam] {
        margin-bottom: 1rem;}
    section.catalougue-form .tx-form form fieldset .anfordern-extra .type-check-katalog input.kataloge {
        margin-top: 7px;}

    /* Baureihe Text Media and Subpage Text version for Links with Logos - BEGIN */
    section.b-txtMedia.logo .cont-nnn .row .bs-col .b-txtMedia-txt,
    section.b-txtMedia.logo .cont-nnn .row .bs-col .b-txtMedia-txt > p:last-child {
        margin-bottom: 0px;}
    /* Baureihe Text Media and Subpage Text version for Links with Logos - END */

    /* Ausbildungsseite - BEGIN — moved to elements.css 2026-06-22 (loaded site-wide, like v11/prod 2022_css/elements.css) */
    /* Ausbildungsseite - END */

}

@media (min-width: 992px) {

    /* video modal — moved to elements.css 2026-05-15. */

    /* Home Baureihen */
    section.h-bau .h-bau-slider .slick-list .slick-track .bau-slide .bau-txtbox {
        bottom: 280px;}
    section.h-bau .h-bau-slider .slick-list .slick-track .bau-slide .bau-txtbox .bau-links .nnn-btn {
        max-width: var(--button-width-fix);}

    /* Home Baureihen Teaser */
    section.modelle-teasers .cont-nnn .modelle-teaser-slider-wrapper {
        margin-left: 0px;
        margin-right: 0px;}
    section.modelle-teasers .cont-nnn .modelle-teaser-slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: stretch;}
    section.modelle-teasers .cont-nnn .modelle-teaser-slider .modelle-slide {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
        max-width: 20%;}
    section.modelle-teasers .cont-nnn .modelle-teaser-slider .modelle-slide .modelle-slide-inner {
        padding-top: 260px;}
    section.modelle-teasers .cont-nnn .modelle-teaser-slider .modelle-slide .modelle-slide-inner a {
        display: none;}
    section.modelle-teasers .cont-nnn .modelle-teaser-slider .modelle-slide:hover {
        flex-grow: 5;
        max-width: none;}
    section.modelle-teasers .cont-nnn .modelle-teaser-slider .modelle-slide a.button-2023 {
        margin-right: 5px;
        margin-left: 5px;}
    section.modelle-teasers .cont-nnn .slider-arrows-nnn {
        display: none;}

    section.modelle-teasers .cont-nnn .modelle-teaser-slider .modelle-slide:hover .modelle-slide-inner:before {
        background: rgba(0, 0, 0, 0.1);}

    /* Katalog Teaser */
    section.k-teaser .k-teaser-dloads h3 {
        width: 60%;}

    /* Square Teasers */
    section.s-teasers .square-teaser {
        padding-top: 50%;}

    /* subpage Text table styling frame */
    .frame-layout-1 section.s-txt .cont-nnn div table.contenttable {
        margin-left: calc(25% + var(--container-padding));}
    .frame-layout-1 section.s-txt .cont-nnn div table.contenttable tbody tr td:first-child {
        width: 25%;
        margin-left: -25%;
        left: calc(25% + var(--container-padding));}

    /* Ausbildungsseite - BEGIN — moved to elements.css 2026-06-22 (loaded site-wide, like v11/prod 2022_css/elements.css) */
    /* Ausbildungsseite - END */

    section.catalougue-form .header-catalougue {
        height: 500px;}

    section.h-txt-teasers .cont-nnn .col-lg-12 a .h-txt-tease-img {
        padding-top: 40%;}
}

@media (min-width: 1200px) {

    /* Home Video */
    .de section.h-vid .cont-nnn .h-vid-el .videoWrapper .cdj-teaser {
        bottom: 50px;
        left: 50px;}
    .de section.h-vid .cont-nnn .h-vid-el .videoWrapper .cdj-teaser a img.cdj-teaser-mobile {
        display: none;}
    .de section.h-vid .cont-nnn .h-vid-el .videoWrapper .cdj-teaser a img.cdj-teaser-desktop {
        display: block;
        max-width: 90%;}

    /* video modal — moved to elements.css 2026-05-15. */

    /* Home Main Text */
    section.h-main-text .cont-nnn h1,
    section.h-main-text .cont-nnn p {
        max-width: 936px;
        margin-left: auto;
        margin-right: auto;}

    /* Home Baureihen Teaser */
    section.modelle-teasers .cont-nnn .modelle-teaser-slider .modelle-slide .modelle-slide-inner {
        padding-top: 330px;}

    /* Katalog Teaser */
    section.h-bau .h-bau-slider .slick-list .slick-track .bau-slide .bau-txtbox  {
        left: auto;
        width: 1000px;}

    /* subpage Header */
    section.s-header.s-header-half {
        height: 69vh;}

    /* Subpage Übersicht — moved to elements.css 2026-05-14. */

    /* 2023 new - Bauhreihen Image Text Element */
    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;}

    /* model presentation forms */
    .tx-formcreator.nnn-modelpresentation-form .cont-nnn form .show-form .container .row .form-field.nnn-checkbox-fix .html div input[type=checkbox] {
        margin-top: 9px;}

    /* Ausbildungsseite - BEGIN — moved to elements.css 2026-06-22 (loaded site-wide, like v11/prod 2022_css/elements.css) */
    /* Ausbildungsseite - END */

}

@media (min-width: 1400px) {

    /* Home Video */
    .de section.h-vid .cont-nnn .h-vid-el .videoWrapper .cdj-teaser a img.cdj-teaser-desktop {
        max-width: 100%;}

    /* Home Baureihen */
    section.h-bau .h-bau-slider .slick-list .slick-track .bau-slide .bau-txtbox {
        width: 1020px;
        right: 0px;
        left: auto;}

    /* Home Baureihen Teaser */
    section.modelle-teasers .cont-nnn .modelle-teaser-slider .modelle-slide:hover {
        flex-grow: 3;}
    section.modelle-teasers .cont-nnn .modelle-teaser-slider .modelle-slide .modelle-slide-inner {
        padding-top: 420px;}

    /* Square Teasers */
    section.s-teasers .square-teaser {
        padding-top: var(--square-padding);}

    /* Baureihen Übersicht */
    section.baureihen-overview .cont-nnn .baureihe-below-teaser a.button {
        display: block;
        margin-top: var(--button-margin);
        width: var(--button-width-fit);}

    /* Ausbildungsseite - BEGIN — moved to elements.css 2026-06-22 (loaded site-wide, like v11/prod 2022_css/elements.css) */
    /* Ausbildungsseite - END */

}

@media (min-width: 1900px) and (min-height: 800px) {

    /* Home Themen */
    section.h-themen .cont-nnn .h-themen-main {
        width: 100%;}
    section.h-themen .cont-nnn .h-themen-main h2 {
        line-height: var(--h1-line-height);}

}