<style type="text/css">

.dy-seller-brand {

display: none;

}

    #dy_preview [dy-home-stage-gradient]:after {

        content: "";

        position: absolute;

        left: 0;

        right: 0;

        bottom: 0;

        height: 50%;

    }

.text-white {

  color: #fff !important;

}

    .highlight-teaser-newsletter-page .overlay {

        position: absolute;

        bottom: 0;

        left: 0;

        right: 0;

        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.55) 100%);

        display: flex;

        align-items: center;

        justify-content: center;

        z-index: 1;

        height: 50%;

    }

    .highlight-teaser-newsletter-page .image-container {

        position: relative;

        padding-top: calc(100vw / (49/64));

    }

    @media (min-width: 768px) {

        .highlight-teaser-newsletter-page .image-container {

            padding-top: calc(100vw / (96/65));

        }

    }

    @media (min-width: 1200px) {

        .highlight-teaser-newsletter-page .image-container {

            padding-top: calc(100vw / 2.5) !important;

        }

    }

    .highlight-teaser-newsletter-page .text-container {

        position: absolute;

        bottom: 5%;

        left: 0;

        padding: 0 5%;

        /* Höheren z-index-Wert für den Text-Container festlegen */

        z-index: 2;

    }

    .highlight-teaser-newsletter-page .text-container .display-3 {

        margin-bottom: 0;

    }

    .highlight-teaser-newsletter-page .text-container .mb-3 {

        margin-bottom: 1rem;

    }

    .highlight-teaser-newsletter-page .text-container .btn {

        display: inline-block;

    }

</style>

<!-- HERO Element -->

<div class="content highlight-teaser-newsletter-page" style="position: relative;">

    <div class="position-relative h-100 image-container">

        <!-- Overlay hinzufügen -->

        <a href="https://www.ullapopken.eu/de/search?query=%2a&upvonlanden=true">

            <div class="overlay"></div>

            <picture>

                <source media="(min-width: 1200px)"

                        srcset="https://images.ullapopken.de/cms/alle/LP/vonlanden/2025_11/VL_Header_Desktop.jpg">

                <source media="(min-width: 768px)"

                        srcset="https://images.ullapopken.de/cms/alle/LP/vonlanden/2025_11/VL_Header_Tablet.jpg">

                <img src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2025_11/VL_Header_mobile.jpg"

                     class="w-100 h-100 position-absolute top-0 left-0 right-0 bottom-0"

                     style="object-fit: cover; object-position: top;" alt="The model is wearing a colorful dress">

            </picture>

        </a>

        <div class="text-container">

            <div class="d-md-block text-left text-white">

                <div class="px-5 px-md-3 px-lg-6 px-xl-8">

                    <div class="display-3 mb-3 text-white text-uppercase">VON LANDEN</div>

                    <div class="display-22 mb-2 text-white" data-translate>Modische & exklusive Landhausstyles</div>

                    <div class="mb-3">

                        <a class="link-decoration-none text-decoration-none dy-link-outline"

                           href="https://www.ullapopken.eu/de/search?query=%2a&upvonlanden=true">

              <span alt="Jetzt entdecken"

                    class="text-uppercase px-2 dy-btn-up btn btn-white-transparent" tabindex="0" title="Jetzt entdecken"

                    data-translate>Jetzt entdecken</span>

                        </a>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

<!-- End HERO -->

<!-- Warengruppen -->

<style>

    @media (max-width: 480px) {

        .dyCategory-element {

            min-width: 43vw;

            padding: 0 10px;

        }

        .by-category-bar {

            padding-right: 1px;

        }

    }

</style>

