<div class="layerV2Categories_universeDCContainer__CWz_A"><div><div class="layer-block stealth bottom">
  <a href="/nieuw-binnen-dames_282100" class="imgBloc" title="Nieuw binnen">
      <div class="img-layer noShadow">
          <picture>
              <img src="/kiabi-data/nl_NL/media/pma7e24/layer-femme-01-min.jpg" alt="Nieuw binnen">
              </picture>
      </div>
      <div class="txt-layer">
          <h1>Nieuw binnen</h1>
      </div>
  </a>
</div>

<div class="layer-block stealth bottom">
    <a href="/basics-dames_450551" class="imgBloc" title="Basics">
        <div class="img-layer noShadow">
            <picture>
                <img src="/kiabi-data/nl_NL/media/pma7e24/layer-femme-02-min.jpg" alt="Basics">
                </picture>
        </div>
        <div class="txt-layer">
            <h1>Basics</h1>
        </div>
    </a>
  </div></div></div>

<div class="layerV2Categories_universeDCContainer__CWz_A"><div><div class="layer-block stealth bottom">
  <a href="/nieuw-binnen-heren_282101" class="imgBloc" title="Nieuw binnen">
      <div class="img-layer noShadow">
          <picture>
              <img src="/kiabi-data/nl_NL/media/pma7e24/layer-homme-01-min.jpg" alt="Nieuw binnen">
              </picture>
      </div>
      <div class="txt-layer">
          <h1>Nieuw binnen</h1>
      </div>
  </a>
</div>

<div class="layer-block stealth bottom">
    <a href="/basics-heren_450462" class="imgBloc" title="Basics">
        <div class="img-layer noShadow">
            <picture>
                <img src="/kiabi-data/nl_NL/media/pma7e24/layer-homme-02-min.jpg" alt="Basics">
                </picture>
        </div>
        <div class="txt-layer">
            <h1>Basics</h1>
        </div>
    </a>
  </div></div></div>

<div class="layerV2Categories_universeDCContainer__CWz_A"><div><div class="layer-block stealth bottom">
  <a href="/nieuw-binnen-meisjes_282102 " class="imgBloc" title="Nieuw binnen">
      <div class="img-layer noShadow">
          <picture>
              <img src="/kiabi-data/nl_NL/media/pma7e24/layer-fille-01-min.jpg" alt="Nieuw binnen">
              </picture>
      </div>
      <div class="txt-layer">
          <h1>Nieuw binnen</h1>
      </div>
  </a>
</div>

<div class="layer-block stealth bottom">
    <a href="/basics-meisjes_450552 " class="imgBloc" title="Basics">
        <div class="img-layer noShadow">
            <picture>
                <img src="/kiabi-data/nl_NL/media/pma7e24/layer-fille-02-min.jpg" alt="Basics">
                </picture>
        </div>
        <div class="txt-layer">
            <h1>Basics</h1>
        </div>
    </a>
  </div></div></div>

<div class="layerV2Categories_universeDCContainer__CWz_A"><div><div class="layer-block stealth bottom">
  <a href="/nieuw-binnen-jongens_282103 " class="imgBloc" title="Nieuw binnen">
      <div class="img-layer noShadow">
          <picture>
              <img src="/kiabi-data/nl_NL/media/pma7e24/layer-garcon-01-min.jpg" alt="Nieuw binnen">
              </picture>
      </div>
      <div class="txt-layer">
          <h1>Nieuw binnen</h1>
      </div>
  </a>
</div>

<div class="layer-block stealth bottom">
    <a href="/basics-jongens_450463 " class="imgBloc" title="Basics">
        <div class="img-layer noShadow">
            <picture>
                <img src="/kiabi-data/nl_NL/media/pma7e24/layer-garcon-02-min.jpg" alt="Basics">
                </picture>
        </div>
        <div class="txt-layer">
            <h1>Basics</h1>
        </div>
    </a>
  </div></div></div>

