/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
    font-family: 'Open Sans Italic';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/open-sans-v29-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/open-sans-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/open-sans-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/open-sans-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/open-sans-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/open-sans-v29-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
    font-family: 'Roboto Black Italic';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/roboto-v30-latin-900italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/roboto-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v30-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-v30-latin-900italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-v30-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-v30-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
    src: url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Medium';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
    src: url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Bold';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body, html {
    height: 100%;
    width: 100%;
    margin: 0;
    font-size: var(--page-font-size);
    line-height: var(--page-line-height);
    color: var(--txt_color);
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: 300;}
strong, b {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: 700;}

h1, h2, h3, h4, h5, h6 {
    color: var(--txt_color);}
h1 {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: 400;
    font-size: var(--h1-size);
    color: var(--txt_color-white);}
h2 {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: 400;
    font-size: var(--h2-size);
    color: var(--txt_color-white);}
h3 {
    font-family: 'Roboto Bold';
    font-style: normal;
    font-weight: 700;
    font-size: var(--h3-size);
    color: var(--txt_color-white);}

h2.bigger-italic-style {
    font-size: var(--h4-size);
    text-align: center;
    margin-bottom: 50px;}
h2.bigger-italic-style span {
    font-size: var(--h3-size);}

h4 {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: 400;
    font-size: var(--h4-size);}

.small-text {
    font-size: var(--page-font-small);
    color: var(--txt_color-light);}

.b-txtMedia .b-txtMedia-txt ul,
.s-txt ul {
    list-style-type: none;
    padding-left: 0px;}
.b-txtMedia .b-txtMedia-txt ul li,
.s-txt ul li {
    position: relative;
    padding-left: 20px;}
.b-txtMedia .b-txtMedia-txt ul li:before,
.s-txt ul li:before {
    width: 10px;
    height: 2px;
    background-color: var(--txt_color);
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 15px;}

a {
    color: var(--fendt-caravan_blau);}

/* utilyties */
section .scroll100vh {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0);
    cursor: pointer;
    z-index: 501;}
section .scroll100vh i {
    color: var(--light-white);
    font-size: 20px;
    height: 100%;
    display: block;
    transition:         all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition:    all 0.2s ease;
    -ms-transition:     all 0.2s ease;
    -o-transition:      all 0.2s ease;}
section .scroll100vh i:hover {
    color: var(--txt_color-white);}
section .scroll100vh i:before {
    vertical-align: 0;}

.frame-space-before-medium {
    margin-top: 170px;}

/* Buttons 2024 */
.button-2024,
a.button-2024 {
    text-decoration: none;
    color: var(--txt_color);
    display: inline-block;
    border: none;
    border-radius: 4px;
    padding: 5px 50px 8px 50px;
    font-family: 'Roboto Medium';
    font-style: normal;
    font-weight: 500;
    border: transparent 2px solid;}
.light-2024,
a.light-2024 {
    color: var(--txt_color-white);
    background: transparent;
    border: 1px solid var(--txt_color-white)}
.light-2024:hover,
a.light-2024:hover {
    background: var(--txt_color-white);}
.dark-2024,
a.dark-2024 {
    color: var(--txt_color-white);
    background: var(--light-grey);}
.dark-2024:hover,
a.dark-2024:hover {
    background: var(--txt_color);}
.outline-2024,
a.outline-2024 {
    color: var(--txt_color-white);
    background: transparent;
    border: var(--txt_color-white) 2px solid;}
.outline-2024:hover,
a.outline-2024:hover {
    background: var(--txt_color-white);
    color: var(--txt_color);}

.button-2025,
a.button-2025 {
    border: 2px solid var(--light-white);
    border-radius: var(--button-radius);
    background: transparent;
    padding: 10px 15px 12px 15px;
    color: var(--txt_color-white);
    text-decoration: none;}
.button-2025:hover,
a.button-2025_hover {
    background: var(--fendt-caravan_blau);}