<div class="dy-background-pure-braun">

    <div class="container py-3 mb-0">

        <div class="row justify-content-center">

            <div class="col-12 px-0">

                <div

                        class="dy-container-1058912 row pl-3 pl-md-5 pl-lg-0 flex-nowrap no-gutters justify-content-between overflow-x-auto overflow-scrolling-touch by-category-bar disable-scrollbars dscroll">

                    <!-- Element1-->

                    <div class="dyCategory-element col-5 col-sm-3 col-md-2">

                        <a class="text-decoration-none"

                           href="https://www.ullapopken.eu/de/kleider/c/articlegroup_140?query=%2a&filter=CategoryPath%3AKleider&upvonlanden=true"></a>

                        <div class="position-relative text-center rounded">

                            <a class="text-decoration-none"

                               href="https://www.ullapopken.eu/de/kleider/c/articlegroup_140?query=%2a&filter=CategoryPath%3AKleider&upvonlanden=true">

                                <picture>

                                    <img alt="" class="shadow-sm rounded-circle"

                                         loading="lazy" src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2025_11/UP_VL_1.jpg"

                                         style="height: 130px;">

                                </picture>

                            </a>

                            <div class="text-center p-2">

                                <a class="text-decoration-none"

                                   href="https://www.ullapopken.eu/de/kleider/c/articlegroup_140?query=%2a&filter=CategoryPath%3AKleider&upvonlanden=true">

                                    <span class="max-lines-1 mb-1 text-dark display-22" data-translate>Kleider</span>

                                </a>

                            </div>

                            <a class="text-decoration-none"

                               href="https://www.ullapopken.eu/de/kleider/c/articlegroup_140?query=%2a&filter=CategoryPath%3AKleider&upvonlanden=true"></a>

                        </div>

                        <a class="text-decoration-none"

                           href="https://www.ullapopken.eu/de/kleider/c/articlegroup_140?query=%2a&filter=CategoryPath%3AKleider&upvonlanden=true"></a>

                    </div>

                    <!-- Element2-->

                    <div class="dyCategory-element col-5 col-sm-3 col-md-2">

                        <a class="text-decoration-none"

                           href="https://www.ullapopken.eu/de/jacken/c/articlegroup_120?filter=CategoryPath%3AJacken&uptrachtenvl=true&olsnav=true"></a>

                        <div class="position-relative text-center rounded">

                            <a class="text-decoration-none"

                               href="https://www.ullapopken.eu/de/jacken/c/articlegroup_120?filter=CategoryPath%3AJacken&uptrachtenvl=true&olsnav=true">

                                <picture>

                                    <img alt="The model is black jacket" class="shadow-sm rounded-circle"

                                         loading="lazy" src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2025_11/UP_VL_2.jpg"

                                         style="height: 130px;">

                                </picture>

                            </a>

                            <div class="text-center p-2">

                                <a class="text-decoration-none"

                                   href="https://www.ullapopken.eu/de/jacken/c/articlegroup_120?filter=CategoryPath%3AJacken&uptrachtenvl=true&olsnav=true">

                                    <span class="max-lines-1 mb-1 text-dark display-22" data-translate>Jacken</span>

                                </a>

                            </div>

                            <a class="text-decoration-none"

                               href="https://www.ullapopken.eu/de/jacken/c/articlegroup_120?filter=CategoryPath%3AJacken&uptrachtenvl=true&olsnav=true"></a>

                        </div>

                        <a class="text-decoration-none"

                           href="https://www.ullapopken.eu/de/jacken/c/articlegroup_120?filter=CategoryPath%3AJacken&uptrachtenvl=true&olsnav=true"></a>

                    </div>

                    <!-- Element3-->

                    <div class="dyCategory-element col-5 col-sm-3 col-md-2">

                        <a class="text-decoration-none"

                           href="https://www.ullapopken.eu/de/blusen/c/articlegroup_150?filter=CategoryPath%3ABlusen&uptrachtenvl=true&olsnav=true"></a>

                        <div class="position-relative text-center rounded">

                            <a class="text-decoration-none"

                               href="https://www.ullapopken.eu/de/blusen/c/articlegroup_150?filter=CategoryPath%3ABlusen&uptrachtenvl=true&olsnav=true">

                                <picture>

                                    <img alt="The model is wearing a colorfull blouse" class="shadow-sm rounded-circle"

                                         loading="lazy" src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2025_11/UP_VL_3.jpg"

                                         style="height: 130px;">

                                </picture>

                            </a>

                            <div class="text-center p-2">

                                <a class="text-decoration-none"

                                   href="https://www.ullapopken.eu/de/blusen/c/articlegroup_150?filter=CategoryPath%3ABlusen&uptrachtenvl=true&olsnav=true">

                                    <span class="max-lines-1 mb-1 text-dark display-22" data-translate>Blusen</span>

                                </a>

                            </div>

                            <a class="text-decoration-none"

                               href="https://www.ullapopken.eu/de/blusen/c/articlegroup_150?filter=CategoryPath%3ABlusen&uptrachtenvl=true&olsnav=true"></a>

                        </div>

                        <a class="text-decoration-none"

                           href="https://www.ullapopken.eu/de/blusen/c/articlegroup_150?filter=CategoryPath%3ABlusen&uptrachtenvl=true&olsnav=true"></a>

                    </div>

                    <!-- Element4-->

                    <div class="dyCategory-element col-5 col-sm-3 col-md-2">

                        <a class="text-decoration-none"

                           href="https://www.ullapopken.eu/de/c/articlegroup_160?filter=CategoryPath%3AHosen&uptrachtenvl=true&olsnav=true"></a>

                        <div class="position-relative text-center rounded">

                            <a class="text-decoration-none"

                               href="https://www.ullapopken.eu/de/c/articlegroup_160?filter=CategoryPath%3AHosen&uptrachtenvl=true&olsnav=true">

                                <picture>

                                    <img alt="Close-up of a pair of black pants" class="shadow-sm rounded-circle"

                                         loading="lazy" src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2025_11/UP_VL_4.jpg"

                                         style="height: 130px;">

                                </picture>

                            </a>

                            <div class="text-center p-2">

                                <a class="text-decoration-none"

                                   href="https://www.ullapopken.eu/de/c/articlegroup_160?filter=CategoryPath%3AHosen&uptrachtenvl=true&olsnav=true">

                                    <span class="max-lines-1 mb-1 text-dark display-22" data-translate>Hosen</span>

                                </a>

                            </div>

                            <a class="text-decoration-none"

                               href="https://www.ullapopken.eu/de/c/articlegroup_160?filter=CategoryPath%3AHosen&uptrachtenvl=true&olsnav=true"></a>

                        </div>

                        <a class="text-decoration-none"

                           href="https://www.ullapopken.eu/de/c/articlegroup_160?filter=CategoryPath%3AHosen&uptrachtenvl=true&olsnav=true"></a>

                    </div>

                    <!-- Element5-->

                    <div class="dyCategory-element col-5 col-sm-3 col-md-2">

                        <a class="text-decoration-none" href="#trachten_container"></a>

                        <div class="position-relative text-center rounded">

                            <a class="text-decoration-none" href="#trachten_container">

                                <picture>

                                    <img alt="The model poses in a hall in a traditional dress" class="shadow-sm rounded-circle"

                                         loading="lazy" src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2025_11/UP_VL_5.jpg"

                                         style="height: 130px;">

                                </picture>

                            </a>

                            <div class="text-center p-2">

                                <a class="text-decoration-none" href="#trachten_container">

                                    <span class="max-lines-1 mb-1 text-dark display-22" data-translate>Trachten</span>

                                </a>

                            </div>

                            <a class="text-decoration-none" href="#trachten_container"></a>

                        </div>

                        <a class="text-decoration-none" href="#trachten_container"></a>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

<!-- Ende Warengruppen -->

<!--Anfang Picture Comp 1-->

<div class="dy-fade-element to-fade-in position-relative fade-in">

    <div class="container text-white" id="anchor_ueber_pure">

        <div class="row no-gutters py-5 pb-5">

            <div class="d-none d-lg-block col-lg-6 py-3 pt-7 z-index-2">

                <a href="https://www.ullapopken.eu/de/p/843493436