<div class="layerV2Categories_universeDCContainer__CWz_A"><div><div class="layer-block stealth bottom">
    <a href="/babytrends_447174" class="imgBloc" title="Naar de kinderopvang">
        <div class="img-layer noShadow">
            <picture>
                <img src="/kiabi-data/nl_NL/media/pma7h23/layer-bb.jpg" alt="Naar de kinderopvang">
                </picture>
        </div>
        <div class="txt-layer">
            <h1>Naar de kinderopvang</h1>
        </div>
    </a>
 </div>
 <div class="layer-block stealth bottom">
    <a href="/kledingsets_451427" class="imgBloc" title="Kledingsets">
        <div class="img-layer noShadow">
            <picture>
                <img src="/kiabi-data/nl_NL/media/pma7h23/layer-bb2.jpg" alt="Kledingsets">
                </picture>
        </div>
        <div class="txt-layer">
            <h1>Kledingsets</h1>
        </div>
    </a>
 </div></div></div>

<div class="layerV2Categories_universeDCContainer__CWz_A"><div><div class="layer-block stealth bottom">
    <a href="/bedtextiel-volwassenen-wonen_206099" class="imgBloc" title="Bedtextiel voor volwassenen">
        <div class="img-layer noShadow">
            <picture>
                <img src="/kiabi-data/nl_NL/media/pma7e24/layer-maison-01-min.jpg" alt="Bedtextiel voor volwassenen">
                </picture>
        </div>
        <div class="txt-layer">
            <h1>Bedtextiel voor volwassenen</h1>
        </div>
    </a>
</div>
<div class="layer-block stealth bottom">
    <a href="/bedtextiel-kinderen-wonen_206139" class="imgBloc" title="Bedtextiel voor kinderen ">
        <div class="img-layer noShadow">
            <picture>
                <img src="/kiabi-data/nl_NL/media/pma7e24/layer-maison-02-min.jpg" alt="Bedtextiel voor kinderen">
                </picture>
        </div>
        <div class="txt-layer">
            <h1>Bedtextiel voor kinderen </h1>
        </div>
    </a>
</div></div></div>

<div class="layerV2Categories_universeDCContainer__CWz_A"><div><div class="layer-block stealth bottom">
	<a href="/verkleedkleding-voor-kinderen-baby-s-verkleedkleding_440106" class="imgBloc" title="Verkleedkleding">
        <div class="img-layer noShadow">
            <picture>
                <img src="/kiabi-data/nl_NL/media/pma7e24/layer-deguisement-01-min.jpg" alt="Verkleedkleding voor kinderen">
                </picture>
        </div>
		<div class="txt-layer">
			<h1>Verkleedkleding voor kinderen</h1>
		</div>
    </a>
</div>
<div class="layer-block stealth bottom">
	<a href="/verkleedkleding-voor-volwassenen-verkleedkleding_440105" class="imgBloc" title="Verkleedkleding">
        <div class="img-layer noShadow">
            <picture>
                <img src="/kiabi-data/nl_NL/media/pma7e24/layer-deguisement-02-min.jpg" alt="Verkleedkleding voor volwassenen">
                </picture>
        </div>
		<div class="txt-layer">
			<h1>Verkleedkleding voor volwassenen</h1>
		</div>
    </a>
</div></div></div>