.button-2025 i,
a.button-2025 i {
    margin-right: 15px;}

/* overlays */
.overlaytop_1::before,
.overlaytop_2::before,
.overlaybottom_1::after,
.overlaybottom_2::after,
.overlaybottom_3::after,
.overlaybottom_4::after,
.overlayleft_1::before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    right: 0px;
    left: 0px;}

/* only those 4 used 2025 so far */
.overlaybottom_1::after {
    bottom: 0px;
    height: 69%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(0,0,0,0.8)), to(transparent));
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, transparent);
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent);
    z-index: 2;}
.overlaybottom_2::after {
    bottom: 0px;
    height: 80%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0,0,0,0.8)), to(transparent));
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.8) 10%, transparent);
    background: linear-gradient(to top, rgba(0,0,0,0.8) 10%, transparent);
    z-index: 2;}
.overlaybottom_3::after {
    bottom: 0px;
    height: 69%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(0,0,0,0.8)), to(transparent));
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.8) 20%, transparent);
    background: linear-gradient(to top, rgba(0,0,0,0.8) 20%, transparent);
    z-index: 2;}
.overlaytop_1::before {
    top: 0px;
    height: 20%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31%, rgba(0,0,0,0.8)), to(transparent));
    background: -o-linear-gradient(top, rgba(0,0,0,0.8) 31%, transparent);
    background: linear-gradient(to bottom, rgba(0,0,0,0.8) 31%, transparent);}

.overlayleft_1::before {
    top: 0px;
    bottom: 0px;
    height: 100%;
    width: 75%;
    right: auto;
    /*
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31%, rgba(0,0,0,0.8)), to(transparent));
    background: -o-linear-gradient(left, rgba(0,0,0,0.8) 31%, transparent);
    background: linear-gradient(to right, rgba(0,0,0,0.8) 31%, transparent);
    */
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(transparent));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8), transparent);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent);}


.overlaytop_2::before {
    top: 0px;
    height: 50%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255,255,255,0.8)), to(transparent));
    background: -o-linear-gradient(top, rgba(255,255,255,0.8) 50%, transparent);
    background: linear-gradient(to bottom, rgba(255,255,255,0.8) 50%, transparent);}
.overlaybottom_4::after {
    bottom: 0px;
    height: 69%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(0,0,0,0.2)), to(transparent));
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.2) 20%, transparent);
    background: linear-gradient(to top, rgba(0,0,0,0.2) 20%, transparent);
    z-index: 2;}

/* custom slick arrows and dots */
.slick-dots {
    padding-left: 0px;
    margin-bottom: 0px;
    text-align: center;}
.slick-dots li {
    list-style-type: none;
    display: inline-block;}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    padding: 0px;
    display: block;
    border: none;
    background: var(--lightest-white);
    margin-left: 3px;
    margin-right: 3px;}
.slick-dots li.slick-active button,
.slick-dots li button:hover {
    background: var(--light-white);}
.custom_prev,
.custom_next {
    position: absolute;
    bottom: 0px;
    color: var(--medium-white);
    border: 2px solid var(--light-white);
    border-radius: var(--button-radius);}
.custom_prev:hover,
.custom_next:hover {
    color: var(--light-white);
    cursor: pointer;}
.custom_prev.slick-disabled:hover,
.custom_next.slick-disabled:hover,
.custom_prev.slick-disabled,
.custom_next.slick-disabled {
    color: var(--lightest-white);
    cursor: default;}
.custom_prev i,
.custom_next i {
    font-size: 25px;
    padding: 7px;
    display: block;}
.custom_prev {
    left: 0px;}
.custom_next {
    right: 0px;}

/* lists */
.accordion-item ul.caravanList {
    margin: 0;
    padding: 0px;
    list-style-type: none;}
.accordion-item ul.caravanList > li {
    padding-left: 10px;
    position: relative;}
