{"id":51,"date":"2025-02-11T10:53:52","date_gmt":"2025-02-11T10:53:52","guid":{"rendered":"https:\/\/praeparatio.dev-dare.de\/?page_id=51"},"modified":"2026-10-06T17:40:17","modified_gmt":"2026-10-06T15:40:17","slug":"startseite","status":"publish","type":"page","link":"https:\/\/shoeeyeq.com\/fr\/","title":{"rendered":"Page d'accueil"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"51\" class=\"elementor elementor-51\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-668395c7 e-flex e-con-boxed e-con e-parent\" data-id=\"668395c7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3d39124f e-con-full e-flex e-con e-child\" data-id=\"3d39124f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-686de5e2 elementor-widget elementor-widget-heading\" data-id=\"686de5e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">E-learning &amp; formation pour la technique de la chaussure orthop\u00e9dique<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19b66034 elementor-widget elementor-widget-text-editor\" data-id=\"19b66034\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #0a86aa;\">Praeparatio.<\/span>\u00a0Pr\u00e9server l'artisanat, approfondir les connaissances, fa\u00e7onner l'avenir - formation continue num\u00e9rique pour la technique de la chaussure orthop\u00e9dique.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5606442 e-con-full e-flex e-con e-child\" data-id=\"5606442\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54e2aa5c elementor-widget elementor-widget-button\" data-id=\"54e2aa5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#login\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Inscription<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44accf2c elementor-widget elementor-widget-button\" data-id=\"44accf2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/fr\/kurse\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewbox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Aper\u00e7u des cours<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1865fb71 e-con-full e-flex e-con e-child\" data-id=\"1865fb71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41ec253c elementor-widget elementor-widget-image\" data-id=\"41ec253c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/02\/02.jpg\" class=\"attachment-full size-full wp-image-18\" alt=\"\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/02\/02.jpg 300w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/02\/02-12x12.jpg 12w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/02\/02-150x150.jpg 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5abf8a9 elementor-widget elementor-widget-image\" data-id=\"5abf8a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/02\/Profilbild-hi-there.png\" class=\"attachment-full size-full wp-image-388\" alt=\"\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/02\/Profilbild-hi-there.png 1024w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/02\/Profilbild-hi-there-12x12.png 12w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/02\/Profilbild-hi-there-150x150.png 150w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/02\/Profilbild-hi-there-300x300.png 300w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/02\/Profilbild-hi-there-768x768.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49d7d472 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"49d7d472\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Devenez l'un des plus de 750 membres et profitez des avantages.<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74531ea7 e-con-full e-flex e-con e-child\" data-id=\"74531ea7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74973da5 elementor-widget__width-initial elementor-absolute elementor-invisible elementor-widget elementor-widget-spacer\" data-id=\"74973da5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d15799c elementor-invisible elementor-widget elementor-widget-image\" data-id=\"1d15799c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1713\" height=\"996\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/05\/E-Learning-Training-fuer-die-Orthopaedieschuhtechnik.webp\" class=\"attachment-full size-full wp-image-719\" alt=\"E-Learning &amp; Training f\u00fcr die Orthop\u00e4dieschuhtechnik\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/05\/E-Learning-Training-fuer-die-Orthopaedieschuhtechnik.webp 1713w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/05\/E-Learning-Training-fuer-die-Orthopaedieschuhtechnik-300x174.webp 300w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/05\/E-Learning-Training-fuer-die-Orthopaedieschuhtechnik-768x447.webp 768w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/05\/E-Learning-Training-fuer-die-Orthopaedieschuhtechnik-1024x595.webp 1024w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/05\/E-Learning-Training-fuer-die-Orthopaedieschuhtechnik-1536x893.webp 1536w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/05\/E-Learning-Training-fuer-die-Orthopaedieschuhtechnik-18x10.webp 18w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/05\/E-Learning-Training-fuer-die-Orthopaedieschuhtechnik-400x233.webp 400w\" sizes=\"(max-width: 1713px) 100vw, 1713px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24b77d09 e-flex e-con-boxed e-con e-parent\" data-id=\"24b77d09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3df4db68 e-con-full e-flex e-con e-child\" data-id=\"3df4db68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-66a8421 e-con-full e-flex e-con e-child\" data-id=\"66a8421\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f86b8e2 elementor-widget elementor-widget-text-editor\" data-id=\"f86b8e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h1>La tradition rencontre l'avenir E-Learning &amp; Training<\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29d24bf1 e-con-full e-flex e-con e-child\" data-id=\"29d24bf1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a65046b elementor-widget elementor-widget-text-editor\" data-id=\"5a65046b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>L'artisanat de ma\u00eetrise m\u00e9rite une excellente formation continue.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b702428 elementor-widget elementor-widget-button\" data-id=\"6b702428\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/fr\/kurse\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewbox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Tous les cours<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ppber01 e-con-full e-flex e-con e-parent\" data-id=\"ppber01\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ppber02 elementor-widget elementor-widget-shortcode\" data-id=\"ppber02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style id=\"pp-produktseiten-css\">\n.pp {\n    --pp-primary: #0A86AA;\n    --pp-dark: #086b88;\n    --pp-text: #121C1A;\n    --pp-muted: #55635f;\n    --pp-gruen-1: #E8EDE6;\n    --pp-gruen-2: #DAE3D6;\n    --pp-braun-1: #E6E1D1;\n    --pp-braun-2: #F1F0EC;\n    --pp-grau: #F8F8F8;\n    --pp-rand: #dfe5e2;\n\n    font-family: \"Onest\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n    color: var(--pp-text) !important;\n    font-size: 18px !important;\n    line-height: 1.65 !important;\n    -webkit-font-smoothing: antialiased;\n}\n.pp, .pp * { box-sizing: border-box !important; }\n.pp img { max-width: 100% !important; height: auto !important; }\n\n\/* Innenmass aller Baender. Genau die Werte der Kopfzeile: deren .e-con-inner\n   hat max-width 1280px und 20px Innenabstand. Dadurch beginnt der Inhalt auf\n   derselben senkrechten Linie wie das Logo. Wer hier etwas aendert, bricht\n   diese Flucht - also gegen die Kopfzeile nachmessen. *\/\n.pp-innen {\n    width: 100% !important;\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    padding-left: 20px !important;\n    padding-right: 20px !important;\n}\n\n\/* ACHTUNG bei allen Regeln, die ein <p> treffen: die Sammelregel .pp p weiter\n   unten hat als Klasse+Typ die Spezifitaet (0,1,1) und setzt color und margin\n   mit !important. Eine Regel mit nur einer Klasse (0,1,0) verliert dagegen,\n   auch mit !important. Deshalb steht vor jeder solchen Klasse ein .pp - das\n   ergibt (0,2,0) und gewinnt. Ohne das stand der Hero-Vorspann dunkel auf\n   dunklem Grund. *\/\n\n\/* ---------- Auszeichnung \/ Kleinueberschrift ---------- *\/\n.pp .pp-label {\n    display: inline-block !important;\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    letter-spacing: .14em !important;\n    text-transform: uppercase !important;\n    color: var(--pp-dark) !important;\n    margin: 0 0 14px !important;\n    line-height: 1.4 !important;\n}\n.pp-hero .pp-label { color: #b9e7f4 !important; }\n\n\/* ---------- Hero ---------- *\/\n.pp-hero {\n    position: relative !important;\n    display: flex !important;\n    align-items: flex-end !important;\n    min-height: clamp(400px, 56vh, 620px) !important;\n    background-color: #0d2a33 !important;\n    overflow: hidden !important;\n    isolation: isolate !important;\n}\n\/* img.pp-hero-bild und nicht nur .pp-hero-bild: die Regel .pp img weiter oben\n   setzt height:auto und max-width:100% ebenfalls mit !important und hat als\n   Klasse+Typ die hoehere Spezifitaet. Ohne den Typ im Selektor waere das Bild\n   in voller Seitenverhaeltnis-Hoehe gestanden und unten abgeschnitten worden,\n   statt mittig beschnitten zu werden. *\/\n.pp img.pp-hero-bild {\n    position: absolute !important;\n    inset: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n    object-position: center !important;\n    z-index: 0 !important;\n    max-width: none !important;\n}\n\/* Zwei Verlaeufe: einer von unten fuer die Lesbarkeit der Schrift, einer\n   flach ueber alles, damit auch helle Bildstellen den Text nicht fressen. *\/\n.pp-hero-schleier {\n    position: absolute !important;\n    inset: 0 !important;\n    z-index: 1 !important;\n    background-image:\n        linear-gradient(to top, rgba(6,26,32,.94) 0%, rgba(6,26,32,.78) 34%, rgba(6,26,32,.30) 68%, rgba(6,26,32,.12) 100%),\n        linear-gradient(to right, rgba(6,26,32,.55) 0%, rgba(6,26,32,.10) 60%) !important;\n}\n.pp-hero-inhalt {\n    position: relative !important;\n    z-index: 2 !important;\n    padding-top: clamp(70px, 12vw, 120px) !important;\n    padding-bottom: clamp(40px, 6vw, 66px) !important;\n    color: #fff !important;\n}\n.pp-hero h1 {\n    margin: 0 !important;\n    color: #fff !important;\n    font-size: clamp(38px, 6.4vw, 76px) !important;\n    line-height: 1.06 !important;\n    font-weight: 700 !important;\n    letter-spacing: -.035em !important;\n    text-transform: none !important;\n    \/* Kein max-width: die Ueberschrift laeuft ueber die volle Bandbreite.\n       Die Silbentrennung bleibt trotzdem stehen - auf dem Telefon wird sie\n       weiter gebraucht. *\/\n    max-width: none !important;\n    \/* \"Orthopaedieschuhtechnik\" ist laenger als ein Telefon breit ist. Ohne\n       Umbruchpunkt lief das Wort aus dem Hero heraus und wurde von dessen\n       overflow:hidden ersatzlos abgeschnitten - ohne jeden Hinweis darauf.\n       hyphens greift, weil das Dokument lang=\"de-DE\" mitliefert. *\/\n    overflow-wrap: break-word !important;\n    hyphens: auto !important;\n    -webkit-hyphens: auto !important;\n}\n.pp .pp-hero-lead {\n    margin: 20px 0 0 !important;\n    max-width: 60ch !important;\n    font-size: clamp(17px, 1.7vw, 22px) !important;\n    line-height: 1.55 !important;\n    color: rgba(255,255,255,.92) !important;\n}\n\n\/* ---------- Knoepfe ---------- *\/\n.pp-knoepfe {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 12px !important;\n    margin-top: 28px !important;\n}\n\/* Form und Mass der Knoepfe der uebrigen Website: der Hero-Knopf\n   (.custom-hero-btn-primary), \"Jetzt einschreiben\" (.btn-primary) und die\n   Knoepfe im Megamenue stehen alle auf 8px Radius, 15px Schrift und\n   14px\/28px Innenabstand. Keine Pillenform - die kommt auf der Seite\n   nirgends vor. *\/\n.pp-btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 10px !important;\n    padding: 14px 28px !important;\n    border-radius: 8px !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    line-height: 1 !important;\n    text-decoration: none !important;\n    \/* Das Theme setzt jeden <button> in Grossbuchstaben. Bei den Knoepfen\n       aus <a> faellt das nicht auf, beim Absendeknopf des Bestellformulars\n       schon - und dann sehen die Knoepfe nicht mehr gleich aus. *\/\n    text-transform: none !important;\n    letter-spacing: normal !important;\n    border: 2px solid transparent !important;\n    transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease !important;\n    cursor: pointer !important;\n}\n.pp-btn-primaer {\n    background-color: var(--pp-dark) !important;\n    color: #fff !important;\n    border-color: var(--pp-dark) !important;\n}\n.pp-btn-primaer:hover, .pp-btn-primaer:focus-visible {\n    background-color: #06576f !important;\n    border-color: #06576f !important;\n    color: #fff !important;\n    transform: translateY(-1px) !important;\n}\n.pp-btn-hell {\n    background-color: #fff !important;\n    color: var(--pp-dark) !important;\n    border-color: #fff !important;\n}\n.pp-btn-hell:hover, .pp-btn-hell:focus-visible {\n    background-color: transparent !important;\n    color: #fff !important;\n    border-color: #fff !important;\n    transform: translateY(-1px) !important;\n}\n.pp-btn-rand {\n    background-color: transparent !important;\n    color: var(--pp-dark) !important;\n    border-color: rgba(8,107,136,.45) !important;\n}\n.pp-btn-rand:hover, .pp-btn-rand:focus-visible {\n    background-color: var(--pp-dark) !important;\n    border-color: var(--pp-dark) !important;\n    color: #fff !important;\n    transform: translateY(-1px) !important;\n}\n\/* Randknopf auf dunklem Grund: der Standardrand waere dort kaum zu sehen. *\/\n.pp-bestellen .pp-btn-auf-dunkel {\n    color: #fff !important;\n    border-color: rgba(255,255,255,.55) !important;\n    background-color: transparent !important;\n}\n.pp-bestellen .pp-btn-auf-dunkel:hover, .pp-bestellen .pp-btn-auf-dunkel:focus-visible {\n    background-color: #fff !important;\n    border-color: #fff !important;\n    color: var(--pp-dark) !important;\n}\n.pp a:focus-visible, .pp summary:focus-visible {\n    outline: 3px solid #0A86AA !important;\n    outline-offset: 3px !important;\n}\n.pp-hero a:focus-visible { outline-color: #fff !important; }\n\n\/* ---------- Baender ---------- *\/\n.pp-band { padding-top: clamp(52px, 7vw, 88px) !important; padding-bottom: clamp(52px, 7vw, 88px) !important; }\n.pp-band-weiss { background-color: #fff !important; }\n.pp-band-grau { background-color: var(--pp-grau) !important; }\n.pp-band-gruen { background-color: var(--pp-gruen-1) !important; }\n.pp-band-braun { background-color: var(--pp-braun-2) !important; }\n\n.pp h2 {\n    margin: 0 !important;\n    font-size: clamp(28px, 3.6vw, 46px) !important;\n    line-height: 1.14 !important;\n    font-weight: 700 !important;\n    letter-spacing: -.03em !important;\n    color: var(--pp-text) !important;\n    text-transform: none !important;\n}\n.pp h3 {\n    margin: 0 !important;\n    font-size: clamp(21px, 2.2vw, 28px) !important;\n    line-height: 1.24 !important;\n    font-weight: 700 !important;\n    letter-spacing: -.02em !important;\n    color: var(--pp-text) !important;\n    text-transform: none !important;\n}\n.pp h4 {\n    margin: 0 !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    letter-spacing: .1em !important;\n    text-transform: uppercase !important;\n    color: var(--pp-dark) !important;\n    line-height: 1.4 !important;\n}\n.pp p { margin: 0 0 1.05em !important; color: var(--pp-text) !important; }\n.pp p:last-child { margin-bottom: 0 !important; }\n.pp .pp-lead {\n    font-size: clamp(18px, 1.9vw, 22px) !important;\n    line-height: 1.55 !important;\n    color: var(--pp-muted) !important;\n    max-width: none !important;\n}\n\/* Als Klasse und nicht inline: .pp p setzt margin mit !important, ein\n   style=\"margin-top:..\" am Element wuerde dagegen verlieren. *\/\n.pp .pp-lead-abstand { margin-top: 18px !important; }\n\n\/* Kopf eines Bandes *\/\n\/* Kein max-width: Ueberschrift und Fliesstext laufen ueber die volle Breite\n   des Bandes, so gewuenscht. *\/\n.pp-band-kopf { max-width: none !important; margin-bottom: clamp(32px, 4vw, 52px) !important; }\n\/* nur der Fliesstext bekommt Abstand, nicht die Auszeichnung ueber der\n   Ueberschrift - \"p\" allein haette auch .pp-label mitgenommen *\/\n.pp .pp-band-kopf .pp-lead { margin-top: 16px !important; }\n\n\/* ---------- Produktkarte (Buch) ---------- *\/\n\/* Nur die Kopfreihe ist zweispaltig: Cover links, Titelblock rechts.\n   Beschreibung, Verzeichnis und Zusatzblock laufen darunter ueber die volle\n   Breite. Vorher standen Text und Verzeichnis nebeneinander, und weil beide\n   unterschiedlich lang sind, blieben je nach Buch mehrere hundert Pixel leer. *\/\n.pp-buch {\n    display: grid !important;\n    grid-template-columns: auto minmax(0, 1fr) !important;\n    gap: clamp(22px, 2.6vw, 34px) clamp(28px, 3.4vw, 46px) !important;\n    align-items: start !important;\n    background-color: #fff !important;\n    border: 1px solid var(--pp-rand) !important;\n    border-radius: 20px !important;\n    padding: clamp(26px, 3.4vw, 46px) !important;\n}\n.pp-buch + .pp-buch { margin-top: clamp(24px, 3vw, 40px) !important; }\n.pp-buch-cover { grid-column: 1 !important; grid-row: 1 !important; }\n.pp-buch-kopf { grid-column: 2 !important; grid-row: 1 !important; }\n.pp-buch-text, .pp-buch-inhalt, .pp-zusatz { grid-column: 1 \/ -1 !important; }\n@media (max-width: 900px) {\n    .pp-buch { grid-template-columns: 1fr !important; }\n    .pp-buch-cover, .pp-buch-kopf { grid-column: 1 \/ -1 !important; grid-row: auto !important; }\n}\n\/* Beschreibung zweispaltig: ueber die volle Kartenbreite waeren es sonst\n   rund 120 Zeichen je Zeile. So sind es etwa 60 - und die Karte wird halb\n   so hoch. break-inside haelt einen Absatz zusammen. *\/\n.pp-buch-text { column-count: 2 !important; column-gap: clamp(30px, 3.4vw, 46px) !important; }\n@media (max-width: 900px) { .pp-buch-text { column-count: 1 !important; } }\n.pp-buch-text p { break-inside: avoid !important; -webkit-column-break-inside: avoid !important; }\n.pp-buch-kopf-zeile { display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: 10px 16px !important; }\n.pp-buch-nr {\n    font-size: clamp(34px, 4vw, 50px) !important;\n    font-weight: 700 !important;\n    line-height: 1 !important;\n    color: var(--pp-primary) !important;\n    letter-spacing: -.04em !important;\n}\n.pp-buch-kopf-zeile h3 { flex: 1 1 14ch !important; }\n\n.pp-buch-text p { color: var(--pp-muted) !important; }\n.pp-buch-text p:first-child {\n    color: var(--pp-text) !important;\n    font-size: clamp(18px, 1.8vw, 20px) !important;\n    font-weight: 500 !important;\n}\n\n\/* Merkmale *\/\n.pp-merkmale {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 8px !important;\n    margin: 18px 0 0 !important;\n    padding: 0 !important;\n    list-style: none !important;\n}\n.pp-merkmale li {\n    margin: 0 !important;\n    padding: 7px 15px !important;\n    border-radius: 999px !important;\n    background-color: var(--pp-gruen-1) !important;\n    color: var(--pp-text) !important;\n    font-size: 14px !important;\n    font-weight: 600 !important;\n    line-height: 1.4 !important;\n    list-style: none !important;\n}\n.pp-merkmale li::before, .pp-merkmale li::marker { content: none !important; }\n\n.pp .pp-autoren {\n    margin: 20px 0 0 !important;\n    font-size: 15px !important;\n    color: var(--pp-muted) !important;\n}\n.pp-autoren strong { color: var(--pp-text) !important; font-weight: 700 !important; }\n\n\/* ---------- Preise ---------- *\/\n.pp .pp-preis { margin: 18px 0 0 !important; }\n.pp .pp-preis .pp-preis-betrag {\n    display: block !important;\n    font-size: 24px !important; font-weight: 700 !important;\n    line-height: 1.2 !important; letter-spacing: -.02em !important;\n    color: var(--pp-text) !important;\n}\n.pp .pp-preis-gross .pp-preis-betrag { font-size: 30px !important; }\n.pp .pp-preis .pp-preis-zusatz {\n    display: block !important; margin-top: 3px !important;\n    font-size: 13px !important; line-height: 1.5 !important;\n    color: var(--pp-muted) !important; font-weight: 400 !important;\n}\n.pp .pp-box-ohne-inhalt {\n    margin: 20px 0 0 !important; flex: 1 1 auto !important;\n    padding: 13px 15px !important;\n    background-color: var(--pp-braun-2) !important; border-radius: 10px !important;\n    font-size: 14.5px !important; line-height: 1.55 !important;\n    color: var(--pp-muted) !important;\n}\n\n\/* ---------- Zusatzblock unter dem Bestellknopf ---------- *\/\n.pp-zusatz {\n    margin-top: 26px !important;\n    padding: 22px 24px 20px !important;\n    background-color: var(--pp-gruen-1) !important;\n    border-radius: 16px !important;\n}\n.pp-zusatz > h4 { margin: 0 0 8px !important; }\n.pp .pp-zusatz-text {\n    margin: 0 0 16px !important;\n    font-size: 15.5px !important;\n    line-height: 1.55 !important;\n    color: var(--pp-muted) !important;\n}\n.pp-zusatz-liste { margin: 0 !important; padding: 0 !important; list-style: none !important; }\n.pp-zusatz-liste li { margin: 0 0 8px !important; padding: 0 !important; list-style: none !important; }\n.pp-zusatz-liste li::marker { content: none !important; }\n.pp-zusatz-liste li:last-child { margin-bottom: 0 !important; }\n.pp-zusatz-liste a {\n    display: flex !important;\n    align-items: center !important;\n    gap: 11px !important;\n    padding: 11px 15px !important;\n    background-color: #fff !important;\n    border: 1px solid transparent !important;\n    border-radius: 11px !important;\n    text-decoration: none !important;\n    color: var(--pp-text) !important;\n    font-size: 15.5px !important;\n    font-weight: 600 !important;\n    line-height: 1.4 !important;\n    transition: border-color .18s ease, transform .18s ease !important;\n}\n.pp-zusatz-liste a:hover { border-color: var(--pp-primary) !important; transform: translateX(2px) !important; }\n.pp-zusatz-liste a .pp-icon { color: var(--pp-dark) !important; flex-shrink: 0 !important; }\n.pp-zusatz-titel { flex: 1 1 auto !important; }\n.pp-zusatz-bald {\n    flex-shrink: 0 !important;\n    padding: 3px 10px !important;\n    border-radius: 999px !important;\n    background-color: var(--pp-braun-1) !important;\n    color: #6b4f16 !important;\n    font-size: 12px !important;\n    font-weight: 700 !important;\n    line-height: 1.5 !important;\n}\n.pp .pp-zusatz-fuss {\n    margin: 16px 0 0 !important;\n    font-size: 14.5px !important;\n    line-height: 1.55 !important;\n    color: var(--pp-muted) !important;\n}\n.pp .pp-zusatz-fuss a { color: var(--pp-dark) !important; font-weight: 700 !important; text-decoration: none !important; }\n.pp .pp-zusatz-fuss a:hover { text-decoration: underline !important; }\n\n\/* ---------- Buchcover ----------\n   img.pp-cover-img mit Typ im Selektor, sonst schlaegt .pp img mit\n   height:auto die Regel - dieselbe Falle wie beim Kopfbild.\n   Die Vorlagen sind nur 223x260 gross, deshalb keine Vergroesserung\n   ueber 240px: darueber wird das Cover sichtbar weich. *\/\n.pp-cover {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    background-color: var(--pp-gruen-1) !important;\n    border-radius: 16px !important;\n    padding: 26px 20px !important;\n    margin-bottom: 18px !important;\n}\n\/* Breite fest auf die native Groesse statt width:auto: irgendeine Fremdregel\n   der Umgebung setzt width auf 100%, und bei auto gewinnt sie - das Cover\n   wurde dadurch von 223px auf 240px hochgezogen. max-width haelt es auf sehr\n   schmalen Karten trotzdem im Rahmen. *\/\n.pp .pp-cover img.pp-cover-img {\n    display: block !important;\n    width: 223px !important;\n    max-width: 100% !important;\n    height: auto !important;\n    filter: drop-shadow(0 14px 26px rgba(18,28,26,.22)) !important;\n}\n\n\/* ---------- Inhaltsverzeichnis ---------- *\/\n.pp-inhalt {\n    background-color: var(--pp-braun-2) !important;\n    border: 1px solid var(--pp-braun-1) !important;\n    border-radius: 16px !important;\n    padding: 24px 24px 8px !important;\n}\n.pp-inhalt > h4 { margin-bottom: 16px !important; }\n\/* Zwei Spalten, weil das Verzeichnis jetzt ueber die volle Kartenbreite\n   laeuft - 22 Eintraege untereinander waeren sonst eine sehr lange Saeule.\n   break-inside haelt einen Eintrag zusammen, break-after laesst eine Rubrik\n   nicht allein am Spaltenende stehen. *\/\n.pp-liste {\n    margin: 0 !important; padding: 0 !important; list-style: none !important;\n    counter-reset: pp-punkt !important;\n    column-count: 2 !important;\n    column-gap: 38px !important;\n    column-rule: 1px solid rgba(18,28,26,.09) !important;\n}\n@media (max-width: 780px) {\n    .pp-liste { column-count: 1 !important; column-rule: none !important; }\n}\n.pp-liste li { break-inside: avoid !important; -webkit-column-break-inside: avoid !important; }\n.pp-liste li.pp-rubrik { break-after: avoid !important; }\n.pp-liste li {\n    position: relative !important;\n    margin: 0 !important;\n    padding: 9px 0 9px 40px !important;\n    border-top: 1px solid rgba(18,28,26,.09) !important;\n    font-size: 15.5px !important;\n    line-height: 1.5 !important;\n    color: var(--pp-text) !important;\n    list-style: none !important;\n}\n.pp-liste li:first-child { border-top: 0 !important; }\n.pp-liste li::marker { content: none !important; }\n.pp-liste li::before {\n    counter-increment: pp-punkt !important;\n    content: counter(pp-punkt) !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 11px !important;\n    width: 26px !important;\n    height: 26px !important;\n    border-radius: 50% !important;\n    background-color: #fff !important;\n    border: 1px solid var(--pp-braun-1) !important;\n    color: var(--pp-dark) !important;\n    font-size: 12.5px !important;\n    font-weight: 700 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    line-height: 1 !important;\n}\n\/* Rubrikzeile innerhalb des Verzeichnisses: keine Nummer, sondern Titel *\/\n.pp-liste li.pp-rubrik {\n    padding-left: 0 !important;\n    padding-top: 20px !important;\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    letter-spacing: .1em !important;\n    text-transform: uppercase !important;\n    color: var(--pp-dark) !important;\n}\n.pp-liste li.pp-rubrik::before { content: none !important; counter-increment: none !important; }\n.pp-liste li .pp-art { color: var(--pp-muted) !important; font-size: 14px !important; }\n\n\/* Anzahl neben der Ueberschrift des Verzeichnisses *\/\n.pp-inhalt > h4 .pp-inhalt-anzahl {\n    display: inline !important;\n    margin-left: 10px !important;\n    font-size: 12.5px !important;\n    font-weight: 600 !important;\n    letter-spacing: .04em !important;\n    text-transform: none !important;\n    color: var(--pp-muted) !important;\n}\n\n\/* ---------- Michl-Box Raster ---------- *\/\n.pp-boxen {\n    display: grid !important;\n    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)) !important;\n    gap: clamp(18px, 2.2vw, 28px) !important;\n}\n@media (max-width: 700px) {\n    .pp-boxen { grid-template-columns: 1fr !important; }\n}\n.pp-box {\n    display: flex !important;\n    flex-direction: column !important;\n    background-color: #fff !important;\n    border: 1px solid var(--pp-rand) !important;\n    border-radius: 18px !important;\n    overflow: hidden !important;\n    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;\n}\n\/* Das Foto sitzt randlos oben, der Text bekommt sein Innenmass eine Ebene\n   tiefer - deshalb hat .pp-box selbst kein padding mehr. *\/\n.pp-box-koerper {\n    display: flex !important;\n    flex-direction: column !important;\n    flex: 1 1 auto !important;\n    padding: 24px 26px 26px !important;\n}\n.pp-box-bild {\n    background-color: var(--pp-braun-2) !important;\n    overflow: hidden !important;\n    height: 200px !important;\n}\n@supports (aspect-ratio: 4 \/ 3) {\n    .pp-box-bild { aspect-ratio: 4 \/ 3 !important; height: auto !important; }\n}\n.pp img.pp-box-foto {\n    display: block !important;\n    width: 100% !important;\n    height: 100% !important;\n    max-width: none !important;\n    object-fit: cover !important;\n    object-position: center !important;\n    transition: transform .35s ease !important;\n}\n.pp-box:hover img.pp-box-foto { transform: scale(1.04) !important; }\n.pp-box:hover {\n    border-color: var(--pp-primary) !important;\n    transform: translateY(-3px) !important;\n    box-shadow: 0 14px 32px rgba(10,134,170,.13) !important;\n}\n.pp .pp-box-nr {\n    margin: 0 !important;\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    letter-spacing: .12em !important;\n    color: var(--pp-dark) !important;\n    text-transform: uppercase !important;\n    line-height: 1.4 !important;\n}\n.pp-box h3 { margin: 8px 0 0 !important; font-size: clamp(20px, 1.9vw, 24px) !important; }\n.pp-box-inhalt {\n    margin: 20px 0 0 !important;\n    padding: 0 !important;\n    list-style: none !important;\n    flex: 1 1 auto !important;\n}\n.pp-box-inhalt li {\n    position: relative !important;\n    margin: 0 !important;\n    padding: 8px 0 8px 30px !important;\n    font-size: 15.5px !important;\n    line-height: 1.55 !important;\n    color: var(--pp-muted) !important;\n    border-top: 1px solid #eef1ef !important;\n    list-style: none !important;\n}\n.pp-box-inhalt li:first-child { border-top: 0 !important; }\n.pp-box-inhalt li::marker { content: none !important; }\n.pp-box-inhalt li::before {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 4px !important;\n    top: 17px !important;\n    width: 8px !important;\n    height: 8px !important;\n    border-radius: 50% !important;\n    background-color: var(--pp-primary) !important;\n}\n.pp-box-fuss { margin-top: 22px !important; }\n\n.pp .pp-hinweis {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n    margin: 14px 0 0 !important;\n    padding: 7px 15px !important;\n    border-radius: 999px !important;\n    background-color: var(--pp-braun-1) !important;\n    color: #6b4f16 !important;\n    font-size: 13.5px !important;\n    font-weight: 700 !important;\n    line-height: 1.4 !important;\n}\n.pp-box-bald { background-color: var(--pp-grau) !important; }\n.pp-box-bald:hover { transform: none !important; box-shadow: none !important; border-color: var(--pp-rand) !important; }\n\n\/* ---------- Bestellband ---------- *\/\n.pp-bestellen { background-color: var(--pp-dark) !important; color: #fff !important; }\n.pp-bestellen h2, .pp-bestellen p { color: #fff !important; }\n.pp-bestellen .pp-label { color: #b9e7f4 !important; }\n.pp-bestellen .pp-lead { color: rgba(255,255,255,.88) !important; }\n.pp-bestell-raster {\n    display: grid !important;\n    grid-template-columns: minmax(0, 6fr) minmax(0, 5fr) !important;\n    gap: clamp(30px, 4vw, 60px) !important;\n    align-items: center !important;\n}\n@media (max-width: 860px) {\n    .pp-bestell-raster { grid-template-columns: 1fr !important; }\n}\n.pp-kontaktkarte {\n    background-color: rgba(255,255,255,.08) !important;\n    border: 1px solid rgba(255,255,255,.20) !important;\n    border-radius: 18px !important;\n    padding: 28px 28px 26px !important;\n}\n.pp-kontaktzeile { display: block !important; padding: 14px 0 !important; border-top: 1px solid rgba(255,255,255,.16) !important; }\n.pp-kontaktzeile:first-of-type { border-top: 0 !important; padding-top: 0 !important; }\n.pp-kontaktzeile .pp-k-label {\n    display: block !important;\n    font-size: 12.5px !important;\n    font-weight: 700 !important;\n    letter-spacing: .12em !important;\n    text-transform: uppercase !important;\n    \/* #b9e7f4 kaeme auf der aufgehellten Karte nur auf 3,85:1 - unter der\n       AA-Schwelle. #e6f7fd ergibt 4,65:1. Auf dem Band selbst reicht\n       #b9e7f4 mit 4,55:1, deshalb bleibt es bei .pp-label. *\/\n    color: #e6f7fd !important;\n    margin-bottom: 4px !important;\n}\n.pp-kontaktzeile a, .pp-kontaktzeile span.pp-k-wert {\n    display: inline-block !important;\n    font-size: 19px !important;\n    font-weight: 700 !important;\n    color: #fff !important;\n    text-decoration: none !important;\n    line-height: 1.4 !important;\n    word-break: break-word !important;\n}\n.pp-kontaktzeile a:hover { text-decoration: underline !important; }\n.pp-kontaktzeile address { font-style: normal !important; font-size: 17px !important; color: rgba(255,255,255,.92) !important; line-height: 1.55 !important; }\n\n\/* ---------- Querverweis ---------- *\/\n.pp-quer {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    gap: 22px !important;\n    background-color: #fff !important;\n    border: 1px solid var(--pp-rand) !important;\n    border-radius: 18px !important;\n    padding: clamp(24px, 3vw, 36px) !important;\n}\n.pp-quer-text { flex: 1 1 22ch !important; }\n.pp-quer h3 { margin-bottom: 6px !important; }\n.pp-quer p { color: var(--pp-muted) !important; font-size: 16.5px !important; }\n\n\/* ---------- Bildschirmleser ---------- *\/\n.pp-sr {\n    position: absolute !important;\n    width: 1px !important; height: 1px !important;\n    padding: 0 !important; margin: -1px !important;\n    overflow: hidden !important; clip: rect(0,0,0,0) !important;\n    white-space: nowrap !important; border: 0 !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .pp *, .pp *::before, .pp *::after {\n        transition: none !important;\n        animation: none !important;\n    }\n    .pp .pp-btn:hover, .pp .pp-box:hover { transform: none !important; }\n    .pp .pp-box:hover img.pp-box-foto { transform: none !important; }\n}\n<\/style><style id=\"pp-fachgebiete-css\">\n\/* Bandfarbe ist das Markenblau, nicht irgendein Dunkelton: das bestehende\n   Abschlussband der Startseite steht auf #0A86AA, das Bestellband der\n   Produktseiten auf #086b88. Hier steht #086b88, weil weisser Text darauf\n   6,05:1 erreicht - auf #0A86AA waeren es nur 4,20:1 und der Fliesstext\n   fiele unter die AA-Schwelle. *\/\n.pp-fach {\n    --f-grund: #086b88;\n    --f-akzent: #b9e7f4;\n    --f-linie: rgba(255,255,255,.22);\n}\n.pp-fach-band {\n    position: relative !important;\n    overflow: hidden !important;\n    isolation: isolate !important;\n    background-color: var(--f-grund) !important;\n    padding-top: clamp(64px, 8vw, 108px) !important;\n    padding-bottom: clamp(64px, 8vw, 108px) !important;\n}\n\/* Weicher Schein oben links - gibt der Flaeche Tiefe, ohne Bild und ohne\n   Muster. Ein Konstruktionsraster stand hier zunaechst, ist aber wieder\n   entfernt worden. *\/\n.pp-fach-schein {\n    position: absolute !important; z-index: 0 !important;\n    top: -22% !important; left: -8% !important;\n    width: 62% !important; height: 78% !important;\n    background-image: radial-gradient(circle at 40% 40%, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 62%) !important;\n    filter: blur(12px) !important;\n}\n.pp-fach-inhalt { position: relative !important; z-index: 1 !important; }\n\n\/* ---------- Kopf ---------- *\/\n.pp-fach-kopf { max-width: 62ch !important; margin-bottom: clamp(36px, 4vw, 54px) !important; }\n.pp .pp-fach-label {\n    margin: 0 0 14px !important;\n    font-size: 13px !important; font-weight: 700 !important;\n    letter-spacing: .14em !important; text-transform: uppercase !important;\n    color: var(--f-akzent) !important; line-height: 1.4 !important;\n}\n.pp-fach h2 {\n    margin: 0 !important; color: #fff !important;\n    font-size: 30px !important; font-weight: 700 !important;\n    line-height: 1.1 !important; letter-spacing: -.035em !important;\n    text-transform: none !important;\n}\n.pp .pp-fach-lead {\n    margin: 16px 0 0 !important;\n    font-size: 18px !important; line-height: 1.6 !important;\n    color: rgba(255,255,255,.76) !important;\n}\n\n\/* ---------- Karten ---------- *\/\n.pp-fach-karten {\n    display: grid !important;\n    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n    gap: clamp(16px, 1.8vw, 24px) !important;\n    margin: 0 !important; padding: 0 !important; list-style: none !important;\n}\n@media (max-width: 1080px) { .pp-fach-karten { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }\n@media (max-width: 620px)  { .pp-fach-karten { grid-template-columns: 1fr !important; } }\n.pp-fach-karte-huelle { margin: 0 !important; padding: 0 !important; list-style: none !important; display: flex !important; }\n.pp-fach-karte-huelle::marker { content: none !important; }\n\n\/* Weisse Karten wie ueberall sonst auf der Seite - die Produkt-Section und\n   die Blogkarten sehen genauso aus. Das Band traegt die Farbe, nicht die\n   Karte. *\/\n.pp-fach-karte {\n    display: flex !important; flex-direction: column !important;\n    width: 100% !important;\n    background-color: #fff !important;\n    border: 1px solid transparent !important;\n    border-radius: 18px !important;\n    overflow: hidden !important;\n    text-decoration: none !important;\n    color: var(--pp-text) !important;\n    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease !important;\n}\n.pp-fach-karte.is-link:hover, .pp-fach-karte.is-link:focus-visible {\n    border-color: #fff !important;\n    box-shadow: 0 16px 34px rgba(6,42,54,.28) !important;\n    transform: translateY(-4px) !important;\n}\n.pp-fach-karte.is-link:focus-visible { outline: 3px solid #fff !important; outline-offset: 3px !important; }\n\n\/* Bild *\/\n.pp-fach-bild {\n    position: relative !important; display: block !important;\n    height: 150px !important; overflow: hidden !important;\n    background-color: var(--pp-braun-2) !important;\n}\n@supports (aspect-ratio: 16 \/ 10) {\n    .pp-fach-bild { aspect-ratio: 16 \/ 10 !important; height: auto !important; }\n}\n\/* img im Selektor, sonst schlaegt .pp img mit height:auto zurueck *\/\n.pp img.pp-fach-img {\n    width: 100% !important; height: 100% !important; max-width: none !important;\n    object-fit: cover !important; object-position: center !important;\n    display: block !important;\n    \/* Auf weissen Karten reicht eine leichte Zuruecknahme - die kraeftige\n       Abdunklung von vorher war fuer das dunkle Band gedacht. *\/\n    filter: saturate(.88) !important;\n    transition: filter .35s ease, transform .5s ease !important;\n}\n.pp-fach-karte.is-link:hover img.pp-fach-img {\n    filter: saturate(1) !important;\n    transform: scale(1.05) !important;\n}\n.pp-fach-nr {\n    position: absolute !important; left: 14px !important; bottom: 10px !important;\n    font-size: 30px !important; font-weight: 700 !important; line-height: 1 !important;\n    letter-spacing: -.04em !important;\n    color: rgba(255,255,255,.92) !important;\n    text-shadow: 0 2px 12px rgba(7,19,25,.85) !important;\n}\n\n\/* Text *\/\n.pp-fach-text {\n    display: flex !important; flex-direction: column !important; flex: 1 1 auto !important;\n    padding: 18px 20px 20px !important;\n}\n.pp-fach-titel {\n    display: block !important;\n    font-size: 20px !important; font-weight: 700 !important;\n    line-height: 1.25 !important; letter-spacing: -.01em !important;\n    color: var(--pp-text) !important;\n}\n.pp-fach-beschreibung {\n    display: block !important; flex: 1 1 auto !important;\n    margin-top: 8px !important;\n    font-size: 14.5px !important; line-height: 1.6 !important;\n    color: var(--pp-muted) !important;\n}\n.pp-fach-mehr {\n    display: inline-flex !important; align-items: center !important; gap: 9px !important;\n    margin-top: 16px !important; padding-top: 14px !important;\n    border-top: 1px solid #eef0ec !important;\n    font-size: 14px !important; font-weight: 700 !important;\n    color: var(--pp-dark) !important; line-height: 1.4 !important;\n}\n\/* #8b968f kam auf der weissen Karte nur auf 3,06:1. --pp-muted erreicht\n   6,29:1; zurueckhaltend bleibt die Zeile ueber das geringere Gewicht. *\/\n.pp-fach-mehr-still { color: var(--pp-muted) !important; font-weight: 600 !important; }\n.pp-fach-pfeil { transition: transform .25s ease !important; }\n.pp-fach-karte.is-link:hover .pp-fach-pfeil { transform: translateX(4px) !important; }\n\n\/* ---------- Fuss ---------- *\/\n.pp-fach-fuss { margin-top: clamp(28px, 3vw, 40px) !important; }\n.pp-fach .pp-btn-hell { background-color: #fff !important; color: var(--pp-dark) !important; border-color: #fff !important; }\n.pp-fach .pp-btn-hell:hover, .pp-fach .pp-btn-hell:focus-visible {\n    background-color: transparent !important; color: #fff !important; border-color: #fff !important;\n}\n\n\/* Gestaffeltes Auftauchen beim Heranscrollen. Nur wo der Browser\n   animation-timeline kennt - ueberall sonst stehen die Karten einfach da,\n   es kann also nichts unsichtbar bleiben. *\/\n@supports (animation-timeline: view()) {\n    @media (prefers-reduced-motion: no-preference) {\n        @keyframes pp-fach-auf {\n            from { opacity: 0; transform: translateY(22px); }\n            to   { opacity: 1; transform: none; }\n        }\n        .pp-fach-karte-huelle {\n            animation: pp-fach-auf both linear !important;\n            animation-timeline: view() !important;\n            animation-range: entry 8% cover 26% !important;\n        }\n    }\n}\n@media (prefers-reduced-motion: reduce) {\n    .pp-fach *, .pp-fach *::before { transition: none !important; animation: none !important; }\n    .pp-fach-karte.is-link:hover { transform: none !important; }\n    .pp-fach-karte.is-link:hover img.pp-fach-img { transform: none !important; }\n}\n<\/style><style id=\"pp-bereich-css\">\n\/* ---------- Startseite: drei Karten statt vier ---------- *\/\n#bereiche { scroll-margin-top: 90px !important; }\n.pp-fach-karten.pp-bereich-karten { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }\n@media (max-width: 900px) {\n    .pp-fach-karten.pp-bereich-karten { grid-template-columns: minmax(0, 1fr) !important; max-width: 560px !important; }\n}\n\n\/* ---------- Bereichsseite: Kopf ---------- *\/\n.pp-hero.pp-bereich-kopf { min-height: clamp(340px, 46vh, 500px) !important; }\n.pp a.pp-bereich-zurueck {\n    display: flex !important; width: fit-content !important; align-items: center !important; gap: 8px !important;\n    margin: 0 0 18px !important;\n    font-size: 15px !important; font-weight: 600 !important; line-height: 1.4 !important;\n    color: rgba(255,255,255,.88) !important; text-decoration: none !important;\n}\n.pp a.pp-bereich-zurueck:hover, .pp a.pp-bereich-zurueck:focus-visible {\n    color: #fff !important; text-decoration: underline !important; text-underline-offset: 3px !important;\n}\n\n\/* ---------- Ablauf eines Themas (Anatomie) ---------- *\/\n.pp-ablauf { margin: 0 0 clamp(52px, 6vw, 80px) !important; }\n.pp .pp-ablauf h2.pp-ablauf-ueberschrift,\n.pp .pp-gruppe-kopf h2 {\n    font-size: clamp(24px, 2.4vw, 32px) !important; line-height: 1.2 !important; letter-spacing: -.02em !important;\n}\n.pp ol.pp-ablauf-liste {\n    display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n    gap: 0 !important; margin: 26px 0 0 !important; padding: 0 !important; list-style: none !important;\n}\n.pp-ablauf-schritt { position: relative !important; margin: 0 !important; padding: 0 24px 0 0 !important; list-style: none !important; }\n.pp-ablauf-schritt::marker { content: none !important; }\n\/* Verbindungslinie zum naechsten Schritt *\/\n.pp-ablauf-schritt::after {\n    content: \"\" !important; position: absolute !important;\n    top: 21px !important; left: 56px !important; right: 12px !important;\n    height: 2px !important; background-color: #c9d6d2 !important;\n}\n.pp-ablauf-schritt:last-child::after { display: none !important; }\n.pp-ablauf-nr {\n    display: inline-flex !important; align-items: center !important; justify-content: center !important;\n    width: 44px !important; height: 44px !important; border-radius: 50% !important;\n    background-color: var(--pp-dark) !important; color: #fff !important;\n    font-size: 18px !important; font-weight: 700 !important; line-height: 1 !important;\n}\n.pp-ablauf-titel {\n    display: block !important; margin-top: 14px !important;\n    font-size: 19px !important; font-weight: 700 !important; line-height: 1.3 !important; color: var(--pp-text) !important;\n}\n.pp-ablauf-text {\n    display: block !important; margin-top: 4px !important;\n    font-size: 15.5px !important; line-height: 1.5 !important; color: var(--pp-muted) !important;\n}\n@media (max-width: 760px) {\n    .pp ol.pp-ablauf-liste { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 28px 0 !important; }\n    .pp-ablauf-schritt::after { display: none !important; }\n}\n\n\/* ---------- Gruppen ---------- *\/\n.pp-gruppe + .pp-gruppe { margin-top: clamp(56px, 7vw, 92px) !important; }\n.pp-gruppe-kopf { max-width: 72ch !important; margin-bottom: 26px !important; }\n.pp .pp-gruppe-hinweis {\n    margin: 10px 0 0 !important;\n    font-size: 17px !important; line-height: 1.6 !important; color: var(--pp-muted) !important;\n}\n\/* Der Hinweis der Tutorial-Reihe regelt den Zugang - deshalb als Kasten. *\/\n.pp .pp-gruppe-reihe .pp-gruppe-hinweis {\n    display: flex !important; align-items: flex-start !important; gap: 12px !important;\n    margin-top: 16px !important; padding: 14px 18px !important;\n    background-color: #fff !important; border: 1px solid var(--pp-rand) !important; border-radius: 12px !important;\n    font-size: 16px !important; color: var(--pp-text) !important;\n}\n.pp-gruppe-reihe .pp-gruppe-hinweis svg { flex: 0 0 auto !important; margin-top: 2px !important; color: var(--pp-dark) !important; }\n\n\/* ---------- Themenkarten ---------- *\/\n.pp ul.pp-themen, .pp ol.pp-themen {\n    display: grid !important; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)) !important;\n    gap: clamp(16px, 1.8vw, 24px) !important;\n    margin: 0 !important; padding: 0 !important; list-style: none !important;\n}\n.pp-thema {\n    display: flex !important; flex-direction: column !important;\n    margin: 0 !important; list-style: none !important;\n    background-color: #fff !important; border: 1px solid var(--pp-rand) !important;\n    border-radius: 16px !important; overflow: hidden !important;\n}\n.pp-thema::marker { content: none !important; }\n.pp-thema-bild {\n    position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important;\n    aspect-ratio: 16 \/ 10 !important; overflow: hidden !important;\n    background-color: var(--pp-braun-2) !important; color: #8d9a95 !important;\n}\n.pp img.pp-thema-img {\n    position: absolute !important; inset: 0 !important;\n    width: 100% !important; height: 100% !important; max-width: none !important;\n    object-fit: cover !important; display: block !important;\n    transition: transform .5s ease !important;\n}\n.pp-thema:hover img.pp-thema-img { transform: scale(1.04) !important; }\n.pp-thema-nr {\n    position: absolute !important; z-index: 1 !important; left: 12px !important; bottom: 8px !important;\n    font-size: 28px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: -.04em !important;\n    color: rgba(255,255,255,.95) !important; text-shadow: 0 2px 12px rgba(7,19,25,.85) !important;\n}\n.pp-thema-text { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; padding: 18px 20px 20px !important; }\n.pp-thema-haupt { display: flex !important; flex-direction: column !important; align-items: flex-start !important; min-width: 0 !important; }\n.pp h3.pp-thema-titel { font-size: 20px !important; line-height: 1.3 !important; letter-spacing: -.01em !important; }\n.pp h3.pp-thema-titel a { color: var(--pp-text) !important; text-decoration: none !important; }\n.pp h3.pp-thema-titel a:hover, .pp h3.pp-thema-titel a:focus-visible {\n    color: var(--pp-dark) !important; text-decoration: underline !important; text-underline-offset: 3px !important;\n}\n.pp .pp-thema-meta { margin: 6px 0 0 !important; font-size: 15px !important; line-height: 1.5 !important; color: var(--pp-muted) !important; }\n\n\/* Lernstand *\/\n.pp-status {\n    display: inline-flex !important; align-items: center !important;\n    margin-top: 12px !important; padding: 4px 11px !important; border-radius: 999px !important;\n    font-size: 13px !important; font-weight: 700 !important; line-height: 1.45 !important;\n    background-color: var(--pp-braun-2) !important; color: var(--pp-muted) !important;\n}\n.pp-status.is-fertig { background-color: #e3f4ea !important; color: #156b44 !important; }\n.pp-status.is-laeuft { background-color: #e2f1f6 !important; color: var(--pp-dark) !important; }\n.pp-status.is-gesperrt { background-color: #f6eedf !important; color: #7a5212 !important; }\n\n\/* Lektionen und Quizze eines Kurses *\/\n.pp ol.pp-teile {\n    width: 100% !important; margin: 14px 0 0 !important; padding: 0 !important;\n    list-style: none !important; counter-reset: pp-teil !important;\n}\n.pp ol.pp-teile > li {\n    counter-increment: pp-teil !important;\n    display: flex !important; align-items: baseline !important; gap: 10px !important;\n    margin: 0 !important; padding: 8px 0 !important; border-top: 1px solid #eef0ec !important;\n    font-size: 15px !important; line-height: 1.45 !important; list-style: none !important;\n}\n.pp ol.pp-teile > li::marker { content: none !important; }\n.pp ol.pp-teile > li::before {\n    content: counter(pp-teil) !important;\n    flex: 0 0 22px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;\n    width: 22px !important; height: 22px !important; border-radius: 50% !important;\n    background-color: var(--pp-gruen-1) !important; color: var(--pp-text) !important;\n    font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important;\n}\n.pp ol.pp-teile > li.is-erledigt::before { content: \"\\2713\" !important; background-color: #156b44 !important; color: #fff !important; }\n.pp ol.pp-teile a { color: var(--pp-text) !important; text-decoration: none !important; }\n.pp ol.pp-teile a:hover, .pp ol.pp-teile a:focus-visible { color: var(--pp-dark) !important; text-decoration: underline !important; text-underline-offset: 3px !important; }\n.pp-teil-art {\n    margin-left: auto !important; padding-left: 8px !important;\n    font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: .08em !important;\n    text-transform: uppercase !important; color: var(--pp-muted) !important;\n}\n\n\/* Knopf der Karte *\/\n.pp-thema-fuss { margin-top: auto !important; padding-top: 16px !important; }\n.pp a.pp-thema-cta {\n    display: inline-flex !important; align-items: center !important; gap: 8px !important;\n    font-size: 15px !important; font-weight: 700 !important; line-height: 1.4 !important;\n    color: var(--pp-dark) !important; text-decoration: none !important;\n}\n.pp a.pp-thema-cta:hover, .pp a.pp-thema-cta:focus-visible { text-decoration: underline !important; text-underline-offset: 3px !important; }\n.pp-thema-pfeil { transition: transform .25s ease !important; }\n.pp a.pp-thema-cta:hover .pp-thema-pfeil { transform: translateX(3px) !important; }\n.pp-thema.is-gesperrt img.pp-thema-img { filter: grayscale(.7) !important; opacity: .75 !important; }\n\n\/* In Vorbereitung *\/\n.pp-thema.is-geplant { background-color: transparent !important; border-style: dashed !important; border-color: #c4cfcb !important; }\n.pp-thema.is-geplant .pp-thema-bild { background-color: rgba(241,240,236,.65) !important; }\n.pp-thema.is-geplant .pp-thema-bild svg { width: 30px !important; height: 30px !important; }\n.pp .pp-thema.is-geplant h3.pp-thema-titel { color: var(--pp-muted) !important; }\n\n\/* ---------- Reihe: Tutorials nacheinander ---------- *\/\n.pp .pp-gruppe-reihe ol.pp-themen { grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; max-width: 1000px !important; }\n.pp-gruppe-reihe .pp-thema { flex-direction: row !important; }\n.pp-gruppe-reihe .pp-thema-bild { flex: 0 0 clamp(150px, 20vw, 220px) !important; aspect-ratio: auto !important; min-height: 124px !important; }\n.pp-gruppe-reihe .pp-thema-text {\n    flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important;\n    justify-content: space-between !important; gap: 12px 24px !important;\n}\n.pp-gruppe-reihe .pp-thema-haupt { flex: 1 1 280px !important; }\n.pp-gruppe-reihe .pp-thema-fuss { margin-top: 0 !important; padding-top: 0 !important; }\n@media (max-width: 640px) {\n    .pp-gruppe-reihe .pp-thema { flex-direction: column !important; }\n    .pp-gruppe-reihe .pp-thema-bild { flex-basis: auto !important; aspect-ratio: 16 \/ 7 !important; min-height: 0 !important; }\n}\n\n\/* ---------- Weitere Bereiche: Verweiskarte im weissen Schlussband ---------- *\/\n.pp-bereich-weiter-knoepfe { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; }\n\n\/* ---------- Startseite: Band traegt den Leistenstreifen ----------\n   Huelle ausserhalb von .pp, damit dessen Sammelregeln (.pp h2, .pp p) den\n   Streifen nicht vergroessern. flow-root haelt den negativen Abstand des\n   Streifens (-50px, -40px bzw. -1px je nach Breite) in der Huelle: er ragt\n   so weit in den Hero, wie auf der bisherigen Startseite, und das Tuerkis\n   beginnt genau an der Hero-Kante. *\/\n.pp-bereiche-start {\n    position: relative !important; display: flow-root !important; isolation: isolate !important;\n    background-color: #086b88 !important;\n    scroll-margin-top: 90px !important;\n}\n.pp-bereiche-schein {\n    position: absolute !important; inset: 0 !important; z-index: 0 !important;\n    overflow: hidden !important; pointer-events: none !important;\n}\n.pp-bereiche-start > .pp { position: relative !important; z-index: 1 !important; }\n.pp-bereiche-start .pp-fach-band { background-color: transparent !important; }\n.pp-bereiche-start.mit-leiste .pp-fach-band { padding-top: clamp(36px, 4.5vw, 64px) !important; }\n\n\/* ---------- Liste: Videokurse als Zeilen ---------- *\/\n.pp .pp-gruppe-liste ul.pp-themen { grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; max-width: 1000px !important; }\n.pp-gruppe-liste .pp-thema { flex-direction: row !important; }\n.pp-gruppe-liste .pp-thema-bild { flex: 0 0 clamp(150px, 20vw, 220px) !important; aspect-ratio: auto !important; min-height: 124px !important; }\n.pp-gruppe-liste .pp-thema-text {\n    flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important;\n    justify-content: space-between !important; gap: 12px 24px !important;\n}\n.pp-gruppe-liste .pp-thema-haupt { flex: 1 1 280px !important; }\n.pp-gruppe-liste .pp-thema-fuss { margin-top: 0 !important; padding-top: 0 !important; }\n@media (max-width: 640px) {\n    .pp-gruppe-liste .pp-thema { flex-direction: column !important; }\n    .pp-gruppe-liste .pp-thema-bild { flex-basis: auto !important; aspect-ratio: 16 \/ 7 !important; min-height: 0 !important; }\n}\n\/* Kurs mit seinen Videos in der Zeilenliste (Videokurse): Titel, Liste und\n   Knopf untereinander - der Knopf stuende sonst mittig neben der Liste. *\/\n.pp-gruppe-liste .pp-thema.has-teile .pp-thema-text {\n    flex-direction: column !important; flex-wrap: nowrap !important;\n    align-items: stretch !important; justify-content: flex-start !important; gap: 0 !important;\n}\n.pp-gruppe-liste .pp-thema.has-teile .pp-thema-haupt { flex: 0 0 auto !important; }\n.pp-gruppe-liste .pp-thema.has-teile .pp-thema-fuss { margin-top: 0 !important; padding-top: 14px !important; }\n\/* Abspielzeichen auf dem Bild eines einzelnen Videos *\/\n.pp-thema-play {\n    position: absolute !important; z-index: 1 !important; top: 50% !important; left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    display: flex !important; align-items: center !important; justify-content: center !important;\n    width: 46px !important; height: 46px !important; border-radius: 50% !important;\n    background-color: rgba(255,255,255,.94) !important; color: var(--pp-dark) !important;\n    box-shadow: 0 4px 14px rgba(7,19,25,.28) !important;\n}\n.pp-thema-play svg { margin-left: 3px !important; }\n\n\/* ---------- Sidebar: Lernstand, Weiter-Knopf, Sprungmarken ----------\n   Fuellt die freie Flaeche rechts neben den Listen (bisher bis 1000px breit\n   in einem 1240px-Band). Am Desktop klebt sie beim Scrollen mit; die\n   Kopfzeile scrollt weg, daher reichen 24px Abstand nach oben. *\/\n.pp-bereich-raster {\n    display: grid !important;\n    grid-template-columns: minmax(0, 1fr) clamp(260px, 24vw, 320px) !important;\n    gap: clamp(32px, 3.5vw, 56px) !important;\n    align-items: start !important;\n}\n.pp-bereich-haupt { grid-column: 1 !important; grid-row: 1 !important; min-width: 0 !important; }\n.pp-bereich-leiste { grid-column: 2 !important; grid-row: 1 !important; position: sticky !important; top: 24px !important; }\n.pp-gruppe { scroll-margin-top: 24px !important; }\n\/* Karten in der schmaleren Hauptspalte: zwei nebeneinander statt drei -\n   vier Anatomie-Themen stehen dann 2x2 statt 3+1. *\/\n.pp .pp-bereich-haupt .pp-gruppe:not(.pp-gruppe-liste):not(.pp-gruppe-reihe) ul.pp-themen {\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;\n}\n.pp .pp-bereich-haupt .pp-gruppe-liste ul.pp-themen,\n.pp .pp-bereich-haupt .pp-gruppe-reihe ol.pp-themen { max-width: none !important; }\n\n.pp-leiste-karte {\n    display: flex !important; flex-direction: column !important; gap: 20px !important;\n    padding: 22px !important;\n    background-color: #fff !important; border: 1px solid var(--pp-rand) !important; border-radius: 16px !important;\n}\n.pp-leiste-karte > * + * { padding-top: 20px !important; border-top: 1px solid #eef0ec !important; }\n.pp .pp-leiste-label {\n    margin: 0 0 8px !important;\n    font-size: 12.5px !important; font-weight: 700 !important; line-height: 1.4 !important;\n    letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--pp-dark) !important;\n}\n.pp .pp-leiste-prozent {\n    margin: 0 !important;\n    font-size: 34px !important; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -.02em !important;\n    color: var(--pp-text) !important; font-variant-numeric: tabular-nums !important;\n}\n.pp-leiste-balken {\n    height: 8px !important; margin: 12px 0 10px !important; overflow: hidden !important;\n    border-radius: 999px !important; background-color: var(--pp-gruen-1) !important;\n}\n.pp-leiste-balken > span { display: block !important; height: 100% !important; border-radius: inherit !important; background-color: var(--pp-dark) !important; }\n.pp .pp-leiste-zahl, .pp .pp-leiste-meta, .pp .pp-leiste-klein {\n    margin: 0 !important; font-size: 14.5px !important; line-height: 1.5 !important; color: var(--pp-muted) !important;\n}\n.pp .pp-leiste-klein { font-weight: 600 !important; }\n.pp .pp-leiste-titel {\n    margin: 2px 0 4px !important;\n    font-size: 18px !important; font-weight: 700 !important; line-height: 1.35 !important; color: var(--pp-text) !important;\n}\n.pp .pp-leiste-meta { margin-bottom: 16px !important; }\n.pp .pp-leiste-text { margin: 0 0 16px !important; font-size: 15px !important; line-height: 1.55 !important; color: var(--pp-muted) !important; }\n.pp .pp-leiste-weiter .pp-btn, .pp .pp-leiste-gast .pp-btn { width: 100% !important; justify-content: center !important; }\n.pp .pp-leiste-weiter.is-fertig .pp-leiste-titel::before { content: \"\\2713\\00a0\" !important; color: #156b44 !important; }\n.pp a.pp-leiste-link {\n    display: inline-flex !important; align-items: center !important; gap: 8px !important;\n    font-size: 15px !important; font-weight: 700 !important; color: var(--pp-dark) !important; text-decoration: none !important;\n}\n.pp a.pp-leiste-link:hover { text-decoration: underline !important; text-underline-offset: 3px !important; }\n.pp .pp-leiste-anmelden { margin: 12px 0 0 !important; font-size: 14.5px !important; line-height: 1.5 !important; text-align: center !important; color: var(--pp-muted) !important; }\n.pp .pp-leiste-anmelden a { font-weight: 700 !important; color: var(--pp-dark) !important; text-decoration: underline !important; text-underline-offset: 3px !important; }\n.pp .pp-leiste-sprung ul { display: flex !important; flex-direction: column !important; gap: 2px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }\n.pp .pp-leiste-sprung li { margin: 0 !important; list-style: none !important; }\n.pp .pp-leiste-sprung li::marker { content: none !important; }\n.pp .pp-leiste-sprung a {\n    display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important;\n    margin: 0 -10px !important; padding: 8px 10px !important; border-radius: 8px !important;\n    font-size: 15.5px !important; font-weight: 600 !important; line-height: 1.4 !important;\n    color: var(--pp-text) !important; text-decoration: none !important;\n}\n.pp .pp-leiste-sprung a:hover { background-color: var(--pp-braun-2) !important; color: var(--pp-dark) !important; }\n.pp-leiste-anzahl {\n    display: inline-flex !important; align-items: center !important; justify-content: center !important;\n    min-width: 26px !important; height: 22px !important; padding: 0 8px !important; border-radius: 999px !important;\n    background-color: var(--pp-gruen-1) !important; color: var(--pp-text) !important;\n    font-size: 12.5px !important; font-weight: 700 !important; line-height: 1 !important;\n}\n\/* Tablet und Telefon: kompakter Kasten ueber der Liste *\/\n@media (max-width: 1024px) {\n    .pp-bereich-raster { grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; }\n    .pp-bereich-leiste { grid-column: 1 !important; grid-row: 1 !important; position: static !important; }\n    .pp-bereich-haupt { grid-column: 1 !important; grid-row: 2 !important; }\n    .pp-leiste-karte { flex-direction: row !important; flex-wrap: wrap !important; gap: 18px 32px !important; padding: 18px 20px !important; }\n    .pp-leiste-karte > * + * { padding-top: 0 !important; border-top: 0 !important; }\n    .pp-leiste-stand { flex: 1 1 220px !important; }\n    .pp-leiste-weiter, .pp-leiste-gast { flex: 1 1 280px !important; }\n    .pp .pp-leiste-prozent { font-size: 28px !important; }\n    .pp-leiste-karte > .pp-leiste-sprung { flex: 1 1 100% !important; padding-top: 14px !important; border-top: 1px solid #eef0ec !important; }\n    .pp .pp-leiste-sprung ul { flex-direction: row !important; flex-wrap: wrap !important; gap: 8px !important; }\n    .pp .pp-leiste-sprung a { margin: 0 !important; padding: 6px 8px 6px 14px !important; border: 1px solid var(--pp-rand) !important; border-radius: 999px !important; }\n}\n\/* Tablet: Knoepfe nicht ueber die ganze Breite ziehen - erst am Telefon. *\/\n@media (min-width: 601px) and (max-width: 1024px) {\n    .pp .pp-leiste-weiter .pp-btn, .pp .pp-leiste-gast .pp-btn { width: auto !important; }\n    .pp .pp-leiste-gast .pp-leiste-anmelden { display: inline-block !important; margin: 0 0 0 18px !important; text-align: left !important; }\n}\n@media (prefers-reduced-motion: reduce) {\n    .pp-thema *, .pp-thema-pfeil { transition: none !important; }\n    .pp-thema:hover img.pp-thema-img { transform: none !important; }\n}\n<\/style>\t<div class=\"pp-bereiche-start\" id=\"bereiche\">\n\t<div class=\"pp-bereiche-schein\" aria-hidden=\"true\"><div class=\"pp-fach-schein\"><\/div><\/div>\n\t\t<div class=\"pp pp-fach pp-bereiche\">\n\t\t<section class=\"pp-fach-band\">\n\t\t\t<div class=\"pp-innen pp-fach-inhalt\">\n\t\t\t\t<div class=\"pp-fach-kopf\">\n\t\t\t\t\t<p class=\"pp-fach-label\">E-learning &amp; formation<\/p>\n\t\t\t\t\t<h2>Trois domaines, un m\u00e9tier<\/h2>\n\t\t\t\t\t<p class=\"pp-fach-lead\">De l\u2019anatomie du pied \u00e0 la cheville en passant par le talon \u2013 nos modules d\u2019apprentissage suivent le chemin que suit \u00e9galement le chaussure.<\/p>\n\t\t\t\t<\/div>\n\n\t\t\t\t<ul class=\"pp-fach-karten pp-bereich-karten\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"pp-fach-karte-huelle\" style=\"--pp-verzug: 1\">\n\t\t\t\t\t\t\t<a class=\"pp-fach-karte is-link\" href=\"https:\/\/shoeeyeq.com\/fr\/anatomie\/\">\n\t\t\t\t\t\t\t\t<span class=\"pp-fach-bild\">\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"768\" height=\"512\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/Fussskelett-\u2013-Anatomie-des-Fusses-768x512.webp\" class=\"pp-fach-img\" alt=\"Modell des Fu\u00dfskeletts mit Zeichnungen\" decoding=\"async\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/Fussskelett-\u2013-Anatomie-des-Fusses-768x512.webp 768w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/Fussskelett-\u2013-Anatomie-des-Fusses-300x200.webp 300w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/Fussskelett-\u2013-Anatomie-des-Fusses-1024x683.webp 1024w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/Fussskelett-\u2013-Anatomie-des-Fusses-18x12.webp 18w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/Fussskelett-\u2013-Anatomie-des-Fusses.webp 1536w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-nr\" aria-hidden=\"true\">01<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<span class=\"pp-fach-text\">\n\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-titel\">Anatomie<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-beschreibung\">Dans le th\u00e8me de l'anatomie, nous essayons de vous transmettre les bases de l'anatomie du pied. Dans l'\u00e9tape suivante, nous nous pencherons sur les pathologies en orthop\u00e9die.<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-mehr\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-zahl\">3 cours \u00b7 2 en cours d'\u00e9laboration<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-pfeil\" aria-hidden=\"true\">\u2192<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-sr\">\u2013 Ouvrir la section Anatomie<\/span>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"pp-fach-karte-huelle\" style=\"--pp-verzug: 2\">\n\t\t\t\t\t\t\t<a class=\"pp-fach-karte is-link\" href=\"https:\/\/shoeeyeq.com\/fr\/leistenbau\/\">\n\t\t\t\t\t\t\t\t<span class=\"pp-fach-bild\">\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"768\" height=\"512\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/07\/Beinleisten-768x512.webp\" class=\"pp-fach-img\" alt=\"Beinleisten mit Konstruktionszeichnung in der Werkstatt\" decoding=\"async\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/07\/Beinleisten-768x512.webp 768w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/07\/Beinleisten-300x200.webp 300w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/07\/Beinleisten-1024x683.webp 1024w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/07\/Beinleisten-18x12.webp 18w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/07\/Beinleisten.webp 1536w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-nr\" aria-hidden=\"true\">02<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<span class=\"pp-fach-text\">\n\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-titel\">Construction de moulures<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-beschreibung\">D\u00e9couvrez les bases et les techniques de la fabrication de formes dans nos modules d'apprentissage num\u00e9riques. Nous vous montrerons comment r\u00e9aliser une forme de demi-chaussure et une forme de jambe d'apr\u00e8s un moulage en pl\u00e2tre.<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-mehr\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-zahl\">2 cours<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-pfeil\" aria-hidden=\"true\">\u2192<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-sr\">\u2013 Ouvrir le secteur de la fabrication de poutres<\/span>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"pp-fach-karte-huelle\" style=\"--pp-verzug: 3\">\n\t\t\t\t\t\t\t<a class=\"pp-fach-karte is-link\" href=\"https:\/\/shoeeyeq.com\/fr\/schaftbau\/\">\n\t\t\t\t\t\t\t\t<span class=\"pp-fach-bild\">\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"768\" height=\"512\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/07\/Grundkonstruktion-eines-Halbschuhschaftes-nach-Winkelsystem-768x512.webp\" class=\"pp-fach-img\" alt=\"Schaftschnitt, Leisten und Konstruktionszeichnung am Arbeitsplatz\" decoding=\"async\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/07\/Grundkonstruktion-eines-Halbschuhschaftes-nach-Winkelsystem-768x512.webp 768w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/07\/Grundkonstruktion-eines-Halbschuhschaftes-nach-Winkelsystem-300x200.webp 300w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/07\/Grundkonstruktion-eines-Halbschuhschaftes-nach-Winkelsystem-1024x683.webp 1024w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/07\/Grundkonstruktion-eines-Halbschuhschaftes-nach-Winkelsystem-18x12.webp 18w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/07\/Grundkonstruktion-eines-Halbschuhschaftes-nach-Winkelsystem.webp 1536w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-nr\" aria-hidden=\"true\">03<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<span class=\"pp-fach-text\">\n\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-titel\">Construction de la crosse<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-beschreibung\">D\u00e9veloppez vos connaissances dans le domaine de la fabrication de tiges avec des cours en ligne pratiques. Apprenez \u00e0 concevoir les diff\u00e9rents mod\u00e8les de tiges tels que le derby, la coupe en U ou la coupe patin.<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-mehr\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-zahl\">9 cours<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-fach-pfeil\" aria-hidden=\"true\">\u2192<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-sr\">\u2013 Ouvrir le secteur de la construction de caisses<\/span>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\n\t\t\t\t<div class=\"pp-fach-fuss\">\n\t\t\t\t\t<a class=\"pp-btn pp-btn-hell\" href=\"https:\/\/shoeeyeq.com\/fr\/kurse\/\">\n\t\t\t\t\t\t<svg class=\"pp-icon\" width=\"19\" height=\"19\" viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 3h6a3 3 0 0 1 2 .8A3 3 0 0 1 14 3h6a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-5.5a2 2 0 0 0-1.4.6l-.4.4-.4-.4a2 2 0 0 0-1.4-.6H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm7 3.5A1.5 1.5 0 0 0 9.5 5H5v12h4.8c.4 0 .8.1 1.2.3zm2 10.8c.4-.2.8-.3 1.2-.3H19V5h-4.5A1.5 1.5 0 0 0 13 6.5z\"\/><\/svg>Afficher tous les cours\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\t<\/div>\n\t<\/div>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ppteas01 e-con-full e-flex e-con e-parent\" data-id=\"ppteas01\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ppteas02 elementor-widget elementor-widget-shortcode\" data-id=\"ppteas02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style id=\"pp-teaser-css\">\n.pp-teaser .pp-band { padding-top: clamp(56px, 7vw, 96px) !important; padding-bottom: clamp(56px, 7vw, 96px) !important; }\n.pp-teaser-karten {\n    display: grid !important;\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap: clamp(20px, 2.4vw, 30px) !important;\n}\n@media (max-width: 860px) { .pp-teaser-karten { grid-template-columns: 1fr !important; } }\n\n.pp-teaser-karte {\n    display: flex !important;\n    flex-direction: column !important;\n    background-color: #fff !important;\n    border: 1px solid transparent !important;\n    border-radius: 20px !important;\n    overflow: hidden !important;\n    text-decoration: none !important;\n    color: var(--pp-text) !important;\n    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;\n}\n.pp-teaser-karte:hover, .pp-teaser-karte:focus-visible {\n    transform: translateY(-4px) !important;\n    border-color: var(--pp-primary) !important;\n    box-shadow: 0 18px 40px rgba(10,134,170,.16) !important;\n}\n\n\/* Bildflaeche *\/\n.pp-teaser-bild {\n    position: relative !important;\n    height: 250px !important;\n    overflow: hidden !important;\n    background-color: var(--pp-braun-2) !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 20px !important;\n}\n\/* 3:2 und nicht 16:9 - genau das Seitenverhaeltnis der Produktfotos\n   (1536x1024). Bei 16:9 haette object-fit:cover oben und unten je rund\n   15 Prozent abgeschnitten, und bei gestellten Produktbildern sitzt genau\n   dort die Bildkomposition. *\/\n@supports (aspect-ratio: 3 \/ 2) {\n    .pp-teaser-bild { aspect-ratio: 3 \/ 2 !important; height: auto !important; }\n}\n\/* Die zwei Buchcover stehen nebeneinander auf der Flaeche, das Boxfoto\n   fuellt sie ganz. Beide Regeln mit img im Selektor, sonst schlaegt\n   .pp img mit height:auto zurueck. *\/\n.pp-teaser-bild-cover { background-color: var(--pp-gruen-2) !important; padding: 26px !important; }\n.pp-teaser-bild-cover img.pp-teaser-img {\n    width: auto !important;\n    max-width: 42% !important;\n    height: auto !important;\n    max-height: 100% !important;\n    filter: drop-shadow(0 12px 22px rgba(18,28,26,.24)) !important;\n    transition: transform .3s ease !important;\n}\n.pp-teaser-karte:hover .pp-teaser-bild-cover img.pp-teaser-img:first-child { transform: rotate(-3deg) translateY(-3px) !important; }\n.pp-teaser-karte:hover .pp-teaser-bild-cover img.pp-teaser-img:last-child { transform: rotate(3deg) translateY(-3px) !important; }\n\n.pp-teaser-bild-foto img.pp-teaser-img {\n    width: 100% !important; height: 100% !important; max-width: none !important;\n    object-fit: cover !important; object-position: center !important;\n    transition: transform .4s ease !important;\n}\n.pp-teaser-karte:hover .pp-teaser-bild-foto img.pp-teaser-img { transform: scale(1.05) !important; }\n\n\/* Text *\/\n.pp-teaser-text {\n    display: flex !important; flex-direction: column !important; flex: 1 1 auto !important;\n    padding: clamp(22px, 2.4vw, 30px) !important;\n}\n.pp-teaser-label {\n    display: inline-block !important; align-self: flex-start !important;\n    padding: 5px 13px !important; border-radius: 999px !important;\n    background-color: var(--pp-gruen-1) !important; color: var(--pp-dark) !important;\n    font-size: 12px !important; font-weight: 700 !important;\n    letter-spacing: .1em !important; text-transform: uppercase !important; line-height: 1.5 !important;\n}\n.pp-teaser .pp-teaser-text h3 {\n    margin: 14px 0 0 !important;\n    font-size: clamp(20px, 2vw, 26px) !important; line-height: 1.24 !important;\n}\n.pp-teaser .pp-teaser-text p {\n    margin: 10px 0 0 !important;\n    font-size: 16px !important; line-height: 1.6 !important; color: var(--pp-muted) !important;\n}\n.pp-teaser-punkte {\n    margin: 16px 0 0 !important; padding: 0 !important; list-style: none !important;\n    flex: 1 1 auto !important;\n}\n.pp-teaser-punkte li {\n    position: relative !important; margin: 0 !important;\n    padding: 6px 0 6px 26px !important; list-style: none !important;\n    font-size: 15px !important; line-height: 1.5 !important; color: var(--pp-text) !important;\n}\n.pp-teaser-punkte li::marker { content: none !important; }\n.pp-teaser-punkte li::before {\n    content: \"\" !important; position: absolute !important;\n    left: 3px !important; top: 13px !important;\n    width: 8px !important; height: 8px !important; border-radius: 50% !important;\n    background-color: var(--pp-primary) !important;\n}\n.pp-teaser-mehr {\n    display: inline-flex !important; align-items: center !important; gap: 10px !important;\n    align-self: flex-start !important; margin-top: 22px !important;\n    padding: 14px 28px !important; border-radius: 8px !important;\n    background-color: var(--pp-dark) !important; color: #fff !important;\n    font-size: 15px !important; font-weight: 700 !important; line-height: 1 !important;\n    transition: background-color .2s ease !important;\n}\n.pp-teaser-karte:hover .pp-teaser-mehr { background-color: #06576f !important; }\n.pp-teaser-pfeil { transition: transform .2s ease !important; }\n.pp-teaser-karte:hover .pp-teaser-pfeil { transform: translateX(3px) !important; }\n.pp-teaser-karte:focus-visible { outline: 3px solid var(--pp-primary) !important; outline-offset: 3px !important; }\n\n@media (prefers-reduced-motion: reduce) {\n    .pp-teaser-karte, .pp-teaser-karte *, .pp-teaser-karte:hover * { transition: none !important; transform: none !important; }\n}\n<\/style>\t<div class=\"pp pp-teaser\">\n\t\t\t\t<section class=\"pp-band pp-band-braun\">\n\t\t\t<div class=\"pp-innen\">\n\t\t\t\t<div class=\"pp-band-kopf\">\n\t\t\t\t\t<p class=\"pp-label\">Livres et bo\u00eetes de Michl<\/p>\n\t\t\t\t\t<h2>Ne pas seulement apprendre en ligne<\/h2>\n\t\t\t\t\t<p class=\"pp-lead pp-lead-abstand\">Praeparatio e.V. publie deux manuels et assemble pour chaque sujet une bo\u00eete Michl contenant tous les mat\u00e9riaux. Vous pouvez commander les deux directement aupr\u00e8s de nous.<\/p>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"pp-teaser-karten\">\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"pp-teaser-karte\" href=\"https:\/\/shoeeyeq.com\/fr\/fachbuecher\/\">\n\t\t\t\t\t\t\t<div class=\"pp-teaser-bild pp-teaser-bild-foto\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"768\" height=\"512\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-fachbuecher-produktbild-768x512.webp\" class=\"pp-teaser-img\" alt=\"Zwei gebundene Fachb\u00fccher mit t\u00fcrkisem Einband nebeneinander, Reihe \u201eFachb\u00fccher f\u00fcr die Meisterschule&quot;\" decoding=\"async\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-fachbuecher-produktbild-768x512.webp 768w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-fachbuecher-produktbild-300x200.webp 300w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-fachbuecher-produktbild-1024x683.webp 1024w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-fachbuecher-produktbild-18x12.webp 18w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-fachbuecher-produktbild.webp 1536w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"pp-teaser-text\">\n\t\t\t\t\t\t\t\t<span class=\"pp-teaser-label\">Livres de r\u00e9f\u00e9rence<\/span>\n\t\t\t\t\t\t\t\t<h3>Deux manuels pour l'\u00e9cole de ma\u00eetrise<\/h3>\n\t\t\t\t\t\t\t\t<p>De la trace du pas \u00e0 la tige finie : bases de la fabrication de formes et de la conception de tiges, \u00e9crites par des praticiens.<\/p>\n\t\t\t\t\t\t\t\t<ul class=\"pp-teaser-punkte\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>136 et 360 pages<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>Plus de 520 dessins et 110 photos<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>46 fiches d'auto-\u00e9valuation<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t<span class=\"pp-teaser-mehr\">\n\t\t\t\t\t\t\t\t\t<svg class=\"pp-icon\" width=\"19\" height=\"19\" viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 3h6a3 3 0 0 1 2 .8A3 3 0 0 1 14 3h6a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-5.5a2 2 0 0 0-1.4.6l-.4.4-.4-.4a2 2 0 0 0-1.4-.6H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm7 3.5A1.5 1.5 0 0 0 9.5 5H5v12h4.8c.4 0 .8.1 1.2.3zm2 10.8c.4-.2.8-.3 1.2-.3H19V5h-4.5A1.5 1.5 0 0 0 13 6.5z\"\/><\/svg>\t\t\t\t\t\t\t\t\t<span>Aux livres sp\u00e9cialis\u00e9s<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"pp-teaser-pfeil\" aria-hidden=\"true\">\u2192<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"pp-teaser-karte\" href=\"https:\/\/shoeeyeq.com\/fr\/michl-box\/\">\n\t\t\t\t\t\t\t<div class=\"pp-teaser-bild pp-teaser-bild-foto\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"768\" height=\"512\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-michlbox-produktbild-768x512.webp\" class=\"pp-teaser-img\" alt=\"Ge\u00f6ffnete Michl-Box aus Holz mit Begleitheft, Musterleisten, Ma\u00dfband und Zange auf Holzwolle\" decoding=\"async\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-michlbox-produktbild-768x512.webp 768w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-michlbox-produktbild-300x200.webp 300w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-michlbox-produktbild-1024x683.webp 1024w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-michlbox-produktbild-18x12.webp 18w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-michlbox-produktbild.webp 1536w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"pp-teaser-text\">\n\t\t\t\t\t\t\t\t<span class=\"pp-teaser-label\">Bo\u00eete Michl<\/span>\n\t\t\t\t\t\t\t\t<h3>Un sujet, une bo\u00eete pour s'entra\u00eener<\/h3>\n\t\t\t\t\t\t\t\t<p>Documents \u00e9crits, devoirs et tous les mat\u00e9riels pour les exercices pratiques \u2013 ainsi qu'un catalogue de questions et les solutions.<\/p>\n\t\t\t\t\t\t\t\t<ul class=\"pp-teaser-punkte\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>Sept th\u00e8mes au choix<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>De la forme de soulier bas au test de fonction musculaire<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>Du mat\u00e9riel concret au lieu de la seule th\u00e9orie<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t<span class=\"pp-teaser-mehr\">\n\t\t\t\t\t\t\t\t\t<svg class=\"pp-icon\" width=\"19\" height=\"19\" viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.2 21 6v12l-9 3.8L3 18V6zm0 2.2L5.6 7 12 9.6 18.4 7zM5 8.7v8l6 2.5v-8zm8 10.5 6-2.5v-8l-6 2.5z\"\/><\/svg>\t\t\t\t\t\t\t\t\t<span>Zur Michl-Box<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"pp-teaser-pfeil\" aria-hidden=\"true\">\u2192<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\t<\/div>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-147ecf42 e-flex e-con-boxed e-con e-parent\" data-id=\"147ecf42\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-262908ee elementor-widget elementor-widget-heading\" data-id=\"262908ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">E-learning &amp; formation <\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-291bb5d6 elementor-widget elementor-widget-heading\" data-id=\"291bb5d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Notre plate-forme d'apprentissage en ligne offre une expertise solide<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20d13d6b e-con-full e-flex e-con e-child\" data-id=\"20d13d6b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-164cf385 e-con-full e-flex e-con e-child\" data-id=\"164cf385\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c84fca elementor-position-inline-start elementor-view-framed elementor-shape-square elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"3c84fca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon elementor-animation-float\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-book\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tCours interactifs\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tNos cours interactifs permettent une exp\u00e9rience d'apprentissage active. Gr\u00e2ce \u00e0 des exercices, des quiz et des t\u00e2ches pratiques, les connaissances ne sont pas seulement transmises, mais directement appliqu\u00e9es.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f4376d1 e-con-full e-flex e-con e-child\" data-id=\"5f4376d1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-686ab852 elementor-position-inline-start elementor-view-framed elementor-shape-square elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"686ab852\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon elementor-animation-float\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-license\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tCertification \u00e0 la fin du cours\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tApr\u00e8s avoir suivi un cours avec succ\u00e8s, tu re\u00e7ois un certificat officiel. Tu peux ainsi prouver tes nouvelles connaissances - id\u00e9al pour les candidatures.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a3952e8 e-con-full e-flex e-con e-child\" data-id=\"2a3952e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-517e9921 e-con-full e-flex e-con e-child\" data-id=\"517e9921\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a63719a elementor-position-inline-start elementor-view-framed elementor-shape-square elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"5a63719a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon elementor-animation-float\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-document\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tTest final\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t\u00c0 la fin de chaque cours, un test final t'attend pour v\u00e9rifier tes connaissances. Si tu r\u00e9ussis ce test, tu prouveras tes connaissances professionnelles et tu recevras ton certificat.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-162071f e-con-full e-flex e-con e-child\" data-id=\"162071f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58472006 elementor-position-inline-start elementor-view-framed elementor-shape-square elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"58472006\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon elementor-animation-float\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-laptop-phone\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tConception adapt\u00e9e\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tApprends de mani\u00e8re flexible et ind\u00e9pendamment de l'appareil : que ce soit un smartphone, une tablette ou un PC, notre plateforme s'adapte \u00e0 ton \u00e9cran et garantit une exp\u00e9rience d'apprentissage optimale.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30cf466c e-flex e-con-boxed e-con e-parent\" data-id=\"30cf466c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-274ca551 e-con-full e-flex e-con e-child\" data-id=\"274ca551\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-276f3ba0 elementor-widget elementor-widget-image\" data-id=\"276f3ba0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"750\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/02\/09.webp\" class=\"attachment-full size-full wp-image-26\" alt=\"\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/02\/09.webp 500w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/02\/09-8x12.webp 8w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/02\/09-200x300.webp 200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32713576 e-con-full e-flex e-con e-child\" data-id=\"32713576\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20002a01 elementor-widget elementor-widget-heading\" data-id=\"20002a01\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Apprenez de mani\u00e8re flexible, pratique et avec la plus grande pr\u00e9cision dans la technique de la chaussure orthop\u00e9dique<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58d90b8b elementor-widget elementor-widget-text-editor\" data-id=\"58d90b8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"_fadeIn_m1hgl_8\">Notre site <\/span><span class=\"_fadeIn_m1hgl_8\">En ligne<\/span><span class=\"_fadeIn_m1hgl_8\">Cours<\/span> <span class=\"_fadeIn_m1hgl_8\">ont \u00e9t\u00e9 <\/span><span class=\"_fadeIn_m1hgl_8\">sp\u00e9cialement <\/span><span class=\"_fadeIn_m1hgl_8\">pour <\/span><span class=\"_fadeIn_m1hgl_8\">Professionnels <\/span><span class=\"_fadeIn_m1hgl_8\">et <\/span><span class=\"_fadeIn_m1hgl_8\">Apprentis <\/span><span class=\"_fadeIn_m1hgl_8\">dans <\/span><span class=\"_fadeIn_m1hgl_8\">le <\/span><span class=\"_fadeIn_m1hgl_8\">Technique de la chaussure orthop\u00e9dique <\/span><span class=\"_fadeIn_m1hgl_8\">d\u00e9velopp\u00e9. <\/span><span class=\"_fadeIn_m1hgl_8\">Apprendre <\/span><span class=\"_fadeIn_m1hgl_8\">Elle <\/span><span class=\"_fadeIn_m1hgl_8\">dans <\/span><span class=\"_fadeIn_m1hgl_8\">votre <\/span><span class=\"_fadeIn_m1hgl_8\">Tempo - <\/span><span class=\"_fadeIn_m1hgl_8\">avec <\/span><span class=\"_fadeIn_m1hgl_8\">proche de la pratique <\/span><span class=\"_fadeIn_m1hgl_8\">des \u00e9tudes de cas, <\/span><span class=\"_fadeIn_m1hgl_8\">d\u00e9taill\u00e9 <\/span><span class=\"_fadeIn_m1hgl_8\">Instructions <\/span><span class=\"_fadeIn_m1hgl_8\">et <\/span><span class=\"_fadeIn_m1hgl_8\">un solide <\/span><span class=\"_fadeIn_m1hgl_8\">Connaissances d'experts.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd5a946 e-con-full e-flex e-con e-child\" data-id=\"bd5a946\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-538cce9a elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-view-default elementor-invisible elementor-widget elementor-widget-icon\" data-id=\"538cce9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-quote2\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1beb2f1c elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-testimonial\" data-id=\"1beb2f1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-wrapper\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-content\">Je voulais \u00e9largir mes connaissances en mati\u00e8re de technique de chaussures orthop\u00e9diques, mais je ne savais pas par o\u00f9 commencer. Le cours a couvert tous les sujets pertinents, de l'analyse des malformations du pied \u00e0 la confection de semelles orthop\u00e9diques. Les exercices pratiques et le feed-back direct des tuteurs ont \u00e9t\u00e9 particuli\u00e8rement utiles. J'ai pu am\u00e9liorer mes comp\u00e9tences manuelles de mani\u00e8re cibl\u00e9e.<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ecf89f8 e-flex e-con-boxed e-con e-parent\" data-id=\"2ecf89f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66a87e0d elementor-widget elementor-widget-heading\" data-id=\"66a87e0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Blog et actualit\u00e9s<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61fe79ce elementor-widget elementor-widget-elementskit-blog-posts\" data-id=\"61fe79ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-blog-posts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div id=\"post-items--61fe79ce\" class=\"ekit-row post-items ekit-blog-post-masonry-inactive\">\n                            <div class=\"post-item ekit-col-4\">\n\n                                            <div class=\"elementskit-post-image-card\">\n                            <div class=\"elementskit-entry-header\">\n                                                                    <a href=\"https:\/\/shoeeyeq.com\/fr\/friedenspreistraeger-karl-schloegel-nach-lwiw\/\" class=\"elementskit-entry-thumb\">\n                                        <img decoding=\"async\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/10\/Friedenspreistraeger.webp\" alt=\"Der Historiker Karl Schl\u00f6gel erh\u00e4lt den Friedenspreis des Deutschen Buchhandels\">\n                                    <\/a><!-- .elementskit-entry-thumb END -->\n                                                                    \n                                \n                                                            <\/div><!-- .elementskit-entry-header END -->\n\n                            <div class=\"elementskit-post-body\">\n                                \n                                                                                                                \n                                    \n                                                                                            <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/shoeeyeq.com\/fr\/friedenspreistraeger-karl-schloegel-nach-lwiw\/\">\n                        L'historien Karl Schl\u00f6gel re\u00e7oit le Prix de la paix des libraires allemands                    <\/a>\n                <\/h2>\n                                                                                                                                                                                                <p>L'historien Karl Schl\u00f6gel est consid\u00e9r\u00e9 comme l'un des plus \u00e9minents sp\u00e9cialistes de l'Europe de l'Est. Le jour de la...<\/p>\n                                                                                                                                                                        <div class=\"btn-wraper\">\n                                        \n                                                                                    <a class=\"elementskit-btn whitespace--normal\" id=\"\" href=\"https:\/\/shoeeyeq.com\/fr\/friedenspreistraeger-karl-schloegel-nach-lwiw\/\">\n                                                                                                lire la suite                                            <\/a>\n                                                                            <\/div>\n                                                            <\/div><!-- .elementskit-post-body END -->\n                        <\/div>\n                    \n                <\/div>\n                            <div class=\"post-item ekit-col-4\">\n\n                                            <div class=\"elementskit-post-image-card\">\n                            <div class=\"elementskit-entry-header\">\n                                                                    <a href=\"https:\/\/shoeeyeq.com\/fr\/bildung-verbindet-handwerk-technologie-und-menschlichkeit-in-aktion\/\" class=\"elementskit-entry-thumb\">\n                                        <img decoding=\"async\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/10\/Bildung-verbindet.jpg\" alt=\"Bildung verbindet \u2013 Handwerk, Technologie und Menschlichkeit in Aktion\">\n                                    <\/a><!-- .elementskit-entry-thumb END -->\n                                                                    \n                                \n                                                            <\/div><!-- .elementskit-entry-header END -->\n\n                            <div class=\"elementskit-post-body\">\n                                \n                                                                                                                \n                                    \n                                                                                            <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/shoeeyeq.com\/fr\/bildung-verbindet-handwerk-technologie-und-menschlichkeit-in-aktion\/\">\n                        L'\u00e9ducation cr\u00e9e des liens - l'artisanat, la technologie et l'humanit\u00e9 en action                    <\/a>\n                <\/h2>\n                                                                                                                                                                                                <p>La GIZ (Deutsche Gesellschaft f\u00fcr Internationale Zusammenarbeit) et Praeparatio e.V. ont lanc\u00e9 2025...<\/p>\n                                                                                                                                                                        <div class=\"btn-wraper\">\n                                        \n                                                                                    <a class=\"elementskit-btn whitespace--normal\" id=\"\" href=\"https:\/\/shoeeyeq.com\/fr\/bildung-verbindet-handwerk-technologie-und-menschlichkeit-in-aktion\/\">\n                                                                                                lire la suite                                            <\/a>\n                                                                            <\/div>\n                                                            <\/div><!-- .elementskit-post-body END -->\n                        <\/div>\n                    \n                <\/div>\n                            <div class=\"post-item ekit-col-4\">\n\n                                            <div class=\"elementskit-post-image-card\">\n                            <div class=\"elementskit-entry-header\">\n                                                                    <a href=\"https:\/\/shoeeyeq.com\/fr\/internationaler-schaftkurs-erfolgreich-abgeschlossen\/\" class=\"elementskit-entry-thumb\">\n                                        <img decoding=\"async\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/09\/Schuhdesign-im-Schaftbau-Workshop.jpg\" alt=\"Internationaler Schaftkurs erfolgreich abgeschlossen!\">\n                                    <\/a><!-- .elementskit-entry-thumb END -->\n                                                                    \n                                \n                                                            <\/div><!-- .elementskit-entry-header END -->\n\n                            <div class=\"elementskit-post-body\">\n                                \n                                                                                                                \n                                    \n                                                                                            <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/shoeeyeq.com\/fr\/internationaler-schaftkurs-erfolgreich-abgeschlossen\/\">\n                        Le cours international sur les cadres s'est termin\u00e9 avec succ\u00e8s !                    <\/a>\n                <\/h2>\n                                                                                                                                                                                                <p>La fabrication de tiges pour chaussures orthop\u00e9diques sur mesure fait en fait partie des comp\u00e9tences cl\u00e9s...<\/p>\n                                                                                                                                                                        <div class=\"btn-wraper\">\n                                        \n                                                                                    <a class=\"elementskit-btn whitespace--normal\" id=\"\" href=\"https:\/\/shoeeyeq.com\/fr\/internationaler-schaftkurs-erfolgreich-abgeschlossen\/\">\n                                                                                                lire la suite                                            <\/a>\n                                                                            <\/div>\n                                                            <\/div><!-- .elementskit-post-body END -->\n                        <\/div>\n                    \n                <\/div>\n                            <div class=\"post-item ekit-col-4\">\n\n                                            <div class=\"elementskit-post-image-card\">\n                            <div class=\"elementskit-entry-header\">\n                                                                    <a href=\"https:\/\/shoeeyeq.com\/fr\/praeparatio-hilf-in-der-ukraine-kriegsversehrte-zu-versorgen\/\" class=\"elementskit-entry-thumb\">\n                                        <img decoding=\"async\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/06\/Ukraine-scaled.webp\" alt=\"Praeparatio hilf in der Ukraine Kriegsversehrte zu versorgen\">\n                                    <\/a><!-- .elementskit-entry-thumb END -->\n                                                                    \n                                \n                                                            <\/div><!-- .elementskit-entry-header END -->\n\n                            <div class=\"elementskit-post-body\">\n                                \n                                                                                                                \n                                    \n                                                                                            <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/shoeeyeq.com\/fr\/praeparatio-hilf-in-der-ukraine-kriegsversehrte-zu-versorgen\/\">\n                        Praeparatio aide \u00e0 soigner les bless\u00e9s de guerre en Ukraine                    <\/a>\n                <\/h2>\n                                                                                                                                                                                                <p>Si vous \u00eates int\u00e9ress\u00e9(e), veuillez nous contacter.<\/p>\n                                                                                                                                                                        <div class=\"btn-wraper\">\n                                        \n                                                                                    <a class=\"elementskit-btn whitespace--normal\" id=\"\" href=\"https:\/\/shoeeyeq.com\/fr\/praeparatio-hilf-in-der-ukraine-kriegsversehrte-zu-versorgen\/\">\n                                                                                                lire la suite                                            <\/a>\n                                                                            <\/div>\n                                                            <\/div><!-- .elementskit-post-body END -->\n                        <\/div>\n                    \n                <\/div>\n                            <div class=\"post-item ekit-col-4\">\n\n                                            <div class=\"elementskit-post-image-card\">\n                            <div class=\"elementskit-entry-header\">\n                                                                    <a href=\"https:\/\/shoeeyeq.com\/fr\/das-web-based-training-startet-mitte-2025\/\" class=\"elementskit-entry-thumb\">\n                                        <img decoding=\"async\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/06\/WebBasedTraining-scaled.webp\" alt=\"Das Web based Training startet Mitte 2025\">\n                                    <\/a><!-- .elementskit-entry-thumb END -->\n                                                                    \n                                \n                                                            <\/div><!-- .elementskit-entry-header END -->\n\n                            <div class=\"elementskit-post-body\">\n                                \n                                                                                                                \n                                    \n                                                                                            <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/shoeeyeq.com\/fr\/das-web-based-training-startet-mitte-2025\/\">\n                        La formation bas\u00e9e sur le web d\u00e9bute mi-2025                    <\/a>\n                <\/h2>\n                                                                                                                                                                                                <p>Praeparatio propose des tutoriels sur la construction de tiges et d'aines, ainsi que sur l'anatomie...<\/p>\n                                                                                                                                                                        <div class=\"btn-wraper\">\n                                        \n                                                                                    <a class=\"elementskit-btn whitespace--normal\" id=\"\" href=\"https:\/\/shoeeyeq.com\/fr\/das-web-based-training-startet-mitte-2025\/\">\n                                                                                                lire la suite                                            <\/a>\n                                                                            <\/div>\n                                                            <\/div><!-- .elementskit-post-body END -->\n                        <\/div>\n                    \n                <\/div>\n                            <div class=\"post-item ekit-col-4\">\n\n                                            <div class=\"elementskit-post-image-card\">\n                            <div class=\"elementskit-entry-header\">\n                                                                    <a href=\"https:\/\/shoeeyeq.com\/fr\/die-3d-piraten-befassen-sich-mit-der-digitalisierung\/\" class=\"elementskit-entry-thumb\">\n                                        <img decoding=\"async\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2025\/02\/Auf-Kurs-in-die-digitale-Zukunft-scaled.webp\" alt=\"Die 3D Piraten befassen sich mit der Digitalisierung\">\n                                    <\/a><!-- .elementskit-entry-thumb END -->\n                                                                    \n                                \n                                                            <\/div><!-- .elementskit-entry-header END -->\n\n                            <div class=\"elementskit-post-body\">\n                                \n                                                                                                                \n                                    \n                                                                                            <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/shoeeyeq.com\/fr\/die-3d-piraten-befassen-sich-mit-der-digitalisierung\/\">\n                        Les Pirates 3D s'int\u00e9ressent \u00e0 la num\u00e9risation                    <\/a>\n                <\/h2>\n                                                                                                                                                                                                <p>Un article para\u00eetra dans le num\u00e9ro sp\u00e9cial d'Orthop\u00e4dieschuhtechnik.<\/p>\n                                                                                                                                                                        <div class=\"btn-wraper\">\n                                        \n                                                                                    <a class=\"elementskit-btn whitespace--normal\" id=\"\" href=\"https:\/\/shoeeyeq.com\/fr\/die-3d-piraten-befassen-sich-mit-der-digitalisierung\/\">\n                                                                                                lire la suite                                            <\/a>\n                                                                            <\/div>\n                                                            <\/div><!-- .elementskit-post-body END -->\n                        <\/div>\n                    \n                <\/div>\n                    <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-51","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/pages\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/comments?post=51"}],"version-history":[{"count":380,"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":4543,"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/pages\/51\/revisions\/4543"}],"wp:attachment":[{"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/media?parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}