{"id":559,"date":"2018-01-05T13:49:54","date_gmt":"2018-01-05T13:49:54","guid":{"rendered":"https:\/\/www.slipsafe.ch\/DEU\/?page_id=559"},"modified":"2026-02-20T12:29:44","modified_gmt":"2026-02-20T12:29:44","slug":"cotton-oder-slim","status":"publish","type":"page","link":"https:\/\/slipsafe.ch\/DEU\/cotton-oder-slim\/","title":{"rendered":"COTTON oder SLIM?"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8220;1&#8243; _builder_version=&#8220;4.16&#8243; global_colors_info=&#8220;{}&#8220;][et_pb_row _builder_version=&#8220;4.16&#8243; background_size=&#8220;initial&#8220; background_position=&#8220;top_left&#8220; background_repeat=&#8220;repeat&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.16&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_text _builder_version=&#8220;4.16&#8243; background_size=&#8220;initial&#8220; background_position=&#8220;top_left&#8220; background_repeat=&#8220;repeat&#8220; global_colors_info=&#8220;{}&#8220;]<!-- divi:heading --><\/p>\n<h2 class=\"wp-block-heading\">Du fragst dich, ob \u201eCOTTON&#8220; oder \u201eSLIM&#8220; die richtige Wahl f\u00fcr dich ist? Beantworte zwei kurze Fragen \u2013 und du weisst es sofort.<\/h2>\n<p><!-- \/divi:heading -->[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8220;4.27.4&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.27.4&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_code _builder_version=&#8220;4.27.4&#8243; _module_preset=&#8220;default&#8220; hover_enabled=&#8220;0&#8243; sticky_enabled=&#8220;0&#8243;]    <style>\n        .ssf-wrapper {\n            max-width: 560px;\n            margin: 0 auto;\n            font-family: Georgia, 'Times New Roman', serif;\n        }\n        .ssf-progress {\n            display: flex;\n            gap: 6px;\n            justify-content: center;\n            margin-bottom: 28px;\n        }\n        .ssf-dot {\n            width: 9px;\n            height: 9px;\n            border-radius: 50%;\n            background: #D4C4A8;\n            transition: background 0.3s, transform 0.3s;\n        }\n        .ssf-dot.active {\n            background: #5C7A5E;\n            transform: scale(1.25);\n        }\n        .ssf-dot.done {\n            background: #8A9E8C;\n        }\n        .ssf-card {\n            background: #FDFAF6;\n            border-radius: 14px;\n            padding: 36px 32px;\n            box-shadow: 0 4px 24px rgba(80,60,40,0.09);\n            border-top: 3px solid #8A9E8C;\n        }\n        .ssf-step {\n            display: none;\n        }\n        .ssf-step.ssf-visible {\n            display: block;\n            animation: ssfFade 0.35s ease;\n        }\n        @keyframes ssfFade {\n            from { opacity: 0; transform: translateY(10px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n        .ssf-label {\n            font-family: Arial, sans-serif;\n            font-size: 11px;\n            font-weight: 600;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            color: #8A9E8C;\n            margin-bottom: 12px;\n        }\n        .ssf-step h2 {\n            font-family: Georgia, serif;\n            font-size: 22px;\n            font-weight: normal;\n            color: #3A3330;\n            line-height: 1.4;\n            margin-bottom: 26px;\n        }\n        .ssf-options {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n        .ssf-btn {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            padding: 16px 18px;\n            border: 2px solid #EDE3D0;\n            border-radius: 10px;\n            background: #fff;\n            cursor: pointer;\n            text-align: left;\n            width: 100%;\n            transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;\n            font-family: Arial, sans-serif;\n        }\n        .ssf-btn:hover {\n            border-color: #8A9E8C;\n            box-shadow: 0 4px 14px rgba(90,130,90,0.12);\n            transform: translateY(-1px);\n        }\n        .ssf-icon {\n            width: 42px;\n            height: 42px;\n            border-radius: 50%;\n            background: #EDE3D0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 19px;\n            flex-shrink: 0;\n        }\n        .ssf-btn-text strong {\n            display: block;\n            font-size: 15px;\n            font-weight: 700;\n            color: #3A3330;\n            margin-bottom: 2px;\n        }\n        .ssf-btn-text span {\n            font-size: 13px;\n            color: #6B605A;\n            font-weight: normal;\n        }\n\n        \/* Ergebnis *\/\n        .ssf-result {\n            border-radius: 10px;\n            padding: 24px;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n        .ssf-result.cotton {\n            background: linear-gradient(135deg, #F5EDE0, #EDE0CC);\n            border: 2px solid #C8B89A;\n        }\n        .ssf-result.slim {\n            background: linear-gradient(135deg, #E8F0E8, #D8E8DA);\n            border: 2px solid #8A9E8C;\n        }\n        .ssf-badge {\n            display: inline-block;\n            font-family: Arial, sans-serif;\n            font-size: 10px;\n            font-weight: 700;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            padding: 4px 14px;\n            border-radius: 20px;\n            color: #fff;\n            margin-bottom: 14px;\n        }\n        .ssf-result.cotton .ssf-badge { background: #C8B89A; }\n        .ssf-result.slim .ssf-badge   { background: #8A9E8C; }\n\n        .ssf-result h3 {\n            font-family: Georgia, serif;\n            font-size: 26px;\n            font-weight: normal;\n            color: #3A3330;\n            margin-bottom: 10px;\n        }\n        .ssf-result p {\n            font-size: 14px;\n            color: #6B605A;\n            line-height: 1.6;\n        }\n        .ssf-features {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            margin-top: 16px;\n            text-align: left;\n        }\n        .ssf-feature {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-family: Arial, sans-serif;\n            font-size: 13px;\n            color: #6B605A;\n        }\n        .ssf-feature::before {\n            content: '\u2713';\n            font-weight: 700;\n            color: #5C7A5E;\n            flex-shrink: 0;\n        }\n\n        \/* Both *\/\n        .ssf-both-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n            margin-bottom: 20px;\n        }\n        .ssf-mini {\n            border-radius: 10px;\n            padding: 18px 14px;\n            text-align: center;\n        }\n        .ssf-mini.cotton { background: linear-gradient(135deg, #F5EDE0, #EDE0CC); border: 2px solid #C8B89A; }\n        .ssf-mini.slim   { background: linear-gradient(135deg, #E8F0E8, #D8E8DA); border: 2px solid #8A9E8C; }\n        .ssf-mini-name {\n            font-family: Georgia, serif;\n            font-size: 18px;\n            color: #3A3330;\n            margin-bottom: 6px;\n        }\n        .ssf-mini p {\n            font-family: Arial, sans-serif;\n            font-size: 12px;\n            color: #6B605A;\n            line-height: 1.4;\n        }\n        .ssf-both-title {\n            font-family: Georgia, serif;\n            font-size: 20px;\n            color: #3A3330;\n            text-align: center;\n            margin-bottom: 10px;\n        }\n        .ssf-both-sub {\n            font-family: Arial, sans-serif;\n            font-size: 14px;\n            color: #6B605A;\n            text-align: center;\n            line-height: 1.6;\n            margin-bottom: 20px;\n        }\n\n        \/* CTA *\/\n        .ssf-cta {\n            display: block;\n            width: 100%;\n            padding: 15px;\n            border-radius: 10px;\n            border: none;\n            font-family: Arial, sans-serif;\n            font-size: 14px;\n            font-weight: 700;\n            letter-spacing: 1px;\n            cursor: pointer;\n            text-align: center;\n            text-decoration: none;\n            transition: all 0.2s;\n            margin-bottom: 10px;\n            box-sizing: border-box;\n        }\n        .ssf-cta.primary {\n            background: #5C7A5E;\n            color: #fff !important;\n        }\n        .ssf-cta.primary:hover {\n            background: #4A6A4C;\n            box-shadow: 0 6px 18px rgba(90,130,90,0.25);\n            transform: translateY(-1px);\n            text-decoration: none;\n        }\n        .ssf-cta.secondary {\n            background: transparent;\n            color: #5C7A5E !important;\n            border: 2px solid #C3D4C5;\n        }\n        .ssf-cta.secondary:hover {\n            border-color: #5C7A5E;\n            text-decoration: none;\n        }\n        .ssf-restart {\n            display: block;\n            text-align: center;\n            margin-top: 16px;\n            font-family: Arial, sans-serif;\n            font-size: 13px;\n            color: #6B605A;\n            cursor: pointer;\n            border: none;\n            background: none;\n            text-decoration: underline;\n            text-underline-offset: 3px;\n            width: 100%;\n        }\n        .ssf-restart:hover { color: #3A3330; }\n\n        @media (max-width: 480px) {\n            .ssf-card { padding: 24px 16px; }\n            .ssf-both-grid { grid-template-columns: 1fr; }\n            .ssf-step h2 { font-size: 19px; }\n        }\n    <\/style>\n\n    <div class=\"ssf-wrapper\">\n\n        <div class=\"ssf-progress\" id=\"ssf-progress\">\n            <div class=\"ssf-dot active\"><\/div>\n            <div class=\"ssf-dot\"><\/div>\n        <\/div>\n\n        <div class=\"ssf-card\">\n\n            <!-- Schritt 1 -->\n            <div class=\"ssf-step ssf-visible\" id=\"ssf-step1\">\n                <p class=\"ssf-label\">Frage 1 von 2<\/p>\n                <h2>Hast du empfindliche Haut oder neigst du zu Infektionen?<\/h2>\n                <div class=\"ssf-options\">\n                    <button class=\"ssf-btn\" onclick=\"ssfStep2('sensitive')\">\n                        <div class=\"ssf-icon\">\ud83c\udf38<\/div>\n                        <div class=\"ssf-btn-text\">\n                            <strong>Ja<\/strong>\n                            <span>Meine Haut reagiert schnell oder ich bin infektionsanf\u00e4llig<\/span>\n                        <\/div>\n                    <\/button>\n                    <button class=\"ssf-btn\" onclick=\"ssfStep2('normal')\">\n                        <div class=\"ssf-icon\">\ud83c\udf3f<\/div>\n                        <div class=\"ssf-btn-text\">\n                            <strong>Nein<\/strong>\n                            <span>Meine Haut ist robust und ich habe keine Beschwerden<\/span>\n                        <\/div>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Schritt 2 -->\n            <div class=\"ssf-step\" id=\"ssf-step2\">\n                <p class=\"ssf-label\">Frage 2 von 2<\/p>\n                <h2>Wie h\u00e4ufig m\u00f6chtest du die SlipSafe Slipeinlagen tragen?<\/h2>\n                <div class=\"ssf-options\">\n                    <button class=\"ssf-btn\" onclick=\"ssfResult('cotton')\">\n                        <div class=\"ssf-icon\">\ud83d\udcc5<\/div>\n                        <div class=\"ssf-btn-text\">\n                            <strong>Mehr als 2 Tage am St\u00fcck<\/strong>\n                            <span>T\u00e4glich oder regelm\u00e4ssig in Folge<\/span>\n                        <\/div>\n                    <\/button>\n                    <button class=\"ssf-btn\" onclick=\"ssfResult('both')\">\n                        <div class=\"ssf-icon\">\ud83d\uddd3\ufe0f<\/div>\n                        <div class=\"ssf-btn-text\">\n                            <strong>Maximal 2 Tage pro Monat<\/strong>\n                            <span>Nur gelegentlich, bei Bedarf<\/span>\n                        <\/div>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Ergebnis: nur COTTON -->\n            <div class=\"ssf-step\" id=\"ssf-resultCotton\">\n                <div class=\"ssf-result cotton\">\n                    <span class=\"ssf-badge\">Empfehlung<\/span>\n                    <h3>SlipSafe COTTON<\/h3>\n                    <p>Die COTTON-Serie ist ideal f\u00fcr dich \u2013 aus 100 % reiner Baumwolle, besonders atmungsaktiv und hautfreundlich.<\/p>\n                    <div class=\"ssf-features\">\n                        <div class=\"ssf-feature\">100 % nat\u00fcrliche Baumwolle<\/div>\n                        <div class=\"ssf-feature\">Perfekt bei empfindlicher Haut &amp; Infektionsneigung<\/div>\n                        <div class=\"ssf-feature\">Ideal f\u00fcr den t\u00e4glichen Gebrauch<\/div>\n                        <div class=\"ssf-feature\">Waschbar bis 60 \u00b0C<\/div>\n                    <\/div>\n                <\/div>\n                <a href=\"https:\/\/www.slipsafe.ch\/DEU\/slipsafe-cotton\/\" class=\"ssf-cta primary\">Zur COTTON-Serie \u2192<\/a>\n                <button class=\"ssf-restart\" onclick=\"ssfRestart()\">Nochmal von vorne<\/button>\n            <\/div>\n\n            <!-- Ergebnis: COTTON und SLIM -->\n            <div class=\"ssf-step\" id=\"ssf-resultBoth\">\n                <p class=\"ssf-both-title\">Beide Varianten passen zu dir<\/p>\n                <p class=\"ssf-both-sub\">F\u00fcr den gelegentlichen Gebrauch stehen dir COTTON und SLIM offen \u2013 entscheide selbst, was dir wichtiger ist.<\/p>\n                <div class=\"ssf-both-grid\">\n                    <div class=\"ssf-mini cotton\">\n                        <div class=\"ssf-mini-name\">COTTON<\/div>\n                        <p>100 % Baumwolle \u00b7 besonders atmungsaktiv \u00b7 f\u00fcr t\u00e4glichen Einsatz<\/p>\n                    <\/div>\n                    <div class=\"ssf-mini slim\">\n                        <div class=\"ssf-mini-name\">SLIM<\/div>\n                        <p>Hauchd\u00fcnn \u00b7 PU-Innenschicht f\u00fcr N\u00e4sseschutz \u00b7 besonders leicht<\/p>\n                    <\/div>\n                <\/div>\n                <a href=\"https:\/\/www.slipsafe.ch\/DEU\/slipsafe-cotton\/\" class=\"ssf-cta primary\">Zur COTTON-Serie \u2192<\/a>\n                <a href=\"https:\/\/www.slipsafe.ch\/DEU\/produkt\/slipsafe-slim-normal\/\" class=\"ssf-cta secondary\">Zur SLIM-Serie \u2192<\/a>\n                <button class=\"ssf-restart\" onclick=\"ssfRestart()\">Nochmal von vorne<\/button>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <script>\n        function ssfShow(id) {\n            document.querySelectorAll('.ssf-step').forEach(function(s) {\n                s.classList.remove('ssf-visible');\n            });\n            document.getElementById(id).classList.add('ssf-visible');\n        }\n\n        function ssfUpdateProgress(active) {\n            var dots = document.querySelectorAll('.ssf-dot');\n            dots.forEach(function(dot, i) {\n                dot.classList.remove('active', 'done');\n                if (i < active) dot.classList.add('done');\n                if (i === active) dot.classList.add('active');\n            });\n        }\n\n        function ssfStep2(skin) {\n            if (skin === 'sensitive') {\n                ssfResult('cotton');\n                return;\n            }\n            ssfShow('ssf-step2');\n            ssfUpdateProgress(1);\n        }\n\n        function ssfResult(type) {\n            document.getElementById('ssf-progress').style.display = 'none';\n            if (type === 'cotton') {\n                ssfShow('ssf-resultCotton');\n            } else {\n                ssfShow('ssf-resultBoth');\n            }\n        }\n\n        function ssfRestart() {\n            ssfShow('ssf-step1');\n            document.getElementById('ssf-progress').style.display = 'flex';\n            ssfUpdateProgress(0);\n        }\n    <\/script>\n    [\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Du fragst dich, ob \u201eCOTTON&#8220; oder \u201eSLIM&#8220; die richtige Wahl f\u00fcr dich ist? Beantworte zwei kurze Fragen \u2013 und du weisst es sofort.     <style>\n        .ssf-wrapper {\n            max-width: 560px;\n            margin: 0 auto;\n            font-family: Georgia, 'Times New Roman', serif;\n        }\n        .ssf-progress {\n            display: flex;\n            gap: 6px;\n            justify-content: center;\n            margin-bottom: 28px;\n        }\n        .ssf-dot {\n            width: 9px;\n            height: 9px;\n            border-radius: 50%;\n            background: #D4C4A8;\n            transition: background 0.3s, transform 0.3s;\n        }\n        .ssf-dot.active {\n            background: #5C7A5E;\n            transform: scale(1.25);\n        }\n        .ssf-dot.done {\n            background: #8A9E8C;\n        }\n        .ssf-card {\n            background: #FDFAF6;\n            border-radius: 14px;\n            padding: 36px 32px;\n            box-shadow: 0 4px 24px rgba(80,60,40,0.09);\n            border-top: 3px solid #8A9E8C;\n        }\n        .ssf-step {\n            display: none;\n        }\n        .ssf-step.ssf-visible {\n            display: block;\n            animation: ssfFade 0.35s ease;\n        }\n        @keyframes ssfFade {\n            from { opacity: 0; transform: translateY(10px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n        .ssf-label {\n            font-family: Arial, sans-serif;\n            font-size: 11px;\n            font-weight: 600;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            color: #8A9E8C;\n            margin-bottom: 12px;\n        }\n        .ssf-step h2 {\n            font-family: Georgia, serif;\n            font-size: 22px;\n            font-weight: normal;\n            color: #3A3330;\n            line-height: 1.4;\n            margin-bottom: 26px;\n        }\n        .ssf-options {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n        .ssf-btn {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            padding: 16px 18px;\n            border: 2px solid #EDE3D0;\n            border-radius: 10px;\n            background: #fff;\n            cursor: pointer;\n            text-align: left;\n            width: 100%;\n            transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;\n            font-family: Arial, sans-serif;\n        }\n        .ssf-btn:hover {\n            border-color: #8A9E8C;\n            box-shadow: 0 4px 14px rgba(90,130,90,0.12);\n            transform: translateY(-1px);\n        }\n        .ssf-icon {\n            width: 42px;\n            height: 42px;\n            border-radius: 50%;\n            background: #EDE3D0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 19px;\n            flex-shrink: 0;\n        }\n        .ssf-btn-text strong {\n            display: block;\n            font-size: 15px;\n            font-weight: 700;\n            color: #3A3330;\n            margin-bottom: 2px;\n        }\n        .ssf-btn-text span {\n            font-size: 13px;\n            color: #6B605A;\n            font-weight: normal;\n        }\n\n        \/* Ergebnis *\/\n        .ssf-result {\n            border-radius: 10px;\n            padding: 24px;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n        .ssf-result.cotton {\n            background: linear-gradient(135deg, #F5EDE0, #EDE0CC);\n            border: 2px solid #C8B89A;\n        }\n        .ssf-result.slim {\n            background: linear-gradient(135deg, #E8F0E8, #D8E8DA);\n            border: 2px solid #8A9E8C;\n        }\n        .ssf-badge {\n            display: inline-block;\n            font-family: Arial, sans-serif;\n            font-size: 10px;\n            font-weight: 700;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            padding: 4px 14px;\n            border-radius: 20px;\n            color: #fff;\n            margin-bottom: 14px;\n        }\n        .ssf-result.cotton .ssf-badge { background: #C8B89A; }\n        .ssf-result.slim .ssf-badge   { background: #8A9E8C; }\n\n        .ssf-result h3 {\n            font-family: Georgia, serif;\n            font-size: 26px;\n            font-weight: normal;\n            color: #3A3330;\n            margin-bottom: 10px;\n        }\n        .ssf-result p {\n            font-size: 14px;\n            color: #6B605A;\n            line-height: 1.6;\n        }\n        .ssf-features {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            margin-top: 16px;\n            text-align: left;\n        }\n        .ssf-feature {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-family: Arial, sans-serif;\n            font-size: 13px;\n            color: #6B605A;\n        }\n        .ssf-feature::before {\n            content: '\u2713';\n            font-weight: 700;\n            color: #5C7A5E;\n            flex-shrink: 0;\n        }\n\n        \/* Both *\/\n        .ssf-both-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n            margin-bottom: 20px;\n        }\n        .ssf-mini {\n            border-radius: 10px;\n            padding: 18px 14px;\n            text-align: center;\n        }\n        .ssf-mini.cotton { background: linear-gradient(135deg, #F5EDE0, #EDE0CC); border: 2px solid #C8B89A; }\n        .ssf-mini.slim   { background: linear-gradient(135deg, #E8F0E8, #D8E8DA); border: 2px solid #8A9E8C; }\n        .ssf-mini-name {\n            font-family: Georgia, serif;\n            font-size: 18px;\n            color: #3A3330;\n            margin-bottom: 6px;\n        }\n        .ssf-mini p {\n            font-family: Arial, sans-serif;\n            font-size: 12px;\n            color: #6B605A;\n            line-height: 1.4;\n        }\n        .ssf-both-title {\n            font-family: Georgia, serif;\n            font-size: 20px;\n            color: #3A3330;\n            text-align: center;\n            margin-bottom: 10px;\n        }\n        .ssf-both-sub {\n            font-family: Arial, sans-serif;\n            font-size: 14px;\n            color: #6B605A;\n            text-align: center;\n            line-height: 1.6;\n            margin-bottom: 20px;\n        }\n\n        \/* CTA *\/\n        .ssf-cta {\n            display: block;\n            width: 100%;\n            padding: 15px;\n            border-radius: 10px;\n            border: none;\n            font-family: Arial, sans-serif;\n            font-size: 14px;\n            font-weight: 700;\n            letter-spacing: 1px;\n            cursor: pointer;\n            text-align: center;\n            text-decoration: none;\n            transition: all 0.2s;\n            margin-bottom: 10px;\n            box-sizing: border-box;\n        }\n        .ssf-cta.primary {\n            background: #5C7A5E;\n            color: #fff !important;\n        }\n        .ssf-cta.primary:hover {\n            background: #4A6A4C;\n            box-shadow: 0 6px 18px rgba(90,130,90,0.25);\n            transform: translateY(-1px);\n            text-decoration: none;\n        }\n        .ssf-cta.secondary {\n            background: transparent;\n            color: #5C7A5E !important;\n            border: 2px solid #C3D4C5;\n        }\n        .ssf-cta.secondary:hover {\n            border-color: #5C7A5E;\n            text-decoration: none;\n        }\n        .ssf-restart {\n            display: block;\n            text-align: center;\n            margin-top: 16px;\n            font-family: Arial, sans-serif;\n            font-size: 13px;\n            color: #6B605A;\n            cursor: pointer;\n            border: none;\n            background: none;\n            text-decoration: underline;\n            text-underline-offset: 3px;\n            width: 100%;\n        }\n        .ssf-restart:hover { color: #3A3330; }\n\n        @media (max-width: 480px) {\n            .ssf-card { padding: 24px 16px; }\n            .ssf-both-grid { grid-template-columns: 1fr; }\n            .ssf-step h2 { font-size: 19px; }\n        }\n    <\/style>\n\n    <div class=\"ssf-wrapper\">\n\n        <div class=\"ssf-progress\" id=\"ssf-progress\">\n            <div class=\"ssf-dot active\"><\/div>\n            <div class=\"ssf-dot\"><\/div>\n        <\/div>\n\n        <div class=\"ssf-card\">\n\n            <!-- Schritt 1 -->\n            <div class=\"ssf-step ssf-visible\" id=\"ssf-step1\">\n                <p class=\"ssf-label\">Frage 1 von 2<\/p>\n                <h2>Hast du empfindliche Haut oder neigst du zu Infektionen?<\/h2>\n                <div class=\"ssf-options\">\n                    <button class=\"ssf-btn\" onclick=\"ssfStep2('sensitive')\">\n                        <div class=\"ssf-icon\">\ud83c\udf38<\/div>\n                        <div class=\"ssf-btn-text\">\n                            <strong>Ja<\/strong>\n                            <span>Meine Haut reagiert schnell oder ich bin infektionsanf\u00e4llig<\/span>\n                        <\/div>\n                    <\/button>\n                    <button class=\"ssf-btn\" onclick=\"ssfStep2('normal')\">\n                        <div class=\"ssf-icon\">\ud83c\udf3f<\/div>\n                        <div class=\"ssf-btn-text\">\n                            <strong>Nein<\/strong>\n                            <span>Meine Haut ist robust und ich habe keine Beschwerden<\/span>\n                        <\/div>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Schritt 2 -->\n            <div class=\"ssf-step\" id=\"ssf-step2\">\n                <p class=\"ssf-label\">Frage 2 von 2<\/p>\n                <h2>Wie h\u00e4ufig m\u00f6chtest du die SlipSafe Slipeinlagen tragen?<\/h2>\n                <div class=\"ssf-options\">\n                    <button class=\"ssf-btn\" onclick=\"ssfResult('cotton')\">\n                        <div class=\"ssf-icon\">\ud83d\udcc5<\/div>\n                        <div class=\"ssf-btn-text\">\n                            <strong>Mehr als 2 Tage am St\u00fcck<\/strong>\n                            <span>T\u00e4glich oder regelm\u00e4ssig in Folge<\/span>\n                        <\/div>\n                    <\/button>\n                    <button class=\"ssf-btn\" onclick=\"ssfResult('both')\">\n                        <div class=\"ssf-icon\">\ud83d\uddd3\ufe0f<\/div>\n                        <div class=\"ssf-btn-text\">\n                            <strong>Maximal 2 Tage pro Monat<\/strong>\n                            <span>Nur gelegentlich, bei Bedarf<\/span>\n                        <\/div>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Ergebnis: nur COTTON -->\n            <div class=\"ssf-step\" id=\"ssf-resultCotton\">\n                <div class=\"ssf-result cotton\">\n                    <span class=\"ssf-badge\">Empfehlung<\/span>\n                    <h3>SlipSafe COTTON<\/h3>\n                    <p>Die COTTON-Serie ist ideal f\u00fcr dich \u2013 aus 100 % reiner Baumwolle, besonders atmungsaktiv und hautfreundlich.<\/p>\n                    <div class=\"ssf-features\">\n                        <div class=\"ssf-feature\">100 % nat\u00fcrliche Baumwolle<\/div>\n                        <div class=\"ssf-feature\">Perfekt bei empfindlicher Haut &amp; Infektionsneigung<\/div>\n                        <div class=\"ssf-feature\">Ideal f\u00fcr den t\u00e4glichen Gebrauch<\/div>\n                        <div class=\"ssf-feature\">Waschbar bis 60 \u00b0C<\/div>\n                    <\/div>\n                <\/div>\n                <a href=\"https:\/\/www.slipsafe.ch\/DEU\/slipsafe-cotton\/\" class=\"ssf-cta primary\">Zur COTTON-Serie \u2192<\/a>\n                <button class=\"ssf-restart\" onclick=\"ssfRestart()\">Nochmal von vorne<\/button>\n            <\/div>\n\n            <!-- Ergebnis: COTTON und SLIM -->\n            <div class=\"ssf-step\" id=\"ssf-resultBoth\">\n                <p class=\"ssf-both-title\">Beide Varianten passen zu dir<\/p>\n                <p class=\"ssf-both-sub\">F\u00fcr den gelegentlichen Gebrauch stehen dir COTTON und SLIM offen \u2013 entscheide selbst, was dir wichtiger ist.<\/p>\n                <div class=\"ssf-both-grid\">\n                    <div class=\"ssf-mini cotton\">\n                        <div class=\"ssf-mini-name\">COTTON<\/div>\n                        <p>100 % Baumwolle \u00b7 besonders atmungsaktiv \u00b7 f\u00fcr t\u00e4glichen Einsatz<\/p>\n                    <\/div>\n                    <div class=\"ssf-mini slim\">\n                        <div class=\"ssf-mini-name\">SLIM<\/div>\n                        <p>Hauchd\u00fcnn \u00b7 PU-Innenschicht f\u00fcr N\u00e4sseschutz \u00b7 besonders leicht<\/p>\n                    <\/div>\n                <\/div>\n                <a href=\"https:\/\/www.slipsafe.ch\/DEU\/slipsafe-cotton\/\" class=\"ssf-cta primary\">Zur COTTON-Serie \u2192<\/a>\n                <a href=\"https:\/\/www.slipsafe.ch\/DEU\/produkt\/slipsafe-slim-normal\/\" class=\"ssf-cta secondary\">Zur SLIM-Serie \u2192<\/a>\n                <button class=\"ssf-restart\" onclick=\"ssfRestart()\">Nochmal von vorne<\/button>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <script>\n        function ssfShow(id) {\n            document.querySelectorAll('.ssf-step').forEach(function(s) {\n                s.classList.remove('ssf-visible');\n            });\n            document.getElementById(id).classList.add('ssf-visible');\n        }\n\n        function ssfUpdateProgress(active) {\n            var dots = document.querySelectorAll('.ssf-dot');\n            dots.forEach(function(dot, i) {\n                dot.classList.remove('active', 'done');\n                if (i < active) dot.classList.add('done');\n                if (i === active) dot.classList.add('active');\n            });\n        }\n\n        function ssfStep2(skin) {\n            if (skin === 'sensitive') {\n                ssfResult('cotton');\n                return;\n            }\n            ssfShow('ssf-step2');\n            ssfUpdateProgress(1);\n        }\n\n        function ssfResult(type) {\n            document.getElementById('ssf-progress').style.display = 'none';\n            if (type === 'cotton') {\n                ssfShow('ssf-resultCotton');\n            } else {\n                ssfShow('ssf-resultBoth');\n            }\n        }\n\n        function ssfRestart() {\n            ssfShow('ssf-step1');\n            document.getElementById('ssf-progress').style.display = 'flex';\n            ssfUpdateProgress(0);\n        }\n    <\/script>\n    <\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:heading -->\n<h2 class=\"wp-block-heading\">Du fragst dich, ob \u201eCOTTON\" oder \u201eSLIM\" die richtige Wahl f\u00fcr dich ist? Beantworte zwei kurze Fragen \u2013 und du weisst es sofort.<\/h2>\n<!-- \/wp:heading -->","_et_gb_content_width":"","footnotes":""},"class_list":["post-559","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/slipsafe.ch\/DEU\/wp-json\/wp\/v2\/pages\/559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/slipsafe.ch\/DEU\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/slipsafe.ch\/DEU\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/slipsafe.ch\/DEU\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/slipsafe.ch\/DEU\/wp-json\/wp\/v2\/comments?post=559"}],"version-history":[{"count":6,"href":"https:\/\/slipsafe.ch\/DEU\/wp-json\/wp\/v2\/pages\/559\/revisions"}],"predecessor-version":[{"id":242828,"href":"https:\/\/slipsafe.ch\/DEU\/wp-json\/wp\/v2\/pages\/559\/revisions\/242828"}],"wp:attachment":[{"href":"https:\/\/slipsafe.ch\/DEU\/wp-json\/wp\/v2\/media?parent=559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}