<div class="rea">
    <div class="reassuranceSlider">
        <ul>
             <li>
                <span>Levering binnen 2 tot 3 werkdagen</span>
            </li>
        </ul>
    </div>
    </div>
  <style>




 /* Suppression bug compte */
  [data-selenium=coordonnees] {display: none!important;}
  [data-testid=accountDrawer_div_itemContainer] a:nth-child(4) {display: none;}
    /***correction wishlit***/
    .account_navigation li#wishList {
    display: none!important;
    }
    
    
    
    
    /*config couleurs banner et popup*/
    #bannertop {
        background: #040037;
    }
    #bannertop .rea .reassuranceSlider ul,
    #bannertop .rea .reassuranceSlider ul li a {
        color: #ffffff;
    }
    #bannertop .svginfo path{
        fill: #FFFFFF;
    }
    
    #popup3 .popup{
        background: #ffffff;
    }
    #popup3 .popup h2,
    #popup3 .popup .fermer,
    #popup3 .popup .content {
        color: #040037;
    }
    /*Reglage animations desk et mobile*/
    :root {
       /* --animate-items: 1;/*ici nombre de li*/
        /*--animation-name: defilement-utdMob ; ajouter la mm valeur que animate-items pour appeler la bonne animation mettre en commentaire pour un  ajouyer defilement-utdMob*/
        /* --animation-name: defilement-utdMob ; */
        --animate-delay-by-item: 5s;/*delai animation par item*/
        --animate-mobile-delay-by-item: 10s; /*delai de lecture en mobile pour 1 item*/
        --animate-width-li:300px;
       
    }
    #bannertop .rea .reassuranceSlider ul {
        animation-duration: calc(var(--animate-items)*var(--animate-delay-by-item));
    }
    @media screen and (max-width: 800px) {
       #bannertop .rea .reassuranceSlider ul {
            animation-duration: calc(var(--animate-items)*var(--animate-mobile-delay-by-item));
        }
    }
    
    /************************/
    #bannertop {
        height: 36px;
        z-index: 152;
    }
    #bannertop .svginfo{
        vertical-align: -5px;
    }
    #bannertop .rea {
        text-align: center;
    }
    #bannertop .rea .reassuranceSlider {
        overflow: hidden;
        text-align: center;
        height:36px;
    }
    #bannertop .rea .reassuranceSlider ul {
        white-space: nowrap;
        position:relative;
        animation-name: var(--animation-name);
        animation-timing-function:linear ;
        animation-delay: 1s;
        animation-iteration-count: infinite;
        animation-direction: unset;
        animation-fill-mode: unset;
        overflow:hidden;
        opacity: 1;
    }
    #bannertop .rea .reassuranceSlider ul:hover{
        animation-play-state: paused;
    }
    #bannertop .rea .reassuranceSlider ul li{
        padding: 7px;
        display: block;
        white-space: nowrap;
        font-size: 15px;
        line-height: 22px;
    }
    #bannertop .svginfo path:first-child{
        fill: none;
    }
    
    #popup3.overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, .5);
        transition: opacity 500ms;
        visibility: hidden;
        opacity: 0;
        z-index: 999;
    }
    #popup3.overlay:target {
        visibility: visible;
        opacity: 1;
    }
    #popup3 .popup {
        margin: 0 auto;
        padding: 30px;
        position: relative;
        top: 25% !important;
        max-width: 600px;
        transition: all 5s ease-in-out;
    }
    #popup3 .popup h2 {
        margin: 0 auto 20px;
        font-size: 22px;
        line-height: 30px;
        font-weight: 700;
    }
    #popup3 .popup .fermer {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 25px;
        text-decoration: none;
        transition: all 200ms;
    }
    #popup3 .popup .fermer:hover {
        transform: scale(1.5);
    }
    #popup3 .popup .content {
        text-align: left;
        max-height: 30%;
        overflow: auto;
        font-size: 15px;
        margin: auto;
        line-height: 1.8em;
    }
    
    @media screen and (max-width: 800px) {
        #bannertop .rea .reassuranceSlider ul {
            animation-name: defilement-rtlMob;
            animation-timing-function:linear ;
            animation-delay: 0s;
            animation-iteration-count: infinite;
            animation-direction: unset;
            animation-fill-mode: unset;
            overflow: visible;
        }
        #bannertop .rea .reassuranceSlider ul li{
            padding: 7px 0;
            display: inline-block;
            white-space: nowrap;
            font-size: 15px;
            line-height: 22px;
        }
        #bannertop .rea .reassuranceSlider ul li a:first-child::before{
            content:" | ";
        }
        #bannertop .rea .reassuranceSlider ul li:first-child a:first-child::before{
            content:unset;
        }
    }
    /*Anim mobile********************/
    @keyframes defilement-rtlMob{
          0%{
              
              transform:translate(95%);
          }
          100%{
              
              transform:translate(var(--animate-width-li));
          }
      }
    
    
    
    
    
    @keyframes defilement-rtl {
        0%   { 
            opacity: 1;
        transform: translateX(2%); 		
        }
        10%{
            transform: translateX(2%); 
        }
        88% { 
        transform: translateX(-315%); 
        opacity:1;
        }
        99% { 
        transform: translateX(-215%); 
        opacity: 0;
        }
        100%{
            transform: translateX(110%); 
            opacity: 1;
        }
    }
    /*Anim desk*/
    @keyframes defilement-utd1{}
    
    @keyframes defilement-utd2 {
        0% {
        opacity: 0;
      }
      2%{
        opacity: 0.5;
      }
      5%{
        opacity: 1;
      }
      49% {
        transform: translateY(0px);
        opacity: 1;
      }
      50% {
        transform: translateY(-36px);
        opacity: 0.5;
      }
      53%{
        opacity: 1;
      }
      98% {
        opacity: 1;
      }
      99% {
        transform: translateY(-36px);
        opacity: 0.5;
        }
      100% {
        transform: translateY(0);
        opacity: 0;
      }
     }
    
    @keyframes defilement-utd3 {
        0% {
        opacity: 0;
      }
      2%{
        opacity: 0.5;
      }
      5%{
        opacity: 1;
      }
      32% {
        transform: translateY(0px);
        opacity: 1;
      }
      33% {
        transform: translateY(-36px);
        opacity: 0.5;
      }
      36%{
        opacity: 1;
      }
      65% {
        transform: translateY(-36px);
        opacity: 1;
      }
      66% {
        transform: translateY(-72px);
        opacity: 0.5;
      }
      69%{
        opacity: 1;
      }
      98% {
        opacity: 1;
      }
      99% {
        transform: translateY(-72px);
        opacity: 0.5;
      }
      100% {
        transform: translateY(0);
        opacity: 0;
      }
     }