">

                    <picture>

                        <img alt="The model wears a purple blouse with pattern"

                             class="w-100 ml-lg-7 shadow-lg" loading="lazy"

                             src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2025_11/UP_VL_960x640_6.jpg">

                    </picture>

                </a>

            </div>

            <div class="col-12 col-lg-6 pr-lg-7">

                <div class="row no-gutters">

                    <div class="col-12 pr-lg-6">

                        <a href="https://www.ullapopken.eu/de/p/832657436



">

                            <picture>

                                <img alt="The model wears a blouse with pattern and a black maxi skirt"

                                     class="w-100 mr-4 shadow-lg z-index-1" loading="lazy"

                                     src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2025_11/UP_VL_960x640_7.jpg">

                            </picture>

                        </a>

                    </div>

                    <div class="col-12 text-dark pl-lg-2">

                        <div class="bg-white shadow-lg pl-lg-8 p-5 p-lg-6">

                            <h3 class="display-27 mb-2">VON LANDEN</h3>

                            <h4 class="display-6 mb-3">REINVENTING COUNTRY FASHION</h4>

                            <div class="display-32 mb-2" data-translate="">Land und Luxus waren noch nie ein Widerspruch. Von Landen ist das erste Landhaus-Label, das beweist, dass auch Heritage und High Fashion Hand in Hand gehen können. Von mondänen Cottage Looks über festliche Trachtenkleider bis hin zu Dirndln für traditionelle Volksfeste - von Landen setzt mit modischen und exklusiven Landhausstyles ein echtes Fashion Statement.</div>

                            <a href="https://www.ullapopken.eu/de/search?query=%2a&upvonlanden=true">

                <span alt="Kollektion entdecken" class="text-uppercase dy-btn btn btn-dark-alt p-2" tabindex="0"

                      title="Kollektion entdecken" data-translate="">Kollektion entdecken</span>

                            </a>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

<!--Ende Picture Comp 1-->

<!-- Start Slider Reco-->

<div class="container">

    <div class="display-8 display-md-4 pt-3" data-translate>Unsere neuesten Highlights</div>

    <div class="display-9 pb-4" data-translate>Inspirationen für dich</div>

</div>

<!-- RECO-->

<!-- RECO-->

<div class="container" style="min-height: 25rem;">

<div class="row">

<div class="col-12">

<style>

#data-dy-recommendations-13885 .dy-product-markers-height {height: 1.375rem;}

#data-dy-recommendations-13885 .dy-height-8rem {height: 8rem;}

#data-dy-recommendations-13885 .arrow-prev-css {border-radius: 0 0.25rem 0.25rem 0;background: rgba(255,255,255,0.85);}

#data-dy-recommendations-13885 .arrow-next-css {border-radius: 0.25rem 0 0 0.25rem;background: rgba(255,255,255,0.85);}

#data-dy-recommendations-13885 .arrow-prev-css-jp {border-radius: 0;background: rgba(255,255,255,0.85);}

#data-dy-recommendations-13885 .arrow-next-css-jp {border-radius: 0;background: rgba(255,255,255,0.85);}

#data-dy-recommendations-13885 .dy-reco-prev-arrow {left: -1.7rem;}

#data-dy-recommendations-13885 .dy-reco-next-arrow {right: -1.8rem;}

#data-dy-recommendations-13885 .dy-reco-prev-arrow, #data-dy-recommendations-13885 .dy-reco-next-arrow {top: 2.5rem;height: calc(100% - 13rem);cursor: pointer;}

#data-dy-recommendations-13885 .dy-reco-with-arrows .slick-disabled {opacity: 0;cursor: default;}

#data-dy-recommendations-13885 .slick-list {margin: 0 -0.25rem;}

#data-dy-recommendations-13885 .slick-slide {margin: 0 0.25rem;}

#data-dy-recommendations-13885 .slick-list .slick-track {margin-left: 0 !important;}

#data-dy-recommendations-13885 .slick-hidden {display: none !important;}

#data-dy-recommendations-13885 .dy-reco-outline-link:focus {outline: 0;}

@media (min-width: 992px) {

#data-dy-recommendations-13885 .arrow-prev-css {background: rgba(255,255,255,0.85);padding-left: 0.25rem;padding-right: 0.25rem;  transition: padding .15s;}

#data-dy-recommendations-13885 .arrow-next-css {background: rgba(255,255,255,0.85);padding-left: 0.25rem;padding-right: 0.25rem;transition: padding .15s;}

#data-dy-recommendations-13885 .arrow-prev-css:hover, #data-dy-recommendations-13885 .arrow-next-css:hover {padding-left: 0.55rem;padding-right: 0.55rem;}

#data-dy-recommendations-13885 .arrow-prev-css-jp {background: rgba(255,255,255,0.85);padding-left: 0.25rem;padding-right: 0.25rem;transition: padding .15s;}

#data-dy-recommendations-13885 .arrow-next-css-jp {background: rgba(255,255,255,0.85);padding-left: 0.25rem;padding-right: 0.25rem;transition: padding .15s;}

#data-dy-recommendations-13885 .arrow-prev-css-jp:hover, #data-dy-recommendations-13885 .arrow-next-css-jp:hover {padding-left: 0.55rem;padding-right: 0.55rem;}

}

</style>

<div id="data-dy-recommendations-13885" class="invisible" >

<div class="display-6 pb-1"></div>

<div class="dy-reco-with-arrows position-relative">

<div class="dy-reco-prev-arrow position-absolute slick-arrow slick-hidden z-index-1 d-flex align-items-center justify-content-end pl-4" data-dy-reco-prev-arrow-13885>

<div class="arrow-prev-css d-flex py-3 py-lg-5 align-items-center">

<div class="default-icon-chevronLeft"></div>

</div>

</div>

<div data-dy-reco-slider-13885 class="px-md-0 px-lg-0 mx-lg-0 link-decoration-none">



</div>

<div class="dy-reco-next-arrow position-absolute slick-arrow slick-hidden z-index-1 d-flex align-items-center justify-content-start pr-4" data-dy-reco-next-arrow-13885>

<div class="arrow-next-css py-3 py-lg-5 align-items-center">

