input.mlx-fb-ctrl:checked ~ .mlx-cnt .mlx-itv { display:block !important;max-width: 100% !important;max-height:unset !important; }
input.mlx-fb-ctrl:checked ~ .mlx-cnt .mlx-itv-tbl { display:table !important;max-width: 100% !important;max-height:100% !important; }
input.mlx-fb-ctrl:checked ~ .mlx-cnt .mlx-fb { display:none !important; }

.mlx-fltr-hdr-cnt { display:table; width:100%; position:relative; }
.mlx-fltr-nav { display:table-cell; vertical-align:middle; width:35px; }
.mlx-fltr-nav.sld-nav-l { background:linear-gradient(90deg, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0) 120%); }
.mlx-fltr-nav.sld-nav-r { right:0; left:auto; background:linear-gradient(90deg, rgba(255, 255, 255, 0) -10%, rgba(255, 255, 255, 1) 25%); }
.nav-prv, .nav-nxt { display:none;cursor:pointer; }
.mlx-fltr-nav.sld-nav-l .nav-prv span { display:block; background-position:center; background-size:contain; background-repeat:no-repeat; width:35px; font-size:0 !important; }
.mlx-fltr-nav.sld-nav-r .nav-nxt span { display:block; background-position:center; background-size:contain; background-repeat:no-repeat; width:35px; font-size:0 !important; }
.mlx-fltr-nav.sld-nav-l .nav-prv svg, 
.mlx-fltr-nav.sld-nav-r .nav-nxt svg { width:21px; transform:translateX(9px); }
.mlx-fltr-sld-cnt { display:table-cell; width:100%; max-width:380px; vertical-align:top; overflow:hidden; }
.mlx-fltr-sld { display:table; transition:all 0.25s ease-in-out; width:300%; }
.mlx-fltr-sld-itm { display:table-cell; vertical-align:top; padding:0 3px; box-sizing:border-box; width:8.33%; max-width:0; }
.mlx-fltr-sld .mlx-fltr-sld-itm .mlx-fltr-sld-itm-bg { display:block; height:36px;background-image:url('https://de.api.mailix.com/cdn/43c0efm1/clients/dhl/bubble-v3.png'); background-repeat:no-repeat; background-size:71px 35px; background-position:center top; margin:0 auto; }
.mlx-fltr-sld .mlx-fltr-sld-itm .mlx-fltr-sld-itm-bg a { font-family:sans-serif; font-size:12px; line-height:15px; font-weight:700; color:#fff; text-align:center; text-decoration:none; display:block; height:36px; }
.mlx-fltr-sld-itm .mlx-tab-lbl { display:block; width:94%; padding:6px 0 0; margin:0 auto; }
.nav-prv, 
.nav-nxt { display:none; cursor:pointer; color:#191919; }
.nav-prv span:hover, 
.nav-nxt span:hover { color:#d40511; }
.nav-prv span, 
.nav-nxt span { display:block; width:20px; height:20px; margin:0 auto; }
.mlx-fltr input.mlx-fltr-nav-c.stp-0:checked ~ * .mlx-fltr-nav.sld-nav-l .nav-prv.nav-0,
.mlx-fltr input.mlx-fltr-nav-c.stp-0:checked ~ * .mlx-fltr-nav.sld-nav-r .nav-nxt.nav-1,					.mlx-fltr input.mlx-fltr-nav-c.stp-1:checked ~ * .mlx-fltr-nav.sld-nav-l .nav-prv.nav-0,
.mlx-fltr input.mlx-fltr-nav-c.stp-1:checked ~ * .mlx-fltr-nav.sld-nav-r .nav-nxt.nav-2,					.mlx-fltr input.mlx-fltr-nav-c.stp-2:checked ~ * .mlx-fltr-nav.sld-nav-l .nav-prv.nav-1,
.mlx-fltr input.mlx-fltr-nav-c.stp-2:checked ~ * .mlx-fltr-nav.sld-nav-r .nav-nxt.nav-3 { display:block; opacity:1; }		
.mlx-fltr input.mlx-fltr-nav-c.stp-0:checked ~ * .mlx-fltr-sld { transform:translateX(-0%); }
.mlx-fltr input.mlx-fltr-nav-c.stp-1:checked ~ * .mlx-fltr-sld { transform:translateX(-33.333332%); }
.mlx-fltr input.mlx-fltr-nav-c.stp-2:checked ~ * .mlx-fltr-sld { transform:translateX(-66.666664%); }
.mlx-fltr input.mlx-fltr-nav-c:first-child:checked ~ * .mlx-fltr-nav.sld-nav-l,
.mlx-fltr input.mlx-fltr-nav-c:last-child:checked ~ * .mlx-fltr-nav.sld-nav-r { color:#191919!important; cursor:auto!important; opacity:0.2; }
.mlx-fltr input.mlx-fltr-nav-c:first-child:checked ~ * .mlx-fltr-nav.sld-nav-l .nav-prv span:hover,
.mlx-fltr input.mlx-fltr-nav-c:last-child:checked ~ * .mlx-fltr-nav.sld-nav-r .nav-nxt span:hover { color:#191919!important; cursor:auto!important; }
@media screen and (min-width:600px) { 
.d-nav-hd .sld-nav-l, .d-nav-hd .sld-nav-r { display:none !important; }
.mlx-fltr input.mlx-fltr-nav-c.stp-2:checked ~ * .mlx-fltr-nav.sld-nav-l .nav-prv.nav-1,
.mlx-fltr input.mlx-fltr-nav-c.stp-2:checked ~ * .mlx-fltr-nav.sld-nav-r .nav-nxt.nav-2 { display:block; }
.mlx-fltr input.mlx-fltr-nav-c.stp-2:checked ~ * .mlx-fltr-nav.sld-nav-r .nav-nxt.nav-2 { display:block; }
.mlx-fltr input.mlx-fltr-nav-c.stp-2:checked ~ * .mlx-fltr-nav.sld-nav-r .nav-nxt.nav-3 { display:none; }
.mlx-fltr input.mlx-fltr-nav-c.stp-2:checked ~ * .mlx-fltr-nav.sld-nav-r .nav-nxt.nav-2 { display:block; opacity:0.2 !important; }
.mlx-fltr input.mlx-fltr-nav-c.stp-2:checked ~ * .mlx-fltr-nav.sld-nav-r .nav-nxt.nav-2 span:hover { color:#191919!important; cursor:auto!important; }
}
@media screen and (max-width:599px) {
.m-nav-hd .sld-nav-l, .m-nav-hd .sld-nav-r { display:none !important; }
.mlx-fltr-sld { width:400%; }
.mlx-fltr input.mlx-fltr-nav-c.stp-2:checked ~ * .mlx-fltr-nav.sld-nav-l .nav-prv.nav-1,
.mlx-fltr input.mlx-fltr-nav-c.stp-2:checked ~ * .mlx-fltr-nav.sld-nav-r .nav-nxt.nav-3, 
.mlx-fltr input.mlx-fltr-nav-c.stp-3:checked ~ * .mlx-fltr-nav.sld-nav-l .nav-prv.nav-2,
.mlx-fltr input.mlx-fltr-nav-c.stp-3:checked ~ * .mlx-fltr-nav.sld-nav-r .nav-nxt.nav-3 { display:block; } 
.mlx-fltr input.mlx-fltr-nav-c.stp-3:checked ~ * .mlx-fltr-nav.sld-nav-r .nav-nxt.nav-3 { display:block; }
.mlx-fltr input.mlx-fltr-nav-c.stp-3:checked ~ * .mlx-fltr-nav.sld-nav-r .nav-nxt.nav-4 { display:none; }
.mlx-fltr input.mlx-fltr-nav-c.stp-3:checked ~ * .mlx-fltr-nav.sld-nav-r .nav-nxt.nav-3 { display:block; opacity:0.2 !important; }
.mlx-fltr input.mlx-fltr-nav-c.stp-3:checked ~ * .mlx-fltr-nav.sld-nav-r .nav-nxt.nav-3 span:hover { color:#191919!important; cursor:auto!important; }
.mlx-fltr input.mlx-fltr-nav-c.stp-0:checked ~ * .mlx-fltr-sld { transform:translateX(-0%); }
.mlx-fltr input.mlx-fltr-nav-c.stp-1:checked ~ * .mlx-fltr-sld { transform:translateX(-24.999999%); }
.mlx-fltr input.mlx-fltr-nav-c.stp-2:checked ~ * .mlx-fltr-sld { transform:translateX(-49.999998%); }
.mlx-fltr input.mlx-fltr-nav-c.stp-3:checked ~ * .mlx-fltr-sld { transform:translateX(-74.999997%); }
}
.mlx-fltr .mlx-fltr-c.f0:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm[x-mlx-fltr=],
.mlx-fltr .mlx-fltr-c.f0:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm.f0,					.mlx-fltr .mlx-fltr-c.f1:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm[x-mlx-fltr=],
.mlx-fltr .mlx-fltr-c.f1:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm.f1,					.mlx-fltr .mlx-fltr-c.f2:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm[x-mlx-fltr=],
.mlx-fltr .mlx-fltr-c.f2:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm.f2,					.mlx-fltr .mlx-fltr-c.f3:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm[x-mlx-fltr=],
.mlx-fltr .mlx-fltr-c.f3:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm.f3,					.mlx-fltr .mlx-fltr-c.f4:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm[x-mlx-fltr=],
.mlx-fltr .mlx-fltr-c.f4:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm.f4,					.mlx-fltr .mlx-fltr-c.f5:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm[x-mlx-fltr=],
.mlx-fltr .mlx-fltr-c.f5:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm.f5,					.mlx-fltr .mlx-fltr-c.f6:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm[x-mlx-fltr=],
.mlx-fltr .mlx-fltr-c.f6:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm.f6,					.mlx-fltr .mlx-fltr-c.f7:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm[x-mlx-fltr=],
.mlx-fltr .mlx-fltr-c.f7:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm.f7,					.mlx-fltr .mlx-fltr-c.f8:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm[x-mlx-fltr=],
.mlx-fltr .mlx-fltr-c.f8:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm.f8,					.mlx-fltr .mlx-fltr-c.f9:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm[x-mlx-fltr=],
.mlx-fltr .mlx-fltr-c.f9:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm.f9,					.mlx-fltr .mlx-fltr-c.f10:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm[x-mlx-fltr=],
.mlx-fltr .mlx-fltr-c.f10:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm.f10,					.mlx-fltr .mlx-fltr-c.f11:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm[x-mlx-fltr=],
.mlx-fltr .mlx-fltr-c.f11:checked ~ * .mlx-fltr-cnt .mlx-fltr-itm.f11 { display:inline-block !important; }