</style>
<script>
const box = document.querySelectorAll(".reassuranceSlider ul")[0];
const boxRect = box.getBoundingClientRect();


var totalLiCount=document.querySelectorAll(".reassuranceSlider li").length;
console.log('lallaakla')
console.log(totalLiCount)

if (totalLiCount===1){
    document.documentElement.style.setProperty('--animate-items', 1);
    document.documentElement.style.setProperty('--animation-name', 'defilement-utdMob');
    var checkSizeli1=document.querySelectorAll(".reassuranceSlider li a:first-child")[0].offsetWidth;
    var totalwidthli1=checkSizeli1;
    document.documentElement.style.setProperty('--animate-width-li', -totalwidthli1+"px");

    console.log('1')
    console.log(totalwidthli1)
   

}else if (totalLiCount===2){
    document.documentElement.style.setProperty('--animate-items', 2);
    document.documentElement.style.setProperty('--animation-name', 'defilement-utd2');
    var checkSizeli1=document.querySelectorAll(".reassuranceSlider li a:first-child")[0].offsetWidth;
    var checkSizeli2=document.querySelectorAll(".reassuranceSlider li a:first-child")[1].offsetWidth;
    var totalwidthli2=checkSizeli1+checkSizeli2;
    document.documentElement.style.setProperty('--animate-width-li', -totalwidthli2+"px");
    console.log('2')
    console.log(totalwidthli2)

}else if (totalLiCount===3){
    document.documentElement.style.setProperty('--animate-items', 3);
    document.documentElement.style.setProperty('--animation-name', 'defilement-utd3');
    var checkSizeli1=document.querySelectorAll(".reassuranceSlider li a:first-child")[0].offsetWidth;
    var checkSizeli2=document.querySelectorAll(".reassuranceSlider li a:first-child")[1].offsetWidth;
    var checkSizeli3=document.querySelectorAll(".reassuranceSlider li a:first-child")[2].offsetWidth;
    var totalwidthli3=checkSizeli1+checkSizeli2+checkSizeli3;
    document.documentElement.style.setProperty('--animate-width-li', -totalwidthli3+"px");
    console.log('3')
    console.log(checkSizeli1)
    console.log(checkSizeli2)
    console.log(checkSizeli3)
    console.log(totalwidthli3)

    
}





 





</script>



    
    