<div class="default-icon-chevronRight"></div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>



<script>

function  getdata13885(data, indext) {

var widget_id = data.wId;

var feed_id = data.fId;

$( "[data-dy-reco-slider-13885]" ).attr( "data-dy-widget-id", widget_id );

$( "[data-dy-reco-slider-13885]" ).attr( "data-dy-feed-id", feed_id );

//define product data

$.each(data.slots, function(index){

var sku = data.slots[index].item.sku;

var productnumber = data.slots[index].item.ProductNumber;

var name = data.slots[index].item.name;

var img = data.slots[index].item.image_url;

var url = data.slots[index].item.url;

var original_price = data.slots[index].item.OriginalPrice.replace('.',',') + ' €';

var current_price = data.slots[index].item.dy_display_price.replace('.',',') + ' €';

var color = data.slots[index].item.color;

var color_hex = data.slots[index].item.group_id.substr(-6);

var reduced = data.slots[index].item.Reduced;

var group_id = data.slots[index].item.group_id;

var Savings = data.slots[index].item.Savings;

var strategy_id = data.slots[index].strId;

if (reduced === 'true'){

  html_price_flag_dy =  '<div data-dy-reco-reduced-flag class="product-markers dy-product-markers-height"><span class="text-danger border border-danger rounded display-26 px-2 font-weight-bold">- ' + Savings + ' %</span></div><s data-dy-reco-original-price class="display-22 pe-2 mb-1">' + original_price + '</s><div data-dy-reco-current-price class="d-inline-block text-danger display-24">' + current_price + '</div>';

}

else {

  html_price_flag_dy =  '<div data-dy-reco-current-price="" class="d-inline-block display-22">' + current_price + '</div>';

}

//render html

var html_cs_reco =  '<div class="position-relative" data-dy-product-id="' + sku + '" data-dy-strategy-id="' + strategy_id + '" data-dy-group-id="' + group_id + '" data-dy-reco-product data-dy-product-reduced="' + reduced + '"><div class="position-absolute favorites-icon-form"><div class="position-relative z-index-2" data-add-favorite-icon="' + productnumber + '"></div></div><a class="dy-reco-outline-link" href="' + url + '"><div class="bg-light skeleton-image position-relative rounded"><img class="rounded position-absolute" src="' + img + '" alt="' + name + '" loading="lazy"></div></a><a class="dy-reco-outline-link" href="' + url + '"><div class="p-2 dy-height-8rem pointer"><div class="pointer"><div class="display-22 max-lines-2 mb-1"><span class="name text-dark">' + name + '</span></div><div>' + html_price_flag_dy + '</div></div></div></a></div>';

$('div[data-dy-reco-slider-13885]').append(html_cs_reco);



});

slick_API_reco13885();

//äußere container

var el = $('[data-dy-reco-slider-13885]')[0];

DYO.recommendations.registerElements(el);

}

function apicall_reco13885() {DYPromise.done(function (){

maxLength = 16;

var realtimeRules = [];



  var array_element = {

            "id": 1,

            "query": {

                "conditions": [

            {"field": "dy_reco", "arguments": [{"action": "CONTAINS", "value": "dy_lp_von_landen" }]}

            ]},

            "type": "include", // Include or exclude

            "slots": [] // Position in widget

        }

      realtimeRules.push(array_element);

getProducts(152783, realtimeRules, maxLength, 1); // Strategy ID, rtr, length

function getProducts(strategyId, realtimeRules, maxLength, indext) {

DYO.recommendationWidgetData(strategyId, {maxProducts: maxLength, realtimeRules: realtimeRules}, function(err, data) {

getdata13885(data, indext);

});

}

});

};



apicall_reco13885();





function slick_API_reco13885() {

var CURRENCY_SIGN = '${currencySign}';

var CURRENCY_SIGN_POSITION = '${currencySignPosition}';

var PRICE_SEPARATOR = '${priceSeparator}';

var container = document.getElementById('data-dy-recommendations-13885');

DYO.Q.all([

  removeDuplicates13885(),

]).then(function() {

DYO.CoreUtils.waitForVariable('jQuery.fn.slick', 10).then(function() {

  initializeSlider13885();

  var initializeInterval = setInterval(function() {

    if (document.querySelector('[data-dy-reco-slider-13885]').classList.contains("slick-initialized")) {

      clearInterval(initializeInterval);

      FunctionExposer.showFavoriteIconsForPage();

      $('#data-dy-recommendations-13885').removeClass("invisible");

    } else {

      initializeSlider13885();

    }

  }, 50);

});

});



function getElements(selector) {

  return [].slice.call(container.querySelectorAll(selector));

}

function removeDuplicates13885(el) {

    var groupIds = [];

    getElements('[data-dy-reco-product]')

        .forEach(function (el) {

            var groupId = el.getAttribute('data-dy-group-id');

            if (groupIds.indexOf(groupId) > -1) {

                el.parentNode.removeChild(el);

            } else {

                groupIds.push(groupId);

            }

        });

}

function formatPrice(price, sign, priceSeparator, signPosition) {

  if (signPosition === 'before') {

    return [sign, price.replace('.',priceSeparator)].join(' ');

  } else {

    return [price.replace('.',priceSeparator), sign].join(' ');

  }

}

function initializeSlider13885() {

  var settingsMD;

  var settingsSM;

    settingsMD = {

      slidesToShow: 3,

      slidesToScroll: 3

    };

    settingsSM = {

      slidesToShow: 2,

      slidesToScroll: 2

    };



  $('[data-dy-reco-slider-13885]').slick({

    infinite: false,

    slidesToShow: 5,

    slidesToScroll: 5,

    prevArrow: document.querySelector('[data-dy-reco-prev-arrow-13885]'),

    nextArrow: document.querySelector('[data-dy-reco-next-arrow-13885]'),

    responsive: [

      {

        breakpoint: 768,

        settings: settingsMD

      },

      {

        breakpoint: 576,

        settings: settingsSM

      }

    ]

  });

}

}

</script>