.accordion-item ul.caravanList > li:before {
    content: "-";
    position: absolute;
    left: 0px;
    top: 0px;}

.cont-nnn {
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);}

/* Footer */
footer {
    text-align: center;
    color: var(--txt_color-white);
    background: var(--dark-grey);
    padding-top: 100px;}
footer .button-nav {
    display: none;}
/* no footer top 2025 - BEGIN */
footer .footer-copyright {
    border-bottom: 1px solid var(--txt_color-white);
    padding-bottom: 30px;}
footer .footer-top {
    padding-bottom: 50px;
    border-bottom: 1px solid var(--txt_color-white);
    margin-bottom: 50px;}
/* no footer top 2025 - END */
footer .footer-nav {
    margin: 15px 0px 0px 0px;
    text-align: center;
    padding: 20px 15px 30px 15px;}
footer .footer-nav ul.nav.nav-fill li.nav-item a {
    color: var(--txt_color-white);}
footer .footer-nav ul.nav.nav-fill li.nav-item a:hover {
    color: var(--lightest-white);
    text-decoration: none;}

footer .footer-bottom {
    padding-bottom: 50px;}
footer .footer-bottom .footer-social a {
    text-decoration: none;
    color: var(--txt_color-white);
    padding: 5px 10px;
    display: inline-block;}
footer .footer-bottom .footer-social a:hover {
    color: var(--lightest-white);
    text-decoration: none;}
footer .footer-bottom .footer-social a i {
    font-size: 30px;
    margin-right: 0px;
    display: block;}

@media (min-width: 768px) {
    .overlaytop_1::before {
        height: 30%;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,0.8)), to(transparent));
        background: -o-linear-gradient(top, rgba(0,0,0,0.8) 10%, transparent);
        background: linear-gradient(to bottom, rgba(0,0,0,0.8) 10%, transparent);}

    /* Footer */
    footer .footer-nav ul.nav.nav-fill li.nav-item:first-child a {
        padding-left: 0px;}
    footer .footer-nav ul.nav.nav-fill li.nav-item:last-child a {
        padding-right: 0px;}
}

@media (min-width: 992px) {
    h1 {
        line-height: var(--h1-line-height);}
    h3 {
        line-height: var(--h3-line-height);}
    h3 span {
        margin-top: 5px;}
    h1, h2, h3, h4 {
        hyphens: auto;
        word-break: break-word;}
    h1 span, h2 span, h3 span, h4 span {
        hyphens: none;}
    .overlaybottom_3::after {
        height: 50%;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(0,0,0,0.8)), to(transparent));
        background: -o-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, transparent);
        background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent);}

    /* custom slick arrows and dots */
    .custom_prev,
    .custom_next {
        top: 50%;
        transform: translate(0, -50%);
        bottom: auto;}
    .custom_prev {
        left: -50px;}
    .custom_next {
        right: -50px;}

    /* Footer */
    footer:after {
        content: '';
        clear: both;
        display: block;}
    footer .footer-copyright {
        text-align: right;
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);}
    footer .footer-nav {
        float: left;
        padding-left: var(--container-padding);}
    footer .footer-bottom {
        float: right;
        margin-top: 15px;
        padding-top: 20px;
        padding-right: var(--container-padding);}

}
@media (min-width: 1200px) {
    .overlaybottom_2::after {
        height: 80%;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(0,0,0,0.8)), to(transparent));
        background: -o-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, transparent);
        background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent);}
}


/* Konfigurator Kontrolle und Testing - BEGIN */

/*
.collapse:not(.show) {
    display: block;}
*/

/*
.caravan-detail .carvan-item .info a {
    width: 20px;
    height: 20px;
    background-color: var(--fendt-caravan_blau);
    color: var(--txt_color-white);
    display: block;}
*/

/* not finished */
.frame-type-fluxcontentprovider_nnnimpressionen {
    display: none;}
/* Konfigurator Kontrolle und Testing - END */