<div id="footerSeo">
<p>Kiabi.nl voor de online aankoop van kleding, schoenen en mode accessoires voor dames, heren en kinderen. Ontdek onze collecties : grafische t-shirts, <a href="/polo-s-heren_200874">polo's</a> en <a href="/mouwloze-top-dames_217817">mouwloze tops met print</a>, <a href="jurken-dames_201544">jurken dames</a>, <a href="/avond-en-cocktailjurken-dames_230519">avondjurken</a>, <a href="/spijkerrok-dames_231102">spijkerrokjes</a>, <a href="/korte-broeken-en-bermuda-s-dames_201594">shorts</a>, <a href="/bermuda-capribroek-heren_200924">bermuda's met zakken</a>, <a href="/dames_200009">capri broeken</a>, <a href="/zwemkleding-dames_201554">badpakken</a>, bikini's, <a href="/short-heren_252659">zwemshorts</a>, <a href="/pumps-dames_201934">pumps</a>, <a href="/sandalen-met-hak-dames_259924">sandalen</a> en <a href="/slippers-dames_201804">slippers</a>. En niet te vergeten de onmisbare <a href="/blazers-dames_422136">jasjes</a>, <a href="/blouse-tuniek-dames_251823">tunieken</a>, <a href="/jeans-dames_201564">spijkerbroeken</a> en <a href="/broek-dames_201474">broeken</a>. Nette of casual mode, onze trendy fashion is altijd klein geprijsd. Voor alle moeders is er een grote selectie aan <a href="/baby-s_200029">kleertjes</a> en <a href="/schoenen-baby-s_204174">schoentjes</a> voor baby's. We hebben ook een collectie elegante en comfortabele <a href="/zwangerschapskleding-dames_231472">positiekleding</a>. Ontdek onze afdeling grote maten mode voor <a href="/dames-collecties-dames-size_200009R3">dames</a> (<a href="/jurken-dames-collecties-dames-size_201544R3">jurken</a>, <a href="/t-shirts-tops-hemdjes-dames-collecties-dames-size_217724R3">tops</a>, <a href="/blouse-dames-collecties-dames-size_201494R3">tunieken</a>, <a href="/lingerie_268914">lingerie</a>) en <a href="/heren-collecties-herenmode-grote-maten_200014R10">heren</a> (<a href="/t-shirt-heren-collecties-herenmode-grote-maten_200804R10">t-shirts</a>, <a href="/overhemd-heren-collecties-herenmode-grote-maten_200774R10">overhemden</a>, <a href="/kostuum-heren-collecties-herenmode-grote-maten_200854R10">kostuums</a>, <a href="/broek-heren-collecties-herenmode-grote-maten_200754R10">broeken</a>). Voor al uw feesten is er ook onze afdeling <a href="/verkleedkleding_257664">verkleedkleding</a>. Bij Kiabi.nl vindt u het hele jaar door aanbiedingen en <a href="/nieuw-binnen-dames_282100">nieuwe collecties</a>.</p>
<p>
<p><a href="/black-friday_LP968018">Black Friday</a></p>
<p><a href="/dames_200009">Dames kleding</a> - <a href="jurken-dames_201544">Jurkjen dames</a> - <a href="/bikini-s-dames_201924">Bikini dames</a> - <a href="/sneakers-dames_201994">Dames sneakers</a> - <a href="/joggingbroeken-dames_201964">Joggingbroek dames</a></p>
<p><a href="/lingerie_268914">Lingerie</a> - <a href="/bh-lingerie_268963">bh</a> - <a href="/badjas dames">Badjas dames</a></p>
<p><a href="/heren_200014">Heren kleding</a> - <a href="/boxers-heren_201364">Boxers</a></p>
<p><a href="/meisjes_200019">Meisjes kleding</a> - <a href="/pyjama-s-nachthemden-meisjes_203264">Meisjes pyjama</a>
<a href="/jongens_200024">Jongens kleding</a> -
<a href="/baby-s_200029">Babykleding</a> -
<a href="/verkleedkleding_257664">Verkleedkleding</a> -
<a href="/wonen_200039">Beddengoed</a> -
<a href="/sale_445958">Kleding Sale</a>
</p>
</p>
</div>

Sitemap 19

Klantenservice

Hulp nodig?

Diensten

Over Kiabi

Volg ons

We houden contact