<!-- RECO-->

<!-- RECO-->

<!-- End Slider Reco-->

<!-- HERO Element 2 -->

<div id="trachten_container" class="content highlight-teaser-newsletter-page" style="position: relative;">

    <div class="position-relative h-100 image-container mt-3">

        <!-- Overlay hinzufügen -->

        <a href="https://www.ullapopken.eu/de/search?updirndl=true&olsnav=true">

            <div class="overlay"></div>

            <picture>

                <source media="(min-width: 1200px)"

                        srcset="https://images.ullapopken.de/cms/alle/LP/vonlanden/2025_07/Hero_1920x872.jpg">

                <source media="(min-width: 768px)"

                        srcset="https://images.ullapopken.de/cms/alle/LP/vonlanden/2025_07/Hero_960x650.jpg">

                <img src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2025_07/Hero_490x640.jpg"

                     class="w-100 h-100 position-absolute top-0 left-0 right-0 bottom-0"

                     style="object-fit: cover; object-position: top;"

                     alt="Two models pose in the same dirndl. One model wears a beige apron, the other model a dark blue apron">

            </picture>

        </a>

        <div class="text-container">

            <div class="d-md-block text-left text-white">

                <div class="px-5 px-md-3 px-lg-6 px-xl-8 pt-5">

                    <div class="display-3 mb-3 text-white text-uppercase">Dein perfekter Trachtenlook</div>

                </div>

            </div>

        </div>

    </div>

</div>

<!-- End HERO -->

<!--Icons Start-->

<div class="container pt-4" style="color: #373737">

    <div class="row align-items-center p-sm-4">

        <div class="col-12 text-center align-items-center pb-5">

            <p class="display-7">Wusstest du schon, dass unsere Trachtenkleider extra so designt sind, dass du sie nachträglich noch an deine individuelle Silhouette anpassen (lassen) kannst? Ob Miederweite variieren, Taille heben oder Rocklänge verändern – mit unseren änderungsfreundlichen Dirndln werden Kirmes, Hochzeit und Co. wirklich ein Fest!</p>

        </div>

        <div class="col-sm-2 col-5">

            <img class="w-100 w-sm-75 ml-sm-3 py-3"

                 src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2024_06/Dirndl_icons_250x250_1.png" alt="">

        </div>

        <div class="col-sm-10 col-7 py-3">

            <p class="display-22">Dirndlmieder weiten:</p>

            <p class="display-32">Das Mieder deines Dirndls sitzt zu eng und schränkt dich ein? Lasse es von deinem Schneider weiten, um eine bequeme und vorteilhafte Passform zu erhalten.</p>

        </div>

    </div>

    <div class="row align-items-center bg-secondary-subtle p-sm-4">

        <div class="col-sm-2 col-5">

            <img class="w-100 w-sm-75 ml-sm-3 py-3"

                 src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2024_06/Dirndl_icons_250x250 _2.png" alt="">

        </div>

        <div class="col-sm-10 col-7 py-3">

            <p class="display-22">Taille heben:</p>

            <p class="display-32">Manchmal stimmt die Taillenlinie eines Dirndls nicht perfekt mit Ihrer natürlichen Taille überein. Durch das Anheben der Taille kann der Schneider eine definierte und vorteilhafte Sillhouette schaffen,, die Ihr gesamtes Erscheinungsbild verbessert.</p>

        </div>

    </div>

    <div class="row align-items-center p-sm-4">

        <div class="col-sm-2 col-5">

            <img class="w-100 w-sm-75 ml-sm-3 py-3"

                 src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2024_06/Dirndl_icons_250x250 _3.png" alt="">

        </div>

        <div class="col-sm-10 col-7 py-3">

            <p class="display-22">Rock & Schürze verlängern:</p>

            <p class="display-32">Wenn sich dein Dirndl etwas zu kurz anfühlt, kannst du Rock und Schürze verlängern lassen. Entscheide dich für deine Wohlfühllänge!</p>

        </div>

    </div>

    <div class="row align-items-center bg-secondary-subtle p-sm-4">

        <div class="col-sm-2 col-5">

            <img class="w-100 w-sm-75 ml-sm-3 py-3"

                 src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2024_06/Dirndl_icons_250x250 _4.png" alt="">

        </div>

        <div class="col-sm-10 col-7 py-3">

            <p class="display-22">Dirndlmieder verengen:</p>

            <p class="display-32">Dein Mieder ist zu weit und es betont deine Figur nicht ausreichend genug? Dein Schneider kann es passgenau verengen und so für einen maßgeschneiderten Look sorgen.</p>

        </div>

    </div>

    <div class="row align-items-center p-sm-4">

        <div class="col-sm-2 col-5">

            <img class="w-100 w-sm-75 ml-sm-3 py-3"

                 src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2024_06/Dirndl_icons_250x250 _5.png" alt="">

        </div>

        <div class="col-sm-10 col-7 py-3 py-3">

            <p class="display-22">Schultern heben</p>

            <p class="display-32">Kleinere Trägerinnen können das Dirndl beziehungsweise die Schultern heben lassen, indem die Träger gekürzt werden.</p>

        </div>

    </div>

    <div class="row align-items-center bg-secondary-subtle p-sm-4">

        <div class="col-sm-2 col-5">

            <img class="w-100 w-sm-75 ml-sm-3 py-3"

                 src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2024_06/Dirndl_icons_250x250 _6.png" alt="">

        </div>

        <div class="col-sm-10 col-7 py-3">

            <p class="display-22">Rock & Schürze kürzen:</p>

            <p class="display-32">Du möchtest dein Midi- in ein Mini-Dirndl verwandeln? Kein Problem – lasse Rock und Schürze so weit kürzen, wie es dir gefällt.</p>

        </div>

    </div>

</div>

<!--Icons Ende-->

<!-- Picture Comp 2 -->

