/** * Miele.sk CSS — automaticky extrahované (v3) * Produkt: Miele - WWI880 WCS PWash&TDos&Steam lotosová biela * URL: https://www.miele.sk/product/12446840/pracka-s-prednym-plnenim-w1-wwi880-wcs-pwashatdosasteam-lotosova-biela#download-section * Dátum: 2026-03-10 * Pravidiel: 1652 z 5434 * Fontov: 32 * Stylesheetov: 39 prístupných * * Scopované pod .miele-desc | [data-v-*] stripnuté | font URL fixnuté * Vložte do: Elementor → Custom CSS alebo child theme style.css */ /* === BASE RESET === */ .miele-desc { font-family: MieleElements, Helvetica, Arial, -apple-system, blinkmacsystemfont, sans-serif; -webkit-font-smoothing: antialiased; color: #1a1a1a; line-height: 1.5; overflow-x: hidden; } .miele-desc *, .miele-desc *::before, .miele-desc *::after { box-sizing: border-box; } .miele-desc img { max-width: 100%; height: auto; display: block; } .miele-desc hr { border: none; border-top: 1px solid #e0e0e0; margin: 1.5rem 0; } /* === FONTY === */ @font-face { font-family: MieleElements; font-style: normal; font-weight: 300; src: local("Helvetica Neue"); } @font-face { font-family: MieleElements; font-style: normal; font-weight: 350; src: local("Helvetica Neue"); } @font-face { font-family: MieleElements; font-style: normal; font-weight: 400; src: local("Helvetica Neue"); } @font-face { font-family: MieleElements; font-style: normal; font-weight: 600; src: local("Helvetica Neue"); } @font-face { font-family: MieleElements; font-style: normal; font-weight: 700; src: local("Helvetica Neue"); } @font-face { font-family: MieleElements; font-style: italic; font-weight: 300; src: local("Helvetica Neue"); } @font-face { font-family: MieleElements; font-style: italic; font-weight: 350; src: local("Helvetica Neue"); } @font-face { font-family: MieleElements; font-style: italic; font-weight: 400; src: local("Helvetica Neue"); } @font-face { font-family: MieleElements; font-style: italic; font-weight: 600; src: local("Helvetica Neue"); } @font-face { font-family: MieleElements; font-style: italic; font-weight: 700; src: local("Helvetica Neue"); } @font-face { font-display: swap; font-family: "Helvetica Neue"; font-style: normal; font-weight: 400; src: local("Helvetica Neue LT W05_45 Light"); } @font-face { font-display: swap; font-family: "Helvetica Neue"; font-style: italic; font-weight: 400; src: local("Helvetica Neue LT W05_46 Lt It"); } @font-face { font-display: swap; font-family: "Helvetica Neue"; font-style: normal; font-weight: 500; src: local("Helvetica Neue LT W05_55 Roman"); } @font-face { font-display: swap; font-family: "Helvetica Neue"; font-style: italic; font-weight: 500; src: local("Helvetica Neue LT W05_56 Italic"); } @font-face { font-display: swap; font-family: "Helvetica Neue"; font-style: normal; font-weight: 600; src: local("Helvetica Neue LT W05_65 Medium"); } @font-face { font-display: swap; font-family: "Helvetica Neue"; font-style: italic; font-weight: 600; src: local("Helvetica Neue LT W05_66 Md It"); } @font-face { font-display: swap; font-family: "Helvetica Neue"; font-style: normal; font-weight: 700; src: local("Helvetica Neue LT W05_75 Bold"); } @font-face { font-display: swap; font-family: "Helvetica Neue"; font-style: italic; font-weight: 700; src: local("Helvetica Neue LT W05_76 Bd It"); } @font-face { font-display: swap; font-family: MieleNormungSonderSymbole; font-style: normal; font-weight: 400; src: local("Helvetica Neue"); } @font-face { font-display: swap; font-family: MielePrintSymbole; font-style: normal; font-weight: 400; src: local("Helvetica Neue"); } @font-face { font-family: VideoJS; font-style: normal; font-weight: 400; src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABUgAAsAAAAAItAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV33Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADwwAABdk9R/WHmhlYWQAABGcAAAAKwAAADYn8kSnaGhlYQAAEcgAAAAdAAAAJA+RCL1obXR4AAAR6AAAABMAAAC8Q44AAGxvY2EAABH8AAAAYAAAAGB7SIHGbWF4cAAAElwAAAAfAAAAIAFAAI9uYW1lAAASfAAAASUAAAIK1cf1oHBvc3QAABOkAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7xDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADbZCycAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1gUV5auc6urCmxEGrq6VRD6ATQP5dHPKK8GRIyoKApoEBUDAiGzGmdUfKNRM4qLZrUZdGKcGN/GZJKd0SyOWTbfbmZ2NxqzM5IxRtNZd78vwYlJdtREoO7sudVNq6PmmxmKqrqPU+eee173P80Bh39Cu9DOEY4DHZBK3i20D/QRLcfxbE5sEVtwLpZzclw4ibFIkSCJUcZ4MBpMnnzwuKNsGWBL5i3qy6kO2dVpvUpKbkAP9fq62rdeGJ+TM/7C1nbIutfuWrWk5ci4zMxxR1qW/N+9JsmCGXj9VKWhFx/6tr/nz78INDm2C9yPF/fDcxLuyKxLBZ1ZBz2QTi+RSkiH5RrDQJ/GgGQadX9m0YSURs7GpSG905Zsk41uj14yul1OtieZ7QUk5GRG/YiS7PYYPSAZNRed9sq3+bOpz00rKb7pe/ZEZvbALxZAHT3AFoH8GXP3rt67QFn40kt8W13FjLTDb48c+fSi5/7h0P4dL5yz7DPtbmgmYxfQA9RL2+EOfTcvdp+1vmuBpvOll1As1S6ak0IvJzC7sKWJFtJgBd2uWcg+0Zyg7dzQfhcjXRgXGZRf5/a4A58IDU777Nl252AUk4m2ByRRjqTNqIDCEJeAnU3iCFwrkrNwXEzg4yFevBwypzxkcX+AIfk3VEKl3XmWbT8788SzvpvFJaiOezL6QyuSr9VNf97csNu0z3LuhR0wATUxZAfVBwVOy+nQFhxYdWaXlXe4HC4zWGWzzsrLDtmhI9pOWOHv7PTT7XybH1Z0+v2d5Abd3kmG+TsH23CS/KwTxx/JkzEwx6jcQOUc42LLwHJ/J93uZ9ygh3HuZGwqsY9dWDHQ58dxNqyqKRQTYdxwTubiOSs3FiMDkq0WSZQgCT0GBDOg2lxOAd1FlPVGs4AKBAcYHHaP2wPkHaivmLF5zYqnIZrvcHx5gN4k/6tchNW1DtdgNL2KrxEkS/kfnIHoVnp1VjmjpTf5r0lTzLj0mdS28tX+XGorU364eMPmnWVl8J36nlKGw3CZhjEiuMw8h8mKvhGD+4/lElBWjAhLJMg6fTw4zPZ8cOmcGQBm2Qxml1nAm13CpYGq1JKUlJJUzQn1PTAO0mgv6VMMpA/DuRfSWEu4lDIxdbAtdWIKvnn2Vk766CWfz9fpY0sH/UpdP50rfszaVpdVRmvIejEdLMk45s4Bu0EWHjeOySmFyZSiMahvZdNSn29peoI/YexYfKQTLeurTXXwEVLeSfInTWHkkMaeUx7sBvOCSTSj3AlcKjfueyS36tCrXDlgRtF0etFq9jhc1kfKuBT/OwMr0F4UUTTh1AN0g20+H/ScPcsIEsYu9d/zN5PmjprPtNwI1ZZcDK6iC97Mcjp2y2aX36f+QbpGHrgRuHlXJ+Zf6PFRL2uQSp8vxHeF2IoRb8Rd2rhMzsNxSRmEuKK4JFnkojhMcx6jzqHzGMGFcW+MhBj0bhf6cowN+45I4LHvwT6fteu7M42wGRI/pxcg6/MZdEvt1U1XaulHFXuLmqov/MukvRVL35/b3ODM1+4aPjtzeK7zmUkV2h3DN54HaQ9GzJvxHRb6Ks2gB81fwqraT+A7GvZJrRLRofU6G0urNL+zFw3v0FaVDFxsKEZW56F31r6ip6vOL+FCObBPuIMRiXld9RaMdLzRIOGhPey2T9vA/35DmZPK9IWaT9d/WgOGMieYqJ/dzjLIhZU118gbysxrNUGefxD6UO/hyNNllpFTOIbx32kSFQctnweV5PxTMHLjRqiAN+fQE9gL+Xy5WB6MOS4GJJuYbDUHhcKDhHGRbLzOpjsjdM1+iwAZLGeieehACX2hhI7SjK/ZUTNrvVje31TxJiFBGYViWFkCn9PMeX9fS6qVbzfCj4fOCTzDnuWy2c4xA7mdNkA3RS9FH2VeqzdCBlixxbzXjvkHU1I8BOYFb1pZvPIHSSIj4svT8xpzcxtXN+ZKyjdDvbz08niiF3PqV9Tn5NST8vg48MTaY8E5xqSSIsWoWHo+LtAzxdH/GDUyp37CBEYfso04F/NlMTcDJUTpECLY0HFGQHImE8xsEUdgnrQlixIvGhJA1BvxpDHGxEMBYFeNOHcBJlSjwe2JcSfbBEsGOPPBHg/6SBBOCsLLw0SpUxod0Z1bFMfLkbQ3UiZxEyd0Dx8t+SRBu18Q9msFbI4e3p1THEfkSEh7kEJ5orR10qTWDvbgPWn5aWvCYyOAjwgXyjJi34uMjo58L25cmRAeQZWI2PA1QQLsPESAH8WGFwZZ4SPoR73BHPzIPMJj9AreBzKUmrH4todT18ANvi1oc3YGjUT/0j+ExUwq8PI9BLaCQIpvewwYu2evAG/Vo/5avPdY7o+BemLLXw3y+AdkzP9bpIxB1wm5EYq8fesHbPEPtm6HrHvtx4jcGPR8fDDpkZBefIjB46QnlUNRltv4Z/pO/J6dxEjhYAtmoMeq+GozvUVvNYOW3m6GCIhoprcfr97B8AcIQYsfD8ljUvGNjvkrpj0ETA48ZMIxCeqsRIsQALE0gi2GB+glSOfbOjW3GSBM9yPq8/rpJXrJDz0BPxV6xdN4uiCGDQed3WhgFkBUZEFsmeyyBpzXrm7UGTBZG8Lh5aubFufk5eUsbrrFGr7McYdbltxa0nKYqRKbQjvikXYkTGM0f2xuyM3Ly21oXnWfvf6I1BmZwfh7EWWIYsg2nHhsDhOnczhJcmI6eBAmy3jZ3RiJmKQR/JA99FcwsfaVbNDDyi1rL9NPj9hfo61wjM6BjzOLijLpeTgk/pL+ip6tfYWupzeOgPny2tcUu9J/9mhxJlgyi985NFRbvCVewXUNXLJaW0RxZqtRYtnfYdcYomXQWdnJHQA3jiEEkeTQWcWxdDP9IvvVWvo2TK553XEMEq+s69/QDU1Q7p0zxwsm9qS379whr8NI2PJqLUyGyfNeX3eFfnJU2U+uHR9cVV1IqgurqwuV44XVp0h2qN55X5XJwtk59yP0IZuHrqBOBIuIYhkcoT6Kx79Pu2HS/IPZIMOqLWs/pteOOk4NPgEb6QAIdAPsyZk5Mwd+wVaHMexJv719W7xCu2l37UG6lvYdBcvHa08p89741zd63phTRGqL5ggo6SlvdbWXzCqsPq78NnSu7wnKy2HNZbVoRCI7UJEOyRj+sPE002tOOY7Qa5fXboFWkLNeqYUSZRocp9XwSUZxcQZ9Hw6LV2pOoVmvHQEDbGIENEG5i6bLgMSM4n8+FNLTtAds99DaWEvgcf4o5SyYe9x+kF6/tGoTPAdRmS/XQIEy//QxKC2oqioAI3tS5auvxCtzT6y6RK8fhChYcwCJaMJhxc0vqSxQ/qmgsrKAlBZUHlauheTpvd9uj5DnLzJct6qfq5fXbYHVIGcfrIVJihbaVLu1wW7Vbs8zK0A8e9Jvb91S9cVMjPrazD6gpfeZTXzYbCFMcppVRsGMpp55OWgx1/3JeAxW1Y7AORgM/m3rWrsdLkQVmEVSU16cX/e7uvkvpqRiQsG06XJ0t64Tf+l0nG1dt025gyOIZlvq5u9KSU1N2TW/rsWnnMRPyTDkctbhvIcNvYIXWyLzdwYLoYesUbaQG4iK2cWO2gdpeUYLqDD0MUTOPhDIGnZEs58yArR86FznuWEsU4YDi2x26dA4klkn8Qa6vhk2QUfX4Jxm/ngX9r7ogn1dmlmwqZmuhxtdg9XN/DEcUgqb+9hMyNansfaQET2mcROCmGEMVqxm5u+h6kN2MOwgqykV2wH9yQG9DvVFU38Pogaf4FVuE62KI/oJ02RDdWW2w5dqQwU/8+N1q1DlvsL863u61KLE7x/o8w0VJQM/Y/SQ3unIrqxueEa1BqT5VFNsO7p39/UC771a77RowpaKe9nvJQIT1Pog5LGx8XblBKmCNGTf3xMogAQvPnz9PYKX/08sVDTG1OKUlOLUgS/UaZtm1NAaYTsl7i9ZQ+L6O4Rl0OGa577LuWvc+C+x96/vYh0lLBuM+7XwI/dTLtdT7v4d6rRTWDnku0IBrqFnZ5bVIqKP8lasJlithWnaLhTsr8qFJBulF/70p4undou36HeTJ5+jv1fCybeQ8nH3+Xv6aENczmOFlab+hqMDg1rLOt12A+tiUFrYDwQ6c3RUJp601nzegTNX6WlYAI2zSUV945F6zU56ZmZVQaWspWcIADxJ9GmljQUnL2p2Dpr5T8H+5KJFu+vqBq8qvyHRzStLHPEO5SPYCV9nZe0yZT2RcH0oHvegSzNEJ0oGWU8iQWM12dgPEugngVceGIwZgPFp0BiT1a0a3R5Rcot7ihfA1J/20v96jX7zmTX9s583H0kwx6WnLd09cXrR9LGroOa9sHNbdyz8wcKk5lqhaVFJZNwmqtw884MXNdvJujpBa3xzuSaZH9sxa06Z7x+HJSduPbdYHv/DgmEhfbehvlmGN7JUkcG78GDM12CeyFFTPNqVeNxC1gzjz+c2nVo63Xxs8rKJWXoBJM0tmEbfGm4qzpoOH3xpzQfyxLzW1gnE9NHo6tol1eMEic4ZVPrjnVi0kqAe2sQ2bgqupScaq8WGlUWgWHI51SKJl/UYT6zccNsCSkBtiVZLsiefuFSDYT3Fi8Zk7EUnmjTRYtsFeuDDJS05MW79M3mr3mla+d8dzac31KTPmBYfFiYSUef48PhPjm9ryZsSGZZkdNvzq0Y9rdNcwDq5Dg5C3QW+7UN64IKptvS3tvHbvu5c9pv1Exau21rc9LIpwpQwUjTq8576yeVDz5+4WZ1nXT43wV60rPLJbDp/UksNrP3iQ2SA63Pst058gOYDbhRnRUw8l/sRt4HbxPzO4WYpInCpuVgSbVh6JXuwnnJngKTTCwaPWmG5Xbhpm1U0Yt3FyBGpGYemPM77p2TD904JjgJ2QFpFLeYpGx8X15Qx1Zk31p5ki9ZLUuXE0lmuJlcakJMVLeFS1iIvrB8drY0aloilakqCZwzwRORtxlgwxS4IThggJd4TDxoiaAIT80fFPGrCPPru+puFn504P/ybr4ihA/6dKASLshEJic7xE8tmzu3KzA7TABBe8y5fNbWo3ilQn/SuFKM16b2l5bOeayqfGhYmhIulU+fVNDdWVv4NMzX10MBHyPR5uhWUu8D9P1VnIMt4nGNgZGBgAOJ/1bf64vltvjJwszOAwAOlmqvINEc/WJyDgQlEAQA+dgnjAHicY2BkYGBnAAGOPgaG//85+hkYGVCBPgBGJwNkAAAAeJxjYGBgYB/EmKMPtxwAhg4B0gAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAe4CLgKKAtAC/ANiA4wDqAPgBDAEsATaBQgFWgXABggGLgZwBqwG9gdOB4oH0ggqCHAIhgicCMgJJAlWCYgJrAnyCkAKdgrkC7J4nGNgZGBg0GdoZmBnAAEmIOYCQgaG/2A+AwAaqwHQAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkXlT2zAQxf1C4thJAwRajt4HRy8VMwwfSJHXsQZZcnUQ+PYoTtwpM+wf2t9brWZ2n5JBsol58nJcYYAdDDFCijEy5JhgileYYRd72MccBzjEa7zBEY5xglO8xTu8xwd8xCd8xhd8xTec4RwXuMR3/MBP/MJvMPzBFYpk2Cr+OF0fTEgrFI1aHhxN740KDbEmeJpsWZlVj40s+45aLuv9KijlhCXSjLQnu/d/4UH6sWul1mRzFxZeekUuE7z10mg3qMtM1FGQddPSrLQyvJR6OaukItYXDp6pCJrmz0umqkau5pZ2hFmm7m+ImG5W2t0kZoJXUtPhVnYTbbdOBdeCVGqpJe7XKTqSbRK7zbdwXfR0U+SVsStuS3Y76em6+Ic3xYiHUppc04Nn0lMzay3dSxNcp8auDlWlaCi48yetFD7Y9USsx87G45cuop1ZxQUtjLnL4j53FO0a+5X08UXqQ7NQNo92R0XOz7sxWEnxN2TneJI8Acttu4Q=") format("woff"); } @font-face { font-display: swap; font-family: MieleElements; font-style: normal; font-weight: 300; src: local("Miele Elements Light"), url("/wmedia/fonts/MieleElements-3Light.woff2") format("woff2"); } @font-face { font-display: swap; font-family: MieleElements; font-style: italic; font-weight: 300; src: local("Miele Elements Light Italic"), url("/wmedia/fonts/MieleElements-3LightItalic.woff2") format("woff2"); } @font-face { font-display: swap; font-family: MieleElements; font-style: normal; font-weight: 350; src: local("Miele Elements SemiLight"), url("/wmedia/fonts/MieleElements-4SemiLight.woff2") format("woff2"); } @font-face { font-display: swap; font-family: MieleElements; font-style: italic; font-weight: 350; src: local("Miele Elements SemiLight Italic"), url("/wmedia/fonts/MieleElements-4SemiLightItalic.woff2") format("woff2"); } @font-face { font-display: swap; font-family: MieleElements; font-style: normal; font-weight: 500; src: local("Miele Elements Regular"), url("/wmedia/fonts/MieleElements-5Regular.woff2") format("woff2"); } @font-face { font-display: swap; font-family: MieleElements; font-style: italic; font-weight: 500; src: local("Miele Elements Regular Italic"), url("/wmedia/fonts/MieleElements-5RegularItalic.woff2") format("woff2"); } @font-face { font-display: swap; font-family: MieleElements; font-style: normal; font-weight: 600; src: local("Miele Elements SemiBold"), url("/wmedia/fonts/MieleElements-6SemiBold.woff2") format("woff2"); } @font-face { font-display: swap; font-family: MieleElements; font-style: italic; font-weight: 600; src: local("Miele Elements SemiBold Italic"), url("/wmedia/fonts/MieleElements-6SemiBoldItalic.woff2") format("woff2"); } @font-face { font-display: swap; font-family: MieleElements; font-style: normal; font-weight: 700; src: local("Miele Elements Bold"), url("/wmedia/fonts/MieleElements-7Bold.woff2") format("woff2"); } @font-face { font-display: swap; font-family: MieleElements; font-style: italic; font-weight: 700; src: local("Miele Elements Bold Italic"), url("/wmedia/fonts/MieleElements-7BoldItalic.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "Miele Elements"; font-style: normal; font-weight: 300 800; src: local("Miele Elements Var Web"), url("/latest/fonts/elements-variable/MieleElementsVariable.woff2") format("woff2"), url("https://static.miele.com/latest/fonts/elements-variable/MieleElementsVariable.woff2") format("woff2"); } /* === CSS CUSTOM PROPERTIES === */ :root { --legacy-primary-light-zoom-in: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='66' fill='none' viewBox='0 0 66 66'%3E%3Cg class='legacy-primary-light-zoom-in-default'%3E%3Crect width='64' height='64' x='1' y='1' fill='%231E1E1E' rx='32'/%3E%3Crect width='65' height='65' x='.5' y='.5' stroke='%23fff' stroke-opacity='.2' rx='32.5'/%3E%3Cg class='icon-navigation-plus'%3E%3Cpath fill='%23F6F5F4' fill-rule='evenodd' d='M33 26.25a.75.75 0 0 1 .75.75v5.25H39a.75.75 0 0 1 0 1.5h-5.25V39a.75.75 0 0 1-1.5 0v-5.25H27a.75.75 0 0 1 0-1.5h5.25V27a.75.75 0 0 1 .75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 33 33; --legacy-primary-light-zoom-out: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='66' fill='none' viewBox='0 0 66 66'%3E%3Cg class='legacy-primary-light-zoom-out-default'%3E%3Crect width='64' height='64' x='1' y='1' fill='%231E1E1E' rx='32'/%3E%3Crect width='65' height='65' x='.5' y='.5' stroke='%23fff' stroke-opacity='.2' rx='32.5'/%3E%3Cg class='icon-navigation-minus'%3E%3Cpath fill='%23F6F5F4' fill-rule='evenodd' d='M26.25 33a.75.75 0 0 1 .75-.75h12a.75.75 0 0 1 0 1.5H27a.75.75 0 0 1-.75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 33 33; --hls-product-gallery-height: calc(100vh - 22rem); } :root { --dcf-breadcrumb-color: var(--dcf-color-eerie-black); } :root { --dcf-button-color: var(--dcf-color-eerie-black); --dcf-button-bg: transparent; --dcf-button-border-color: var(--dcf-color-eerie-black); --dcf-button-transform-scale: scale(.95); --dcf-button-disable-opacity: .4; --dcf-button-padding: .5625rem 1rem .5625rem 1rem; --dcf-button-hover-padding: .4375rem .9375rem .4375rem .9375rem; --dcf-button-icon-only-padding: .5rem; --dcf-button-hover-icon-only-padding: .4375rem; --dcf-button-border-width: .0625rem; --dcf-button-hover-border-width: .125rem; --dcf-button-primary-color: var(--dcf-color-black); --dcf-button-primary-color-hover: var(--dcf-color-black); --dcf-button-primary-bg: var(--dcf-color-miele-orange); --dcf-button-primary-bg-hover: var(--dcf-color-miele-dark-orange); --dcf-button-primary-border-color: var(--dcf-color-miele-orange); --dcf-button-primary-border-color-hover: var(--dcf-color-miele-dark-orange); --dcf-button-secondary-color: var(--dcf-color-cultured); --dcf-button-secondary-color-hover: var(--dcf-color-white); --dcf-button-secondary-bg: transparent; --dcf-button-secondary-bg-hover: transparent; --dcf-button-secondary-border-color: var(--dcf-color-silver); --dcf-button-secondary-border-color-hover: var(--dcf-color-silver); --dcf-button-tertiary-color: var(--dcf-color-cultured); --dcf-button-tertiary-color-hover: var(--dcf-color-white); --dcf-button-tertiary-bg: transparent; --dcf-button-tertiary-bg-hover: transparent; --dcf-button-tertiary-border-color: transparent; --dcf-button-tertiary-border-color-hover: transparent; --dcf-button-tertiary-icon: var(--dcf-color-battle-ship-gray); --dcf-button-tertiary-icon-hover: var(--dcf-button-tertiary-color-hover); --dcf-button-grey-bg: rgba(0,0,0,.48); --dcf-button-grey-border: transparent; --dcf-button-grey-bg-hover: #000; --dcf-button-grey-icon-color: var(--dcf-color-white); --dcf-button-dark-grey-bg: rgba(0,0,0,.48); --dcf-button-dark-grey-border: transparent; --dcf-button-dark-grey-bg-hover: #000; --dcf-button-dark-grey-icon-color: var(--dcf-color-white); } :root { --dcf-dots-color: rgba(0,0,0,.05); --dcf-dots-color-active: var(--dcf-color-black); } :root { --dcf-modal-mieleui-black: 30,30,30; --dcf-modal-mieleui-dark-grey: 30,30,30; } :root { --dcf-notification-color: var(--dcf-color-notification-grey); --dcf-notification-padding: 1rem 1.25rem 1rem 1.25rem; --dcf-notification-border-radius: .25rem; --dcf-notification-icon-margin-right: 1.25rem; --dcf-notification-information-color: var(--dcf-color-black); --dcf-notification-information-bg: rgba(87,87,87,.1); --dcf-notification-success-color: var(--dcf-color-black); --dcf-notification-success-bg: rgba(45,132,41,.1); --dcf-notification-warning-color: var(--dcf-color-black); --dcf-notification-warning-bg: rgba(245,155,0,.1); --dcf-notification-error-color: var(--dcf-color-black); --dcf-notification-error-bg: rgba(229,24,0,.1); } :root { --dcf-pagination-button-bg: transparent; --dcf-pagination-button-border: var(--dcf-color-cultured); --dcf-pagination-button-border-hover: var(--dcf-color-eerie-black); --dcf-pagination-button-color: var(--dcf-color-eerie-black); } :root { --dcf-play-button-size: 3rem; --dcf-play-button-margin: .2rem; --dcf-play-button-bg: rgba(0,0,0,.48); --dcf-play-button-bg-hover: #000; --dcf-play-button-icon-color: var(--dcf-color-white); } :root { --dcf-tile-width: 21.25rem; --dcf-tile-min-width: 17.5rem; --dcf-tile-radius: .5rem; --dcf-tile-media-wrapper-size: 26.563rem; --dcf-tile-description-font-size: 1rem; --dcf-tile-title-font-size: 1.25rem; } :root { --dcf-tile-width: 26rem; --dcf-tile-media-wrapper-size: 32.5rem; } :root { --dcf-tooltip-width: 15rem; --dcf-tooltip-horizontal-offset: calc(var(--dcf-tooltip-width)/2); } :root { --dcf-product-tile-image-size: 18.25rem; --dcf-product-tile-price-font-size: 1.25rem; --dcf-product-tile-full-price-font-size: 1.25rem; --dcf-product-tile-price-per-unit-font-size: .875rem; --dcf-product-tile-full-price-color: var(--dcf-color-battle-ship-gray); --dcf-product-tile-price-per-unit-color: var(--dcf-color-battle-ship-gray); } :root { --dcf-quantity-selector-border-color: var(--dcf-color-silver); --dcf-quantity-selector-color: var(--dcf-color-eerie-black); } :root { --dcf-scrollbar-background-color: var(--dcf-color-black--rgb); --dcf-scrollbar-background-opacity: .1; --dcf-scrollbar-color: var(--dcf-color-miele-orange); } :root { --dcf-text-input-color-disabled: #8c8c8c; --dcf-text-input-border-color-focus: var(--dcf-color-focus); --dcf-text-input-text-color-disabled: var(--dcf-text-input-color-disabled); --dcf-text-input-border-color-disabled: var(--dcf-text-input-color-disabled); } :root { --dcf-usp-bar-min-height: 4.5rem; --dcf-usp-bar-icon-margin-right: 1rem; } :root { --dcf-usp-bar-min-height: 3rem; --dcf-usp-bar-icon-margin-right: .5rem; } :root { --dcf-usp-bar-min-height: 4rem; } :root { --dcf-color-half-gradient: linear-gradient(180deg,rgba(0,0,0,.56) 0%,transparent 50%); --dcf-color-full-gradient: linear-gradient(180deg,rgba(0,0,0,.8),transparent); } :root { --dcf-h1-h2-h3-h4-h5-color: var(--dcf-color-white); --dcf-h6-color: var(--dcf-color-battle-ship-gray); --dcf-body-copy-color: var(--dcf-color-white); --dcf-clickable-action-color: var(--dcf-color-silver); } :root { --dcf-z-index-sticky: 20; --dcf-z-index-fixed: 40; --dcf-z-index-header: 40; --dcf-z-index-modal-backdrop: 59; --dcf-z-index-modal: 60; --dcf-z-index-toast: 100; } :root { --dhf-button-color: var(--dcf-color-eerie-black); --dhf-button-bg: transparent; --dhf-button-border-color: var(--dcf-color-eerie-black); --dhf-button-transform-scale: scale(.95); --dhf-button-disable-opacity: .4; --dhf-button-padding: .5625rem 1rem .5625rem 1rem; --dhf-button-hover-padding: .4375rem .9375rem .4375rem .9375rem; --dhf-button-icon-only-padding: .5rem; --dhf-button-hover-icon-only-padding: .4375rem; --dhf-button-border-width: .0625rem; --dhf-button-hover-border-width: .125rem; --dhf-button-primary-color: var(--dcf-color-black); --dhf-button-primary-color-hover: var(--dcf-color-black); --dhf-button-primary-bg: var(--dcf-color-miele-orange); --dhf-button-primary-bg-hover: var(--dcf-color-miele-dark-orange); --dhf-button-primary-border-color: var(--dcf-color-miele-orange); --dhf-button-primary-border-color-hover: var(--dcf-color-miele-dark-orange); --dhf-button-secondary-color: var(--dcf-color-cultured); --dhf-button-secondary-color-hover: var(--dcf-color-white); --dhf-button-secondary-bg: transparent; --dhf-button-secondary-bg-hover: transparent; --dhf-button-secondary-border-color: var(--dcf-color-silver); --dhf-button-secondary-border-color-hover: var(--dcf-color-silver); --dhf-button-tertiary-color: var(--dcf-color-cultured); --dhf-button-tertiary-color-hover: var(--dcf-color-white); --dhf-button-tertiary-bg: transparent; --dhf-button-tertiary-bg-hover: transparent; --dhf-button-tertiary-border-color: transparent; --dhf-button-tertiary-border-color-hover: transparent; --dhf-button-tertiary-icon: var(--dcf-color-battle-ship-gray); --dhf-button-tertiary-icon-hover: var(--dhf-button-tertiary-color-hover); --dhf-button-grey-bg: rgba(0,0,0,.48); --dhf-button-grey-border: transparent; --dhf-button-grey-bg-hover: #000; --dhf-button-grey-icon-color: var(--dcf-color-white); --dhf-button-dark-grey-bg: rgba(0,0,0,.48); --dhf-button-dark-grey-border: transparent; --dhf-button-dark-grey-bg-hover: #000; --dhf-button-dark-grey-icon-color: var(--dcf-color-white); } :root { --miele-color-miele-red-100: #f9f2f3; --miele-color-miele-red-200: #dcb2b8; --miele-color-miele-red-300: #8c0014; --miele-color-miele-red-400: #54000c; --miele-color-miele-red-500: #2a0006; --miele-color-miele-yellow-100: #fffaf2; --miele-color-miele-yellow-200: #fce1b3; --miele-color-miele-yellow-300: #f59b00; --miele-color-miele-yellow-400: #c47c00; --miele-color-miele-yellow-500: #311f00; --miele-color-green-100: #f5f9f4; --miele-color-green-200: #c0dabf; --miele-color-green-300: #2c8128; --miele-color-green-400: #1b4f19; --miele-color-green-500: #0e280c; --miele-color-red-100: #fdf3f2; --miele-color-red-200: #f0b9b3; --miele-color-red-300: #cc1400; --miele-color-red-400: #7a0c00; --miele-color-red-500: #3d0600; --miele-color-orange-100: #fef8f5; --miele-color-orange-200: #f8d4c1; --miele-color-orange-300: #e7702f; --miele-color-orange-400: #8b431c; --miele-color-orange-500: #45220e; --miele-color-warm-gray-100: #fff; --miele-color-warm-gray-200: #f6f5f4; --miele-color-warm-gray-300: #eae8e4; --miele-color-warm-gray-400: #d5d2cc; --miele-color-warm-gray-500: #c0bdb5; --miele-color-warm-gray-600: #aba79e; --miele-color-warm-gray-700: #89867e; --miele-color-warm-gray-800: #6c6964; --miele-color-warm-gray-900: #52504c; --miele-color-warm-gray-1000: #3e3c39; --miele-color-warm-gray-1100: #282726; --miele-color-warm-gray-1200: #1e1e1e; --miele-color-extra-miele-black-300: #1e1e1e; --miele-color-extra-miele-black-alpha-100: #1e1e1e33; --miele-color-extra-miele-black-alpha-200: #1e1e1e66; --miele-color-extra-miele-black-alpha-300: #1e1e1e99; --miele-color-extra-miele-black-alpha-400: #1e1e1ecc; --miele-color-extra-miele-black-alpha-500: #1e1e1ee6; --miele-color-extra-miele-white-300: #fff; --miele-color-extra-miele-white-alpha-100: #ffffff33; --miele-color-extra-miele-white-alpha-200: #ffffff66; --miele-color-extra-miele-white-alpha-300: #ffffff99; --miele-color-extra-miele-white-alpha-400: #ffffffcc; --miele-color-extra-miele-white-alpha-500: #ffffffe6; --miele-color-neutral-gray-100: #fff; --miele-color-neutral-gray-200: #f6f6f6; --miele-color-neutral-gray-300: #ececec; --miele-color-neutral-gray-400: #e2e2e2; --miele-color-neutral-gray-500: #c5c5c5; --miele-color-neutral-gray-600: #a6a6a6; --miele-color-neutral-gray-700: #868686; --miele-color-neutral-gray-800: #6b6b6b; --miele-color-neutral-gray-900: #555; --miele-color-neutral-gray-1000: #4b4b4b; --miele-color-neutral-gray-1100: #333; --miele-color-neutral-gray-1200: #1f1f1f; --miele-color-utility-purple-100: #7b61ff1a; --miele-color-utility-purple-200: #bdb0ff; --miele-color-utility-purple-300: #7b61ff; --miele-color-utility-purple-400: #3d3080; --miele-color-utility-purple-500: #191333; --miele-color-shadow-01: #1e1e1e1f; --miele-color-shadow-02: #1e1e1e14; --miele-type-font-family-miele-elements: "Miele Elements"; --miele-type-font-family-helvetica-neue: "Helvetica Neue"; --miele-type-font-family-arial: "Arial"; --miele-type-font-family-sans-serif: "sans-serif"; --miele-type-base: 1rem; --miele-type-scale: .0703125rem; --miele-type-size-10: .625rem; --miele-type-size-20: .6875rem; --miele-type-size-30: .75rem; --miele-type-size-40: .875rem; --miele-type-size-50: 1rem; --miele-type-size-60: 1.125rem; --miele-type-size-70: 1.25rem; --miele-type-size-80: 1.4375rem; --miele-type-size-90: 1.625rem; --miele-type-size-100: 1.8125rem; --miele-type-size-110: 2.0625rem; --miele-type-size-120: 2.3125rem; --miele-type-size-130: 2.625rem; --miele-type-size-140: 2.9375rem; --miele-type-size-150: 3.3125rem; --miele-type-size-160: 3.75rem; --miele-type-size-170: 4.25rem; --miele-type-size-180: 4.8125rem; --miele-type-lineheight-headings-regular: 120%; --miele-type-lineheight-large-headings: 120%; --miele-type-lineheight-cta-buttons: 150%; --miele-type-lineheight-paragraph: 140%; --miele-type-font-weight-300: 300; --miele-type-font-weight-350: 350; --miele-type-font-weight-400: 400; --miele-type-font-weight-500: 500; --miele-type-font-weight-600: 600; --miele-type-font-weight-700: 700; --miele-type-font-weight-800: 800; --miele-type-letter-spacing-dense: -.05em; --miele-type-letter-spacing-normal: normal; --miele-type-letter-spacing-loose: .05em; --miele-type-letter-spacing-very-loose: .1em; --miele-type-text-transform-none: none; --miele-type-text-transform-uppercase: uppercase; --miele-type-text-decoration-none: none; --miele-type-text-decoration-underline: underline; --miele-type-text-decoration-strike-trough: line-through; --miele-spacing-10: 4rem; --miele-spacing-11: 5rem; --miele-spacing-12: 6rem; --miele-spacing-13: 7rem; --miele-spacing-14: 8rem; --miele-spacing-15: 9rem; --miele-spacing-16: 10rem; --miele-spacing-01: .25rem; --miele-spacing-00: 0rem; --miele-spacing-02: .5rem; --miele-spacing-03: .75rem; --miele-spacing-04: 1rem; --miele-spacing-05: 1.25rem; --miele-spacing-06: 1.5rem; --miele-spacing-07: 2rem; --miele-spacing-08: 2.5rem; --miele-spacing-09: 3rem; --miele-spacing-base: 1rem; --miele-border-radius-none: 0px; --miele-border-radius-small: 4px; --miele-border-radius-medium: 8px; --miele-border-radius-large: 12px; --miele-border-radius-full: 9999px; --miele-border-stroke-width-none: 0px; --miele-border-stroke-width-small: 1px; --miele-border-stroke-width-medium: 2px; --miele-size-10: 4px; --miele-size-20: 8px; --miele-size-30: 12px; --miele-size-40: 16px; --miele-size-50: 20px; --miele-size-60: 24px; --miele-size-70: 28px; --miele-size-80: 32px; --miele-size-90: 36px; --miele-size-100: 40px; --miele-size-110: 44px; --miele-size-120: 48px; --miele-size-130: 52px; --miele-size-140: 56px; --miele-size-150: 60px; --miele-size-160: 64px; --miele-size-170: 68px; --miele-size-180: 72px; --miele-size-190: 80px; --miele-size-195: 96px; --miele-size-200: 160px; --miele-size-210: 192px; --miele-size-215: 216px; --miele-size-220: 384px; --miele-size-225: 512px; --miele-size-230: 528px; --miele-size-240: 588px; --miele-size-250: 620px; --miele-size-260: 840px; --miele-size-00: 0px; --miele-size-base: 4px; --miele-size-cards-product-image-xs: 24px; --miele-size-cards-product-image-s: 40px; --miele-size-cards-product-image-sm: 104px; --miele-size-cards-product-image-m: 220px; --miele-size-cards-product-image-l: 290px; --miele-grid-screensizes-320: 320px; --miele-grid-screensizes-375: 375px; --miele-grid-screensizes-768: 768px; --miele-grid-screensizes-1024: 1024px; --miele-grid-screensizes-1440: 1440px; --miele-grid-screensizes-1728: 1728px; --miele-grid-screensizes-1920: 1920px; --miele-grid-gutters-16: 16px; --miele-grid-gutters-24: 24px; --miele-grid-gutters-32: 32px; --miele-grid-row-gap-16: 16px; --miele-grid-row-gap-24: 24px; --miele-grid-row-gap-32: 32px; --miele-grid-row-gap-48: 48px; --miele-grid-row-gap-64: 64px; --miele-motion-time-100: 0ms; --miele-motion-time-200: .1s; --miele-motion-time-300: .16s; --miele-motion-time-400: .33s; --miele-motion-time-500: .5s; --miele-motion-time-600: .66s; --miele-motion-time-700: .83s; --miele-motion-time-800: 1s; --miele-motion-time-900: 1.2s; --miele-motion-time-1000: 3s; --miele-motion-time-1100: 5s; --miele-motion-delay-100: 0ms; --miele-motion-delay-200: .1s; --miele-motion-delay-300: .16s; --miele-motion-delay-400: .33s; --miele-motion-delay-500: .5s; --miele-motion-delay-600: .66s; --miele-motion-delay-700: .83s; --miele-motion-delay-800: 1s; --miele-motion-delay-900: 1.2s; --miele-motion-delay-1000: 3s; --miele-motion-delay-1100: 5s; --miele-motion-bezier-100: cubic-bezier(.25,0,.25,1); --miele-motion-bezier-200: cubic-bezier(.75,0,.75,1); --miele-blur-100: 5px; --miele-blur-200: 12px; --miele-blur-300: 24px; } /* === PRAVIDLÁ (scopované .miele-desc) === */ .miele-desc .hls-container [class*="_miele-accordion__content"] { display: block; } .miele-desc .hls-download-section { scroll-margin-top: 6rem; } .miele-desc .hls-product-details { margin-bottom: 2rem; } .miele-desc .hls-product-details .hls-content-line { font-size: 1.125rem; } @media (min-width: 992px) { .miele-desc .hls-product-details .hls-content-line { font-size: 1.25rem; } .miele-desc .hls-product-details .dcf-list li { padding: 1.25rem 0px; } } .miele-desc .hls-product-details__title { font-size: 2rem; font-weight: var(--dcf-font-weight-lighter); line-height: 2.5rem; } .miele-desc .hls-container { position: relative; } .miele-desc .hls-container__awards-wrapper { display: flex; flex-direction: column; gap: 1rem; justify-content: flex-start; left: calc(var(--dcf-grid-outer-gap) + 1rem); position: absolute; top: 1rem; z-index: 1; } .miele-desc .hls-container__awards-wrapper img { cursor: pointer; max-height: 40px; max-width: 40px; } @media (min-width: 768px) { .miele-desc .hls-container__awards-wrapper img { max-height: 64px; max-width: 64px; } } .miele-desc .hls-container__awards-wrapper .hls-container__awards:focus-visible { border-radius: 0px; outline-offset: var(--miele-spacing-04,1rem); } .miele-desc .hls-container__awards-wrapper [class*="miele-button__text--nowrap"] { overflow: unset; } .miele-desc .hls-product-features .dcf-carousel-item { background-color: transparent; padding: 0px; } .miele-desc .hls-product-features .dcf-carousel-item:last-of-type { margin-right: var(--dcf-grid-outer-gap); } @media (min-width: 768px) { .miele-desc .hls-product-features .dcf-carousel-item:last-of-type { margin-right: 0px; } } .miele-desc .hls-product-features .hls-feature-card:not(:last-child) { margin: 0px 0px 1rem; } .miele-desc .hls-product-features .hls-highlighted-feature-card { max-width: 24rem; } @media (min-width: 1200px) { .miele-desc .hls-product-features .hls-highlighted-feature-card { max-width: 32rem; } } .miele-desc .hls-product-features .hls-highlighted-feature-card { min-height: 100%; } .miele-desc .hls-product-features .hls-product-features-container { padding-right: 0px; } @media (min-width: 768px) { .miele-desc .hls-product-features .hls-product-features-container { padding-right: var(--dcf-grid-outer-gap); } } @media only screen and (min-width: 768px) { .miele-desc .hls-energy-label-modal dialog img { height: 70vh; } } .miele-desc .dcf-overwrite-scope .dcf-tab-header:not(.dcf-tab-header--selected) > button.dcf-tab-header-button, .miele-desc .dcf-overwrite-scope .hls-download-list-item--type { color: var(--theme-color-text-weakest); } @media screen and (min-width: 992px) { .miele-desc .dcf-usp-bar.dcf-ctx-light { background: rgb(238, 238, 238); } } .miele-desc .dcf-usp-bar__icon { display: none; } .miele-desc .product-warning-section { scroll-margin-top: 6rem; } .miele-desc .award-container .dcf-tooltip { max-width: 90vw; position: absolute; width: 20rem; } .miele-desc .hls-gallery-modal { background-color: var(--theme-color-backgrounds-backdrop); height: 100%; margin: 0px; max-height: -webkit-fill-available; max-width: -webkit-fill-available; padding: 0px; width: 100%; } .miele-desc .hls-gallery-modal__item { display: flex; flex-direction: column; height: 90vh; justify-content: center; } .miele-desc .hls-gallery-modal__wrapper { display: grid; grid-auto-rows: auto; grid-template-columns: 1fr; height: 100%; } .miele-desc .hls-gallery-modal__content { display: flex; height: 100%; overflow-y: scroll; padding-bottom: var(--theme-spacing-generic-l); padding-top: var(--theme-spacing-generic-xl); } .miele-desc .hls-gallery-modal__content [class*="figure__skeleton"] { height: 90vh; padding-bottom: 0px; } .miele-desc .hls-gallery-modal__content [class*="miele-image-zoom"] figure { cursor: var(--legacy-primary-light-zoom-in),zoom-in !important; } .miele-desc .hls-gallery-modal__content figure[class*="miele-video"] { margin-top: calc(var(--theme-spacing-generic-xl)*2); } .miele-desc .hls-gallery-modal__content ul[class*="miele-carousel__slides"] { margin-left: 0px; margin-right: 0px; } .miele-desc .hls-gallery-modal__content ul[class*="miele-carousel__slides"] img { padding-left: 0px; padding-right: 0px; padding-top: calc(var(--theme-spacing-generic-xl)*2); } .miele-desc .hls-gallery-modal__content [class*="miele-image-zoom"] { scrollbar-width: none; } .miele-desc .hls-gallery-modal__content [class*="miele-image-zoom"]::-webkit-scrollbar { display: none; } @media only screen and (min-width: 768px) { .miele-desc .hls-gallery-modal__content [class*="miele-image-zoom"]:has(figure[class*="--zoomedIn"]) { margin: auto; min-width: unset; width: calc(100% - var(--theme-spacing-generic-2xl)*4); } } .miele-desc .hls-gallery-modal__content [class*="miele-image-zoom"] figure[class*="--zoomedIn"] { cursor: var(--legacy-primary-light-zoom-out),zoom-out !important; } .miele-desc .hls-gallery-modal__close { position: fixed; right: var(--theme-spacing-generic-s); top: var(--theme-spacing-generic-xl); z-index: 10; } @media only screen and (min-width: 768px) { .miele-desc .hls-gallery-modal__close { right: var(--theme-spacing-generic-2xl); } } @media only screen and (min-width: 1728px) { .miele-desc .hls-gallery-modal__close { right: calc((100vw - var(--theme-grid-screensize-xl))/2); } } .miele-desc .hls-gallery-modal [class*="miele-carousel-control-bar__inner"] { margin: auto; max-width: none; padding-left: var(--theme-spacing-generic-s); padding-right: var(--theme-spacing-generic-s); } @media only screen and (min-width: 768px) { .miele-desc .hls-gallery-modal [class*="miele-carousel-control-bar__inner"] { padding-left: var(--theme-spacing-generic-xl); padding-right: var(--theme-spacing-generic-xl); } } @media only screen and (min-width: 1728px) { .miele-desc .hls-gallery-modal [class*="miele-carousel-control-bar__inner"] { padding-left: 0px; padding-right: 0px; } } .miele-desc ._miele-gallery { --legacy-primary-light-zoom-in: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='66' fill='none' viewBox='0 0 66 66'%3E%3Cg class='legacy-primary-light-zoom-in-default'%3E%3Crect width='64' height='64' x='1' y='1' fill='%231E1E1E' rx='32'/%3E%3Crect width='65' height='65' x='.5' y='.5' stroke='%23fff' stroke-opacity='.2' rx='32.5'/%3E%3Cg class='icon-navigation-plus'%3E%3Cpath fill='%23F6F5F4' fill-rule='evenodd' d='M33 26.25a.75.75 0 0 1 .75.75v5.25H39a.75.75 0 0 1 0 1.5h-5.25V39a.75.75 0 0 1-1.5 0v-5.25H27a.75.75 0 0 1 0-1.5h5.25V27a.75.75 0 0 1 .75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 33 33; --vision-primary-light-zoom-in: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='66' fill='none' viewBox='0 0 66 66'%3E%3Cg class='legacy-primary-light-zoom-in-default'%3E%3Crect width='64' height='64' x='1' y='1' fill='%231E1E1E' rx='32'/%3E%3Crect width='65' height='65' x='.5' y='.5' stroke='%23fff' stroke-opacity='.2' rx='32.5'/%3E%3Cg class='icon-navigation-plus'%3E%3Cpath fill='%23F6F5F4' fill-rule='evenodd' d='M33 26.25a.75.75 0 0 1 .75.75v5.25H39a.75.75 0 0 1 0 1.5h-5.25V39a.75.75 0 0 1-1.5 0v-5.25H27a.75.75 0 0 1 0-1.5h5.25V27a.75.75 0 0 1 .75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 33 33; position: relative; } .miele-desc ._miele-gallery__1 { position: absolute; } .miele-desc ._miele-gallery__slot--top-left { left: var(--theme-spacing-generic-s); } .miele-desc ._miele-gallery__slot--top-left, .miele-desc ._miele-gallery__slot--top-right { top: var(--theme-spacing-generic-s); } .miele-desc ._miele-gallery__slot--bottom-left { left: var(--theme-spacing-generic-s); } .miele-desc ._miele-gallery__slot--bottom-left, .miele-desc ._miele-gallery__slot--bottom-right { bottom: var(--theme-spacing-generic-xl); } .miele-desc ._miele-gallery__slot--bottom-right, .miele-desc ._miele-gallery__slot--top-right { right: var(--theme-spacing-generic-s); } @media only screen and (min-width: 375px) { .miele-desc ._miele-gallery__slot--bottom-right, .miele-desc ._miele-gallery__slot--top-right { right: var(--theme-spacing-generic-l); } } @media only screen and (min-width: 768px) { .miele-desc ._miele-gallery__slot--bottom-right, .miele-desc ._miele-gallery__slot--top-right { right: calc(var(--theme-spacing-generic-xl) + var(--theme-spacing-generic-s)); } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-gallery__slot--bottom-right, .miele-desc ._miele-gallery__slot--top-right { right: calc(var(--theme-spacing-generic-2xl) + var(--theme-spacing-generic-s)); } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-gallery__slot--bottom-right, .miele-desc ._miele-gallery__slot--top-right { right: calc(var(--theme-spacing-generic-3xl) + var(--theme-spacing-generic-s)); } } .miele-desc ._miele-gallery__slot--single-view { right: var(--theme-spacing-generic-s); } .miele-desc ._miele-gallery__1 { height: 100%; } .miele-desc ._miele-gallery__item-video { align-items: center; display: grid; height: 100%; justify-content: center; } .miele-desc ._miele-gallery__item-image { cursor: var(--vision-primary-light-zoom-in),var(--legacy-primary-light-zoom-in),zoom-in; } .miele-desc ._miele-gallery__1 [class*="_miele-section--color"] { border-radius: var(--cw-image-generic-border-radius-default); } .miele-desc ._miele-gallery [class*="_figure__image--contain"] { padding-bottom: var(--cw-image-caption-spacing-vertical-padding); } .miele-desc ._cw-carousel-tokens { --cw-carousel-background-inline-nav-default: var(--theme-color-backgrounds-extra-contrast); --cw-carousel-background-inline-nav-hover: var(--theme-color-backgrounds-contrast); --cw-carousel-control-spacing-gap: var(--theme-spacing-generic-s); --cw-carousel-control-spacing-vertical-padding: var(--theme-spacing-generic-xs); --cw-carousel-generic-border-active: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-extra-contrast); --cw-carousel-generic-border-inactive: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-weakest); --cw-carousel-generic-typography-active: ".body-medium-bold"; --cw-carousel-generic-typography-inactive: ".body-medium-regular"; --cw-carousel-numbers-color-active: var(--theme-color-text-links-default-hover); --cw-carousel-numbers-color-inactive: var(--theme-color-text-disabled); --cw-carousel-size-inline-nav-size: var(--theme-size-generic-l); --cw-carousel-size-number-box-width: var(--theme-size-carousel-numbers-box); --cw-carousel-size-status-controls-height: var(--theme-size-generic-ml); } .miele-desc ._miele-carousel { display: flex; flex-direction: column-reverse; gap: var(--cw-carousel-control-spacing-gap); margin: 0px auto; position: relative; width: 100%; } @media only screen and (min-width: 1920px) { .miele-desc ._miele-carousel { margin: 0px auto; max-width: var(--theme-grid-screensize-xl); } } .miele-desc ._miele-carousel:focus-visible { border-radius: var(--cw-forms-generic-border-radius-default); outline: var(--cw-forms-generic-border-focus); outline-offset: var(--cw-focus-spacing-offset-l); } .miele-desc ._miele-carousel--small-gap { gap: 0px; } .miele-desc ._miele-carousel__slides-container, .miele-desc ._miele-carousel__slides-section { position: relative; width: 100%; } .miele-desc ._miele-carousel__slides { display: flex; flex-wrap: nowrap; margin: calc(var(--theme-spacing-generic-s)*-1) 0; overflow-x: auto; padding: var(--theme-spacing-generic-s) 0; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; } .miele-desc ._miele-carousel__slides::-webkit-scrollbar { display: none; } .miele-desc ._miele-carousel__slides { gap: 0 var(--theme-grid-gutter-xs); scroll-padding: 0 var(--theme-spacing-generic-m); } @media only screen and (min-width: 375px) { .miele-desc ._miele-carousel__slides { gap: 0 var(--theme-grid-gutter-s); scroll-padding: 0 var(--theme-spacing-generic-l); } } @media only screen and (min-width: 768px) { .miele-desc ._miele-carousel__slides { gap: 0 var(--theme-grid-gutter-m); scroll-padding: 0 var(--theme-spacing-generic-xl); } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-carousel__slides { gap: 0 var(--theme-grid-gutter-ml); scroll-padding: 0 var(--theme-spacing-generic-2xl); } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-carousel__slides { gap: 0 var(--theme-grid-gutter-l); scroll-padding: 0 var(--theme-spacing-generic-3xl); } } @media only screen and (min-width: 1728px) { .miele-desc ._miele-carousel__slides { gap: 0 var(--theme-grid-gutter-xl); } } @media only screen and (min-width: 1920px) { .miele-desc ._miele-carousel__slides { scroll-padding: 0px; } } .miele-desc ._miele-carousel__slides--small-gap { gap: 0 var(--theme-spacing-generic-xxs); } .miele-desc ._miele-carousel__slides--no-top-padding { margin-top: 0px; padding-top: 0px; } .miele-desc ._miele-carousel__slides--no-bottom-padding { margin-bottom: 0px; padding-bottom: 0px; } .miele-desc ._miele-carousel__slides--no-left-offset { scroll-padding: 0px; } .miele-desc ._miele-carousel__slides--no-left-padding, .miele-desc ._miele-carousel__slides--no-left-padding._miele-carousel__slides--no-left-offset, .miele-desc ._miele-carousel__slides--no-left-padding._miele-carousel__slides--no-left-offset > :first-child { margin-left: 0px; } .miele-desc ._miele-carousel__slides--no-right-padding, .miele-desc ._miele-carousel__slides--no-right-padding._miele-carousel__slides--no-right-offset { margin-right: 0px; padding-right: 0px; } .miele-desc ._miele-carousel__slides--left-padding > :first-child, .miele-desc ._miele-carousel__slides--no-left-offset { margin-left: var(--theme-spacing-generic-m); } @media only screen and (min-width: 375px) { .miele-desc ._miele-carousel__slides--left-padding > :first-child, .miele-desc ._miele-carousel__slides--no-left-offset { margin-left: var(--theme-spacing-generic-l); } } @media only screen and (min-width: 768px) { .miele-desc ._miele-carousel__slides--left-padding > :first-child, .miele-desc ._miele-carousel__slides--no-left-offset { margin-left: var(--theme-spacing-generic-xl); } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-carousel__slides--left-padding > :first-child, .miele-desc ._miele-carousel__slides--no-left-offset { margin-left: var(--theme-spacing-generic-2xl); } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-carousel__slides--left-padding > :first-child, .miele-desc ._miele-carousel__slides--no-left-offset { margin-left: var(--theme-spacing-generic-3xl); } } @media only screen and (min-width: 1920px) { .miele-desc ._miele-carousel__slides--left-padding > :first-child, .miele-desc ._miele-carousel__slides--no-left-offset { margin-left: 0px; } } .miele-desc ._miele-carousel__slides--no-right-offset { margin-right: var(--theme-spacing-generic-m); } @media only screen and (min-width: 375px) { .miele-desc ._miele-carousel__slides--no-right-offset { margin-right: var(--theme-spacing-generic-l); } } @media only screen and (min-width: 768px) { .miele-desc ._miele-carousel__slides--no-right-offset { margin-right: var(--theme-spacing-generic-xl); } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-carousel__slides--no-right-offset { margin-right: var(--theme-spacing-generic-2xl); } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-carousel__slides--no-right-offset { margin-right: var(--theme-spacing-generic-3xl); } } @media only screen and (min-width: 1920px) { .miele-desc ._miele-carousel__slides--no-right-offset { margin-right: 0px; } } .miele-desc ._miele-carousel__slides--right-padding > :last-child { padding-right: var(--theme-spacing-generic-m); } @media only screen and (min-width: 375px) { .miele-desc ._miele-carousel__slides--right-padding > :last-child { padding-right: var(--theme-spacing-generic-l); } } @media only screen and (min-width: 768px) { .miele-desc ._miele-carousel__slides--right-padding > :last-child { padding-right: var(--theme-spacing-generic-xl); } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-carousel__slides--right-padding > :last-child { padding-right: var(--theme-spacing-generic-2xl); } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-carousel__slides--right-padding > :last-child { padding-right: var(--theme-spacing-generic-3xl); } } @media only screen and (min-width: 1920px) { .miele-desc ._miele-carousel__slides--right-padding > :last-child { padding-right: 0px; } } .miele-desc ._miele-carousel-item { box-sizing: content-box; flex: 0 0 auto; overflow: visible; scroll-snap-align: start; } .miele-desc ._miele-carousel-item--active { transition: var(--theme-motion-time-short-3) all var(--theme-motion-ease-out); } .miele-desc .hls-variant-picker-section { align-items: flex-start; flex-direction: column; padding-top: var(--theme-spacing-generic-s); } @media only screen and (min-width: 1024px) { .miele-desc .hls-product-title { font-size: 2.75rem; } } .miele-desc .hls-short-description { margin-top: 1.25rem; } @media (min-width: 1200px) { .miele-desc .hls-short-description { margin-top: 1.5rem; } } .miele-desc .hls-short-description { color: var(--dcf-color-eerie-black); font-size: 1.2rem; font-weight: var(--dcf-font-weight-light); line-height: var(--dcf-line-height); } .miele-desc .hls-short-description::first-letter { text-transform: capitalize; } .miele-desc .hls-add-to-cart-wrapper { margin-bottom: 1.5rem; margin-top: 1.5rem; width: 100%; } .miele-desc .hls-add-to-cart-wrapper :first-child { row-gap: var(--miele-spacing-06); } .miele-desc .hls-add-to-cart-message { border-radius: 0.5rem; margin-bottom: 1rem; margin-top: 1rem; --tw-bg-opacity: 1; background-color: rgb(220 252 231/var(--tw-bg-opacity,1)); font-size: 0.75rem; line-height: 1rem; padding: 1rem; --tw-text-opacity: 1; color: rgb(21 128 61/var(--tw-text-opacity,1)); } @media (prefers-color-scheme: dark) { .miele-desc .hls-add-to-cart-message { --tw-bg-opacity: 1; background-color: rgb(187 247 208/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; color: rgb(22 101 52/var(--tw-text-opacity,1)); } } .miele-desc .hls-price-footnotes { align-items: center; display: flex; margin-top: 0.25rem; min-height: 1rem; } .miele-desc .hls-unit-price { color: var(--dcf-color-battle-ship-gray); font-size: 0.875rem; font-weight: var(--dcf-font-weight-light); line-height: 1.25rem; margin-bottom: 0.75rem; } .miele-desc .hls-product-label { background: rgb(242, 242, 242); border-radius: 0.25rem; color: var(--dcf-color-eerie-black); display: inline-block; font-size: 0.75rem; font-weight: var(--dcf-font-weight-medium); letter-spacing: 0.139rem; padding: 0.25rem 0.75rem; text-transform: uppercase; } .miele-desc .hls-delivery-time { font-size: 0.875rem; margin-bottom: 1.5rem; } .miele-desc .hls-product-energy-label { height: 2rem; } .miele-desc .hls-product-repair-index { height: 3.625rem; } .miele-desc .hls-product-durability-index, .miele-desc .hls-product-repair-index { max-width: fit-content; width: auto; } .miele-desc .hls-product-durability-index { height: 5rem; } .miele-desc .hls-product-sheet-button { border-radius: 0px; font-size: 0.85rem; text-transform: none; } .miele-desc .hls-product-energylabel-button { border-radius: 0px; } .miele-desc .dcf-image-zoom__wrapper { cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' fill='none'%3E%3Ccircle cx='19' cy='19' r='18' fill='%23000' fill-opacity='.2'/%3E%3Ccircle cx='19' cy='19' r='18.5' stroke='%23F6F6F6' stroke-opacity='.2'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M19 12v14m-7-7h14'/%3E%3C/svg%3E") 19 19, zoom-in; overflow: hidden; transform-origin: 0px 0px; } .miele-desc .dcf-image-zoom__wrapper--zoomed-in { cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' fill='none'%3E%3Ccircle cx='19' cy='19' r='18' fill='%23000' fill-opacity='.2'/%3E%3Ccircle cx='19' cy='19' r='18.5' stroke='%23F6F6F6' stroke-opacity='.2'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M12 19h14'/%3E%3C/svg%3E") 19 19, zoom-out; overflow: scroll; } .miele-desc .dcf-ctx-dark .dcf-dropdown__list-item-button, .miele-desc .dcf-ctx-light .dcf-dropdown__list-item-button { color: var(--dcf-button-primary-color); } .miele-desc .vjs-icon-downloading { font-family: VideoJS; font-style: normal; font-weight: 400; } .miele-desc .vjs-icon-downloading::before { content: ""; } .miele-desc .vjs-icon-file-download { font-family: VideoJS; font-style: normal; font-weight: 400; } .miele-desc .vjs-icon-file-download::before { content: ""; } .miele-desc .vjs-icon-file-download-done { font-family: VideoJS; font-style: normal; font-weight: 400; } .miele-desc .vjs-icon-file-download-done::before { content: ""; } .miele-desc .vjs-icon-file-download-off { font-family: VideoJS; font-style: normal; font-weight: 400; } .miele-desc .vjs-icon-file-download-off::before { content: ""; } .miele-desc .dhf-header__actions-item--language .dcf-dropdown .dcf-button::before { content: none; display: none; } .miele-desc .dhf-header__actions-item--language .dcf-dropdown a { color: rgb(0, 0, 0) !important; } .miele-desc .dhf-header__actions-item--language .dcf-dropdown a:hover { font-weight: 300 !important; } .miele-desc .dhf-header--open .dhf-header__actions-item--language .dcf-dropdown .dcf-button::before { content: none; display: none; } .miele-desc .dhf-header--open .dhf-header__actions-item--language-dropdown .dcf-dropdown { border: 1px solid rgb(192, 189, 181); border-radius: 4px; justify-content: flex-start; padding: 10px 20px; width: 100%; } .miele-desc .dhf-header--open .dhf-header__actions-item--language-dropdown .dcf-dropdown__list { margin: -10px -20px; width: 100%; } .miele-desc .dhf-header--open .dhf-header__actions-item--language-dropdown .dcf-button { justify-content: start; width: 100%; } .miele-desc .dhf-header--open .dhf-header__actions-item--language-dropdown .dcf-button__content--stretched { justify-content: space-between; width: 100%; } .miele-desc .dhf-accordion-group__control-button { align-items: center; color: var(--dcf-color-white); cursor: pointer; display: grid; grid-template-columns: auto auto; justify-content: space-between; width: 100%; } .miele-desc .dhf-accordion-group__control-title { color: var(--dcf-color-white); font-size: 1.125rem; font-weight: var(--dcf-font-weight-normal); line-height: 1.625rem; margin-bottom: 0px; margin-top: 0px; } .miele-desc .dhf-accordion-group__icon { height: 1.125rem; position: relative; transition: transform 0.3s; width: 1.125rem; } .miele-desc .dhf-accordion-group__icon > * { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: opacity 0.3s; } .miele-desc .dhf-accordion-group__icon > :first-of-type { transform: rotate(90deg) translate(-50%, 50%); } .miele-desc .dhf-accordion-group__icon--active { transform: rotate(90deg); } .miele-desc .dhf-accordion-group__icon--active > :last-of-type { opacity: 0; } .miele-desc .dhf-accordion-group__section { max-height: 0px; overflow: hidden; transition: max-height 0.3s; } .miele-desc .dhf-footer__top-section-categories-item-accordion-list { padding-left: 1rem; padding-top: 1.5rem; } .miele-desc .dhf-footer__top-section-language-dropdown .dcf-dropdown { border: 1px solid rgb(192, 189, 181); border-radius: 4px; justify-content: flex-start; padding: 10px 20px; width: 100%; } .miele-desc .dhf-footer__top-section-language-dropdown .dcf-dropdown__list { margin: -10px -20px; width: 100%; } .miele-desc .dhf-footer__top-section-language-dropdown .dcf-dropdown .dcf-button::before { content: none; display: none; } .miele-desc .dhf-footer__top-section-language-dropdown .dcf-button { justify-content: start; width: 100%; } .miele-desc .dhf-footer__top-section-language .dcf-dropdown { justify-content: flex-start; } .miele-desc .dcf-accordion-content .dcf-ctx-dark, .miele-desc .dcf-ctx-dark .dcf-accordion-content, .miele-desc dcf-accordion-content .dcf-accordion-content.dcf-ctx-dark { --dcf-accordion-content-color: var(--dcf-color-white); --dcf-accordion-content-background-color: var(--dcf-color-eerie-black); --dcf-accordion-content-background-color-active: rgba(0,0,0,.4); } .miele-desc :host .dcf-accordion-content.dcf-ctx-dark, :root .dcf-accordion-content.dcf-ctx-dark { --dcf-accordion-content-color: var(--dcf-color-white); --dcf-accordion-content-background-color: var(--dcf-color-eerie-black); --dcf-accordion-content-background-color-active: rgba(0,0,0,.4); } .miele-desc .dcf-accordion-content .dcf-ctx-light, .miele-desc .dcf-ctx-light .dcf-accordion-content, .miele-desc dcf-accordion-content .dcf-accordion-content.dcf-ctx-light { --dcf-accordion-content-color: var(--dcf-color-eerie-black); --dcf-accordion-content-background-color: var(--dcf-color-white); --dcf-accordion-content-background-color-active: hsla(0,0%,100%,.4); } .miele-desc :host .dcf-accordion-content.dcf-ctx-light, :root .dcf-accordion-content.dcf-ctx-light { --dcf-accordion-content-color: var(--dcf-color-eerie-black); --dcf-accordion-content-background-color: var(--dcf-color-white); --dcf-accordion-content-background-color-active: hsla(0,0%,100%,.4); } .miele-desc .dcf-accordion-content { --dcf-accordion-content-transition-duration: .25s; --dcf-accordion-content-padding: 1.68rem 1rem; --dcf-accordion-content-padding-compact: .125rem; --dcf-accordion-content-font-size: 1.125rem; --dcf-accordion-content-font-weight: var(--dcf-font-weight-medium); --dcf-accordion-content-line-height: 1.375; --dcf-accordion-content-border-radius: .5rem; background-color: var(--dcf-accordion-content-background-color); border-radius: var(--dcf-accordion-content-border-radius); color: var(--dcf-accordion-content-color); } @media (max-width: 991.98px) { .miele-desc .dcf-accordion-content:first-of-type { border-radius: var(--dcf-accordion-content-border-radius) var(--dcf-accordion-content-border-radius) 0 0; } .miele-desc .dcf-accordion-content:last-of-type { border-radius: 0 0 var(--dcf-accordion-content-border-radius) var(--dcf-accordion-content-border-radius); } } @media (min-width: 768px) { .miele-desc .dcf-accordion-content { --dcf-accordion-content-font-size: 1.25rem; --dcf-accordion-content-padding: 2.25rem 2rem; } } @media (min-width: 1200px) { .miele-desc .dcf-accordion-content { --dcf-accordion-content-padding: 3.125rem 4rem; } } .miele-desc .dcf-accordion-content__container { overflow: hidden; } .miele-desc .dcf-accordion-content--active { background-color: var(--dcf-accordion-content-background-color-active); } .miele-desc .dcf-accordion-content--active .dcf-accordion-content__header { background-color: initial; } .miele-desc .dcf-accordion-content--active .dcf-accordion-content__icon { transform: rotate(180deg); } .miele-desc .dcf-accordion-content--compact { border-radius: 0px; } .miele-desc .dcf-accordion-content__header { align-items: center; background-color: var(--dcf-accordion-content-background-color); border: medium; border-radius: var(--dcf-accordion-content-border-radius); color: var(--dcf-accordion-content-color); cursor: pointer; display: flex; flex-direction: row; justify-content: space-between; padding: var(--dcf-accordion-content-padding); width: 100%; } .miele-desc .dcf-accordion-content__header:focus { outline: currentcolor; } .miele-desc .dcf-accordion-content__header--compact { border-radius: 0px; padding: var(--dcf-accordion-content-padding-compact); } .miele-desc .dcf-accordion-content__heading { font-size: var(--dcf-accordion-content-font-size); font-weight: var(--dcf-font-weight-medium); line-height: var(--dcf-accordion-content-line-height); text-align: left; } .miele-desc .dcf-accordion-content__body { font-weight: var(--dcf-font-weight-normal); line-height: var(--dcf-accordion-content-line-height); margin-right: ; margin-bottom: ; margin-left: ; margin-top: 0px; } .miele-desc .dcf-accordion-content__body--hidden { margin-bottom: 0px; } .miele-desc .dcf-accordion-content__body--compact { border-radius: 0px; margin: 0 var(--dcf-accordion-content-padding-compact) var(--dcf-accordion-content-padding-compact) var(--dcf-accordion-content-padding-compact); } .miele-desc .dcf-button .dcf-ctx-dark, .miele-desc .dcf-ctx-dark .dcf-button, .miele-desc dcf-button .dcf-button.dcf-ctx-dark { --dcf-button-secondary-color: var(--dcf-color-cultured); --dcf-button-secondary-color-hover: var(--dcf-color-white); --dcf-button-secondary-border-color: var(--dcf-color-silver); --dcf-button-secondary-border-color-hover: var(--dcf-color-silver); --dcf-button-tertiary-color: var(--dcf-color-cultured); --dcf-button-tertiary-color-hover: var(--dcf-color-white); --dcf-button-tertiary-icon: var(--dcf-color-silver); --dcf-button-tertiary-icon-hover: var(--dcf-color-white); --dcf-button-grey-bg: rgba(0,0,0,.48); --dcf-button-grey-bg-hover: #000; --dcf-button-grey-icon-color: var(--dcf-color-white); } .miele-desc :host .dcf-button.dcf-ctx-dark, :root .dcf-button.dcf-ctx-dark { --dcf-button-secondary-color: var(--dcf-color-cultured); --dcf-button-secondary-color-hover: var(--dcf-color-white); --dcf-button-secondary-border-color: var(--dcf-color-silver); --dcf-button-secondary-border-color-hover: var(--dcf-color-silver); --dcf-button-tertiary-color: var(--dcf-color-cultured); --dcf-button-tertiary-color-hover: var(--dcf-color-white); --dcf-button-tertiary-icon: var(--dcf-color-silver); --dcf-button-tertiary-icon-hover: var(--dcf-color-white); --dcf-button-grey-bg: rgba(0,0,0,.48); --dcf-button-grey-bg-hover: #000; --dcf-button-grey-icon-color: var(--dcf-color-white); } .miele-desc .dcf-button .dcf-ctx-light, .miele-desc .dcf-ctx-light .dcf-button, .miele-desc dcf-button .dcf-button.dcf-ctx-light { --dcf-button-secondary-color: var(--dcf-color-eerie-black); --dcf-button-secondary-color-hover: var(--dcf-color-eerie-black); --dcf-button-secondary-border-color: var(--dcf-color-battle-ship-gray); --dcf-button-secondary-border-color-hover: var(--dcf-color-battle-ship-gray); --dcf-button-tertiary-color: var(--dcf-color-eerie-black); --dcf-button-tertiary-color-hover: var(--dcf-color-black); --dcf-button-tertiary-icon: var(--dcf-color-battle-ship-gray); --dcf-button-tertiary-icon-hover: var(--dcf-button-tertiary-color-hover); --dcf-button-grey-bg: hsla(210,4%,91%,.48); --dcf-button-grey-bg-hover: #e7e8e9; --dcf-button-grey-icon-color: var(--dcf-color-divider-dark); } .miele-desc :host .dcf-button.dcf-ctx-light, :root .dcf-button.dcf-ctx-light { --dcf-button-secondary-color: var(--dcf-color-eerie-black); --dcf-button-secondary-color-hover: var(--dcf-color-eerie-black); --dcf-button-secondary-border-color: var(--dcf-color-battle-ship-gray); --dcf-button-secondary-border-color-hover: var(--dcf-color-battle-ship-gray); --dcf-button-tertiary-color: var(--dcf-color-eerie-black); --dcf-button-tertiary-color-hover: var(--dcf-color-black); --dcf-button-tertiary-icon: var(--dcf-color-battle-ship-gray); --dcf-button-tertiary-icon-hover: var(--dcf-button-tertiary-color-hover); --dcf-button-grey-bg: hsla(210,4%,91%,.48); --dcf-button-grey-bg-hover: #e7e8e9; --dcf-button-grey-icon-color: var(--dcf-color-divider-dark); } .miele-desc .dcf-button { align-items: center; background: var(--dcf-button-bg); border-top-width: ; border-right-width: ; border-bottom-width: ; border-left-width: ; border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 1.375rem; border-style: solid; box-sizing: border-box; color: var(--dcf-button-color); cursor: pointer; display: inline-flex; font-family: var(--dcf-font-family); font-size: 0.75rem; font-weight: var(--dcf-font-weight-medium); height: 2.25rem; justify-content: center; letter-spacing: 0.0625rem; padding: var(--dcf-button-padding); position: relative; text-decoration: none; text-transform: uppercase; transition: transform 0.2s ease-out, background 0.2s ease-out; } .miele-desc .dcf-button__loader { left: calc(50% - 0.9375rem); margin: 0px; position: absolute; } .miele-desc .dcf-button__content { align-items: center; color: inherit; display: flex; justify-content: center; line-height: 0.75rem; transition: opacity 0.3s ease-in-out 0.3s; } .miele-desc .dcf-button__content--stretched { justify-content: space-between; width: 100%; } .miele-desc .dcf-button__fade-enter-active, .miele-desc .dcf-button__fade-leave-active { transition: 0.3s ease-out 0.4s; } .miele-desc .dcf-button__fade-enter-from, .miele-desc .dcf-button__fade-leave-to { opacity: 0; transition: 0.3s ease-out; } .miele-desc .dcf-button--full-width { justify-content: center; width: 100%; } .miele-desc .dcf-button--icon-left .dcf-button__icon { margin-right: 0.5rem; } .miele-desc .dcf-button--icon-right .dcf-button__icon { margin-left: 0.5rem; } .miele-desc .dcf-button--loading .dcf-button__content { opacity: 0; transition: opacity 0.3s ease-in-out; } .miele-desc .dcf-button:focus { outline: currentcolor; } .miele-desc .dcf-button:focus-visible { box-shadow: 0 0 0 .125rem var(--dcf-color-focus); } .miele-desc .dcf-button:disabled { opacity: var(--dcf-button-disable-opacity); } .miele-desc .dcf-button--icon-only { border-radius: 50%; border-width: var(--dcf-button-border-width); height: 3rem; justify-content: center; padding: var(--dcf-button-icon-only-padding); width: 3rem; } .miele-desc .dcf-button--icon-only svg { margin: 0px; } .miele-desc .dcf-button--icon-only:active:not(:disabled), .miele-desc .dcf-button--icon-only:hover:not(:disabled) { border-width: var(--dcf-button-hover-border-width); padding: var(--dcf-button-hover-icon-only-padding); } .miele-desc .dcf-button--primary { --dcf-button-color: var(--dcf-button-primary-color); --dcf-button-bg: var(--dcf-button-primary-bg); --dcf-button-border-color: var(--dcf-button-primary-border-color); } .miele-desc .dcf-button--primary:hover:not(:disabled) { --dcf-button-color: var(--dcf-button-primary-color-hover); --dcf-button-bg: var(--dcf-button-primary-bg-hover); --dcf-button-border-color: var(--dcf-button-primary-border-color-hover); } .miele-desc .dcf-button--primary:active:not(:disabled) { transform: var(--dcf-button-transform-scale); } .miele-desc .dcf-button--secondary { --dcf-button-color: var(--dcf-button-secondary-color); --dcf-button-bg: var(--dcf-button-secondary-bg); --dcf-button-border-color: var(--dcf-button-secondary-border-color); } .miele-desc .dcf-button--secondary:hover:not(:disabled) { --dcf-button-color: var(--dcf-button-secondary-color-hover); --dcf-button-bg: var(--dcf-button-secondary-bg-hover); --dcf-button-border-color: var(--dcf-button-secondary-border-color-hover); } .miele-desc .dcf-button--secondary:active:not(:disabled) { transform: var(--dcf-button-transform-scale); } .miele-desc .dcf-button--tertiary { --dcf-button-color: var(--dcf-button-tertiary-color); --dcf-button-bg: var(--dcf-button-tertiary-bg); --dcf-button-border-color: var(--dcf-button-tertiary-border-color); border-width: 0px; height: auto; padding: 0.125rem 0px 0px; vertical-align: baseline; } .miele-desc .dcf-button--tertiary svg { color: var(--dcf-button-tertiary-icon); display: inline-flex; } .miele-desc .dcf-button--tertiary:is(button) svg { color: var(--dcf-button-tertiary-icon-hover); } .miele-desc .dcf-button--tertiary:hover:not(:disabled) { --dcf-button-color: var(--dcf-button-tertiary-color-hover); --dcf-button-bg: var(--dcf-button-tertiary-bg); --dcf-button-border-color: var(--dcf-button-tertiary-border-color-hover); border-width: 0px; padding: 0.125rem 0px 0px; } .miele-desc .dcf-button--tertiary:hover:not(:disabled) svg { color: var(--dcf-button-tertiary-icon-hover); } .miele-desc .dcf-button--grey { --dcf-button-color: var(--dcf-button-grey-icon-color); --dcf-button-bg: var(--dcf-button-grey-bg); --dcf-button-border-color: var(--dcf-button-grey-border); } .miele-desc .dcf-button--grey:hover:not(:disabled) { --dcf-button-color: var(--dcf-button-grey-icon-color); --dcf-button-bg: var(--dcf-button-grey-bg-hover); --dcf-button-border-color: var(--dcf-button-grey-border); } .miele-desc .dcf-button--grey:active:not(:disabled) { transform: var(--dcf-button-transform-scale); } .miele-desc .dcf-button--dark-grey { --dcf-button-color: var(--dcf-button-dark-grey-icon-color); --dcf-button-bg: var(--dcf-button-dark-grey-bg); --dcf-button-border-color: var(--dcf-button-dark-grey-border); } .miele-desc .dcf-button--dark-grey:hover:not(:disabled) { --dcf-button-color: var(--dcf-button-dark-grey-icon-color); --dcf-button-bg: var(--dcf-button-dark-grey-bg-hover); --dcf-button-border-color: var(--dcf-button-dark-grey-border); } .miele-desc .dcf-button--dark-grey:active:not(:disabled) { transform: var(--dcf-button-transform-scale); } .miele-desc .dcf-badge .dcf-ctx-dark, .miele-desc .dcf-ctx-dark .dcf-badge, .miele-desc dcf-badge .dcf-badge.dcf-ctx-dark { --dcf-like-button-gray-color: var(--dcf-color-white); --dcf-like-button-gray-color-hover: var(--dcf-color-platinum); --dcf-like-button-gray-bg: rgba(0,0,0,.48); --dcf-like-button-gray-bg-hover: #000; --dcf-like-button-gray-bg-cultured: rgba(0,0,0,.48); --dcf-like-button-gray-bg-cultured-hover: #000; --dcf-like-button-gray-bg-warmgray: rgba(0,0,0,.48); --dcf-like-button-gray-bg-warmgray-hover: #000; } .miele-desc :host .dcf-badge.dcf-ctx-dark, :root .dcf-badge.dcf-ctx-dark { --dcf-like-button-gray-color: var(--dcf-color-white); --dcf-like-button-gray-color-hover: var(--dcf-color-platinum); --dcf-like-button-gray-bg: rgba(0,0,0,.48); --dcf-like-button-gray-bg-hover: #000; --dcf-like-button-gray-bg-cultured: rgba(0,0,0,.48); --dcf-like-button-gray-bg-cultured-hover: #000; --dcf-like-button-gray-bg-warmgray: rgba(0,0,0,.48); --dcf-like-button-gray-bg-warmgray-hover: #000; } .miele-desc .dcf-badge .dcf-ctx-light, .miele-desc .dcf-ctx-light .dcf-badge, .miele-desc dcf-badge .dcf-badge.dcf-ctx-light { --dcf-like-button-gray-color: var(--dcf-color-divider-dark); --dcf-like-button-gray-color-hover: var(--dcf-color-divider-dark); --dcf-like-button-gray-bg: var(--dcf-color-white); --dcf-like-button-gray-bg-hover: var(--dcf-color-platinum); --dcf-like-button-gray-bg-cultured: hsla(210,4%,91%,.48); --dcf-like-button-gray-bg-cultured-hover: var(--dcf-color-platinum); --dcf-like-button-gray-bg-warmgray: #6c6964; --dcf-like-button-gray-bg-warmgray-hover: #3e3c39; } .miele-desc :host .dcf-badge.dcf-ctx-light, :root .dcf-badge.dcf-ctx-light { --dcf-like-button-gray-color: var(--dcf-color-divider-dark); --dcf-like-button-gray-color-hover: var(--dcf-color-divider-dark); --dcf-like-button-gray-bg: var(--dcf-color-white); --dcf-like-button-gray-bg-hover: var(--dcf-color-platinum); --dcf-like-button-gray-bg-cultured: hsla(210,4%,91%,.48); --dcf-like-button-gray-bg-cultured-hover: var(--dcf-color-platinum); --dcf-like-button-gray-bg-warmgray: #6c6964; --dcf-like-button-gray-bg-warmgray-hover: #3e3c39; } .miele-desc .dcf-badge { align-items: center; border-radius: 4px; color: var(--dcf-like-button-gray-color); cursor: pointer; display: inline-flex; font-size: 14px; font-style: normal; font-weight: var(--dcf-font-weight-normal); gap: 8px; justify-content: center; letter-spacing: 1.4px; line-height: 20px; margin-right: 8px; padding: 8px 12px; position: relative; -webkit-user-select: none; } .miele-desc .dcf-badge--small { font-size: 12px; gap: 6px; letter-spacing: 1.2px; padding: 2px 8px; } .miele-desc .dcf-badge--disabled { cursor: default; } .miele-desc .dcf-badge:not(.dcf-badge__cultured) { background-color: var(--dcf-like-button-gray-bg); } .miele-desc .dcf-badge:not(.dcf-badge__cultured):hover { background-color: var(--dcf-like-button-gray-bg-hover); color: var(--dcf-like-button-gray-color-hover); } .miele-desc .dcf-badge:not(.dcf-badge__cultured).dcf-badge--disabled { cursor: default; } .miele-desc .dcf-badge:not(.dcf-badge__cultured).dcf-badge--disabled:hover { background-color: var(--dcf-like-button-gray-bg); color: var(--dcf-like-button-gray-color-hover); } .miele-desc .dcf-badge--cultured { background-color: var(--dcf-like-button-gray-bg-cultured) !important; } .miele-desc .dcf-badge--cultured:hover { color: var(--dcf-like-button-gray-color-hover); background-color: var(--dcf-like-button-gray-bg-cultured-hover) !important; } .miele-desc .dcf-badge--cultured.dcf-badge--disabled { cursor: default; } .miele-desc .dcf-badge--cultured.dcf-badge--disabled:hover { color: var(--dcf-like-button-gray-color-hover); background-color: var(--dcf-like-button-gray-bg-cultured) !important; } .miele-desc .dcf-badge--warm-gray { background-color: var(--dcf-like-button-gray-bg-warmgray) !important; color: var(--dcf-color-white) !important; } .miele-desc .dcf-badge--warm-gray:hover { color: var(--dcf-like-button-gray-color-hover); background-color: var(--dcf-like-button-gray-bg-warmgray-hover) !important; } .miele-desc .dcf-badge--warm-gray.dcf-badge--disabled { cursor: default; } .miele-desc .dcf-badge--warm-gray.dcf-badge--disabled:hover { color: var(--dcf-like-button-gray-color-hover); background-color: var(--dcf-like-button-gray-bg-warmgray) !important; } .miele-desc .dcf-badge__text { line-height: 140%; } .miele-desc .dcf-carousel-item .dcf-ctx-dark, .miele-desc .dcf-ctx-dark .dcf-carousel-item, .miele-desc dcf-carousel-item .dcf-carousel-item.dcf-ctx-dark { --dcf-carousel-item-text-color: var(--dcf-color-white); --dcf-carousel-item-background-color: var(--dcf-color-silver); } .miele-desc :host .dcf-carousel-item.dcf-ctx-dark, :root .dcf-carousel-item.dcf-ctx-dark { --dcf-carousel-item-text-color: var(--dcf-color-white); --dcf-carousel-item-background-color: var(--dcf-color-silver); } .miele-desc .dcf-carousel-item .dcf-ctx-light, .miele-desc .dcf-ctx-light .dcf-carousel-item, .miele-desc dcf-carousel-item .dcf-carousel-item.dcf-ctx-light { --dcf-carousel-item-text-color: var(--dcf-color-battle-ship-gray); --dcf-carousel-item-background-color: var(--dcf-color-cultured); } .miele-desc :host .dcf-carousel-item.dcf-ctx-light, :root .dcf-carousel-item.dcf-ctx-light { --dcf-carousel-item-text-color: var(--dcf-color-battle-ship-gray); --dcf-carousel-item-background-color: var(--dcf-color-cultured); } .miele-desc .dcf-carousel-item { --dcf-carousel-gap: 1.5rem; --dcf-carousel-item-width: 0 0 100%; background: var(--dcf-carousel-item-background-color); border-radius: 8px; color: var(--dcf-carousel-item-text-color); flex: var(--dcf-carousel-item-width); padding: 1rem; scroll-snap-align: start; } .miele-desc .dcf-carousel-item--transparent { background: none; } .miele-desc .dcf-carousel-item--no-radius { border-radius: 0px; } .miele-desc .dcf-carousel-item--no-padding { padding: 0px; } .miele-desc .dcf-carousel-item img { -webkit-user-drag: none; } .miele-desc .dcf-carousel-item:not(:first-of-type) { margin-left: var(--dcf-carousel-gap); } .miele-desc .dcf-carousel-item--type-lifestyle { --dcf-carousel-item-width: 0 0 calc(80% - .3rem); } @media (min-width: 992px) { .miele-desc .dcf-carousel-item--type-lifestyle { --dcf-carousel-item-width: 0 0 calc(66.66667% - .5rem); } } @media (min-width: 1200px) { .miele-desc .dcf-carousel-item--type-lifestyle { --dcf-carousel-item-width: 0 0 calc(40% - .9rem); } } .miele-desc .dcf-carousel-item--type-product { --dcf-carousel-item-width: 0 0 calc(86.95652% - .19565rem); } @media (min-width: 992px) { .miele-desc .dcf-carousel-item--type-product { --dcf-carousel-item-width: 0 0 calc(50% - .75rem); } } @media (min-width: 1200px) { .miele-desc .dcf-carousel-item--type-product { --dcf-carousel-item-width: 0 0 calc(25% - 1.125rem); } } .miele-desc .dcf-horizontal-scroll { display: flex; flex-wrap: nowrap; overflow-x: scroll; padding-bottom: 1.25rem; scroll-behavior: smooth; scroll-snap-type: x mandatory; width: 100%; position: relative; scrollbar-width: none; } .miele-desc .dcf-horizontal-scroll--no-scroll-snap { scroll-behavior: auto; scroll-snap-type: none; } .miele-desc .dcf-horizontal-scroll--centered { justify-content: center; } .miele-desc .dcf-horizontal-scroll--scroll-spy { height: 1px; position: absolute; visibility: hidden; width: 100%; } .miele-desc .dcf-horizontal-scroll::-webkit-scrollbar { display: none; } .miele-desc .dcf-dots { bottom: 0px; display: flex; justify-content: center; position: absolute; width: 100%; } .miele-desc .dcf-dots--item { align-items: center; cursor: pointer; display: flex; height: 0.25rem; padding: 0.5rem 0px; width: 1.5rem; } .miele-desc .dcf-dots--item::after { background: var(--dcf-dots-color); content: ""; display: block; height: 0.25rem; width: 100%; } .miele-desc .dcf-dots--item--active::after { background: var(--dcf-dots-color-active); } .miele-desc .dcf-carousel { align-items: center; display: flex; overflow-x: hidden; position: relative; } .miele-desc .dcf-carousel--scrollbar { padding-bottom: 2rem; } .miele-desc .dcf-carousel:hover .dcf-carousel-button { opacity: 1; } .miele-desc .dcf-carousel-button { cursor: pointer; opacity: 0; position: fixed; transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1); } .miele-desc .dcf-carousel-button--prev { left: 1.2rem; } .miele-desc .dcf-carousel-button--next { right: 1.2rem; } @media (max-width: 991.98px) { .miele-desc .dcf-carousel-button { animation: 2s ease-out 1s forwards mobileHint-fade-out, 0s ease-out 3s mobileHint-vanish; opacity: 1; } } .miele-desc .dcf-color-picker-item .dcf-ctx-dark, .miele-desc .dcf-ctx-dark .dcf-color-picker-item, .miele-desc dcf-color-picker-item .dcf-color-picker-item.dcf-ctx-dark { --dcf-color-picker-item-selected-color: var(--dcf-color-white); } .miele-desc :host .dcf-color-picker-item.dcf-ctx-dark, :root .dcf-color-picker-item.dcf-ctx-dark { --dcf-color-picker-item-selected-color: var(--dcf-color-white); } .miele-desc .dcf-color-picker-item .dcf-ctx-light, .miele-desc .dcf-ctx-light .dcf-color-picker-item, .miele-desc dcf-color-picker-item .dcf-color-picker-item.dcf-ctx-light { --dcf-color-picker-item-selected-color: var(--dcf-color-black); } .miele-desc :host .dcf-color-picker-item.dcf-ctx-light, :root .dcf-color-picker-item.dcf-ctx-light { --dcf-color-picker-item-selected-color: var(--dcf-color-black); } .miele-desc .dcf-color-picker-item { --dcf-color-picker-image-size: 1.5rem; --dcf-color-picker-circle-size: 2.125rem; background-color: transparent; border: 0.063rem solid transparent; border-radius: 50%; cursor: pointer; display: flex; height: var(--dcf-color-picker-circle-size); justify-content: center; width: var(--dcf-color-picker-circle-size); } .miele-desc .dcf-color-picker-item--m { --dcf-color-picker-image-size: 1.25rem; --dcf-color-picker-circle-size: 1.875rem; } .miele-desc .dcf-color-picker-item--s { --dcf-color-picker-image-size: 1rem; --dcf-color-picker-circle-size: 1.625rem; } .miele-desc .dcf-color-picker-item__image { background-color: var(--dcf-color-silver); border-radius: 50%; height: var(--dcf-color-picker-image-size); overflow: hidden; position: relative; top: 50%; transform: translateY(-50%); width: var(--dcf-color-picker-image-size); } .miele-desc .dcf-color-picker-item:hover:not(.dcf-color-picker-item--selected), .miele-desc .dcf-color-picker-item__image { border: .063rem solid var(--dcf-color-silver); } .miele-desc .dcf-color-picker-item--selected { border: .063rem solid var(--dcf-color-picker-item-selected-color); } .miele-desc .dcf-color-picker { display: flex; flex-direction: row; gap: 0.25rem; } .miele-desc .dcf-compare-bar { --dcf-compare-bar-header-height: 4.375rem; --dcf-compare-bar-product-spacing: 0 0 .5rem 0; --dcf-compare-bar-body-flex-direction: column; --dcf-compare-bar-product-flex: none; --dcf-compare-bar-padding: 0 1rem; --dcf-compare-bar-grid-template-areas: "collapse collapse" "body body" "buttons buttons"; background: var(--dcf-color-white); bottom: 0px; box-shadow: rgba(24, 39, 75, 0.05) 0px -0.25rem 0.75rem 0.125rem; display: grid; grid-template-areas: var(--dcf-compare-bar-grid-template-areas); left: 0px; padding: var(--dcf-compare-bar-padding); position: fixed; right: 0px; } @media (min-width: 768px) { .miele-desc .dcf-compare-bar { --dcf-compare-bar-padding: 0 2rem; --dcf-compare-bar-grid-template-areas: "collapse buttons" "body body"; } } @media (min-width: 992px) { .miele-desc .dcf-compare-bar { --dcf-compare-bar-product-spacing: 0 2rem 0 0; --dcf-compare-bar-body-flex-direction: row; --dcf-compare-bar-product-flex: 1; --dcf-compare-bar-padding: 0 4rem; } } .miele-desc .dcf-compare-bar__header { align-items: center; display: flex; height: var(--dcf-compare-bar-header-height); } .miele-desc .dcf-compare-bar__collapse { grid-row-start: collapse; grid-column-start: collapse; grid-row-end: collapse; grid-column-end: collapse; } .miele-desc .dcf-compare-bar__collapse-button { font-size: 0.875rem; font-weight: var(--dcf-font-weight-medium); line-height: 1.25rem; text-transform: none; } .miele-desc .dcf-compare-bar__buttons { grid-row-start: buttons; grid-column-start: buttons; grid-row-end: buttons; grid-column-end: buttons; justify-content: flex-end; } .miele-desc .dcf-compare-bar__delete-all-button { margin-right: 1rem; } .miele-desc .dcf-compare-bar__body { display: flex; flex: 1 1 0%; flex-direction: var(--dcf-compare-bar-body-flex-direction); grid-row-start: body; grid-column-start: body; grid-row-end: body; grid-column-end: body; padding-bottom: 0.9375rem; } .miele-desc .dcf-compare-bar__product { align-items: center; background: var(--dcf-color-cultured); border-radius: 0.5rem; display: flex; flex: var(--dcf-compare-bar-product-flex); height: 5rem; padding: 0.75rem; } .miele-desc .dcf-compare-bar__product:not(:last-of-type) { margin: var(--dcf-compare-bar-product-spacing); } .miele-desc .dcf-compare-bar__product-image { height: 3.5rem; margin-right: 1.25rem; object-fit: cover; width: 3.5rem; } .miele-desc .dcf-compare-bar__product-description { color: var(--dcf-color-black); flex: 1 1 0%; font-size: 0.875rem; font-weight: var(--dcf-font-weight-medium); line-height: 1.25rem; } .miele-desc .dcf-compare-bar__product-empty { align-items: center; background: var(--dcf-color-white); border: 1px solid var(--dcf-color-cultured); color: var(--dcf-color-battle-ship-gray); font-size: 0.875rem; font-weight: var(--dcf-font-weight-normal); justify-content: center; } .miele-desc .dcf-dropdown { display: inline-flex; justify-content: flex-end; min-width: 9.5rem; position: relative; } .miele-desc .dcf-dropdown.dcf-dropdown_left { justify-content: flex-start; } .miele-desc .dcf-dropdown.dcf-dropdown--stretched { width: 100%; } .miele-desc .dcf-dropdown__list { background-color: var(--dcf-color-white); border: 1px solid rgb(242, 242, 242); border-radius: 0.25rem; min-width: 9.375rem; position: absolute; } .miele-desc .dcf-dropdown__list li > a { color: inherit; text-decoration: none; } .miele-desc .dcf-dropdown__list--stretched { width: 100%; } .miele-desc .dcf-dropdown__list--drop-up { bottom: calc(100% + 1rem); top: auto; } .miele-desc .dcf-dropdown__list--drop-down { bottom: auto; top: calc(100% + 1rem); } .miele-desc .dcf-dropdown__list--hidden { display: none; } .miele-desc .dcf-dropdown__list-item { display: flex; height: 3.375rem; justify-content: center; } .miele-desc .dcf-dropdown__list-item-button { align-items: center; cursor: pointer; display: flex; font-size: 1rem; font-weight: var(--dcf-font-weight-normal); padding: 1rem; width: 100%; } .miele-desc .dcf-dropdown__list-item-button:hover { background: var(--dcf-color-luxury-white); } .miele-desc .dcf-dropdown__list-item-button--selected { font-weight: var(--dcf-font-weight-medium); } .miele-desc .dcf-gallery-video__wrapper { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; margin: auto; overflow: hidden; padding: 3.75rem 0px; width: 100%; } .miele-desc .dcf-gallery-video__wrapper button { height: 2rem; left: 0.5rem; margin: 0.25rem; position: absolute; top: 0.25rem; width: 2rem; z-index: var(--dcf-z-index-above); } @media (min-width: 992px) { .miele-desc .dcf-gallery-video__wrapper button { margin: 1.25rem; } } .miele-desc .dcf-gallery-video__wrapper video { height: 100%; width: 100%; } .miele-desc .dcf-gallery-video__container { display: flex; height: 100%; margin: auto; padding: 0px; width: 100%; } .miele-desc .dcf-gallery-video__container img { display: block; height: 100%; margin: auto; max-height: 100%; max-width: 100%; object-fit: contain; width: 100%; } .miele-desc .dcf-image-zoom__image { display: block; height: 100%; margin: auto; max-height: 100%; max-width: 100%; object-fit: contain; transform-origin: 0px 0px; -webkit-user-select: none; width: 100%; } .miele-desc .dcf-ctx-dark .dcf-image-zoom-gallery, .miele-desc .dcf-image-zoom-gallery .dcf-ctx-dark, .miele-desc dcf-image-zoom-gallery .dcf-image-zoom-gallery.dcf-ctx-dark { --dcf-image-zoom-gallery-color: var(--dcf-color-black); } .miele-desc :host .dcf-image-zoom-gallery.dcf-ctx-dark, :root .dcf-image-zoom-gallery.dcf-ctx-dark { --dcf-image-zoom-gallery-color: var(--dcf-color-black); } .miele-desc .dcf-ctx-light .dcf-image-zoom-gallery, .miele-desc .dcf-image-zoom-gallery .dcf-ctx-light, .miele-desc dcf-image-zoom-gallery .dcf-image-zoom-gallery.dcf-ctx-light { --dcf-image-zoom-gallery-color: var(--dcf-color-black); } .miele-desc :host .dcf-image-zoom-gallery.dcf-ctx-light, :root .dcf-image-zoom-gallery.dcf-ctx-light { --dcf-image-zoom-gallery-color: var(--dcf-color-black); } .miele-desc .dcf-image-zoom-gallery { --dcf-image-zoom-gallery-icon-background-size: 2.5rem; --dcf-image-zoom-gallery-font-size: .75rem; --dcf-image-zoom-gallery-gutter: 4rem; --dcf-image-zoom-gallery-icon-opacity-zoomed: 0; --dcf-image-zoom-gallery-cutout-padding: 2rem; align-items: center; background-color: var(--dcf-color-cultured); display: flex; height: 100%; overflow: hidden; position: relative; width: 100%; } @media (min-width: 992px) { .miele-desc .dcf-image-zoom-gallery { --dcf-image-zoom-gallery-font-size: .875rem; --dcf-image-zoom-gallery-cutout-padding: 4rem; } } @media (min-width: 768px) { .miele-desc .dcf-image-zoom-gallery { --dcf-image-zoom-gallery-icon-opacity-zoomed: 1; } } .miele-desc .dcf-image-zoom-gallery__icon { background-color: var(--dcf-image-zoom-gallery-color); border: 0px; cursor: pointer; margin: auto; } .miele-desc .dcf-image-zoom-gallery__icon-container { cursor: pointer; display: flex; height: 100%; width: 100%; } .miele-desc .dcf-image-zoom-gallery__button { position: absolute; } .miele-desc .dcf-image-zoom-gallery__button--zoomed-in { opacity: var(--dcf-image-zoom-gallery-icon-opacity-zoomed); transition: opacity 1s ease-out; } .miele-desc .dcf-image-zoom-gallery__button--visible { display: flex; } .miele-desc .dcf-image-zoom-gallery__button-previous { left: 1rem; } @media (min-width: 992px) { .miele-desc .dcf-image-zoom-gallery__button-previous { left: 2rem; } } .miele-desc .dcf-image-zoom-gallery__button-next { right: 1rem; } @media (min-width: 992px) { .miele-desc .dcf-image-zoom-gallery__button-next { right: 2rem; } } .miele-desc .dcf-image-zoom-gallery__button:focus-within { outline: -webkit-focus-ring-color auto thin; } .miele-desc .dcf-image-zoom-gallery__pagination { bottom: 1rem; font-size: var(--dcf-image-zoom-gallery-font-size); font-weight: var(--dcf-font-weight-normal); left: 1rem; position: absolute; text-align: center; } .miele-desc .dcf-image-zoom-gallery__content { box-sizing: border-box; display: flex; height: 100%; margin: auto; padding: var(--dcf-image-zoom-gallery-cutout-padding); position: absolute; width: 100%; } .miele-desc .dcf-image-zoom-gallery__content--full-width { padding: 0px; } .miele-desc .dcf-ctx-dark .dcf-modal, .miele-desc .dcf-modal .dcf-ctx-dark, .miele-desc dcf-modal .dcf-modal.dcf-ctx-dark { --dcf-modal-background: var(--dcf-color-eerie-black); --dcf-modal-mieleui-background: var(--dcf-color-eerie-black); --dcf-modal-close-button-color: var(--dcf-color-cultured); --dcf-modal-text-color: var(--dcf-color-cultured); } .miele-desc :host .dcf-modal.dcf-ctx-dark, :root .dcf-modal.dcf-ctx-dark { --dcf-modal-background: var(--dcf-color-eerie-black); --dcf-modal-mieleui-background: var(--dcf-color-eerie-black); --dcf-modal-close-button-color: var(--dcf-color-cultured); --dcf-modal-text-color: var(--dcf-color-cultured); } .miele-desc .dcf-ctx-light .dcf-modal, .miele-desc .dcf-modal .dcf-ctx-light, .miele-desc dcf-modal .dcf-modal.dcf-ctx-light { --dcf-modal-background: var(--dcf-color-luxury-white); --dcf-modal-mieleui-background: var(--dcf-color-white); --dcf-modal-close-button-color: var(--dcf-color-eerie-black); --dcf-modal-text-color: var(--dcf-color-eerie-black); } .miele-desc :host .dcf-modal.dcf-ctx-light, :root .dcf-modal.dcf-ctx-light { --dcf-modal-background: var(--dcf-color-luxury-white); --dcf-modal-mieleui-background: var(--dcf-color-white); --dcf-modal-close-button-color: var(--dcf-color-eerie-black); --dcf-modal-text-color: var(--dcf-color-eerie-black); } .miele-desc .dcf-modal { --dcf-modal-padding-desktop: 2rem; --dcf-modal-padding-tablet: 1.5rem; --dcf-modal-padding-mobile: 1rem; --dcf-modal-mieleui-padding-desktop: 3rem; --dcf-modal-mieleui-padding-tablet: 2.5rem; --dcf-modal-mieleui-padding-mobile: 2rem; --dcf-modal-margin: 2rem; --dcf-modal-z-index: var(--dcf-z-index-high); --dcf-modal-border-radius: .5rem; --dcf-modal-mieleui-border-radius: .25rem; --dcf-modal-close-button-size: 1rem; --dcf-modal-overlay-z-index: var(--dcf-z-index-high); background-color: var(--dcf-modal-background); border-radius: var(--dcf-modal-border-radius); box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 3px; color: var(--dcf-modal-text-color); margin: 0px; max-height: 100%; overflow: hidden auto; padding: 0px; position: relative; width: 100%; z-index: var(--dcf-modal-z-index); } .miele-desc .dcf-modal__sm { max-width: 26rem; min-height: 4rem; } .miele-desc .dcf-modal__md { max-width: 38rem; min-height: 4rem; } .miele-desc .dcf-modal__lg { max-width: 54rem; min-height: 4rem; } .miele-desc .dcf-modal__full { border-radius: 0px; margin: 0px; max-width: 100%; min-height: 100vh; } .miele-desc .dcf-modal__right-bottom { margin: auto 0px 0px; } .miele-desc .dcf-modal__right-top { margin: 0px 0px auto; } .miele-desc .dcf-modal__center { margin: auto; } @media (max-width: 575.98px) { .miele-desc .dcf-modal-mobile__full { border-radius: 0px; margin: 0px; min-width: 100%; } .miele-desc .dcf-modal-mobile__bottom { border-radius: 0px; margin: auto 0px 0px; min-width: 100%; } } .miele-desc .dcf-modal--close { background-color: transparent; border: medium; color: var(--dcf-modal-close-button-color); cursor: pointer; display: block; height: var(--dcf-modal-close-button-size); position: absolute; right: 1rem; top: 1rem; width: var(--dcf-modal-close-button-size); } @media (min-width: 992px) { .miele-desc .dcf-modal--close { right: 2rem; top: 2rem; } } .miele-desc .dcf-modal--close__on-media { align-items: center; background-color: rgba(var(--dcf-color-black--rgb),.2); border-radius: 50%; color: var(--dcf-color-cultured); display: flex; justify-content: center; } .miele-desc .dcf-modal--heading-media { align-items: flex-start; display: flex; justify-content: center; } @media (max-width: 767.98px) { .miele-desc .dcf-modal--heading-media { margin-bottom: -1rem; } } .miele-desc .dcf-modal--heading-media img { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; } .miele-desc .dcf-modal--content { margin: 0px; padding: var(--dcf-modal-padding-desktop) var(--dcf-modal-padding-mobile) var(--dcf-modal-padding-mobile); } @media (min-width: 768px) { .miele-desc .dcf-modal--content { padding: var(--dcf-modal-padding-tablet); } } @media (min-width: 992px) { .miele-desc .dcf-modal--content { padding: var(--dcf-modal-padding-desktop); } } .miele-desc .dcf-modal--content__no-padding { padding: 0px; } .miele-desc .dcf-modal--wrapper { inset: 0px; display: flex; margin: 0px; overflow: auto; padding: 2rem; position: fixed; z-index: var(--dcf-z-index-high); } .miele-desc .dcf-modal--wrapper__right-bottom { align-items: flex-end; justify-content: flex-end; } .miele-desc .dcf-modal--wrapper__right-top { align-items: flex-start; justify-content: flex-end; } .miele-desc .dcf-modal--wrapper__center { align-items: center; justify-content: center; } @media (max-width: 575.98px) { .miele-desc .dcf-modal--wrapper-mobile__full { align-items: stretch; justify-content: stretch; padding: 0px; } .miele-desc .dcf-modal--wrapper-mobile__bottom { align-items: flex-end; justify-content: center; padding: 0px; } } .miele-desc .dcf-modal--wrapper__full { padding: 0px; } .miele-desc .dcf-modal--hidden { display: none !important; } .miele-desc .dcf-modal--overlay { background-color: rgba(var(--dcf-color-black--rgb),.6); inset: 0px; display: block; position: fixed; z-index: var(--dcf-modal-overlay-z-index); } .miele-desc .dcf-modal--mieleui .dcf-modal { background-color: var(--dcf-modal-mieleui-background); border-radius: 0px; box-shadow: none; } @media (min-width: 576px) { .miele-desc .dcf-modal--mieleui .dcf-modal { border-radius: var(--dcf-modal-mieleui-border-radius); } } .miele-desc .dcf-modal--mieleui .dcf-modal--overlay { background-color: rgba(var(--dcf-modal-mieleui-dark-grey),.9); } .miele-desc .dcf-modal--mieleui .dcf-modal--content { padding: var(--dcf-modal-mieleui-padding-mobile); } @media (min-width: 768px) { .miele-desc .dcf-modal--mieleui .dcf-modal--content { padding: var(--dcf-modal-mieleui-padding-tablet); } } @media (min-width: 992px) { .miele-desc .dcf-modal--mieleui .dcf-modal--content { padding: var(--dcf-modal-mieleui-padding-desktop); } } .miele-desc .dcf-modal--mieleui .dcf-modal--close { align-items: center; color: var(--dcf-modal-mieleui-black); display: flex; justify-content: center; right: 1.5rem; top: 1.5rem; } .miele-desc .dcf-svg-icon { display: inline-flex; } .miele-desc .dcf-ctx-light .dcf-notification, .miele-desc .dcf-notification .dcf-ctx-light, .miele-desc dcf-notification .dcf-notification.dcf-ctx-light { --dcf-notification-font-color: var(--dcf-color-eerie-black); } .miele-desc :host .dcf-notification.dcf-ctx-light, :root .dcf-notification.dcf-ctx-light { --dcf-notification-font-color: var(--dcf-color-eerie-black); } .miele-desc .dcf-ctx-dark .dcf-notification, .miele-desc .dcf-notification .dcf-ctx-dark, .miele-desc dcf-notification .dcf-notification.dcf-ctx-dark { --dcf-notification-font-color: var(--dcf-color-white); } .miele-desc :host .dcf-notification.dcf-ctx-dark, :root .dcf-notification.dcf-ctx-dark { --dcf-notification-font-color: var(--dcf-color-white); } .miele-desc .dcf-notification { align-items: center; background: var(--dcf-notification-bg); border-radius: var(--dcf-notification-border-radius); color: var(--dcf-notification-font-color); display: flex; font-size: 1rem; font-weight: var(--dcf-font-weight-normal); justify-content: space-between; line-height: 1.25rem; padding: var(--dcf-notification-padding); } .miele-desc .dcf-notification__icon { align-items: center; color: var(--dcf-notification-iconColor); display: flex; justify-content: center; margin-right: var(--dcf-notification-icon-margin-right); } .miele-desc .dcf-notification__text-wrapper { flex-grow: 1; } .miele-desc .dcf-notification__headline { font-size: 0.875rem; font-weight: var(--dcf-font-weight-bold); } .miele-desc .dcf-notification__description { font-size: 0.875rem; } .miele-desc .dcf-notification--information { --dcf-notification-color: var(--dcf-notification-information-color); --dcf-notification-bg: var(--dcf-notification-information-bg); --dcf-notification-iconColor: var(--dcf-color-notification-grey); } .miele-desc .dcf-notification--success { --dcf-notification-color: var(--dcf-notification-success-color); --dcf-notification-bg: var(--dcf-notification-success-bg); --dcf-notification-iconColor: var(--dcf-color-notification-green); } .miele-desc .dcf-notification--warning { --dcf-notification-color: var(--dcf-notification-warning-color); --dcf-notification-bg: var(--dcf-notification-warning-bg); --dcf-notification-iconColor: var(--dcf-color-miele-orange); } .miele-desc .dcf-notification--error { --dcf-notification-color: var(--dcf-notification-error-color); --dcf-notification-bg: var(--dcf-notification-error-bg); --dcf-notification-iconColor: var(--dcf-color-notification-red); } .miele-desc .dcf-pagination-item__button { align-items: center; background: var(--dcf-pagination-button-bg); border: 2px solid var(--dcf-pagination-button-border); border-radius: 50%; color: var(--dcf-pagination-button-color); cursor: pointer; display: flex; font-size: 0.875rem; font-weight: 600; height: 2.25rem; justify-content: center; padding: 0.25rem; text-decoration: none; width: 2.25rem; } .miele-desc .dcf-pagination-item__button-disabled { cursor: default; opacity: 0.6; pointer-events: none; } .miele-desc .dcf-pagination-item__button:active:not(:disabled), .miele-desc .dcf-pagination-item__button:hover:not(:disabled) { padding: 0.25rem; } @media (hover: hover) and (pointer: fine) { .miele-desc .dcf-pagination-item__button:hover:not(:disabled) { border-color: var(--dcf-pagination-button-border-hover); } } .miele-desc .dcf-pagination-item__button-hidden { opacity: 0; } .miele-desc .dcf-pagination-item__button-inner-no-border > div { border: 0px; font-size: 1rem; } .miele-desc .dcf-pagination-item__button-selected { border: 2px solid var(--dcf-pagination-button-border-hover); } .miele-desc .dcf-pagination { display: inline-flex; padding-top: 4rem; } @media (max-width: 767.98px) { .miele-desc .dcf-pagination { padding-top: 2.5rem; } } .miele-desc .dcf-pagination > li { align-items: center; display: flex; height: 2.75rem; justify-content: center; width: 2.75rem; } .miele-desc .dcf-pagination-no-padding { padding-top: 0px; } .miele-desc .dcf-play-button { background: var(--dcf-play-button-bg); border-color: transparent; border-radius: 50%; height: var(--dcf-play-button-size); width: var(--dcf-play-button-size); } .miele-desc .dcf-play-button svg { color: var(--dcf-play-button-icon-color); margin-left: var(--dcf-play-button-margin); } @media (min-width: 768px) { .miele-desc .dcf-play-button { --dcf-play-button-size: 4.5rem; --dcf-play-button-margin: .4375rem; } } .miele-desc .dcf-play-button:hover:not(:disabled) { background: var(--dcf-play-button-bg-hover); } .miele-desc .dcf-twin-slider { display: flex; flex-direction: column; --dcf-slider-width: .75rem; --dcf-slider-accessibility-padding: .5rem; --dcf-slider-shadow-size: .3rem; } .miele-desc .dcf-twin-slider__sliders { position: relative; } .miele-desc .dcf-twin-slider__slider { appearance: none; background-color: rgba(var(--dcf-color-eerie-black--rgb),.1); height: 0.125rem; pointer-events: none; position: absolute; width: 100%; } .miele-desc .dcf-twin-slider__slider::-webkit-slider-thumb { appearance: none; background-color: var(--dcf-color-eerie-black); border-radius: 50%; cursor: pointer; height: var(--dcf-slider-width); padding: var(--dcf-slider-accessibility-padding); pointer-events: all; width: var(--dcf-slider-width); } .miele-desc .dcf-twin-slider__slider--disabled::-webkit-slider-thumb { background-color: var(--dcf-color-battle-ship-gray); } .miele-desc .dcf-price-range { display: flex; flex-direction: column; --dcf-price-range-font-size: .75rem; } .miele-desc .dcf-price-range__min-max { display: flex; flex-direction: row; font-weight: var(--dcf-font-weight-light); justify-content: space-between; margin-top: 1rem; } .miele-desc .dcf-price-range__max { text-align: right; } .miele-desc .dcf-price-range__current-range { font-size: var(--dcf-price-range-font-size); margin-bottom: 1rem; text-align: center; } .miele-desc .dcf-ctx-light .dcf-skeleton, .miele-desc .dcf-skeleton .dcf-ctx-light, :root, .miele-desc dcf-skeleton .dcf-skeleton.dcf-ctx-light { --dcf-skeleton-color: var(--dcf-color-platinum); } .miele-desc :host .dcf-skeleton.dcf-ctx-light, :root .dcf-skeleton.dcf-ctx-light { --dcf-skeleton-color: var(--dcf-color-platinum); } .miele-desc .dcf-skeleton { background: none; position: relative; } .miele-desc .dcf-skeleton--animated { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) infinite pulse; } .miele-desc .dcf-skeleton__sr-only { clip: rect(0px, 0px, 0px, 0px); border-width: 0px; height: 0.063rem; margin: -0.063rem; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 0.063rem; } .miele-desc .dcf-skeleton__block { background: var(--dcf-skeleton-color); border-radius: 0.125rem; height: 1rem; position: relative; } .miele-desc .dcf-skeleton__block--radius-none { border-radius: 0px; } .miele-desc .dcf-skeleton__block--radius-sm { border-radius: 0.125rem; } .miele-desc .dcf-skeleton__block--radius-md { border-radius: 0.25rem; } .miele-desc .dcf-skeleton__block--radius-lg { border-radius: 0.5rem; } .miele-desc .dcf-skeleton__block--text { height: 1rem; } .miele-desc .dcf-skeleton__block--text-xs { height: 0.625rem; } .miele-desc .dcf-skeleton__block--text-sm { height: 0.75rem; } .miele-desc .dcf-skeleton__block--text-lg { height: 1.25rem; } .miele-desc .dcf-skeleton__block--text-xl { height: 1.625rem; } .miele-desc .dcf-skeleton__block--title { height: 2rem; } .miele-desc .dcf-skeleton__block--spacing-none { margin-bottom: 0px; } .miele-desc .dcf-skeleton__block--spacing-sm { margin-bottom: 0.75rem; } .miele-desc .dcf-skeleton__block--spacing-md { margin-bottom: 1rem; } .miele-desc .dcf-skeleton__block--spacing-lg { margin-bottom: 1.5rem; } .miele-desc .dcf-ctx-light .dcf-tile, .miele-desc .dcf-tile .dcf-ctx-light, .miele-desc dcf-tile .dcf-tile.dcf-ctx-light { --dcf-color-picker-item-selected-color: var(--dcf-color-black); } .miele-desc :host .dcf-tile.dcf-ctx-light, :root .dcf-tile.dcf-ctx-light { --dcf-color-picker-item-selected-color: var(--dcf-color-black); } .miele-desc .dcf-tile { display: flex; flex-direction: column; width: var(--dcf-tile-width); } .miele-desc .dcf-tile--fluid { min-width: var(--dcf-tile-min-width); width: 100%; } .miele-desc .dcf-tile__title-content-wrapper { display: flex; flex-direction: row; justify-content: space-between; } .miele-desc .dcf-tile__icon-right { margin-left: 1rem; } .miele-desc .dcf-tile-content-wrapper { display: flex; flex: 1 1 0%; flex-direction: column; justify-content: space-between; } .miele-desc .dcf-tile-media-wrapper { align-items: center; background: var(--dcf-color-cultured); border-radius: var(--dcf-tile-radius); display: flex; height: var(--dcf-tile-media-wrapper-size); justify-content: center; margin-bottom: 1rem; position: relative; width: 100%; } .miele-desc .dcf-tile-title-wrapper { align-items: center; display: flex; justify-content: space-between; } .miele-desc .dcf-tile-title { color: var(--dcf-color-eerie-black); flex: 1 1 0%; font-size: var(--dcf-tile-title-font-size); font-weight: var(--dcf-font-weight-medium); line-height: 1.75rem; margin-bottom: 0.25rem; } .miele-desc .dcf-tile-rating { margin-bottom: 1rem; } .miele-desc .dcf-tile-content { margin-bottom: 0.5rem; } .miele-desc .dcf-tile-content, .miele-desc .dcf-tile-footer { color: var(--dcf-color-eerie-black); font-size: var(--dcf-tile-description-font-size); font-weight: var(--dcf-font-weight-normal); line-height: 1.375rem; } .miele-desc .dcf-tile-media-overlay { display: block; position: absolute; } .miele-desc .dcf-tile-media-overlay--top { top: 1rem; } .miele-desc .dcf-tile-media-overlay--top-left { left: 1rem; top: 1rem; } .miele-desc .dcf-tile-media-overlay--top-right { right: 1rem; top: 1rem; } .miele-desc .dcf-tile-media-overlay--bottom { bottom: 1rem; } .miele-desc .dcf-tile-media-overlay--bottom-left { bottom: 1rem; left: 1rem; } .miele-desc .dcf-tile-media-overlay--bottom-right { bottom: 1rem; right: 1rem; } .miele-desc .dcf-tile .dcf-tile__tagline { color: var(--dcf-color-eerie-black); } .miele-desc .dcf-tooltip { background: var(--dcf-color-white); border-radius: 0.5rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25rem 0.625rem; display: inline-block; padding: 1rem; position: absolute; width: 15rem; z-index: 1; } .miele-desc .dcf-tooltip.dcf-tooltip--width-award { left: 0px; max-width: 90vw; right: 0px; width: 20rem; } .miele-desc .dcf-tooltip.dcf-tooltip--width-award img { max-height: unset !important; max-width: 100% !important; } .miele-desc .dcf-tooltip--top { bottom: calc(100% + 0.5rem); } .miele-desc .dcf-tooltip--bottom, .miele-desc .dcf-tooltip--top { left: calc(50% - var(--dcf-tooltip-horizontal-offset)); } .miele-desc .dcf-tooltip--bottom { top: calc(100% + 0.5rem); } .miele-desc .dcf-tooltip--right { left: calc(100% + 0.5rem); top: 0px; } .miele-desc .dcf-tooltip--left { right: calc(100% + 0.5rem); top: 0px; } .miele-desc .dcf-tooltip__container { display: inline-block; position: relative; } .miele-desc .dcf-tooltip__title { color: var(--dcf-color-eerie-black); font-size: 0.875rem; font-weight: var(--dcf-font-weight-bold); line-height: 1.25rem; margin-bottom: 0.5rem; } .miele-desc .dcf-tooltip__footnote { color: var(--dcf-color-notification-grey); font-size: 0.75rem; font-weight: var(--dcf-font-weight-light); line-height: 1rem; } .miele-desc .dcf-tooltip__description { color: var(--dcf-color-eerie-black); font-size: 0.875rem; font-weight: var(--dcf-font-weight-light); line-height: 1.25rem; } .miele-desc .dcf-checkbox .dcf-ctx-dark, .miele-desc .dcf-ctx-dark .dcf-checkbox, .miele-desc dcf-checkbox .dcf-checkbox.dcf-ctx-dark { --dcf-checkbox-text-color: var(--dcf-color-cultured); --dcf-checkbox-marker-color: var(--dcf-color-cultured); --dcf-checkbox-marker-color-active: var(--dcf-color-cultured); --dcf-checkbox-marker-color-hover: var(--dcf-color-cultured); --dcf-checkbox-marker-color-focus: var(--dcf-color-focus); } .miele-desc :host .dcf-checkbox.dcf-ctx-dark, :root .dcf-checkbox.dcf-ctx-dark { --dcf-checkbox-text-color: var(--dcf-color-cultured); --dcf-checkbox-marker-color: var(--dcf-color-cultured); --dcf-checkbox-marker-color-active: var(--dcf-color-cultured); --dcf-checkbox-marker-color-hover: var(--dcf-color-cultured); --dcf-checkbox-marker-color-focus: var(--dcf-color-focus); } .miele-desc .dcf-checkbox .dcf-ctx-light, .miele-desc .dcf-ctx-light .dcf-checkbox, .miele-desc dcf-checkbox .dcf-checkbox.dcf-ctx-light { --dcf-checkbox-text-color: var(--dcf-color-eerie-black); --dcf-checkbox-marker-color: var(--dcf-color-battle-ship-gray); --dcf-checkbox-marker-color-active: var(--dcf-color-eerie-black); --dcf-checkbox-marker-color-hover: var(--dcf-color-eerie-black); --dcf-checkbox-marker-color-focus: var(--dcf-color-focus); } .miele-desc :host .dcf-checkbox.dcf-ctx-light, :root .dcf-checkbox.dcf-ctx-light { --dcf-checkbox-text-color: var(--dcf-color-eerie-black); --dcf-checkbox-marker-color: var(--dcf-color-battle-ship-gray); --dcf-checkbox-marker-color-active: var(--dcf-color-eerie-black); --dcf-checkbox-marker-color-hover: var(--dcf-color-eerie-black); --dcf-checkbox-marker-color-focus: var(--dcf-color-focus); } .miele-desc .dcf-checkbox { align-items: flex-start; color: var(--dcf-checkbox-text-color); cursor: pointer; display: inline-flex; font-size: 1rem; font-weight: var(--dcf-font-weight-normal); gap: 0.5rem; line-height: 1.375rem; padding-bottom: 0.6875rem; padding-top: 0.6875rem; position: relative; } .miele-desc .dcf-checkbox--full-width { width: 100%; } .miele-desc .dcf-checkbox--disabled { cursor: default; opacity: 0.5; } .miele-desc .dcf-checkbox svg { left: 0.25rem; position: absolute; top: 0.938rem; } .miele-desc .dcf-checkbox input[type="checkbox"] { appearance: none; border-width: 1px; border-style: solid; border-image: none; border-color: var(--dcf-checkbox-marker-color); border-radius: 0.25rem; cursor: pointer; height: 1.375rem; min-width: 1.375rem; position: relative; transition: border 0.3s ease-in-out; } .miele-desc .dcf-checkbox input[type="checkbox"]:hover { border-color: var(--dcf-checkbox-marker-color-active); } .miele-desc .dcf-checkbox input[type="checkbox"]:checked { border-color: var(--dcf-checkbox-marker-color); } .miele-desc .dcf-checkbox input[type="checkbox"]:checked:focus, .miele-desc .dcf-checkbox input[type="checkbox"]:focus, .miele-desc .dcf-checkbox input[type="checkbox"]:hover:focus { outline: currentcolor; } .miele-desc .dcf-checkbox input[type="checkbox"]:checked:focus-visible, .miele-desc .dcf-checkbox input[type="checkbox"]:focus-visible, .miele-desc .dcf-checkbox input[type="checkbox"]:hover:focus-visible { border-color: var(--dcf-checkbox-marker-color-focus); outline: currentcolor; } .miele-desc .dcf-checkbox input[type="checkbox"]:disabled { border-color: var(--dcf-checkbox-marker-color); cursor: default; opacity: 0.5; } .miele-desc .dcf-checkbox label { cursor: pointer; padding-left: 0.5rem; } .miele-desc .dcf-ctx-dark .dcf-link-component, .miele-desc .dcf-link-component .dcf-ctx-dark, .miele-desc dcf-link-component .dcf-link-component.dcf-ctx-dark { --dcf-link-text-color: var(--dcf-color-cultured); } .miele-desc :host .dcf-link-component.dcf-ctx-dark, :root .dcf-link-component.dcf-ctx-dark { --dcf-link-text-color: var(--dcf-color-cultured); } .miele-desc .dcf-ctx-light .dcf-link-component, .miele-desc .dcf-link-component .dcf-ctx-light, .miele-desc dcf-link-component .dcf-link-component.dcf-ctx-light { --dcf-link-text-color: var(--dcf-color-eerie-black); } .miele-desc :host .dcf-link-component.dcf-ctx-light, :root .dcf-link-component.dcf-ctx-light { --dcf-link-text-color: var(--dcf-color-eerie-black); } .miele-desc .dcf-link-component { display: inline-block; } .miele-desc .dcf-link-component a { color: var(--dcf-link-text-color); text-decoration: underline; } .miele-desc .dcf-ctx-light .dcf-product-tile, .miele-desc .dcf-product-tile .dcf-ctx-light, .miele-desc dcf-product-tile .dcf-product-tile.dcf-ctx-light { --dcf-color-picker-item-selected-color: var(--dcf-color-black); } .miele-desc :host .dcf-product-tile.dcf-ctx-light, :root .dcf-product-tile.dcf-ctx-light { --dcf-color-picker-item-selected-color: var(--dcf-color-black); } .miele-desc .dcf-product-tile { cursor: pointer; display: flex; height: 100%; text-decoration: none; } .miele-desc .dcf-product-tile:active, .miele-desc .dcf-product-tile:focus, .miele-desc .dcf-product-tile:hover, .miele-desc .dcf-product-tile:visited { color: inherit; text-decoration: inherit; } .miele-desc .dcf-product-tile-seo-text { display: block; height: 0px; transform: translate(-100vw); } .miele-desc .dcf-product-tile__label { background: var(--dcf-color-white); border-radius: 0.25rem; color: var(--dcf-color-eerie-black); font-size: 0.75rem; font-weight: var(--dcf-font-weight-medium); letter-spacing: 0.139rem; padding: 0.25rem 1rem; text-transform: uppercase; } .miele-desc .dcf-product-tile__image { max-height: var(--dcf-product-tile-image-size); max-width: var(--dcf-product-tile-image-size); } .miele-desc .dcf-product-tile__no-image { color: var(--dcf-color-silver); width: 3.75rem; } .miele-desc .dcf-product-tile__label-wrapper { display: flex; flex-wrap: wrap; } .miele-desc .dcf-product-tile__colorpicker { display: flex; } .miele-desc .dcf-product-tile__energy-label { height: 1.5rem; margin-left: 0px; } .miele-desc .dcf-product-tile__energy-section { align-items: flex-end; display: flex; gap: 1rem; justify-content: flex-start; margin: 1rem 0px; } .miele-desc .dcf-product-tile__awards-wrapper { align-items: flex-start; display: flex; flex-direction: column; gap: 1rem; } .miele-desc .dcf-product-tile__awards-wrapper img { max-height: 40px; max-width: 40px; } .miele-desc .dcf-product-tile__awards-wrapper .dcf-product-tile__tooltip-image { max-height: unset; max-width: unset; width: 100%; } .miele-desc .dcf-product-tile__delivery { font-size: 14px; font-weight: var(--dcf-font-weight-light); line-height: 20px; padding-bottom: 8px; padding-top: 8px; } .miele-desc .dcf-product-tile__delivery-warning::before { background-color: rgb(231, 112, 47); } .miele-desc .dcf-product-tile__delivery-error::before { background-color: rgb(204, 20, 0); } .miele-desc .dcf-product-tile__delivery-available::before { background-color: var(--dcf-color-notification-green); } .miele-desc .dcf-product-tile__delivery::before { border-radius: 100%; content: ""; display: inline-block; height: 12px; margin-right: 10px; width: 12px; } .miele-desc .dcf-product-tile-buy-section { justify-content: space-between; } .miele-desc .dcf-product-tile-buy-section, .miele-desc .dcf-product-tile-subscription-btn { align-items: center; display: flex; margin-bottom: 0.3125rem; } .miele-desc .dcf-product-tile__content--max-lines { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .miele-desc .dcf-product-tile__price { display: inline-block; font-size: var(--dcf-product-tile-full-price-font-size); font-weight: 600; margin-right: 0.5rem; } .miele-desc .dcf-product-tile__price--full, .miele-desc .dcf-product-tile__price--per-unit { margin-right: 0.5rem; } .miele-desc .dcf-product-tile__price--full { color: rgb(108, 105, 100); font-size: var(--dcf-product-tile-full-price-font-size); font-weight: 350; text-decoration: line-through; } .miele-desc .dcf-product-tile__price--per-unit { color: var(--dcf-product-tile-price-per-unit-color); font-size: var(--dcf-product-tile-price-per-unit-font-size); } .miele-desc .dcf-product-tile__add-to-cart { flex: 0 0 auto; } .miele-desc .dcf-product-tile-price-wrapper { display: flex; flex: 1 1 0%; } @media (min-width: 992px) { .miele-desc .dcf-product-tile { --dcf-product-tile-image-size: 23rem; } } .miele-desc .dcf-product-tile--display-on-hover { opacity: 0; } .miele-desc .dcf-product-tile:hover .dcf-product-tile--display-on-hover { opacity: 1; } .miele-desc .dcf-product-tile-skeleton { min-height: 36.625rem; width: var(--dcf-tile-width); } @media (min-width: 992px) { .miele-desc .dcf-product-tile-skeleton { min-height: 42.563rem; } } .miele-desc .dcf-product-tile-skeleton--fluid { min-width: var(--dcf-tile-min-width); width: 100%; } .miele-desc .dcf-product-tile-skeleton__image { height: var(--dcf-tile-media-wrapper-size); } .miele-desc .dcf-product-tile-skeleton__price { height: 1.375rem; min-height: auto; width: 100%; } .miele-desc .dcf-footnotes { display: inline-block; margin-left: 0.25rem; } .miele-desc .dcf-footnotes__anchor { color: inherit; font-size: 0.75rem; text-decoration: none; } .miele-desc .dcf-ctx-dark .dcf-quantity-selector, .miele-desc .dcf-quantity-selector .dcf-ctx-dark, .miele-desc dcf-quantity-selector .dcf-quantity-selector.dcf-ctx-dark { --dcf-quantity-selector-border-color: var(--dcf-color-silver); --dcf-quantity-selector-color: var(--dcf-color-silver); } .miele-desc :host .dcf-quantity-selector.dcf-ctx-dark, :root .dcf-quantity-selector.dcf-ctx-dark { --dcf-quantity-selector-border-color: var(--dcf-color-silver); --dcf-quantity-selector-color: var(--dcf-color-silver); } .miele-desc .dcf-ctx-light .dcf-quantity-selector, .miele-desc .dcf-quantity-selector .dcf-ctx-light, .miele-desc dcf-quantity-selector .dcf-quantity-selector.dcf-ctx-light { --dcf-quantity-selector-border-color: var(--dcf-color-silver); --dcf-quantity-selector-color: var(--dcf-color-eerie-black); } .miele-desc :host .dcf-quantity-selector.dcf-ctx-light, :root .dcf-quantity-selector.dcf-ctx-light { --dcf-quantity-selector-border-color: var(--dcf-color-silver); --dcf-quantity-selector-color: var(--dcf-color-eerie-black); } .miele-desc .dcf-quantity-selector { border: .075rem solid var(--dcf-quantity-selector-border-color); border-radius: 2rem; display: inline-block; height: 2.25rem; padding: 0px 0.3rem; white-space: nowrap; } .miele-desc .dcf-quantity-selector .dcf-quantity-selector--input { background-color: transparent; border: 0px; color: var(--dcf-quantity-selector-color); font-size: 0.925rem; font-weight: var(--dcf-font-weight-medium); height: 2.25rem; text-align: center; width: 1.5rem; } .miele-desc .dcf-quantity-selector .dcf-quantity-selector--input[disabled] { color: var(--dcf-color-battle-ship-gray); } .miele-desc .dcf-quantity-selector .dcf-quantity-selector--input::-webkit-inner-spin-button, .miele-desc .dcf-quantity-selector .dcf-quantity-selector--input::-webkit-outer-spin-button { appearance: none; margin: 0px; } .miele-desc .dcf-quantity-selector .dcf-quantity-selector--decrement, .miele-desc .dcf-quantity-selector .dcf-quantity-selector--increment { background: none; border: 0px; color: var(--dcf-quantity-selector-color); cursor: pointer; padding: 0.25rem 0.5rem; } .miele-desc .dcf-quantity-selector .dcf-quantity-selector--decrement[disabled] svg, .miele-desc .dcf-quantity-selector .dcf-quantity-selector--increment[disabled] svg { color: var(--dcf-color-silver); } .miele-desc .dcf-quantity-selector .dcf-quantity-selector--decrement svg, .miele-desc .dcf-quantity-selector .dcf-quantity-selector--increment svg { height: 0.75rem; width: 0.75rem; } .miele-desc .dcf-scrollbar--wrapper { overflow-x: scroll; scrollbar-width: none; } .miele-desc .dcf-scrollbar--wrapper::-webkit-scrollbar { display: none; } .miele-desc .dcf-scrollbar--outer { background-color: rgba(var(--dcf-scrollbar-background-color),var(--dcf-scrollbar-background-opacity)); bottom: 0px; box-sizing: border-box; display: block; width: 100%; } .miele-desc .dcf-scrollbar--inner, .miele-desc .dcf-scrollbar--outer { border-radius: 0.625rem; height: 5px; position: absolute; } .miele-desc .dcf-scrollbar--inner { background-color: var(--dcf-scrollbar-color); left: 0px; top: 0px; width: 10px; } .miele-desc .dcf-sidebar { --dcf-sidebar-overlay-z-index: var(--dcf-z-index-high); --dcf-sidebar-z-index: var(--dcf-z-index-high); --dcf-sidebar-width: 100%; --dcf-sidebar-content-padding: 1.5rem 1.5rem 2.5rem; --dcf-sidebar-header-padding: 2.5rem 0 2.5rem; --dcf-sidebar-footer-shadow: 0 -.25rem .25rem rgba(0,0,0,.05); background: var(--dcf-color-white); bottom: 0px; box-sizing: border-box; display: flex; flex-direction: column; left: 0px; padding: var(--dcf-sidebar-padding); position: fixed; top: 0px; width: var(--dcf-sidebar-width); z-index: var(--dcf-sidebar-z-index); } @media (min-width: 576px) { .miele-desc .dcf-sidebar { --dcf-sidebar-width: 30rem; --dcf-sidebar-content-padding: 1.5rem 4rem 4rem; --dcf-sidebar-header-padding: 4rem 0 1.5rem; --dcf-sidebar-footer-shadow: none; } } .miele-desc .dcf-sidebar__overlay { background-color: rgba(var(--dcf-color-black--rgb),.5); inset: 0px; position: fixed; z-index: var(--dcf-sidebar-overlay-z-index); } .miele-desc .dcf-sidebar__close-button { color: var(--dcf-modal-close-button-color); cursor: pointer; height: 2.75rem; position: absolute; right: 0px; top: 0px; width: 2.75rem; } .miele-desc .dcf-sidebar__content { height: 100%; overflow-y: scroll; padding: var(--dcf-sidebar-content-padding); } .miele-desc .dcf-sidebar__content--no-padding-bottom { padding-bottom: 0px; } .miele-desc .dcf-sidebar__header { padding: var(--dcf-sidebar-header-padding); } .miele-desc .dcf-sidebar__footer { box-shadow: var(--dcf-sidebar-footer-shadow); min-height: 4rem; } .miele-desc .dcf-sidebar__fade-enter-active, .miele-desc .dcf-sidebar__fade-leave-active { transition: opacity 0.2s; } .miele-desc .dcf-sidebar__fade-enter-from, .miele-desc .dcf-sidebar__fade-leave-to { opacity: 0; } .miele-desc .dcf-sidebar__slide-enter-active, .miele-desc .dcf-sidebar__slide-leave-active { transition: transform 0.2s; } .miele-desc .dcf-sidebar__slide-enter-from, .miele-desc .dcf-sidebar__slide-leave-to { transform: translate(-100%); } .miele-desc .dcf-tab-content { --dcf-tab-content-grid-template-columns: repeat(12,1fr); --dcf-tab-content-text-font-weight: var(--dcf-font-weight-normal); --dcf-tab-content-text-font-color: var(--dcf-color-eerie-black); color: var(--dcf-tab-content-text-font-color); display: none; font-weight: var(--dcf-tab-content-text-font-weight); letter-spacing: normal; } .miele-desc .dcf-tab-content--selected { display: block; } .miele-desc .dcf-tab-header { border-bottom: .2rem solid var(--dcf-color-cultured); flex-shrink: 0; height: 100%; width: auto; } .miele-desc .dcf-tab-header .dcf-tab-header-button { background: none; border: 0px; color: rgba(var(--dcf-color-eerie-black--rgb),.4); cursor: pointer; font-size: 1.25rem; font-weight: var(--dcf-font-weight-normal); min-height: 4rem; padding: 0px 1rem; width: auto; } @media (min-width: 768px) { .miele-desc .dcf-tab-header .dcf-tab-header-button { padding: 0px 1.5rem; } } .miele-desc .dcf-tab-header .dcf-tab-header-button:hover { color: var(--dcf-color-eerie-black); } .miele-desc .dcf-tab-header .dcf-tab-header-button:first-of-type { margin-left: 0px; } .miele-desc .dcf-tab-header--selected { border-bottom: .2rem solid var(--dcf-color-eerie-black); } .miele-desc .dcf-tab-header--selected .dcf-tab-header-button { color: var(--dcf-color-eerie-black); } .miele-desc .dcf-ctx-dark .dcf-table, .miele-desc .dcf-table .dcf-ctx-dark, .miele-desc dcf-table .dcf-table.dcf-ctx-dark { --dcf-color-picker-item-selected-color: var(--dcf-color-white); } .miele-desc :host .dcf-table.dcf-ctx-dark, :root .dcf-table.dcf-ctx-dark { --dcf-color-picker-item-selected-color: var(--dcf-color-white); } .miele-desc .dcf-ctx-light .dcf-table, .miele-desc .dcf-table .dcf-ctx-light, .miele-desc dcf-table .dcf-table.dcf-ctx-light { --dcf-color-picker-item-selected-color: var(--dcf-color-black); } .miele-desc :host .dcf-table.dcf-ctx-light, :root .dcf-table.dcf-ctx-light { --dcf-color-picker-item-selected-color: var(--dcf-color-black); } .miele-desc .dcf-table { --dcf-table-padding: 1rem; } @media (min-width: 768px) { .miele-desc .dcf-table { --dcf-table-padding: .81rem 1rem .81rem 1.5rem; } } .miele-desc .dcf-table-item { display: flex; gap: 2rem; line-height: 1.375; padding: var(--dcf-table-padding); } @media (max-width: 767.98px) { .miele-desc .dcf-table-item { flex-direction: column; gap: 0.5rem; } } .miele-desc .dcf-table-item:nth-child(2n) { background-color: var(--dcf-color-cultured); } .miele-desc .dcf-table-item:nth-child(2n+1) { background-color: var(--dcf-color-white); } .miele-desc .dcf-table-item__label, .miele-desc .dcf-table-item__value { align-items: center; color: var(--dcf-color-eerie-black); display: flex; flex: 1 1 0%; font-family: var(--dcf-font-family); min-height: 1.375rem; } .miele-desc .dcf-table-item__label { font-weight: var(--dcf-font-weight-bold); } .miele-desc .dcf-table-item__value--csv { display: inline-block; margin-bottom: 0px; padding-right: 0.5rem; } .miele-desc .dcf-table-item__value--csv::after { content: ","; } .miele-desc .dcf-tabs { max-width: 100vw; } .miele-desc .dcf-tabs .dcf-tabs-header__wrapper { display: flex; } .miele-desc .dcf-tabs .dcf-tabs-header__wrapper--bordered { box-shadow: inset 0 -.2rem 0 0 var(--dcf-color-cultured); } .miele-desc .dcf-tabs .dcf-tabs-content__wrapper { padding-top: 1.5rem; } @media (min-width: 768px) { .miele-desc .dcf-tabs .dcf-tabs-content__wrapper { padding-top: 2rem; } } .miele-desc .dcf-tabs .dcf-tabs-content__wrapper--no-padding { padding: 0px; } .miele-desc .dcf-ctx-light .dcf-text-input, .miele-desc .dcf-text-input .dcf-ctx-light, .miele-desc dcf-text-input .dcf-text-input.dcf-ctx-light { --dcf-text-input-color-disabled: #8c8c8c; --dcf-text-input-text-color: var(--dcf-color-miele-gray); --dcf-text-input-text-color-active: var(--dcf-color-eerie-black); --dcf-text-input-border-color: var(--dcf-color-silver); --dcf-text-input-border-color-active: var(--dcf-color-eerie-black); --dcf-text-input-action-btn-color: var(--dcf-color-miele-gray); } .miele-desc :host .dcf-text-input.dcf-ctx-light, :root .dcf-text-input.dcf-ctx-light { --dcf-text-input-color-disabled: #8c8c8c; --dcf-text-input-text-color: var(--dcf-color-miele-gray); --dcf-text-input-text-color-active: var(--dcf-color-eerie-black); --dcf-text-input-border-color: var(--dcf-color-silver); --dcf-text-input-border-color-active: var(--dcf-color-eerie-black); --dcf-text-input-action-btn-color: var(--dcf-color-miele-gray); } .miele-desc .dcf-ctx-dark .dcf-text-input, .miele-desc .dcf-text-input .dcf-ctx-dark, .miele-desc dcf-text-input .dcf-text-input.dcf-ctx-dark { --dcf-text-input-color-disabled: #878787; --dcf-text-input-text-color: var(--dcf-color-silver); --dcf-text-input-text-color-active: var(--dcf-color-cultured); --dcf-text-input-border-color: var(--dcf-color-battle-ship-gray); --dcf-text-input-border-color-active: var(--dcf-color-cultured); --dcf-text-input-action-btn-color: var(--dcf-color-silver); } .miele-desc :host .dcf-text-input.dcf-ctx-dark, :root .dcf-text-input.dcf-ctx-dark { --dcf-text-input-color-disabled: #878787; --dcf-text-input-text-color: var(--dcf-color-silver); --dcf-text-input-text-color-active: var(--dcf-color-cultured); --dcf-text-input-border-color: var(--dcf-color-battle-ship-gray); --dcf-text-input-border-color-active: var(--dcf-color-cultured); --dcf-text-input-action-btn-color: var(--dcf-color-silver); } .miele-desc .dcf-text-input { position: relative; } .miele-desc .dcf-text-input input { color: var(--dcf-text-input-text-color); } .miele-desc .dcf-text-input-icon { align-items: center; display: flex; height: 1rem; padding: 0.0875rem; width: 1rem; } .miele-desc .dcf-text-input-action-btn { cursor: pointer; } .miele-desc .dcf-text-input__faded { opacity: 0.5; } .miele-desc .dcf-text-input__invisible { opacity: 0; } .miele-desc .dcf-text-input-label-wrap { left: 0.75rem; pointer-events: none; position: absolute; top: 0.6875rem; transition: transform 0.2s; } .miele-desc .dcf-text-input-label-wrap > label { color: var(--dcf-text-input-text-color); display: block; font-size: 1rem; font-weight: var(--dcf-font-weight-light); line-height: 1.375rem; } .miele-desc .dcf-text-input-label-wrap__move-up { transform: translate(0.5rem) translateY(-1.25rem); } .miele-desc .dcf-text-input-label-wrap__move-up.dcf-text-input-label-wrap__is-search { transform: translate(-0.5rem) translateY(-1.25rem); } .miele-desc .dcf-text-input-label-wrap__move-up > label { font-size: 0.75rem; } .miele-desc .dcf-text-input-label-wrap__is-search { left: 1.75rem; } .miele-desc .dcf-text-input-label-wrap__disabled > label { color: var(--dcf-text-input-text-color-disabled); } .miele-desc .dcf-text-input-label-wrap__has-error > label { color: var(--dcf-color-notification-red); } .miele-desc .dcf-text-input:hover .dcf-text-input-fieldset:not(.dcf-text-input-fieldset__disabled):not(.dcf-text-input-fieldset__has-focus):not(.dcf-text-input-fieldset__has-error) { border-color: var(--dcf-text-input-border-color-active); color: var(--dcf-text-input-text-color-active); } .miele-desc .dcf-text-input-container:not(.dcf-text-input-container__disabled) > input:active, .miele-desc .dcf-text-input-container:not(.dcf-text-input-container__disabled) > input:focus, .miele-desc .dcf-text-input:hover > .dcf-text-input-container:not(.dcf-text-input-container__disabled) > input { color: var(--dcf-text-input-text-color-active); } .miele-desc .dcf-text-input-fieldset { border: medium; inset: -0.375rem 0px 0px; margin: 0px; max-height: 3rem; pointer-events: none; position: absolute; } .miele-desc .dcf-text-input-fieldset:active { color: var(--dcf-text-input-text-color-active); } .miele-desc .dcf-text-input-fieldset__has-border { border: .0625rem solid var(--dcf-text-input-border-color); border-radius: 0.25rem; } .miele-desc .dcf-text-input-fieldset__has-border:active { border-color: var(--dcf-text-input-border-color-active); } .miele-desc .dcf-text-input-fieldset__has-border__has-error { border-color: var(--dcf-color-notification-red); } .miele-desc .dcf-text-input-fieldset__has-border__has-focus:not(.dcf-text-input-fieldset__has-error) { border-color: var(--dcf-text-input-border-color-focus); } .miele-desc .dcf-text-input-fieldset__has-border__disabled { border-color: var(--dcf-text-input-border-color-disabled); } .miele-desc .dcf-text-input-fieldset__legend { color: transparent; height: 0.875rem; line-height: 0.75rem; min-inline-size: fit-content; padding: 0px; transition: width 0.3s; width: 0px; } .miele-desc .dcf-text-input-fieldset__legend span { font-size: 0.75rem; } .miele-desc .dcf-text-input-fieldset__legend span.has-value { padding: 0px 0.375rem; } .miele-desc .dcf-text-input-container { align-items: center; background-color: transparent; color: var(--dcf-text-input-text-color); display: flex; flex-direction: row; font-size: 0.75rem; font-weight: var(--dcf-font-weight-light); gap: 0.25rem; height: 2.75rem; line-height: 1rem; padding-left: 0.75rem; padding-right: 0.5rem; position: relative; } .miele-desc .dcf-text-input-container__has-bottom-border { border-bottom: .0625rem solid var(--dcf-text-input-border-color); padding-left: 0px; padding-right: 0px; } .miele-desc .dcf-text-input-container > input { align-items: center; align-self: center; background-color: transparent; border: medium; box-sizing: border-box; display: flex; flex: 1 0 auto; flex-direction: row; font-size: 1rem; gap: 0.25rem; height: 1.375rem; isolation: isolate; line-height: 1.375rem; order: 0; outline: currentcolor; width: 0px; } .miele-desc .dcf-text-input-container--size-l { height: 3rem; } .miele-desc .dcf-text-input-container--size-l > input { font-size: 1.25rem; line-height: 1.75rem; padding: 1.5rem 0px; } .miele-desc .dcf-text-input-container--size-l .dcf-text-input-icon { height: 1.5rem; width: 1.5rem; } .miele-desc .dcf-text-input-container__icon-left:not(.dcf-text-input-container__has-bottom-border) { padding-left: 0.5rem; } .miele-desc .dcf-text-input-container__icon-left:not(.dcf-text-input-container__has-bottom-border) > input { padding: 0px; } .miele-desc .dcf-text-input-container__icon-right:not(.dcf-text-input-container__has-bottom-border) { padding-right: 0.5rem; } .miele-desc .dcf-text-input-container__has-styled-caret > input { caret-color: var(--dcf-color-miele-red); } .miele-desc .dcf-text-input-container > .input-info-wrap { align-items: center; display: flex; flex-direction: row; gap: 0.25rem; height: 100%; } .miele-desc .dcf-text-input-container > .input-info-wrap .validated { color: var(--dcf-color-notification-green); } .miele-desc .dcf-text-input-container > .input-info-wrap .error { color: var(--dcf-color-notification-red); } .miele-desc .dcf-text-input-container > .input-info-wrap .clear, .miele-desc .dcf-text-input-container > .input-info-wrap .helper-text { color: var(--dcf-text-input-action-btn-color); } .miele-desc .dcf-text-input-container > .input-info-wrap .helper-text { align-items: center; display: flex; height: 100%; } .miele-desc .dcf-text-input-container__disabled > input { color: rgb(135, 135, 135); } .miele-desc .dcf-text-input-container__disabled > .input-info-wrap > .clear { color: var(--dcf-text-input-border-color-disabled); } .miele-desc .dcf-text-input-extra-text { color: var(--dcf-text-input-text-color); font-size: 0.75rem; font-weight: var(--dcf-font-weight-light); line-height: 1rem; margin-top: 0.25rem; } .miele-desc .dcf-text-input-extra-text.error { color: var(--dcf-color-notification-red); } .miele-desc .dcf-text-input-extra-text__disabled { color: var(--dcf-text-input-text-color-disabled); } .miele-desc .dcf-ctx-light .dcf-usp-bar, .miele-desc .dcf-usp-bar .dcf-ctx-light, .miele-desc dcf-usp-bar .dcf-usp-bar.dcf-ctx-light { --dcf-usp-bar-background-color: var(--dcf-color-cultured); --dcf-usp-bar-font-color: var(--dcf-color-eerie-black); } .miele-desc :host .dcf-usp-bar.dcf-ctx-light, :root .dcf-usp-bar.dcf-ctx-light { --dcf-usp-bar-background-color: var(--dcf-color-cultured); --dcf-usp-bar-font-color: var(--dcf-color-eerie-black); } .miele-desc .dcf-ctx-dark .dcf-usp-bar, .miele-desc .dcf-usp-bar .dcf-ctx-dark, .miele-desc dcf-usp-bar .dcf-usp-bar.dcf-ctx-dark { --dcf-usp-bar-background-color: var(--dcf-color-eerie-black); --dcf-usp-bar-font-color: var(--dcf-color-white); } .miele-desc :host .dcf-usp-bar.dcf-ctx-dark, :root .dcf-usp-bar.dcf-ctx-dark { --dcf-usp-bar-background-color: var(--dcf-color-eerie-black); --dcf-usp-bar-font-color: var(--dcf-color-white); } .miele-desc .dcf-usp-bar { background: var(--dcf-usp-bar-background-color); color: var(--dcf-usp-bar-font-color); font-size: 1rem; font-weight: var(--dcf-font-weight-normal); line-height: 1.25rem; min-height: var(--dcf-usp-bar-min-height); padding: 0px 1rem; } .miele-desc .dcf-usp-bar, .miele-desc .dcf-usp-bar__icon { align-items: center; display: flex; justify-content: center; } .miele-desc .dcf-usp-bar__icon { margin-right: var(--dcf-usp-bar-icon-margin-right); } .miele-desc .dcf-ctx-dark .dcf-radio-button, .miele-desc .dcf-radio-button .dcf-ctx-dark, .miele-desc dcf-radio-button .dcf-radio-button.dcf-ctx-dark { --dcf-radio-button-text-color: var(--dcf-color-cultured); --dcf-radio-button-helper-color: var(--dcf-color-silver); --dcf-radio-button-border-color: var(--dcf-color-battle-ship-gray); --dcf-radio-button-marker-color: var(--dcf-color-battle-ship-gray); --dcf-radio-button-marker-color-active: var(--dcf-color-cultured); --dcf-radio-button-marker-color-disabled: var(--dcf-color-battle-ship-gray); --dcf-radio-button-marker-color-hover: var(--dcf-color-cultured); --dcf-radio-button-marker-color-focus: var(--dcf-color-focus); } .miele-desc :host .dcf-radio-button.dcf-ctx-dark, :root .dcf-radio-button.dcf-ctx-dark { --dcf-radio-button-text-color: var(--dcf-color-cultured); --dcf-radio-button-helper-color: var(--dcf-color-silver); --dcf-radio-button-border-color: var(--dcf-color-battle-ship-gray); --dcf-radio-button-marker-color: var(--dcf-color-battle-ship-gray); --dcf-radio-button-marker-color-active: var(--dcf-color-cultured); --dcf-radio-button-marker-color-disabled: var(--dcf-color-battle-ship-gray); --dcf-radio-button-marker-color-hover: var(--dcf-color-cultured); --dcf-radio-button-marker-color-focus: var(--dcf-color-focus); } .miele-desc .dcf-ctx-light .dcf-radio-button, .miele-desc .dcf-radio-button .dcf-ctx-light, .miele-desc dcf-radio-button .dcf-radio-button.dcf-ctx-light { --dcf-radio-button-text-color: var(--dcf-color-eerie-black); --dcf-radio-button-helper-color: var(--dcf-color-miele-gray); --dcf-radio-button-border-color: var(--dcf-color-silver); --dcf-radio-button-marker-color: var(--dcf-color-battle-ship-gray); --dcf-radio-button-marker-color-active: var(--dcf-color-eerie-black); --dcf-radio-button-marker-color-disabled: var(--dcf-color-battle-ship-gray); --dcf-radio-button-marker-color-hover: var(--dcf-color-eerie-black); --dcf-radio-button-marker-color-focus: var(--dcf-color-focus); } .miele-desc :host .dcf-radio-button.dcf-ctx-light, :root .dcf-radio-button.dcf-ctx-light { --dcf-radio-button-text-color: var(--dcf-color-eerie-black); --dcf-radio-button-helper-color: var(--dcf-color-miele-gray); --dcf-radio-button-border-color: var(--dcf-color-silver); --dcf-radio-button-marker-color: var(--dcf-color-battle-ship-gray); --dcf-radio-button-marker-color-active: var(--dcf-color-eerie-black); --dcf-radio-button-marker-color-disabled: var(--dcf-color-battle-ship-gray); --dcf-radio-button-marker-color-hover: var(--dcf-color-eerie-black); --dcf-radio-button-marker-color-focus: var(--dcf-color-focus); } .miele-desc .dcf-radio-button { color: var(--dcf-radio-button-text-color); display: inline-flex; font-size: 1rem; font-weight: var(--dcf-font-weight-normal); line-height: 1.375rem; } .miele-desc .dcf-radio-button input[type="radio"] { appearance: none; } .miele-desc .dcf-radio-button input[type="radio"]:checked:focus-visible + label::before, .miele-desc .dcf-radio-button input[type="radio"]:focus-visible + label::before { border-color: var(--dcf-radio-button-marker-color-focus); } .miele-desc .dcf-radio-button input[type="radio"]:focus-visible + label::after { background-color: var(--dcf-radio-button-marker-color-focus); } .miele-desc .dcf-radio-button input[type="radio"]:checked + label::before { border-color: var(--dcf-radio-button-marker-color-active); } .miele-desc .dcf-radio-button input[type="radio"]:checked + label::after { background-color: var(--dcf-radio-button-marker-color-active); border-radius: 50%; content: ""; height: 0.5rem; left: 0.5rem; position: absolute; top: 1.375rem; transform: translate(-50%, -50%); width: 0.5rem; } .miele-desc .dcf-radio-button input[type="radio"]:hover + label::before { border-color: var(--dcf-radio-button-marker-color-hover); } .miele-desc .dcf-radio-button input[type="radio"]:disabled + label { cursor: default; opacity: 0.5; } .miele-desc .dcf-radio-button input[type="radio"]:disabled + label::before { border-color: var(--dcf-radio-button-marker-color-disabled); } .miele-desc .dcf-radio-button label { align-items: center; cursor: pointer; display: flex; max-width: 19.0625rem; padding-bottom: 0.6875rem; padding-top: 0.6875rem; position: relative; } .miele-desc .dcf-radio-button label::before { border: .063rem solid var(--dcf-radio-button-marker-color); border-radius: 50%; content: ""; height: 1rem; min-width: 1rem; position: absolute; top: 0.875rem; transition: border 0.3s ease-in-out; } .miele-desc .dcf-radio-button label div { display: flex; justify-content: space-between; margin-left: 1.5rem; width: 100%; } .miele-desc .dcf-radio-button label div span.labeltxt { color: var(--dcf-radio-button-text-color); } .miele-desc .dcf-radio-button__boxed { font-size: 0.875rem; line-height: 1.25rem; } .miele-desc .dcf-radio-button__boxed input[type="radio"]:checked + label { border-color: var(--dcf-radio-button-marker-color-active); } .miele-desc .dcf-radio-button__boxed input[type="radio"]:checked + label::after { left: 1.25rem; top: 1.375rem; } .miele-desc .dcf-radio-button__boxed input[type="radio"]:hover + label { border-color: var(--dcf-radio-button-marker-color-hover); } .miele-desc .dcf-radio-button__boxed input[type="radio"]:focus-visible + label { border-color: var(--dcf-radio-button-marker-color-focus); } .miele-desc .dcf-radio-button__boxed input[type="radio"]:disabled + label, .miele-desc .dcf-radio-button__boxed input[type="radio"]:disabled + label p, .miele-desc .dcf-radio-button__boxed input[type="radio"]:disabled + label::before { border-color: var(--dcf-radio-button-marker-color-disabled); } .miele-desc .dcf-radio-button__boxed label { border: .063rem solid var(--dcf-radio-button-border-color); border-radius: 0.25rem; flex-wrap: wrap; min-height: 2.751rem; min-width: 2.6rem; padding-left: 0.75rem; padding-right: 0.75rem; transition: border 0.3s ease-in-out; } .miele-desc .dcf-radio-button__boxed label p, .miele-desc .dcf-radio-button__boxed label span { color: var(--dcf-radio-button-helper-color); } .miele-desc .dcf-radio-button__boxed label p { border-top: .063rem solid var(--dcf-radio-button-border-color); flex-basis: 100%; font-size: 0.75rem; line-height: 1rem; margin-top: 0.75rem; padding-top: 0.75rem; } .miele-desc .dcf-link { color: currentcolor; text-decoration: underline; } .miele-desc .dcf-ctx-dark .dcf-list, .miele-desc .dcf-list .dcf-ctx-dark, .miele-desc dcf-list .dcf-list.dcf-ctx-dark { --dcf-list-color: var(--dcf-color-white); } .miele-desc :host .dcf-list.dcf-ctx-dark, :root .dcf-list.dcf-ctx-dark { --dcf-list-color: var(--dcf-color-white); } .miele-desc .dcf-ctx-light .dcf-list, .miele-desc .dcf-list .dcf-ctx-light, .miele-desc dcf-list .dcf-list.dcf-ctx-light { --dcf-list-color: var(--dcf-color-black); } .miele-desc :host .dcf-list.dcf-ctx-light, :root .dcf-list.dcf-ctx-light { --dcf-list-color: var(--dcf-color-black); } .miele-desc .dcf-list { --dcf-list-divider-width: 1px; --dcf-list-padding: var(--dcf-grid-gap); --dcf-list-font-size: 22px; --dcf-list-font-weight: var(--dcf-font-weight-light); color: var(--dcf-list-color); } @media (min-width: 768px) { .miele-desc .dcf-list { --dcf-list-padding: 1.5rem; --dcf-list-font-size: 26px; } } .miele-desc .dcf-list li { border-top: var(--dcf-list-divider-width) solid var(--dcf-color-silver); font-size: var(--dcf-list-font-size); font-weight: var(--dcf-list-font-weight); padding: var(--dcf-list-padding) 0; } .miele-desc .dcf-ctx-dark .dcf-list-component, .miele-desc .dcf-list-component .dcf-ctx-dark, .miele-desc dcf-list-component .dcf-list-component.dcf-ctx-dark { --dcf-list-color: var(--dcf-color-white); } .miele-desc :host .dcf-list-component.dcf-ctx-dark, :root .dcf-list-component.dcf-ctx-dark { --dcf-list-color: var(--dcf-color-white); } .miele-desc .dcf-ctx-light .dcf-list-component, .miele-desc .dcf-list-component .dcf-ctx-light, .miele-desc dcf-list-component .dcf-list-component.dcf-ctx-light { --dcf-list-color: var(--dcf-color-black); } .miele-desc :host .dcf-list-component.dcf-ctx-light, :root .dcf-list-component.dcf-ctx-light { --dcf-list-color: var(--dcf-color-black); } .miele-desc .dcf-list-component { --dcf-list-divider-width: .063rem; --dcf-list-padding: var(--dcf-grid-gap); --dcf-list-font-size: 1.375rem; --dcf-list-font-weight: var(--dcf-font-weight-light); color: var(--dcf-list-color); } @media (min-width: 768px) { .miele-desc .dcf-list-component { --dcf-list-padding: 1.5rem; --dcf-list-font-size: 1.625rem; } } .miele-desc .dcf-list-component li { border-top: var(--dcf-list-divider-width) solid var(--dcf-color-silver); font-size: var(--dcf-list-font-size); font-weight: var(--dcf-list-font-weight); padding: var(--dcf-list-padding) 0; } .miele-desc .forgotPassword-scene-content .form-wrap > .dcf-text-input { margin: 0px; } .miele-desc .forgotPassword-scene-content .dcf-h5-child { font-weight: var(--dcf-font-weight-normal); line-height: 1.375rem; } .miele-desc .umf-login-scene__form-wrapper > .dcf-text-input { margin: 0px; } .miele-desc .umf-modal-overlay .dcf-button--tertiary::after, .miele-desc .umf-modal-overlay .dcf-button--tertiary::before { display: none; } .miele-desc .marketing-consent-scene-content__scroll-content .dcf-link { color: var(--dcf-color-miele-gray); margin-bottom: 0.625rem; } .miele-desc .marketing-consent-scene-content__scroll-content .dcf-checkbox { color: var(--dcf-color-miele-gray); } .miele-desc .marketing-consent-scene-content__input-field .dcf-link { display: block; font-size: 0.875rem; font-weight: var(--dcf-font-weight-light); line-height: 1.25rem; margin-left: 1.875rem; } .miele-desc .marketing-consent-scene-content__input-field .dcf-checkbox { font-size: 0.875rem; font-style: normal; font-weight: var(--dcf-font-weight-light); line-height: 1.25rem; } .miele-desc .marketing-consent-scene-content .dcf-checkbox { font-size: 0.875rem; font-weight: var(--dcf-font-weight-light); line-height: 1.25rem; } .miele-desc .miele-club-consent-scene .dcf-tile-media-wrapper { height: auto; margin-bottom: var(--spacing-generic-m); } .miele-desc .miele-club-consent-scene .dcf-tile-media-wrapper > img { border-radius: var(--spacing-generic-xs); height: auto; max-width: 100%; } .miele-desc .miele-club-consent-scene .dcf-tile-title { font-size: var(--font-size-90); font-weight: var(--dcf-font-weight-medium); letter-spacing: normal; line-height: var(--lineheight-regular); text-transform: none; } .miele-desc .dcf-color-gradient { border: 1px solid var(--dcf-color-cultured); opacity: 0.56; } .miele-desc .dcf-color-gradient--full { background-image: var(--dcf-color-full-gradient); } .miele-desc .dcf-color-gradient--half { background-image: var(--dcf-color-half-gradient); } .miele-desc .dcf-ctx-dark .dcf-h1, .miele-desc .dcf-ctx-dark .dcf-h1-child, .miele-desc .dcf-ctx-dark .dcf-h2, .miele-desc .dcf-ctx-dark .dcf-h2-child, .miele-desc .dcf-ctx-dark .dcf-h3, .miele-desc .dcf-ctx-dark .dcf-h3-child, .miele-desc .dcf-ctx-dark .dcf-h4, .miele-desc .dcf-ctx-dark .dcf-h4-child, .miele-desc .dcf-ctx-dark .dcf-h5, .miele-desc .dcf-ctx-dark .dcf-h5-child { --dcf-h1-h2-h3-h4-h5-color: var(--dcf-color-white); } .miele-desc .dcf-ctx-dark .dcf-body-copy, .miele-desc .dcf-ctx-dark .dcf-body-copy * { --dcf-body-copy-color: var(--dcf-color-white); } .miele-desc .dcf-ctx-dark .dcf-clickable-action { --dcf-clickable-action-color: var(--dcf-color-silver); } .miele-desc .dcf-ctx-light .dcf-h1, .miele-desc .dcf-ctx-light .dcf-h1-child, .miele-desc .dcf-ctx-light .dcf-h2, .miele-desc .dcf-ctx-light .dcf-h2-child, .miele-desc .dcf-ctx-light .dcf-h3, .miele-desc .dcf-ctx-light .dcf-h3-child, .miele-desc .dcf-ctx-light .dcf-h4, .miele-desc .dcf-ctx-light .dcf-h4-child, .miele-desc .dcf-ctx-light .dcf-h5, .miele-desc .dcf-ctx-light .dcf-h5-child { --dcf-h1-h2-h3-h4-h5-color: var(--dcf-color-eerie-black); } .miele-desc .dcf-ctx-light .dcf-body-copy, .miele-desc .dcf-ctx-light .dcf-body-copy * { --dcf-body-copy-color: var(--dcf-color-eerie-black); } .miele-desc .dcf-ctx-light .dcf-clickable-action { --dcf-clickable-action-color: var(--dcf-color-eerie-black); } .miele-desc .dcf-h1, .miele-desc .dcf-h1-child, .miele-desc .dcf-h2, .miele-desc .dcf-h2-child, .miele-desc .dcf-h3, .miele-desc .dcf-h3-child, .miele-desc .dcf-h4, .miele-desc .dcf-h4-child, .miele-desc .dcf-h5, .miele-desc .dcf-h5-child { color: var(--dcf-h1-h2-h3-h4-h5-color); } .miele-desc .dcf-h6, .miele-desc .dcf-h6-child { color: var(--dcf-h6-color); } .miele-desc .dcf-h1, .miele-desc .dcf-h1-child > * { font-size: 1.875rem; font-weight: var(--dcf-font-weight-light); letter-spacing: inherit; line-height: 2.375rem; text-transform: inherit; } .miele-desc .dcf-h1-child > ::before, .miele-desc .dcf-h1::before { content: ""; margin-top: 0px; } .miele-desc .dcf-h1-child > ::after, .miele-desc .dcf-h1::after { content: ""; margin-bottom: 0px; } @media (min-width: 768px) { .miele-desc .dcf-h1, .miele-desc .dcf-h1-child > * { font-size: 2rem; line-height: 2.25rem; } } @media (min-width: 992px) { .miele-desc .dcf-h1, .miele-desc .dcf-h1-child > * { font-size: 2.75rem; line-height: 3.25rem; } } .miele-desc .dcf-h2, .miele-desc .dcf-h2-child > * { font-size: 1.5rem; font-weight: var(--dcf-font-weight-light); letter-spacing: inherit; line-height: 1.875rem; text-transform: inherit; } .miele-desc .dcf-h2-child > ::before, .miele-desc .dcf-h2::before { content: ""; margin-top: 0px; } .miele-desc .dcf-h2-child > ::after, .miele-desc .dcf-h2::after { content: ""; margin-bottom: 0px; } @media (min-width: 768px) { .miele-desc .dcf-h2, .miele-desc .dcf-h2-child > * { font-size: 1.75rem; line-height: 2.125rem; } } @media (min-width: 992px) { .miele-desc .dcf-h2, .miele-desc .dcf-h2-child > * { font-size: 2rem; line-height: 2.5rem; } } .miele-desc .dcf-h3, .miele-desc .dcf-h3-child > * { font-size: 1.375rem; font-weight: var(--dcf-font-weight-light); letter-spacing: inherit; line-height: 1.75rem; text-transform: inherit; } .miele-desc .dcf-h3-child > ::before, .miele-desc .dcf-h3::before { content: ""; margin-top: 0px; } .miele-desc .dcf-h3-child > ::after, .miele-desc .dcf-h3::after { content: ""; margin-bottom: 0px; } @media (min-width: 992px) { .miele-desc .dcf-h3, .miele-desc .dcf-h3-child > * { font-size: 1.625rem; line-height: 2rem; } } .miele-desc .dcf-h4, .miele-desc .dcf-h4-child > * { font-size: 1.125rem; font-weight: var(--dcf-font-weight-medium); letter-spacing: inherit; line-height: 1.625rem; text-transform: inherit; } .miele-desc .dcf-h4-child > ::before, .miele-desc .dcf-h4::before { content: ""; margin-top: 0px; } .miele-desc .dcf-h4-child > ::after, .miele-desc .dcf-h4::after { content: ""; margin-bottom: 0px; } @media (min-width: 992px) { .miele-desc .dcf-h4, .miele-desc .dcf-h4-child > * { font-size: 1.25rem; line-height: 1.75rem; } } .miele-desc .dcf-h5, .miele-desc .dcf-h5-child > * { font-size: 0.875rem; font-weight: var(--dcf-font-weight-medium); letter-spacing: inherit; line-height: 1.25rem; text-transform: inherit; } .miele-desc .dcf-h5-child > ::before, .miele-desc .dcf-h5::before { content: ""; margin-top: 0px; } .miele-desc .dcf-h5-child > ::after, .miele-desc .dcf-h5::after { content: ""; margin-bottom: 0px; } @media (min-width: 992px) { .miele-desc .dcf-h5, .miele-desc .dcf-h5-child > * { font-size: 1rem; line-height: 1.375rem; } } .miele-desc .dcf-h6, .miele-desc .dcf-h6-child > * { color: var(--dcf-color-battle-ship-gray); font-size: 0.75rem; font-weight: var(--dcf-font-weight-medium); letter-spacing: 0.1394rem; line-height: 1.25rem; text-transform: uppercase; } .miele-desc .dcf-h6-child > ::before, .miele-desc .dcf-h6::before { content: ""; margin-top: 0px; } .miele-desc .dcf-h6-child > ::after, .miele-desc .dcf-h6::after { content: ""; margin-bottom: 0px; } @media (min-width: 992px) { .miele-desc .dcf-h6, .miele-desc .dcf-h6-child > * { font-size: 0.875rem; letter-spacing: 0.1625rem; } } .miele-desc .dcf-tagline, .miele-desc .dcf-tagline > * { color: var(--dcf-color-miele-orange); font-size: 0.625rem; font-weight: var(--dcf-font-weight-light); letter-spacing: 0.1163rem; line-height: 1.25rem; } @media (min-width: 992px) { .miele-desc .dcf-tagline, .miele-desc .dcf-tagline > * { font-size: 0.75rem; font-weight: var(--dcf-font-weight-medium); letter-spacing: 0.1394rem; } } .miele-desc .dcf-body-copy, .miele-desc .dcf-body-copy * { --dcf-body-copy-font-size: .625rem; --dcf-body-copy-line-height: .75rem; --dcf-body-copy-letter-spacing: 0; --dcf-body-copy-font-weight: var(--dcf-font-weight-medium); color: var(--dcf-body-copy-color); font-size: var(--dcf-body-copy-font-size); font-weight: var(--dcf-body-copy-font-weight); letter-spacing: var(--dcf-body-copy-letter-spacing); line-height: var(--dcf-body-copy-line-height); } @media (min-width: 576px) { .miele-desc .dcf-body-copy, .miele-desc .dcf-body-copy * { --dcf-body-copy-font-size: .75rem; --dcf-body-copy-line-height: .875rem; --dcf-body-copy-letter-spacing: 0; --dcf-body-copy-font-weight: var(--dcf-font-weight-medium); } } @media (min-width: 768px) { .miele-desc .dcf-body-copy, .miele-desc .dcf-body-copy * { --dcf-body-copy-font-size: .875rem; --dcf-body-copy-line-height: 1.25rem; --dcf-body-copy-letter-spacing: 0; --dcf-body-copy-font-weight: var(--dcf-font-weight-normal); } } @media (min-width: 992px) { .miele-desc .dcf-body-copy, .miele-desc .dcf-body-copy * { --dcf-body-copy-font-size: 1rem; --dcf-body-copy-line-height: 1.375rem; --dcf-body-copy-letter-spacing: 0; --dcf-body-copy-font-weight: var(--dcf-font-weight-normal); } } @media (min-width: 1200px) { .miele-desc .dcf-body-copy, .miele-desc .dcf-body-copy * { --dcf-body-copy-font-size: 1rem; --dcf-body-copy-line-height: 1.75rem; --dcf-body-copy-letter-spacing: 0; --dcf-body-copy-font-weight: var(--dcf-font-weight-normal); } } .miele-desc .dcf-clickable-action { background: none; border: medium; color: var(--dcf-clickable-action-color); cursor: pointer; font-size: 0.75rem; font-weight: var(--dcf-font-weight-medium); letter-spacing: 0.0625rem; line-height: 0.875rem; text-decoration: none; text-transform: uppercase; } .miele-desc .dcf-checkbox svg, .miele-desc .dcf-modal--close svg { height: unset; width: unset; } .miele-desc .dcf-ctx-dark .dhf-button, .miele-desc .dhf-button .dcf-ctx-dark, .miele-desc dhf-button .dhf-button.dcf-ctx-dark { --dhf-button-secondary-color: var(--dcf-color-cultured); --dhf-button-secondary-color-hover: var(--dcf-color-white); --dhf-button-secondary-border-color: var(--dcf-color-silver); --dhf-button-secondary-border-color-hover: var(--dcf-color-silver); --dhf-button-tertiary-color: var(--dcf-color-cultured); --dhf-button-tertiary-color-hover: var(--dcf-color-white); --dhf-button-tertiary-icon: var(--dcf-color-silver); --dhf-button-tertiary-icon-hover: var(--dcf-color-white); --dhf-button-grey-bg: rgba(0,0,0,.48); --dhf-button-grey-bg-hover: #000; --dhf-button-grey-icon-color: var(--dcf-color-white); } .miele-desc :host .dhf-button.dcf-ctx-dark, :root .dhf-button.dcf-ctx-dark { --dhf-button-secondary-color: var(--dcf-color-cultured); --dhf-button-secondary-color-hover: var(--dcf-color-white); --dhf-button-secondary-border-color: var(--dcf-color-silver); --dhf-button-secondary-border-color-hover: var(--dcf-color-silver); --dhf-button-tertiary-color: var(--dcf-color-cultured); --dhf-button-tertiary-color-hover: var(--dcf-color-white); --dhf-button-tertiary-icon: var(--dcf-color-silver); --dhf-button-tertiary-icon-hover: var(--dcf-color-white); --dhf-button-grey-bg: rgba(0,0,0,.48); --dhf-button-grey-bg-hover: #000; --dhf-button-grey-icon-color: var(--dcf-color-white); } .miele-desc .dcf-ctx-light .dhf-button, .miele-desc .dhf-button .dcf-ctx-light, .miele-desc dhf-button .dhf-button.dcf-ctx-light { --dhf-button-secondary-color: var(--dcf-color-eerie-black); --dhf-button-secondary-color-hover: var(--dcf-color-eerie-black); --dhf-button-secondary-border-color: var(--dcf-color-battle-ship-gray); --dhf-button-secondary-border-color-hover: var(--dcf-color-battle-ship-gray); --dhf-button-tertiary-color: var(--dcf-color-eerie-black); --dhf-button-tertiary-color-hover: var(--dcf-color-black); --dhf-button-tertiary-icon: var(--dcf-color-battle-ship-gray); --dhf-button-tertiary-icon-hover: var(--dhf-button-tertiary-color-hover); --dhf-button-grey-bg: hsla(210,4%,91%,.48); --dhf-button-grey-bg-hover: #e7e8e9; --dhf-button-grey-icon-color: var(--dcf-color-divider-dark); } .miele-desc :host .dhf-button.dcf-ctx-light, :root .dhf-button.dcf-ctx-light { --dhf-button-secondary-color: var(--dcf-color-eerie-black); --dhf-button-secondary-color-hover: var(--dcf-color-eerie-black); --dhf-button-secondary-border-color: var(--dcf-color-battle-ship-gray); --dhf-button-secondary-border-color-hover: var(--dcf-color-battle-ship-gray); --dhf-button-tertiary-color: var(--dcf-color-eerie-black); --dhf-button-tertiary-color-hover: var(--dcf-color-black); --dhf-button-tertiary-icon: var(--dcf-color-battle-ship-gray); --dhf-button-tertiary-icon-hover: var(--dhf-button-tertiary-color-hover); --dhf-button-grey-bg: hsla(210,4%,91%,.48); --dhf-button-grey-bg-hover: #e7e8e9; --dhf-button-grey-icon-color: var(--dcf-color-divider-dark); } .miele-desc ._miele-section { width: 100%; } .miele-desc ._miele-section--spacing-left-default { padding-left: var(--theme-spacing-generic-m); } .miele-desc ._miele-section--spacing-right-default { padding-right: var(--theme-spacing-generic-m); } .miele-desc ._miele-section--spacing-top-double { padding-top: calc(var(--theme-spacing-generic-m)*2); } .miele-desc ._miele-section--spacing-top-default { padding-top: var(--theme-spacing-generic-m); } .miele-desc ._miele-section--spacing-bottom-double { padding-bottom: calc(var(--theme-spacing-generic-m)*2); } .miele-desc ._miele-section--spacing-bottom-default { padding-bottom: var(--theme-spacing-generic-m); } .miele-desc ._miele-section--spacing-top-half { padding-top: var(--theme-spacing-generic-s); } .miele-desc ._miele-section--spacing-bottom-half { padding-bottom: var(--theme-spacing-generic-s); } .miele-desc ._miele-section--color-backdrop { background-color: var(--theme-color-backgrounds-backdrop); } .miele-desc ._miele-section--color-surface { background-color: var(--theme-color-backgrounds-surface); } .miele-desc ._miele-section--color-surface-raised { background-color: var(--theme-color-backgrounds-surface-raised); } .miele-desc ._miele-section--color-surface-extra-raised { background-color: var(--theme-color-backgrounds-surface-extra-raised); } .miele-desc ._miele-section--color-brand { background-color: var(--theme-color-backgrounds-brand); } @media only screen and (min-width: 375px) { .miele-desc ._miele-section--spacing-left-default { padding-left: var(--theme-spacing-generic-l); } .miele-desc ._miele-section--spacing-right-default { padding-right: var(--theme-spacing-generic-l); } .miele-desc ._miele-section--spacing-top-double { padding-top: calc(var(--theme-spacing-generic-l)*2); } .miele-desc ._miele-section--spacing-top-default { padding-top: var(--theme-spacing-generic-l); } .miele-desc ._miele-section--spacing-bottom-double { padding-bottom: calc(var(--theme-spacing-generic-l)*2); } .miele-desc ._miele-section--spacing-bottom-default { padding-bottom: var(--theme-spacing-generic-l); } } @media only screen and (min-width: 768px) { .miele-desc ._miele-section--spacing-left-default { padding-left: var(--theme-spacing-generic-xl); } .miele-desc ._miele-section--spacing-right-default { padding-right: var(--theme-spacing-generic-xl); } .miele-desc ._miele-section--spacing-top-double { padding-top: calc(var(--theme-spacing-generic-xl)*2); } .miele-desc ._miele-section--spacing-top-default { padding-top: var(--theme-spacing-generic-xl); } .miele-desc ._miele-section--spacing-bottom-double { padding-bottom: calc(var(--theme-spacing-generic-xl)*2); } .miele-desc ._miele-section--spacing-bottom-default { padding-bottom: var(--theme-spacing-generic-xl); } .miele-desc ._miele-section--spacing-top-half { padding-top: var(--theme-spacing-generic-m); } .miele-desc ._miele-section--spacing-bottom-half { padding-bottom: var(--theme-spacing-generic-m); } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-section--spacing-left-default { padding-left: var(--theme-spacing-generic-2xl); } .miele-desc ._miele-section--spacing-right-default { padding-right: var(--theme-spacing-generic-2xl); } .miele-desc ._miele-section--spacing-top-double { padding-top: calc(var(--theme-spacing-generic-2xl)*2); } .miele-desc ._miele-section--spacing-top-default { padding-top: var(--theme-spacing-generic-2xl); } .miele-desc ._miele-section--spacing-bottom-double { padding-bottom: calc(var(--theme-spacing-generic-2xl)*2); } .miele-desc ._miele-section--spacing-bottom-default { padding-bottom: var(--theme-spacing-generic-2xl); } .miele-desc ._miele-section--spacing-top-half { padding-top: var(--theme-spacing-generic-l); } .miele-desc ._miele-section--spacing-bottom-half { padding-bottom: var(--theme-spacing-generic-l); } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-section--spacing-left-default { padding-left: var(--theme-spacing-generic-3xl); } .miele-desc ._miele-section--spacing-right-default { padding-right: var(--theme-spacing-generic-3xl); } .miele-desc ._miele-section--spacing-top-double { padding-top: calc(var(--theme-spacing-generic-3xl)*2); } .miele-desc ._miele-section--spacing-top-default { padding-top: var(--theme-spacing-generic-3xl); } .miele-desc ._miele-section--spacing-bottom-double { padding-bottom: calc(var(--theme-spacing-generic-3xl)*2); } .miele-desc ._miele-section--spacing-bottom-default { padding-bottom: var(--theme-spacing-generic-3xl); } .miele-desc ._miele-section--spacing-top-half { padding-top: var(--theme-spacing-generic-xl); } .miele-desc ._miele-section--spacing-bottom-half { padding-bottom: var(--theme-spacing-generic-xl); } } @media only screen and (min-width: 1728px) { .miele-desc ._miele-section { align-items: center; display: flex; flex-direction: column; width: 100%; } .miele-desc ._miele-section__internal-div { width: 100%; } .miele-desc ._miele-section__internal-div:not(._miele-section__internal-div--no-max-width-limit) { max-width: var(--theme-grid-screensize-xl); } .miele-desc ._miele-section--spacing-left-default._miele-section:not(._miele-section--spacing-right-default) { align-items: end; } .miele-desc ._miele-section--spacing-right-default:not(._miele-section--spacing-left-default) { align-items: start; } } .miele-desc ._miele-typography--color--inherit { color: inherit; } .miele-desc ._miele-typography--color--regular { color: var(--theme-color-text-regular); } .miele-desc ._miele-typography--color--weak { color: var(--theme-color-text-weak); } .miele-desc ._miele-typography--color--weaker { color: var(--theme-color-text-weaker); } .miele-desc ._miele-typography--color--weakest { color: var(--theme-color-text-weakest); } .miele-desc ._miele-typography--color--contrast { color: var(--theme-color-text-contrast); } .miele-desc ._miele-typography--color--disabled { color: var(--theme-color-text-disabled); } .miele-desc ._miele-typography--color--primary { color: var(--theme-color-text-primary); } .miele-desc ._miele-typography--color--info { color: var(--theme-color-text-states-info); } .miele-desc ._miele-typography--color--success { color: var(--theme-color-text-states-success); } .miele-desc ._miele-typography--color--warning { color: var(--theme-color-text-states-warning); } .miele-desc ._miele-typography--color--danger { color: var(--theme-color-text-states-danger); } .miele-desc ._miele-typography--hyphenate { overflow-wrap: break-word; hyphens: auto; white-space: normal; } .miele-desc ._miele-styled-copy { white-space: normal; word-break: break-word; } .miele-desc ._miele-styled-copy__content > div > :first-child { margin-top: 0px; } .miele-desc ._miele-styled-copy b, .miele-desc ._miele-styled-copy strong { font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold); font-weight: var(--theme-type-font-weight-theme-semi-bold); } .miele-desc ._miele-styled-copy ul { margin-left: var(--theme-spacing-generic-xs); padding: 0px; } .miele-desc ._miele-styled-copy ul li { margin: var(--theme-spacing-generic-xs) 0; padding-left: var(--theme-spacing-generic-m); position: relative; text-indent: calc(var(--theme-spacing-generic-m)*-1); } .miele-desc ._miele-styled-copy ul li::before { content: "•"; padding-right: var(--theme-spacing-generic-s); } .miele-desc ._miele-styled-copy ul li ul { margin-left: var(--theme-spacing-generic-m); } .miele-desc ._miele-styled-copy ul li ul li { padding-left: 0px; } .miele-desc ._miele-styled-copy ol { --numbered-list-left-margin: var(--theme-spacing-generic-l); --numbered-list-item-left-margin: calc(var(--theme-spacing-generic-xxs) + var(--theme-spacing-generic-xs)); list-style: decimal; margin-left: var(--numbered-list-left-margin); padding: 0px; position: relative; } .miele-desc ._miele-styled-copy ol li { margin: var(--theme-spacing-generic-xs) 0; padding-left: var(--numbered-list-item-left-margin); } .miele-desc ._miele-styled-copy ol li ol { list-style: lower-alpha; margin-left: calc(var(--numbered-list-left-margin) - var(--numbered-list-item-left-margin)); } .miele-desc ._miele-styled-copy a { text-decoration: underline; text-underline-offset: var(--theme-spacing-generic-xxs); } .miele-desc ._miele-styled-copy a:focus-visible { border-radius: var(--cw-forms-generic-border-radius-default); outline: var(--cw-forms-generic-border-focus); outline-offset: var(--cw-focus-spacing-offset-l); } .miele-desc ._miele-styled-copy a:has(> sub), .miele-desc ._miele-styled-copy a:has(> sup) { text-decoration: none; } .miele-desc ._miele-styled-copy .miele-table, .miele-desc ._miele-styled-copy table { border-collapse: collapse; min-width: var(--theme-size-generic-min-width-l); width: 100%; } .miele-desc ._miele-styled-copy .miele-table p, .miele-desc ._miele-styled-copy table p { margin: 0px; } .miele-desc ._miele-styled-copy .miele-table caption, .miele-desc ._miele-styled-copy table caption { height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; clip: rect(0px, 0px, 0px, 0px); border-width: 0px; white-space: nowrap; } .miele-desc ._miele-styled-copy .miele-table thead tr, .miele-desc ._miele-styled-copy table thead tr { background-color: var(--cw-table-color-row-background-header); border-bottom: var(--cw-table-generic-border-default); } .miele-desc ._miele-styled-copy .miele-table tbody tr, .miele-desc ._miele-styled-copy table tbody tr { background-color: var(--cw-table-color-row-background-default); } .miele-desc ._miele-styled-copy .miele-table td, .miele-desc ._miele-styled-copy .miele-table th, .miele-desc ._miele-styled-copy table td, .miele-desc ._miele-styled-copy table th { color: var(--cw-table-color-text-regular); font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03); font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold); font-weight: var(--theme-type-font-weight-theme-bold); letter-spacing: normal; line-height: var(--miele-type-lineheight-paragraph); text-transform: var(--miele-type-text-transform-none); white-space: nowrap; } .miele-desc ._miele-styled-copy .miele-table td, .miele-desc ._miele-styled-copy table td { font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular); font-weight: var(--theme-type-font-weight-theme-regular); } .miele-desc ._miele-styled-copy .miele-table td, .miele-desc ._miele-styled-copy .miele-table th, .miele-desc ._miele-styled-copy table td, .miele-desc ._miele-styled-copy table th { padding: var(--cw-table-default-header-cell-spacing-vertical-padding) var(--cw-table-default-header-cell-spacing-horizontal-padding); text-align: left; } .miele-desc ._miele-styled-copy .miele-table:focus-visible, .miele-desc ._miele-styled-copy table:focus-visible { outline: var(--cw-forms-generic-border-focus); } .miele-desc ._miele-styled-copy .miele-table tbody tr:focus-visible, .miele-desc ._miele-styled-copy .miele-table tbody tr:focus-within, .miele-desc ._miele-styled-copy table tbody tr:focus-visible, .miele-desc ._miele-styled-copy table tbody tr:focus-within { background-color: var(--cw-table-color-row-background-hover); outline: var(--cw-forms-generic-border-focus); outline-offset: -2px; } .miele-desc ._miele-styled-copy .miele-table tbody tr:hover td, .miele-desc ._miele-styled-copy .miele-table tbody tr:hover th, .miele-desc ._miele-styled-copy table tbody tr:hover td, .miele-desc ._miele-styled-copy table tbody tr:hover th { background-color: var(--cw-table-color-row-background-hover); transition: var(--theme-motion-ease-out) var(--theme-motion-time-short-2) background-color; } .miele-desc ._miele-styled-copy .miele-table.miele-table--zebra-striping tbody tr:nth-child(2n+1), .miele-desc ._miele-styled-copy table.miele-table--zebra-striping tbody tr:nth-child(2n+1) { background-color: var(--cw-table-color-row-background-default); } .miele-desc ._miele-styled-copy .miele-table.miele-table--zebra-striping tbody tr:nth-child(2n), .miele-desc ._miele-styled-copy table.miele-table--zebra-striping tbody tr:nth-child(2n) { background-color: var(--cw-table-color-row-background-zebra); } .miele-desc ._miele-styled-copy .miele-scrollable { height: 100%; position: relative; width: auto; } .miele-desc ._miele-styled-copy .miele-scrollable::after, .miele-desc ._miele-styled-copy .miele-scrollable::before { content: ""; height: 100%; pointer-events: none; position: absolute; top: 0px; width: var(--cw-scrollable-gradient-container-width-default); } @media only screen and (min-width: 375px) { .miele-desc ._miele-styled-copy .miele-scrollable::after, .miele-desc ._miele-styled-copy .miele-scrollable::before { width: var(--cw-scrollable-gradient-container-width-s); } } @media only screen and (min-width: 768px) { .miele-desc ._miele-styled-copy .miele-scrollable::after, .miele-desc ._miele-styled-copy .miele-scrollable::before { width: var(--cw-scrollable-gradient-container-width-m); } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-styled-copy .miele-scrollable::after, .miele-desc ._miele-styled-copy .miele-scrollable::before { width: var(--cw-scrollable-gradient-container-width-ml); } } .miele-desc ._miele-styled-copy .miele-scrollable::before { background: linear-gradient(270deg,rgb(from var(--cw-scrollable-gradient-container-gradient-color) r g b/0) 0,var(--cw-scrollable-gradient-container-gradient-color) 100%); left: 0px; z-index: 1; } @media only screen and (min-width: 1728px) { .miele-desc ._miele-styled-copy .miele-scrollable::before { left: calc(var(--theme-spacing-generic-s)*-1); } } .miele-desc ._miele-styled-copy .miele-scrollable::after { background: linear-gradient(270deg,var(--cw-scrollable-gradient-container-gradient-color) 0,rgb(from var(--cw-scrollable-gradient-container-gradient-color) r g b/0) 100%); right: 0px; } .miele-desc ._miele-styled-copy .miele-scrollable--hidden-after::after, .miele-desc ._miele-styled-copy .miele-scrollable--hidden-before::before { content: ""; visibility: hidden; } .miele-desc ._miele-styled-copy .miele-scrollable__inner { overflow-x: auto; } .miele-desc ._miele-styled-copy .miele-scrollable__inner:focus-visible, .miele-desc ._miele-styled-copy .miele-scrollable__inner:focus-within { outline: var(--cw-forms-generic-border-focus); } .miele-desc ._miele-styled-copy h2, .miele-desc ._miele-styled-copy h3, .miele-desc ._miele-styled-copy h4, .miele-desc ._miele-styled-copy h5, .miele-desc ._miele-styled-copy h6, .miele-desc ._miele-styled-copy p { font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03); font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold); font-weight: var(--theme-type-font-weight-theme-bold); letter-spacing: normal; line-height: var(--miele-type-lineheight-paragraph); margin-top: var(--theme-spacing-generic-s); text-transform: var(--miele-type-text-transform-none); } .miele-desc ._miele-styled-copy p { font-size: var(--miele-type-size-50); font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular); font-weight: var(--theme-type-font-weight-theme-regular); line-height: var(--miele-type-lineheight-paragraph); margin-top: var(--theme-spacing-generic-s); } .miele-desc ._miele-styled-copy h2 { font-size: var(--miele-type-size-80); font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold); font-weight: var(--theme-type-font-weight-theme-semi-bold); line-height: var(--miele-type-lineheight-headings-regular); } @media only screen and (min-width: 1024px) { .miele-desc ._miele-styled-copy h2 { font-size: var(--miele-type-size-90); } } .miele-desc ._miele-styled-copy h3 { font-size: var(--miele-type-size-70); } .miele-desc ._miele-styled-copy h4 { font-size: var(--miele-type-size-60); } .miele-desc ._miele-styled-copy h5 { font-size: var(--miele-type-size-50); } .miele-desc ._miele-styled-copy h6, .miele-desc ._miele-styled-copy h6 + p { font-size: var(--miele-type-size-40); } .miele-desc ._miele-styled-copy h3 + p, .miele-desc ._miele-styled-copy h4 + p, .miele-desc ._miele-styled-copy h5 + p { margin-top: var(--theme-spacing-generic-xs); } .miele-desc ._miele-styled-copy h6 + p { margin-top: var(--theme-spacing-generic-xxs); } .miele-desc ._miele-focus-wrapper { box-sizing: border-box; position: relative; } .miele-desc ._miele-focus-wrapper :focus-within { outline: currentcolor; } .miele-desc ._miele-focus-wrapper--show-parent-focus:has(:focus-visible) { border-radius: var(--cw-forms-generic-border-radius-default); margin: calc(var(--cw-forms-generic-spacing-focus-vertical)*-1) calc(var(--cw-forms-generic-spacing-focus-horizontal)*-1); outline: var(--cw-forms-generic-border-focus); padding: var(--cw-forms-generic-spacing-focus-vertical) var(--cw-forms-generic-spacing-focus-horizontal); } .miele-desc ._miele-focus-wrapper--show-child-focus button:focus-visible { outline-offset: var(--cw-focus-spacing-offset-l); } .miele-desc ._miele-focus-wrapper--show-child-focus input:focus-visible, .miele-desc ._miele-focus-wrapper--show-child-focus select:focus-visible, .miele-desc ._miele-focus-wrapper--show-child-focus textarea:focus-visible { outline-offset: calc(var(--cw-focus-spacing-offset-s)*-1); } .miele-desc ._miele-focus-wrapper--show-child-focus a:focus-visible, .miele-desc ._miele-focus-wrapper--show-child-focus button:focus-visible, .miele-desc ._miele-focus-wrapper--show-child-focus input:focus-visible, .miele-desc ._miele-focus-wrapper--show-child-focus select:focus-visible, .miele-desc ._miele-focus-wrapper--show-child-focus textarea:focus-visible { outline: var(--cw-forms-generic-border-focus); } .miele-desc ._miele-focus-wrapper--show-child-focus a:focus-visible { outline-offset: var(--cw-focus-spacing-offset-s); } .miele-desc ._miele-link :is(a) { cursor: pointer; } .miele-desc ._miele-link__focus-wrapper { display: inline-block; } .miele-desc ._miele-link--styled :is(a) { color: var(--cw-link-color-default-regular); } .miele-desc ._miele-link--styled :is(a:visited) { color: var(--cw-link-color-default-visited); } .miele-desc ._miele-link--styled :is(a:hover) { color: var(--cw-link-color-default-hover); } .miele-desc ._miele-link--underlined :is(a) { text-decoration: underline; text-underline-offset: var(--cw-link-spacing-underline-offset); text-underline-position: under; } .miele-desc ._miele-link--muted :is(a) { color: var(--cw-link-color-muted-regular); } .miele-desc ._miele-link--muted :is(a:visited) { color: var(--cw-link-color-muted-visited); } .miele-desc ._miele-link--muted :is(a:hover) { color: var(--cw-link-color-muted-hover); } .miele-desc ._miele-heading-typography--color--inherit { color: inherit; } .miele-desc ._miele-heading-typography--color--regular { color: var(--theme-color-text-regular); } .miele-desc ._miele-heading-typography--color--weak { color: var(--theme-color-text-weak); } .miele-desc ._miele-heading-typography--color--weaker { color: var(--theme-color-text-weaker); } .miele-desc ._miele-heading-typography--color--weakest { color: var(--theme-color-text-weakest); } .miele-desc ._miele-heading-typography--color--contrast { color: var(--theme-color-text-contrast); } .miele-desc ._miele-heading-typography--color--disabled { color: var(--theme-color-text-disabled); } .miele-desc ._miele-heading-typography--color--primary { color: var(--theme-color-text-primary); } .miele-desc ._miele-heading-typography--color--info { color: var(--theme-color-text-states-info); } .miele-desc ._miele-heading-typography--color--success { color: var(--theme-color-text-states-success); } .miele-desc ._miele-heading-typography--color--warning { color: var(--theme-color-text-states-warning); } .miele-desc ._miele-heading-typography--color--danger { color: var(--theme-color-text-states-danger); } .miele-desc ._miele-heading-typography--hyphenate { overflow-wrap: break-word; hyphens: auto; white-space: normal; } .miele-desc ._miele-heading-group { transform: translateZ(0px); white-space: break-spaces; width: 100%; } .miele-desc ._miele-heading-group_w5_1 { display: block; } .miele-desc ._miele-heading-group__tagline--headline, .miele-desc ._miele-heading-group__tagline--title { margin-bottom: var(--theme-spacing-generic-xs); } @media only screen and (min-width: 768px) { .miele-desc ._miele-heading-group__tagline--headline { margin-bottom: var(--theme-spacing-generic-s); } } .miele-desc ._miele-heading-group__tagline--display { margin-bottom: var(--theme-spacing-generic-s); } @media only screen and (min-width: 768px) { .miele-desc ._miele-heading-group__tagline--display { margin-bottom: var(--theme-spacing-generic-m); } } .miele-desc ._miele-heading-group__paragraph { display: block; } .miele-desc ._miele-heading-group__paragraph--display, .miele-desc ._miele-heading-group__paragraph--headline, .miele-desc ._miele-heading-group__paragraph--title { margin-top: var(--theme-spacing-generic-s); } .miele-desc ._miele-heading-group__paragraph--title [class*="_miele-styled-copy"] p { font-size: var(--miele-type-size-50); font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular); font-weight: var(--theme-type-font-weight-theme-regular); } .miele-desc ._miele-heading-group__paragraph--title [class*="_miele-styled-copy"] h6 + p { font-size: var(--miele-type-size-40); } @media only screen and (min-width: 1024px) { .miele-desc ._miele-heading-group__paragraph--headline { margin-top: var(--theme-spacing-generic-m); } } .miele-desc ._miele-heading-group__paragraph--headline [class*="_miele-styled-copy"] p { font-size: var(--miele-type-size-60); font-variation-settings: "wght" var(--theme-type-font-weight-theme-light); font-weight: var(--theme-type-font-weight-theme-light); } .miele-desc ._miele-heading-group__paragraph--headline [class*="_miele-styled-copy"] h6 + p { font-size: var(--miele-type-size-50); } @media only screen and (min-width: 1024px) { .miele-desc ._miele-heading-group__paragraph--display { margin-top: var(--theme-spacing-generic-l); } } .miele-desc ._miele-heading-group__paragraph--display [class*="_miele-styled-copy"] p { font-size: var(--miele-type-size-60); font-variation-settings: "wght" var(--theme-type-font-weight-theme-light); font-weight: var(--theme-type-font-weight-theme-light); } @media screen and (min-width: 1024px) { .miele-desc ._miele-heading-group__paragraph--display [class*="_miele-styled-copy"] p { font-size: var(--miele-type-size-70); } } .miele-desc ._miele-heading-group__paragraph--display [class*="_miele-styled-copy"] h6 + p { font-size: var(--miele-type-size-50); } @media screen and (min-width: 1024px) { .miele-desc ._miele-heading-group__paragraph--display [class*="_miele-styled-copy"] h6 + p { font-size: var(--miele-type-size-60); } } .miele-desc ._miele-heading-group__headline-emphasize-after, .miele-desc ._miele-heading-group__headline-emphasize-before, .miele-desc ._miele-heading-group__headline-text, .miele-desc ._miele-heading-group__paragraph { display: block; } .miele-desc ._miele-heading-group__headline--link:focus-visible { border-radius: var(--cw-forms-generic-border-radius-default); outline: var(--cw-forms-generic-border-focus); outline-offset: var(--cw-focus-spacing-offset-l); } .miele-desc ._miele-icon { display: inline-block; } .miele-desc ._miele-icon--color--inherit { color: inherit; } .miele-desc ._miele-icon--color--regular { color: var(--theme-color-icons-regular); } .miele-desc ._miele-icon--color--contrast { color: var(--theme-color-icons-contrast); } .miele-desc ._miele-icon--color--info { color: var(--theme-color-icons-states-info); } .miele-desc ._miele-icon--color--success { color: var(--theme-color-icons-states-success); } .miele-desc ._miele-icon--color--warning { color: var(--theme-color-icons-states-warning); } .miele-desc ._miele-icon--color--danger { color: var(--theme-color-icons-states-danger); } .miele-desc ._miele-icon--color--disabled { color: var(--theme-color-icons-states-disabled); } .miele-desc ._miele-button { align-items: center; border: medium; border-radius: var(--cw-button-generic-border-radius-default); box-sizing: border-box; cursor: pointer; display: inline-flex; height: var(--cw-button-size-default-button-large); justify-content: center; max-width: 100%; min-width: auto; padding-left: var(--cw-button-generic-spacing-horizontal-padding); padding-right: var(--cw-button-generic-spacing-horizontal-padding); position: relative; text-decoration: none; text-overflow: ellipsis; text-transform: uppercase; vertical-align: top; } .miele-desc ._miele-button--disabled { cursor: unset; } .miele-desc ._miele-button:focus-visible { border-radius: var(--cw-button-generic-border-radius-focus); outline: var(--cw-button-generic-border-focus); outline-offset: var(--cw-focus-spacing-offset-m); } .miele-desc ._miele-button--fluid { width: 100%; } .miele-desc ._miele-button--content { align-items: center; display: inline-flex; height: 100%; justify-content: center; max-width: 100%; vertical-align: bottom; } .miele-desc ._miele-button__text--offset { position: relative; } .miele-desc ._miele-button__text--nowrap { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .miele-desc ._miele-button--hidden-content { visibility: hidden; } .miele-desc ._miele-button--loading { cursor: auto; } .miele-desc ._miele-button--primary { background: var(--cw-button-primary-color-background-default); color: var(--cw-button-primary-color-text-icon-default); } .miele-desc ._miele-button--primary:hover:not(:disabled, .miele-desc ._miele-button--disabled) { background: var(--cw-button-primary-color-background-hover); } .miele-desc ._miele-button--primary:active:focus:not(:disabled, .miele-desc ._miele-button--disabled) { color: var(--cw-button-primary-color-text-icon-pressed); } .miele-desc ._miele-button--primary._miele-button--disabled { background: var(--cw-button-primary-color-background-disabled); color: var(--cw-button-primary-color-text-icon-disabled); } .miele-desc ._miele-button--secondary { background: none; border: var(--cw-button-secondary-border-default); } .miele-desc ._miele-button--secondary, .miele-desc ._miele-button--secondary:active:focus:not(:disabled, .miele-desc ._miele-button--disabled) { color: var(--cw-button-secondary-color-text-icon-default); } .miele-desc ._miele-button--secondary:hover:not(:disabled, .miele-desc ._miele-button--disabled) { border: var(--cw-button-secondary-border-hover); color: var(--cw-button-secondary-color-text-icon-hover); } .miele-desc ._miele-button--secondary._miele-button--disabled { border: var(--cw-button-secondary-border-disabled); color: var(--cw-button-secondary-color-text-icon-disabled); } .miele-desc ._miele-button--tertiary { background: none; color: var(--cw-button-tertiary-color-text-icon-default); padding-left: 0px; padding-right: 0px; } .miele-desc ._miele-button--tertiary:hover:not(:disabled, .miele-desc ._miele-button--disabled) { color: var(--cw-button-tertiary-color-text-icon-hover); } .miele-desc ._miele-button--tertiary._miele-button--disabled { color: var(--cw-button-tertiary-color-text-icon-disabled); } .miele-desc ._miele-button--quaternary { background: var(--cw-button-quaternary-color-background-default); color: var(--cw-button-quaternary-color-text-icon-default); height: var(--cw-button-size-default-button-small); padding-left: var(--cw-button-generic-spacing-horizontal-padding-small); padding-right: var(--cw-button-generic-spacing-horizontal-padding-small); } .miele-desc ._miele-button--quaternary:hover:not(:disabled, .miele-desc ._miele-button--disabled) { background: var(--cw-button-quaternary-color-background-hover); } .miele-desc ._miele-button--quaternary:active:focus:not(:disabled, .miele-desc ._miele-button--disabled) { color: var(--cw-button-quaternary-color-text-icon-pressed); } .miele-desc ._miele-button--quaternary._miele-button--disabled { background: var(--cw-button-quaternary-color-background-disabled); color: var(--cw-button-quaternary-color-text-icon-disabled); } .miele-desc ._miele-button--quinary { background: var(--cw-button-quinary-color-background-default); color: var(--cw-button-quinary-color-text-icon-default); } .miele-desc ._miele-button--quinary:hover:not(:disabled, .miele-desc ._miele-button--disabled) { background: var(--cw-button-quinary-color-background-hover); } .miele-desc ._miele-button--quinary:active:focus:not(:disabled, .miele-desc ._miele-button--disabled) { color: var(--cw-button-quinary-color-text-icon-pressed); } .miele-desc ._miele-button--quinary._miele-button--disabled { background: var(--cw-button-quinary-color-background-disabled); color: var(--cw-button-quinary-color-text-icon-disabled); } .miele-desc ._miele-button__icon--left { margin-right: var(--cw-button-generic-spacing-horizontal-gap); } .miele-desc ._miele-button__icon--left, .miele-desc ._miele-button__icon--right { align-items: center; display: inline-flex; justify-content: center; } .miele-desc ._miele-button__icon--right { margin-left: var(--cw-button-generic-spacing-horizontal-gap); } .miele-desc ._miele-horizontal-rule--contrast { border-top: var(--cw-horizontal-rule-generic-border-contrast); } .miele-desc ._miele-horizontal-rule--regular { border-top: var(--cw-horizontal-rule-generic-border-regular); } .miele-desc ._miele-horizontal-rule--weak { border-top: var(--cw-horizontal-rule-generic-border-weak); } .miele-desc ._miele-horizontal-rule--weaker { border-top: var(--cw-horizontal-rule-generic-border-weaker); } .miele-desc ._miele-horizontal-rule--weakest { border-top: var(--cw-horizontal-rule-generic-border-weakest); } .miele-desc ._miele-illustration-icon { display: inline-block; } .miele-desc ._miele-illustration-icon--color--inherit { color: inherit; } .miele-desc ._miele-illustration-icon--color--regular { color: var(--theme-color-icons-regular); } .miele-desc ._miele-illustration-icon--color--contrast { color: var(--theme-color-icons-contrast); } .miele-desc ._miele-illustration-icon--color--info { color: var(--theme-color-icons-states-info); } .miele-desc ._miele-illustration-icon--color--success { color: var(--theme-color-icons-states-success); } .miele-desc ._miele-illustration-icon--color--warning { color: var(--theme-color-icons-states-warning); } .miele-desc ._miele-illustration-icon--color--danger { color: var(--theme-color-icons-states-danger); } .miele-desc ._miele-feature__container { column-gap: var(--cw-cards-feature-spacing-content-gap); display: flex; } .miele-desc ._miele-feature__number-wrapper { display: flex; max-width: 100%; min-width: 0px; overflow: hidden; } .miele-desc ._miele-feature__superscript:not(:empty) { flex-shrink: 1; padding-left: var(--cw-cards-feature-spacing-number-superscript-padding-left); padding-top: var(--cw-cards-feature-spacing-number-superscript-padding-top); } .miele-desc ._miele-feature__description, .miele-desc ._miele-feature__headline, .miele-desc ._miele-feature_aeu_1, .miele-desc ._miele-feature__superscript { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .miele-desc ._miele-feature_aeu_1 { flex-shrink: 1; } .miele-desc ._miele-feature__content-wrapper { max-width: 100%; min-width: 0px; overflow: hidden; } .miele-desc ._miele-feature__description { -webkit-line-clamp: 2; } .miele-desc ._miele-feature_aeu_1 { margin-top: var(--cw-cards-feature-spacing-hr-padding-top); } .miele-desc ._miele-feature--vertical ._miele-feature__container { align-items: flex-start; flex-direction: column; } .miele-desc ._miele-feature--vertical._miele-feature--text-only ._miele-feature_aeu_1 { padding-bottom: var(--cw-cards-feature-spacing-large-icon-padding-bottom); } .miele-desc ._miele-feature--vertical._miele-feature--number ._miele-feature__description:not(:empty) { padding-top: var(--cw-cards-feature-spacing-description-padding-top); } .miele-desc ._miele-feature--horizontal ._miele-feature__container { flex-direction: row; } .miele-desc ._miele-feature--horizontal ._miele-feature__content-wrapper { display: flex; flex-direction: column; justify-content: center; } .miele-desc ._miele-feature--horizontal._miele-feature--number ._miele-feature_aeu_1 { padding-top: var(--cw-cards-feature-spacing-large-icon-padding-top); } .miele-desc ._miele-screen-reader-only:not(:focus):not(:active) { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .miele-desc ._miele-control-button { --cw-forms-generic-spacing-focus-vertical: var(--theme-spacing-generic-xs); --button-size-increase-offset: calc((var(--cw-button-size-control-button-target-size) - var(--cw-button-size-control-button-size))/2); --button-interactible-offset: calc(var(--button-size-increase-offset)*-1); --button-interactible-offset-border: calc((var(--button-size-increase-offset) + var(--theme-border-default-stroke-width))*-1); align-items: center; border: medium; border-radius: var(--cw-button-generic-border-radius-full); box-sizing: border-box; cursor: pointer; display: flex; justify-content: center; position: relative; } .miele-desc ._miele-control-button:disabled { pointer-events: none; } .miele-desc ._miele-control-button:focus-visible { outline: var(--cw-button-generic-border-focus); outline-offset: calc(var(--button-size-increase-offset) - var(--theme-border-default-stroke-width)); } .miele-desc ._miele-control-button::after { border-radius: var(--cw-button-generic-border-radius-full); bottom: var(--button-interactible-offset); content: ""; left: var(--button-interactible-offset); position: absolute; right: var(--button-interactible-offset); top: var(--button-interactible-offset); } .miele-desc ._miele-control-button--small { height: var(--cw-button-size-control-button-size); width: var(--cw-button-size-control-button-size); } .miele-desc ._miele-control-button--medium { height: var(--cw-button-size-control-button-size-medium); width: var(--cw-button-size-control-button-size-medium); } .miele-desc ._miele-control-button--large { height: var(--cw-button-size-control-button-size-large); width: var(--cw-button-size-control-button-size-large); } .miele-desc ._miele-control-button--primary { background: var(--cw-button-primary-color-background-default); } .miele-desc ._miele-control-button--primary svg { fill: var(--cw-button-primary-color-text-icon-default); } .miele-desc ._miele-control-button--primary:hover:not(:disabled) { background: var(--cw-button-primary-color-background-hover); } .miele-desc ._miele-control-button--primary:active:focus:not(:disabled) svg { fill: var(--cw-button-primary-color-text-icon-pressed); } .miele-desc ._miele-control-button--primary:disabled { background: var(--cw-button-primary-color-background-disabled); } .miele-desc ._miele-control-button--primary:disabled svg { fill: var(--cw-button-primary-color-text-icon-disabled); } .miele-desc ._miele-control-button--secondary { background: none; border: var(--cw-button-secondary-border-default); } .miele-desc ._miele-control-button--secondary svg { fill: var(--cw-button-secondary-color-text-icon-default); } .miele-desc ._miele-control-button--secondary::after { bottom: var(--button-interactible-offset-border); left: var(--button-interactible-offset-border); right: var(--button-interactible-offset-border); top: var(--button-interactible-offset-border); } .miele-desc ._miele-control-button--secondary:active:focus:not(:disabled) svg { fill: var(--cw-button-secondary-color-text-icon-pressed); } .miele-desc ._miele-control-button--secondary:hover:not(:disabled) { border: var(--cw-button-secondary-border-hover); } .miele-desc ._miele-control-button--secondary:hover:not(:disabled) svg { fill: var(--cw-button-secondary-color-text-icon-hover); } .miele-desc ._miele-control-button--secondary:disabled { border: var(--cw-button-secondary-border-disabled); } .miele-desc ._miele-control-button--secondary:disabled svg { fill: var(--cw-button-secondary-color-text-icon-disabled); } .miele-desc ._miele-control-button--tertiary { background: none; } .miele-desc ._miele-control-button--tertiary svg { fill: var(--cw-button-tertiary-color-text-icon-default); } .miele-desc ._miele-control-button--tertiary:hover:not(:disabled) svg { fill: var(--cw-button-tertiary-color-text-icon-hover); } .miele-desc ._miele-control-button--tertiary:active:focus:not(:disabled) svg { fill: var(--cw-button-tertiary-color-text-icon-pressed); } .miele-desc ._miele-control-button--tertiary:disabled svg { fill: var(--cw-button-tertiary-color-text-icon-disabled); } .miele-desc ._miele-control-button--quaternary { background: var(--cw-button-quaternary-color-background-default); } .miele-desc ._miele-control-button--quaternary svg { fill: var(--cw-button-quaternary-color-text-icon-default); } .miele-desc ._miele-control-button--quaternary:hover:not(:disabled) { background: var(--cw-button-quaternary-color-background-hover); } .miele-desc ._miele-control-button--quaternary:hover:not(:disabled) svg { fill: var(--cw-button-quaternary-color-text-icon-hover); } .miele-desc ._miele-control-button--quaternary:active:focus:not(:disabled) svg { fill: var(--cw-button-quaternary-color-text-icon-pressed); } .miele-desc ._miele-control-button--quaternary:disabled { background: var(--cw-button-quaternary-color-background-disabled); } .miele-desc ._miele-control-button--quaternary:disabled svg { fill: var(--cw-button-quaternary-color-text-icon-disabled); } .miele-desc ._miele-video { display: flex; flex-direction: column; height: 100%; overflow: hidden; position: relative; } .miele-desc ._miele-video--rounded { border-radius: var(--cw-image-generic-border-radius-default); } .miele-desc ._miele-video--rounded-top-left { border-top-left-radius: var(--cw-image-generic-border-radius-default); } .miele-desc ._miele-video--rounded-top-right { border-top-right-radius: var(--cw-image-generic-border-radius-default); } .miele-desc ._miele-video--rounded-bottom-left { border-bottom-left-radius: var(--cw-image-generic-border-radius-default); } .miele-desc ._miele-video--rounded-bottom-right { border-bottom-right-radius: var(--cw-image-generic-border-radius-default); } .miele-desc ._miele-video__blurred-overlay-round-correction { -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px); } .miele-desc ._miele-video__thumbnail-play { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; position: absolute; width: 100%; z-index: 1; } .miele-desc ._miele-video_ogga_1 ._miele-video__controls-wrapper { bottom: 2rem; position: absolute; right: 2rem; z-index: 1; } .miele-desc ._miele-video_ogga_1 ._miele-video__controls-progressbar { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .miele-desc ._miele-video_ogga_1 ._miele-video__controls-progressbar circle { stroke: var(--theme-color-borders-cta-video-active); stroke-width: var(--theme-border-medium-stroke-width); transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset 0.02s; } .miele-desc ._miele-video_ogga_1 ._miele-video__controls-button { border: var(--cw-button-video-progress-border-inactive-inactive); height: var(--cw-button-size-video-small); width: var(--cw-button-size-video-small); } @media only screen and (min-width: 1024px) { .miele-desc ._miele-video_ogga_1 ._miele-video__controls-button { height: var(--cw-button-size-video-large); width: var(--cw-button-size-video-large); } } .miele-desc ._miele-video_ogga_1 ._miele-video__controls-button._miele-video__controls-button--small { height: var(--cw-button-size-video-small); width: var(--cw-button-size-video-small); } .miele-desc ._miele-video_ogga_1 ._miele-video__controls-button._miele-video__controls-button--large { height: var(--cw-button-size-video-large); width: var(--cw-button-size-video-large); } .miele-desc ._miele-video_ogga_1 ._miele-video__controls-button:active:focus:not(:disabled), .miele-desc ._miele-video_ogga_1 ._miele-video__controls-button:hover:not(:disabled) { border: var(--cw-button-video-progress-border-inactive-inactive); } .miele-desc ._miele-video_ogga_1 ._miele-video__controls-button:active:focus:not(:disabled) svg, .miele-desc ._miele-video_ogga_1 ._miele-video__controls-button:hover:not(:disabled) svg { fill: var(--cw-button-video-progress-color-icon-hover); } .miele-desc ._miele-video_ogga_1 ._miele-video__controls-button svg { fill: var(--cw-button-video-progress-color-icon-default); } .miele-desc ._miele-video_ogga_1 ._miele-video__controls-button { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .miele-desc ._miele-video_ogga_1 { background-color: transparent; inset: 0px; pointer-events: none; position: absolute; transition: background-color var(--theme-motion-time-short-3) var(--theme-motion-ease-in),backdrop-filter var(--theme-motion-time-short-3) var(--theme-motion-ease-in),-webkit-backdrop-filter var(--theme-motion-time-short-3) var(--theme-motion-ease-in); } .miele-desc ._miele-video__overlay--visible { background-color: var(--cw-video-static-color-overlay-default); pointer-events: all; } @media screen and (prefers-contrast: more) { .miele-desc ._miele-video__overlay--visible { background-color: var(--cw-video-static-color-overlay-more-contrast); } } @media screen and (prefers-contrast: less) { .miele-desc ._miele-video__overlay--visible { background-color: var(--cw-video-static-color-overlay-less-contrast); } } .miele-desc ._miele-video__overlay--blurred { -webkit-backdrop-filter: blur(var(--theme-blur-default)); backdrop-filter: blur(var(--theme-blur-default)); pointer-events: all; } .miele-desc ._miele-video video { height: 100%; object-fit: cover; object-position: 50% 50%; width: 100%; } .miele-desc ._miele-video video:focus-visible { outline: var(--cw-video-generic-border-focus); outline-offset: var(--cw-video-generic-border-focus-offset); } .miele-desc ._miele-video_ogga_1 { height: auto; } .miele-desc ._miele-video_ogga_1 video { object-fit: contain; } .miele-desc ._miele-badge { align-items: center; border-radius: var(--cw-badge-generic-border-radius-default); box-sizing: border-box; display: inline-flex; gap: var(--cw-badge-generic-spacing-horizontal-gap); height: var(--cw-badge-size-large); justify-content: center; padding-left: var(--cw-badge-generic-spacing-horizontal-padding); padding-right: var(--cw-badge-generic-spacing-horizontal-padding); position: relative; } .miele-desc ._miele-badge--size-small { gap: var(--cw-badge-small-spacing-horizontal-gap); height: var(--cw-badge-size-small); padding-left: var(--cw-badge-small-spacing-horizontal-padding); padding-right: var(--cw-badge-small-spacing-horizontal-padding); } .miele-desc ._miele-badge--promo { background-color: var(--cw-badge-promo-color-background); color: var(--cw-badge-promo-color-text-icon); } .miele-desc ._miele-badge--info { border: var(--cw-badge-info-border-default); color: var(--cw-badge-info-color-text-icon); } .miele-desc ._miele-badge--success { border: var(--cw-badge-success-border-default); color: var(--cw-badge-succes-color-text); } .miele-desc ._miele-badge--warning { border: var(--cw-badge-warning-border-default); color: var(--cw-badge-warning-color-text); } .miele-desc ._miele-badge--danger { border: var(--cw-badge-danger-border-default); color: var(--cw-badge-danger-color-text); } .miele-desc ._miele-text-and-image__container { align-items: center; border-radius: 0px; display: flex; flex-direction: column; overflow: visible; } .miele-desc ._miele-text-and-image__container--boxed, .miele-desc ._miele-text-and-image__container--teaser { border-radius: var(--theme-radius-generic-small); overflow: hidden; } @media only screen and (min-width: 1024px) { .miele-desc ._miele-text-and-image__container--teaser { display: grid; grid-template-columns: 1fr 1fr; } .miele-desc ._miele-text-and-image__container--teaser._miele-text-and-image__container--media-first > :first-child { order: 1; } .miele-desc ._miele-text-and-image__container { border-radius: var(--theme-radius-generic-small); flex-direction: row; } .miele-desc ._miele-text-and-image__container--media-first { flex-direction: row-reverse; } } .miele-desc ._miele-text-and-image__container--boxed-backdrop, .miele-desc ._miele-text-and-image__container--teaser-backdrop { background-color: var(--theme-color-backgrounds-backdrop); } .miele-desc ._miele-text-and-image__container--boxed-surface, .miele-desc ._miele-text-and-image__container--teaser-surface { background-color: var(--theme-color-backgrounds-surface); } .miele-desc ._miele-text-and-image__container--boxed-surface-raised, .miele-desc ._miele-text-and-image__container--teaser-surface-raised { background-color: var(--theme-color-backgrounds-surface-raised); } .miele-desc ._miele-text-and-image__container--boxed-surface-extra-raised, .miele-desc ._miele-text-and-image__container--teaser-surface-extra-raised { background-color: var(--theme-color-backgrounds-surface-extra-raised); } .miele-desc ._miele-text-and-image__container--boxed-brand, .miele-desc ._miele-text-and-image__container--teaser-brand { background-color: var(--theme-color-backgrounds-brand); } .miele-desc ._miele-text-and-image__cta-group { display: flex; flex-wrap: wrap; gap: var(--theme-spacing-generic-s); margin-top: var(--theme-spacing-generic-s); max-width: 100%; } @media only screen and (min-width: 375px) { .miele-desc ._miele-text-and-image__cta-group { margin-top: var(--theme-spacing-generic-m); width: auto; } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-text-and-image__cta-group { margin-top: var(--theme-spacing-generic-l); } } .miele-desc ._miele-text-and-image__cta-group-fluid { width: 100%; } .miele-desc ._miele-text-and-image__cta { justify-content: flex-start; width: fit-content; } .miele-desc ._miele-text-and-image__cta-fluid { width: 100%; } .miele-desc ._miele-text-and-image__text { align-items: flex-start; display: inline-flex; flex-direction: column; height: auto; justify-content: center; min-width: 0px; padding: var(--theme-spacing-generic-m) 0; width: 100%; } .miele-desc ._miele-text-and-image__text--media-first-mobile { order: 1; } @media only screen and (min-width: 1024px) { .miele-desc ._miele-text-and-image__text--media-first-mobile { order: 0; } } @media only screen and (min-width: 375px) { .miele-desc ._miele-text-and-image__text--clean { padding: var(--theme-spacing-generic-l) 0; } } @media only screen and (min-width: 768px) { .miele-desc ._miele-text-and-image__text--clean { padding: var(--theme-spacing-generic-xl) 0; } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-text-and-image__text--clean { padding: var(--theme-spacing-generic-xl) var(--theme-spacing-generic-xl) var(--theme-spacing-generic-xl) 0; width: 50%; } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-text-and-image__text--clean { padding: var(--theme-spacing-generic-2xl) var(--theme-spacing-generic-2xl) var(--theme-spacing-generic-2xl) 0; } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-text-and-image__text--clean-media-first { padding-left: var(--theme-spacing-generic-xl); padding-right: 0px; } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-text-and-image__text--clean-media-first { padding-left: var(--theme-spacing-generic-2xl); padding-right: 0px; } } .miele-desc ._miele-text-and-image__text--boxed, .miele-desc ._miele-text-and-image__text--teaser { padding: var(--theme-spacing-generic-m); } @media only screen and (min-width: 375px) { .miele-desc ._miele-text-and-image__text--boxed, .miele-desc ._miele-text-and-image__text--teaser { padding: var(--theme-spacing-generic-l); } } @media only screen and (min-width: 768px) { .miele-desc ._miele-text-and-image__text--boxed, .miele-desc ._miele-text-and-image__text--teaser { padding: var(--theme-spacing-generic-xl); } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-text-and-image__text--boxed, .miele-desc ._miele-text-and-image__text--teaser { padding: var(--theme-spacing-generic-xl); width: 50%; } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-text-and-image__text--boxed, .miele-desc ._miele-text-and-image__text--teaser { padding: var(--theme-spacing-generic-2xl); } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-text-and-image__text--teaser { width: 100%; } } .miele-desc ._miele-text-and-image__media { height: auto; overflow: hidden; position: relative; width: 100%; } @media only screen and (min-width: 1024px) { .miele-desc ._miele-text-and-image__media { width: 50%; } .miele-desc ._miele-text-and-image__media--teaser { height: 100%; width: 100%; } .miele-desc ._miele-text-and-image__media--teaser figure { height: 100%; } .miele-desc ._miele-text-and-image__media--teaser figure > * { height: 100%; padding-bottom: 0px; } .miele-desc ._miele-text-and-image__media--teaser figure [class*="_miele-video__controls-wrapper"] { height: auto; } } .miele-desc ._miele-text-and-image__feature-wrapper { display: grid; gap: var(--theme-spacing-generic-l); margin-inline: 0px; margin-bottom: var(--theme-spacing-generic-m); margin-top: var(--theme-spacing-generic-m); width: 100%; } .miele-desc ._miele-text-and-image__feature-wrapper-item { display: flex; flex-direction: column; justify-content: space-between; } @media only screen and (max-width: 1023px) { .miele-desc ._miele-text-and-image__feature-wrapper-item:last-child hr { display: none; } } @media only screen and (min-width: 375px) { .miele-desc ._miele-text-and-image__feature-wrapper { margin-inline: 0px; margin-bottom: var(--theme-spacing-generic-l); margin-top: var(--theme-spacing-generic-l); } } @media only screen and (min-width: 768px) { .miele-desc ._miele-text-and-image__feature-wrapper { margin-inline: 0px; margin-bottom: var(--theme-spacing-generic-xl); margin-top: var(--theme-spacing-generic-xl); } } @media only screen and (min-width: 1200px) { .miele-desc ._miele-text-and-image__feature-wrapper { grid-template-columns: repeat(2, 1fr); } .miele-desc ._miele-text-and-image__feature-wrapper:has(._miele-text-and-image__feature-wrapper-item:nth-child(3):last-child) ._miele-text-and-image__feature-wrapper-item:nth-child(3) { grid-column-start: 1; grid-column-end: -1; } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-text-and-image__feature-wrapper { margin-inline: 0px; margin-bottom: 0px; margin-top: var(--theme-spacing-generic-xl); } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-text-and-image__feature-wrapper { margin-inline: 0px; margin-top: var(--theme-spacing-generic-2xl); } } .miele-desc ._miele-text-and-image__content-badge, .miele-desc ._miele-text-and-image__media-badge { max-width: var(--theme-size-generic-max-width-sm); } .miele-desc ._miele-text-and-image__content-badge *, .miele-desc ._miele-text-and-image__media-badge * { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .miele-desc ._miele-text-and-image__content-badge { margin-bottom: var(--theme-spacing-generic-m); } .miele-desc ._miele-text-and-image__media-badge-wrapper { background-color: var(--cw-badge-promo-color-background); color: var(--cw-badge-promo-color-text-icon); position: absolute; top: var(--theme-spacing-generic-s); z-index: 1; } .miele-desc ._miele-text-and-image__media-badge-wrapper--top-left-mobile { left: var(--theme-spacing-generic-s); } @media only screen and (min-width: 1024px) { .miele-desc ._miele-text-and-image__media-badge-wrapper--top-left-mobile { left: auto; } .miele-desc ._miele-text-and-image__media-badge-wrapper--top-left-desktop { left: var(--theme-spacing-generic-s); } } .miele-desc ._miele-text-and-image__media-badge-wrapper--top-right-mobile { right: var(--theme-spacing-generic-s); } @media only screen and (min-width: 1024px) { .miele-desc ._miele-text-and-image__media-badge-wrapper--top-right-mobile { right: auto; } .miele-desc ._miele-text-and-image__media-badge-wrapper--top-right-desktop { right: var(--theme-spacing-generic-s); } } .miele-desc .hls-container { height: fit-content; margin-left: auto; margin-right: auto; max-width: 100%; min-width: 100%; } @media (min-width: 992px) { .miele-desc .hls-container { width: 100%; } @media (min-width: 375px) { .miele-desc .hls-container { max-width: 375px; } } @media (min-width: 576px) { .miele-desc .hls-container { max-width: 576px; } } @media (min-width: 768px) { .miele-desc .hls-container { max-width: 768px; } } .miele-desc .hls-container { max-width: 992px; } @media (min-width: 1200px) { .miele-desc .hls-container { max-width: 1200px; } } @media (min-width: 1440px) { .miele-desc .hls-container { max-width: 1440px; } } @media (min-width: 1921px) { .miele-desc .hls-container { max-width: 1921px; } } .miele-desc .hls-container { min-width: 0px; } } .miele-desc .hls-container { padding-left: var(--dcf-grid-outer-gap); padding-right: var(--dcf-grid-outer-gap); } .miele-desc .hls-section { align-self: center; display: flex; flex-direction: column; padding-bottom: 5rem; padding-top: 5rem; width: 100%; } @media (min-width: 1200px) { .miele-desc .hls-section { align-self: center; display: flex; flex-direction: column; padding-bottom: 8rem; padding-top: 8rem; width: 100%; } } .miele-desc .hls-section--light { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); color: var(--dcf-color-eerie-black); } .miele-desc .hls-section--dark { background-color: var(--dcf-color-eerie-black); color: var(--dcf-color-silver); } .miele-desc .hls-section--darker { --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); } .miele-desc .dcf-compare-bar { margin-left: 0px; transition: 0.33s ease-in; } @media (min-width: 1024px) { body:has(.left-drawer--open) .dcf-compare-bar { margin-left: 375px; } } @media (min-width: 1440px) { body:has(.left-drawer--open) .dcf-compare-bar { margin-left: 450px; } } .miele-desc ._miele-select { --labels-height: var(--miele-size-30); } .miele-desc ._miele-select, .miele-desc ._miele-select_fnc0_1 { max-width: var(--cw-forms-specific-size-input-max-width); min-width: var(--cw-forms-specific-size-input-min-width); width: 100%; } .miele-desc ._miele-select_fnc0_1 { border-radius: var(--cw-forms-generic-border-radius-default); color: var(--cw-forms-generic-color-text-inactive); position: relative; } .miele-desc ._miele-select--first-selected:not(._miele-select--disabled), .miele-desc ._miele-select:not(._miele-select--disabled):hover { color: var(--cw-forms-generic-color-text-regular); } .miele-desc ._miele-select__error-icon { align-items: center; color: var(--cw-forms-generic-color-text-error); display: flex; justify-content: center; margin-right: var(--cw-forms-generic-spacing-gap-medium); } .miele-desc ._miele-select_fnc0_1 { position: absolute; } .miele-desc ._miele-select__label--first-selected { font-size: var(--labels-height); left: var(--cw-forms-generic-spacing-gap-large); top: calc(var(--cw-forms-generic-spacing-gap-medium)*-1); } .miele-desc ._miele-select__label--first-selected._miele-select__label--minimal { left: 0px; } .miele-desc ._miele-select__label--first-selected._miele-select__label--minimal._miele-select__label--error { color: var(--cw-forms-generic-color-text-error); } .miele-desc ._miele-select__label--nothing-selected { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 0px; overflow: hidden; position: absolute; white-space: nowrap; width: 0px; } .miele-desc ._miele-select_fnc0_1 { border-radius: inherit; height: var(--cw-forms-specific-size-dropdown-select); text-align: left; width: 100%; } .miele-desc ._miele-select__button_fnc0_1 { display: flex; overflow: hidden; white-space: nowrap; width: 100%; } .miele-desc ._miele-select__button__inner_fnc0_1 { flex-grow: 1; } .miele-desc ._miele-select__button--default { padding: var(--cw-forms-generic-spacing-base-vertical-small) var(--cw-forms-generic-spacing-base-horizontal-large) var(--cw-forms-generic-spacing-base-vertical-small) var(--cw-forms-generic-spacing-base-horizontal-large); } .miele-desc ._miele-select__button--minimal { border-top-width: ; border-right-width: ; border-bottom-width: ; border-left-width: ; border-top-style: ; border-right-style: ; border-bottom-style: ; border-left-style: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-color: transparent; padding: 0 var(--cw-forms-generic-spacing-base-vertical-small) 0 0; } .miele-desc ._miele-select__button--minimal:focus-visible { border-color: var(--theme-color-borders-states-focus); box-shadow: inset 0 0 0 1px var(--theme-color-borders-states-focus); outline: currentcolor; } .miele-desc ._miele-select__button--nothing-selected._miele-select__button--default { border: var(--cw-forms-generic-border-default); } .miele-desc ._miele-select__button--nothing-selected._miele-select__button--default._miele-select__button--disabled { border: var(--cw-forms-generic-border-disabled); } .miele-desc ._miele-select__button--nothing-selected._miele-select__button--default._miele-select__button--disabled ._miele-select__button_fnc0_1, .miele-desc ._miele-select__button--nothing-selected._miele-select__button--default._miele-select__button--disabled ._miele-select_fnc0_1 { color: var(--cw-forms-generic-color-text-disabled); } .miele-desc ._miele-select__button--nothing-selected._miele-select__button--default._miele-select__button--error { border: var(--cw-forms-generic-border-error); } .miele-desc ._miele-select__button--nothing-selected._miele-select__button--default:not(._miele-select__button--disabled):hover:not(:focus-visible) { border: var(--cw-forms-generic-border-hover); } .miele-desc ._miele-select__button--nothing-selected._miele-select__button--default:not(._miele-select__button--disabled):hover:not(:focus-visible) ._miele-select__button_fnc0_1 { color: var(--cw-forms-generic-color-text-regular); } .miele-desc ._miele-select__button--nothing-selected._miele-select__button--default:focus-visible { border-color: var(--theme-color-borders-states-focus); box-shadow: inset 0 0 0 1px var(--theme-color-borders-states-focus); outline: currentcolor; } .miele-desc ._miele-select__button--nothing-selected._miele-select__button--minimal._miele-select__button--error ._miele-select__button__inner_fnc0_1 { color: var(--cw-forms-generic-color-text-error); } .miele-desc ._miele-select__button--first-selected { border-color: transparent; border-width: var(--theme-border-default-stroke-width); } .miele-desc ._miele-select__button--first-selected:focus-visible { outline: currentcolor; } .miele-desc ._miele-select_fnc0_1 { align-items: center; color: var(--cw-forms-generic-color-background-regular); display: flex; } .miele-desc ._miele-select__icon--left { margin-right: var(--cw-forms-generic-spacing-base-horizontal); } .miele-desc ._miele-select__button--minimal ._miele-select__icon--trailing { right: 0px; } .miele-desc ._miele-select--selected-value { flex-grow: 1; overflow: hidden; text-overflow: ellipsis; } .miele-desc ._miele-select__fieldset { border-radius: inherit; inset: 0px; font-size: var(--labels-height); padding: 0 var(--cw-forms-generic-spacing-base-horizontal); pointer-events: none; position: absolute; } .miele-desc ._miele-select__fieldset--nothing-selected { border-color: transparent; border-width: var(--theme-border-default-stroke-width); } .miele-desc ._miele-select__fieldset--first-selected:not(._miele-select__fieldset--minimal):not(:focus-visible) { border: var(--cw-forms-generic-border-active); } .miele-desc ._miele-select__fieldset--first-selected:not(._miele-select__fieldset--minimal):not(:focus-visible)._miele-select__fieldset--disabled { border: var(--cw-forms-generic-border-disabled); } .miele-desc ._miele-select__fieldset--first-selected:not(._miele-select__fieldset--minimal):not(:focus-visible)._miele-select__fieldset--error { border: var(--cw-forms-generic-border-error); } .miele-desc ._miele-select__fieldset--no-label { top: 0px; } .miele-desc ._miele-select__fieldset legend { height: 0px; overflow: hidden; padding-right: var(--cw-forms-generic-spacing-base-horizontal); visibility: hidden; } .miele-desc ._miele-select__button--first-selected:focus-visible + ._miele-select__fieldset--first-selected { border-color: var(--theme-color-borders-states-focus); outline: 1px solid var(--theme-color-borders-states-focus); outline-offset: -2px; } .miele-desc ._miele-select__dropdown { background: var(--cw-forms-generic-color-background-contrast); border: var(--cw-forms-generic-border-default); border-radius: var(--cw-forms-generic-border-radius-default); box-shadow: var(--cw-forms-generic-shadow-default); box-sizing: border-box; overflow: hidden; padding: var(--cw-forms-generic-spacing-base-horizontal) 0; position: absolute; z-index: 9999; } .miele-desc ._miele-select__dropdown:focus-visible { outline: currentcolor; } .miele-desc ._miele-select__dropdown--inline { margin-top: var(--cw-forms-generic-spacing-base-vertical-small); } .miele-desc ._miele-select__dropdown-option { align-items: center; border-color: transparent; cursor: pointer; display: flex; min-height: var(--cw-forms-specific-size-dropdown-select); padding: var(--cw-forms-generic-spacing-base-vertical-small) var(--cw-forms-generic-spacing-base-horizontal) var(--cw-forms-generic-spacing-base-vertical-small) calc(var(--cw-forms-generic-spacing-base-horizontal) + var(--cw-forms-generic-spacing-base-horizontal)); position: relative; } .miele-desc ._miele-select__dropdown-option--active { background: var(--cw-forms-generic-color-background-selected); } .miele-desc ._miele-select__dropdown-option__unselected-icon { width: calc(var(--theme-spacing-generic-s) + var(--cw-forms-generic-spacing-base-horizontal)); } .miele-desc ._miele-select__dropdown-option_fnc0_1 { color: var(--cw-forms-generic-color-background-regular); padding-right: var(--cw-forms-generic-spacing-base-horizontal); } .miele-desc ._miele-select__dropdown-option__icon-custom { padding: 0px; } .miele-desc ._miele-select__dropdown--hiddenIcon ._miele-select__dropdown-option { padding-left: var(--cw-forms-generic-spacing-gap-medium); } .miele-desc ._miele-select__dropdown--hiddenIcon ._miele-select__dropdown-option--selected { background: var(--cw-forms-generic-color-background-dropdown-selected); } .miele-desc ._miele-select_fnc0_1 { color: var(--cw-forms-generic-color-text-inactive); font-size: var(--labels-height); margin-top: var(--cw-forms-generic-spacing-base-horizontal); } .miele-desc ._miele-select_fnc0_1._miele-select__helper--disabled { color: var(--cw-forms-generic-color-text-disabled); } .miele-desc ._miele-select_fnc0_1._miele-select__helper--error { color: var(--cw-forms-generic-color-text-error); } .miele-desc ._miele-select legend { display: initial; } .miele-desc ._miele-modal { outline: currentcolor; } .miele-desc ._miele-modal__content-wrapper { box-shadow: var(--cw-modal-generic-shadow-default); display: flex; flex-direction: column; overflow: hidden; } @media only screen and (max-width: 767px) { .miele-desc ._miele-modal__content-wrapper--obtrusive { height: 100dvh; max-height: 100dvh; } } .miele-desc ._miele-modal__dialog { background-color: transparent; flex-direction: column; margin: 0px; min-height: 100dvh; min-width: -webkit-fill-available; outline: currentcolor; overflow: clip; padding: 0px; width: 100svw; z-index: -1; } .miele-desc ._miele-modal__dialog[open] { display: flex; } @media only screen and (min-width: 768px) { .miele-desc ._miele-modal__dialog { min-width: unset; width: var(--cw-modal-size-default-desktop-max-width); } } @media (prefers-reduced-motion: no-preference) { .miele-desc ._miele-modal__dialog--animated::backdrop { animation: var(--theme-motion-time-short-1) var(--theme-motion-ease-in) _animateFadeIn_nu70h_1; } } .miele-desc ._miele-modal__dialog--non-obtrusive { bottom: 0px; min-height: fit-content; min-width: calc(100% - var(--cw-modal-spacing-header-horizontal-padding-left)); padding: unset; position: fixed; width: unset; z-index: 100; } @media only screen and (min-width: 768px) { .miele-desc ._miele-modal__dialog--non-obtrusive { max-width: var(--cw-modal-size-non-modal-desktop-max-width); min-width: auto; } } .miele-desc ._miele-modal__dialog--non-obtrusive::backdrop { background-color: transparent !important; } .miele-desc ._miele-modal__dialog--non-trapped::backdrop { display: none !important; } .miele-desc ._miele-modal__dialog--width-dynamic { max-width: var(--cw-modal-size-default-desktop-max-width); min-width: var(--cw-modal-size-default-desktop-min-width); width: fit-content; } .miele-desc ._miele-modal__dialog-header { --button-icon-size: var(--theme-size-generic-s); --button-width: calc(var(--cw-button-generic-spacing-horizontal-padding-small) + var(--button-icon-size)); --header-padding-right: calc(var(--cw-modal-spacing-header-horizontal-padding-right)*2 + var(--button-width)); background-color: var(--cw-modal-color-background-header); display: flex; flex-direction: column; height: auto; justify-content: flex-end; padding: var(--cw-modal-spacing-header-vertical-padding) var(--header-padding-right) var(--cw-modal-spacing-header-vertical-padding) var(--cw-modal-spacing-header-horizontal-padding-left); } .miele-desc ._miele-modal__dialog-content-wrapper { appearance: none; background-color: var(--cw-modal-color-background-content); outline: currentcolor; overflow-y: auto; --scrollbar-width: 3px; flex-grow: 1; } @media only screen and (min-width: 768px) { .miele-desc ._miele-modal__dialog-content-wrapper { min-height: unset !important; } } .miele-desc ._miele-modal__dialog-content-wrapper::-webkit-scrollbar { background-color: var(--theme-color-backgrounds-backdrop); width: calc(var(--scrollbar-width) + .5rem); } .miele-desc ._miele-modal__dialog-content-wrapper::-webkit-scrollbar-track { background-color: var(--theme-color-backgrounds-backdrop); border-radius: var(--theme-radius-generic-medium); padding: var(--scrollbar-width); } .miele-desc ._miele-modal__dialog-content-wrapper::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: var(--theme-color-backgrounds-surface-extra-raised); border: var(--scrollbar-width) solid transparent; border-radius: var(--theme-radius-generic-medium); box-sizing: border-box; } .miele-desc ._miele-modal__dialog-content-wrapper::-webkit-scrollbar-thumb:hover { background-color: var(--theme-color-backgrounds-surface-raised); } .miele-desc ._miele-modal__dialog-content { background-color: var(--cw-modal-color-background-content); padding-inline: var(--cw-modal-spacing-content-horizontal-padding); padding-bottom: var(--cw-modal-spacing-content-vertical-padding); padding-top: var(--cw-modal-spacing-content-vertical-padding); width: 100%; } .miele-desc ._miele-modal__dialog-content--no-padding { padding: 0px; } .miele-desc ._miele-modal__dialog-footer { background-color: var(--cw-modal-color-background-footer); } .miele-desc ._miele-modal__dialog-button-wrapper { align-items: center; display: flex; flex-wrap: wrap; gap: var(--theme-spacing-generic-s); justify-content: flex-end; padding: var(--cw-modal-spacing-header-vertical-padding) var(--cw-modal-spacing-footer-horizontal-padding); position: relative; } .miele-desc ._miele-modal__dialog-button--close { --button-interactable-offset: 6px; color: var(--theme-color-text-regular); position: absolute; right: var(--cw-modal-spacing-header-horizontal-padding-right); top: calc(var(--cw-modal-spacing-header-vertical-padding) - 1px); z-index: 1; } .miele-desc ._miele-modal__dialog-button--close-corner { right: var(--button-interactable-offset); top: var(--button-interactable-offset); } .miele-desc ._miele-modal__dialog-divider { background-color: var(--cw-modal-color-background-footer); } .miele-desc ._miele-modal__dialog-divider--spacer-bottom { padding-bottom: var(--cw-modal-spacing-content-vertical-padding); } .miele-desc ._miele-modal__dialog-divider--spacer-top { padding-top: var(--cw-modal-spacing-content-vertical-padding); } .miele-desc ._miele-modal__dialog::backdrop { background-color: transparent; } @media only screen and (min-width: 768px) { .miele-desc ._miele-modal__dialog::backdrop { background-color: var(--cw-modal-color-background-overlay); } } .miele-desc ._miele-modal__dialog--position-bottom-right { margin: auto var(--theme-spacing-generic-s) var(--theme-spacing-generic-s); } @media only screen and (min-width: 768px) { .miele-desc ._miele-modal__dialog--position-bottom-right { margin: auto var(--theme-spacing-generic-l) var(--theme-spacing-generic-l) auto; } } .miele-desc ._miele-modal__dialog--position-bottom-right ._miele-modal__dialog-content { padding-bottom: 0px; padding-top: 0px; } .miele-desc ._miele-modal__dialog--position-bottom-right ._miele-modal__content-wrapper { border-radius: var(--cw-modal-generic-border-radius-default); max-height: 75svh; } .miele-desc ._miele-modal__dialog--position-center { --desktop-vertical-margin: calc(var(--cw-modal-spacing-header-vertical-padding)*2); } @media only screen and (min-width: 768px) { .miele-desc ._miele-modal__dialog--position-center { height: fit-content; margin: auto; max-height: var(--cw-modal-size-default-desktop-max-height); min-height: var(--cw-modal-size-default-desktop-min-height); } .miele-desc ._miele-modal__dialog--position-center ._miele-modal__content-wrapper { border-radius: var(--theme-radius-generic-small); max-height: min(var(--cw-modal-size-default-desktop-max-height),calc(100svh - var(--desktop-vertical-margin))); min-height: var(--cw-modal-size-default-desktop-min-height); } } .miele-desc ._miele-modal__dialog--position-left ._miele-modal__content-wrapper, .miele-desc ._miele-modal__dialog--position-right ._miele-modal__content-wrapper { height: 100dvh; } @media (prefers-reduced-motion: no-preference) { .miele-desc ._miele-modal__dialog--position-left::backdrop, .miele-desc ._miele-modal__dialog--position-right::backdrop { animation-duration: var(--theme-motion-time-short-2); } } .miele-desc ._miele-modal__dialog--position-left { margin: 0px auto 0px 0px; } .miele-desc ._miele-modal__dialog--position-right { margin: 0px 0px 0px auto; } .miele-desc ._miele-tooltip { display: unset; position: relative; --tooltip-offset: calc(var(--cw-tooltip-size-pointer) + var(--cw-tooltip-spacing-offset)); } .miele-desc ._miele-tooltip_lu18_1 { display: inherit; } .miele-desc ._miele-tooltip--hidden { opacity: 0; pointer-events: none; } .miele-desc ._miele-tooltip_lu18_1 { flex-shrink: 0; margin-left: var(--theme-spacing-generic-xs); } .miele-desc ._miele-tooltip_lu18_1 { display: flex; width: max-content; } .miele-desc ._miele-tooltip_lu18_1 { background: var(--cw-tooltip-color-background); border: var(--cw-tooltip-generic-border-default); border-radius: var(--cw-tooltip-generic-border-radius-default); box-shadow: var(--theme-shadow-generic-large); display: flex; max-width: var(--cw-tooltip-size-mobile-max-width); min-width: var(--cw-tooltip-size-mobile-min-width); padding: var(--cw-tooltip-spacing-vertical-padding) var(--cw-tooltip-spacing-horizontal-padding); position: absolute; z-index: 9999; } @media only screen and (min-width: 768px) { .miele-desc ._miele-tooltip_lu18_1 { max-width: var(--cw-tooltip-size-desktop-max-width); min-width: var(--cw-tooltip-size-desktop-min-width); } } .miele-desc ._miele-tooltip_lu18_1::before { background: none; border: medium; } .miele-desc ._miele-tooltip_lu18_1::after, .miele-desc ._miele-tooltip_lu18_1::before { content: ""; height: var(--tooltip-offset); position: absolute; } .miele-desc ._miele-tooltip_lu18_1::after { background: var(--cw-tooltip-color-background); border: var(--cw-tooltip-generic-border-default); box-shadow: var(--cw-tooltip-generic-border-default); transform: rotate(45deg); width: var(--tooltip-offset); } .miele-desc ._miele-tooltip--top-center::before, .miele-desc ._miele-tooltip--top-left::before, .miele-desc ._miele-tooltip--top-right::before { bottom: calc(var(--tooltip-offset)*-1); left: 0px; right: 0px; } .miele-desc ._miele-tooltip--top-center::after, .miele-desc ._miele-tooltip--top-left::after, .miele-desc ._miele-tooltip--top-right::after { border-left-color: transparent; border-top-color: transparent; bottom: 0px; translate: 0px 50%; } .miele-desc ._miele-tooltip--top-left { left: 0px; top: 0px; translate: 0 calc(-100% - var(--tooltip-offset)); } .miele-desc ._miele-tooltip--top-left::after { left: var(--cw-tooltip-size-pointer); } .miele-desc ._miele-tooltip--top-center { left: 50%; top: 0px; translate: -50% calc(-100% - var(--tooltip-offset)); } .miele-desc ._miele-tooltip--top-center::after { left: 50%; translate: -50% 50%; } .miele-desc ._miele-tooltip--top-right { right: 0px; top: 0px; translate: 0 calc(-100% - var(--tooltip-offset)); } .miele-desc ._miele-tooltip--top-right::after { right: var(--cw-tooltip-size-pointer); } .miele-desc ._miele-tooltip--left::before, .miele-desc ._miele-tooltip--right::before { bottom: 0px; height: unset; top: 0px; width: var(--tooltip-offset); } .miele-desc ._miele-tooltip--left { right: 100%; top: 50%; translate: calc(var(--tooltip-offset)*-1) -50%; } .miele-desc ._miele-tooltip--left::before { right: calc(var(--tooltip-offset)*-1); } .miele-desc ._miele-tooltip--left::after { border-bottom-color: transparent; border-left-color: transparent; right: 0px; top: 50%; translate: 50% -50%; } .miele-desc ._miele-tooltip--right { left: 100%; top: 50%; translate: var(--tooltip-offset) -50%; } .miele-desc ._miele-tooltip--right::before { left: calc(var(--tooltip-offset)*-1); } .miele-desc ._miele-tooltip--right::after { border-right-color: transparent; border-top-color: transparent; left: 0px; top: 50%; translate: -50% -50%; } .miele-desc ._miele-tooltip--bottom-center::before, .miele-desc ._miele-tooltip--bottom-left::before, .miele-desc ._miele-tooltip--bottom-right::before { left: 0px; right: 0px; top: calc(var(--tooltip-offset)*-1); } .miele-desc ._miele-tooltip--bottom-center::after, .miele-desc ._miele-tooltip--bottom-left::after, .miele-desc ._miele-tooltip--bottom-right::after { border-bottom-color: transparent; border-right-color: transparent; top: 0px; translate: 0px -50%; } .miele-desc ._miele-tooltip--bottom-left { bottom: 0px; left: 0px; translate: 0 calc(100% + var(--tooltip-offset)); } .miele-desc ._miele-tooltip--bottom-left::after { left: var(--cw-tooltip-size-pointer); } .miele-desc ._miele-tooltip--bottom-center { bottom: 0px; left: 50%; translate: -50% calc(100% + var(--tooltip-offset)); } .miele-desc ._miele-tooltip--bottom-center::after { left: 50%; translate: -50% -50%; } .miele-desc ._miele-tooltip--bottom-right { bottom: 0px; right: 0px; translate: 0 calc(100% + var(--tooltip-offset)); } .miele-desc ._miele-tooltip--bottom-right::after { right: var(--cw-tooltip-size-pointer); } .miele-desc ._miele-skeleton { background-color: var(--cw-skeleton-color-pulse-background-inactive); border: var(--cw-skeleton-border-default-default); border-radius: var(--cw-skeleton-generic-border-radius-default); overflow: hidden; position: relative; } .miele-desc ._miele-skeleton__animation--none { background-color: var(--cw-skeleton-color-pulse-background-active); } .miele-desc ._miele-skeleton__animation--pulse { position: relative; } .miele-desc ._miele-skeleton__animation--pulse::before { animation: _pulse-opacity_ri5sa_1 var(--theme-motion-time-long-3) var(--theme-motion-ease-out) infinite; background-color: var(--cw-skeleton-color-pulse-background-active); border-radius: inherit; content: ""; inset: 0px; pointer-events: none; position: absolute; will-change: opacity; } .miele-desc ._miele-skeleton__animation--sheen { overflow: hidden; position: relative; } .miele-desc ._miele-skeleton__animation--sheen::before { animation: _sheen-slide_ri5sa_1 var(--theme-motion-time-long-3) var(--theme-motion-ease-out) infinite; background-image: linear-gradient(90deg,var(--cw-skeleton-color-pulse-background-inactive) 0,var(--cw-skeleton-color-pulse-background-active) 30%,var(--cw-skeleton-color-pulse-background-active) 50%,var(--cw-skeleton-color-pulse-background-inactive) 80%,var(--cw-skeleton-color-pulse-background-inactive) 100%); background-repeat: no-repeat; background-size: 200% 200%; border-radius: inherit; content: ""; height: 100%; left: -200%; pointer-events: none; position: absolute; top: 0px; transform: translate(0px); width: 300%; will-change: transform; } @media (prefers-reduced-motion: reduce) { .miele-desc ._miele-skeleton__animation--pulse::before, .miele-desc ._miele-skeleton__animation--sheen::before { animation: auto !important; opacity: 1 !important; transform: none !important; } } .miele-desc ._miele-energy-label { align-items: center; display: flex; gap: var(--cw-energy-label-spacing-energy-padding-gap-large); } .miele-desc ._miele-energy-label__custom-icon-wrapper { display: flex; } .miele-desc ._miele-energy-label__custom-icon { cursor: pointer; height: var(--cw-energy-label-size-height-large); max-height: var(--cw-energy-label-size-height-large); overflow: visible; width: auto; } .miele-desc ._miele-energy-label--small { gap: var(--cw-energy-label-spacing-energy-padding-gap-small); } .miele-desc ._miele-energy-label--small ._miele-energy-label__custom-icon { height: var(--cw-energy-label-size-height-small); max-height: var(--cw-energy-label-size-height-small); } .miele-desc ._miele-energy-label_lbwj_1 { display: flex; } .miele-desc ._miele-carousel-navigation-arrows__button { transition: margin var(--theme-motion-time-short-2) var(--theme-motion-ease-out); } .miele-desc ._miele-carousel-navigation-arrows__button--right-padding { margin-right: var(--theme-spacing-generic-m); } @media only screen and (min-width: 375px) { .miele-desc ._miele-carousel-navigation-arrows__button--right-padding { margin-right: var(--theme-spacing-generic-l); } } @media only screen and (min-width: 768px) { .miele-desc ._miele-carousel-navigation-arrows__button--right-padding { margin-right: var(--theme-spacing-generic-xl); } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-carousel-navigation-arrows__button--right-padding { margin-right: var(--theme-spacing-generic-2xl); } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-carousel-navigation-arrows__button--right-padding { margin-right: var(--theme-spacing-generic-3xl); } } @media only screen and (min-width: 1920px) { .miele-desc ._miele-carousel-navigation-arrows__button--right-padding { margin-right: 0px; } } .miele-desc ._miele-carousel-navigation-arrows__button--left-padding { margin-left: var(--theme-spacing-generic-m); } @media only screen and (min-width: 375px) { .miele-desc ._miele-carousel-navigation-arrows__button--left-padding { margin-left: var(--theme-spacing-generic-l); } } @media only screen and (min-width: 768px) { .miele-desc ._miele-carousel-navigation-arrows__button--left-padding { margin-left: var(--theme-spacing-generic-xl); } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-carousel-navigation-arrows__button--left-padding { margin-left: var(--theme-spacing-generic-2xl); } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-carousel-navigation-arrows__button--left-padding { margin-left: var(--theme-spacing-generic-3xl); } } @media only screen and (min-width: 1920px) { .miele-desc ._miele-carousel-navigation-arrows__button--left-padding { margin-left: 0px; } } .miele-desc ._miele-carousel-navigation-arrows__button--next, .miele-desc ._miele-carousel-navigation-arrows__button--prev { display: none; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; } @media only screen and (min-width: 768px) { .miele-desc ._miele-carousel-navigation-arrows__button--next, .miele-desc ._miele-carousel-navigation-arrows__button--prev { display: flex; } } .miele-desc ._miele-carousel-navigation-arrows__button--prev { left: calc(var(--cw-button-size-control-button-size-large)*-.5); } .miele-desc ._miele-carousel-navigation-arrows__button--next { right: calc(var(--cw-button-size-control-button-size-large)*-.5); } .miele-desc ._miele-carousel-navigation-arrows__left-padding { padding-left: var(--theme-spacing-generic-m); } @media only screen and (min-width: 375px) { .miele-desc ._miele-carousel-navigation-arrows__left-padding { padding-left: var(--theme-spacing-generic-l); } } @media only screen and (min-width: 768px) { .miele-desc ._miele-carousel-navigation-arrows__left-padding { padding-left: var(--theme-spacing-generic-xl); } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-carousel-navigation-arrows__left-padding { padding-left: var(--theme-spacing-generic-2xl); } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-carousel-navigation-arrows__left-padding { padding-left: var(--theme-spacing-generic-3xl); } } @media only screen and (min-width: 1920px) { .miele-desc ._miele-carousel-navigation-arrows__left-padding { padding-left: 0px; } } .miele-desc ._miele-carousel-navigation-arrows__right-padding { padding-right: var(--theme-spacing-generic-m); } @media only screen and (min-width: 375px) { .miele-desc ._miele-carousel-navigation-arrows__right-padding { padding-right: var(--theme-spacing-generic-l); } } @media only screen and (min-width: 768px) { .miele-desc ._miele-carousel-navigation-arrows__right-padding { padding-right: var(--theme-spacing-generic-xl); } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-carousel-navigation-arrows__right-padding { padding-right: var(--theme-spacing-generic-2xl); } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-carousel-navigation-arrows__right-padding { padding-right: var(--theme-spacing-generic-3xl); } } @media only screen and (min-width: 1920px) { .miele-desc ._miele-carousel-navigation-arrows__right-padding { padding-right: 0px; } } .miele-desc ._miele-carousel-slide-controls { display: flex; gap: var(--theme-spacing-generic-xs); margin-left: auto; } .miele-desc ._miele-carousel-control-bar { box-sizing: content-box; flex: 0 1 0%; height: var(--cw-carousel-size-status-controls-height); overflow-x: clip; padding: var(--cw-carousel-control-spacing-gap) 0; transition: box-shadow var(--theme-motion-time-short-2) var(--theme-motion-ease-out),border-top var(--theme-motion-time-short-2) var(--theme-motion-ease-out),backdrop-filter var(--theme-motion-time-short-2) var(--theme-motion-ease-out),-webkit-backdrop-filter var(--theme-motion-time-short-2) var(--theme-motion-ease-out); } .miele-desc ._miele-carousel-control-bar--background-backdrop { background-color: var(--theme-color-backgrounds-backdrop); } .miele-desc ._miele-carousel-control-bar--background-surface { background-color: var(--theme-color-backgrounds-surface); } .miele-desc ._miele-carousel-control-bar--background-surface-raised { background-color: var(--theme-color-backgrounds-surface-raised); } .miele-desc ._miele-carousel-control-bar--background-surface-extra-raised { background-color: var(--theme-color-backgrounds-surface-extra-raised); } .miele-desc ._miele-carousel-control-bar { clip-path: inset(calc(var(--theme-size-generic-m)*-1) 0 0 0); } .miele-desc ._miele-carousel-control-bar--sticky { -webkit-backdrop-filter: blur(var(--theme-blur-default)); backdrop-filter: blur(var(--theme-blur-default)); border-top: var(--theme-border-generic-weak); bottom: 0px; box-shadow: var(--theme-shadow-generic-large); left: 0px; position: sticky; right: 0px; z-index: 11; } @media only screen and (min-width: 1728px) { .miele-desc ._miele-carousel-control-bar--full-width { margin-left: calc(50% - 50dvw); width: 100dvw; } } .miele-desc ._miele-carousel-control-bar_fh7w_2 { align-items: center; box-sizing: content-box; display: flex; flex-direction: row; gap: var(--cw-carousel-control-spacing-gap); max-width: var(--theme-grid-screensize-xl); } @media only screen and (min-width: 1920px) { .miele-desc ._miele-carousel-control-bar_fh7w_2 { margin: 0px auto; padding-left: 0px; padding-right: 0px; } } .miele-desc ._miele-carousel-control-bar__inner--right-padding { padding-right: var(--theme-spacing-generic-m); } @media only screen and (min-width: 375px) { .miele-desc ._miele-carousel-control-bar__inner--right-padding { padding-right: var(--theme-spacing-generic-l); } } @media only screen and (min-width: 768px) { .miele-desc ._miele-carousel-control-bar__inner--right-padding { padding-right: var(--theme-spacing-generic-xl); } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-carousel-control-bar__inner--right-padding { padding-right: var(--theme-spacing-generic-2xl); } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-carousel-control-bar__inner--right-padding { padding-right: var(--theme-spacing-generic-3xl); } } @media only screen and (min-width: 1920px) { .miele-desc ._miele-carousel-control-bar__inner--right-padding { padding-right: 0px; } } .miele-desc ._miele-carousel-control-bar__inner--left-padding { padding-left: var(--theme-spacing-generic-m); } @media only screen and (min-width: 375px) { .miele-desc ._miele-carousel-control-bar__inner--left-padding { padding-left: var(--theme-spacing-generic-l); } } @media only screen and (min-width: 768px) { .miele-desc ._miele-carousel-control-bar__inner--left-padding { padding-left: var(--theme-spacing-generic-xl); } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-carousel-control-bar__inner--left-padding { padding-left: var(--theme-spacing-generic-2xl); } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-carousel-control-bar__inner--left-padding { padding-left: var(--theme-spacing-generic-3xl); } } @media only screen and (min-width: 1920px) { .miele-desc ._miele-carousel-control-bar__inner--left-padding { padding-left: 0px; } } .miele-desc ._miele-carousel-control-bar__inner--no-top-padding { margin-top: 0px; padding-top: 0px; } .miele-desc ._miele-carousel-control-bar__inner--no-bottom-padding { margin-bottom: 0px; padding-bottom: 0px; } .miele-desc ._miele-carousel-control-bar__progress-indicator { border-top-width: ; border-top-style: ; border-top-color: var(--theme-color-borders-weakest); flex: 1 1 0%; overflow-x: clip; position: relative; } .miele-desc ._miele-carousel-control-bar__progress-bar { border-top: var(--cw-carousel-generic-border-active); height: 100%; position: absolute; top: calc(var(--theme-border-default-stroke-width)*-1); transition: all var(--theme-motion-time-short-3) var(--theme-motion-ease-out); } .miele-desc ._miele-carousel-control-bar_fh7w_2 { color: var(--cw-carousel-numbers-color-active); overflow: visible; padding: 0px; text-align: right; white-space: nowrap; width: var(--cw-carousel-size-number-box-width); } .miele-desc ._miele-carousel-control-bar__counter-total { color: var(--cw-carousel-numbers-color-inactive); } .miele-desc .hls-divider { border-color: var(--dcf-color-platinum); } .miele-desc .hls-section--dark .hls-divider { border-color: var(--dcf-color-battle-ship-gray); } .miele-desc ._cw-accordion-tokens { --cw-accordion-color-text-icon: var(--theme-color-text-links-default-regular); --cw-accordion-color-text-icon-hover: var(--theme-color-text-links-default-hover); --cw-accordion-generic-spacing-content-bottom: var(--theme-spacing-generic-l); --cw-accordion-generic-spacing-horizontal-gap: var(--theme-spacing-generic-xs); --cw-accordion-generic-spacing-vertical-padding: var(--theme-spacing-generic-l); --cw-accordion-generic-typography-desktop: ".body-large-bold"; --cw-accordion-generic-typography-mobile: ".body-medium-bold"; } .miele-desc ._miele-accordion { width: 100%; } .miele-desc ._miele-accordion_ubrk_1 { display: grid; grid-template-rows: 1fr; width: 100%; } .miele-desc ._miele-accordion_ubrk_1._miele-accordion__content--collapsing { animation-direction: reverse; animation-timing-function: var(--theme-motion-ease-in); } .miele-desc ._miele-accordion[open] ._miele-accordion__content--animation { animation-duration: var(--theme-motion-time-short-3); animation-name: _grid-expand_1ubrk_1; animation-timing-function: var(--theme-motion-ease-out); } .miele-desc ._miele-accordion__content-wrapper { min-height: 0px; padding-top: 0px; } .miele-desc ._miele-accordion__content-spacer { padding-bottom: var(--cw-accordion-generic-spacing-content-bottom); } .miele-desc ._miele-accordion_ubrk_1 { cursor: pointer; list-style: none; padding: var(--cw-accordion-generic-spacing-vertical-padding) 0; width: 100%; } .miele-desc ._miele-accordion__summary--no-padding { padding: 0px; } .miele-desc ._miele-accordion_ubrk_1:focus-visible { outline: currentcolor; } .miele-desc ._miele-accordion_ubrk_1:focus-visible ._miele-accordion__label-and-icon { border-radius: var(--cw-forms-generic-border-radius-default); outline: var(--cw-forms-generic-border-focus); outline-offset: var(--cw-focus-spacing-offset-l); } .miele-desc ._miele-accordion_ubrk_1::marker { content: none; } .miele-desc ._miele-accordion_ubrk_1::-webkit-details-marker { display: none; } .miele-desc ._miele-accordion__label-and-icon { align-items: center; color: var(--cw-accordion-color-text-icon); display: flex; gap: var(--cw-accordion-generic-spacing-horizontal-gap); justify-content: space-between; outline: currentcolor; text-align: left; width: 100%; } .miele-desc ._miele-accordion__label-and-icon:focus, .miele-desc ._miele-accordion__label-and-icon:hover { color: var(--cw-accordion-color-text-icon-hover); } .miele-desc ._miele-accordion_ubrk_1 { pointer-events: none; } .miele-desc ._miele-radio-button { align-items: center; border-radius: var(--cw-forms-generic-border-radius-default); box-sizing: border-box; cursor: pointer; display: inline-flex; gap: var(--cw-forms-generic-spacing-gap-large); justify-content: center; min-height: var(--cw-forms-specific-size-checkbox-taptarget); outline: currentcolor; padding: var(--cw-forms-generic-spacing-focus-vertical) var(--cw-forms-generic-spacing-focus-horizontal); position: relative; } .miele-desc ._miele-radio-button :is(input) { appearance: none; border: var(--cw-forms-generic-border-default); border-radius: var(--cw-button-generic-border-radius-full); cursor: pointer; display: inline-flex; flex-shrink: 0; height: var(--cw-forms-specific-size-radiobutton-height); position: relative; width: var(--cw-forms-specific-size-radiobutton-width); } .miele-desc ._miele-radio-button :is(input):hover { border: var(--cw-forms-generic-border-hover); } .miele-desc ._miele-radio-button :is(input):focus { border: var(--cw-forms-generic-border-focus); outline: currentcolor; } .miele-desc ._miele-radio-button :is(input):focus:checked { outline: var(--cw-forms-generic-border-focus); } .miele-desc ._miele-radio-button :is(input):checked { background: var(--cw-forms-generic-color-background-contrast); border: var(--cw-forms-radio-border-default); position: relative; } .miele-desc ._miele-radio-button :is(input):disabled { background: var(--cw-forms-generic-color-background-contrast); border-color: var(--cw-forms-generic-color-background-disabled); cursor: auto; } .miele-desc ._miele-radio-button :is(input):disabled:checked { background: var(--cw-forms-generic-color-background-contrast); border: var(--cw-forms-radio-border-default); } .miele-desc ._miele-radio-button__disabled { color: var(--cw-forms-generic-color-text-disabled); cursor: auto; } .miele-desc ._miele-radio-button__error :is(input) { border: var(--cw-forms-generic-border-error); } .miele-desc ._miele-radio-button__error :is(input):checked { background: var(--cw-forms-generic-color-background-error); border-color: var(--cw-forms-generic-color-background-contrast); outline: var(--cw-forms-generic-border-error); } .miele-desc ._miele-radio-button__error :is(input):disabled { border-color: var(--cw-forms-generic-color-background-contrast); outline: var(--cw-forms-generic-border-error); } .miele-desc ._miele-radio-button__error :is(input):disabled:checked { background: var(--cw-forms-generic-color-background-error); border-color: var(--cw-forms-generic-color-background-contrast); outline: var(--cw-forms-generic-border-error); } .miele-desc ._miele-selection-card { align-items: flex-start; display: flex; flex-wrap: wrap; gap: var(--cw-grid-row-gap-small-xs); } @media only screen and (min-width: 375px) { .miele-desc ._miele-selection-card { gap: var(--cw-grid-row-gap-small-s); } } @media only screen and (min-width: 768px) { .miele-desc ._miele-selection-card { gap: var(--cw-grid-row-gap-small-m); } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-selection-card { gap: var(--cw-grid-row-gap-small-ml); } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-selection-card { gap: var(--cw-grid-row-gap-small-l); } } @media only screen and (min-width: 1728px) { .miele-desc ._miele-selection-card { gap: var(--cw-grid-row-gap-small-xl); } } .miele-desc ._miele-selection-card_e1n2_1 { height: 100%; } .miele-desc ._miele-selection-card_e1n2_1 > div { border-radius: var(--cw-cards-selection-border-radius-default); height: 100%; padding: 0px; transition: background-color var(--theme-motion-time-short-2) var(--theme-motion-ease-in),border-color var(--theme-motion-time-short-2) var(--theme-motion-ease-in); width: 100%; } .miele-desc ._miele-selection-card_e1n2_1 > div:has(:focus-visible) { border-radius: var(--cw-cards-selection-border-radius-default); margin: 0px; outline-offset: var(--cw-focus-spacing-offset-xs); padding: 0px; } .miele-desc ._miele-selection-card_e1n2_1 > label { align-items: flex-start; border-radius: var(--cw-cards-selection-border-radius-default); height: 100%; justify-content: flex-start; padding: var(--cw-cards-selection-spacing-padding-vertical) var(--cw-cards-selection-spacing-padding-horizontal); transition: background-color var(--theme-motion-time-short-2) var(--theme-motion-ease-in),border-color var(--theme-motion-time-short-2) var(--theme-motion-ease-in); width: 100%; } .miele-desc ._miele-selection-card_e1n2_1 > label span > div:first-of-type { align-self: flex-start; } .miele-desc ._miele-selection-card_e1n2_1 > label:has(:focus-visible) { border-radius: var(--cw-cards-selection-border-radius-default); margin: 0px; outline-offset: var(--cw-focus-spacing-offset-xs); padding: var(--cw-cards-selection-spacing-padding-vertical) var(--cw-cards-selection-spacing-padding-horizontal); width: 100%; } .miele-desc ._miele-selection-card_e1n2_1 a:focus-visible { outline: currentcolor !important; } .miele-desc ._miele-selection-card_e1n2_1 > div > label { align-items: flex-start; height: 100%; justify-content: flex-start; padding: var(--cw-cards-selection-spacing-padding-vertical) var(--cw-cards-selection-spacing-padding-horizontal); width: 100%; } .miele-desc ._miele-selection-card_e1n2_1 > div > label input[type="radio"] { align-self: flex-start; margin-bottom: calc((var(--cw-cards-selection-size-select-wrapper) - var(--cw-forms-specific-size-radiobutton-height))/2); margin-top: calc((var(--cw-cards-selection-size-select-wrapper) - var(--cw-forms-specific-size-radiobutton-height))/2); } .miele-desc ._miele-selection-card_e1n2_1 > div > label div:has(input[type="checkbox"]) > label { padding: var(--cw-cards-selection-spacing-padding-vertical) var(--cw-cards-selection-spacing-padding-horizontal); } .miele-desc ._miele-selection-card--background > div, .miele-desc ._miele-selection-card--background > label { background: var(--cw-cards-selection-color-background-unselected); } .miele-desc ._miele-selection-card--background > div:hover, .miele-desc ._miele-selection-card--background > label:hover { background: var(--cw-cards-selection-color-background-hover); transition-timing-function: var(--theme-motion-ease-out); } .miele-desc ._miele-selection-card--background > div:has(input:checked), .miele-desc ._miele-selection-card--background > label:has(input:checked) { background: var(--cw-cards-selection-color-background-selected); } .miele-desc ._miele-selection-card--background > div:has(input:disabled), .miele-desc ._miele-selection-card--background > label:has(input:disabled) { background: var(--cw-cards-selection-color-background-disabled); } .miele-desc ._miele-selection-card--background._miele-selection-card--error > div, .miele-desc ._miele-selection-card--background._miele-selection-card--error > label { background: var( --cw-cards-selection-color-background-error ) !important; } .miele-desc ._miele-selection-card--border > div, .miele-desc ._miele-selection-card--border > label { background: var(--cw-cards-basic-boxed-color-background-white); border: var(--cw-cards-selection-color-border-unselected); } .miele-desc ._miele-selection-card--border > div:hover, .miele-desc ._miele-selection-card--border > label:hover { border: var(--cw-cards-selection-color-border-hover); transition-timing-function: var(--theme-motion-ease-out); } .miele-desc ._miele-selection-card--border > div:has(input:checked), .miele-desc ._miele-selection-card--border > label:has(input:checked) { border: var(--cw-cards-selection-color-border-selected); } .miele-desc ._miele-selection-card--border > div:has(input:disabled), .miele-desc ._miele-selection-card--border > label:has(input:disabled) { border: var(--cw-cards-selection-color-border-disabled); } .miele-desc ._miele-selection-card--border._miele-selection-card--error > div, .miele-desc ._miele-selection-card--border._miele-selection-card--error > label { border: var(--cw-cards-selection-color-border-error) !important; } .miele-desc ._miele-selection-card--right > div > label { flex-direction: row-reverse; justify-content: space-between; } .miele-desc ._miele-selection-card--right span:has(input[type="checkbox"]) { flex-direction: row-reverse; } .miele-desc ._miele-selection-card--right span:has(input[type="checkbox"]) > div:nth-child(2) { margin-left: 0px; margin-right: var(--cw-forms-generic-spacing-gap-large); } .miele-desc ._miele-color-selector-item { --color-selector-offset-small: calc((var(--cw-color-selector-size-small-outer) - var(--cw-color-selector-size-small-inner))/2); --color-selector-offset-large: calc((var(--cw-color-selector-size-large-outer) - var(--cw-color-selector-size-large-inner))/2); border-radius: var(--cw-color-selector-generic-border-radius-default); cursor: pointer; display: block; flex-shrink: 0; outline-offset: calc(var(--theme-border-default-stroke-width)*-1); position: relative; } .miele-desc ._miele-color-selector-item--small { height: var(--cw-color-selector-size-small-outer); width: var(--cw-color-selector-size-small-outer); } .miele-desc ._miele-color-selector-item--large { height: var(--cw-color-selector-size-large-outer); width: var(--cw-color-selector-size-large-outer); } .miele-desc ._miele-color-selector-item:hover:not(._miele-color-selector-item--selected) { outline: var(--cw-color-selector-border-hover); } .miele-desc ._miele-color-selector-item--selected { outline: var(--cw-color-selector-border-select); } .miele-desc ._miele-color-selector-item:focus-visible, .miele-desc ._miele-color-selector-item:focus-within, .miele-desc ._miele-color-selector-item:has(:focus-visible) { outline: var(--cw-color-selector-border-focus); outline-offset: var(--cw-focus-spacing-offset-s); } .miele-desc ._miele-color-selector-item--selected:focus-visible ._miele-color-selector-item__image { outline: var(--cw-color-selector-border-select); } .miele-desc ._miele-color-selector-item--selected:focus-visible ._miele-color-selector-item__image--large { outline-offset: calc(var(--color-selector-offset-large) - var(--theme-border-default-stroke-width)*2); } .miele-desc ._miele-color-selector-item--selected:focus-visible ._miele-color-selector-item__image--small { outline-offset: calc(var(--color-selector-offset-small) - var(--theme-border-default-stroke-width)*2); } .miele-desc ._miele-color-selector-item__image { border: var(--cw-color-selector-border-default); border-radius: var(--cw-color-selector-generic-border-radius-default); position: absolute; } .miele-desc ._miele-color-selector-item__image--small { height: var(--cw-color-selector-size-small-inner); inset: var(--color-selector-offset-small); width: var(--cw-color-selector-size-small-inner); } .miele-desc ._miele-color-selector-item__image--large { height: var(--cw-color-selector-size-large-inner); inset: var(--color-selector-offset-large); width: var(--cw-color-selector-size-large-inner); } .miele-desc ._miele-color-selector-item label { cursor: pointer; display: block; height: 100%; inset: 0px; position: absolute; width: 100%; } .miele-desc ._miele-color-selector-item [type="radio"] { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .miele-desc ._miele-color-selector { align-items: center; display: inline-flex; flex-direction: row; margin: calc(var(--theme-spacing-generic-s)*-1); overflow-x: scroll; padding: var(--theme-spacing-generic-s); scrollbar-width: none; } .miele-desc ._miele-color-selector--boxed { background: var(--cw-color-selector-color-background); border: var(--cw-color-selector-border-default); border-radius: var(--cw-color-selector-generic-border-radius-default); box-shadow: var(--cw-color-selector-generic-shadow-default); } .miele-desc ._miele-color-selector--small { gap: var(--cw-color-selector-padding-small-horizontal-gap); min-width: calc(var(--cw-color-selector-size-small-outer) + var(--cw-color-selector-padding-small-horizontal-gap)); } .miele-desc ._miele-color-selector--large { gap: var(--cw-color-selector-padding-large-horizontal-gap); min-width: calc(var(--cw-color-selector-size-large-outer) + var(--cw-color-selector-padding-large-horizontal-gap)); } .miele-desc ._miele-color-selector--small-boxed { padding: var(--cw-color-selector-padding-small-horizontal-padding) var(--cw-color-selector-padding-small-vertical-padding); } .miele-desc ._miele-color-selector--large-boxed { padding: var(--cw-color-selector-padding-small-horizontal-padding) var(--cw-color-selector-padding-large-vertical-padding); } .miele-desc ._miele-price { align-items: flex-start; display: flex; flex-direction: column; } .miele-desc ._miele-price__price-wrapper { align-content: flex-start; align-items: center; align-self: stretch; display: flex; flex-wrap: wrap; gap: var(--cw-price-spacing-small-row-gap,0) var(--cw-price-spacing-small-gap,8px); } .miele-desc ._miele-price__price-wrapper--vertical { align-items: flex-start; flex-direction: column; } .miele-desc ._miele-price__strikethrough-wrapper { cursor: pointer; } .miele-desc ._miele-price__icon-wrapper, .miele-desc ._miele-price__strikethrough-wrapper { align-items: center; display: flex; gap: var(--cw-cards-product-spacing-price-padding-footnote-gap,4px); } .miele-desc ._miele-price__footnotes-wrapper { align-content: flex-start; align-items: flex-start; display: flex; flex-wrap: wrap; gap: var(--cw-price-spacing-small-gap,8px); } .miele-desc ._miele-price__number-wrapper { align-items: center; display: flex; gap: var(--cw-cards-product-spacing-price-padding-footnote-gap,4px); } .miele-desc ._miele-price__note { align-self: stretch; } .miele-desc ._miele-price__lowest-price-wrapper, .miele-desc ._miele-price__note, .miele-desc ._miele-price__unit-wrapper { align-items: flex-start; display: flex; } .miele-desc ._miele-price__lowest-price-wrapper { align-self: stretch; } .miele-desc ._miele-quantity-selector { display: inline-block; } .miele-desc ._miele-quantity-selector_qnig_1 { align-items: center; border: var(--cw-forms-generic-border-default); border-radius: var(--cw-forms-generic-border-radius-full); display: flex; height: var(--cw-forms-specific-size-input-default-height); padding: 0 calc((var(--cw-button-size-control-button-target-size) - var(--cw-button-size-control-button-size))/2 - var(--theme-border-default-stroke-width)); text-align: center; } .miele-desc ._miele-quantity-selector_qnig_1 { color: var(--cw-forms-generic-color-text-inactive); display: contents; } .miele-desc ._miele-quantity-selector_qnig_1 input { align-self: stretch; background: none; border-radius: var(--cw-forms-generic-border-radius-default); height: 100%; margin: 0 calc((var(--cw-button-size-control-button-target-size) - var(--cw-button-size-control-button-size))/2); min-width: 2ch; text-align: center; } .miele-desc ._miele-quantity-selector input::-webkit-inner-spin-button, .miele-desc ._miele-quantity-selector input::-webkit-outer-spin-button { appearance: none; margin: 0px; } .miele-desc ._miele-quantity-selector input[type="number"] { } .miele-desc ._miele-quantity-selector_qnig_1 { flex-shrink: 0; } .miele-desc ._miele-quantity-selector__helper-wrapper { display: flex; } .miele-desc ._miele-quantity-selector_qnig_1 { color: var(--cw-forms-generic-color-text-helper); flex-grow: 1; hyphens: auto; margin-top: var(--cw-forms-generic-spacing-base-vertical-xsmall); overflow-wrap: break-word; text-align: center; width: 0px; } .miele-desc ._miele-quantity-selector__wrapper--loading > :not(._miele-quantity-selector_qnig_1) { visibility: hidden; } .miele-desc ._miele-quantity-selector_qnig_1 { left: 50%; transform: translate(-50%); } .miele-desc ._miele-quantity-selector:active:not(._miele-quantity-selector--disabled):not(._miele-quantity-selector--error):not(._miele-quantity-selector--loading) ._miele-quantity-selector_qnig_1, .miele-desc ._miele-quantity-selector:hover:not(._miele-quantity-selector--disabled):not(._miele-quantity-selector--error):not(._miele-quantity-selector--loading) ._miele-quantity-selector_qnig_1, .miele-desc ._miele-quantity-selector__wrapper--loading { border: var(--cw-forms-generic-border-hover); } .miele-desc ._miele-quantity-selector:active:not(._miele-quantity-selector--disabled):not(._miele-quantity-selector--error):not(._miele-quantity-selector--loading) ._miele-quantity-selector_qnig_1:not(._miele-quantity-selector_qnig_1[disabled]), .miele-desc ._miele-quantity-selector:active:not(._miele-quantity-selector--disabled):not(._miele-quantity-selector--error):not(._miele-quantity-selector--loading) ._miele-quantity-selector_qnig_1, .miele-desc ._miele-quantity-selector:hover:not(._miele-quantity-selector--disabled):not(._miele-quantity-selector--error):not(._miele-quantity-selector--loading) ._miele-quantity-selector_qnig_1:not(._miele-quantity-selector_qnig_1[disabled]), .miele-desc ._miele-quantity-selector:hover:not(._miele-quantity-selector--disabled):not(._miele-quantity-selector--error):not(._miele-quantity-selector--loading) ._miele-quantity-selector_qnig_1 { color: var(--cw-forms-generic-color-text-regular); } .miele-desc ._miele-quantity-selector:focus-visible { outline: currentcolor; } .miele-desc ._miele-quantity-selector input:focus-visible:not(:hover) { outline: var(--cw-forms-generic-border-focus); outline-offset: calc(var(--button-size-increase-offset) - var(--theme-border-default-stroke-width)); } .miele-desc ._miele-quantity-selector input:hover { outline: currentcolor; } .miele-desc ._miele-quantity-selector--error ._miele-quantity-selector_qnig_1 { border: var(--cw-forms-generic-border-error); } .miele-desc ._miele-quantity-selector--error ._miele-quantity-selector_qnig_1 { color: var(--cw-forms-generic-color-text-error); } .miele-desc ._miele-quantity-selector--disabled ._miele-quantity-selector_qnig_1 { border: var(--cw-forms-generic-border-disabled); } .miele-desc ._miele-quantity-selector--disabled ._miele-quantity-selector_qnig_1, .miele-desc ._miele-quantity-selector--disabled ._miele-quantity-selector_qnig_1 { color: var(--cw-forms-generic-color-text-disabled); } .miele-desc ._miele-status { align-items: flex-start; display: inline-flex; gap: var(--cw-status-padding-horizontal-gap); padding: var(--cw-status-padding-vertical-padding) 0; } .miele-desc ._miele-status_vw6j_1 { padding-top: var(--cw-status-padding-top-padding-icon); } .miele-desc ._miele-thumbnail-card { border-radius: var(--cw-cards-thumbnail-border-radius-default); display: flex; flex-direction: column; gap: var(--cw-cards-thumbnail-spacing-gap); min-width: var(--cw-cards-thumbnail-size-card-min-width); padding: var(--cw-cards-thumbnail-spacing-padding-vertical) var(--cw-cards-thumbnail-spacing-padding-horizontal); width: 100%; } .miele-desc ._miele-thumbnail-card--background { background-color: var(--theme-color-backgrounds-surface); } .miele-desc ._miele-thumbnail-card--background-backdrop { background-color: var(--theme-color-backgrounds-backdrop); } .miele-desc ._miele-thumbnail-card--background-surface { background-color: var(--theme-color-backgrounds-surface); } .miele-desc ._miele-thumbnail-card--background-surface-raised { background-color: var(--theme-color-backgrounds-surface-raised); } .miele-desc ._miele-thumbnail-card--background-surface-extra-raised { background-color: var(--theme-color-backgrounds-surface-extra-raised); } .miele-desc ._miele-thumbnail-card--border { border: var(--theme-border-generic-default); } .miele-desc ._miele-thumbnail-card--backdrop { background-color: var(--theme-color-backgrounds-backdrop); border: medium; } .miele-desc ._miele-thumbnail-card__top-wrapper { align-self: stretch; display: flex; min-width: var(--theme-size-generic-max-width-s); } .miele-desc ._miele-thumbnail-card__image-wrapper { align-items: center; display: flex; justify-content: center; min-width: var(--cw-cards-thumbnail-size-image-min-width); padding: var(--cw-cards-thumbnail-spacing-padding-image-horizontal); } .miele-desc ._miele-thumbnail-card__image-wrapper img { padding: 0px; } .miele-desc ._miele-thumbnail-card__thumbnail { width: var(--cw-cards-thumbnail-size-image-max-width); } .miele-desc ._miele-thumbnail-card__content-wrapper { align-items: flex-start; align-self: stretch; display: flex; flex-wrap: wrap; gap: var(--cw-cards-thumbnail-spacing-content-wrapper-gap); } .miele-desc ._miele-thumbnail-card__content-wrapper--centered { justify-content: center; } .miele-desc ._miele-thumbnail-card__slot-wrapper { align-items: flex-start; display: flex; flex: 1 0 0px; flex-wrap: wrap; gap: var(--cw-cards-thumbnail-spacing-slot-wrapper-gap); justify-content: space-between; min-width: var(--cw-cards-thumbnail-size-slot-wrapper-min-width); } .miele-desc ._miele-thumbnail-card__description-slot { flex: 1 0 0px; min-width: var(--cw-cards-thumbnail-size-slot-2-min-width); } .miele-desc ._miele-thumbnail-card__cta-slot { display: flex; flex: 1 0 0px; flex-direction: column; justify-content: center; max-width: var(--cw-cards-thumbnail-size-slot-3-max-width); min-width: var(--cw-cards-thumbnail-size-slot-3-min-width); } .miele-desc ._miele-form-clear-button { align-items: center; background: none; border: medium; border-radius: var(--cw-button-generic-border-radius-full); color: inherit; display: flex; font-style: inherit; font-variant-caps: inherit; font-weight: inherit; font-width: inherit; font-size: inherit; font-family: inherit; font-size-adjust: inherit; font-kerning: inherit; font-variant-alternates: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-feature-settings: inherit; font-optical-sizing: inherit; font-variation-settings: inherit; line-height: normal; margin: 0px; overflow: visible; padding: 0px; width: auto; } .miele-desc ._miele-form-clear-button:focus-visible { outline: var(--cw-button-generic-border-focus); outline-offset: calc(var(--button-size-increase-offset) - var(--theme-border-default-stroke-width)); } .miele-desc ._miele-form-clear-button::before { content: ""; min-height: var(--cw-forms-generic-size-taptarget-minimal); min-width: var(--cw-forms-generic-size-taptarget-minimal); position: absolute; } .miele-desc ._miele-card { --cw-cards-basic-spacing-headline-padding-bottom: var(--theme-spacing-generic-s); --cw-cards-basic-spacing-badge-image-position-bottom: var(--cw-cards-basic-spacing-badge-image-position-top); --cw-cards-basic-spacing-badge-image-position-right: var(--cw-cards-basic-spacing-badge-image-position-left); border-radius: var(--theme-radius-generic-small); display: flex; flex-direction: column; max-width: 100%; position: relative; } .miele-desc ._miele-card--boxed { padding-top: var(--cw-cards-basic-boxed-spacing-vertical-padding); } .miele-desc ._miele-card--boxed, .miele-desc ._miele-card--media { padding-bottom: var(--cw-cards-basic-boxed-spacing-vertical-padding); } .miele-desc ._miele-card--backdrop { background-color: var(--theme-color-backgrounds-backdrop); } .miele-desc ._miele-card--surface { background-color: var(--theme-color-backgrounds-surface); } .miele-desc ._miele-card--surface-raised { background-color: var(--theme-color-backgrounds-surface-raised); } .miele-desc ._miele-card--surface-extra-raised { background-color: var(--theme-color-backgrounds-surface-extra-raised); } .miele-desc ._miele-card--media-spacing-small { gap: var(--cw-cards-basic-spacing-media-gap-small); } .miele-desc ._miele-card--media-spacing-large { gap: var(--cw-cards-basic-spacing-media-gap-large); } .miele-desc ._miele-card:has(:focus-visible) { outline-offset: var(--theme-size-generic-xs); } .miele-desc ._miele-card__media { display: flex; flex-direction: column; height: auto; position: relative; width: 100%; } .miele-desc ._miele-card__media--boxed { padding-left: var(--cw-cards-basic-boxed-spacing-horizontal-padding); padding-right: var(--cw-cards-basic-boxed-spacing-horizontal-padding); } .miele-desc ._miele-card a ._miele-card__image img { transform: scale(1) translateZ(0px); transition: transform var(--theme-motion-time-short-3) var(--theme-motion-ease-out); } .miele-desc ._miele-card a ._miele-card__image--contain img { transform: scale(0.98) translateZ(0px); } .miele-desc ._miele-card a:hover ._miele-card__image img { transform: scale(1.1) translateZ(0px); } .miele-desc ._miele-card a:hover ._miele-card__image--contain img { transform: scale(1) translateZ(0px); } .miele-desc ._miele-card__image { height: auto; width: 100%; } .miele-desc ._miele-card__image--contain { padding: var(--cw-cards-basic-boxed-spacing-vertical-padding) var(--cw-cards-basic-boxed-spacing-horizontal-padding); } .miele-desc ._miele-card__image-link { height: 100%; outline: currentcolor; width: 100%; } .miele-desc ._miele-card__image-link:focus-visible figure { border-radius: var(--theme-radius-generic-small); outline: var(--cw-forms-generic-border-focus); outline-offset: var(--cw-focus-spacing-offset-l); } .miele-desc ._miele-card__overlay { position: absolute; } .miele-desc ._miele-card__overlay--top-left { left: var(--cw-cards-basic-spacing-badge-image-position-left); top: var(--cw-cards-basic-spacing-badge-image-position-top); } .miele-desc ._miele-card__overlay--top-left--boxed { left: calc(var(--cw-cards-basic-spacing-badge-image-position-left) + var(--cw-cards-basic-boxed-spacing-horizontal-padding)); } .miele-desc ._miele-card__overlay--top-right { right: var(--cw-cards-basic-spacing-badge-image-position-right); top: var(--cw-cards-basic-spacing-badge-image-position-top); } .miele-desc ._miele-card__overlay--top-right--boxed { right: calc(var(--cw-cards-basic-spacing-badge-image-position-right) + var(--cw-cards-basic-boxed-spacing-horizontal-padding)); } .miele-desc ._miele-card__overlay--bottom-left { bottom: var(--cw-cards-basic-spacing-badge-image-position-bottom); left: var(--cw-cards-basic-spacing-badge-image-position-left); } .miele-desc ._miele-card__overlay--bottom-left--boxed { left: calc(var(--cw-cards-basic-spacing-badge-image-position-left) + var(--cw-cards-basic-boxed-spacing-horizontal-padding)); } .miele-desc ._miele-card__overlay--bottom-right { bottom: var(--cw-cards-basic-spacing-badge-image-position-bottom); right: var(--cw-cards-basic-spacing-badge-image-position-right); } .miele-desc ._miele-card__overlay--bottom-right--boxed { right: calc(var(--cw-cards-basic-spacing-badge-image-position-right) + var(--cw-cards-basic-boxed-spacing-horizontal-padding)); } .miele-desc ._miele-card__badge { display: flex; flex-wrap: wrap; gap: var(--cw-cards-product-spacing-badge-position-gap); } .miele-desc ._miele-card__content { display: flex; flex: 1 1 0%; flex-direction: column; width: 100%; } .miele-desc ._miele-card__content--boxed { padding-left: var(--cw-cards-basic-boxed-spacing-horizontal-padding); padding-right: var(--cw-cards-basic-boxed-spacing-horizontal-padding); } .miele-desc ._miele-card__content-badge-wrapper { align-items: flex-start; display: flex; flex-direction: row; margin-bottom: var(--cw-cards-basic-spacing-badge-content-padding-bottom); } .miele-desc ._miele-card__tagline-wrapper { margin-bottom: var(--cw-cards-product-spacing-badge-position-gap); } .miele-desc ._miele-card__headline-wrapper { padding-bottom: var(--cw-cards-basic-spacing-headline-padding-bottom); } .miele-desc ._miele-card a._miele-card__headline-link { outline: currentcolor; } .miele-desc ._miele-card__headline { display: -webkit-box; flex-grow: 1; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .miele-desc ._miele-card__description_wrapper { align-items: flex-start; display: flex; flex: 1 1 0%; flex-direction: column; } .miele-desc ._miele-card__description { display: -webkit-box; flex-grow: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .miele-desc ._miele-card__headline { display: block; text-overflow: ellipsis; } .miele-desc ._miele-card__cta-group { display: flex; flex-wrap: wrap; gap: var(--theme-spacing-generic-s); max-width: 100%; padding-top: var(--cw-cards-basic-spacing-cta-padding-top); } @media only screen and (min-width: 375px) { .miele-desc ._miele-card__cta-group { width: auto; } } .miele-desc ._miele-card__cta-group-fluid { width: 100%; } .miele-desc ._miele-card__cta { justify-content: flex-start; width: fit-content; } .miele-desc ._miele-card__cta-fluid { width: 100%; } .miele-desc ._miele-faq { display: flex; flex-direction: column; gap: var(--theme-spacing-generic-l); width: 100%; } @media only screen and (min-width: 1024px) { .miele-desc ._miele-faq { display: grid; grid-template-columns: calc(50% - 1rem) calc(50% - 1rem); } } .miele-desc ._miele-faq_ubv0_1 { margin-bottom: var(--theme-spacing-generic-l); overflow-wrap: anywhere; } .miele-desc ._miele-faq_ubv0_1 { overflow: hidden; } @media only screen and (min-width: 1024px) { .miele-desc ._miele-faq_ubv0_1 { padding-left: var(--theme-spacing-generic-2xl); } } @media only screen and (min-width: 1440px) { .miele-desc ._miele-faq_ubv0_1 { padding-left: var(--theme-spacing-generic-3xl); } } @media only screen and (min-width: 768px) { .miele-desc ._miele-faq--no-media ._miele-faq_ubv0_1 :not(table):not(div) { max-width: var(--theme-size-generic-max-width-xl); } } @media only screen and (min-width: 1024px) { .miele-desc ._miele-faq--no-media { grid-template-columns: auto; } .miele-desc ._miele-faq--no-media [class*="_miele-accordion__label-and-icon_"] > :first-child { max-width: 60%; } .miele-desc ._miele-faq--no-media [class*="_miele-accordion__content_"] { max-width: 50%; } } .miele-desc ._miele-image-zoom { --legacyPrimaryLightZoomIn: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='66' fill='none' viewBox='0 0 66 66'%3E%3Cg class='legacy-primary-light-zoom-in-default'%3E%3Crect width='64' height='64' x='1' y='1' fill='%231E1E1E' rx='32'/%3E%3Crect width='65' height='65' x='.5' y='.5' stroke='%23fff' stroke-opacity='.2' rx='32.5'/%3E%3Cg class='icon-navigation-plus'%3E%3Cpath fill='%23F6F5F4' fill-rule='evenodd' d='M33 26.25a.75.75 0 0 1 .75.75v5.25H39a.75.75 0 0 1 0 1.5h-5.25V39a.75.75 0 0 1-1.5 0v-5.25H27a.75.75 0 0 1 0-1.5h5.25V27a.75.75 0 0 1 .75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --legacyPrimaryLightZoomOut: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='66' fill='none' viewBox='0 0 66 66'%3E%3Cg class='legacy-primary-light-zoom-out-default'%3E%3Crect width='64' height='64' x='1' y='1' fill='%231E1E1E' rx='32'/%3E%3Crect width='65' height='65' x='.5' y='.5' stroke='%23fff' stroke-opacity='.2' rx='32.5'/%3E%3Cg class='icon-navigation-minus'%3E%3Cpath fill='%23F6F5F4' fill-rule='evenodd' d='M26.25 33a.75.75 0 0 1 .75-.75h12a.75.75 0 0 1 0 1.5H27a.75.75 0 0 1-.75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --legacySecondaryLightZoomIn: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none' viewBox='0 0 64 64'%3E%3Cg class='legacy-secondary-light-zoom-in-default'%3E%3Crect width='63' height='63' x='.5' y='.5' stroke='%2389867E' rx='31.5'/%3E%3Cg class='icon-navigation-plus'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M32 25.25a.75.75 0 0 1 .75.75v5.25H38a.75.75 0 0 1 0 1.5h-5.25V38a.75.75 0 0 1-1.5 0v-5.25H26a.75.75 0 0 1 0-1.5h5.25V26a.75.75 0 0 1 .75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --legacySecondaryLightZoomOut: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none' viewBox='0 0 64 64'%3E%3Cg class='legacy-secondary-light-zoom-out-default'%3E%3Crect width='63' height='63' x='.5' y='.5' stroke='%2389867E' rx='31.5'/%3E%3Cg class='icon-navigation-minus'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M25.25 32a.75.75 0 0 1 .75-.75h12a.75.75 0 0 1 0 1.5H26a.75.75 0 0 1-.75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --legacyPrimaryDarkZoomIn: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='66' fill='none' viewBox='0 0 66 66'%3E%3Cg class='legacy-primary-dark-zoom-in-default'%3E%3Crect width='65' height='65' x='.5' y='.5' fill='%23fff' rx='32.5'/%3E%3Crect width='65' height='65' x='.5' y='.5' stroke='%23D5D2CC' rx='32.5'/%3E%3Cg class='icon-navigation-plus'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M33 26.25a.75.75 0 0 1 .75.75v5.25H39a.75.75 0 0 1 0 1.5h-5.25V39a.75.75 0 0 1-1.5 0v-5.25H27a.75.75 0 0 1 0-1.5h5.25V27a.75.75 0 0 1 .75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --legacyPrimaryDarkZoomOut: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='66' fill='none' viewBox='0 0 66 66'%3E%3Cg class='legacy-primary-dark-zoom-out-default'%3E%3Crect width='64' height='64' x='1' y='1' fill='%23fff' rx='32'/%3E%3Crect width='65' height='65' x='.5' y='.5' stroke='%231E1E1E' stroke-opacity='.2' rx='32.5'/%3E%3Cg class='icon-navigation-minus'%3E%3Cpath fill='%231E1E1E' fill-rule='evenodd' d='M26.25 33a.75.75 0 0 1 .75-.75h12a.75.75 0 0 1 0 1.5H27a.75.75 0 0 1-.75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --legacySecondaryDarkZoomIn: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none' viewBox='0 0 64 64'%3E%3Cg class='legacy-secondary-dark-zoom-in-default'%3E%3Crect width='63' height='63' x='.5' y='.5' stroke='%23D5D2CC' rx='31.5'/%3E%3Cg class='icon-navigation-plus'%3E%3Cpath fill='%23ECECEC' fill-rule='evenodd' d='M32 25.25a.75.75 0 0 1 .75.75v5.25H38a.75.75 0 0 1 0 1.5h-5.25V38a.75.75 0 0 1-1.5 0v-5.25H26a.75.75 0 0 1 0-1.5h5.25V26a.75.75 0 0 1 .75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --legacySecondaryDarkZoomOut: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none' viewBox='0 0 64 64'%3E%3Cg class='legacy-secondary-dark-zoom-out-default'%3E%3Crect width='63' height='63' x='.5' y='.5' stroke='%23D5D2CC' rx='31.5'/%3E%3Cg class='icon-navigation-minus'%3E%3Cpath fill='%23ECECEC' fill-rule='evenodd' d='M25.25 32a.75.75 0 0 1 .75-.75h12a.75.75 0 0 1 0 1.5H26a.75.75 0 0 1-.75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --visionPrimaryLightZoomIn: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='66' fill='none' viewBox='0 0 66 66'%3E%3Cg class='legacy-primary-light-zoom-in-default'%3E%3Crect width='64' height='64' x='1' y='1' fill='%231E1E1E' rx='32'/%3E%3Crect width='65' height='65' x='.5' y='.5' stroke='%23fff' stroke-opacity='.2' rx='32.5'/%3E%3Cg class='icon-navigation-plus'%3E%3Cpath fill='%23F6F5F4' fill-rule='evenodd' d='M33 26.25a.75.75 0 0 1 .75.75v5.25H39a.75.75 0 0 1 0 1.5h-5.25V39a.75.75 0 0 1-1.5 0v-5.25H27a.75.75 0 0 1 0-1.5h5.25V27a.75.75 0 0 1 .75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --visionPrimaryLightZoomOut: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='66' fill='none' viewBox='0 0 66 66'%3E%3Cg class='legacy-primary-light-zoom-out-default'%3E%3Crect width='64' height='64' x='1' y='1' fill='%231E1E1E' rx='32'/%3E%3Crect width='65' height='65' x='.5' y='.5' stroke='%23fff' stroke-opacity='.2' rx='32.5'/%3E%3Cg class='icon-navigation-minus'%3E%3Cpath fill='%23F6F5F4' fill-rule='evenodd' d='M26.25 33a.75.75 0 0 1 .75-.75h12a.75.75 0 0 1 0 1.5H27a.75.75 0 0 1-.75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --visionSecondaryLightZoomIn: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none' viewBox='0 0 64 64'%3E%3Cg class='legacy-secondary-light-zoom-in-default'%3E%3Crect width='63' height='63' x='.5' y='.5' stroke='%2389867E' rx='31.5'/%3E%3Cg class='icon-navigation-plus'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M32 25.25a.75.75 0 0 1 .75.75v5.25H38a.75.75 0 0 1 0 1.5h-5.25V38a.75.75 0 0 1-1.5 0v-5.25H26a.75.75 0 0 1 0-1.5h5.25V26a.75.75 0 0 1 .75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --visionSecondaryLightZoomOut: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none' viewBox='0 0 64 64'%3E%3Cg class='legacy-secondary-light-zoom-out-default'%3E%3Crect width='63' height='63' x='.5' y='.5' stroke='%2389867E' rx='31.5'/%3E%3Cg class='icon-navigation-minus'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M25.25 32a.75.75 0 0 1 .75-.75h12a.75.75 0 0 1 0 1.5H26a.75.75 0 0 1-.75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --visionPrimaryDarkZoomIn: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='66' fill='none' viewBox='0 0 66 66'%3E%3Cg class='legacy-primary-dark-zoom-in-default'%3E%3Crect width='65' height='65' x='.5' y='.5' fill='%23fff' rx='32.5'/%3E%3Crect width='65' height='65' x='.5' y='.5' stroke='%23D5D2CC' rx='32.5'/%3E%3Cg class='icon-navigation-plus'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M33 26.25a.75.75 0 0 1 .75.75v5.25H39a.75.75 0 0 1 0 1.5h-5.25V39a.75.75 0 0 1-1.5 0v-5.25H27a.75.75 0 0 1 0-1.5h5.25V27a.75.75 0 0 1 .75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --visionPrimaryDarkZoomOut: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='66' fill='none' viewBox='0 0 66 66'%3E%3Cg class='legacy-primary-dark-zoom-out-default'%3E%3Crect width='64' height='64' x='1' y='1' fill='%23fff' rx='32'/%3E%3Crect width='65' height='65' x='.5' y='.5' stroke='%231E1E1E' stroke-opacity='.2' rx='32.5'/%3E%3Cg class='icon-navigation-minus'%3E%3Cpath fill='%231E1E1E' fill-rule='evenodd' d='M26.25 33a.75.75 0 0 1 .75-.75h12a.75.75 0 0 1 0 1.5H27a.75.75 0 0 1-.75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --visionSecondaryDarkZoomIn: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none' viewBox='0 0 64 64'%3E%3Cg class='legacy-secondary-dark-zoom-in-default'%3E%3Crect width='63' height='63' x='.5' y='.5' stroke='%23D5D2CC' rx='31.5'/%3E%3Cg class='icon-navigation-plus'%3E%3Cpath fill='%23ECECEC' fill-rule='evenodd' d='M32 25.25a.75.75 0 0 1 .75.75v5.25H38a.75.75 0 0 1 0 1.5h-5.25V38a.75.75 0 0 1-1.5 0v-5.25H26a.75.75 0 0 1 0-1.5h5.25V26a.75.75 0 0 1 .75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --visionSecondaryDarkZoomOut: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none' viewBox='0 0 64 64'%3E%3Cg class='legacy-secondary-dark-zoom-out-default'%3E%3Crect width='63' height='63' x='.5' y='.5' stroke='%23D5D2CC' rx='31.5'/%3E%3Cg class='icon-navigation-minus'%3E%3Cpath fill='%23ECECEC' fill-rule='evenodd' d='M25.25 32a.75.75 0 0 1 .75-.75h12a.75.75 0 0 1 0 1.5H26a.75.75 0 0 1-.75-.75' class='icon' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); min-width: 100%; overflow: auto; -webkit-user-select: none; } .miele-desc ._miele-image-zoom:focus { outline: transparent; } .miele-desc ._miele-image-zoom_l0xm_1 { transform-origin: 0px 0px; } .miele-desc ._miele-image-zoom ._image--primary--light { cursor: var(--visionPrimaryLightZoomIn),var(--legacyPrimaryLightZoomIn),zoom-in; } .miele-desc ._miele-image-zoom ._image--primary--light--zoomedIn { cursor: var(--visionPrimaryLightZoomOut),var(--legacyPrimaryLightZoomOut),zoom-out; overflow: scroll; } .miele-desc ._miele-image-zoom ._image--secondary--light { cursor: var(--visionSecondaryLightZoomIn),var(--legacySecondaryLightZoomIn),zoom-in; } .miele-desc ._miele-image-zoom ._image--secondary--light--zoomedIn { cursor: var(--visionSecondaryLightZoomOut),var(--legacySecondaryLightZoomOut),zoom-out; overflow: scroll; } .miele-desc ._miele-image-zoom ._image--primary--dark { cursor: var(--visionPrimaryDarkZoomIn),var(--legacyPrimaryDarkZoomIn),zoom-in; } .miele-desc ._miele-image-zoom ._image--primary--dark--zoomedIn { cursor: var(--visionPrimaryDarkZoomOut),var(--legacyPrimaryDarkZoomOut),zoom-out; overflow: scroll; } .miele-desc ._miele-image-zoom ._image--secondary--dark { cursor: var(--visionSecondaryDarkZoomIn),var(--legacySecondaryDarkZoomIn),zoom-in; } .miele-desc ._miele-image-zoom ._image--secondary--dark--zoomedIn { cursor: var(--visionSecondaryDarkZoomOut),var(--legacySecondaryDarkZoomOut),zoom-out; overflow: scroll; } .miele-desc ._miele-image-zoom img { pointer-events: none; } .miele-desc .hls-skeleton-fade { mask-image: linear-gradient(rgb(0, 0, 0), transparent); } .miele-desc [class^="_miele-selection-card__item"] { max-width: var(--theme-size-input-max-width); width: 100%; } .miele-desc .warranty-section__options .dcf-radio-button { display: block; } .miele-desc .hls-variant-selector__description { margin-bottom: var(--theme-spacing-generic-xs); } .miele-desc .hls-variant-selector__option { align-items: center; align-self: stretch; display: flex; gap: var(--theme-spacing-generic-m); height: 3rem; justify-content: space-between; padding: 0px 1rem; width: 100%; } .miele-desc .hls-variant-selector__option--image { height: 2.75rem; width: 2.75rem; } .miele-desc .hls-variant-selector__option--image img { height: 100%; object-fit: contain; width: 100%; } .miele-desc .hls-variant-selector__option--label { align-items: flex-start; display: flex; flex: 1 0 0px; gap: 4px; } .miele-desc .hls-tooltip { --miele-tooltip-horizontal-padding: calc(var(--cw-tooltip-spacing-horizontal-padding)*2); min-width: calc(var(--cw-tooltip-size-mobile-max-width) - var(--miele-tooltip-horizontal-padding)); width: 100%; } @media (min-width: 768px) { .miele-desc .hls-tooltip { max-width: calc(240px - var(--miele-tooltip-horizontal-padding)); min-width: calc(240px - var(--miele-tooltip-horizontal-padding)); } } .miele-desc .hls-tooltip__content { display: flex; flex-direction: column; gap: var(--theme-spacing-generic-s); } .miele-desc .hls-content-line { --cw-link-spacing-underline-offset: calc(var(--miele-spacing-01) - 3px); --cw-link-color-default-regular: var(--miele-color-warm-gray-1200); --cw-link-color-default-hover: var(--miele-color-warm-gray-900); } .miele-desc .hls-content-line .hls-content-line__link { color: var(--cw-link-color-default-regular); text-decoration: underline; text-underline-offset: var(--cw-link-spacing-underline-offset); text-underline-position: under; } .miele-desc .hls-content-line .hls-content-line__link:focus, .miele-desc .hls-content-line .hls-content-line__link:hover { color: var(--cw-link-color-default-hover); } .miele-desc .hls-content-line [data-content-type="content"] + [data-content-type="footnote"] { margin-left: 0.25rem; } .miele-desc .hls-content-line [data-content-type="footnote"] ~ [data-content-type="footnote"] .hls-footnote-anchor__separator { display: inline; } .miele-desc .hls-content-line [data-content-type="footnote"] ~ [data-content-type="footnote"]:last-of-type .hls-footnote-anchor__separator { display: none; } .miele-desc .hls-content-line [data-content-type="footnote"]:has(+ [data-content-type="content"]) .hls-footnote-anchor__separator { display: none; } .miele-desc .hls-content-line [data-content-type="content"] .hls-content-line__content { display: inline; } .miele-desc .hls-content-line [data-content-type="content"]:not(:first-child) .hls-content-line__content::before { content: " "; display: inline; } .miele-desc .hls-content-line [data-content-type="content"]:not(:first-child) .hls-content-line__content--empty::before { display: none; } .miele-desc .hls-content-line [data-content-type="footnote"] .hls-footnote-anchor { font-size: 0.75rem; line-height: 1rem; } .miele-desc .hls-content-line [data-content-type="footnote"] .hls-footnote-anchor:target::before { content: ""; display: block; height: 7rem; margin: -7rem 0px 0px; } .miele-desc .hls-content-line [data-content-type="footnote"]:last-child .hls-footnote-anchor .hls-footnote-anchor__separator { display: none; } .miele-desc .hls-tooltip { overflow: hidden; width: var(--theme-size-generic-max-width-sm); } .miele-desc .hls-tooltip__trigger { cursor: pointer; } .miele-desc .table__item { display: flex; flex-direction: column; gap: var(--theme-spacing-generic-xs); padding: .8rem var(--theme-spacing-generic-s) .8rem var(--theme-spacing-generic-m); } .miele-desc .table__item:nth-child(2n+1) { background-color: var(--theme-color-backgrounds-backdrop); } .miele-desc .table__item:nth-child(2n) { background-color: var(--theme-color-backgrounds-surface); } @media (min-width: 768px) { .miele-desc .table__item { flex-direction: row; gap: var(--theme-spacing-generic-m); } } .miele-desc .table__label, .miele-desc .table__value { display: flex; flex: 1 1 0%; min-height: var(--theme-spacing-generic-m); } .miele-desc .hls-add-to-cart-bar--wrapper { align-items: center; bottom: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 0.5rem; left: 0px; position: fixed; width: 100%; z-index: 50; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); padding: 0.5rem 1rem; --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } @media (min-width: 992px) { .miele-desc .hls-add-to-cart-bar--wrapper { bottom: auto; top: 0px; } } .miele-desc .hls-add-to-cart-bar--wrapper { color: var(--theme-color-text-regular); } .miele-desc .hls-add-to-cart-bar--wrapper:not([hidden]) { min-height: 4rem; } .miele-desc .hls-add-to-cart-bar--wrapper .hls-add-to-cart-bar--product-name { display: none; flex: 1 1 0%; padding-right: 1rem; } @media (min-width: 768px) { .miele-desc .hls-add-to-cart-bar--wrapper .hls-add-to-cart-bar--product-name { display: inline-block; } } .miele-desc .hls-add-to-cart-bar--wrapper .hls-add-to-cart-bar--product-name { color: var(--theme-color-text-regular); } .miele-desc .hls-add-to-cart-bar--wrapper .hls-add-to-cart-bar--product-name__mobile { flex: 1 1 0%; overflow: hidden; padding-right: 1rem; text-overflow: ellipsis; white-space: nowrap; } @media (min-width: 768px) { .miele-desc .hls-add-to-cart-bar--wrapper .hls-add-to-cart-bar--product-name__mobile { display: none; } } .miele-desc .hls-add-to-cart-bar--wrapper .hls-add-to-cart-bar--product-name__mobile { color: var(--theme-color-text-regular); } .miele-desc .hls-add-to-cart-bar--wrapper .hls-add-to-cart-bar--product-price { align-items: center; color: var(--theme-color-text-regular); display: flex; gap: var(--theme-spacing-generic-xs,.5rem); } .miele-desc .hls-add-to-cart-bar--wrapper.hidden-on-md { display: none; } @media (min-width: 992px) { .miele-desc .hls-add-to-cart-bar--wrapper.hidden-on-md { display: flex; } } .miele-desc .hls-card-content__title { color: var(--dcf-color-white); } .miele-desc .hls-card-content__title::first-letter { text-transform: capitalize; } .miele-desc .hls-card-content__title--fixed-height { height: 6rem; -webkit-line-clamp: 2; } @media (min-width: 576px) { .miele-desc .hls-card-content__title--fixed-height { height: 4rem; } } .miele-desc .hls-card-content__subtitle { color: var(--dcf-color-silver); font-size: 0.625rem; margin-bottom: 0.25rem; text-transform: uppercase; } .miele-desc .hls-card-content__subtitle--fixed-height { height: 1.25rem; -webkit-line-clamp: 1; } .miele-desc .hls-card-content__description { color: var(--dcf-color-silver); font-size: 1.125rem; font-weight: var(--dcf-font-weight-normal); } .miele-desc .hls-card-content__description--fixed-height { height: 5rem; -webkit-line-clamp: 3; } .miele-desc .hls-card-content__explore-more-link { margin-top: 1rem; } .miele-desc .hls-highlighted-feature-card { display: flex; flex-direction: column; } @media (min-width: 1200px) { .miele-desc .hls-highlighted-feature-card { gap: 1rem; } } .miele-desc .hls-highlighted-feature-card { gap: 0px; } @media (min-width: 768px) { .miele-desc .hls-highlighted-feature-card { gap: var(--dcf-grid-gap); } } .miele-desc .hls-highlighted-feature-card { background-color: var(--dcf-color-eerie-black); border-radius: 0.5rem; font-weight: var(--dcf-font-weight-medium); } .miele-desc .hls-highlighted-feature-card img { aspect-ratio: 4 / 3; object-fit: cover; } .miele-desc .hls-noimage { align-items: center; aspect-ratio: 4 / 3; display: flex; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(64 64 64/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); opacity: 0.2; } @media (min-width: 1200px) { .miele-desc .hls-highlighted-feature-card__content { grid-column-start: span 2; grid-column-end: span 2; } } .miele-desc .dcf-button { position: absolute; } .miele-desc .disclaimer-text__content--hls-featured-benefits { margin-top: calc(var(--theme-spacing-generic-l)*-1 - 4px); padding-bottom: calc(var(--theme-spacing-generic-l) - 4px); } @media (min-width: 1200px) { .miele-desc .disclaimer-text__content--hls-featured-benefits { margin-top: calc(var(--theme-spacing-generic-xl)*-1 - 4px); padding-bottom: calc(var(--theme-spacing-generic-l)*2 - 4px); } } .miele-desc .disclaimer-text__content--hls-product-benefits { margin-left: calc(var(--theme-spacing-generic-s)*-1); } @media (min-width: 768px) { .miele-desc .disclaimer-text__content--hls-product-benefits { margin-left: calc(var(--theme-spacing-generic-l)*-1); } } @media (min-width: 1200px) { .miele-desc .disclaimer-text__content--hls-product-benefits { margin-left: 0px; margin-top: calc(var(--theme-spacing-generic-l)*-1); padding-bottom: 10px; } } @media (min-width: 1440px) { .miele-desc .disclaimer-text__content--hls-product-benefits { margin-top: var(--theme-spacing-generic-s); } } .miele-desc .hls-card { font-weight: var(--dcf-font-weight-medium); gap: var(--dcf-grid-gap); } .miele-desc .hls-reviews-carousel__item { height: 100%; } .miele-desc .hls-accessories-wrapper .hls-accessories-wrapper-item { align-items: stretch; display: flex; margin: 0px; min-height: 100%; padding: 0px 1rem 0px 0px; } @media (min-width: 576px) { .miele-desc .hls-accessories-wrapper .hls-accessories-wrapper-item { max-width: 27rem; min-width: 27rem; } } @media (min-width: 768px) { .miele-desc .hls-accessories-wrapper .hls-accessories-wrapper-item { padding: 0px 2rem 0px 0px; } } @media (min-width: 992px) { .miele-desc .hls-accessories-wrapper .hls-accessories-wrapper-item { max-width: 30rem; min-width: 30rem; } } @media (min-width: 1440px) { .miele-desc .hls-accessories-wrapper .hls-accessories-wrapper-item { max-width: 28rem; min-width: 28rem; } } .miele-desc .hls-accessories-wrapper .hls-accessories-wrapper-item--limited .dcf-product-tile-buy-section { display: none; } .miele-desc .hls-download-list-item { align-items: center; border-radius: 0.375rem; display: flex; flex-direction: row; justify-content: space-between; overflow: hidden; padding: 1rem; width: 100%; } @media (min-width: 768px) { .miele-desc .hls-download-list-item { padding: 1.5rem; } } .miele-desc .hls-download-list-item { background: var(--dcf-color-cultured); box-sizing: border-box; } .miele-desc .hls-download-list-item--description { font-size: 0.875rem; line-height: 1.25rem; margin-right: 1rem; } @media (min-width: 576px) { .miele-desc .hls-download-list-item--description { font-size: 1rem; line-height: 1.5rem; } } .miele-desc .hls-download-list-item--description { overflow-wrap: anywhere; } .miele-desc .hls-download-list-item--type { color: var(--dcf-color-silver); margin-top: 0.25rem; } .miele-desc .hls-download-list-item { align-items: center; border-radius: 0.375rem; display: flex; flex-direction: row; justify-content: flex-start; overflow: hidden; padding: 1rem; width: 100%; } .miele-desc .hls-download-list-item { background: var(--dcf-color-cultured); box-sizing: border-box; min-height: 7rem; } .miele-desc .hls-download-list-item.hls-download-list-item--with-image { align-items: flex-start; flex-direction: column; } @media (min-width: 576px) { .miele-desc .hls-download-list-item.hls-download-list-item--with-image { flex-direction: row; } } .miele-desc .hls-download-list-item.hls-download-list-item--with-image .dcf-button { margin-top: 1rem; } .miele-desc .hls-download-list-item--content { display: flex; justify-content: space-between; width: 100%; } .miele-desc .hls-download-list-item--with-image .hls-download-list-item--content { display: block; } .miele-desc .hls-download-list-item--description { font-weight: var(--dcf-font-weight-medium); overflow-wrap: anywhere; } .miele-desc .hls-download-list-item--with-image .hls-download-list-item--description { font-weight: var(--dcf-font-weight-light); } .miele-desc .hls-download-list-item--image { margin: 0px auto 2rem; max-height: 8.75rem; width: 8.75rem; } .miele-desc .hls-download-list-item--image img { max-height: 8.75rem; } @media (min-width: 576px) { .miele-desc .hls-download-list-item--image { margin-top: inherit; margin-bottom: inherit; margin-left: inherit; margin-right: 1rem; } } .miele-desc .hls-download-list-introtext { color: var(--dcf-color-notification-grey); display: none; font-size: 1.25rem; margin: auto; max-width: 48rem; text-align: center; width: 100%; } @media (min-width: 768px) { .miele-desc .hls-download-list-introtext { display: block; } } .miele-desc .hls-download-list { width: 100%; } .miele-desc .hls-download-list--centered { justify-content: center; } .miele-desc .hls-download-list-wrapper { --hls-dowload-list-columns: 1; --hls-dowload-list-flow: column; --hls-dowload-list-column-size: 1fr; display: grid; gap: var(--dcf-grid-gap); } @media (min-width: 768px) { .miele-desc .hls-download-list-wrapper { --hls-dowload-list-flow: row; --hls-dowload-list-columns: 2; place-content: center; gap: var(--dcf-grid-gap); grid-auto-flow: var(--hls-dowload-list-flow); grid-template-columns: repeat(var(--hls-dowload-list-columns),var(--hls-dowload-list-column-size)); grid-template-rows: auto; } } @media (min-width: 992px) { .miele-desc .hls-download-list-wrapper { --hls-dowload-list-columns: 2; } } @media (min-width: 1440px) { .miele-desc .hls-download-list-wrapper { --hls-dowload-list-columns: 3; } } @media (min-width: 768px) { .miele-desc .hls-download-list-wrapper--2items { --hls-dowload-list-columns: 2; } } .miele-desc .hls-download-list-wrapper--1item { --hls-dowload-list-columns: 1; } @media (min-width: 768px) { .miele-desc .hls-download-list-wrapper--has-images { --hls-dowload-list-columns: 1; } } @media (min-width: 1440px) { .miele-desc .hls-download-list-wrapper--has-images { --hls-dowload-list-columns: 2; } } .miele-desc .hls-image-gallery-modal { height: 100vh; width: 100vw; } .miele-desc #onetrust-pc-sdk li .host-title a, .miele-desc #onetrust-pc-sdk li .ot-host-name a, .miele-desc #onetrust-pc-sdk li .accordion-text, .miele-desc #onetrust-pc-sdk li .ot-acc-txt { z-index: 2; position: relative; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-pgph-link { margin-top: 5px; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item { position: relative; border-radius: 2px; margin: 0px; padding: 0px; border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(216, 216, 216) rgb(216, 216, 216); border-image: none; width: calc(100% - 2px); float: left; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item:first-of-type { margin-top: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(216, 216, 216); } .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc { padding-left: 20px; padding-right: 20px; width: calc(100% - 40px); font-size: 0.812em; margin-bottom: 10px; margin-top: 15px; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc > ul { padding-top: 10px; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc > ul li { padding-top: 0px; line-height: 1.5; padding-bottom: 10px; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout div + .ot-acc-grpdesc { margin-top: 5px; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-vlst-cntr:first-child { margin-top: 10px; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-vlst-cntr:last-child, .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-hlst-cntr:last-child { margin-bottom: 5px; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-acc-hdr { padding: 11.5px 20px; width: calc(100% - 40px); display: inline-block; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-acc-txt { width: 100%; padding: 0px; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-subgrp-cntr { padding-left: 20px; padding-right: 15px; padding-bottom: 0px; width: calc(100% - 35px); } .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-subgrp { padding-right: 5px; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpcntr { z-index: 1; position: relative; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-cat-header + .ot-arw-cntr { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; margin-top: -2px; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-cat-header + .ot-arw-cntr .ot-arw { width: 15px; height: 20px; margin-left: 5px; color: dimgray; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-cat-header { float: none; color: rgb(46, 54, 68); margin: 0px; display: inline-block; height: auto; overflow-wrap: break-word; min-height: inherit; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-vlst-cntr, .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-hlst-cntr { padding-left: 20px; width: calc(100% - 20px); display: inline-block; margin-top: 0px; padding-bottom: 2px; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout .ot-acc-hdr { position: relative; min-height: 25px; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout h4 ~ .ot-tgl, .miele-desc #onetrust-pc-sdk .ot-accordion-layout h4 ~ .ot-always-active { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout h4 ~ .ot-tgl + .ot-tgl { right: 95px; } .miele-desc #onetrust-pc-sdk .ot-accordion-layout .category-vendors-list-handler, .miele-desc #onetrust-pc-sdk .ot-accordion-layout .category-vendors-list-handler + a { margin-top: 5px; } .miele-desc #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-vnd-serv .ot-vnd-lst-cont .ot-accordion-layout .ot-acc-hdr div.ot-chkbox { margin-left: 0.82rem; } .miele-desc #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr, .miele-desc #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr, .miele-desc #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr, .miele-desc #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr, .miele-desc #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr, .miele-desc #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr, .miele-desc #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr { padding: 0.7rem 0px; margin: 0px; display: flex; width: 100%; align-items: center; justify-content: space-between; } .miele-desc #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr div:first-child, .miele-desc #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr div:first-child, .miele-desc #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr div:first-child, .miele-desc #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr div:first-child, .miele-desc #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr div:first-child, .miele-desc #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr div:first-child, .miele-desc #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr div:first-child { margin-left: 0.5rem; } .miele-desc #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr div:last-child, .miele-desc #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr div:last-child, .miele-desc #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr div:last-child, .miele-desc #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr div:last-child, .miele-desc #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr div:last-child, .miele-desc #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr div:last-child, .miele-desc #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr div:last-child { margin-right: 0.5rem; margin-left: 0.5rem; } .miele-desc #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-always-active, .miele-desc #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-always-active, .miele-desc #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-always-active, .miele-desc #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-always-active, .miele-desc #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-always-active, .miele-desc #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-always-active, .miele-desc #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-always-active { position: relative; right: unset; top: unset; transform: unset; } .miele-desc #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-plus-minus, .miele-desc #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-plus-minus, .miele-desc #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-plus-minus, .miele-desc #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-plus-minus, .miele-desc #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-plus-minus, .miele-desc #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-plus-minus, .miele-desc #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-plus-minus { top: 0px; } .miele-desc #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-arw-cntr, .miele-desc #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-arw-cntr, .miele-desc #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-arw-cntr, .miele-desc #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-arw-cntr, .miele-desc #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-arw-cntr, .miele-desc #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-arw-cntr, .miele-desc #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-arw-cntr { float: none; top: unset; right: unset; transform: unset; margin-top: -2px; position: relative; } .miele-desc #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-cat-header, .miele-desc #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-cat-header, .miele-desc #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-cat-header, .miele-desc #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-cat-header, .miele-desc #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-cat-header, .miele-desc #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-cat-header, .miele-desc #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-cat-header { flex: 1 1 0%; margin: 0px 0.5rem; } .miele-desc #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-tgl, .miele-desc #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-tgl, .miele-desc #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-tgl, .miele-desc #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-tgl, .miele-desc #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-tgl, .miele-desc #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-tgl, .miele-desc #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-tgl { position: relative; transform: none; right: 0px; top: 0px; float: none; } .miele-desc #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-chkbox, .miele-desc #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-chkbox, .miele-desc #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-chkbox, .miele-desc #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox, .miele-desc #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-chkbox, .miele-desc #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox, .miele-desc #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-chkbox { position: relative; margin: 0px 0.5rem; } .miele-desc #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-chkbox label, .miele-desc #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-chkbox label, .miele-desc #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-chkbox label, .miele-desc #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox label, .miele-desc #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-chkbox label, .miele-desc #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox label, .miele-desc #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-chkbox label { padding: 0px; } .miele-desc #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-chkbox label::before, .miele-desc #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-chkbox label::before, .miele-desc #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-chkbox label::before, .miele-desc #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox label::before, .miele-desc #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-chkbox label::before, .miele-desc #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox label::before, .miele-desc #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-chkbox label::before { position: relative; } .miele-desc #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-chkbox input, .miele-desc #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-chkbox input, .miele-desc #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-chkbox input, .miele-desc #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox input, .miele-desc #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-chkbox input, .miele-desc #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox input, .miele-desc #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-chkbox input { position: absolute; cursor: pointer; width: 100%; height: 100%; opacity: 0; margin: 0px; top: 0px; left: 0px; z-index: 1; } /* === KEYFRAMES === */ @keyframes vjs-spinner-show { 100% { visibility: visible; } } @keyframes vjs-spinner-spin { 100% { transform: rotate(1turn); } } @keyframes vjs-spinner-fade { 0% { border-top-color: rgb(115, 133, 159); } 20% { border-top-color: rgb(115, 133, 159); } 35% { border-top-color: rgb(255, 255, 255); } 60% { border-top-color: rgb(115, 133, 159); } 100% { border-top-color: rgb(115, 133, 159); } } @keyframes mobileHint-fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes mobileHint-vanish { 100% { height: 0px; overflow: hidden; padding: 0px; width: 0px; } } @keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.5; } } @keyframes spin { 100% { transform: rotate(1turn); } } @keyframes _animateFadeIn_nu70h_1 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes _pulse-opacity_ri5sa_1 { 0% { opacity: 1; } 35% { opacity: 0; } 75% { opacity: 1; } 100% { opacity: 1; } } @keyframes _sheen-slide_ri5sa_1 { 0% { transform: translate(0px); } 100% { transform: translate(100%); } } @keyframes _grid-expand_1ubrk_1 { 0% { grid-template-rows: 0fr; opacity: 0; } 100% { grid-template-rows: 1fr; opacity: 1; } } @keyframes onetrust-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } /* === DCF COLOR VARIABLES (miele.sk design tokens) === */ :root { --dcf-color-black: #000; --dcf-color-black--rgb: 0,0,0; --dcf-color-white: #fff; --dcf-color-eerie-black: #1e1e1e; --dcf-color-eerie-black--rgb: 30,30,30; --dcf-color-silver: #c0c0c0; --dcf-color-silver--rgb: 192,192,192; --dcf-color-cultured: #f5f5f5; --dcf-color-platinum: #e5e5e5; --dcf-color-battle-ship-gray: #868686; --dcf-color-miele-orange: #f59b00; --dcf-color-miele-dark-orange: #c47c00; --dcf-color-miele-red: #8c0014; --dcf-color-miele-gray: #6b6b6b; --dcf-color-luxury-white: #f6f5f4; --dcf-color-divider-dark: rgba(255,255,255,0.2); --dcf-color-focus: #7b61ff; --dcf-color-notification-grey: #575757; --dcf-color-notification-green: #2d8429; --dcf-color-notification-red: #e51800; --dcf-color-half-gradient: linear-gradient(180deg,rgba(0,0,0,.56) 0%,transparent 50%); --dcf-color-full-gradient: linear-gradient(180deg,rgba(0,0,0,.8),transparent); --dcf-color-picker-circle-size: 2rem; --dcf-color-picker-image-size: 2.5rem; --dcf-color-picker-item-selected-color: var(--dcf-color-eerie-black); --dcf-background-transparency: 0.05; } /* === TAILWIND UTILITY CLASSES (miele.sk uses Tailwind JIT) === */ /* Grid */ .miele-desc .grid { display: grid; } .miele-desc .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .miele-desc .col-span-1 { grid-column: span 1 / span 1; } .miele-desc .col-span-2 { grid-column: span 2 / span 2; } .miele-desc .gap-4 { gap: 1rem; } .miele-desc .items-center { align-items: center; } .miele-desc .justify-between { justify-content: space-between; } /* Flex */ .miele-desc .flex { display: flex; } .miele-desc .flex-none { flex: none; } .miele-desc .flex-col { flex-direction: column; } /* Sizing */ .miele-desc .w-full { width: 100%; } .miele-desc .w-auto { width: auto; } .miele-desc .h-full { height: 100%; } .miele-desc .h-auto { height: auto; } /* Spacing */ .miele-desc .p-6 { padding: 1.5rem; } .miele-desc .px-4 { padding-left: 1rem; padding-right: 1rem; } .miele-desc .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .miele-desc .mt-6 { margin-top: 1.5rem; } .miele-desc .mb-2 { margin-bottom: 0.5rem; } .miele-desc .mb-6 { margin-bottom: 1.5rem; } .miele-desc .mb-8 { margin-bottom: 2rem; } .miele-desc .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } /* Typography */ .miele-desc .text-center { text-align: center; } .miele-desc .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .miele-desc .text-overflow { overflow: hidden; text-overflow: ellipsis; } .miele-desc .leading-normal { line-height: 1.5; } /* Visual */ .miele-desc .rounded-lg { border-radius: 0.5rem; } .miele-desc .rounded-t-lg { border-radius: 0.5rem 0.5rem 0 0; } .miele-desc .bg-cover { background-size: cover; } .miele-desc .overflow-hidden { overflow: hidden; } .miele-desc .relative { position: relative; } .miele-desc .object-cover { object-fit: cover; } .miele-desc .aspect-video { aspect-ratio: 16 / 9; } /* Responsive: sm (640px) */ @media (min-width: 640px) { .miele-desc .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .miele-desc .sm\:px-12 { padding-left: 3rem; padding-right: 3rem; } } /* Responsive: md (768px) */ @media (min-width: 768px) { .miele-desc .md\:col-span-1 { grid-column: span 1 / span 1; } .miele-desc .md\:col-span-2 { grid-column: span 2 / span 2; } .miele-desc .md\:p-8 { padding: 2rem; } .miele-desc .md\:aspect-4\/3 { aspect-ratio: 4 / 3; } } /* Responsive: lg (1024px) */ @media (min-width: 1024px) { .miele-desc .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .miele-desc .lg\:col-span-2 { grid-column: span 2 / span 2; } .miele-desc .lg\:p-12 { padding: 3rem; } .miele-desc .lg\:mb-16 { margin-bottom: 4rem; } } /* === MIELE COMPONENT OVERRIDES (chýbajúce v extrakcii) === */ /* Spec table */ .miele-desc .table { width: 100%; } .miele-desc .table__item { display: flex; gap: 2rem; padding: 0; } .miele-desc .table__item > span { display: flex; flex: 1; padding: 10px 20px; } .miele-desc .table__label { font-weight: 700; } .miele-desc .table__value { } .miele-desc .table__item:nth-child(odd) { background-color: #fff; } .miele-desc .table__item:nth-child(even) { background-color: #f6f6f6; } .miele-desc .dcf-table-item--no-label .table__label { display: none; } .miele-desc .dcf-table-item--no-label .table__value { flex: 1; } /* Miele accordion (details/summary native) */ .miele-desc details { border: none; margin-bottom: 0; } .miele-desc details > summary { cursor: pointer; list-style: none; } .miele-desc details > summary::-webkit-details-marker { display: none; } .miele-desc details > summary::marker { display: none; } /* DCF accordion toggle */ .miele-desc .dcf-accordion-content { background: #f0f0f0; border-radius: 10px; margin-bottom: 20px; } .miele-desc .dcf-accordion-content__header, .miele-desc .dcf-accordion-content__body { padding: 20px; } .miele-desc .dcf-accordion-content__header { cursor: pointer; } .miele-desc .dcf-accordion-content__header h3::after { content: '\f055'; font-family: FontAwesome; float: right; font-size: 20px; } .miele-desc .dcf-accordion-content.visible .dcf-accordion-content__header h3::after { content: '\f056'; } .miele-desc .dcf-accordion-content.visible .dcf-accordion-content__body { display: block !important; } /* Tabs */ .miele-desc .dcf-tabs-content__wrapper .dcf-tab-content { display: none; } .miele-desc .dcf-tabs-content__wrapper .dcf-tab-content:first-child { display: block; } .miele-desc .dcf-tab-header { margin-right: 10px; margin-bottom: 10px; display: inline-block; } .miele-desc .dcf-tab-header button, .miele-desc .dcf-tab-header-button { border-radius: 18px; border: 1px solid grey; font-size: 15px; color: black; padding: 5px 15px; background: transparent; cursor: pointer; } .miele-desc .active-tab .dcf-tab-header-button, .miele-desc .active-tab button { background-color: #8e2729; color: white; border-color: #8e2729; } /* Download section — show ALL tab content (no tab switching needed) */ .miele-desc .hls-download-section .dcf-tab-content { display: block !important; } .miele-desc .hls-download-section .dcf-tab-header { display: none; } /* Download list */ .miele-desc .hls-download-list-item { background: #f6f6f6; padding: 16px; border-radius: 8px; display: flex; align-items: center; text-align: left; justify-content: space-between; margin: 10px 0; gap: 15px; } .miele-desc .hls-download-list-item--description { font-weight: bold; } .miele-desc .hls-download-list-item--type { color: darkgrey; } .miele-desc .hls-download-list-item--image img { max-height: 8.75rem; } /* DCF button */ .miele-desc .dcf-button { border: 1px solid #868686; border-radius: 18px; background: transparent; font-weight: 600; font-size: 12px; padding: 0 20px; cursor: pointer; min-height: 36px; display: inline-flex; align-items: center; } /* Product features dark section */ .miele-desc .hls-product-features { background: #303030; padding: 15px; border-radius: 8px; } .miele-desc .hls-product-features h3 { color: white; } .miele-desc .hls-product-features hr { border-color: #727272; } /* Feature cards */ .miele-desc .hls-highlighted-feature-card { max-width: 400px; } .miele-desc .hls-highlighted-feature-card img { max-height: 400px; max-width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 0.5rem 0.5rem 0 0; } .miele-desc .hls-highlighted-feature-card__content { background: #525252; color: white; padding: 30px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } /* Content lines */ .miele-desc .hls-content-line__content { font-size: 14px; white-space: pre-wrap; } .miele-desc .hls-card-content__title .hls-content-line__content { font-size: 23px; } .miele-desc .hls-card-content__subtitle { text-transform: uppercase; font-weight: 500 !important; } .miele-desc .hls-card-content__subtitle .hls-content-line__content { font-size: 11px; margin-bottom: 8px; display: block; } .miele-desc .hls-card-content__read-more { display: none; } /* Horizontal scroll for carousels */ .miele-desc .dcf-horizontal-scroll { display: flex; align-content: center; align-items: center; overflow: auto; white-space: nowrap; gap: 15px; padding-bottom: 15px; } /* Typography wrappers (cw-typography) — framework classes bez CSS */ .miele-desc [class*="cw-typography-legacy-body-medium-bold"] { font-weight: 600; font-size: 1rem; } .miele-desc [class*="cw-typography-legacy-body-large-bold"] { font-weight: 600; font-size: 1.125rem; } .miele-desc [class*="cw-typography-legacy-body-x-large-bold"] { font-weight: 600; font-size: 1.25rem; } .miele-desc [class*="_miele-typography--color--regular"] { color: #1a1a1a; } .miele-desc [class*="_miele-typography--color--inherit"] { color: inherit; } /* Miele section containers */ .miele-desc [class*="_miele-section"] { margin-bottom: 20px; } .miele-desc [class*="_miele-section--color-backdrop"] { background: #f6f5f4; border-radius: 8px; padding: 20px; } /* Miele accordion */ .miele-desc [class*="_miele-accordion__summary"] { cursor: pointer; padding: 10px; } .miele-desc [class*="_miele-accordion__label-and-icon"] { display: flex; justify-content: space-between; align-items: center; padding: 20px; cursor: pointer; } .miele-desc [class*="_miele-accordion__content"] { padding: 20px; } .miele-desc [class*="_miele-accordion__content-wrapper"] { overflow: hidden; } .miele-desc [class*="_miele-horizontal-rule"] { border: none; border-top: 1px solid #e0e0e0; margin: 0.25rem 0; } .miele-desc [class*="_miele-horizontal-rule--weakest"] { border-color: #f0f0f0; } /* === THEME TOKEN FALLBACKS (miele.sk design system vars) === */ .miele-desc { --theme-spacing-generic-xxs: 0.125rem; --theme-spacing-generic-xs: 0.25rem; --theme-spacing-generic-s: 0.5rem; --theme-spacing-generic-m: 0.75rem; --theme-spacing-generic-l: 1rem; --theme-spacing-generic-xl: 1.5rem; --theme-spacing-generic-2xl: 2rem; --theme-spacing-generic-3xl: 3rem; --theme-grid-gutter-xs: 0.5rem; --theme-grid-gutter-s: 0.75rem; --theme-grid-gutter-m: 1rem; --theme-grid-gutter-ml: 1.25rem; --theme-grid-gutter-l: 1.5rem; --theme-grid-gutter-xl: 2rem; --theme-grid-screensize-xl: 1440px; --theme-motion-time-short-3: 0.16s; --theme-motion-ease-out: ease-out; --theme-size-generic-l: 2.5rem; --theme-size-generic-ml: 2rem; --theme-size-carousel-numbers-box: 2.5rem; --theme-size-generic-max-width-sm: 20rem; --theme-border-default-stroke-width: 1px; --theme-color-text-weakest: #8c8c8c; --theme-color-text-disabled: #b3b3b3; --theme-color-text-links-default-hover: #1a1a1a; --theme-color-borders-extra-contrast: #1a1a1a; --theme-color-borders-weakest: #e0e0e0; --theme-color-backgrounds-backdrop: rgba(0,0,0,0.65); --theme-color-backgrounds-extra-contrast: #1a1a1a; --theme-color-backgrounds-contrast: #333; --cw-horizontal-rule-generic-border-contrast: 1px solid #1a1a1a; --cw-horizontal-rule-generic-border-regular: 1px solid #c0c0c0; --cw-horizontal-rule-generic-border-weak: 1px solid #d5d5d5; --cw-horizontal-rule-generic-border-weaker: 1px solid #e5e5e5; --cw-horizontal-rule-generic-border-weakest: 1px solid #f0f0f0; --cw-carousel-control-spacing-gap: 0.5rem; --cw-carousel-control-spacing-vertical-padding: 0.25rem; --cw-forms-generic-border-radius-default: 0.25rem; --cw-forms-generic-border-focus: 2px solid #1a1a1a; --cw-focus-spacing-offset-l: 0.25rem; --cw-image-generic-border-radius-default: 0.5rem; --cw-image-caption-spacing-vertical-padding: 0.5rem; --dcf-grid-outer-gap: 1rem; --dcf-font-family: MieleElements, Helvetica, Arial, sans-serif; --dcf-font-weight-lighter: 300; --dcf-font-weight-light: 350; --dcf-font-weight-normal: 400; --dcf-font-weight-medium: 500; --dcf-font-weight-bold: 700; --dcf-line-height: 1.5; --dcf-color-eerie-black: #1e1e1e; --dcf-color-black: #000; --dcf-color-black--rgb: 0,0,0; --dcf-color-white: #fff; --dcf-color-silver: #c0bdb5; --dcf-color-cultured: #f6f5f4; --dcf-color-battle-ship-gray: #8c8c8c; --dcf-color-divider-dark: #555; --dcf-color-notification-grey: #575757; --dcf-color-miele-orange: #e7702f; --dcf-color-miele-dark-orange: #c45e28; --dcf-color-focus: #1a1a1a; } /* === LAYOUT FIXES — Obmedzenie šírky a paddingu sekcií === */ /* hls-section: Pôvodný padding 5-8rem je pre plnú stránku miele.sk. V embednutom produkte stačí 1.5-2rem. */ .miele-desc .hls-section { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } /* Tmavé sekcie — zmenšiť padding, zaobliť rohy */ .miele-desc .hls-section--dark, .miele-desc .hls-section--darker { border-radius: 0.5rem; padding: 1.5rem !important; margin-bottom: 1rem; } /* Kontajner max-width obmedzenie pre embednutý kontext */ .miele-desc .hls-container { max-width: 100% !important; min-width: 0 !important; } /* === HORIZONTÁLNE ČIARY — redukovať počet a viditeľnosť === */ /* Weakest a weaker pravidlá — skryť (príliš veľa jemných čiar) */ .miele-desc ._miele-horizontal-rule--weakest, .miele-desc [class*="_miele-horizontal-rule--weakest"], .miele-desc ._miele-horizontal-rule--weaker, .miele-desc [class*="_miele-horizontal-rule--weaker"] { display: none; } /* Ostatné pravidlá — jemnejšie */ .miele-desc ._miele-horizontal-rule--weak, .miele-desc [class*="_miele-horizontal-rule--weak"] { border-top-color: #eee; margin: 0.5rem 0; } /* Divider v tmavej sekcii */ .miele-desc .hls-section--dark .hls-divider, .miele-desc .hls-section--darker .hls-divider { border-color: rgba(255,255,255,0.15); } /* === FEATURE CARDS — lepší layout === */ /* Carousel items — konzistentná šírka */ .miele-desc ._miele-carousel__slides { gap: 0 1rem; padding: 0.5rem 0; margin: 0; } /* Highlighted feature card — max šírka v carousel */ .miele-desc .hls-highlighted-feature-card { min-width: 280px; max-width: 360px; } /* Feature card content — kompaktnejší padding */ .miele-desc .hls-highlighted-feature-card__content { padding: 20px 24px; } /* Text and image component — zabezpečiť proporcionalitu */ .miele-desc [class*="_miele-text-and-image"] { max-width: 100%; overflow: hidden; } /* === ACCORDION — kompaktnejšie === */ .miele-desc .dcf-accordion-content { border-radius: 0.5rem; margin-bottom: 0.5rem; } .miele-desc .dcf-accordion-content__header { padding: 1rem 1.25rem !important; } /* === MISC CLEANUP === */ /* Skryť prázdne kontajnery a artefakty */ .miele-desc > div:empty, .miele-desc > span:empty, .miele-desc [class*="dcf-carousel-control"], .miele-desc [class*="_miele-carousel-control-bar"] { display: none; } /* Skryť navigačné prvky (in-page nav, breadcrumbs) */ .miele-desc [class*="nav-inpage"], .miele-desc [class*="dcf-breadcrumb"] { display: none; } /* miele-css-hash: ab9af7b */