<div class="dy-fade-element to-fade-in position-relative fade-in">

    <div class="container text-white pt-md-5" id="anchor_ueber_pure">

        <div class="row no-gutters py-5 pb-5">

            <div class="col-12 col-md-6 pl-lg-7 pl-md-2">

                <div class="row no-gutters">

                    <div class="d-none d-md-block col-12 pl-lg-8 pl-md-2" style="right: -50px; bottom: -5px;">

                        <a href="https://www.ullapopken.eu/de/p/840154820

">

                            <picture>

                                <img alt="The model poses in a green and green dirndl and wears red wellies"

                                     class="w-100 mr-4 shadow-lg z-index-1" loading="lazy"

                                     src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2025_07/UP_VL_960x640_15.jpg">

                            </picture>

                        </a>

                    </div>

                    <div class="col-12 text-dark pl-lg-6 pl-md-2" style="right: -50px">

                        <div class="d-none d-md-block">

                            <a href="https://www.ullapopken.eu/de/p/843014130">

                                <picture>

                                    <img alt="The model is wearing a light blue dirndl with a dark blue apron"

                                         class="w-100 mr-4 shadow-lg z-index-2" loading="lazy"

                                         src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2025_07/UP_VL_960x640_17.jpg">

                                </picture>

                            </a>

                        </div>

                    </div>

                </div>

            </div>

            <div class="d-md-block col-md-6 pt-xl-8 pt-md-8 pt-lg-5 mt-6">

                <a href="https://www.ullapopken.eu/de/p/840294530">

                    <picture>

                        <img alt="The model is wearing a beige dirndl with a light blue apron" class="w-100 me-lg-8 shadow-lg"

                             loading="lazy" src="https://images.ullapopken.de/cms/alle/LP/vonlanden/2025_07/UP_VL_960x640_16.jpg">

                    </picture>

                </a>

            </div>

        </div>

    </div>

</div>

<!-- Ende Picture Comp 2 -->

<!-- endless Reco -->

                            <style>
                            .grid-hover-wrapper img.dy-z-2 {
                              z-index: 1;
                            }
                            .grid-hover-wrapper:hover img.dy-hover-2 {
                              opacity: 0;
                            }
                            .grid-hover-wrapper img {
                              transition: opacity .4s;
                              transition-timing-function: ease-in-out;
                            }
                            .noHover{
                                pointer-events: none;
                            }
                            </style>
                            <div class="container cnt" style="">
                            <div class="display-6 pb-4"></div>
                            <div class="row" id="18350">
                            </div>
                            </div>
                            <style>
                            </style>
                            <script>
                           
                            var dy_l_tag = dataLayer[0].lang;
var dy_c_tag = $('body[data-site-id]').attr('data-site-id');
var dy_lang_obj = {
  'ullapopken-de_DE':{'stategy_id': 152437,'dy_currency_sign':'€','dy_currency_position':'after','dy_currency_separator':','},
  'ullapopken-at_DE':{'stategy_id': 152776,'dy_currency_sign':'€','dy_currency_position':'after','dy_currency_separator':','},
  'ullapopken-be_NL':{'stategy_id': 152777,'dy_currency_sign':'€','dy_currency_position':'after','dy_currency_separator':','},
  'ullapopken-be_FR':{'stategy_id': 152777,'dy_currency_sign':'€','dy_currency_position':'after','dy_currency_separator':','},
  'ullapopken-ch_DE':{'stategy_id': 152778,'dy_currency_sign':'CHF ','dy_currency_position':'before','dy_currency_separator':'.'},
  'ullapopken-ch_FR':{'stategy_id': 152778,'dy_currency_sign':'CHF ','dy_currency_position':'before','dy_currency_separator':'.'},
  'ullapopken-cz_CS':{'stategy_id': 152779,'dy_currency_sign':'CZK','dy_currency_position':'after','dy_currency_separator':','},
  'ullapopken-dk_DA':{'stategy_id': 152781,'dy_currency_sign':'kr','dy_currency_position':'after','dy_currency_separator':','},
  'ullapopken-es_ES':{'stategy_id': 152782,'dy_currency_sign':'€','dy_currency_position':'after','dy_currency_separator':','},
  'ullapopken-eu_DE':{'stategy_id': 152783,'dy_currency_sign':'€','dy_currency_position':'after','dy_currency_separator':','},
  'ullapopken-eu_EN':{'stategy_id': 152783,'dy_currency_sign':'€','dy_currency_position':'after','dy_currency_separator':','},
  'ullapopken-fi_FI':{'stategy_id': 152784,'dy_currency_sign':'€','dy_currency_position':'after','dy_currency_separator':','},
  'ullapopken-fr_FR':{'stategy_id': 152785,'dy_currency_sign':'€','dy_currency_position':'after','dy_currency_separator':','},
  'ullapopken-it_IT':{'stategy_id': 152787,'dy_currency_sign':'€','dy_currency_position':'after','dy_currency_separator':','},
  'ullapopken-nl_NL':{'stategy_id': 152789,'dy_currency_sign':'€ ','dy_currency_position':'before','dy_currency_separator':','},
  'ullapopken-no_NO':{'stategy_id': 167640,'dy_currency_sign':'kr ','dy_currency_position':'before','dy_currency_separator':','},
  'ullapopken-pl_PL':{'stategy_id': 152790,'dy_currency_sign':'z&lstrok;','dy_currency_position':'after','dy_currency_separator':','},
  'ullapopken-se_SV':{'stategy_id': 152791,'dy_currency_sign':'kr','dy_currency_position':'after','dy_currency_separator':','},
  'ullapopken-uk_EN':{'stategy_id': 152792,'dy_currency_sign':'£','dy_currency_position':'before','dy_currency_separator':'.'},
  'ullapopken-us_EN':{'stategy_id': 152793,'dy_currency_sign':'$','dy_currency_position':'before','dy_currency_separator':'.'},
  'jp1880-de_DE':{'stategy_id': 152780,'dy_currency_sign':'€','dy_currency_position':'after','dy_currency_separator':','},
  'jp1880-nl_NL':{'stategy_id': 152788,'dy_currency_sign':'€ ','dy_currency_position':'before','dy_currency_separator':','},
  'jp1880-at_DE':{'stategy_id': 183408,'dy_currency_sign':'€','dy_currency_position':'after','dy_currency_separator':','},
  'jp1880-ch_DE':{'stategy_id': 183409,'dy_currency_sign':'CHF ','dy_currency_position':'before','dy_currency_separator':'.'},
  'jp1880-ch_FR':{'stategy_id': 183409,'dy_currency_sign':'CHF ','dy_currency_position':'before','dy_currency_separator':'.'},
  'jp1880-fr_FR':{'stategy_id': 183410,'dy_currency_sign':'€','dy_currency_position':'after','dy_currency_separator':','},
  'ginalaura-com_DE':{'stategy_id': 152786,'dy_currency_sign':'€','dy_currency_position':'after','dy_currency_separator':','},
  'studiountold-de_DE':{'stategy_id': 196885,'dy_currency_sign':'€','dy_currency_position':'after','dy_currency_separator':','},
  'happysize-de_DE':{'stategy_id': 205390,'dy_currency_sign':'€','dy_currency_position':'after','dy_currency_separator':','},
  'happysize-ch_DE':{'stategy_id': 205389,'dy_currency_sign':'CHF ','dy_currency_position':'before','dy_currency_separator':'.'},
  'happysize-nl_NL':{'stategy_id': 205391,'dy_currency_sign':'€','dy_currency_position':'after','dy_currency_separator':','}
};

try {
  var dy_var_stategy_id = dy_lang_obj[dy_c_tag + '_' + dy_l_tag].stategy_id;
  var dy_var_currency_sign = dy_lang_obj[dy_c_tag + '_' + dy_l_tag].dy_currency_sign;
  var dy_var_currency_position = dy_lang_obj[dy_c_tag + '_' + dy_l_tag].dy_currency_position;
  var dy_var_currency_separator = dy_lang_obj[dy_c_tag + '_' + dy_l_tag].dy_currency_separator;
} catch (e) {
  var dy_var_stategy_id = '';
  dy_var_currency_sign = '';
  dy_var_currency_position = '';
  dy_var_currency_separator = '';
}

var container = document.getElementById('18350');

// format all prices
function formatPrices() {
  container.querySelectorAll('[data-dy-reco-product]').forEach(function(el) {
  var isReduced = el.getAttribute('data-dy-product-reduced');
  var originalPrice = el.querySelector('[data-dy-reco-original-price]');
  var currentPrice = el.querySelector('[data-dy-reco-current-price]');
  //var reduced_flag = el.querySelector('[data-dy-reco-reduced-flag]');

  currentPrice.innerHTML = formatPrice(currentPrice.textContent, dy_var_currency_sign, dy_var_currency_separator, dy_var_currency_position);



    if(isReduced === 'true') {
    currentPrice.classList.add('text-danger', 'display-24');
    originalPrice.innerHTML = formatPrice(originalPrice.textContent, dy_var_currency_sign, dy_var_currency_separator, dy_var_currency_position);
  }
  else {
    //originalPrice.parentNode.removeChild(originalPrice);
    //reduced_flag.classList.add('invisible');
    //reduced_flag.remove();
    currentPrice.classList.add('display-22');
  }
  });
}


// format single price
function formatPrice(price, sign, priceSeparator, signPosition) {
  if (signPosition === 'before') {
    return [sign, price.replace('.',priceSeparator)].join('');
  } else {
    return [price.replace('.',priceSeparator), sign].join(' ');
  }
}

// remove duplicate product ids
function removeDuplicates(el) {
  var groupIds = [];
    container.querySelectorAll('[data-dy-reco-product]').forEach(function (el) {
    var groupId = el.getAttribute('data-dy-group-id');
    if (groupIds.indexOf(groupId) > -1) {
      el.parentNode.removeChild(el);
    }
    else {
      groupIds.push(groupId);
    }
  });
}


                           
                            function apicall_reco18350() {DYPromise.done(function (){
                                var realtimeRules = [];
                                maxLength = 16
                                var array_element = {
                                            "id": 1,
                                            "query": {
                                                "conditions": [
                                                {"field": "dy_reco", "arguments": [{"action": "CONTAINS", "value": "dy_up_vonlanden_dirndl" }]}
                                                ]},
                                            "type": "include",
                                            "slots": []
                                        }
                                var realtimeRules = [];
                                realtimeRules.push(array_element);

                                getProducts18350(dy_var_stategy_id, realtimeRules, maxLength, 1); // Strategy ID, rtr, length
                                function getProducts18350(strategyId, realtimeRules, maxLength, indext) {
                                DYO.recommendationWidgetData(strategyId, {maxProducts: maxLength, realtimeRules: realtimeRules}, function(err, data) {
                                getdata18350(data, indext);
                                });
                                }})
                            };
                            function  getdata18350(data, indext) {DYPromise.done(function () {
                                //define product data
                                $.each(data.slots, function(index){
                                var sku = data.slots[index].item.sku;
                                var productnumber = data.slots[index].item.ProductNumber;
                                var name = data.slots[index].item.name;
                                var img_ecom = data.slots[index].item.image_url_ecom;
                                var img = data.slots[index].item.image_url;
                                var group_id = data.slots[index].item.group_id;
                                var url = data.slots[index].item.url;
                                var original_price = data.slots[index].item.OriginalPrice;
                                var current_price = data.slots[index].item.dy_display_price;
                                var color = data.slots[index].item.color;
                                var color_hex = data.slots[index].item.group_id.substr(-6);
                                var reduced = data.slots[index].item.Reduced;
                                if (reduced === 'true'){
                                  html_price_flag_dy =  '<s data-dy-reco-original-price class="display-22 pr-2 mb-1">' + original_price + '</s><div data-dy-reco-current-price class="d-inline-block display-22 text-danger">' + current_price + '</div>';
                                }
                                else {
                                  html_price_flag_dy =  '<div data-dy-reco-current-price class="d-inline-block display-22">' + current_price + '</div>';
                                }
                                //render html
                                var html_cs_reco =  '<div data-dy-product-reduced="' + reduced + '" data-dy-reco-product data-dy-group-id="' + group_id + '" class="col-6 col-md-4 col-xl-3 pb-4 dy-additional-element grid-hover-wrapper"><div class="position-relative"><div class="position-absolute favorites-icon-form"><div class="position-relative z-index-2" data-add-favorite-icon="' + productnumber + '"></div></div><a class="dy-reco-outline-link text-decoration-none" href="' + url + '"><div class="dy-add-product bg-light skeleton-image position-relative rounded"><img class="pointer position-absolute rounded no-hover-2 dy-z-2" src="' + img + '" alt="' + name + '" loading="lazy"><img class="pointer position-absolute rounded no-hover-1 dy-2-1" src="' + img_ecom + '" alt="' + name + '" loading="lazy"></div></a><div class="pointer p-2" style="height:8rem;"><div class="display-22 max-lines-2">' + name + '</div><div class="py-2">'+html_price_flag_dy+'</div></div></div></div>';
                                //inject code into html
                                $('div div#18350').append(html_cs_reco);
                                });
                                removeDuplicates();
                                formatPrices();
                                })
                            }
                           
                            apicall_reco18350();
                           
                           
                           
                           
                            </script>

<!-- Ende endless Reco -->

<div class="text-center pb-4">

    <a href="https://www.ullapopken.eu/de/search?updirndl=true&olsnav=true">

    <span alt="ZUR DIRNDL-KOLLEKTION" class="text-uppercase dy-btn btn btn-dark-alt p-2" tabindex="0"

          title="Zur Von Landen Kollektion" data-translate>ZUR DIRNDL-KOLLEKTION</span>

    </a>

</div>

<style>

    .arrow-prev-css {

      border-radius: 0 0.25rem 0.25rem 0;

      background: rgb(230 230 230 / 35%)

    }

    .arrow-next-css {

      border-radius: 0.25rem 0 0 0.25rem;

      background: rgb(230 230 230 / 35%)

    }

    .dy-reco-prev-arrow {

      left: -1.7rem;

    }

    .dy-reco-next-arrow {

      right: -1.8rem;

    }

    .dy-reco-prev-arrow,

    .dy-reco-next-arrow {

      top: 0;

      height: calc(100%);

      cursor: pointer;

    }

    @media (min-width: 768px) {}

  @media (min-width: 992px) {

    .arrow-prev-css {

      border-radius: 0 0.25rem 0.25rem 0;

      background: rgb(230 230 230 / 35%);

      padding-left: 0.25rem;

      padding-right: 0.25rem;

      transition: padding .15s;

    }

    .arrow-next-css {

      border-radius: 0.25rem 0 0 0.25rem;

      background: rgb(230 230 230 / 35%);

      padding-left: 0.25rem;

      padding-right: 0.25rem;

      transition: padding .15s;

    }

    .arrow-prev-css:hover,

    .arrow-next-css:hover {

      padding-left: 0.75rem;

      padding-right: 0.75rem;

    }

  }

  </style>

  <script>

      $(document).ready(function () {

        initializeSlider_Content();

        initializeSlider_Content_2();

      });

      function initializeSlider_Content() {

        $('[data-dy-slider-contentpage-hyprar]').slick({

          infinite: true,

          slidesToShow: 1,

          slidesToScroll: 1,

          prevArrow: document.querySelector('[data-dy-reco-prev-arrow-data-dy-slider-contentpage-hyprar]'),

          nextArrow: document.querySelector('[data-dy-reco-next-arrow-data-dy-slider-contentpage-hyprar]'),

        });

        $('#data-dy-slider-contentpage-hyprar').removeClass("invisible");

      }

      function initializeSlider_Content_2() {

        $('[data-dy-slider-contentpage-hyprar-2]').slick({

          infinite: true,

          slidesToShow: 1,

          slidesToScroll: 1,

          prevArrow: document.querySelector('[data-dy-reco-prev-arrow-data-dy-slider-contentpage-hyprar-2]'),

          nextArrow: document.querySelector('[data-dy-reco-next-arrow-data-dy-slider-contentpage-hyprar-2]'),

        });

        $('#data-dy-slider-contentpage-hyprar-2').removeClass("invisible");

      }

    </script>

  <!-- slider / komponente1 -->

  <div class="container pt-3 pt-md-6 pb-6 px-0 invisible" id="data-dy-slider-contentpage-hyprar">

      <div class="row">

          <div class="col-12">

              <div class="position-relative border rounded">

                  <!-- arrow_left -->

                  <div class="dy-reco-prev-arrow position-absolute slick-arrow z-index-1 d-flex align-items-center justify-content-end pl-4 slick-disabled"

                      data-dy-reco-prev-arrow-data-dy-slider-contentpage-hyprar="">

                      <div class="arrow-prev-css rounded ml-3 ml-md-5 d-flex py-3 py-lg-6 align-items-center">

                          <div class="default-icon-chevronLeft"></div>

                      </div>

                  </div>

                  <!-- slider -->

                  <div data-dy-slider-contentpage-hyprar="">

                      <!--slide-->

                      <div>

                          <div class="row my-4 justify-content-center">

                              <div class="col-12 text-center mt-5">

                                  <div class="d-block display-3 px-5 px-md-8">Wann sitzt ein Dirndl richtig?</div>

                                  <div class="display-32 px-md-8 px-7 pt-1">Beim Dirndl liegt der Fokus auf der Mitte des Körpers. Ein Dirndl-Oberteil, auch Mieder genannt, formt die weibliche Figur hervorragend. Dazu gehört ein schönes Dekolleté, sowie ein locker fallender, weit schwingender Rock. Das Dirndl sitzt perfekt, wenn es eng anliegt, man frei durchatmen kann und die Bewegung nicht eingeschränkt wird. Wirft das Dirndl am Rücken hingegen Querfalten, ist es zu eng.</div><br>

                              </div>

                          </div>